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

Title : 
Author : James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet for Vision Vauxhall site

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

body { font:12px verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#FFFFFF; text-align:left; }

#accessibility
{ display:none; }

#wrapper { background:none; }
#container { width: 650px; }
#printHeader { margin:0 0 20px 0; display: block; }
#header, #primaryNav, #leftCol, #breadcrumbs, .frame,
#footer { display: none !important; }

/* ----- RIGHT COLUMN ----- */
#rightCol .padding { padding:0; }

/* ----- NEW CAR LIST */
#boxList {}
#boxList .listItem { width:191px; background:none; padding:0; margin:0 24px 15px 0; float:left; }
#boxList .last { background:none; margin:0 0 15px; padding:0; }
#boxList .listItem a { width:191px; font-weight:normal; text-decoration:none; cursor:pointer; background:none; padding:0 0 25px; display:block; }
#boxList .listItem .thumb { width:191px; height:81px; display:block; }
#boxList .listItem a .title { width:191px; height:25px; font-size:17px; text-align:center; font-weight:bold; color:#464243; background:none; padding:0; display:block; }

/* ----- NEW CAR DETAIL */
#newCarDetail {}
#newCarDetail .box { width:650px; font-size:11px; color:#000; background:none; padding:0; margin:0 0 20px; }
#newCarDetail .box .padding { padding:0; display:block; }
#newCarDetail .box h2 { font-size:27px; }
#newCarDetail .box .title { font-size:12px; font-weight:bold; display:block; }

#newCarDetail .box#imgOptions { position:relative; }
#newCarDetail .box#imgOptions #mainImg { width:369px; height:274px; margin:0 0 10px; padding:5px 0 0 5px; position:relative; float:left; }
#newCarDetail .box#imgOptions #mainImg .frame { position:absolute; left:0; top:0; z-index:10; }

#newCarDetail .box#imgOptions #options { display:none; }

/* ----- USED CAR LIST */
#list {}
#list .pagination { display:none; }

#list .listItem { margin:0 0 14px; }
#list .listItem a { width:640px; font-weight:normal; text-decoration:none; cursor:pointer; display:block; }
#list .listItem .title { height:18px; font-size:12px; font-weight:bold; background:none; margin:0 0 15px; display:block; }
#list .listItem .thumb { width:175px; height:131px; padding:0; background:none; position:relative; display:block; float:left; }
#list .listItem .details { width:449px; font-size:11px; font-weight:bold; color:#ec1a47; float:right; display:block; }
#list .listItem .details .price { width:75px; height:42px; float:left; display:block; }
#list .listItem .details .price span { font-size:12px; color:#000; padding:4px 0 0; display:block; }
#list .listItem .details .location { width:185px; height:42px; float:left; display:block; }
#list .listItem .details .location span { font-size:12px; color:#000; padding:4px 0 0; display:block; }
#list .listItem .details .telephone { width:189px; height:42px; float:left; display:block; }
#list .listItem .details .telephone span { font-size:12px; color:#000; padding:4px 0 0; display:block; } 
#list .listItem .details .description { height:60px; display:block; }
#list .listItem .details .description span { color:#000; font-weight:normal; padding:4px 0 0; display:block; } 
#list .listItem .btnMoreInfo { display:none; }
#list .listItem .btnClickSave { display:none; }

/* ----- USED CAR DETAIL */
#usedDetail {}
#usedDetail .box { width:650px; font-size:11px; color:#000; background:url(../images/layup/spacerArrow.gif) no-repeat left top; padding:0; margin:0 0 20px; }
#usedDetail .box .padding { padding:0; display:block; }
#usedDetail .box h2 { font-size:27px; }

#usedDetail .box#modelDescription {}
#usedDetail .box#modelDescription .description { padding:0 0 10px; display:block; }

#usedDetail .box#carInfo {}
#usedDetail .box#carInfo .padding div { font-weight:bold; padding:0 0 10px; display:block; float:left; }
#usedDetail .box#carInfo div span { color:#ec1a47; display:block; }
#usedDetail .box#carInfo .price { width:72px; }
#usedDetail .box#carInfo .location { width:165px; }
#usedDetail .box#carInfo .telephone { width:137px; }
#usedDetail .box#carInfo .email { width:217px; }

#usedDetail .box#imgOptions { position:relative; }
#usedDetail .box#imgOptions #mainImg { width:369px; height:274px; margin:0 0 10px; padding:5px 0 0 5px; position:relative; float:left; }
#usedDetail .box#imgOptions #mainImg .frame { position:absolute; left:0; top:0; z-index:10; }

#usedDetail .box#imgOptions #options { display:none; }

#usedDetail .box#imgOptions #thumbViewer { width:650px; height:auto; padding:0; }
#usedDetail .box#imgOptions #thumbViewer a { float:left; }
#usedDetail .box#imgOptions #thumbViewer a#btnPrevious { display:none; }
#usedDetail .box#imgOptions #thumbViewer a#btnNext { display:none; }
#usedDetail .box#imgOptions #thumbViewer #thumbs { width:650px; }
#usedDetail .box#imgOptions #thumbViewer #thumbs a.thumb { width:97px; height:70px; border:none; border:1px solid #d3d3d3; padding:0; margin:0 5px 0 0; }
#usedDetail .box#imgOptions #thumbViewer #thumbs a.active { border:none; padding:0; }

#usedDetail .box#furtherDetails #carSpec { width:650px; float:left; }
#usedDetail .box#furtherDetails #carSpec ul.domHeadings { display:none; }
#usedDetail .box#furtherDetails h2 { font-size:16px; color:#ec1a47; }
#usedDetail .box#furtherDetails #carSpec .domContent table { width:650px; padding:0 0 5px; }
#usedDetail .box#furtherDetails #carSpec .domContent table tr td { height:26px; background:#FFF; padding:5px; }
#usedDetail .box#furtherDetails #carSpec .domContent table tr.altRow td { height:26px; background:#dfdede; }
#usedDetail .box#furtherDetails #carSpec .dt1 { display: block; }
#usedDetail .box#furtherDetails #carSpec .priceTotal { width:650px; text-align:right; font-size:17px; font-weight:bold; padding:8px 0 0; }

#usedDetail .box#furtherDetails #financeCalculator { display:none; }

#relatedVehicles {}
#relatedVehicles .box { width:177px; background:none; padding:0; margin:0 35px 0 0; float:left; }
#relatedVehicles .last { margin:0; }
#relatedVehicles a { width:177px; text-decoration:none; font-weight:bold; font-size:12px; cursor:pointer; display:block; }
#relatedVehicles .box .thumb { width:171px; height:131px; padding:1px 0 0 1px; margin:0 0 10px; position:relative; display:block; }
#relatedVehicles .box .thumb .frame { position:absolute; left:0; top:0; display:block; }
#relatedVehicles .box .divider { width:177px; height:9px; background:url(../images/layup/relatedDivider.gif) no-repeat left top; display:block; }
#relatedVehicles .box .model { padding:5px 0; display:block; }
#relatedVehicles .box .btn { width:149px; height:21px; display:block; }

/* ----- OFFERS LIST */
#offers {}
#offers ul.domHeadings { display:none; }
#offers .domContent .list .listItem { margin:0 0 13px; padding:0; }
#offers .domContent .list .listItem a { width:640px; font-weight:normal; text-decoration:none; cursor:pointer; display:block; }
#offers .domContent .list .listItem .details { width:221px; font-size:11px; color:#010101; background:none; padding:0; float:left; display:block; }
#offers .domContent .list .listItem .details .title { height:31px; font-size:22px; font-weight:bold; color:#000000; display:block; }
#offers .domContent .list .listItem .details .description { height:52px; display:block; }
#offers .domContent .list .listItem .details .offersDetails { height:119px; font-weight:bold; display:block; }
#offers .domContent .list .listItem .details .offersDetails span { font-weight:normal; display:block; }
#offers .domContent .list .listItem .details .btnClickMoreInfo { display:none; }
#offers .domContent .list .listItem .thumb { width:406px; height:248px; display:block; float:right; }

/* ----- OFFERS DETAIL */
#offersDetail {}
#offersDetail .box { width:650px; font-size:11px; color:#000; background:none; padding:0; margin:0 0 10px; }
#offersDetail .box .padding { padding:0; }
#offersDetail .box#modelDescription .title { height:30px; font-size:22px; font-weight:bold; }
#offersDetail .box#mainImg img { background:none; padding:0; }
#offersDetail .box#offerDescription .title { height:33px; font-weight:bold; }
#offersDetail .box#wantKnowMore { display:none; }

/* ----- LOCATIONS */
#locations .box { width:601px; font-size:11px; background:none; padding:0; margin:0 0 13px; }
#locations .box .padding { padding:0; }

#locations .box#addressListings .title { width:257px; height:28px; margin:0 0 18px; display:block; }
#locations .box#addressListings .addressBox { width:147px; font-size:11px; color:#231f20; margin:0 0 32px; display:block; float:left; }
#locations .box#addressListings .addressBox span { height:24px; font-weight:bold; color:#ec1a47; display:block; }
#locations .box#addressListings .addressBox address { margin:0 0 11px; }

/* ----- CONTACT US */
#contact {}
#contact .box { width:650px; font-size:11px; background:none; padding:0; margin:0 0 13px; }
#contact .box .padding { padding:0; }
#contact .boxSmall { width:293px; font-size:11px; color:#080808; backgroundnone; padding:0; margin:0 0 13px; float:left; }
#contact .boxSmall .padding { padding:0; }
#contact .boxSmall .title { margin:0 0 17px; }
#contact .boxSmall span { font-weight:bold; color:#ec1a47; display:block; }
#contact .boxSmall address { margin:0 0 14px; }

#contact .box#dealerLocation { height:34px; font-size:22px; font-weight:bold; }

#contact .box#mapDealerImg #directionsMap { width:300px; float:left; }
#contact .box#mapDealerImg #directionsMap .map { width:297px; height:219px; background:url(../images/layup/dotsH.gif) repeat-x left bottom; padding:3px 0 10px 3px; margin:0 0 8px; position:relative; }
#contact .box#mapDealerImg #directionsMap .map .frame { position:absolute; left:0; top:0; }
#contact .box#mapDealerImg #postcodeEntry { display:none; }
#contact .box#mapDealerImg #dealerImg { width:293px; height:264px; padding:3px 0 0 3px; position:relative; float:right; }
#contact .box#mapDealerImg #dealerImg .frame { position:absolute; left:0; top:0; }

#contact .box#contactForm { display:none; }

/* ----- CMS IMAGE ----- */
.cmsImage { margin:0px 0px 10px 10px; padding:0; position:relative; float:right; }

/* ----- DOM TABS ----- */
.dt1, .dt2, .dt3, .dt4, .dt5 { display:block !important; }

/* ----- SITE MAP ----- */
#sitemap { list-style:square; margin:0 0 0 5px; padding:0; font-size: 0.9em; }
#sitemap ul { list-style:square;  margin:10px 0 0px 25px; padding:0;}
#sitemap li { padding:5px 0 5px 10px; margin: 0px 0px 0px 20px; }
#sitemap a { text-decoration: none; }
#sitemap a:hover { text-decoration: underline; }

/* ----- 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: block; }
.printHide { 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; margin:0 0 15px 15px; }
.image_left { float:left; margin:0 15px 15px 0; }
.image_center { margin:0 auto; }
.hand { cursor:pointer; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0 0 10px 0; }
h1 { font-size:14px; color:#ec1a47 }
p { padding:0 0 10px 0; margin:0; }

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#000000; 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; 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:#0033FF;}
.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;}
#btnSubmit { width:55px; height:18px; 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 #4544e4; 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: #4544e4; color : #FFF; font-weight: bold; }

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