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

Title : 
Author : Anthony Bliss / anthony.bliss@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Print stylesheet for The Ferrari Centre site

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:url(../images/layup/background.gif) repeat-x top #242424; 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 ----- */
#container { background:#fff;width:900px;padding:10px; margin:0 auto; text-align:left; font-size:110%; min-height:600px;}   
#printHeader { display:none;}

#header { position: relative;height:55px;}
#header #logo {position:absolute;top:0;left:0;}
#header #contactDetails {position:absolute;top:0;right:0;}
#header #badge {}

.shadow {position:absolute;right:0;top:0;}

#leftCol { float: left;width:200px;position:relative; }
#leftCol .box {background:#fff;width:166px;padding:10px 10px 0;margin-left:10px;}
#leftCol .contactDetails {padding:10px;width:166px;margin-left:10px;}

#rightCol { float: right;width:692px;}

#rightCol #homeTop {}
#rightCol #homeTop span,#rightCol #homeTop span a {display:block;cursor:pointer;}

#rightCol #homeTop .homeJumpsContainer {float:left;width:495px;position:relative;}
#rightCol #homeTop .homeJumpsContainer .shadow {position:absolute;top:0;right:8px;}
#rightCol #homeTop .homeJumps {background:#fff;width:463px;padding:10px;color:#be0000;font-size:110%;}
#rightCol #homeTop .modelSelection {margin-bottom:12px;}
#rightCol #homeTop .homeJumps .modelSelection .row {background:#fcf9f3;border-bottom:1px solid #fff;}
#rightCol #homeTop .homeJumps .modelSelection .alt {background:#edeae3 !important;}
#rightCol #homeTop .homeJumps .modelSelection .short {width:100px !important;}
#rightCol #homeTop .homeJumps .modelSelection .box {width:120px;float:left;padding:10px 5px;border-right:1px solid #fff; font-size:11px;}
#rightCol #homeTop .homeJumps .modelSelection .box a {display:block;cursor:pointer;color:#be0000;text-decoration:none;}
#rightCol #homeTop .homeJumps .modelSelection .last {border-right:0;}
#rightCol #homeTop .homeJumps .modelSelection .model {padding-left:1px;display:inline;float:left;font-weight:bold;}
#rightCol #homeTop .homeJumps .modelSelection .quantity {float:right;display:inline;text-align:right;font-weight:normal;}

#rightCol .workshopManual {float:left;margin-right:12px;}
#rightCol .onlineShop {float:left;}

#rightCol #homeTop .featuredCarContainer {float:right;position:relative;width:197px;}
#rightCol #homeTop .featuredCarContainer .shadow {position:absolute;top:0;right:7px;}
#rightCol #homeTop .featuredCar {background:#fff;width:166px;padding:10px;}
#rightCol #homeTop .featuredCar a {text-decoration:none;display:block;}
#rightCol #homeTop .featuredCar .image {width:166px;height:125px;background:#edeae3;margin:1px 0;}
#rightCol #homeTop .featuredCar .details {background:#edeae3;color:#000;padding:10px;}
#rightCol #homeTop .featuredCar .price {font-size:115%;}
#rightCol #homeTop .featuredCar .btn {text-align:right;}
#rightCol #homeTop .featuredCar .btn img {display:inline;}
#rightCol #flashDiv object, #rightCol #flashDiv embed { width: 346px !important; }


#mainContent {}
#mainContent .padding { padding: 0 0 0 7px; }

#liveChat { float: left; }
#liveChatPadded { padding-left: /*57*/12px; }
#flashButton { float: left; padding-right: 15px; }
.compareVehicle { float: right; background: url(../images/layup/compareBg.gif) no-repeat; width: 100px; height: 22px; margin-right: 10px; }
.compareVehicle input { float: right; width: 20px !important; }

.internalImage {float:right;margin:0 0 15px 15px;position:relative;padding:0 4px 0 0;}
.internalImage .shadow {right:0;}

.compareButton { height: 22px; margin-bottom: 10px; }
.compareButton img { float: right; }

/* ----- CLASSES ----- */
.clear { clear:both; }
.clearSmall { clear:both; display: block; font-size: 0px; line-height: 0px; height: 0px; }
.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;}
.hand { cursor:pointer;}

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

