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

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

Type: Screen, Projection

Description : Screen and projection stylesheet for Peninsula site

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#c5c5c5 url(../images/layup/bodyBg.gif) top left repeat-x; color:#fff; 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! */

/* ----- IDS ----- */
#container { width:947px; margin:0 auto; text-align:left; font-size:110%; }   
#printHeader { display:none; }
#header { position: relative; height:84px; background:url(../images/layup/headerBg.gif) top left no-repeat; }
#header #logo { position: absolute; top: 32px; left: 40px; }
#header #telephone { position: absolute; top: 30px; right: 30px; }
#flashBanner {}
#inner { background: #4e4e4e url(../images/layup/innerBg.gif) top left repeat-x; margin: 0px 23px 0px 23px; padding-top: 19px; }

#homeContent { padding: 14px 56px 0px 56px; }
#homeContent #usedCarSearch { background:url(../images/layup/dotsH.gif) bottom left repeat-x; margin: 0px 0px 14px 0px; font-weight: normal; height: 90px; }
#homeContent #usedCarSearch .title { padding: 0px 0px 12px 0px; margin: 0 !important; }
#homeContent #usedCarSearch form { margin-left: 4px; clear: both; }
#homeContent #usedCarSearch fieldset { display: block; } 
#homeContent #usedCarSearch select { width:154px; text-align: center; margin:0px 21px 0px 0px; height: 19px; }
#homeContent #usedCarSearch select.last {margin:0px 0px 0px 0px; }
#homeContent #usedCarSearch .search { width:21px !important; height:40px; margin-left: 5px; position: relative; top: -14px; float: left; }
#homeContent #usedCarSearch div { float: left; }
#homeContent #welcome { width: 370px; float: left; padding-right: 48px; }
#homeContent #otherMarques { width: 178px; padding-right: 37px; float: left; }
#homeContent #otherMarques a { width: 178px; display: block; cursor: pointer; text-decoration: none; line-height: 120%; }
#homeContent #otherMarques .graphic { height: 99px; margin-bottom: 10px; display: block; }
#homeContent #specialOffers { width: 150px; float: left; }
#homeContent #specialOffers a { width: 150px; display: block; cursor: pointer; text-decoration: none; line-height: 120%; }
#homeContent #specialOffers .graphic { height: 99px; margin-bottom: 10px; display: block; margin-left: 25px;  }

#leftCol { float:left; background: #eaeaea; width: 192px; margin-left: 13px; display: inline; color: #000; }
#leftCol .padding { padding: 7px 8px 0px 21px; }
#leftCol a { color: #000; }
#leftCol #usedCarSearch { margin-bottom: 15px; }
#leftCol #usedCarSearch form {  } 
#leftCol #usedCarSearch select { width:150px; border:1px solid #d0d0d0; margin:0px 0px 15px 0px; height: 19px; }
#leftCol #usedCarSearch .search { width:91px !important; height:48px; float: left; position: relative; top: -8px; }
#leftCol #usedCarSearch .advanced { width:64px !important; line-height: 120%; font-weight: bold; float: left; }
#leftCol #usedCarSearch .advanced a { color: #000000; }
#leftCol #stockUpdates { margin-bottom: 15px; }
#leftCol #stockUpdates a { width: 162px; cursor: pointer; text-decoration: none; line-height: 120%; display: block; }
#leftCol #stockUpdates .btn { display: block; margin-left: 64px; }
#leftCol #contactUs { margin-bottom: 15px; }
#leftCol #contactUs a { width: 162px; cursor: pointer; text-decoration: none; line-height: 120%; display: block; }
#leftCol #contactUs .btn { display: block; margin-left: 64px; }

