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

Title : The TVR Centre
Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet for The TVR Centre site

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#ffffff url(../images/layup/bodyBg.gif) top left repeat-x; color:#464646; 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% verdana, arial, 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 ----- */
body.homepage { background: url(../images/layup/bodyBgHome.gif) top left repeat-x; }
body.franchise { background: url(../images/layup/bodyBgFranchiseHome.gif) top left repeat-x; }
#container { width:846px; margin:0 auto; text-align:left; font-size:100%; }   
#container .padding { padding: 0px 13px 0px 13px; }
#printHeader { display:none; }
#header { position: relative; height: 80px; }
#logo { position: absolute; top: 12px; left: 26px; }
#badgeFarbio { position: absolute; top: 15px; right: 267px; }
#badgePGO { position: absolute; top: 15px; right: 199px; }
#badgeTVR { position: absolute; top: 24px; right: 92px; }
#badgeWestfield { position: absolute; top: 14px; right: 26px; }
#phone { position: absolute; top: 20px; right: 40px; }
#jump {}
#jump .box { float: left; position: relative; }
#jump .box.tvr { height: 229px; width: 427px; }
#jump .box.tvr .bottom { position: absolute; bottom: -10px; right: 0px; }
#jump .box.westfield { height: 229px; width: 419px; }
#jump .box.westfield .bottom { position: absolute; bottom: -37px; left: 0px; height: 37px;}

#leftCol { float: left; color: #27221f; width: 221px; background:url(../images/layup/leftColGroupHome.jpg) top left no-repeat; min-height: 400px; padding-bottom: 95px; }
#leftCol a { color: #27221f; text-decoration: none; font-weight: normal; }
#leftCol a:hover { color: #27221f; text-decoration: underline; }
#leftCol #usedCarSearch { z-index: 1; position: relative; }
#leftCol #usedCarSearch a { display: block; width: 180px; }
#leftCol #usedCarSearch .padding { padding: 30px 0px 0px 31px; display: block; }
#leftCol #usedCarSearch .thumb { margin: 6px 0px 0px 0px; }
#leftCol #usedCarSearch .clear { display: block; clear:both; }
#leftCol #usedCarSearch form { margin-top: 14px; } 
#leftCol #usedCarSearch select { width:160px; border:1px solid #d0d0d0; padding:1px 0px; margin:0px 0px 4px 0px; height: 16px; padding: 0px; font-size: 1.0em; }
#leftCol #usedCarSearch .search { width:85px !important; height:36px; margin-left: 81px; display: block; }
#leftCol #contactUs { line-height: 130%; z-index: 1; position: relative; }
#leftCol #contactUs .padding { padding: 23px 29px 30px 31px; }
#leftCol #contactUs .title { margin-bottom: 10px; }
#leftCol #signUp { z-index: 1; position: relative; }
#leftCol #signUp .padding { padding: 23px 0px 0px 24px; }

#rightCol { float: left; width: 594px; }
#rightCol .homeContent { padding: 30px 16px 12px 27px; }
#rightCol .mainContent { padding: 0px 5px 0px 5px; }
#rightCol .title { padding: 0px 0px 20px 0px; }
#rightCol #internalInfo { float: right; display: block; }
#rightCol #internalInfo .thumb { position: relative; margin: 0px 0px 16px 22px; display: block; }
#rightCol #internalInfo .frame { position: absolute; top: -11px; left: -11px; display: block; }
#rightCol #internalInfo #downloads { border: 1px solid #b9b9b9; width: 288px; margin: 0px 0px 0px 22px; }
#rightCol #internalInfo #downloads ul { padding: 10px; margin: 0px; }
#rightCol #internalInfo #downloads li { font-weight: bold; list-style: none; background: url(../images/layup/iconDocument.gif) top left no-repeat; padding: 17px 0px 17px 55px; }

#rightCol .article { display: block; float: left; padding: 10px 0px 10px 0px; text-decoration: none; cursor: pointer; background:url(../images/layup/dotsH.gif) bottom left repeat-x; width: 590px; }
#rightCol .article .thumb { display: block; float: left; position: relative; }
#rightCol .article .thumb .frame { display: block; position: absolute; top: -1px; left: -1px; }
#rightCol .article .thumb .special { display: block; position: absolute; top: -1px; left: -1px; }
#rightCol .article .title { display: block; float: left; padding: 3px 0px 12px 10px; }
#rightCol .article .content { display: block; float: left; line-height: 120%; width: 400px; padding-left: 10px; font-weight: normal; }
#rightCol .article .price { color: #f81313; font-size: 1.2em; display: block; float: left; padding: 22px 0px 0px 10px;   }
#rightCol .article .btn { float: right; display: block; padding: 22px 10px 0px 0px; }

#rightCol #newCars {}
#rightCol #newCars .box { display: block; float: left; padding: 10px 0px 0px 0px; margin-right: 11px; margin-bottom: 10px; text-decoration: none; cursor: pointer; width: 182px; }
#rightCol #newCars .box .thumb { display: block; float: left; position: relative; }
#rightCol #newCars .box .thumb .frame { display: block; position: absolute; top: -1px; left: -1px; }
#rightCol #newCars .box .title { display: block; float: left; padding: 3px 0px 0px 10px; }

#rightCol #dealers {}
#rightCol #dealers .box { display: block; float: left; padding: 10px 0px 0px 0px; margin-right: 11px; margin-bottom: 10px; text-decoration: none; cursor: pointer; width: 182px; }
#rightCol #dealers .box .thumb { display: block; float: left; position: relative; }
#rightCol #dealers .box .thumb .frame { display: block; position: absolute; top: -1px; left: -1px; }
#rightCol #dealers .box .title { display: block; float: left; padding: 3px 0px 0px 10px; }

