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

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

Type: Print

Description : Screen and projection stylesheet for Quest Motor Group site

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

body { font:62.5%/1.3 arial, verdana, helvetica, sans-serif; margin:0; padding:0; color:#000000; text-align:center; }

#accessibility { display:none; }

/*  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: 650px; margin:0 auto; text-align:left; font-size:110%; background: url(../images/layup/containerBg.jpg) no-repeat; }   
#printHeader { display: block; }

#header,
#primaryNavigation,
#secondaryContent,
#homeJumps,
#franchiseJumps,
#breadCrumbs,
#homeFlash,
#listOptions,
.pagination,
.paginationBottom,
#backPage,
#usedDetailJumps,
#footer,
#jumpButtons,
#titleOptions,
#extras,
.tabset_tabs { display: none !important; }

#mainContent { width: 650px; display: block; float: left; }
#primaryContent { width: 650px; float: left; }
#primaryContent #primaryPadding { padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; background: #FFF; }
#mainContent { margin-top: 11px; }
#homeText { padding: 0px 0px 0px 8px; }
#usedDetailJumps, #vehicleLocation { display: block; padding: 10px 0px 10px 0px; float: left; }
#dealerAddress { display: block; width: 300px; float: left; }
#dealerHours { display: block; width: 300px; float: right; }
#groupTel { font-weight: bold; color: #FFF; padding-top: 5px; }
#groupTel a { text-decoration: none; color: #FFF; }
#jumpNewCars { display: block; width: 227px; height: 211px; float: left; }
#jumpFeaturedUsed { display: block; width: 256px; height: 211px; float: left; background: url(../images/layup/franHomeFeaturedCarsBg.gif) no-repeat; }
#jumpGreenSelectionFranchise { display: block; width: 193px; height: 211px; background: url(../images/layup/jumpHomeGreenSelection.jpg) no-repeat; float: left; }
#franchiseJumps a { display: block; float: left; padding-right: 7px; text-decoration: none; font-weight: normal; cursor: pointer; }
#franchiseJumps a.lastItem { padding-right: 0px !important;}
#jumpNewCars .padding { padding: 165px 0px 0px 20px !important; display: block; }
#jumpGreenSelectionFranchise .padding { padding: 85px 60px 0px 15px !important; display: block; }
#jumpFeaturedUsed .padding { display: block; padding: 45px 10px 0px 15px; }
#jumpFeaturedUsed .featuredHeading { display: block; font-weight: bold; padding-bottom: 5px; }
#jumpFeaturedUsed .featuredDetails { display: block; float: right; width: 115px; }
#jumpFeaturedUsed .featuredPrice { display: block; color: #ca0200; font-weight: bold; padding-top: 10px; }
#jumpFeaturedUsed .featuredAll { display: block; padding-top: 22px; }
#newDetailText { display: block; float: right; width: 290px; }
#jumpBodyShopRepairFranchise { display: block; float: left; width: 234px; height: 134px; background: url(../images/layup/jumpBodyShopRepair.gif) no-repeat; }
#jumpServicingFranchise { display: block; float: left; width: 232px; height: 134px; background: url(../images/layup/jumpServicing.gif) no-repeat; }
#jumpOnlineStoreFranchise { display: block; float: left; width: 221px; height: 134px; background: url(../images/layup/jumpOnlineStore.gif) no-repeat; }
#jumpBodyShopRepairFranchise .padding { padding: 25px 100px 0px 17px !important; }
#jumpServicingFranchise .padding { padding: 25px 100px 0px 15px !important; }
#jumpOnlineStoreFranchise .padding { padding: 25px 100px 0px 13px !important; }
#secondaryJumps span { display: block; }
#secondaryJumps a { cursor: pointer; text-decoration: none; font-weight: normal; }

/* ----- CLASSES ----- */
.clear { clear:both; display: block; }
.smallClear { display: block; 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;}
.navDate { float: right !important; padding: 8px 20px 0px 0px; color: #FFF; font-weight: bold; background: none !important; }
.boxStock { background: url(../images/layup/boxBg.jpg) no-repeat; position: relative; float: left; width: 193px; }
.box { background: url(../images/layup/boxBg.jpg) 0px 34px no-repeat; position: relative; float: left; width: 193px; }
.boxStock .padding  { padding: 0px 18px 0px 18px !important; }
.box .padding { padding: 10px 18px 0px 18px !important; }
.redText { color: #ca0001; font-weight: bold; text-decoration: none; }
.greenText { color: #3e7f0b; font-weight: bold; text-decoration: none; }
.title { padding: 0px 0px 0px 3px; }
.searchContent .title { padding: 4px 0px 0px 3px !important; }
.dealerDetails { display: block; float: left; width: 65px; }
.locations { border-bottom: 1px solid #d1d1d2; margin-bottom: 10px; }
.heading { display: block; float: left; width: 120px; }
.driveway { padding: 7px 0px 0px 8px; float: left; }
.driveway img { float: left; padding: 5px 0px 0px 5px; }
.driveway p { padding: 5px 6px 10px 10px !important; }
.headTel { font-size: 14px; }


/* ----- IMAGE FRAMES ----- */
#internalImage { float: right; width: 344px; height: 260px; padding: 4px 0px 0px 4px; background: url(../images/layup/frame336x252.gif) no-repeat; }
#internalImage .noImage { display: block; width: 336px; height: 252px; background: url(../images/layup/noImage336x252.jpg) no-repeat; }

#internalList a { display: block; float: left; padding-right: 0px; text-decoration: none; font-weight: bold; cursor: pointer; }
#internalList .listItem { float: left; display: block; width: 214px; }
#internalList .itemImage { float: left; display: block; padding: 3px 3px 3px 3px; background: url(../images/layup/frame208x156.gif) no-repeat; }
#internalList .noImage { display: block; width: 208px; height: 156px; background: url(../images/layup/noImage208x156.jpg) no-repeat; }
#internalList .itemHeading { float: left; display: block; padding: 5px 0px 8px 5px; }

#usedList a { display: block; float: left; text-decoration: none; font-weight: normal; cursor: pointer; margin-bottom: 10px; padding-bottom: 10px; background: url(../images/layup/dotsH.gif) repeat-x bottom; }
#usedList .listItem { float: left; display: block; width: 668px; }
#usedList .itemImage { float: left; display: block; padding: 3px 3px 3px 3px; background: url(../images/layup/frame140x105.gif) no-repeat; }
#usedList .noImage { display: block; width: 140px; height: 105px; background: url(../images/layup/noImage140x105.jpg) no-repeat; }
#usedList .itemDetails { float: left; display: block; width: 472px; }
#usedList .itemDetails .itemPrice { display: block; float: right; background: url(../images/layup/priceBg.gif) no-repeat; color: #FFF; padding: 3px 0px 3px 0px; height: 26px; width: 69px; text-align: center; font-weight: bold; font-size: 15px;  }
#usedList .itemDetails .itemHeading { font-weight: bold; font-size: 12px; color: #000; display: block; padding: 5px 0px 5px 10px; }
#usedList .itemDetails .itemDescription { display: block; padding: 0px 0px 0px 10px; width: 370px; }

#usedDetailThumbs { display: block; }
#usedDetailThumbs img { float:left; padding: 0px 10px 13px 0px; }
#usedDetailThumbs img.lastItem { padding: 0px 10px 13px 0px !important; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}
#dealerAddress h2, #dealerHours h2 { padding: 0px 0px 5px 0px !important; }
address { display: block; padding: 0px 0px 15px 0px; }


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


/* ----- 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; }
#search a { font-weight: bold; font-size: 10px; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.requiredLabel { color:#b01918;}
.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;}
#searchForm select { width: 165px !important; margin-bottom: 4px; float: left; }
#btnSearch { width: 69px; height: 26px; float: right; }
#filterForm label { width: 55px !important; padding-top: 3px; font-weight: bold; }
#listOptions { padding: 0px 0px 10px 0px; margin-bottom: 10px; background: url(../images/layup/dotsH.gif) repeat-x bottom; }
#filterOptions { display: block; width: 200px; }
#btnSubmit { width: 69px; height: 26px; }

/* ----- NEW CAR DETAIL PAGE ----- */
#newCarDetail #newCarLeftCol { width: 294px; float: left; }
#newCarDetail #newCarLeftCol #internalImage { float: none; margin: 0px 0px 10px 0px; }
#newCarDetail #newCarLeftCol #jumpButtons img { float: left; }

#newCarDetail #newCarRightCol { width: 294px; float: right; }
#newCarDetail #newCarRightCol #contactTelephone { color: #FFF; text-transform: uppercase; font-size: 20px; padding: 10px 0px 10px 0px; }
#newCarDetail #newCarRightCol .row,
#newCarDetail #newCarRightCol .altRow { padding: 5px; width: 264px; font-size: 13px; height: 20px; }
#newCarDetail #newCarRightCol .row span,
#newCarDetail #newCarRightCol .altRow span { width: 105px; display: block; float: left; }
#newCarDetail #newCarRightCol .heading { text-transform: uppercase; font-weight: bold; font-size: 15px; }
#newCarDetail #newCarRightCol #featuresPrice { padding: 10px 0px 14px 0px; margin-top: 47px; }
#newCarDetail #newCarRightCol #featuresPrice #questPrice { font-weight: bold; font-size: 16px; color: #FFF; padding: 0px 10px 5px 5px; }
#newCarDetail #newCarRightCol #featuresPrice .row,
#newCarDetail #newCarRightCol #featuresPrice .altRow { padding: 5px; width: 275px; font-size: 13px; height: 20px; }
#newCarDetail #newCarRightCol #featuresPrice .row span,
#newCarDetail #newCarRightCol #featuresPrice .altRow span { width: 135px; display: block; float: left; }
#newCarDetail #newCarRightCol #featuresPrice .row { background: #FFF; color: #000; }
#newCarDetail #newCarRightCol #featuresPrice #titleOptions { padding: 6px 0px 6px 0px; text-align: center; color: #FFF; margin: 21px 0px 10px 0px; }
#newCarDetail #newCarRightCol #featuresPrice #extras ul { padding: 0px; margin: 0px; list-style: none; font-weight: bold; font-size: 11px; color: #FFF; }
#newCarDetail #newCarRightCol #featuresPrice #extras ul span.title { display: block; padding: 6px 0px 6px 40px; background: url(../images/layup/iconCross.gif) 20px 7px no-repeat; cursor: pointer; }
#newCarDetail #newCarRightCol #featuresPrice #extras ul span.titleOpen { display: block; padding: 6px 0px 6px 40px; background: url(../images/layup/iconMinus.gif) 20px 7px no-repeat; cursor: pointer; }
#newCarDetail #newCarRightCol #featuresPrice #extras ul li { }
#newCarDetail #newCarRightCol #featuresPrice #extras ul li ul { padding: 5px 0px 5px 0px; }
#newCarDetail #newCarRightCol #featuresPrice #extras ul li ul li { width: 226px; clear: both; padding: 0px 0px 0px 20px; }
#newCarDetail #newCarRightCol #featuresPrice #extras ul li ul li .checkRadio { width: 35px;  }
#newVehicleDetails .tabset_content { display: block !important; }
#newVehicleDetails .tabset_print { display: block; list-style: none; padding: 10px 0px 20px 0px !important; margin: 0px; }

/* ----- DOM TABS ----- */
#usedVehicleDetails { float: left; margin-right: 2px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#usedVehicleDetails .domtab { }
#usedVehicleDetails .tabset_tabs { padding: 0; margin:0; list-style:none; }
#usedVehicleDetails .tabset_tabs li	{ float:left; margin-right:5px; }
#usedVehicleDetails .tabset_tabs li.last { margin-right:0px; } 
#usedVehicleDetails .tabset_print { display: none; }
#usedVehicleDetails .trAlt { background:#f2f2f2; }
#usedVehicleDetails .tabset_content	{ display:none; }
#usedVehicleDetails .tabset_content table { /*border: 5px solid #e1e1e1; */margin-left: 3px; margin-top: 3px; }
#usedVehicleDetails .tabset_content .title { vertical-align: top; font-size: 1.2em; font-weight: bold; padding-bottom: 10px; padding-top:10px; padding-left: 10px; }
#usedVehicleDetails .tabset_content .price { vertical-align: top; color:#FF0000; font-size: 1.2em; font-weight: bold; padding-bottom: 10px; padding-top:10px; padding-left: 6px; }
#usedVehicleDetails .tabset_content td { height: 26px; font-size: 0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; }
#usedVehicleDetails .tabset_content tfoot {/* background: #e1e1e1;*/ height: 40px; }
#usedVehicleDetails .tabset_tabs a:hover { color:#FFF; text-decoration:none; background: #000; padding:5px 14px 6px 14px; }
#usedVehicleDetails .tabset_tabs .active a { color:#FFF; text-decoration:none; background: #000; padding:5px 14px 6px 14px; }
#usedVehicleDetails .tabset_tabs a { font-size: 0.9em; background: #AAAAAA; color: #FFF; text-decoration:none; font-weight: bold; padding:5px 14px 6px 14px; /*border-top: 2px solid #e1e1e1; border-left: 2px solid #e1e1e1; border-right: 2px solid #e1e1e1;*/ display:block; float: left; }

#financeCalculator .tabset_tabs a { font-size: 0.9em; background: #000; color: #FFF; text-decoration:none; font-weight: bold; padding:5px 14px 6px 14px; /*border-top: 2px solid #e1e1e1; border-left: 2px solid #e1e1e1; border-right: 2px solid #e1e1e1;*/ display:block; float: left; }
#financeCalculator { float: left; font-family:Verdana, Arial, Helvetica, sans-serif; }
#financeCalculator .domtab { }
#financeCalculator .tabset_tabs { padding: 0; margin:0; list-style:none; }
#financeCalculator .tabset_tabs li	{ float:left; margin-right:5px; position:relative; }
#financeCalculator .tabset_tabs li .calculator { position:absolute; top: -5px; right: 0px; }
#financeCalculator .tabset_content table { /*border: 5px solid #e1e1e1;*/ margin-left: 3px; margin-top: 3px; }
#financeCalculator .tabset_content form { }
#financeCalculator .trAlt { background:#f2f2f2; }
#financeCalculator .tabset_content select { width: 70px; font-size: 1.0em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
#financeCalculator .tabset_content input { width: 67px; font-size: 1.0em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
#financeCalculator .tabset_content td { height: 26px; font-size: 0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; }

/* ----- 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: #b01918; color : #FFF; font-weight: bold; }

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