#rightCol { float:left; width: 665px; margin-left: 17px; margin-right: 13px; display: inline; }
#rightCol .padding { padding: 2px 0px 0px 0px; }
#rightCol #internalInfo { float: right; }
#rightCol .internalImage { position: relative; margin: 0px 6px 15px 25px; height: 215px; width: 286px;}
#rightCol .internalImage .frame { position: absolute; top: -4px; left: -5px; }
#rightCol .downloads { border: 2px solid #FFFFFF; width: 282px; margin: 0px 0px 15px 25px; }
#rightCol .downloads .padding { padding: 7px 10px 0px 10px; }
#rightCol .downloads .file { height: 60px; }
#rightCol .downloads .file .icon { float: left; }
#rightCol .downloads .file .documentTitle { float: left; padding-top: 12px; padding-left: 10px; }
#rightCol .downloads .file a { text-decoration: none; color: #fff; font-weight: bold; font-size: 1.1em; }
#rightCol .downloads .file a:hover { text-decoration: underline; }
#rightCol #internalInfo .newCarOptions { margin-left: 20px; margin-top: 0px; }
#rightCol #internalInfo .newCarOptions .box { float: left; margin-right: 5px; }
#rightCol #internalInfo .newCarOptions .last { float: left; margin-right: 0px; }

#rightCol #boxList { margin-left: 4px; }
#rightCol #boxList .row { background:url(../images/layup/dotsH.gif) bottom left repeat-x; width: 661px; margin-top: 21px; }
#rightCol #boxList .box { float: left; position: relative; margin: 0px 32px 15px 0px; }
#rightCol #boxList .box.last { margin-right: 0px !important; }
#rightCol #boxList .box a { display: block; text-decoration: none; cursor: pointer; width: 140px; color: #fff; font-weight: bold; }
#rightCol #boxList .box .frame { display: block; position: absolute; top: -4px; left: -4px; }
#rightCol #boxList .box .thumb { display: block; background:url(../images/layup/noImage140x105.gif) top left no-repeat; width: 140px; height: 105px; }  
#rightCol #boxList .box .title { display: block; width: 135px; line-height: 120%; padding-top: 14px; margin: 0px 0px 0px 5px; }

#rightCol .list { text-decoration: none; }
#rightCol .list a { display: block; width: 661px; background: url(../images/layup/dotsH.gif) bottom left repeat-x; cursor: pointer; text-decoration: none; padding: 17px 0px 17px 0px;  }
#rightCol .list .thumb { background:url(../images/layup/noImage140x105.gif) top left no-repeat; display: block; float: left; width:140px; height: 105px; position: relative; margin-right: 22px; }
#rightCol .list .frame { position: absolute; top: -4px; left: -4px; }
#rightCol .list .title { display: block; position: relative; left: 0px; float: left; font-size: 1.1em; width: 490px; margin: 0px; padding: 16px 0px 0px 0px; color: #fff; font-weight: bold; }
#rightCol .list .description { display: block; width: 490px; float: left; font-weight: normal; line-height: 130%; } 
#rightCol .list .description .price { display:block; float: right; color: #d00403; font-weight: bold; font-size: 1.3em; }
#rightCol .list .multiplePhotos { display:block; background:url(../images/layup/iconPhoto.gif) top left no-repeat; margin-top: 10px; padding: 2px 0px 10px 36px; float: left; }
#rightCol .list .clear { clear: both; display: block; }
#rightCol .list.first a { padding-top: 0px; }

