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

Title : 
Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet TW White and Sons site

Created : 24/10/07
Modified : 

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#000000; text-align:center; }
/*  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! */

/* ----- GLOBAL IDS ----- */
#container { width:934px; margin:0 auto; text-align:left; font-size:100%; line-height: 120%; }
#header { height: 84px; background: url(../images/layup/headerBg.gif) top left repeat-x; position:relative; margin: 16px 20px 0px 20px; }
#logo { position: absolute; top: 37px; left: 13px; }
#drivingTradition { position: absolute; top: 55px; right: 23px; }
#printHeader { display: none; }
#printCarDetails { display: none; }
#mainContent table { clear: both; }

/* ----- GROUP HOME BACKGROUND ----- */
#innerHome { background:url(../images/layup/innerBgHome.jpg) top left no-repeat; margin: 0px; }
#innerHome .padding { padding: 0px 19px 0px 21px; }

/* ----- GLOBAL INTERNAL BACKGROUND ----- */
#innerInternal { background:url(../images/layup/innerBgInternal.jpg) top left no-repeat; margin: 0px; }
#innerInternal .padding { padding: 0px 19px 0px 21px; }

/* ----- GROUP HOME LEFT COLUMN BACKGROUND ----- */
#leftCol { float: left; width: 213px;  background: url(../images/layup/leftColBgHome.gif) top left repeat-x; min-height: 564px; position: relative; }
#leftCol .padding { padding: 28px 0px 5px 20px !important; }
#leftCol .shadow { position: absolute; top: 14px; right: -7px; }
#leftCol .box { margin-bottom: 10px;}
#leftCol .box.dealerLocator { background: url(../images/layup/dealerBg.gif) 0px 36px no-repeat; height: 186px; position: relative; }
#leftCol .box.dealerLocator p { width: 145px; position: absolute; top: 72px; left: 25px; font-size: 1.1em; }
#leftCol .box.dealerLocator .btn { position: absolute; top: 137px; left: 11px; }
#motability { margin-top:20px; margin-bottom: 20px; margin-left: 10px; }

/* ----- GLOBAL INTERNAL BACKGROUND ----- */
#leftColInternal { float: left; width: 213px;  background: url(../images/layup/leftColBgInternal.gif) top left repeat-x; min-height: 564px; position: relative; }
#leftColInternal .padding { padding: 28px 0px 5px 20px !important; }
#leftColInternal .shadow { position: absolute; top: 14px; right: -7px; }
#leftColInternal .box { margin-bottom: 10px;}
#leftColInternal .box.dealerLocator { background: url(../images/layup/dealerBg.gif) 0px 36px no-repeat; height: 186px; position: relative; }
#leftColInternal .box.dealerLocator p { width: 145px; position: absolute; top: 72px; left: 25px; font-size: 1.1em; }
#leftColInternal .box.dealerLocator .btn { position: absolute; top: 137px; left: 11px; }

