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

Title : Citroen Motorhouse

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

Type: Print

Description : Print stylesheet for Citroen Motorhouse 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, #pageInfo, #searchInfo, #mainFlash, #footer, #leftCol, #homeJumps { display: none; }

#featuredCars { display:none; }
#mainContent { margin-top:10px; }

#rightCol .padding {width:650px;  }
#rightCol .padding .content { color:#393939; font-size:11px; padding:15px 10px; }
#rightCol .padding .content h1 { font-size:16px; font-weight:bold; text-decoration:underline; text-transform:uppercase; }
#rightCol .padding .content li { list-style-image:url(../images/layup/listStyleImage.gif); }
#rightCol .paddingNoBg {background:none;; width:688px; padding:0px 10px 0px 10px; margin:0px; }
#rightCol .paddingNoBg .content { background:none; color:#393939; font-size:11px; padding:15px 10px 0px; float:left; }
#rightCol .paddingNoBg .content li { list-style-image:url(../images/layup/offerLi.gif); margin-bottom:10px; }

/* ----- CMS IMAGE ----- */
.cmsImage { float: right; margin: 20px 20px 30px 30px; }
.cmsImage .photo {position:relative; width:308px; height:231px; }
.cmsImage .photo .frame { position:absolute; top:-19px; left:-18px; }

/* ----- BOX LIST ----- */
#boxList {}
#boxList .box { width:210px; height:210px; margin:0px 7px 7px 0px ; position:relative; float:left;}
#boxList .box.last { margin-right:0px !important; }
#boxList .box a { display: block; text-decoration:none; }
#boxList .box .thumb { display: block; width:210px; height:210px; }
#boxList .box .title { display: block; position:absolute; padding:4px 10px; top:28px; left:0px; background:#c92000; font-weight:bold; font-size:19px; color:#fff; }

