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

Title : 
Author : Matt Mumford / matt.mumford@gforces.co.uk / G-Forces Web Management Ltd

Type: Print

Description : Screen and projection stylesheet for Thame Service Station site

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

body { font:12px verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#FFFFFF; text-align:left; }

#accessibility
{ display:none; }

#container { width: 650px; }
#printHeader { display: block; }
#header, #primaryNav, #breadcrumbs, .resultsSortContain, .pagination, #pageInfo, #searchInfo, #footer, #leftCol, #vehicleHireJump, #whyBuy, #serviceJump, #featuredCar, #mainImage, #valetingJump { display: none; }

#mainContent .title span { padding:10px 0px; font-size:14px; }
#rightCol .padding p { text-align:justify; }
#rightCol .padding p a { text-decoration:underline; color:#057ec7; font-weight:normal; }
#rightCol .padding p a:hover { text-decoration:underline; color:#66b8f4; }
#rightCol .padding p.subHead { font-size:13px; font-weight:bold; text-transform:uppercase; color:#545454; }
#rightCol .padding ul { margin-bottom:25px; }
#rightCol .padding li {list-style-image:url(../images/layup/listStyleIcon.gif); margin-bottom:4px; }
#pageTitle { float:left; color:#4d4d4d; width:340px; text-transform:uppercase; font-size:20px; margin-bottom:10px; }

/* ----- USED CAR LIST ----- */
#list { padding:0px;}
#list .listItem { background:#e3e9f0; float:left; width:595px; height:115px; clear:left; padding-right:5px; position:relative; margin-bottom:15px; }
#list .listItem a { display: block; font-weight:normal; text-decoration:none; }
#list .listItem .frame { display: block; width:140px; height:105px; background:#8eaec8; padding:5px; float:left; margin-right:10px;}
#list .listItem .frame .thumb { display: block; width:140px; height:105px; background:url(../images/layup/noImage140x105.jpg) no-repeat;  }
#list .listItem .title { display: block; width:360px; font-weight:bold; font-size:14px; text-transform:uppercase; float:left; color:#000; padding-top:5px;  margin-bottom:10px;  }
#list .listItem .price { float:right; font-weight:bold; font-size:14px; color:#2587ba; margin-bottom:10px; width:60px; text-align:right; padding:5px 5px 0 0; }
#list .listItem .description { display: block; color:#000;  }
#list .listItem .save { display:none; }
#list .listItem .moreInfo { display:none; }
#list .listItemSeperator { display:none; }
#list .listItem .date { float:right; font-weight:bold; font-size:14px; color:#000; margin-bottom:10px; width:70px; text-align:right; padding:5px 5px 0 0; }

/* ----- USED CAR DETAIL ----- */
#usedCarPhoto { float: left; position: relative; width:290px; height:218px; background:#fff; padding:10px; margin-top:15px; }
#usedCarPhoto #largePhoto { width:290px; height:218px; background:url(../images/layup/noImage290x218.jpg) no-repeat; }
#usedCarTitle { width:283px; float:right; height:65px; margin-bottom:2px; margin-top:15px; padding:5px 5px 5px 0 }
#usedCarTitle .whyBuy { display:none; }
#usedCarTitle .usedTitle {font-weight:bold; color:#000; font-size:14px; text-align:right;}
#usedCarTitle .usedPrice {font-weight:bold; color:#c80009; font-size:24px; text-align:right;}
#usedCarTitle .call { color:#000; font-size:18px; text-align:right;}
#usedCarThumbs { position:absolute; top:290px; left:320px; }
#usedCarThumbs .thumb { position:relative; float: left; cursor: pointer; width:71px; height:53px; margin-right:6px; border:1px solid #fff; background:url(../images/layup/noImage71x53.jpg) no-repeat; }
#usedCarThumbs .thumb.last { margin-right:0px; }
#usedCarThumbs .thumb .nextPrev { display:none }
.offerBtn { display:none; }
#usedCarOptions { display:none; }
#relatedVehicles { margin-top:15px;}
#relatedVehicles .box { width:176px; padding-top:15px; float:left; font-size:10px;  margin-right:30px; display:block; }
#relatedVehicles .box.last{ margin-right:0px !important; }
#relatedVehicles .box .text { padding:10px 5px 5px; display:block; width:176px; text-align:justify; }
#relatedVehicles .box a { display: block; font-weight:normal; text-decoration:none; color:#4d4d4d;}
#relatedVehicles .box .frame { display: block; padding:5px; background:#fff; width:176px; }
#relatedVehicles .box .frame .thumb { display: block; width:176px; height:132px;  }

/* ----- DOMTABS ----- */
.dt1, .dt2 { display: block; }
.domContent { display:block !important; }
ul.domHeadings { padding: 0px; margin: 0px; list-style: none; }
ul.domHeadings li { float: left; list-style:none; }
#usedCarTabs { float:left; clear:both; width:650px; }
#usedCarTabs ul { margin-bottom:0px !important; }
#usedCarTabs .domHeadings { display:none; }
#usedCarTabs table {width:650px;}
#usedCarTabs td { padding:2px 15px; }


/* ----- CONTACT US ----- */
#dealerImage { float:left; padding:5px; background:#fff; margin:10px 0 10px; }
#map { float:right; padding:5px; background:#fff; margin:10px 0 10px; }
#directions { display:none; }
#contactUsForm { display:none; }
#openingTimes { width:380px; float:left; margin:15px 0 0 5px; background:#d5dfe5; color:#4d4d4d; }
#openingTimes .altRow { background:#c5d6e0; }
#openingTimes tr{ border: 1px solid #ededed; }
#openingTimes td { width:75px; text-transform:uppercase; padding:3px 5px; }
#hireInfo { float:right; width:235px; margin-top:15px; padding:5px; background:#c5d6e0; text-transform:uppercase; color:#4d4d4d; }

/* ----- MEET THE TEAM ----- */
#meetTheTeam { font-size:10px; color:#4d4d4d}
#meetTheTeam .singlePerson { float:left; width:600px; }
#meetTheTeam .singlePerson .teamPhoto { padding:5px; float:left; background:#fff; width:139px; margin-right:20px; margin-top:10px; margin-bottom:20px; }
#meetTheTeam .singlePerson .info { float:left; margin-top:10px; width:430px; }
#meetTheTeam .singlePerson .info .name { text-transform:uppercase; font-size:12px; font-weight:bold; float:left; margin-bottom:15px; }
#meetTheTeam .multiPerson { margin-top:30px; }
#meetTheTeam .multiPerson .box { width:149px; margin-right:20px; float:left; margin-top:5px; }
#meetTheTeam .multiPerson .box .teamPhoto { padding:5px; float:left; background:#fff; width:139px; }
#meetTheTeam .multiPerson .box .name { text-transform:uppercase; font-size:10px; width:149px; text-align:center; font-weight:normal; padding-top:5px; font-weight:bold; float:left; margin-bottom:15px; }


/* ----- CMS IMAGE ----- */
.cmsImage { float: right; margin: 0px 0px 15px 15px; }
.cmsImage .frame { width:228px; height:175px; background:url(../images/layup/frame216x163.png) no-repeat; padding:12px 0 0 12px; }

/* ----- SITE MAP ----- */
#sitemap { list-style:square; margin:0 0 0 5px; padding:0; font-size: 0.9em; }
#sitemap ul { list-style:square;  margin:10px 0 0px 25px; padding:0;}
#sitemap li { padding:5px 0 5px 10px; margin: 0px 0px 0px 20px; }
#sitemap a { text-decoration: none; }
#sitemap a:hover { text-decoration: underline; }

/* ----- GLOBAL CLASSES ----- */
.clear { clear:both; display: block; }
.clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; }
.hide { display:none; }
.show { display:block; }
.printShow { display: block; }
.printHide { 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; margin:0 0 15px 15px; }
.image_left { float:left; margin: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;}

/* ----- 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:#0033FF;}
.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;}

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

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