/* ----- GLOBAL RIGHT COLUMN ----- */
#rightCol {  float: left; width: 681px; }
#rightCol .padding { padding: 0px 0px 0px 13px !important; }
#flashBanner { margin-bottom: 17px; }
#rightCol .box { margin-bottom: 23px; float: left; position:relative; background:url(../images/layup/thumbBg.gif) top left no-repeat; width: 202px; height: 159px; }
#rightCol .box .padding { padding: 6px !important; }
#rightCol .box a { }
#rightCol .box a:hover { text-decoration: none; }
#rightCol .box .thumb { margin-left: 6px; position: relative; width: 178px; }
#rightCol .box .title { position: relative; width: 190px; }
#rightCol .box .frame { position: absolute; top: -8px; left: -9px; }
#rightCol .box .btn { float: left; position: relative; width: 83px; margin: 0px 5px 0px 6px; }
#rightCol .box .btn .hover { display:none; width:83px; height:31px;}
#rightCol .box .btn .nonHover { width:83px; height:31px;}
#rightCol .box .btn a:hover .nonHover { display:none !important; }
#rightCol .box .btn a:hover .hover { display:block !important; }
#rightCol .box.mazda { margin-right: 22px; }
#rightCol .box.specialist { margin-right: 22px; }
#rightCol .box.specialist .btn { margin: 0px 0px 0px 52px !important; }
#rightCol .box.hyundai { margin-right: 0px; }
#rightCol .box.hyundai .hover { display:none; width:83px; height:31px;}
#rightCol .box.hyundai .nonHover { width:83px; height:31px;}
#rightCol .box.featured { margin-right: 10px; padding: 6px !important; }
#rightCol .box.featured a:hover { text-decoration: none; }
#rightCol .box.specialOffers { margin-right: 10px; padding: 6px; }
#rightCol .box.specialOffers .description { width: 100px; position: absolute; top: 55px; left: 8px; line-height: 120%; font-weight: normal !important;  }
#rightCol .box.specialOffers .image { position: absolute; top: 26px; right: 10px; }
#rightCol .box.bookService { margin-right: 0px; padding: 6px; }
#rightCol .box.bookService .description { width: 100px; position: absolute; top: 55px; left: 8px; line-height: 120%; font-weight: normal !important;   }
#rightCol .box.bookService .image { position: absolute; top: 36px; right: 24px; }
#rightCol .box.featured .thumb { margin-left: 7px; margin-top: 5px; width: 108px; float: left; }
#rightCol .box .price { font-size: 1.1em; font-weight: bold; float: left; width: 74px; margin-left: 7px; }
/*#rightCol .box .price .red  { color: #da181f; font-size: 1.0em; }*/
#rightCol .box .price .red  { color: #da181f; font-size: 1.4em; width: 60px; margin: 10px auto 0px auto; display: block;  }
#rightCol .box .save { width: 55px; margin: 0 auto; }
#rightCol .box .description { margin-left: 7px; font-size: 1.1em; font-weight: bold; }

#rightCol .boxLarge .btn .hover { display:none; width:83px; height:31px;}
#rightCol .boxLarge .btn .nonHover { width:83px; height:31px;}
#rightCol .boxLarge .btn a:hover .nonHover { display:none !important; }
#rightCol .boxLarge .btn a:hover .hover { display:block !important; }

#rightCol .boxLarge { margin-bottom: 23px; float: left; position:relative; background:url(../images/layup/thumbBg309x182.gif) top left no-repeat; width: 309px; height: 182px; }
#rightCol .boxLarge .padding { padding: 6px !important; }
#rightCol .boxLarge .thumb { margin-left: 47px; margin-top: 5px; position: relative; width: 209px; }
#rightCol .boxLarge .title { position: relative; width: 297px; }
#rightCol .boxLarge .frame { position: absolute; top: -9px; left: -9px; }
#rightCol .boxLarge .btn { float: left; position: relative; width: 83px; margin-top: 5px; }
#rightCol .boxLarge .btn.new { margin-left: 56px;}
#rightCol .boxLarge .btn.used { margin-left: 20px; }
#rightCol .boxLarge.left { margin-right: 30px; }
#rightCol .boxLarge.right { margin-right: 0px; }

#rightCol .offers { margin-top: 28px; }
#rightCol .offers .padding { padding: 0px 0px 0px 10px !important; }
#rightCol .offers .thumb { position: relative; float: left; margin-right: 23px; margin-bottom: 23px; }
#rightCol .offers .btn { position: absolute; bottom: -9px; left: 60px; } 
#rightCol .offers .frame { position: absolute; top: -10px; left: -11px; }

#rightCol .locationBox { width: 314px; height: 266px; float: left; margin-right: 7px; margin-bottom: 7px; }
#rightCol .locationBox .padding { padding: 5px 12px 0px 12px !important; }
#rightCol .locationBox .title { width: 291px; float: left; margin-bottom: 6px; }
#rightCol .locationBox .services { height: 104px !important; } 
#rightCol .locationBox .services .icon { float: left; width: 270px; height: 32px; }
#rightCol .locationBox .services .icon.mazda { margin-right: 0px; padding-left: 0px; height: 32px; }
#rightCol .locationBox .services .icon.hyundai { padding-top: 0px; margin-right: 0px; height: 32px; }
#rightCol .locationBox .services .icon.specialist { padding-top: 0px; margin-right: 0px; height: 32px;  }
#rightCol .locationBox .services .icon.servicing { padding-top: 0px; margin-right: 0px;  }
#rightCol .locationBox .services .icon.parts { padding-top: 0px; margin-right: 0px;  } 
#rightCol .locationBox .services .icon.wholesale { padding-top: 0px; }
#rightCol .locationBox .services .icon.repair { padding-top: 0px; padding-left: 0px; margin-right: 0px; height: 32px;    }
#rightCol .locationBox .services .icon .badge { width: 55px; display: block; float: left; }
#rightCol .locationBox .services .icon .service {margin-left: 5px; margin-top: 7px !important; display: block; float: left; }
#rightCol .locationBox .address { margin-top: 0px !important; } 
#rightCol .locationBox .btn { margin-left: -5px; margin-top: 11px; } 
#rightCol .locationBox .services .icon img { display: inline; }

