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

Title : Toll House Group
Author : Darren Lynch / darren.lynch@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet Toll House Group site

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, 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: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 ----- */
#internal { }
#container { width:650px; margin:0 auto; text-align:left; font-size:110%; }
#printHeader { display:block; margin-bottom:10px;}
#header { display:none;}
#logoGroup { display:none;}
#onlineStore {display:none;}
#branchLogo { display:none;}
#leftCol {display:none;}
#rightCol { width:650px;}
#gardX {display:none;}
#main { display:none;}
#content { line-height:130%;}
#content .padding { padding:17px 15px;}
#toyotaStockListImage { display:none;}
#sortBy { display:none;}
#filterGarage { display:none;}
.exDemoPrint { display:none;}

/* ----- GROUP CONTENT ----- */
#groupHomeContent {}
#groupHomeContent .padding { padding:5px 24px 10px 24px; line-height:130%;}
#groupHomeContent .image { float:right; margin:30px 0 0 30px;}

/* ----- GROUP FLASH ----- */
#groupFlash { display:none;}

/* ----- GROUP USED CAR SEARCH ----- */
#usedCarSearchGroup { display:none;}

/* ----- GROUP JUMPS ----- */
#groupJumps {display:none;}

/* ----- LEFT COL USED CAR SEARCH ----- */
#usedCarSearch { display:none;}

/* ----- LEFT COL STOCK UPDATES ----- */
#stockUpdates { display:none;}

/* ----- LEFT COL CONTACT US ----- */
#contactUs { display:none;}

/* ----- RIGHT COL JUMPS ----- */
#homeJumps { display:none;}
#jumpNewCars {  display:none;}
#jumpFeaturedCars {  display:none;}
#jumpSpecialOffers { display:none;}
#jumpRentals {  display:none;}
#jumpBookService {  display:none;}

/* ----- GROUP CONTENT ----- */
#internalHomeContent {}
#internalHomeContent .padding { padding:5px 44px 10px 18px; line-height:130%;}
#internalHomeContent .image { float:right; margin:30px 0 20px 30px;}

/* ----- NEW CAR LISTING ----- */
#newCarListing {}
#newCarListing ul { margin:10px 0 0 0; padding:0; list-style:none;}
#newCarListing li { border-bottom: 1px solid #e5e5e5; margin-bottom:15px; float:left; position:relative; left:15px; display:block; width:155px; height:140px;}
#newCarListing .newCarListingImage { position:absolute; top:0px; left:0px; padding:3px; border:1px solid #cccccc;}
#newCarListing .newCarListingTitle { position:absolute; top:114px; right:33px;}
#newCarListing a { text-decoration:none;}

/* ----- USED CAR LISTING ----- */
#usedCarListing { line-height:130%; width:630px;}
#usedCarListing ul { margin:0; padding:0; list-style:none;}
#usedCarListing li { height: 170px; display:block; margin: 15px 0 0 15px; position:relative; border-bottom: 1px solid #e5e5e5;}
#usedCarListing a { font-weight:normal; text-decoration:none;}
#usedCarListing .usedCarListingImage { height: 107px; border: 1px solid #333333; z-index: 1; float: left; cursor:pointer; position:relative; top:0px; left:0px; display:block; background:none; width:142px; }
#usedCarListing .usedCarListingImage .image { cursor:pointer; padding:3px; }
#usedCarListing .usedCarListingDetails { cursor:pointer; float: right; display:block; margin: 0px 5px 15px 5px; width: 400px;}
#usedCarListing .usedCarListingTitle { cursor:pointer; float: right; font-weight:bold; display:block; padding:7px 0; width: 400px; }
#usedCarListing .usedCarListingPrice { cursor:pointer; color:#d80000; font-weight:bold; padding-top:30px; font-size:110%; display:block; text-align:center; width:80px; position: absolute; left: 500px; top: -25px;}
.usedCarOffer { position: absolute; z-index: 999; top:-8px; left:35px; float: left; }


/* ----- NEWS LISTING ----- */
#newsListing { line-height:130%; width:650px;}
#newsListing ul { margin:0; padding:0; list-style:none;}
#newsListing li { display:block; margin: 15px 0 0 15px; position:relative; min-height:125px; border-bottom: 1px solid #e5e5e5;}
#newsListing a { font-weight:normal; text-decoration:none;}
#newsListing .newsListingImage { cursor:pointer; position:absolute; top:0px; left:0px; display:block; background:url(../images/layup/usedCarListingBg.gif) top left no-repeat; width:175px; height:125px;}
#newsListing .newsListingImage .image { cursor:pointer; padding:5px 0 0 5px;}
#newsListing .newsListingDetails { cursor:pointer; display:block; margin:0 20px 15px 175px; min-height:110px;}
#newsListing .newsListingTitle { cursor:pointer; font-weight:bold; display:block; padding:7px 0;}
#newsListing .newsListingPrice { cursor:pointer; color:#d80000; font-weight:bold; padding-top:30px; font-size:110%; position:absolute; top:0px; left:600px; display:block; height:95px; text-align:center; width:80px;}


/* ----- CMS RIGHT COL ----- */
#cmsRightCol { width:346px; float:right; margin: 0 0 15px 15px; position:relative; left:20px;}
#cmsImage { background:none; width:346px; height:247px;}
#cmsImage .image { padding:3px; border:1px solid #cccccc;}
#downloads { display:none;}

