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

Title : Premier Autocentres Limited
Author : Darren Lynch / darren.lynch@gforces.co.uk / G-Forces Web Management Ltd

Type: Print

Description : Screen and projection stylesheet for Premier Autocentres Limited site

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 verdana, arial, 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:110% 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:650px; margin:0 auto; text-align:left;  font-size:100%; }   
#printHeader { display:block;}
#leftCol { display:none;}
#logo { display:none;}
#leftShadow { display:none !important;}
#rightShadow { display:none !important;}
#rightCol { width:650px; }
#rightCol .padding { padding: 0 25px 0 10px;}
#header { display:none; }
#telephone { display:none;}
#time { display:none;}
#mainImage {display:none !important;}
#mainImage .frame { display:none !important;}
#mainImage .image { display:none !important;}
#latestOffers { display:none !important;}
#homeContent { line-height:120%; font-size:110%; padding-top:10px;}
#homeContent .padding { padding: 0 31px 0 10px;}
#content { padding-left:10px; line-height:120%; font-size:110%; padding-top:20px;}

/* ----- CMS RIGHT COL ----- */
#cmsCol { width:336px; float:right; margin:0 0 15px 20px;}
#cmsImage { position:relative;}
#cmsImage .image { padding:6px 0 15px 6px;}
#cmsImage .frame {display:none !important;}
#iconBoxes { display:none !important;}
#downloads { display:none !important;}

/* ----- HOME PAGE MANAGERS SPECIALS AND NEW CAR ------ */
#specialsAndNewCars {display:none !important;}
#managerSpecials { display:none !important;}
#newCars { display:none !important;}

/* ----- HOME PAGE PREMIER JUMPS ----- */
#premierJumps {display:none !important;}

/* ----- USED CAR SEARCH ----- */
#usedCarSearch {}
#usedCarSearch .padding { padding: 0 23px 10px 27px;}
#usedCarSearch .title { padding: 13px 0 12px 1px;}
#usedCarSearch select { width:170px; display:block; margin-bottom:4px;}
#usedCarSearch a { text-decoration:none; padding:8px 0 0 1px;}
#usedCarSearch .search { margin:7px 0 0 28px;}

/* ----- MY DRIVEWAY ----- */
#myDriveway { position:relative;}
#myDriveway .help { position:absolute; top:8px; left:158px;}
#myDriveway .padding { padding: 15px 0 135px 0;}
#myDriveway .title { padding: 0 0 0 27px;}
#myDriveway .car { padding: 0 0 0 27px;}
#myDriveway p { font-weight:bold; padding: 0 0 0 28px; line-height:120%;}

/* ----- LOCATE US ----- */
#locateUs { background:url(../images/layup/locateUsBg.gif) top left no-repeat; color:#FFFFFF; width:222px; height:465px;}
#locateUs .title { padding:20px 0 17px 27px;}
#locateUs a { padding:0 20px 15px 27px; color:#FFFFFF;}
#locateUs p { padding:0 20px 15px 27px; line-height:120%;}

/* ----- USED CAR LIST ----- */
#usedCarList ul { margin:0; padding:0; list-style:none;}
#usedCarList li { min-height:130px;  border-bottom: 1px solid #9c9c9c;}
.usedCarListDetails { float:left; width:440px; padding-top:10px;}
.usedCarListThumb { width:175px; height:130px; position:relative; float:left;}
.usedCarListThumb .image { position:absolute; top:10px; left:5px;}
.usedCarListThumb .frame { display:none !important;}
#usedCarList .carTitle { font-size:140%; font-weight:bold; display:block;}
#usedCarList .carTitle a { text-decoration:none;}
#usedCarList .carTitle a:hover { text-decoration:underline;}
#usedCarList .carDetails {  display:block; line-height:120%; padding:10px 0 15px 0; font-size:110%;}
#usedCarList .fullDetails { margin-left:5px;}
.buttonsPrice { display:block; height:33px;}
#usedCarList .carPrice {  position:relative; top:-2px; font-weight:bold; font-size:140%; color:#d32f2b;}