#location { background: #FFFFFF; width: 646px; }
#location .col1 { width: 257px; float: left; padding-left: 8px;  }
#location .col2 { float: left; width: 372px; margin-top: 8px; }
#location .title { padding: 24px 0px 0px 12px; height: 66px; }
#location .dealerPhoto { float: left; margin-bottom: 8px; }
#location .map { margin-bottom: 8px; }
#location .openingHours { float: left; background:url(../images/layup/openingHours.gif) top left no-repeat; width: 249px; height: 220px; }
#location ul { padding: 41px 0px 0px 20px; margin: 0;}
#location li { list-style: none; font-size: 1.3em; padding-bottom: -15px; }
#location .dealerDetails { float: left; background:url(../images/layup/dealerDetails.gif) top left no-repeat; width: 371px; height: 220px; }
#location .dealerDetails address { padding-top: 48px; padding-left: 15px; font-size: 1.3em; line-height: 120%; margin-bottom: 12px; }
#location .dealerDetails p { font-size: 1.3em; padding-left: 15px; }

/* ----- MAIN CONTENT ----- */
#mainContent { }
#mainContent .padding { padding: 15px 20px 0px 3px !important; }
#mainContent .title { margin: 0px 0px 15px 0px;}
#mainContent ul { padding: 0px; margin: 0px 0px 15px 20px; }
#mainContent li { line-height: 150%; }
#mainContent #links { color: #cbcbcb; text-align: center; margin-top: 10px; font-size: 1.0em; margin-bottom: 10px; }
#mainContent #links a { color: #cbcbcb; }

#rightCol .list .box { margin-bottom: 23px; margin-right: 19px; float: left; position:relative; background:url(../images/layup/thumbBg.gif) top left no-repeat; width: 202px; height: 159px; }
#rightCol .list .box .padding { padding: 0px !important; }
#rightCol .list .box .frame { position: absolute; top: -8px; left: -9px; }
#rightCol .list .box.last { margin-right: 0px !important; }
#rightCol .list .box .link { position: absolute; bottom: 8px; left: 13px; font-size: 1.1em; font-weight: bold !important; }

#rightCol .list span { display:block; }
#rightCol .list .row a { display:block; text-decoration: none; cursor: pointer !important; min-height: 165px; }
#rightCol .list .row a:hover { text-decoration: none; cursor: pointer !important; }
#rightCol .list .row { background:url(../images/layup/dots.gif) bottom left repeat-x; margin: 0px 18px 0px 0px; }
#rightCol .list .row .padding { padding: 16px 0px 16px 7px !important; }
#rightCol .list .row .thumb { position: relative; float: left; width:200px; }
#rightCol .list .row .special { position: absolute; top: 0px; left: 0px; }
#rightCol .list .row .frame { position: absolute; top: -12px; left: -12px; }
#rightCol .list .row .info { position: relative; float: left; width: 300px; line-height: 110%; font-size: 1.1em; font-weight: normal; margin-top: 15px; }
#rightCol .list .row .description { float: left; width: 400px; line-height: 110%; font-size: 1.1em; font-weight: normal; margin-top: 15px; }
#rightCol .list .row .title  { font-size: 1.1em; padding: 0px 0px 10px 0px; font-weight: bold; }
#rightCol .list .row .multiplePhotos { background:url(../images/layup/iconPhoto.gif) top left no-repeat; padding: 4px 0px 17px 38px; margin-top: 15px; }
#rightCol .list .row .multiplePhotos a { font-weight: normal; }
#rightCol .list .row .price { position: relative; float: left; margin-top: 15px; line-height: 130%; color:#dc1313; width: 125px; font-weight: bold; font-size: 1.2em; text-align: right; }
#rightCol .list .row .price .was { text-decoration: line-through; color: #000000; }
#rightCol .list .row .price .save { position: absolute; top: -10px; left: -10px; }
#rightCol .list .row h1 { font-size: 1.1em; }
#rightCol .list .first .padding { padding: 0px 0px 16px 7px !important; }