/* ----- TOP NAVIGATION ----- */
#primaryNav {background:url(../images/layup/primaryNavBack.gif) repeat-x #d90b0a;height:32px;margin-bottom:6px;}
#primaryNav ul { list-style: none; margin:0; padding:0 0 0 0;float:right;height:33px; }
#primaryNav ul ul {list-style-type: none; margin:0; padding:0;text-align:left; }
#primaryNav li {border-right:1px solid #c20002;line-height:normal;display:inline-block;float:left; position:relative;list-style: none; margin: 0; padding:0; }
#primaryNav li a {text-decoration:none; background:url(../images/layup/navLinkBack.gif) no-repeat left; display:-moz-inline-block;display:-moz-inline-box;display: inline-block;padding:9px 11px 9px;margin:0px;color:#fff;}
#primaryNav li a:hover {color:#fff;background:#980000;}
#primaryNav .active a {font-weight:bold;color:#fff;background:#980000;}
#primaryNav .last a {padding:9px 27px 9px 26px;border-right:0;}

/* ----- SECONDARY NAVIGATION ----- */
#secondaryNav {width:154px;margin:0 auto 10px;}
#secondaryNav ul { list-style: none; margin: 0; padding: 0; }
#secondaryNav li { border-bottom: 1px solid #e9e8e8; }
#secondaryNav li a {padding: 10px 2px 9px 10px;display:block;text-decoration: none; }
#secondaryNav li a:hover {background:#f4f4f4;}
#secondaryNav .active a {background:#f4f4f4;}
#secondaryNav .last {border-color:#fff;}

/* ------ FAVORITES -------*/

#savedVehicles {width:166px;margin:0 auto;padding:0 10px 0;margin-left:10px;}
#savedVehicles .favouriteImage {width:81px;height:61px;background:url(../images/layup/favouriteBlank.gif) #d6d6d6;float:left;margin:2px 1px 0;}
#savedVehicles .favoriteView {text-align:right;}
#savedVehicles .favoriteView img {display:inline;padding:3px 0;}

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

#pageInfo {margin-bottom:3px;}

/* ----- BREADCRUMBS ----- */
#breadcrumbs { padding: 0 10px 10px;font-size:90%; }
#breadcrumbs a { text-decoration: underline; font-weight: normal; }
#breadcrumbs .active {color:#be0000;}