/* ----- OFFER LIST ----- */
#offerList { margin:15px 0 0 80px; position:relative; left:15px;}
#offerList a { text-decoration:none;}
#offerList a:hover { text-decoration:underline;}
.offerItem { float:left; background:none; position:relative; width:233px; height: 210px; }
.offerItem .offerImage img { padding:3px; border:1px solid #cccccc;}
.offerItem .offerText { position:absolute; top:171px; width:202px; text-align:right; left:10px; font-size:110%; font-weight:bold;}

/* ----- USED CAR DETAILS PAGE ----- */
#usedCarDetailsPage { margin:15px 0 0 15px;}
#usedCarImages { width:650px; height:270px; position:relative;}
#usedCarImages .usedCarOffer { display:none !important; visibility: hidden;}
#usedCarLargeImage { height:270px; width:335px; height:247px; float:left; }
#usedCarLargeImage .image {padding:3px; border: 1px solid #cccccc;}
#usedCarThumbs { display:none;}
#clickTo {display:none;}
#icons { display:none;}
#printCarTitle { display:block; font-size:15px; font-weight:bold;}


/* ----- USED CAR DOMTABS ----- */
#rightCol #financeCalculator {  display:none;}
#rightCol #usedCarDetailsPage .domtabs { display:none;}
#rightCol #usedCarDetailsPage .domtab { margin: 0px; padding: 0; float:left; width:600px; }
#rightCol #usedCarDetailsPage .domtab table { width:600px !important;}
#rightCol #usedCarDetailsPage .tabset_tabs { margin: 0px; padding:0; position:relative; left:3px; width:600px; border-bottom:1px solid #e5e5e5; height:33px; float:left;}
#rightCol #usedCarDetailsPage .tabset_tabs li { list-style: none; display: inline; padding: 0px; margin-right: 5px; float:left; position:relative; left: -3px; }
#rightCol #usedCarDetailsPage .tabset_tabs a	{ cursor: pointer !important; color: #000000 !important; font-weight: bold;  padding:8px 13px 8px 14px; display:block; margin: 0px 2px 0px 0px; text-decoration:none; clear: right; }
#rightCol #usedCarDetailsPage .tabset_tabs a:hover { text-decoration:none; color:#000000 !important; background: #e6e6e6; padding:8px 13px 8px 14px; }
#rightCol #usedCarDetailsPage .tabset_tabs .active a { font-weight: bold; text-decoration:none; color:#000000 !important; background: #e6e6e6; padding:8px 13px 8px 14px; }
#rightCol #usedCarDetailsPage .trAlt { background:#eeeeee !important; }
#rightCol #usedCarDetailsPage .tabset_content { display:none; padding:0px 0px 0px 0px; background:none !important; border:none !important; position: relative; }
#rightCol #usedCarDetailsPage .tabset_content thead h1 { display:none !important; }
#rightCol #usedCarDetailsPage .tabset_content table {  margin-bottom:20px;}
#rightCol #usedCarDetailsPage .tabset_content thead { height: 0px !important; padding: 0px !important; }
#rightCol #usedCarDetailsPage .tabset_content thead td { height: 0px !important; padding: 0px !important; }
#rightCol #usedCarDetailsPage .tabset_content thead .price { vertical-align: top; color:#FF0000; font-size: 13px; font-weight: bold; padding: 0 !important; margin: 0px 0px 10px 0px !important;}
#rightCol #usedCarDetailsPage .tabset_content tfoot { display:none !important;}
#rightCol #usedCarDetailsPage .tabset_content td { height: 26px; padding: 0px; font-size: 1.0em; }
#rightCol #usedCarDetailsPage .tabset_content form {}
#rightCol #usedCarDetailsPage .tabset_content select { width: 70px;}
#rightCol #usedCarDetailsPage .tabset_content p { font-size: 1.0em; }
#printCarDetails { display: block; float:left; width:200px; }
#printCarDetails table td { padding:10px 7px; font-size:15px;}
.printPrice { font-weight:bold; font-size:17px; border-top:1px solid #cccccc;}

/* ----- 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;}
.printHide { display:none !important;}
.tabset_print { display:block !important; list-style:none; margin:0 0 20px 0; padding:0;}
.tabset_content { display:block !important;}


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

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


/* ----- SITE MAP ----- */
#sitemap { list-style:disc; margin:0 0 0 10px; padding:0;}
#sitemap ul { list-style:disc;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:none; padding:6px 0 5px 5px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#pageTop { color:#000000; position:relative; margin: 15px 0 0 15px;}
#pageTop .pagination { display:none; position:absolute; top:0px; right:13px;}
#pageBottom { height:50px; position:relative;}
#pageBottom .pagination { position:absolute; top:10px; right:13px;}
#breadcrumbs { padding:0 0 5px 0; border-bottom:1px solid #e5e5e5;}
#breadcrumbs a { font-weight:normal; text-decoration:none; }
#breadcrumbs a:hover { text-decoration:underline;}
.pagination {}
.pagination ul { margin:0; padding:0; list-style:none;}
.pagination li { display:inline;}
.pagination a { font-weight:bold; text-decoration:none; padding:0px 4px 0 5px;}
.pagination a:hover { background:#c41327; text-decoration:none; color:#FFFFFF; }
.pagination .active a { background:#c41327; color:#FFFFFF; }
#sortBy { font-weight:bold; position:absolute; top:30px; right:16px;}
#sortBy span { position:absolute; top:4px; left:-50px;}
#sortBy form { display:inline;}
#sortBy select { display:inline; position:relative; top:5px; width:140px;}
#vehiclesFound { font-weight:bold; padding:12px 0 13px 0; border-bottom:1px solid #e5e5e5;}
#liveChat { display:none;}


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

/* ----- 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:#e90000;}
.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:24px; 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 #e90000; 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: #e90000; color : #FFF; font-weight: bold; }

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