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

Title : 
Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd

Type: Print

Description : Screen and projection stylesheet for Caffyns site

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; color:#333333; text-align:center; background: url(../images/layup/bodyBg.gif) 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! */
#header,
#primaryNavigation,
#splash,
#homeJumpPoints,
#footer,
.pagination,
#topListOptions,
#leftCol,
#detailOptions,
.specialOffer,
#breadCrumbs,
#internalJumps,
#newDetailEnquiry form { display: none; }

#primaryContent,
#mainContent { display: block; float: left; width: 650px; }
.tabset_content h1 { border-bottom: 1px dashed #666666; margin: 0px 0px 5px 0px !important; padding: 15px 0px 5px 0px; }

#internalContent { display: block; float: left; width: 650px; }

/* ----- IDS ----- */
#container { width:650px; margin:0 auto; text-align:left; font-size:110%; }   
#franchiseBranch { background: url(../images/layup/audiBranch.jpg) no-repeat; width: 320px; height: 93px; }
#franchiseBranchEB { background: url(../images/layup/audiBranchEB.jpg) no-repeat; width: 320px; height: 93px; }
#franchiseBranchBrighton { background: url(../images/layup/audiBranchBrighton.jpg) no-repeat; width: 320px; height: 93px; }
#franchiseLogo { background: url(../images/layup/audiLogo.jpg) no-repeat; width: 128px; height: 93px; float: right; }
#telephone { float: right; margin: 53px 0px 0px 0px; }
#franchiseBranch span { width: 320px; height: 93px; display: block; }
#franchiseLogo span { width: 128px; height: 93px; display: block; }
#franchiseBranch a,
#franchiseLogo a { cursor: pointer; } /* fix for ie as the links work but cursor does not display */
#approvedUsedCars { display: block; background: url(../images/layup/usedCars.jpg) top left no-repeat; width: 297px; height: 238px; float: left; }
#offersJump { width: 299px; float: left; }
#afterSales { display: block; background: url(../images/layup/aftersales.jpg) no-repeat top left; width: 297px; height: 119px; float: left; }
#location { background: url(../images/layup/location.jpg) no-repeat top left; width: 297px; height: 119px; float: left; }
#approvedUsedCars .padding { display: block; padding: 120px 25px 0px 25px; }
#afterSales .padding { display: block; padding: 50px 0px 0px 27px; }
#location .padding { display: block; padding: 45px 0px 0px 27px; }
#homeJumpPoints a { font-weight: normal; text-decoration: none; cursor: pointer; display: block; float: left; }
#primaryContent .padding { padding: 20px 20px 0px 20px; }
#rightCol { width: 660px; display: block; float: left; }
#rightCol .padding { padding: 0px 0px 0px 0px; }
#mainContent { padding: 10px 0px 0px 0px; }
#searchForm select { width: 147px; margin-top: 6px; }
#advancedSearch { padding-top: 10px; }
#selectedFavourites img { float: left; padding: 8px 0px 0px 10px; }
#favOptions { padding-top: 5px; }
#favView { padding-left: 23px; }
#stockImageHolder { background: url(../images/layup/audiStockUpdate.jpg) no-repeat top left; padding: 100px 0px 0px 10px; }
#stockImageHolder img { padding-left: 50px; }
#internalJumps img { float: left; display: block; }
#dealerImages { background: url(../images/layup/dealerBgFoot.gif) repeat-y bottom left; margin: 40px 0px 20px 0px; padding-bottom: 8px; }
#dealerBg { background: url(../images/layup/dealerBg.gif) no-repeat top left; padding: 7px 8px 0px 8px; }
#dealerLeft { width: 370px; float: left; padding-left: 20px; }
#searchResults { width: 200px; float: left; }
#finance { text-align: right; width: 203px; float: right; }
#adjust { padding-bottom: 15px; display: block; }
#help { padding: 9px 0px 0px 0px; width: 100px; display: block; float: left; }
#topListOptions { background: url(../images/layup/financeBg.jpg) no-repeat top left; }
#topListOptions .padding { padding: 10px 10px 0px 10px; margin: 0px; background: url(../images/layup/dotsH.gif) repeat-x bottom left; }
#sortOptions { width: 100%; margin: 0px 0px 0px 0px; padding: 10px 0px 12px 0px; background: url(../images/layup/dotsH.gif) repeat-x bottom left; float: left; }
#sortOptions .float_right { float: right; padding-right: 10px; }
#detailImages { padding-top: 10px; }
#thumbs { display: block; float: left; width: 325px; }
#thumbs .padding { padding-left: 9px; }
#detailOptions { display: none; }
#detailHeading { font-weight: bold; padding: 0px 0px 0px 0px; font-size: 1.5em; line-height: 140%; width: 650px; }
#vehicleLocation { font-size: 1.3em !important; padding: 0px !important;}
#itemDetails { text-transform: uppercase; }
#oldPrice { text-decoration: line-through; padding: 0px 10px 0px 10px; }
#detailHeading .padding { padding: 9px 0px 0px 0px; font-size: 1.1em; }

/* ----- CLASSES ----- */
.clear { clear:both; }
.clearSmall { font-size: 0px; line-height: 0px; height: 0px; clear: both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.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;}
.strong { font-weight: bold; }
.lastItem { padding-right: 0px !important; background: none !important; }
.box { margin-bottom: 5px; }
.box .padding { padding: 18px 20px 0px 20px; }
.stockUpdate .padding { padding: 7px 0px 0px 8px !important; }
.colHeading { margin-bottom: 5px; }
.block { display: block; }
.dealer { padding-left: 5px; }
.optionContainer { margin: 0px 0px 10px 0px; }
.optionContainer select { width: 81px; height: 19px; }
a .listContent { text-decoration: none; }
.listContent { float: left; width: 440px; padding-left: 30px; }
.listHeading { display: block; }
.listText { font-weight: normal; width: 350px; float: left; }
.listPrice { background:  none; display: block; width: 100px; height: 36px; color: #FFF; padding: 7px 0px 0px 0px; font-size: 1.2em; float: right; }
#detailHeading .listPrice { float: right !important; }
.listOptions { display: block; width: 350px; text-align: right; font-weight: normal; text-decoration: none; float: right; }
.hirePrice { float: right; background: url(../images/layup/btnPriceGreyBg.gif) no-repeat top left; width: 56px; height: 30px; display: block; text-align: center; }
.paymentPlan { float: right; background: url(../images/layup/btnPriceGreyBg.gif) no-repeat top left; width: 56px; height: 30px; display: block; text-align: center; }
.hire, .payment { font-weight: bold; display: block; padding-top: 8px; }
.hirePrice, .paymentPlan { padding-top: 7px; color: #FFF; font-size: 1.2em; font-weight: bold; }
.payments { float: right; display: block; padding: 8px 5px 0px 10px; }
.listItemThumb { width: 148px; float: left; padding: 0px 0px 10px 6px; }
.similar { font-weight: normal !important; }
#financeCalculator { display: none; }
#similarVehicles { display: none; }
#similarVehicles .listItemH { margin: 10px 6px 0px 0px !important; }

/* ----- IMAGE FRAMES ----- */
.listItemV { width: 98%; margin: 20px 0px 20px 0px; padding: 0px 0px 10px 0px; background: url(../images/layup/dotsH.gif) repeat-x bottom left; }
.listItemV span { cursor: pointer; }
.listItemH { float: left; width: 148px; margin: 10px 18px 0px 0px; }
.lastItemH { margin: 10px 0px 0px 0px !important; }
.cmsImage { background: url(../images/layup/noImage136x102.gif) no-repeat; cursor: pointer; display: block; width:136px; height:102px; position:relative; }
.cmsImage .frame { display:block; left:-8px; position:absolute; top:-8px; }
.listItemH a { display: block; text-decoration: none; float: left; }
.listImage { cursor:pointer; display:block; float:left; position:relative; width:136px; margin: 0px 0px 0px 0px; }
.listImage .frame { display: none; }
.internalImageDetail { padding: 0px 0px 10px 0px; }
.internalImage { padding:0px 0px 10px 20px; }
.internalImageDetail .imageHolder { display:block; height:234px; margin:0px; position:relative; width:312px; border: 1px solid #ccc; padding: 1px; }
.internalImageDetail .imageHolder .frame { display: none; }
.internalImage .imageHolder { cursor:pointer; display:block; height:234px; margin:0px; position:relative; width:312px; }
.internalImageDetail .noImage { background: url(../images/layup/noImage312x234.jpg) no-repeat; display:block; height:234px; position:relative; width:312px; }
.internalImage .noImage { background: url(../images/layup/noImage312x234.jpg) no-repeat; cursor:pointer; display:block; height:234px; position:relative; width:312px; }
.internalImageDetail .frame, .internalImage .frame { display:block; left:-8px; position:absolute; top:-8px; }

/* ----- SEARCH RESULTS */
#searchResultsList {}
#searchResultsList .listItem { margin:15px 0; }
#searchResultsList .listItem a { text-decoration:none; font-weight:normal; display:block; }
#searchResultsList .listItem .thumb { height:102px !important;position:relative;width:136px; float:left;}
#searchResultsList .listItem .thumb .frame { display:none;}
#searchResultsList .listItem .middle { width:310px; padding:0 10px; float:left; }
#searchResultsList .listItem .middle h2 { font-size:11px; color:#000; padding:0 0 10px; cursor:pointer; text-transform:uppercase; }
#searchResultsList .listItem .middle table { cursor:pointer; width:100%; }
#searchResultsList .listItem .middle table tr {}
#searchResultsList .listItem .middle table tr td { font-size:11px; color:#000; }
#searchResultsList .listItem .price { float:right; width:164px; margin:10px 0 0;  float:right; }
#searchResultsList .listItem .price a { text-align:center; font-size:18px; font-weight:bold; display:block; }

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

/* ----- BREADCRUMBS ----- */
#breadCrumbs a { font-weight: normal; text-decoration: none; }
#breadCrumbs a:hover { font-weight: normal; text-decoration: underline; }
#breadCrumbs { background: url(../images/layup/dotsH.gif) repeat-x bottom left; padding: 0px 0px 10px 10px; margin-bottom: 10px; }
.detailBack { display: none; }

/* ----- 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 ----- */

/* ----- FOOTER ----- */
#footer { padding: 15px 0px 0px 0px; color: #666666; background: url(../images/layup/dotsH.gif) repeat-x top left; clear: both; }
#footer .padding { padding: 0px 10px 0px 10px; }
#footer img { display: inline; margin-bottom: -5px; }
#footer a { font-weight:normal; text-decoration:none; color: #666666; }
#footer a:hover { text-decoration:underline;}

/* ----- 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:block; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
#finance label { display:block; width:100px; float:left; text-align: right; padding-right:18px; }
#sortOptions label { display:block; float: left; width: 50px; font-weight: bold; }
input, textarea { width:200px; font-size:11px !important;}
.requiredLabel { color:#990000;}
.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:59px; height:36px; border:none;}
#submitUsed { width: 51px; height: 36px; border: none; }
#submitFinance { width: 71px; height: 35px; 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 #990000; 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: #DFDFDF; color : #999999; font-weight: bold; }

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


/* ----- DOM TABS  ----- */
.domtab { margin: 0px; padding: 0px 0px 0px 0px; float:left; }
.tabset_tabs { margin: 0px; padding:0; display: none !important; }
.tabset_tabs li { list-style: none; display: inline; padding: 0px; margin-right: 5px; float:left; position:relative; left: -3px; }
.tabset_tabs a	{ cursor: pointer !important; color: #6b6b6b !important; font-weight: bold; padding:5px 13px 6px 14px; display:block; color: #8f8f8f; margin: 0px 2px 0px 0px; text-decoration:none; clear: right; }
.tabset_tabs a:hover { text-decoration:none; color:#000000 !important; background: #f2f2f2; padding:5px 13px 6px 14px; }
.tabset_tabs .active a { font-weight: bold; text-decoration:none; color:#000000 !important; background: #f2f2f2; padding:5px 13px 6px 14px; }
.tabset_print { display: none;}
.trAlt { background:#f2f2f2 !important; }
.tabset_content table { width:650px !important; }
.tabset_content { display: block !important; padding:0px 0px 0px 0px; background:none !important; border:none !important; position: relative; }
.tabset_content thead h1 { font-size: 13px; margin-top: 10px !important; padding: 0px 10px 12px 10px; }
.tabset_content table { float: left; }
.tabset_content thead { height: 0px !important; padding: 0px !important; }
.tabset_content thead td { height: 0px !important; padding: 0px !important; }
.tabset_content thead .price { vertical-align: top; color:#FF0000; font-size: 13px; font-weight: bold; padding: 0 !important; margin: 0px 0px 10px 0px !important;}
.tabset_content tfoot { background:#f2f2f2; height:33px !important; padding: 0px !important; margin-left: 5px !important; color: #de0001 !important; font-size: 0.9em;}
.tabset_content tfoot td { }
.tabset_content td { height: 20px; padding: 0px !important; font-size: 1.0em; vertical-align: top !important; }
.tabset_content form {}
.tabset_content select { width: 70px;}
.tabset_content p { font-size: 1.0em; }
#printCarDetails { display: none; }
.tabset_content h1 { width: 650px; padding: 5px 0px 5px 0px !important; }
.printShow { display: block !important; }

/* ----- NEW USED DETAILS CHANGES 25-2-10 ----- */

#vehicleLocation { float:left; width:450px; }
#vehicleLocation span { display:block; }
#vehicleLocation .available { font-size:13px; padding:0; margin:0;}
#vehicleLocation .location { font-size:26px; padding:0; margin:0;}
#vehicleLocation .phone { font-size:16px; padding:0; margin:0; }

#detailImages { float:left; padding-top: 10px; } /*-- LINE 72 --*/
#detailImages .internalImageDetail .imageHolder,
#detailImages .internalImage .imageHolder,
#detailImages .internalImageDetail .noImage,
#detailImages .internalImage .noImage { height: 250px !important; } /*-- LINE 188 --*/
.internalImageDetail .imageHolder { display:block; height:234px; margin:0px; position:relative; width:333px; }/* -- LINE 182 -- */

#detailEnquiry .listPrice {  position:absolute; top:-39px; left:150px; display: block; width: 132px; height: 40px; color: #000; text-align: center; font-size: 2.2em; padding-top:4px; float: right; }
#detailEnquiry { display:none;}

#usedCarThumbs { display:none; }


#printThumbs { float:left; width:290px; margin-left:10px; }
#printThumbs .thumb { float:left; display:block; margin-right:5px;  margin-top:10px; }