/* ----- USED CARS ----- */
#rightCol #usedCarDetail { float: left; margin: 0px 0px 0px 6px; display: inline; }
#rightCol #usedCarDetail #carPhoto { float:left; position:relative; margin: 1px 26px 0px 0px;}
#rightCol #usedCarDetail #carPhoto .thumb { position:relative; background:url(../images/layup/noImage320x240.gif) top left no-repeat; width: 320px; height: 240px; }
#rightCol #usedCarDetail #carPhoto .frame { position:absolute; top: -5px; left: -6px; }
#rightCol #usedCarDetail #carPhoto .special { position: absolute; top: 0px; left: 0px; }
#rightCol #usedCarDetail #carPhoto .enlargePhoto {  font-weight: bold; background:url(../images/layup/iconEnlargePhoto.gif) 0px 14px no-repeat; padding: 18px 0px 16px 36px; }
#rightCol #usedCarDetail #carPhoto .enlargePhoto a { text-decoration: none; }
#rightCol #usedCarDetail #carPhoto .enlargePhoto a:hover { text-decoration: underline; }
#rightCol #usedCarDetail #thumbnails { float: left; width: 306px; }
#rightCol #usedCarDetail #thumbnails .thumb { float: left; margin-right: 23px; margin-bottom: 31px; position: relative; width: 80px; height: 60px; background:url(../images/layup/noImage80x60.gif) top left no-repeat; }
#rightCol #usedCarDetail #thumbnails .thumb .frame { position: absolute; top: -4px; left: -4px; }
#rightCol #usedCarDetail #thumbnails .right { margin-right: 0px; }
#rightCol #usedCarDetail #thumbnails .bottom { margin-bottom: 0px; }
#rightCol #usedCarDetail #thumbnails .swapPhotos { font-weight: bold; background: url(../images/layup/iconSwapImage.gif) 0px 9px no-repeat; padding: 18px 0px 16px 36px; }
#rightCol #usedCarDetail #thumbnails .swapPhotos a { text-decoration: none; }
#rightCol #usedCarDetail #thumbnails .swapPhotos a:hover { text-decoration: underline; }
#rightCol #usedCarDetail #options { width: 620px; margin-top: 30px; }
#rightCol #usedCarDetail #options ul { list-style: none; padding: 0; margin: 0; }
#rightCol #usedCarDetail #options li { padding-left: 36px; height: 23px; float: left; margin-right: 25px; }
#rightCol #usedCarDetail #options li a { text-decoration: none; font-weight: bold; display: block; }
#rightCol #usedCarDetail #options li a:hover { text-decoration: underline; }
#rightCol #usedCarDetail #options li.enquire { background:url(../images/layup/iconEnquire.gif) top left no-repeat; }
#rightCol #usedCarDetail #options li.emailFriend { background:url(../images/layup/iconEmailFriend.gif) top left no-repeat; }
#rightCol #usedCarDetail #options li.printSpec { background:url(../images/layup/iconPrintSpec.gif) top left no-repeat; }
#rightCol #usedCarDetail #options li.makeOffer { margin-right: 0px !important; background:url(../images/layup/iconMakeOffer.gif) top left no-repeat; }

/* ----- DOMTABS ----- */
#usedVehicleSpec { float: left; margin-top: 25px; margin-right: 28px; }
#usedVehicleSpec .domtab { background:url(../images/layup/dotsH.gif) 0px 25px repeat-x; }
#usedVehicleSpec .tabset_print { display: none;}
#usedVehicleSpec .tabset_tabs { margin:0px; padding:0; list-style:none; }
#usedVehicleSpec .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; }
#usedVehicleSpec .tabset_tabs a { background:url(../images/layup/domtabDivider.gif) right 5px no-repeat; display: inline; float: left; height: 30px; cursor: pointer !important; padding:0px 12px 0px 0px; margin:0px 12px 0px 0px; text-decoration: none; }
#usedVehicleSpec .tabset_tabs a:hover { font-weight: bold; color: #d40e0c; }
#usedVehicleSpec .tabset_tabs .active span { font-weight: bold; color: #d40e0c !important; }
#usedVehicleSpec .trAlt { background:#5f5f5f !important; }
#usedVehicleSpec .tabset_content { background:none !important; border:none !important; }
#usedVehicleSpec .tabset_content h1 { color: #cc2826; padding: 0px; }
#usedVehicleSpec .tabset_content table { margin-top: 10px; }
#usedVehicleSpec .tabset_content td { height: 24px; padding: 0px; }

#financeCalculator { float: left; margin-top: 25px; }
#financeCalculator .domtab { background:url(../images/layup/dotsH.gif) 0px 25px repeat-x; }
#financeCalculator .tabset_print { display: none;}
#financeCalculator .tabset_tabs { margin: 0px; padding:0; list-style:none; }
#financeCalculator .tabset_tabs li { list-style: none; display: inline; padding: 0px 0px 0px 10px; float:left; height: 30px; }
#financeCalculator .trAlt { background:#5f5f5f !important; }
#financeCalculator .tabset_content { background:none !important; border:none !important; }
#financeCalculator .tabset_content table { margin-top: 10px;  }
#financeCalculator .tabset_content td { height: 24px; padding: 0px; }
#financeCalculator .tabset_content select { width: 70px; }
#financeCalculator .tabset_content input { width: 67px; }

