/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Underwoods
Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd
Based On Styles By : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet for Underwoods site

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; color:#FFFFFF; text-align:center; background: #272727 url(../images/layup/bodyBg.jpg) repeat-x; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */

/* ----- IDS ----- */
#container { width:930px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; background: url(../images/layup/containerBg.gif) top left repeat-y; }
#printHeader { display:none;}

#dropDownHeader { height: 310px; background: #242424; color: #FFFFFF; background: url(../images/layup/dropDownHeaderBg.gif) top center no-repeat; }
#dropDownContent { width: 930px; margin: 0 auto; text-align: left; padding: 34px 0px 0px 44px; }
#dropDownContent .headerBox { float: left; width: 225px; }
#dropDownContent .headerBox td { font-size: 10px !important; }

#header { position: relative; height: 98px; background: url(../images/layup/headerBg.jpg) no-repeat; }
#header #logo { position: absolute; top: 42px; left: 27px; }
#header #contactDetails { position: absolute; top: 36px; right: 170px; }
#header #clock { position: absolute; top: 31px; right: 20px; width: 93px; height: 56px; background: url(../images/layup/headerTimeBg.gif) no-repeat; }
#header #clock .theTime { font-size: 30px; font-weight: bold; padding: 5px 0px 0px 8px; }
#header #clock .greeting { font-size: 12px; font-weight: bold; padding: 0px; text-align: center; display: block; width: 93px; }
#header #backButton { position: absolute; top: 24px; right: 15px; }

#innerHome { background:url(../images/layup/homeBg.jpg) top left no-repeat; min-height: 401px; }
#inner { background:url(../images/layup/internalBg.jpg) top left no-repeat; }

/* ----- LEFT COLUMN ----- */
#leftCol { float: left; width: 212px; background:url(../images/layup/leftColBg.gif) top left repeat-y; margin-left: 17px; display: inline; }
#leftCol .usedCarSearch { padding-left: 1px; padding-right: 1px; }
#leftCol .usedCarSearch fieldset { padding: 8px 11px 10px 11px; }
#leftCol .usedCarSearch select { width: 188px; margin-bottom: 10px; }
#leftCol .usedCarSearch input { width: 14px; margin-bottom: 10px; position: relative; left: -3px; }
#leftCol .usedCarSearch label { padding-top: 3px; }
#leftCol .usedCarSearch #searchOptions { margin-top: 4px; }
#leftCol .usedCarSearch #searchOptions .advancedSearch { padding-top: 2px; color: #fff; float: left; font-weight: bold !important; text-decoration: underline !important; line-height: 120%; }
#leftCol .usedCarSearch #searchOptions .advancedSearch:hover { text-decoration: none !important; }
#leftCol .usedCarSearch #searchOptions #btnSearch { width: 102px; cursor: pointer; }
#leftCol .box { padding-left: 1px; padding-right: 1px; }
#leftCol .box a { text-decoration: none; cursor: pointer; font-weight: normal; width: 210px; display: block; }
#leftCol .box .title { display: block; }
#leftCol .box .content { display: block; padding: 10px 11px 10px 11px; }
#leftCol .box .link { display: block; font-weight: bold; color: #f2c608; padding-top: 5px; }
#leftCol .box .favourites { background: url(../images/layup/boxFavouritesBg.jpg) top left no-repeat; padding-right: 60px; }
#leftCol .box .favourites .thumb { display: block; position: relative; float: left; width: 63px; height: 47px; margin-right: 3px; margin-bottom: 3px; }
#leftCol .box .favourites .thumb .frame { position: absolute; top: 0px; left: 0px; }
#leftCol .box .service { background: url(../images/layup/boxServiceBg.jpg) top left no-repeat; padding-right: 82px; }
#leftCol .box .newsletter { background: url(../images/layup/boxNewsletterBg.jpg) top left no-repeat; padding-right: 82px; }
#leftCol .box .feedbackForum { background: url(../images/layup/boxForumBg.jpg) top left no-repeat; padding-right: 82px; padding-bottom: 10px; }
#leftCol .box .locations { background: url(../images/layup/boxLocationsBg.jpg) top left no-repeat; padding-right: 82px; }
#leftCol .box .greenCars { background: url(../images/layup/boxGreenCarsBg.jpg) top left no-repeat; padding-right: 82px; }
#leftCol .box .motability { background: url(../images/layup/boxMotabilityBg.jpg) top left no-repeat; padding-right: 72px; }
#leftCol .specialOffer { }
#leftCol .specialOffer a { text-decoration: none; cursor: pointer; font-weight: normal; width: 210px; }
#leftCol .specialOffer .title { display: block; }
#leftCol .specialOffer .thumb { display: block; position: relative; padding-left: 1px; width: 210px; min-height: 158px; }
#leftCol .specialOffer .frame { position: absolute; bottom: 0px; left: 0px; height:20px; width:212px; }