/* ----- NEW CAR LIST ----- */
#newCarList ul { margin:3px 0 0 20px; padding:0; list-style:none;}
#newCarList li { float:left; width:190px; height:188px; margin-right:6px;}
#newCarList ul li .image img { width:190px !important; }
#newCarList li.last { margin-right:0px;}
#newCarList .title { padding: 6px 5px 4px 5px; display:block; font-size:110%; text-decoration:none;}
#newCarList .image { display:block; width:200px; height:158px;}
#newCarList a:hover { text-decoration:underline;}


/* ----- USED CARS ----- */
#content.carDetailPadding { padding-top:8px;}
#carDetailPictures { height:262px;}
#printVoucher { clear: both; border: dashed 2px #ccc; margin-left: 3px; margin-bottom: 8px; padding: 8px 10px 8px 10px; text-align: center; font-weight: bold; font-size: 1.1em; }
#printCarDetailTitle { display: block; border: 4px solid #ccc; margin-left: 3px; padding: 4px 10px 4px 10px; width: 300px; font-weight: bold; text-transform: uppercase; }
#content #carDetailPic { position:relative; width:332px; float:left; height:225px; margin-right: 20px; }
#content #carDetailPic .image { margin:6px 0 15px 3px; padding: 2px; border: 2px solid #ccc; }
#content #carDetailPic .frame { display:none !important;}
#content #carDetailPic .carDetailPicText { display:none;}
#content #carDetailThumbs { display:none;}

/* ---- PRINT CAR DETAILS TABLE ----- */
#printCarDetails { display:block; float:left; width:250px; font-size:11px; }
#printCarDetails thead tr { border-bottom: none; }
#printCarDetails thead td { padding:3px 0 8px 4px; font-size:11px;}
#printCarDetails tr { border-bottom: 1px solid #ccc; }
#printCarDetails td { padding:3px 0 3px 4px; font-size:11px;}
#printCarDetails #webPrice { margin-bottom: 16px; margin-top: 20px; }
#printCarDetails #webPrice tr { border: none; }
#printCarDetails #webPrice td { font-size: 14px; font-weight: bold; }

#printAddress { font-size: 13px; line-height: 120%; padding: 0px 10px 10px 10px; }

#content .list { text-decoration: none; cursor: pointer !important; display: block; padding: 12px 0px 12px 3px; border-bottom: 1px solid #b3b3b3; }
#content .list .thumb { float: left; position:relative; display: block; margin-right: 27px; }
#content .list .thumb .special { position: absolute; top: -5px; right: -15px; z-index: 9999; }
#content .list .thumb .frame { display:none !important; }
#content .list .detail { float: left; display: block; width: 425px; }
#content .list .title { color: #000000; display: block; float: left; font-weight: bold; padding: 2px 0px 15px 0px !important; width: 424px; }
#content .list .description { float: left; font-weight: normal; line-height: 120%; min-height: 52px; font-size: 0.9em; width: 400px; } 
#content .list .multiplePhotos { float: left; color: #006533; display: block; font-weight: bold; font-size: 0.9em; padding: 0px; height: 18px; padding: 2px 0px 0px 30px; background:url(../images/layup/iconPhoto.gif) top left no-repeat; }
#content .list .btn { float: right; color: #006533; font-size: 0.9em; font-weight: bold; display: block; padding: 2px 24px 2px 0px; background:url(../images/layup/iconArrow.gif) right 2px no-repeat; }
#content .list .clear { clear: both; display: block; }
#content .first { padding: 5px 0px 12px 3px; }

#content #carOptions { display:none;}

