/* Layout resets */
#crumb, #subNav                     { display: none; }
#headerTop, #header                 { background:none;height: auto; min-height: 0; }
#mainContent                        { background: #000000; padding: 0; width: 980px; }
#fiatFooter                         {border-top:0;}
/* General styles */
#modelNavContainer                  {display:block;clear:both;}
#outerContent                       { background: #000000 none no-repeat 0 0; float: left; _height:472px; min-height: 472px; width: 100%; }
#nonFlash                           { background: #e3e3e3; clear: both; padding: 10px 0 0; text-align: center; width: 100%;  }
#innerContent                       { margin-left: 55px; width: 290px; position:relative;}
#innerContent h2                    { background: no-repeat 0 0; border-bottom: solid 1px #808080; margin-bottom: 15px; overflow: hidden; padding: 0 0 15px; text-indent: -999em; width: 100%;}
#innerContent h3                    { background: no-repeat 0 0; margin-bottom: 15px; overflow: hidden; margin:0; padding: 0; height:0px; text-indent: -999em; width: 100%;}
#innerContent h4                    { background: no-repeat 0 0; border-bottom: solid 1px #808080; margin-bottom: 15px; overflow: hidden; padding: 0 0 15px; text-indent: -999em; width: 100%;}

#innerContent p                     { color: #aeaeae; }
#innerContent a.btnCta { background: transparent none no-repeat 0 0; display: block; height: 39px; margin-left: -5px; overflow: hidden; text-indent: -999em; width: 225px; }
#innerContent a.btnCtaTest { background: transparent none no-repeat 0 0; display: block; height: 32px; margin-left: -2px; overflow: hidden; text-indent: -999em; width: 219px; }

#innerContent a:hover.btnCta        { background-position: 0 -39px; }
#innerContent a:hover.btnCtaTest    { background-position: 0 -32px; }
#innerContent p a.pdf               { background: transparent url(/library/images/500Blackjack/icoPdf.png) no-repeat 0 0; color: #ffffff; padding-left: 20px; }

/* Specific pages */
#outerContent.homepage              { background-image: url(/library/images/500Blackjack/bgHome.jpg); }
.homepage #innerContent             { margin-top: 95px; }
.homepage #innerContent h2          { background-image: url(/library/images/500Blackjack/txtOnlineExclusive.png); height: 99px; }
.homepage #innerContent a.btnCta    { background-image: url(/library/images/500Blackjack/btnExploreBlackjack.png); }
.homepage #innerContent a.btnCtaTest, .about #innerContent a.btnCtaTest { background-image: url(/library/images/500Blackjack/btnarrTestDrive.png);}
.about #innerContent a.btnCtaTest   {position:absolute; bottom:3px; right:-55px;}


#outerContent.about                 { background-image: url(/library/images/500Blackjack/bgAbout.jpg); }
.about #innerContent                { margin-top: 40px; width: 320px; }
.about #innerContent h2             { background-image: url(/library/images/500Blackjack/txtTheDeal.png); height: 72px; }
.about #innerContent a.btnCta       { background-image: url(/library/images/500Blackjack/btnPreviewAndOrder.png); }


/* footer HTML */

#footerHTMLsprite                   {background:#000000 url(/library/images/fiat500/bgFooterHTML.gif) no-repeat 50% 0;clear:both;overflow:hidden;width:980px;height:35px;border-top:1px solid #363636;}
#footerHTMLsprite ul				{margin:0 auto;width:732px;}
#footerHTMLsprite li                {float:left;height:35px;list-style-type:none;width:122px;}
#footerHTMLsprite li a              {background:transparent url(/library/images/500Blackjack/btnFooterSprite.png) no-repeat 0 0;display:block;height:100%;list-style-type:none;overflow:hidden;text-indent:-999em;width:100%;}

#footerHTMLsprite #fModel a         {background-position: 0 0;}
#footerHTMLsprite #fModel a:hover,
#footerHTMLsprite #fModel.active a  {background-position: 0 100%;}

#footerHTMLsprite #fAbout a         {background-position: -122px 0;}
#footerHTMLsprite #fAbout a:hover,
#footerHTMLsprite #fAbout.active a  {background-position: -122px 100%;}

#footerHTMLsprite #fConfigure a     {background-position: -244px 0;}
#footerHTMLsprite #fConfigure a:hover,
#footerHTMLsprite #fConfigure.active a
                                    {background-position: -244px 100%;}

#footerHTMLsprite #fFaqs a          {background-position: -366px 0;}
#footerHTMLsprite #fFaqs a:hover,
#footerHTMLsprite #fFaqs.active a   {background-position: -366px 100%;}

#footerHTMLsprite #fTerms a         {background-position: -488px 0;}
#footerHTMLsprite #fTerms a:hover,
#footerHTMLsprite #fTerms.active a  {background-position: -488px 100%;}

#footerHTMLsprite #fContact a       {background-position: -610px 0;}
#footerHTMLsprite #fContact a:hover,
#footerHTMLsprite #fContact.active a{background-position: -610px 100%;}

#footerHTMLsprite li.BlackjackOn a {background-position: 0 100%!important;}
#footerHTMLsprite li.AboutOn a {background-position: -122px 100%!important;}