/* ----- CLASSES ----- */
.clear { clear:both; }
.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;}
.title { position: relative; left: -4px; margin-bottom: 10px; display: block; }
.red { font-weight: bold; color: #d20300; }
#printCarDetails { display: none; }

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

/* ----- TOP NAVIGATION ----- */
#nav { background:url(../images/layup/navBg.gif) top left no-repeat; height: 44px; }
#nav ul { list-style: none; margin: 0px; padding: 4px 0px 0px 14px; }
#nav li { background:url(../images/layup/navDivider.gif) top right no-repeat; float: left; }
#nav a { text-decoration: none; display: block; float: left; padding: 9px 25px 9px 25px; color: #ffffff; font-weight: bold; }
#nav a:hover { color: #d00403; }
#nav .active { color: #d00403; }

/* ----- LEFT NAVIGATION ----- */

/* ----- 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 10px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#pageInfo { background:url(../images/layup/dotsH.gif) bottom left repeat-x; width: 665px; padding-bottom: 10px; margin-bottom: 20px; }
#breadcrumbs { float: left; }
#breadcrumbs a { text-decoration: none; font-weight: normal; }
#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs .active { font-weight: bold; }

#pagination { float: right; font-weight: normal; padding: 0px 10px 0px 0px; }
#pagination a { text-decoration: none; padding: 0px 4px 0px 4px; }
#pagination a:hover { text-decoration: none; text-decoration: none; background: #d30907; padding: 0px 4px 0px 4px; }
#pagination .active { text-decoration: none; text-decoration: none; background: #d30907; padding: 0px 4px 0px 4px; }
#pagination .nextPrevious a:hover { background: none; text-decoration: underline; }
#searchResults { float: left; font-weight: bold; padding-top: 8px; margin-top: 9px; background: url(../images/layup/dotsH.gif) top left repeat-x; }
#sort { float: right; width: 190px; padding-top: 8px; margin-top: 9px; height: 20px; }
#sort label { font-weight: bold; width: 50px; }
#sort select { width: 125px; }
#paginationBottom { float: right; font-weight: normal; padding: 15px 10px 0px 0px; }
#paginationBottom a { text-decoration: none; padding: 0px 4px 0px 4px; }
#paginationBottom a:hover { text-decoration: none; text-decoration: none; background: #d30907; padding: 0px 4px 0px 4px; }
#paginationBottom .active { text-decoration: none; text-decoration: none; background: #d30907; padding: 0px 4px 0px 4px; }
#paginationBottom .nextPrevious a:hover { background: none; text-decoration: underline; }


/* ----- FOOTER ----- */
#footer { background: #fff; color: #000; margin-top: 35px; width: 901px;  }
#footer .padding { padding: 16px 60px 7px 60px !important; }
#footer a { text-decoration: none; font-weight: normal; color: #000;  }
#footer a:hover { text-decoration: underline; }

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

/* ----- LINKS ----- */
a { color:#ffffff; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- 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; }
input, textarea { width:200px; font-size:11px !important;}
.requiredLabel { color:#d00403; font-weight: bold; }
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:91px; height:48px; border:none; }

#promoForm { padding:12px 0 0 19px; }
#promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;}
#promoForm .signupBoxes label { float:left; width:450px; position:relative; top:3px;}
#promoForm .signupBoxes input { float:left; width: 16px; margin-right: 10px; }
#promoForm select { width:125px !important; display:block; margin-right:15px;}
#promoForm .carSelects { padding-top:18px;}
#promoForm .submitButton { margin:20px 0 20px 0;}

/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #febe10; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #d00403; 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: #d00403; color : #FFF; font-weight: bold; }

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