/* ----- RIGHT COLUMN ----- */
#rightCol { float: right; width: 701px; }
#homeContent { padding: 15px 14px 15px 14px; }
#mainContent { padding: 20px 14px 15px 22px; }


/* ----- HOMEPAGE JUMPS ----- */
#groupHomeFlash { height: 382px; padding-left: 1px; width: 699px; position: relative; }
#groupHomeCMSFlash { position: absolute; top: 0px; left: 0px; z-index: 99999999; }
#groupHomeJumps { padding: 95px 0px 0px 13px; }
#groupHomeJumps .box { float: left; background: url(../images/layup/homeJumpBox.jpg) no-repeat; }
#groupHomeJumps .box a { display: block; text-decoration: none; cursor: pointer; font-weight: normal; width: 200px; height: 260px; margin-right: 33px; }
#groupHomeJumps .box a.lastItem { margin-right: 0px; }
#groupHomeJumps .box a .cmsimage { display: block; margin: 14px 0px 8px 14px; position: relative; }
#groupHomeJumps .box a .cmsimage .frame { display: block; position: absolute; top: 0px; left: 0px; }
#groupHomeJumps .box a .heading { display: block; font-weight: bold; font-size: 1.4em; padding: 0px 14px 0px 14px; height: 40px; }
#groupHomeJumps .box a .content { display: block; padding: 0px 16px 0px 16px; height: 47px; }
#groupHomeJumps .box a .viewDetails { display: block; padding: 0px 16px 0px 16px; color: #f7c326; font-weight: bold; }

/* ----- HOMEPAGE FRANCHISE BANNERS 18-02-10 -----*/

#homeFranchiseBanner { width: 685px; height:285px; float:left; position:relative; }
#homeFranchiseBanner .bannerImage { position:absolute; top:0px; left:0px; }
#homeFranchiseBanner #frame { position:absolute; top:0px; left:0px; }
#homeFranchiseBanner #videoContain { width:263px; height:155px; position:absolute; top:50px; left:375px;}
#homeFranchiseBanner #videoContain .video {  width:255px; height:146px; top:4px; left:4px; position:absolute; z-index:999; }
#homeFranchiseBanner #videoContain .top { position:absolute; top:-4px; left:0px; width:263px; height:14px; z-index:999999; }
#homeFranchiseBanner #videoContain .bottom { position:absolute; bottom:-7px; left:0px; width:263px; height:14px; z-index:999999; }
#homeFranchiseBanner #videoContain .left { position:absolute; top:8px; left:-8px; width:14px; height:140px; z-index:999999;}
#homeFranchiseBanner #videoContain .right { position:absolute; top:8px; right:-9px; width:14px; height:140px;z-index:999999; }