#stockImages { margin: 26px 18px 0px 18px; }
#stockLargeImage { margin:0px; float:left; width:292px; position: relative; }
#stockLargeImage .frame { position:absolute; top:-11px; left:-11px;}
#stockLargeImage .special { position: absolute; top: 0px; left: 0px; }
#enlargeImage {  height:25px; font-weight:bold; display:block; position:absolute; top:187px; left:13px;} 
#stockSmallImages { float:right; width:332px; margin-top: 1px; }
#stockSmallImages .thumb { position: relative; float: right; margin-left: 38px; width: 124px; height: 93px; }
#stockSmallImages .frame { position: absolute; top: -12px; left: -12px; }
#swapImage { font-size: 1.1em; background:url(../images/layup/iconSwap.gif) 0px 0px no-repeat; height:25px; font-weight:bold; padding: 4px 0 15px 38px; margin:8px 0 0 45px;} 

#optionsBox { margin: 10px 0px 0px 7px; font-weight: bold; font-size: 1.1em; background:url(../images/layup/optionsBg.gif) top left no-repeat; width: 631px; height: 89px; float: left; }
#optionsBox .padding { padding: 30px 0px 0px 28px !important; }
#optionsBox ul { padding: 0; margin: 0; list-style: none; }
#optionsBox li { float: left; line-height: 120%; }
#optionsBox .enquiry { background:url(../images/layup/iconEnquiry.gif) top left no-repeat; width: 76px; padding-top: 5px; padding-bottom: 18px; padding-left: 40px; margin-right: 49px; } 
#optionsBox .printSpec { background:url(../images/layup/iconPrint.gif) top left no-repeat; width: 58px; padding-top: 5px; padding-bottom: 18px; padding-left: 36px; margin-right: 49px; } 
#optionsBox .emailFriend { background:url(../images/layup/iconEmailFriend.gif) top left no-repeat; width: 52px; padding-top: 5px; padding-bottom: 18px; padding-left: 44px; margin-right: 49px; } 
#optionsBox .makeOffer { background:url(../images/layup/iconMakeOffer.gif) top left no-repeat; width: 62px; padding-top: 5px; padding-bottom: 18px; padding-left: 27px; }
#optionsBox .whatCar { padding-top: 5px; }