#carTitle { font-weight: bold; font-size: 1.1em; padding: 0px 0px 10px 0px; }
#carPhoto { float:left; position:relative; width: 288px; padding: 0px; margin: 0px 12px 25px 0px; cursor:pointer;}
#carPhoto .frame { position:absolute; top: -1px; left: -10px; cursor:pointer; }
#carPhoto .special { position: absolute; top: 0px; left: 0px; }
#carPhoto .iconEnlarge { position: absolute; bottom: 0px; right: 0px; }
#thumbnails { float: left; width: 284px; }
#thumbnails .thumb { float: left; margin-right: 4px; margin-bottom: 6px; }

#usedVehicleDetails { float: left; margin-right: 8px; }
#usedVehicleDetails .domtab { margin-top: 0px; margin-bottom: 0px; padding: 0px; margin-left: 0px; float:left; position:relative; }
#usedVehicleDetails .tabset_tabs { margin:0px 0px 0px 0px; padding:0; list-style: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 .trAlt { background:#cfcfcf !important; }
#usedVehicleDetails .tabset_content	{ display:none; padding:0px 0px 0px 0px; background:none !important; border:none !important; position: relative; }
#usedVehicleDetails .tabset_content	thead h1 { font-size: 1.0em; margin-top: 10px !important; padding: 0px 10px 12px 10px; }
#usedVehicleDetails .tabset_content table { border: 6px solid #cbcbcb; }
#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: 1.2em; font-weight: bold; padding: 0 !important; margin: 0px 0px 10px 0px !important;}
#usedVehicleDetails .tabset_content tfoot { background:#cfcfcf; height:40px !important; padding: 0px !important; margin-left: 5px !important; color: #de0001 !important; font-size: 0.9em;}
#usedVehicleDetails .tabset_content tfoot td { }
#usedVehicleDetails .tabset_content td { height: 26px; padding: 0px 10px 0px 10px; font-size: 1.0em; }
#usedVehicleDetails .tabset_content form {}
#usedVehicleDetails .tabset_content select { width: 70px;}
#usedVehicleDetails .tabset_tabs a	{ cursor: pointer !important; color: #6b6b6b !important; font-weight: bold; border-top: 2px solid #cbcbcb; border-left: 2px solid #cbcbcb; background: #ffffff; border-right: 2px solid #cbcbcb; display:block; color: #8f8f8f; margin: 0px 2px 0px 0px; padding: 3px 10px 7px 10px; text-decoration:none; clear: right; }
#usedVehicleDetails .tabset_tabs a:hover { text-decoration:none; color:#000000 !important; background: #cbcbcb; padding:3px 10px 7px 10px; }
#usedVehicleDetails .tabset_tabs .active a { font-weight: bold; text-decoration:none; color:#000000 !important; background: #cbcbcb; padding:3px 10px 7px 10px; }

#printCarDetails { display: none; }

#options { float: left; width: 142px; margin-top: 26px; }
#options .box { margin-bottom: 4px; }

/* ----- 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;}
.noUnderline { text-decoration: none; }

/* ----- 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 12px 0; font-size:100%; font-weight:bold;}
h1 { font-size: 1.1em; }

/* ----- TOP NAVIGATION ----- */
#nav { height: 41px; color: #ffffff; }
#nav ul { list-style: none; margin: 0px; padding: 10px 26px 0px 26px; }
#nav li { display: inline; padding-right: 10px; }
#nav a { text-decoration: none; color: #ffffff; }
#nav a:hover { color: #f1c847; }
#nav .active { color: #f1c847; }

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


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 15px 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;}
#sitemap a { text-decoration:none; }
#sitemap a:hover { text-decoration:underline; }

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#pageInfo { background:url(../images/layup/dotsH.gif) bottom left repeat-x; margin-left: 5px; margin-bottom: 12px; }
#pageInfo .padding { padding: 25px 5px 25px 0px; }
#breadcrumbs { float: left; padding-bottom: 5px; }
#breadcrumbs a { font-weight: normal; text-decoration:none; }
#breadcrumbs a:hover { text-decoration:underline; }
#breadcrumbs .active { font-weight: bold; }
#pagination { float: right; font-weight: bold; padding-bottom: 5px; }
#pagination a { font-weight: bold; text-decoration:none; padding: 0px 4px 0px 4px; }
#pagination a:hover { text-decoration:none; color: #fdb414; }
#searchResults { float: left; font-weight: bold; font-size: 1.2em; color: #fdb414; margin-top: -2px; }
#sortBy { float: right; font-weight: bold; }
#sortBy form { }
#sortBy label { width: 47px; }
#sortBy select { font-size: 1.0em; width: 95px; }
#paginationBottom { float: right; font-weight: bold; padding-bottom: 5px; padding-top: 10px; }
#paginationBottom a { font-weight: bold; text-decoration:none; padding: 0px 4px 0px 4px; }
#paginationBottom a:hover { text-decoration:none; color: #fdb414; }

/* ----- FOOTER ----- */
#footer { background:url(../images/layup/dotsH.gif) top left repeat-x; margin-top: 10px; position: relative; }
#footer .padding { padding: 12px 7px 12px 7px; }
#footer a { font-weight:normal; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#footer #leftBadge { position: absolute; top: -130px; left: 55px; }

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 12px 0; margin:0; line-height: 120%; }
address { font-style:normal; line-height: 130%; margin: 0px 0px 12px 0px; }

/* ----- LINKS ----- */
a { color:#464646; 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:#f1ad09; font-weight: bold; }
.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:83px; height:34px; 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 #f1ad09; 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: #f1ad09; color : #FFF; font-weight: bold; }

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