/* ----- NEW CAR DETAILS ----- */
#newCarPhoto { width:308px; height:231px; padding:11px; background:url(../images/layup/frame308x231.gif) no-repeat; float:right; margin:0 0 20px 20px; }
.callNow { font-weight:bold; font-size:16px; color:#393939; }
#newCarOptions { display:none; }

.offerBanner img { width:650px; height:129px; }


/* ----- LIST ----- */
.pageInfo { display:none; }
#list { width:650px; float:left;}
#list .listItem { cursor:pointer; width:663px; margin-top:10px; font-size:11px; height:189px; clear:left; float:left; line-height:18px; padding: 20px 25px 20px 20px; background:url(../images/layup/listItemBg.gif) no-repeat; }
#list .listItem a { display: block; text-decoration:none; font-weight:normal; }
#list .listItem .thumb { display: block; width:244px; height:183px; margin-right:10px; border:2px solid #c92000; float:left; background:url(../images/layup/noImage244x183.gif) no-repeat; }
#list .listItem .title { display: block; background:#c92000; margin-bottom:5px; padding:3px 5px; float:left; width:395px; font-size:18px; color:#fff;  }
#list .listItem .info { display: block; background:#484848; padding:4px 5px; margin-bottom:5px; float:left; width:395px; font-size:16px; color:#fff;  }
#list .listItem .info .reg { display:block; width:130px; float:left;  }
#list .listItem .info .miles { display:block; width:110px; float:left;  }
#list .listItem .info .fuel { display:block; width:80px; float:left;}
#list .listItem .info .transmission { display:block; width:70px; float:left; }
#list .listItem .listItemTable { float:left; }
#list .listItem .listItemTable td { background:url(../images/layup/listItemTableIcon.gif) left center no-repeat; padding-left:20px; color:#383838; font-size:12px; }
#list .listItem .moreDetails { display: none;}

/* ----- USED CAR DETAILS -----*/
.usedCarTitle {font-size:18px; font-weight:bold; color:#484848;}
.subTitle { font-size:16px; text-decoration:none; font-weight:bold; text-transform:uppercase; }
.usedPrice { font-size:30px; color:#be1301; }
#usedCarPhoto { width:308px; height:231px; padding:11px; background:url(../images/layup/frame308x231.gif) no-repeat; float:right; margin:0 0 20px 0px; }
#usedCarPhoto #photo { width:308px; height:231px; background:url(../images/layup/noImage308x231.gif) no-repeat; }
#usedCarThumbs .domTabs .domHeadings {display:none;}
#usedCarThumbs { width:305px; float:left; margin-top:12px;  }
#usedCarThumbs .dt2, #usedCarThumbs .dt3 { display:none;  }
#usedCarThumbs .thumb { float: left; cursor: pointer; width:76px; height:59px; display:block; }

#usedCarOptions { display:none;}
#usedCarInfo { width:650px; float:left; margin-top:10px; }
#usedCarInfo .domTabs .domHeadings { display:none; }
#usedCarInfo .domTabs .domContent { display:block !important; float:left; margin-top:20px; clear:left; }
#usedCarInfo .domTabs .domContent table { width:650px !important; }
#usedCarInfo .domTabs .domContent td { font-size:12px; padding:5px 0px; width:160px; font-weight:bold; }
#financeCalc { display:none; }
#relatedVehicles { display:none; }


/* ----- OFFER DETAILS ----- */
#offerPhoto { width:308px; height:231px; padding:11px; background:url(../images/layup/frame308x231.gif) no-repeat; float:left; margin:0 5px 20px 0px; }
#offerPhoto #photo { width:308px; height:231px; background:url(../images/layup/noImage308x231.gif) no-repeat; }
#offerPrice { float:right; width:333px; margin-bottom:5px; font-weight:bold; font-size:18px; color:#393939; }
#offerPrice .from { float:left; width:200px;}
#offerPrice .save { color:#b60000; float:left; }
#offerPrice .callNow { float:left; margin-top:5px; }
#offerOptions { width:333px; float:right; }
#offerOptions a { height:58px; display:block; float:left; margin-bottom:12px;  }
#offerOptions a#service { width:168px;  background:url(../images/layup/spriteOfferOptions.gif) no-repeat left top}
#offerOptions a#supagurad { width:165px; background:url(../images/layup/spriteOfferOptions.gif) no-repeat -168px top}
#offerOptions a#valueMy { width:168px;  background:url(../images/layup/spriteOfferOptions.gif) no-repeat left -70px}
#offerOptions a#testDrive { width:165px; background:url(../images/layup/spriteOfferOptions.gif) no-repeat -168px -70px}
#offerOptions a#enquiry { width:168px;  background:url(../images/layup/spriteOfferOptions.gif) no-repeat left -140px}
#offerOptions a#brochure { width:165px; background:url(../images/layup/spriteOfferOptions.gif) no-repeat -168px -140px}

/* ----- SERVICING ----- */
.servicing { padding-right:0px !important; }
#serviceImage { width:297px; height:229px; margin-top:15px; background:url(../images/layup/mapBg.png) no-repeat; padding:24px 0 0 23px; float:right; }
.serviceJump { display:none; }


/* ----- DEALER LOCATOR ----- */
#locationImage { margin-left:10px; width:283px; height:213px; padding:10px 0 0 10px; background:url(../images/layup/locationImageFrame.png) no-repeat; float:left; }
#map { width:297px; height:229px; margin-top:15px; background:url(../images/layup/mapBg.png) no-repeat; padding:24px 0 0 23px; float:right; }
.dealerDetails { padding:15px 0px 0px !important; }
.dealerDetails h1 { margin-left:10px; }
#contactInfo { width:340px; float:left; clear:both; }
#contactInfo div { clear:left; }
#contactInfo .titleImg { display:block; width:120px; float:left; }
#contactInfo .contactText { float:left; margin-left:20px; }
#contactForms { display:none; }

/* ----- 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; }
.caps { text-transform:uppercase; }

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