.internalImage { float: right; position: relative; margin: 0px 10px 25px 25px; clear: right; }
.internalImage .frame { position: absolute; top: -10px; left: -11px; }
.downloads { float: right; clear: right; border: 1px solid #dbdbdb; width: 288px; margin-right: 1px; margin-bottom: 20px; padding: 10px 10px 5px 10px; }
.downloads .file { height: 38px; }
.downloads .file .icon { float: left; }
.downloads .file .documentTitle { float: left; padding-top: 9px; padding-left: 10px; font-size: 1.1em; }

/* ----- TABS ----- */
#domTab .domtab { background:url(../images/layup/specBg.gif) top left no-repeat; margin: 0px 0px 0px 7px; padding: 0px; float:left; font-size: 1.1em; }
#domTab .tabset_tabs { margin:15px 0px 0px 16px; padding:0; list-style:none; }
#domTab .tabset_tabs li	{ list-style: none; float:left; height: 20px; }
#domTab .tabset_print { display: none;}
#domTab .trAlt { background:#f0f0f0 !important; }
#domTab .tabset_content	{ display:none; padding: 0px; }
#domTab .tabset_content	thead h1 { color: #bf1011; margin: 18px 0px 0px 0px !important; padding: 0px 12px 20px 12px; font-size: 1.1em !important; }
#domTab .tabset_content table { margin: 0px 16px 0px 16px;  }
#domTab .tabset_content thead { height: 0px !important; padding: 0px !important; }
#domTab .tabset_content thead td { height: 0px !important; padding: 0px !important; }
#domTab .tabset_content td { height: 23px; padding: 1px 12px 3px 12px; font-size: 1.0em; color: #000000; }
#domTab .tabset_tabs a	{ margin: 0px 4px 0px 4px; display:block; background: none; padding: 0px 7px 0px 0px; color:#4c4c4c; text-decoration:none; }
#domTab .tabset_tabs a span { display:block; margin-top: 0px; background: none; padding: 4px 0px 11px 7px; text-decoration:none; }
#domTab .tabset_tabs a:hover { text-decoration: none; background:url(../images/layup/navRight.gif) top right no-repeat; color:#c10435; padding:0px 7px 0px 0px;}
#domTab .tabset_tabs a:hover span {  background:url(../images/layup/navLeft.gif) top left no-repeat; padding: 4px 0px 11px 7px;}
#domTab .tabset_tabs .active a { text-decoration: none; background:url(../images/layup/navRight.gif) top right no-repeat; color:#c10435; padding:0px 7px 0px 0px; }
#domTab .tabset_tabs .active a span {  background:url(../images/layup/navLeft.gif) top left no-repeat; padding: 4px 0px 11px 7px;}
#domTab .domtab .price { font-weight: bold; color: #bf1011; font-size:1.1em !important;  margin: 18px 0px 0px 0px !important; padding: 0px 12px 3px 12px !important; }

#domTab .financeCalculator { background:url(../images/layup/financeCalculatorBg.gif) top left no-repeat; margin-left: 18px; font-size: 1.1em !important; float: left;}
#domTab .financeCalculator .tabset_content { display: block; }
#domTab .financeCalculator .tabset_tabs { margin:15px 0px 0px 16px; padding:0; list-style:none; font-weight: bold; }
#domTab .financeCalculator .tabset_tabs span { margin: 0px 4px 0px 4px; display:block; margin-top: 0px; background: none; padding: 4px 0px 11px 7px; text-decoration:none; }
#domTab .financeCalculator table { }
#domTab .financeCalculator form {}
#domTab .financeCalculator select { font-size: 1.0em !important; width: 70px; color: #000000; }
#domTab .financeCalculator input { font-size: 1.0em !important; width: 63px !important; margin-left: 1px; color: #000000; padding-left: 3px; }
#domTab .apr { }
#domTab .financeCalculator .tabset_content td { padding: 1px 7px 3px 7px; }
#domTab .financeOptions a { color: #e50000;}
#domTab .tabset_content .financeOptions td { padding: 7px 7px 4px 7px; }
#domTab .financeOptions { background:url(../images/layup/dots.gif) top left repeat-x; }
#domTab .financeOptions .divider { background:url(../images/layup/dotsVert.gif) top right repeat-y; padding-right: 14px; }

/* ----- FOOTER ----- */
#footer { color: #9b9b9b; background:url(../images/layup/dots.gif) top left repeat-x; font-size: 1.1em; }
#footer .padding { padding: 10px 0px 10px 220px !important; }
#footer a { color: #9b9b9b; font-weight: normal; }
.footerL { float: left; }
.footerR { float: right; }

/* ----- PAGE INFO ----- */
#pageInfo { font-size: 1.1em; color: #ffffff; margin: 0px 17px 12px 3px; background: url(../images/layup/breadcrumbsBg.gif) bottom left repeat-x;}
#pageInfo .padding { padding: 15px 8px 10px 0px !important; }
#breadcrumbs { float: left; }
#breadcrumbs .active { font-weight: bold; }
#breadcrumbs a { color: #ffffff; font-weight: normal; } 
#pagination { float: right;}
#pagination a { color: #ffffff; font-weight: normal; padding: 0px 3px 0px 3px; } 
#pagination a:hover { text-decoration: none; background:#dd1313; }
#pagination .nextPrevious { background: none !important; color: #ffffff !important; }
#pagination .nextPrevious a:hover { background: none !important; color: #ffffff !important; }
#sort { height: 30px; font-size: 1.1em; color: #ffffff; margin: 0px 17px 0px 3px; background: url(../images/layup/breadcrumbsBg.gif) bottom left repeat-x;}
#sort .padding { padding: 0px 8px 10px 0px !important; }
#sort form { float: right; }
#sort label { width: 50px; font-size: 1.0em; font-weight: bold; }
#sort select { margin-top: -1px; }
#paginationBottom { font-size: 1.1em; float: right; margin: 0px 17px 12px 3px; }
#paginationBottom .padding { padding: 12px 0px 0px 0px !important; }
#paginationBottom a { color: #000000; font-weight: normal; padding: 0px 3px 0px 3px; } 
#paginationBottom a:hover { text-decoration: none; background:#dd1313; color: #ffffff; }
#paginationBottom a.active { text-decoration: none; background: #000000 !important; color: #FFFFFF !important; }
#paginationBottom .nextPrevious { background: none !important; color: #000000 !important; }
#paginationBottom .nextPrevious a:hover { background: none !important; color: #000000 !important; }

#viewAuto { position:absolute; top:-6px; left:235px;}
#viewManual {position:absolute; top:-6px; left:5px;}

/* ----- CLASSES ----- */
.clearSpan { display: block; clear:both; line-height: 0; height: 5px; font-size:0; }
.clear { clear:both; line-height: 0; font-size:0; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.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; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.red { color: #da181f; font-size: 1.2em; font-weight: bold; }
.strikethrough { text-decoration:line-through; }


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold; }
h1 { font-size: 1.1em; padding: 0px 0px 10px 0px; }

/* ----- NAVIGATION ----- */
#nav { color:#4c4c4c; font-size:110%; position: relative; height: 44px; width: 934px;  background:url(../images/layup/navBg.gif) top left no-repeat;}
#nav ul { margin: 0px 0px 0px 153px; padding: 0px;}
#nav li { list-style: none; margin: 11px 0px 0px 0px; display: inline; padding:0px 0px 0px 0px; float:left; background:url(../images/layup/navDivider.gif) right 7px no-repeat; }
#nav a { margin: 0px 4px 0px 4px; display:block; background: none; padding: 0px 4px 0px 0px; color:#4c4c4c; text-decoration:none; }
#nav a span { display:block; margin-top: 0px; background: none; padding: 4px 0px 11px 4px; text-decoration:none; }
#nav a:hover { text-decoration: none; background:url(../images/layup/navRight.gif) top right no-repeat; color:#c10435; padding:0px 4px 0px 0px;}
#nav a:hover span { background:url(../images/layup/navLeft.gif) top left no-repeat; padding: 4px 0px 11px 4px;}
#nav .active { text-decoration: none; background:url(../images/layup/navRight.gif) top right no-repeat; color:#c10435; padding:0px 4px 0px 0px;}
#nav .active span { background:url(../images/layup/navLeft.gif) top left no-repeat; padding: 4px 0px 11px 4px;}
#navDate { position: absolute; top: 11px; left: 34px; width: 120px; background:url(../images/layup/navDivider.gif) right 7px no-repeat; }
#dateIcon { background:url(../images/layup/iconDate.gif) top left no-repeat; width: 27px; height: 33px; float: left; }
#date { float: left; font-weight: bold; padding-top: 5px; margin-left: 6px; }


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0; font-size: 1.1em; }
#sitemap ul { list-style:none;}
.sitemapLi { background:url(../images/layup/bulletSitemap.gif) 0px 9px no-repeat; padding:6px 0 5px 15px;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; line-height: normal !important; }
p font {line-height: 120% !important; }
address { font-style:normal;}

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

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; font-size: 1.1em; }
input, textarea { width:200px; font-size:11px !important;}
.requiredLabel { color:#c10435;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px; font-size:11px !important;}
#frmContact div { margin-bottom:10px;}
#submit { width:104px; height:35px; border: none; }
#submitSmall { width:79px; height:20px; border: none; }

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

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

/*WHAT CAR HOTSPOT*/
.hotspot { border-right: 1px solid #dc0600; border-top: 1px solid #dc0600; border-left: 1px solid #dc0600; border-bottom: 1px solid #dc0600; background-color: #c7c7c7; color: #dc0600; position: absolute; width: 18px; height: 17px; text-align: center; font-weight: bold;  filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; font-size: 1.1em; padding-top: 1px; }
#rollovernum { padding-left: 40px; float: left; padding-right: 10px; font-size: 1.1em; font-weight: bold; color: #FF0000; }
#rollovertext { float: left; width: 226px; font-size: 1.1em; }

#whatCarSelect { background: url(../images/layup/whatCar/selectWhatCarBg.gif) top left repeat-y; width: 645px; margin: 5px 0px 5px 2px; }
#whatCarSelect table { width: 635px; padding: 0px 3px 0px 3px; margin: 0px 0px 0px 5px; }
#whatCarSelect table a { font-weight: bold; color: #535353; }
#whatCarSelect table td.altRow {background: #f0f0f0; }

#newCarDetails { font-size:11px; margin-bottom:15px; background: url(../images/layup/newCarMiddle.gif) top left repeat-y; width:399px;}
#newCarCol1 { float:left; width:257px;}
#newCarCol1 .padding { padding:7px 18px !important;}
#newCarCol1 ul { margin:0; padding:10px 0 0 2px; list-style:none;}
#newCarCol1 li { padding:4px 0;}
#newCarCol2 { float:left; width:200px;}
#newCarCol2 .padding { padding:4px 8px 7px 18px !important;}
#newCarCol2 ul { margin:0; padding:30px 0 0 0px; list-style:none;}
#newCarCol2 li { padding:4px 0 4px 29px;}
#newCarCol2 .iconBrochure {  background: url(../images/layup/iconBrochure.gif) 3px 2px no-repeat;}
#newCarCol2 .iconModel {  background: url(../images/layup/iconModel.gif) 0px 6px no-repeat;}
#newCarCol2 .iconTestDrive {background: url(../images/layup/iconTestDrive.gif) 3px 2px no-repeat;}
#newCarCol2 .iconManufacturer { background: url(../images/layup/iconManufacturer.gif) 0px 0px no-repeat;}
#newCarCol2 .iconSpecSheet { background: url(../images/layup/iconSpecSheet.gif) 3px 3px no-repeat;}
#newCarCol3 { float:left; width:196px; position:relative; line-height:140%;}
#newCarCol3 span.padding { padding:4px 18px 7px 18px !important; display:block;}
#newCarCol3 .padding span { padding:20px 80px 0 0; display:block;} 
#newCarCol3 .boldLink { padding-right:20px !important;}
#newCarCol3 p { font-size:100%; padding-top:30px; padding-right:80px;}
#newCarCol3 a { display:block; font-weight:normal;}
#newCarCol3PNG { position:absolute; top:-4px; left:90px;}

#groupOfferJumps { margin:0px 0px 10px 0px; }
#hyundaiOfferJumps .box { margin-right:19px;}
#hyundaiOfferJumps .last { margin-right:0 !important; position:relative;}
#hyundaiOfferJumps .box .btn { top:-5px; left:50px;}
#hyundaiOfferJumps .box .thumb { position:relative; top:-10px; left:15px;}
#hyundaiOfferJumps .box .text { font-size:110%; width:100px; position:absolute; top:47px; line-height:130%; left:22px;}

#groupOfferJumps { margin:0px 0px 10px 0px; }
#mazdaOfferJumps .box { margin-right:19px;}
#mazdaOfferJumps .last { margin-right:0 !important; position:relative;}
#mazdaOfferJumps .box .btn { top:-5px; left:50px;}
#mazdaOfferJumps .box .thumb { position:relative; top:-10px; left:15px;}
#mazdaOfferJumps .box .text { font-size:110%; width:100px; position:absolute; top:47px; line-height:130%; left:22px;}

#groupOfferJumps { margin:0px 0px 10px 0px; }
#groupOfferJumps .box { margin-right:19px;}
#groupOfferJumps .last { margin-right:0 !important; position:relative;}
#groupOfferJumps .box .btn { top:-5px;}
#groupOfferJumps .box .thumb { position:relative; top:-10px; left:15px;}
#groupOfferJumps .box .text { font-size:110%; width:100px; position:absolute; top:47px; line-height:130%; left:22px;}


.clickForOffers { position:absolute; top:130px; left:20px; width:150px; font-size:110%;}
.clickForOffers a:hover { text-decoration:underline !important;}
.goText { position:absolute; top:130px; left:20px; width:150px; font-size:110%;}
.goText a:hover { text-decoration:underline !important;}
.sparkPlug { position:absolute; top:34px; left:115px;}
.go { position:absolute; top:130px; left:163px; width:22px; height:21px;}
#backToGroup { position:absolute; top:10px; left:20px;}
#backToGroup a { color:#FFFFFF; font-weight:bold; font-size:120%;}