/* ----- CMS IMAGE ----- */
.cmsImage { float: right; margin: 10px 6px 15px 18px; position: relative; display: inline; }
.cmsImage .frame { position: absolute; top: -6px; left: -6px; z-index:999999;}
.cmsImageLeft { float: left; margin: 10px 18px 15px 4px; position: relative; display: inline; clear: left; }
.cmsImageLeft .frame { position: absolute; top: -6px; left: -6px; }
.cmsCaption { float: left; width: 276px; padding: 0px 40px 0px 0px; clear: left; }
.cmsCaption h2 { color: #F7C326; font-size: 1.3em; }

/* ----- NEW CAR DETAILS ----- */
#newCarOptions { display: block; width: 317px; margin: 0px 5px 15px 18px; display: inline; clear: right; float: right; }
#newCarOptions span { display: none; }
#newCarOptions .btnRequestBrochure { float: left; margin-bottom: 9px; }
#newCarOptions .btnRequestBrochure a { display: block; width: 156px; height: 48px; background:url(../images/layup/spriteNewCarOptions.gif) 0px 0px no-repeat; }
#newCarOptions .btnRequestBrochure a:hover { display: block; background:url(../images/layup/spriteNewCarOptions.gif) 0px -48px no-repeat; }
#newCarOptions .btnTestDrive { float: right; margin-bottom: 9px; }
#newCarOptions .btnTestDrive a { display: block; width: 156px; height: 48px; background:url(../images/layup/spriteNewCarOptions.gif) -156px 0px no-repeat; }
#newCarOptions .btnTestDrive a:hover { display: block; background:url(../images/layup/spriteNewCarOptions.gif) -156px -48px no-repeat; }
#newCarOptions .btnManufacturer { float: left; }
#newCarOptions .btnManufacturer a { display: block; width: 156px; height: 48px; background:url(../images/layup/spriteNewCarOptions.gif) -312px 0px no-repeat; }
#newCarOptions .btnManufacturer a:hover { display: block; background:url(../images/layup/spriteNewCarOptions.gif) -312px -48px no-repeat; }
#newCarOptions .btnCurrentOffers { float: right; }
#newCarOptions .btnCurrentOffers a { display: block; width: 156px; height: 48px; background:url(../images/layup/spriteNewCarOptions.gif) -468px 0px no-repeat; }
#newCarOptions .btnCurrentOffers a:hover { display: block; background:url(../images/layup/spriteNewCarOptions.gif) -468px -48px no-repeat; }

/* ----- LIST ----- */
#list { background: #131313 url(../images/layup/listBg.gif) no-repeat; width: 664px; }
#list .listItem { border-bottom: 3px solid #000000; }
#list .listItem a { display: block; cursor: pointer; text-decoration: none; font-weight: normal; padding: 13px 0px 13px 13px; }
#list .listItem .thumb { display: block; position: relative; margin-right: 15px; float: left; background: url(../images/layup/noImage141x106.jpg) top left no-repeat; width: 141px; height: 106px; }
#list .listItem .thumb .specialOffer { position: absolute; top: 0px; left: 0px; }
#list .listItem .thumb .specialOfferRight { position: absolute; top: 0px; right: 0px; }
#list .listItem .thumb .frame { display: block; position: absolute; top: -1px; left: -1px; }
#list .listItem .listDetails { display: block; float: left; width: 483px; }
#list .listItem .title { display: block; color: #F7C326; font-size: 1.3em; font-weight: bold; padding-bottom: 6px; }
#list .listItem .description { display: block; padding-bottom: 6px; min-height: 37px; }
#list .listItem .price { display: block; font-size: 1.3em; font-weight: bold; padding-top: 4px; }
#list .listItem .location { display: block; color: #F7C326; font-size: 1.3em; margin-left: 0px; font-weight: bold; padding-top: 3px; }
#list .listItem .btn { display: block; float: right; margin-top:16px; }
#list .listItem.last { border-bottom: none; background: url(../images/layup/listBottom.gif) bottom left no-repeat; }
#list .listItem .teamMember { display: block; text-decoration: none; font-weight: normal; padding: 13px 0px 13px 13px; }

/* ----- MOTABILITY LIST ----- */
#listMotability { width: 664px; }
#listMotability .listMotabilityTop { position: relative; }
#listMotability .listMotabilityTop img { position: absolute; top: 0px; left: 0px }
#listMotability .listItem { border-bottom: 1px solid #242424; background: #131313 url(../images/layup/listMotabilityItemBg.gif) top right no-repeat; }
#listMotability .listItem a { display: block; cursor: pointer; text-decoration: none; font-weight: normal; padding: 13px 0px 13px 13px; border-bottom: 5px solid #000000; }
#listMotability .listItem .thumb { display: block; position: relative; margin-right: 15px; float: left; background: url(../images/layup/noImage141x106.jpg) top left no-repeat; width: 141px; height: 106px; }
#listMotability .listItem .thumb .frame { display: block; position: absolute; top: -1px; left: -1px; }
#listMotability .listItem .listDetails { display: block; float: left; width: 483px; }
#listMotability .listItem .title { display: block; color: #F7C326; font-size: 1.3em; font-weight: bold; padding-bottom: 8px; }
#listMotability .listItem .description { display: block; padding-bottom: 8px; height: 49px; }
#listMotability .listItem .price { display: block; font-size: 1.3em; font-weight: bold; float: left; padding-top: 9px; }
#listMotability .listItem .btn { display: block; float: right; }
#listMotability .listItem.last { border-bottom: none; background: url(../images/layup/listMotabilityBottom.gif) top left no-repeat; }

/* ----- BOX LIST ----- */
#boxList { margin-top: 10px; clear:both; }
#boxList .box { height: 184px; width: 192px; float: left; margin-right: 43px; margin-bottom: 30px; }
#boxList .box a { display: block; cursor:pointer; font-weight:normal; text-decoration:none; width:192px;}
#boxList .box .thumb { cursor:pointer; display:block; height: 144px; position:relative; width: 192px; background: url(../images/layup/noImage192x144.jpg) no-repeat; }
#boxList .box .thumb .frame { display: block; position: absolute; left: -3px; top: -3px; z-index: 1; }
#boxList .box .heading { display: block; z-index: 9999; position: relative; color: #F7C326; font-weight: bold; padding: 5px 0px 0px 5px; }
#boxList .box .newCarHeading { display: block; z-index: 9999; position: relative; color: #F7C326; font-weight: bold; padding: 5px 0px 0px 5px; font-size: 1.1em; text-transform: uppercase; }
#boxList .last { margin-right: 0px !important; }

/* ----- OFFERS JUMPS ----- */
#rightCol #homeJumps { border-bottom: 1px solid #141414; width: 664px; margin-bottom: 14px; }
#rightCol #homeJumps img { float: left; }
#rightCol #homeJumps .divider { margin: 0px 28px 0px 28px; float: left;  }

/* ----- OTHER OFFERS ----- */
#rightCol #otherOffers { margin-top: 7px; }
#rightCol #otherOffers .heading { background:url(../images/layup/otherOffersBg.gif) top left no-repeat; width: 276px; height: 36px; font-size: 1.3em; font-weight: bold; padding: 10px 0px 0px 13px; }
#rightCol #otherOffers .offersWindow { width: 514px; height: 108px; overflow: hidden; position: relative; }
#rightCol #otherOffers .offersOverflow { width: 2000px; height: 108px; padding-top: 1px; }
#rightCol #otherOffers .box { float: left; width: 141px; height: 106px; margin-right: 44px; }
#rightCol #otherOffers .box .thumb { position: relative; display: block; }
#rightCol #otherOffers .box .frame { position: absolute; top: -1px; left: -1px; }

/* ----- SCROLLER OFFERS ----- */
#rightCol #offerScroller { margin-top: 7px; }
#rightCol #offerScroller a { color:#fff; text-decoration:none; }
#rightCol #offerScroller .heading { color:#fff; background:none !important; width: 140px; display:block;  font-size: 1.3em; font-weight: bold; padding: 5px 0px 10px 0px; }
#rightCol #offerScroller .offersWindow { width: 514px; height: 240px; overflow: hidden; position: relative; }
#rightCol #offerScroller .offersOverflow { width: 2000px; height: 180px; padding-top: 1px; }
#rightCol #offerScroller .box { float: left; width: 141px; height: 106px; margin-right: 44px; color:#fff; }
#rightCol #offerScroller .box .boxText { display:block; color:#fff; display:block; padding-bottom:10px; font-weight: normal; }
#rightCol #offerScroller .box .thumb { position: relative; display: block; }
#rightCol #offerScroller .box .frame { position: absolute; top: -1px; left: -1px; }

/* ----- USED CAR DETAIL ----- */
#usedCarPhoto { float: left; position: relative; width: 312px; height: 234px; background:url(../images/layup/noImage312x234.jpg) top left no-repeat; margin-left: 11px; margin-top: 15px; display: inline; margin-bottom: 26px; }
#usedCarPhoto .enlarge { position: absolute; }
#usedCarPhoto .special { position: absolute; }
#usedCarPhoto .specialOffer { position: absolute; top: 0px; left: 0px; }
#usedCarPhoto .specialOfferRight { position: absolute; top: 0px; right: 0px; }
#usedCarPhoto .frame { position: absolute; top: -8px; left: -11px; }
#usedCarThumbs { float: right; width: 331px; margin: 5px 8px 0px 0px; display: inline; }
#usedCarThumbs .thumb { float: left; position: relative; background:url(../images/layup/noImage141x106.jpg) top left no-repeat; width: 141px; height: 106px; margin: 10px 0px 19px 23px; }
#usedCarThumbs .thumb .frame { position: absolute; top: -8px; left: -6px; }
#usedCarThumbs .thumb a { cursor: pointer; display: block; width: 141px; height: 106px; }
#usedCarOptions { margin-bottom: 26px; }
#usedCarOptions img { float: left; }
#usedVehicleDetails { width: 369px; float: left; }
#usedVehicleDetails .locationLink { color: #F7C326; text-decoration:underline;}
#usedCarTitlePrice { display: block; width: 202px; height: 56px; float: left; padding: 12px 0px 0px 10px; font-weight: bold; font-size: 12px; background: url(../images/layup/usedCarTitlePrice.gif) no-repeat; }
#usedCarTitlePrice #usedCarTitle { padding-bottom: 4px; }
#usedCarTitlePrice #usedCarPrice { font-size: 1.2em; }
#usedCarTitlePrice #usedCarPrice .price { color: #F2C608; }
#makeOffer { float: right; }
#similarVehicles { margin-top: 20px; }
#similarVehicles .heading { background: url(../images/layup/similarVehicleBg.gif) no-repeat; padding: 7px 10px 0px 8px; height: 22px; font-size: 1.1em; font-weight: bold; }
#similarVehicles .box { margin-right: 32px; margin-top: 18px; width: 141px; float: left; }
#similarVehicles .box a { width: 141px; display: block; float: left; text-decoration: none; font-weight: normal; cursor: pointer; }
#similarVehicles .box .thumb { display: block; position: relative; width: 141px; height: 106px; background: url(../images/layup/noImage141x106.jpg) top left no-repeat; }
#similarVehicles .box .thumb .frame { position: absolute; top: -1px; left: -1px; }
#similarVehicles .box .title { display: block; padding-top: 10px; font-weight: bold; }
#similarVehicles .box .title .make { color: #F7C326; }
#similarVehicles .box .detail { display: block; }
#similarVehicles .box.last { margin-right: 0px; margin-left: 0px; }

/* ----- DOM TABS ----- */
#usedVehicleDetails .domtab { margin-top: 25px; }
#usedVehicleDetails .printHeading { display: none; }
#usedVehicleDetails .tabset_tabs { padding: 0; margin:0; list-style:none; width: 366px; height: 26px; background: url(../images/layup/dotsH.gif) repeat-x bottom; }
#usedVehicleDetails .tabset_tabs .last {margin-right:0 !important;}
#usedVehicleDetails .tabset_tabs li	{ float:left; margin-right:9px; }
#usedVehicleDetails .tabset_tabs li.last { margin-right:0px; margin-left: 2px; }
#usedVehicleDetails .tabset_tabs a:hover,
#usedVehicleDetails .tabset_tabs .active a { background: url(../images/layup/domtabActiveRight.gif) no-repeat top right; color:#fff; text-decoration:none; }
#usedVehicleDetails .tabset_tabs a { background: url(../images/layup/domtabRight.gif) no-repeat top right; color: #fff; text-decoration:none; font-weight: bold; display:block; float: left; padding: 0px 8px 0px 0px; }
#usedVehicleDetails .tabset_tabs li a:hover span ,
#usedVehicleDetails .tabset_tabs li.active a span { background: url(../images/layup/domtabActiveLeft.gif) no-repeat; }
#usedVehicleDetails .tabset_tabs li a span { background: url(../images/layup/domtabLeft.gif) no-repeat; padding:5px 6px 6px 14px; display: block; }
#usedVehicleDetails .tabset_print { display: none; }
#usedVehicleDetails .tabset_content	{ display:none; background: #201f1f; padding-top: 4px; width: 366px; }
#usedVehicleDetails .tabset_content table { }
#usedVehicleDetails .tabset_content tr { background: #242323; }
#usedVehicleDetails .tabset_content tr.trAlt { background:#2c2a2a !important; }
#usedVehicleDetails .tabset_content td { height: 26px; }
#usedVehicleDetails .tabset_content tfoot { height: 40px; }

#financeCalculator { float: right; }
#financeCalculator .tab { padding: 0; margin:0; list-style:none; width: 275px; height: 27px; background: url(../images/layup/dotsH.gif) repeat-x bottom; }
#financeCalculator .tab span { width: 247px; background: #000 url(../images/layup/financeHeaderBg.gif) no-repeat; color: #fff; text-decoration:none; font-weight: bold; padding:6px 14px 6px 14px; display:block; float: left; }
#financeCalculator .tabset_content	{ background: #201f1f; padding-top: 4px;  }
#financeCalculator .tabset_content table { /*border: 5px solid #e1e1e1;*/ margin-top: 0px; }
#financeCalculator .tabset_content form { }
#financeCalculator .tabset_content tr { background: #242323; }
#financeCalculator .tabset_content tr.trAlt { background:#2c2a2a !important; }
#financeCalculator .tabset_content select { width: 74px; font-weight: bold; }
#financeCalculator .tabset_content input { width: 70px; font-weight: bold;}
#financeCalculator .tabset_content td { height: 26px; }
#financeCalculator fieldset { display: inline; }

/* ----- DEALERSHIP ----- */
#rightCol #dealerContainer { background:url(../images/layup/dealerBg.gif) top left repeat-y; }
#rightCol #dealerContainer .dealerTitle { background:url(../images/layup/dealerTitle.gif) top left no-repeat; padding: 7px 0px 7px 20px; width: 642px; font-size: 1.7em; font-weight: bold; }
#rightCol #dealerContainer .padding { padding: 18px 18px 16px 21px; }
#rightCol #dealerContainer #dealerMap { float: left; position: relative; width: 303px; }
#rightCol #dealerContainer #dealerMap .dealerMapTL { position: absolute; top: 0px; left: 0px; z-index: 999; }
#rightCol #dealerContainer #dealerMap .dealerMapBL { position: absolute; bottom: 30px; left: 0px; z-index: 999; }
#rightCol #dealerContainer #dealerMap .dealerMapTR { position: absolute; top: 0px; left: 609px; z-index: 999; }
#rightCol #dealerContainer #dealerMap .dealerMapBR { position: absolute; bottom: 30px; left: 609px; z-index: 999; }
#rightCol #dealerContainer #mapButton { position: absolute; bottom: -30px; left: 0px; }
#rightCol #dealerContainer #dealerLocationImage { float: right; position: relative; margin-right: 4px; height: 240px; display: inline; }
#rightCol #dealerContainer #dealerLocationImage .dealerMapTR { position: absolute; top: 0px; left: 298px; z-index: 999; }
#rightCol #dealerContainer #dealerLocationImage .dealerMapBR { position: absolute; top: 213px; left: 298px; z-index: 999; }
#rightCol #dealerContainer #directions { height: 30px; width: 186px; float: right; background: url(../images/layup/directionsBg.gif) top left no-repeat; }
#rightCol #dealerContainer #directions input { width: 76px; margin-top: 5px; margin-left: 5px; }
#rightCol #dealerDetails { padding: 20px 0px 0px 0px; width: 285px; float: left; }
#rightCol #openingHours { padding: 12px 0px 0px 0px; width: 285px; float: left; }

/* FORUM STYLES */
#rightCol #feedbackForum .feedbackItem { background: url(../images/layup/forumPostBgTop.gif) no-repeat; margin: 0px 0px 15px 0px; }
#rightCol #feedbackForum .title { display: block; padding: 10px 10px 10px 20px; }
#rightCol #feedbackForum .comment { display: block; padding: 10px 10px 0px 20px; color: #000; }
#rightCol #feedbackForum #submit { width: 90px; height: 21px; }

/* ----- GLOBAL CLASSES ----- */
.clear { clear:both; display: block; }
.clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.printHide { display:block; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; margin:0 0 15px 15px; }
.image_left { float:left; margin:0 15px 15px 0; }
.image_center { margin:0 auto; }
.hand { cursor:pointer; }
.seo {text-decoration:none;font-weight:normal; }
.bgBlack { background: #000000 !important; }
.green { color: #339900; }
.red { color: #ff0000; }
.font13 { font-size: 1.3em; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold; }
#homeContent h1 { font-size: 1.7em; padding: 0px 0px 24px 0px; }
#mainContent h1 { font-size: 1.7em; padding: 0px 0px 15px 0px; color: #f7c326; }
h2 { color: #f7c326; }
p { padding:0 0 10px 0; margin:0; }

/* ----- TOP NAVIGATION ----- */
#primaryNav { height: 36px; background: url(../images/layup/primaryNavBg.gif) no-repeat; position: relative; z-index: 999; }
#primaryNav ul { list-style: none; margin: 0; padding: 0px; line-height: normal; }
#primaryNav li { float: left; background: url(../images/layup/navSeperator.gif) no-repeat right; padding-right: 1px; }
#primaryNav li a { display: block; float: left; text-decoration: none; font-weight: bold; font-size: 11px; color: #FFF; padding: 11px 26px 10px 25px; }
#primaryNav li a:hover { background: url(../images/layup/navActive.jpg) repeat-x; }
#primaryNav li a.active { color: #F7C326; }
#primaryNav #navShadow { position: absolute; left: 0px; top: 36px; z-index: 999; }
#primaryNav li.first a { padding-left: 31px; }
#primaryNav li.last { background: none; padding-right: 0; }
#primaryNav li.last a { padding-right: 31px; }

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#breadcrumbs { text-transform: uppercase; font-weight: bold; padding: 0px 0px 18px 0px; }
#breadcrumbs a { text-transform: uppercase; font-weight: bold; text-decoration: none; color: #F7C326; }
#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs strong,
#breadcrumbs span { color: #F7C326; }
#breadcrumbs #backButton2 { float: right; }
#breadcrumbs #backButton2 a { color: #FFF; }
.searchInfo { background: url(../images/layup/sortOptionsBg.gif) no-repeat; float: left; width: 644px; margin: 0px 0px 5px 0px; padding:8px 10px 9px 10px; }
.searchResults { float: left; font-weight: bold; padding-top: 2px; width: 115px; }
#sortOptions { width:440px; float: left; }
#sortOptions div { margin-right: 16px; }
#sortOptions select { height: 18px; }
#sortOptions label { width: auto; font-weight: bold; padding-top: 2px; }
.pagination { float: right; padding-top: 2px; }
.pagination ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px; padding:0px; }
.pagination li { display:inline; float: left; }
.pagination a { font-weight:bold; padding:0px 4px 0px 4px; text-decoration:none; font-weight: normal; }
.pagination .active a { background:#F7C326; color:#000000; font-weight: bold; }
.pagination a:hover { background:#F7C326; color:#000000; font-weight: normal; }
.pagination .nextPrev { background: none !important; color: #fff !important; }

/* ----- FOOTER ----- */
#footer { background: #272727 url(../images/layup/pageFooter.gif) no-repeat top left; height: 19px; width: 930px; margin: 0 auto; line-height: 150%; }
#footer .padding { padding: 34px 21px 18px 21px; }
#footer p { padding: 0px 0px 0px 0px; }
#footer a { font-weight:normal; text-decoration:none; }
#footer a:hover { text-decoration:underline;}
#footer .float_right { font-weight: bold; }
#footer .float_right a { font-weight: bold; }

/* ----- GLOBAL ----- */
img { display:block; border:0; }
address { font-style:normal; }

/* ----- LINKS ----- */
a { color:#FFFFFF; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important; }
.required { color:#000;}
label .required { color:#F2C608 !important; }
.checkRadio { width:20px; position:relative; left:-7px; }
#frmContact { }
#frmContact p { padding:7px 0; }
#frmContact select { width:204px; }
#frmContact div { margin-bottom:10px; }
#submit { width:55px; height:18px; border:none; }
#btnSubmit { margin-bottom: 0 !important; height:21px; }
#btnSubmit input { width:90px !important; height:21px !important; border:none; }
#formDoubleCol.fullWidth #submit { width: 90px; height: 21px; }

/* ----- FORM STYLES ----- */
#formSingleCol { width: 312px; background: url(../images/layup/formSingleColBg.gif) repeat-y; display: inline; margin-top: 5px; margin-right: 8px; }
#formSingleCol.float_left { margin-right: 15px; }
#formSingleCol.float_right { margin-left: 10px; }
#formSingleCol .padding { padding: 0px 10px 0px 16px !important; }
#formSingleCol h1 { color: #fff !important; }
#formSingleCol h2 { color: #fff !important; font-size: 1.5em; padding-bottom: 12px; }
#formSingleCol label { width: 94px; }
#formSingleCol select { width: 182px; }
#formSingleCol input { width: 178px; }
#formSingleCol textarea { width: 178px; }
#formSingleCol input.checkRadio { width: 20px; }
#formSingleCol form div { margin-bottom: 16px; }
#formSingleCol .validation-advice { width:264px; }

#formDoubleCol.fullWidth label { width: 250px; }

#formDoubleCol { width: 663px; background: url(../images/layup/formDoubleColBg.gif) repeat-y; margin-top: 5px; }
#formDoubleCol .padding { padding: 0px 10px 0px 16px !important; }
#formDoubleCol h1 { color: #fff !important; }
#formDoubleCol h2 { color: #fff !important; font-size: 1.5em; padding-bottom: 12px; }
#formDoubleCol label { width: 94px; }
#formDoubleCol select { width: 182px; }
#formDoubleCol input { width: 178px; }
#formDoubleCol textarea { width: 178px; }
#formDoubleCol input.checkRadio { width: 20px; }
#formDoubleCol form div { margin-bottom: 16px; }
#formDoubleCol .col1 { float: left;width: 312px; margin-top: 10px; margin-bottom: 0; }
#formDoubleCol .col2 { float: left; background:url(../images/layup/formDivider.gif) top left repeat-y; width: 286px; padding-left: 28px; margin-top: 10px; margin-bottom: 0; }
#formDoubleCol .validation-advice { width:264px; }

/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #e9b824; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #e9b824; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 9px 0; width:452px; padding: 5px; background-color: #e9b824; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }

/* ----- STOCK UPDATES FORM ----- */
#promoForm { padding: 0px; }
#promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;}
#promoForm .signupBoxes label { float:left; width:450px; position:relative; top:4px;}
#promoForm .signupBoxes input { float:left; width: 14px; margin-right: 10px;}
#promoForm select { width:125px !important; margin-bottom: 10px; display:block; margin-right:15px;}
#promoForm .carSelects { padding-top:18px;}
#promoForm .submitButton { margin:5px 0 20px 0;}