@charset "utf-8";
/* CSS Document */
body.home { background:url(../images/layup/bodyBgHome.jpg)  top center no-repeat #f5f1f1; }
#header #dealerDropDown { background:#534d4e; color:#fff; }
.alone { margin-left:41px; }
#mainContent {background:#f5f1f1;}
#header #logo { position: absolute; top: 28px; left: 45px; }
#header .groupHome { margin-left:41px; float:left; width:88px; margin-top:3px;}

/* ----- USED CAR SEARCH ----- */
.usedCarSearch {background:url(../images/layup/usedSearchBg.gif) no-repeat; margin: 11px 0px 0px 0px !important; }

.usedCarTitle {background:url(../images/layup/usedVehicleTitleBg.gif) no-repeat; display:block; width:198px; height:22px; padding:5px 0 0 20px; text-transform:uppercase; font-size:15px; font-weight:bold; margin: 0 0 0 25px; }
.usedCarSearch #modelSearch  {display:block; float:left; width:135px; height:38px; background:url(../images/layup/spriteUsedSearch.gif) left top no-repeat;}
.usedCarSearch #modelSearch:hover {display:block; float:left; width:135px; height:38px; background:url(../images/layup/spriteUsedSearch.gif) left bottom no-repeat;}
.usedCarSearch #modelSearch.active {display:block; float:left; width:135px; height:38px; background:url(../images/layup/spriteUsedSearch.gif) left bottom no-repeat;}
.usedCarSearch #budgetSearch {display:block; float:left; width:91px; height:38px; background:url(../images/layup/spriteUsedSearch.gif) -85px top no-repeat;}
.usedCarSearch #budgetSearch:hover {display:block; float:left; width:91px; height:38px; background:url(../images/layup/spriteUsedSearch.gif) -85px bottom no-repeat;}
.usedCarSearch #budgetSearch.active {display:block; float:left; width:91px; height:38px; background:url(../images/layup/spriteUsedSearch.gif) -85px bottom no-repeat;}
.usedCarSearch #sizeSearch {display:block; float:left; width:135px; height:38px; background:url(../images/layup/spriteUsedSearch.gif) -135px top no-repeat;}
.usedCarSearch #sizeSearch:hover {display:block; float:left; width:135px; height:38px; background:url(../images/layup/spriteUsedSearch.gif) -135px bottom no-repeat;}
.usedCarSearch #sizeSearch.active {display:block; float:left; width:135px; height:38px; background:url(../images/layup/spriteUsedSearch.gif) -135px bottom no-repeat;}


/* ----- FLASH BANNER ----- */
#banner {width:622px; height:248px; float:left; margin:-14px auto 0 11px;}
.bannerPhoto{ position:relative;  width:622px; height:248px; float:left; display:block;}
.bannerFrame{ position:absolute; top:0px ; left:0px; width:622px; height:248px; background:url(../images/layup/bannerFrame.gif) no-repeat; display:block;}
.bannerPhoto .linkFrame { height:100%; position:absolute; top:0px; width:100%; z-index:1250; }
.bannerPhoto .btnBack { position:absolute; top:100px; left:0px; z-index:1500; }
.bannerPhoto .btnNext { position:absolute; top:100px; right:0px; z-index:1500; }


/* ----- TOP NAVIGATION ----- */
#primaryHomeNav { width:960px; height:59px; padding:0; margin-bottom:0px;  }
#primaryHomeNav ul { list-style: none; margin: 0; padding: 0px 0px 0px 15px; height: 59px; }
#primaryHomeNav li { float: left; background:url(../images/layup/navDivider.gif) no-repeat top right; padding-right: 1px; }
#primaryHomeNav li.last {background:none;}
#primaryHomeNav li a { float: left; color:#fff; text-decoration: none; font-weight:bold; display: block; }
#primaryHomeNav li a span { display: block; padding: 28px 52px 17px 52px;  }
#primaryHomeNav li a span.arrow { padding: 0 !important; }

#primaryHomeNav li a:hover span.arrow { background: url(../images/layup/homeNavTriangle.gif) no-repeat center 16px; }
#primaryHomeNav li a:hover span { text-decoration: none; background:url(../images/layup/navLeftBg.gif) no-repeat left top;}
#primaryHomeNav li a:hover { display: block; float: left; text-decoration: none; background:url(../images/layup/navRightBg.gif) right top no-repeat; }

#groupPrimaryHomeNav { width:960px; height:59px; padding:0; margin-bottom:15px;  }
#groupPrimaryHomeNav ul { list-style: none; margin: 0; padding: 0; }
#groupPrimaryHomeNav li { float: left; background:url(../images/layup/navDivider.gif) no-repeat top right; padding-right: 1px; }
#groupPrimaryHomeNav li.last {background:none;}
#groupPrimaryHomeNav li a { float: left; color:#fff; text-decoration: none; font-weight:bold; }
#groupPrimaryHomeNav li a span { display: block; padding: 28px 52px 17px 52px;  }
#groupPrimaryHomeNav li a span.arrow { padding: 0 !important; }
#groupPrimaryHomeNav li a:hover span.arrow { background: url(../images/layup/homeNavTriangle.gif) no-repeat center 16px; }
#groupPrimaryHomeNav li a:hover span { text-decoration: none; background:url(../images/layup/navLeftBg.gif) no-repeat left top;}
#groupPrimaryHomeNav li a:hover { display: block; float: left; text-decoration: none; background:url(../images/layup/navRightBg.gif) right top no-repeat; }


/* ----- DEALER SELECT SPRITE ----- */
#dealerSelect { width:959px; height:206px; background:url(../images/layup/dealerSelectBg.gif) no-repeat top center; margin: 20px auto 0 auto; padding-top:34px; float:left;}
#dealerSelect #audi a{ float:left; width:167px; height:172px; background:url(../images/layup/spriteDealerSelect.jpg) no-repeat left top; }
#dealerSelect #audi a:hover{ float:left; width:167px; height:172px; background:url(../images/layup/spriteDealerSelect.jpg) no-repeat left bottom; }
#dealerSelect #audi a.active{ float:left; width:167px; height:172px; background:url(../images/layup/spriteDealerSelect.jpg) no-repeat left bottom; }
#dealerSelect #volkswagen a{ float:left; width:160px; height:172px; background:url(../images/layup/spriteDealerSelect.jpg) no-repeat -167px top; }
#dealerSelect #volkswagen a:hover{ float:left; width:160px; height:172px; background:url(../images/layup/spriteDealerSelect.jpg) no-repeat -167px bottom; }
#dealerSelect #volkswagen a.active{ float:left; width:160px; height:172px; background:url(../images/layup/spriteDealerSelect.jpg) no-repeat -167px bottom; }
#dealerSelect #volkswagenCommercial a{ float:left; width:150px; height:172px; background:url(../images/layup/spriteDealerSelect.jpg) no-repeat -327px top; }
#dealerSelect #volkswagenCommercial a:hover{ float:left; width:150px; height:172px; background:url(../images/layup/spriteDealerSelect.jpg) no-repeat -327px bottom; }
#dealerSelect #volkswagenCommercial a.active{ float:left; width:150px; height:172px; background:url(../images/layup/spriteDealerSelect.jpg) no-repeat -327px bottom; }
#dealerSelect #seat a{ float:left; width:157px; height:172px; background:url(../images/layup/spriteDealerSelect.jpg) no-repeat -477px top; }
#dealerSelect #seat a:hover{ float:left; width:157px; height:172px; background:url(../images/layup/spriteDealerSelect.jpg) no-repeat -477px bottom; }
#dealerSelect #seat a.active{ float:left; width:157px; height:172px; background:url(../images/layup/spriteDealerSelect.jpg) no-repeat -477px bottom; }
#dealerSelect #contractHire a{ float:left; width:158px; height:172px; background:url(../images/layup/spriteDealerSelect.jpg) no-repeat -634px top; }
#dealerSelect #contractHire a:hover{ float:left; width:158px; height:172px; background:url(../images/layup/spriteDealerSelect.jpg) no-repeat -634px bottom; }
#dealerSelect #contractHire a.active{ float:left; width:158px; height:172px; background:url(../images/layup/spriteDealerSelect.jpg) no-repeat -364px bottom; }
#dealerSelect #tradeVehicles { float:left; width:167px; height:172px; background:url(../images/layup/spriteDealerSelect.jpg) no-repeat -792px top; }
/*#dealerSelect #tradeVehicles a:hover{ float:left; width:167px; height:172px; background:url(../images/layup/spriteDealerSelect.jpg) no-repeat -792px bottom; }
#dealerSelect #tradeVehicles a.active{ float:left; width:167px; height:172px; background:url(../images/layup/spriteDealerSelect.jpg) no-repeat -792px bottom; }*/

/* ----- SMALL DEALER SELECT ----- */
#dealerSelectSmall {background:url(../images/layup/dealerLocatorSmallBg.gif) no-repeat; width:332px; height:199px; float:left; padding:8px 0 0 25px; color:#060606; }
#dealerSelectSmall .smallMap { margin-top:10px; margin-bottom:15px; display:block; }
#dealerSelectSmall .text {width:200px; float:left}
#dealerSelectSmall .go {float:left; margin:6px auto 0 17px;}

#welcome{ width:603px; float:left; min-height:52px; background:url(../images/layup/welcomeTitleBg.gif) top left no-repeat #fff; color:#060606; }
#welcome .padding { padding:8px 10px 0 10px; }
#welcome .padding .text {margin-top:10px; margin-bottom:10px;}
#welcome .padding .more a {background:#000; float:left; color:#fff; font-weight:bold; padding:3px 5px; text-transform:uppercase; text-decoration:none; }
#welcomeBottom{ width:603px; display:block; }

/* ----- FRANHISE JUMP POINTS ----- */
#franchiseJumps { height: 227px; margin-bottom: 20px; }
#franchiseJumps .box { float: left; }
#franchiseJumps .box a { text-decoration:none; display: block; height: 209px; cursor: pointer; padding:18px 0 0 25px; }
#franchiseJumps .box .go  { float:left; margin:133px auto 0 19px; display:block; }
#franchiseJumps .box .text {display:block; width:206px; margin:126px auto 0 auto; float:left; text-transform:none; font-size:12px; font-weight:normal; text-decoration:none;}
#franchiseJumps .box1 {width:322px; height:227px;text-transform:uppercase; display:block; float:left;}
#franchiseJumps .box2 {width:314px; height:227px; text-transform:uppercase; display:block; float:left;}
#franchiseJumps .box3 {width:322px; height:227px; text-transform:uppercase; display:block; float:left;}

/* ----- SECONDARY JUMPS ----- */
.servicingJump { width:222px; height:218px; float:left; display:block; text-transform:capitalize; padding:15px 0 0 25px; }
.servicingJump a {text-decoration:none;}
.servicingJump .title { display:block; width:150px; margin-bottom:23px;}
.servicingJump .jumpImage {display:block; float:left; width:208px; height:72px; margin:0 auto; padding:0;}
.servicingJump .text {display:block; width:210px; margin:13px auto 0 auto; float:left; text-transform:none; font-size:11px; font-weight:normal; text-decoration:none;}
.servicingJump .more {float:left; margin:5px auto 0 auto; display:block;}
.businessJump { width:220px; height:218px; float:left; display:block; text-transform:capitalize; padding:15px 0 0 12px; }
.businessJump a {text-decoration:none;}
.businessJump .title { display:block; width:150px; margin-bottom:23px;}
.businessJump .jumpImage {display:block; float:left; width:208px; height:72px; margin:0 auto; padding:0;}
.businessJump .text {display:block; width:210px; margin:18px auto 0 auto; float:left; text-transform:none; font-size:11px; font-weight:normal; text-decoration:none;}
.businessJump .more {float:left; margin:5px auto 0 auto; display:block;}
.sportsVehiclesJump { width:220px; height:218px; float:left; display:block; text-transform:capitalize; padding:15px 0 0 12px; }
.sportsVehiclesJump a {text-decoration:none;}
.sportsVehiclesJump .title { display:block; width:150px; margin-bottom:23px;}
.sportsVehiclesJump .jumpImage {display:block; float:left; width:208px; height:72px; margin:0 auto; padding:0;}
.sportsVehiclesJump .text {display:block; width:210px; margin:18px auto 0 auto; float:left; text-transform:none; font-size:11px; font-weight:normal; text-decoration:none;}
.sportsVehiclesJump .more {float:left; margin:5px auto 0 auto; display:block;}
.greenGuideJump { width:233px; height:218px; float:left; display:block; text-transform:capitalize; padding:15px 0 0 12px; }
.greenGuideJumpgreenGuideJump a {text-decoration:none;}
.greenGuideJump .title { display:block; width:150px; margin-bottom:23px;}
.greenGuideJump .jumpImage {display:block; float:left; width:208px; height:72px; margin:0 auto; padding:0;}
.greenGuideJump .text {display:block; width:210px; margin:18px auto 0 auto; float:left; text-transform:none; font-size:11px; font-weight:normal; text-decoration:none;}
.greenGuideJump .more {float:left; margin:5px auto 0 auto; display:block;}

/* ----- WELCOME FRANCHISE ----- */
#welcomeFranchise { width:652px; margin-left: 10px; min-height:41px; padding:17px 0 0 23px; }
#welcomeFranchise .padding {padding:0 20px 0 0; }
#welcomeFranchise h1 {width:200px; margin-bottom:28px; text-transform:capitalize;}
#welcomeBottom { width:931px; height:28px; margin: 0 auto 20px auto; }





.subHead {color:#fff;}


/* ----- FOOTER (group and franchise home pages only) ----- */
#footer { background:url(../images/layup/footerBg.gif) repeat-x; }
#footer .padding #footerInfo {  background: url(../images/layup/footerInfoBg.gif) no-repeat ; }
#footer .padding #footerInfo .content { color:#fff;}
#footer a { color:#fff;}
#footer .padding .backTop { background:url(../images/layup/backTop.gif) no-repeat;}


/* ----- FOOTER INTERNAL (internal pages only) ----- */
#footerInternal { background:url(../images/layup/footerInternalBg.gif) repeat-x; }
#footerInternal .padding #footerInfo {  background: url(../images/layup/footerInfoBg.gif) no-repeat ; }
#footerInternal .padding #footerInfo .content { color:#fff;}
#footerInternal a { color:#fff;}
#footerInternal .padding .backTop { background:url(../images/layup/backTopInternal.gif) no-repeat;}