/* ----- PAGINATION ----- */
/*.pagination { position: absolute; top: 8px; right: 0px; }*/
.pagination { float: right; /*width:340px;*/ padding:0 10px;text-align:right; }
.pagination ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0pt; padding:0pt; }
.pagination li { display:inline; }
.pagination a { font-weight:bold; padding:0 3px; text-decoration:none; }
.pagination a:hover,.pagination .active  {background:#000;color:#fff;}
.paging a:hover { background: none; text-decoration: underline; color: #000; }
.goBackBtn {width:54px;float:right;}
.goBackBtnCar {width:118px;float:right; }

#usedCarList {}
#usedCarList .box {padding:0 0 10px;}
#usedCarList .box span {display:block;}
#usedCarList .box a {display:block;text-decoration:none;font-weight:normal;cursor:pointer;}
#usedCarList .box .specialOffer { position: absolute; top: 0px; left: 0px; }
#usedCarList .box .image {width:221px;height:163px;float:left;position:relative;}
#usedCarList .box .shadow {position:absolute;right:0;top:0;}
#usedCarList .box .details {float:right;width:459px;background:#fcf9f3 url(../images/layup/usedCarListBack.gif) repeat-y;}
#usedCarList .box .title {font-weight:bold;font-size:140%;color:#c00000;background:#edeae3;padding:0 15px;border-bottom:1px solid #fff;}
#usedCarList .box .info {padding:15px 10px 15px 15px;width:312px; min-height:108px;}
#usedCarList .box .price {float:right;padding:15px;text-align:center;width:80px;font-size:120%;font-weight:bold;}
#usedCarList .box .multiImages {margin:5px 0 0;padding:3px 0 0 30px;background:url(../images/layup/multiImageIcon.gif) no-repeat left;color:#000;font-weight:bold;}

#usedCarDetail h1 {font-size:140%;color:#c00000;}
#usedCarDetail .image {float:left;width:350px;position:relative;}
#usedCarDetail .specialOffer { position: absolute; top: 0px; left: 0px; }
#usedCarDetail .details {float:left;width:300px;padding-left:24px;}
#usedCarDetail .box .shadow {position:absolute;right:0;top:0;}
#usedCarDetail .spec {width:100%;}
#usedCarDetail .spec td {font-weight:bold;padding:4px 8px;font-size:110%;}
#usedCarDetail .alt {background:#edeae3;}
#usedCarDetail .heading {width:70px;border-right:1px solid #fff;}
#usedCarDetail .vehicleOptions {margin:10px 0 0;}
#usedCarDetail .vehicleOptions h2, #usedCarDetail .vehicleHistory h2 {padding:0;font-size:130%;}
#usedCarDetail .vehicleHistory {margin:0;}
#usedCarDetail .vehicleHistory a {color:#c00000;text-decoration:none;font-weight:bold;}
#usedCarDetail .vehicleHistory a:hover {color:#000;}
#usedCarDetail .vehicleChatVideo {/*padding:0 20px 0 0;*/}
#usedCarDetail .usedCarJumps {width:280px;margin:10px auto;padding:0;}
#usedCarDetail .usedCarJumps img {display:inline;margin:0 2px;}
#usedCarDetail .thumbs {padding:10px 0;}
#usedCarDetail .thumbs img {display:inline;cursor:pointer;margin:0 6px 5px 0;}
#usedCarDetail .thumbs .last {margin-right:0;}

#sortList {background:#fcf9f3;margin-bottom:10px;padding:8px;border-top:1px solid #fff;position:relative;}
#sortList .submitBtn {width:52px;height:18px;position:absolute;top:8px;right:35px;}
#sortList select {margin:0 10px 0 0;}

#modelFilter {margin-bottom:10px;border-top:1px solid #fff;}
#modelFilter table {width:100%;}
#modelFilter table td span {font-weight:normal;float:right;text-align:right;}
#modelFilter table td a {display:block;padding:12px;color:#be0000;text-decoration:none;}
#modelFilter table td {font-size:110%;font-weight:bold;border-bottom:1px solid #fff;border-right:1px solid #fff;}
#modelFilter table tr {background:#fcf9f3;}
#modelFilter table .alt {background:#edeae3;}

#contactUs { padding: 0px 20px 0px 20px; }

/* ----- FOOTER ----- */
#footer {width:900px;margin:0 auto;text-align:left;color:#999999;}
#footer .padding {padding:15px 20px;}
#footer a { font-weight:normal; text-decoration:none;color:#999999;}
#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:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.requiredLabel { color:#c00000;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;width:470px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#btnSubmit { width:52px; height:18px; 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 #C00000; 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: #C00000; color : #FFF; font-weight: bold; }

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


/* ----- SIMILAR VEHICLES TABS ----- */

.similarVehicles {}
.similarVehicles .box {width:120px;float:left;margin: 7px 0 7px 12px;}
.similarVehicles .first {margin-left:0;}
.similarVehicles .image {width:110px;}
.similarVehicles a {text-decoration:none;font-weight:bold;display:block;cursor:pointer;}
.similarVehicles span {display:block;}



/* ----- DOM TABS ----- */
#usedVehicleDetails { width:650px;clear:both; }
#usedVehicleDetails .domtab { }
#usedVehicleDetails .tabset_tabs { padding: 0; margin:0; list-style:none;border-bottom:5px solid #c00000;height:29px;}
#usedVehicleDetails .tabset_tabs a {color:#fff;padding:4px 10px;display:block;font-size:120%;text-decoration:none;line-height:21px;}
#usedVehicleDetails .tabset_tabs a:hover {background:#c00000;}
#usedVehicleDetails .tabset_tabs li	{ display:blokc;float:left; margin-right:5px; background:#999;}
#usedVehicleDetails .tabset_tabs .last { margin-right:0px; }
#usedVehicleDetails .tabset_tabs .active {background:#c00000;}
#usedVehicleDetails .tabset_print { display: none; }
#usedVehicleDetails .trAlt { background:#f2f2f2; }
#usedVehicleDetails .tabset_content	{ display:none; }}
#usedVehicleDetails .tabset_content .title { vertical-align: top; font-size:100%; font-weight: bold; padding-top:10px;padding-left:4px;}
#usedVehicleDetails .tabset_content .price { vertical-align: top;font-size: 1.2em; font-weight: bold;padding-left:4px;   }

#usedVehicleDetails .printCarDetails {width:393px}
#usedVehicleDetails .printHideDetails {display:block;}
.printUsedAddress {display:none;}


.franchiseLink {font-weight:bold;}
#dealerImagery {height:297px;}
#dealerLocation {font-size:17px;font-weight:bold;padding:5px 0 0 20px;}
#dealerDetails {float:left;padding:0 20px;width:300px;}
#dealerImagery #dealerMap {float:left;padding:2px;border:1px solid #000;background:#fff;} 
#dealerImagery #dealerLocationImage {float:left;padding:2px;border:1px solid #000;background:#fff;margin:0 0 0 30px;}
#openingHours {float:left;padding:0 20px;width:280px;}

#saveAndCompare {width:685px;float:right;}