/* ----- DOMTABS ----- */
#financeCalculator { display:none;}
#usedVehicleDetails h1 { display:block; background:#e8e8e8; border: 1px solid #bdbdbd; width:568px; padding: 12px 15px 13px 13px; font-size: 11px; margin: 0 0 0 4px; }
#usedVehicleDetails { float: left; margin-right: 5px; margin-top: 2px; }
#usedVehicleDetails .domtab { margin-top: 0px; margin-bottom: 0px; padding: 0px; margin-left: 0px; float:left; position:relative; }
#usedVehicleDetails .tabset_tabs { display:none;}
#usedVehicleDetails .tabset_tabs li	{ list-style: none; display: inline; padding:1px 0px 0px 0px; margin-right: 4px; float:left; position:relative; left: 3px; }
#usedVehicleDetails .tabset_print { display: none;}
#usedVehicleDetails .tabset_content	{ font-size: 0.9em; display:none; padding:0px 0px 0px 0px; background:none !important; border:none !important; position: relative; }
#usedVehicleDetails .tabset_content .titlePrice { line-height:130%; font-weight:bold; font-size: 12px; margin-top: 10px !important; padding: 6px 10px 12px 10px; }
#usedVehicleDetails .tabset_content table { border: none; width:550px !important; margin-bottom:0px;}
#usedVehicleDetails .tabset_content thead { height: 0px !important; padding: 0px !important; }
#usedVehicleDetails .tabset_content thead td { height: 0px !important; padding: 0px !important; }
#usedVehicleDetails .tabset_content thead .price { vertical-align: top; color:#FF0000; font-size: 13px; font-weight: bold; padding: 0 !important; margin: 0px 0px 10px 0px !important;}
#usedVehicleDetails .tabset_content tfoot { display:none;}
#usedVehicleDetails .tabset_content td { height: 24px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 1.0em; }
#usedVehicleDetails .tabset_content form {}
#usedVehicleDetails .tabset_content select { width: 70px;}
#usedVehicleDetails .tabset_tabs a	{ font-size: 0.9em; cursor: pointer !important; color: #6b6b6b !important; font-weight: bold; border-top: 2px solid #d9d9d9; border-left: 2px solid #d9d9d9; padding:7px 13px 9px 14px; border-right: 2px solid #d9d9d9; display:block; color: #8f8f8f; margin: 0px 2px 0px 0px; text-decoration:none; clear: right; }
#usedVehicleDetails .tabset_tabs a:hover { text-decoration:none; color:#000000 !important; background: #d9d9d9; }
#usedVehicleDetails .tabset_tabs .active a { font-weight: bold; text-decoration:none; color:#000000 !important; background: #d9d9d9;  }
#usedVehicleDetails table { margin-left:6px; margin-right:4px;  }
.forecourtPrice { font-size:9px;}
.webPrice { color:#de0001;}
#usedVehicleDetails .printShowTab { display:block !important;}

#discountText { display: none; }
#similarVehicles { display: none; }


/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printHide { display:none !important; }
.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;}


/* ----- DEFAULT LIST ----- */
#list {}
#list ul { margin:0 0 0 18px; padding:0; list-style:none;}
#list li { background:url(../images/layup/dotsH.gif) bottom left repeat-x; padding:15px 20px 20px 0;}
#list .listTitle { font-weight:bold; display:block; padding-bottom:6px;}
#list .listDetails {}
#list .last { background:none;}

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

/* ----- TOP NAVIGATION ----- */
#topNav { display:none !important;}

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

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#pageInfo {display:none !important; }
#pageInfoBottom {display:none !important;}
#breadcrumbs {display:none !important;}
#searchResults {display:none !important;}
#pagination { display:none !important;}
#sort {display:none !important;}
#backToList { display:none !important;}


/* ----- FOOTER ----- */
#footer {display:none !important;}

/* ----- 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;}
.required { color:#de0001;}
.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:71px; height:21px; 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 #b02623; 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: #b02623; color : #FFF; font-weight: bold; }

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