@charset "utf-8";
/* CSS Document */

/* Import cross site styles
=========================== */
@import url('../colorbox.css');

/* Carzone Carousel
=========================== */
.jcarousel-container {position: relative;}
.jcarousel-clip { z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;  }
.jcarousel-list { z-index: 1; overflow: hidden;position: relative;top: 0;left: 0;margin:0;padding: 0;}

/* We set the width/height explicitly. No width/height causes infinite loops. */
.jcarousel-list li,
.jcarousel-item {float: left;list-style: none; width: 82px;height: 62px;padding: 20px 4px 30px 4px; cursor: pointer;}

.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}

.jcarousel-skin-trader {    width: 0px; height: 0px;overflow: hidden;margin-top: 5px;}

#car-header { clear: both;  float:left; width:600px;font-size:18px; color:#000; height:auto; margin-top:20px; padding-bottom:15px;   }
#car-header H1 {font-size:19px; font-family:tahoma; display:inline; padding:0; margin:0; color:#000}
#car-header SPAN {color:#cd0911; font-weight:bold; font-size:19px; font-family:tahoma;}

/* Advert Detail Right Tool Links
====================== */
.link, .link span, .link:hover span { margin: 0; padding: 4px 0 0 3px;} 
div.link { background-position: -5000px }

div#content .compare-link {  margin:5px 0 0 0; float: right; height:20px; padding: 0 0 0 3px; } 
div#content .compare-link span a, .compare-link span a:visited  {float: left; line-height: 1.5em;color:#0C85CE; padding: 0; font-weight: bold; width: auto; text-transform: uppercase; padding-left:16px; display:block; height:13px; }
div#content .compare-link span a.remove-link {color: #DA0000;  }
div#content .compare-link span a:hover {text-decoration: underline;  }

div#content .compare-link span a span { height: 12px;width: 15px;display: block; float: left;background-position: 0 0;}
div#content .compare-link span a.add-to-compare-link span {  background-position: -18px 0;  }


#tool-tip {  
   display: none;
    width: 100px; 
    height: 37px; 
    position: absolute; 
    top: -42px; 
    margin-left:-40px;     
    background-position: 0 -55px; 
    background-color: transparent; 
    color: #FFF;
    text-align: center;
    font-size: 10px;
    padding-top: 6px;
}

div#content .header-container {float: left;width: 100%;}
div#content ul.share-links { float: right;  margin-top: 20px; position: relative;}

div#content ul.share-links li, .social-icons-sprite { 
	display: block; 
	float: left;	
	height: 20px; 
	background: url(../../images/common/advertDetail/social-icons-sprite.png) no-repeat 0 0; 
	margin: 2px 10px 0 0;
	padding: 0;
}

div#content ul.share-links .add-bookmark { background-position: -25px 0 ; } 
div#content ul.share-links .print-car-details { background-position: -49px 0 ;margin: 2px 0 0 0; }

div#content ul.share-links .email-link:hover {background-position: 0 -22px; }
div#content ul.share-links .add-bookmark:hover { background-position: -25px -22px; } 
div#content ul.share-links .print-car-details:hover { background-position: -49px -22px; ; }

div#content ul.share-links li a {display: block; width: 21px; height: 20px; }

div#content ul.share-links li.facebook-link, div#content  ul.share-links li.twitter-link { background:none;  margin: 2px 0 0 0; }}
.print-car-details { float: right;}



/* Photos
====================== */
#car-photos-options-wrapper {float:left; width:400px; margin-top:10px;position: relative; margin-right:20px;}
#car-photos-options-wrapper.slideshow-exists {padding-top: 36px;}
#car-photos-options-wrapper IMG.mainimg {border:1px solid #747474}
#car-photos-options-wrapper a.open {display:block;font-size:9px;text-align:right;	padding-left:13px; margin-top:1px;float:right;font-weight:bold; 	background:url(../..//images/newwindow.jpg) no-repeat 0px 0}

.photo-slider {background:#ebf3fe; 	margin-right:18px; height:101px; margin-top:10px;}
div#content .largeImage-slideshow-Container {position: absolute;width: 380px;top: 0;left: 0;background: #333;padding: 7px 11px;border-bottom: 1px solid #FFF;opacity: 0.95;color: #FFF;}
div#content .largeImage-slideshow-Container a, div#content .largeImage-slideshow-Container a:hover, div#content .largeImage-slideshow-Container a:visited {color: #FFF;font-weight: bold; opacity:2; }

div#content .largeImage-slideshow-Container a:hover { color: #FFF; text-decoration: underline;}
div#content .largeImage-slideshow-Container a.icons {background: url(../../images/common/advertDetail/advert-details-icons.png) 0 -20px no-repeat; padding: 4px 0 5px 32px;float: left;}
div#content .largeImage-slideshow-Container a.photo-link {float: right;background-position: 0 0px;}

#car-details-main-wrapper {float:right; width:480px}
.car-contact-header {margin-bottom:5px}
.car-contact-header H2 {font-size:13px; color:#000; font-weight:bold; padding:0; margin:0; display:inline; border:0}
.car-contact-header H2 A {color:#000!important;}
.car-contact-header SPAN.simi IMG, .car-contact-header SPAN.web IMG {vertical-align:middle; padding-left:5px}
.car-contact-header SPAN.simi EM, .car-contact-header SPAN.web EM {display:none;}
.car-contact-details {width:275px; margin-bottom:7px}

#vehicle-data .car-contact-details a {display:block; font-size:11px; font-weight:bold; text-decoration:none; width:237px; color:#0c85ce; height:20px; background:url(../../images/at/contact-arrow.gif) no-repeat 2px 3px; padding-left:10px}
#vehicle-data .car-contact-details a:hover {text-decoration:underline; color:#0c85ce; }
#vehicle-data .car-contact-details span.simi-registered {display:block; margin-bottom:15px; font-weight:bold; font-size:11px; border:1px solid #b3d9f4; background:#dbeffd url(../../images/at/contact-simi.gif) no-repeat 0 0; height:26px; padding-left:36px;padding-top:8px; color:#003399}

.car-contact-details span.red-button input {cursor:pointer; display:inline; height:26px; text-align:center; color:#fff; font-weight:bold; width:180px; background:#d3060f url(../../images/button-red-bg.gif) no-repeat 0 0; border:1px solid #97050b;text-align:center; font-size:12px; margin-top:10px; margin-bottom:10px}
.car-contact-details P {margin-top:4px; line-height:14px; margin-bottom:4px; color:#333; font-size:10px}
.car-contact-details A {display:block; font-weight:bold}
.car-contact-details SPAN.tel {background:url(../../images/phone-icon.gif) no-repeat 2px 3px; height:15px; display:block; font-weight:bold; font-size:12px; color:#000; padding-top:5px; padding-bottom:0; margin:0; font-family:verdana;padding-left:15px}
.car-contact-details SPAN.tel2 {background:url(../../images/phone-icon.gif) no-repeat 2px 3px; height:15px; display:block; font-weight:bold; font-size:12px; color:#000; padding-top:5px; margin:0; font-family:verdana; padding-left:15px; margin-bottom: 10px;}

.car-dealer-logo {float:left; width:180px; margin-bottom:10px}
.car-dealer-logo IMG {border:0px solid #ccc}

.car-approved {width:100%; margin-right:5px; margin-bottom:2px; margin-top:0px; border:0px solid #cfcfcf; padding-bottom:2px}
.car-details .car-approved span {padding:5px; margin:0; font-size:11px; font-weight:bold; border:0px solid #ccc}
.car-approved SPAN p {margin: 4px 0 0; }
.car-approved A {font-size:9px; font-weight:bold; }
.car-approved IMG {vertical-align:middle; }

.car-details {float:left; width:287px; margin-right:11px; border:1px solid #cfcfcf}
.car-details IMG {vertical-align:middle}
.car-details SPAN {display:block; padding:10px; font-size:11px; font-weight:bold}
.car-details SPAN A {font-size:9px; font-weight:bold}
.car-details .head {float:left; width:84px; font-size:11px; font-weight:bold; height:13px; line-height:14px; padding:5px; padding-top:3px}
.car-details .head.odd, .car-details .info.odd, .car-details  h4.odd {background:#f2f0f0; overflow:hidden}
.car-details .info {float:left; width:183px; height:13px; padding:5px; padding-top:3px; line-height:15px; }
.car-details .info em {font-size:9px; color:#000; font-style:normal}
.car-details .info span {display:inline; font-size:9px; font-weight:normal; color:#666}
.car-details .comments H4 {font-size:11px; padding:5px; margin:0; padding-top:3px; height:13px;}
.car-details .comments P {padding:5px; margin:0;}
.car-details .comments SPAN A {display:block; padding:0px; margin:0; font-size:11px; font-family:arial; text-align:center}
.car-details .comments .last-updated-message { margin: 10px 5px 15px 5px; font-weight: bold; }
.car-details .comments .cz_action_btn {background:url(../../images/reportbutton.gif) no-repeat center 0; margin:0 auto; margin-top:10px; padding-bottom:10px; width:270px}

.divEmailForm .email-enquiry { border:1px solid #cfcfcf; margin-bottom:8px; margin-top:10px; float: left;}
.divEmailForm .email-enquiry input.error {border:2px solid #d52720}
.divEmailForm .email-enquiry textarea {width:96%; height:65px; border:1px solid #cfcfcf;}
.divEmailForm .email-enquiry textarea.error {border:2px solid #d52720}
.divEmailForm .email-enquiry .head {float:left; width:99px; height:26px; font-size:11px; font-weight:bold; padding:5px; padding-top:3px}
.divEmailForm .email-enquiry .head.odd, .email-enquiry .info.odd {background:#f2f0f0; height:26px;}
.divEmailForm .email-enquiry .info {float:left; width:154px; padding:5px; padding-top:3px; height:26px;}
.divEmailForm .email-enquiry .info input {width:99%; border:1px solid #cfcfcf; height:19px; font-size:11px}
.divEmailForm .email-enquiry .info.comments {height:70px}
.divEmailForm .email-enquiry .head.comments {height:70px}
.divEmailForm .email-enquiry span.red-button {float:left; margin-right:5px}
.divEmailForm .email-enquiry span.grey-button {float:left;}
.divEmailForm .email-enquiry span.red-button input {cursor:pointer; display:inline;text-align:center; height:24px; color:#fff; font-weight:bold; width:80px; background:#d3060f url(../../images/button-red-bg.gif) no-repeat 0 0; border:1px solid #97050b !important; text-align:center; font-size:10px; padding:0; margin:0}
.divEmailForm .email-enquiry span.grey-button input {cursor: pointer; display:inline; text-align:center; height:24px; color:#fff; font-weight:bold; width:50px; background:#445257 url(../../images/button-grey-bg.gif) no-repeat 0 0; border:1px solid #445257 !important; text-align:center; font-size:10px}

.divEmailFormAdditional .email-enquiry { border:1px solid #abd7f2; margin-bottom:8px; margin-top:10px; background:#fff; float: left;}
.divEmailFormAdditional .email-enquiry input.error {border:2px solid #d52720}
.divEmailFormAdditional .email-enquiry textarea {width:98%; height:65px; border:1px solid #abd7f2!important;}
.divEmailFormAdditional .email-enquiry textarea.error {border:2px solid #d52720!important;}
.divEmailFormAdditional .email-enquiry .head {float:left; width:99px; height:23px; font-size:11px; font-weight:bold; padding:5px; padding-top:6px}
.divEmailFormAdditional .email-enquiry .head.odd, .divEmailFormAdditional .email-enquiry .info.odd {background:#f3fafe; height:23px; padding-top:6px}
.divEmailFormAdditional .email-enquiry .info {float:left; width:267px; padding:5px; padding-top:3px; height:26px;}
.divEmailFormAdditional .email-enquiry .info input {width:99%; border:1px solid #abd7f2; height:19px; font-size:11px}
.divEmailFormAdditional .email-enquiry .info.comments {height:70px}
.divEmailFormAdditional .email-enquiry .head.comments {height:70px}
.divEmailFormAdditional .email-enquiry span.red-button {float:left; margin-right:5px}
.divEmailFormAdditional .email-enquiry span.grey-button {float:left}
.divEmailFormAdditional .email-enquiry span.red-button input {cursor:pointer; display:inline;text-align:center; height:24px; color:#fff; font-weight:bold; width:80px; background:#d3060f url(../../images/button-red-bg.gif) no-repeat 0 0; border:1px solid #97050b !important; text-align:center; font-size:10px; padding:0; margin:0}
.divEmailFormAdditional .email-enquiry span.grey-button input {cursor:pointer; display:inline; text-align:center; height:24px; color:#fff; font-weight:bold; width:50px; background:#445257 url(../../images/button-grey-bg.gif) no-repeat 0 0; border:1px solid #445257 !important; text-align:center; font-size:10px}

.divEmailFormAdditional .email-enquiry .info .error, .divEmailForm .email-enquiry .info .error	 {border:2px solid #d52720}

#divReportProblemForm .report-problem { margin-bottom:8px;float: left; margin-top:10px;}
#divReportProblemForm .report-problem input.error {border:2px solid #d52720}

#divReportProblemForm .report-problem .info.odd.comments textarea {width:96%; height:65px; border:1px solid #cfcfcf}
#divReportProblemForm .report-problem .head {float:left; width:99px; height:26px; font-size:11px; font-weight:bold; padding:5px; padding-top:3px}
#divReportProblemForm .report-problem .head.odd, .email-enquiry .info.odd {background:#f2f0f0; height:26px;}
#divReportProblemForm .report-problem .info {float:left; width:168px; padding:5px; padding-top:3px; height:26px;}
#divReportProblemForm .report-problem .info input {width:96%; border:1px solid #cfcfcf; height:17px}
#divReportProblemForm .report-problem .info.comments {height:70px}
#divReportProblemForm .report-problem .head.comments {height:70px}
#divReportProblemForm .report-problem .info.button {float: left; width: 100%;}

.red {float:left; width:90px;} .grey {float:left;}
#divReportProblemForm .report-problem span.report-red-button input {cursor:pointer;height:24px; display: inline;text-align:center; color:#fff; font-weight:bold;  background:#d3060f url(../../images/button-red-bg.gif) no-repeat 0 0; border:1px solid #97050b !important; font-size:10px;margin:0px; margin-top:0px; margin-bottom:10px;}
#divReportProblemForm .report-problem span.report-grey-button input {cursor:pointer; height:24px; display: inline; text-align:center; color:#fff; font-weight:bold;  background:#445257 url(../../images/button-grey-bg.gif) no-repeat 0 0; border:1px solid #445257 !important; font-size:10px;margin:0px; margin-top:0px; margin-bottom:10px}

span.error-wrapper {background-color: #ffffcc; padding: 0px; margin:10px 0 14px 0; display:block; border:1px solid #d52720; }
span.error-wrapper p {background: url(../../images/error-icon.gif) no-repeat 0 0; margin-top:4px;text-align:left; margin-bottom:4px; margin-left:8px; padding-left:20px; color:#d52720!important; font-size:11px; font-family:arial; font-weight:bold}

#reportProblemErrorSpan {border:1px solid #d52720; background-color: #ffffcc; margin:10px 0 0 0; padding: 0px;  }
#reportProblemErrorSpan p {background: url(../../images/error-icon.gif) no-repeat 0 5px; margin-top:4px; margin-bottom:4px; margin-left:8px; padding-left:20px; color:#d52720 !important;  font-family:arial}

span.success-wrapper  {background-color: #ecffd5; margin: 0px; padding: 0px; margin-left:0px; margin-top:5px; margin-bottom:14px; width:272px; display:block; border:1px solid #7ab54b;}
span.success-wrapper p {background: url(../../images/success-tick.gif) no-repeat 0 0; margin-left:8px; padding-left:24px; padding-top:3px; height:18px; color:#528d22 !important; font-family:arial; font-size:12px; font-weight:bold; text-align: left!important;;}

#reportProblemSuccessSpan {border:1px solid #7ab54b; background-color: #ecffd5; margin: 0px; padding: 0px; margin-left:5px; margin-right:5px; margin-bottom:14px; width:95%}
#reportProblemSuccessSpan p {background: url(../../images/success-tick.gif) no-repeat 0 0; margin-left:8px; margin-top:5px; padding-left:24px; padding-top:3px; height:18px; color:#528d22 !important; font-family:arial; font-size:12px}


.email-enquiry em, #divReportProblemForm .report-problem em { color: #F00;}
.kaptcha-container { float: left;text-align: center; background-color: #f2f0f0; margin-bottom: 5px;margin-top: 10px; width: 100%; }
.kaptcha-container strong {display: block; font-size: 11px;  margin: 5px 0 10px; padding-left: 5px; text-align: left; }
.divEmailFormAdditional .kaptcha-container { background-color: #f3fafe;  }


.email-enquiry .kaptcha-container .head, #divReportProblemForm .report-problem .kaptcha-container .head { height: auto;text-align: center;   width:100%; margin: 0 auto; }
.email-enquiry .kaptcha-container .info,  #divReportProblemForm .report-problem .kaptcha-container .info  {text-align: center;width:100%; height: auto; margin: 5px auto 0; }

.email-enquiry .kaptcha-container .info label, #divReportProblemForm .report-problem .kaptcha-container .info label { text-align: center; width: 96%; height: auto; }
.email-enquiry .kaptcha-container .info input, #divReportProblemForm .report-problem .kaptcha-container .info input  { magin: 0 auto; width: 84% }


.kaptcha-container .security-image {   text-align: center; ;}
.kaptcha-container .security-image img {cursor: hand; cursor: pointer; text-align: center; margin: 0 auto; width: 154px; }

.email-enquiry .kaptcha-container .refresh-icon,
#divReportProblemForm .report-problem .kaptcha-container .refresh-icon {						
		line-height: 1.2em;
		cursor: hand;
		cursor: pointer;		 		
		height: 14px;	
		margin-top: 5px;	
		color: #286b96;
		font-weight: bold;
		width: 154px;
		margin: 10px auto;
		text-align: center;
		font-size: 9px;
		padding-left: 2px;
}

.email-enquiry .kaptcha-container .refresh-icon span,
#divReportProblemForm .report-problem .kaptcha-container .refresh-icon span { 
	padding: 0;
	background: url(../../images/refresh-icon.png) 0 0 no-repeat; 
	height:14px;
	width:9px;
	display: block;
	float: left;
}

.email-enquiry .info.button,
#divReportProblemForm .report-problem .info.button {width: 135px; float: none; margin: 0 auto; overflow: hidden;}
#divReportProblemForm .report-problem .info.button {width: 160px;min-width: 155px; max-width: 160px; }


 

#insurance-details {float:left; width:180px;margin:0; padding:0}

#dealer-panel {margin-right:18px}
#dealer-panel H3.notfound {text-align:center; margin-left:4px; margin-bottom:5px; padding-top:5px; margin-top:10px; display:block; font-size:16px; color:#000}
#dealer-panel p.ctr {text-align:center; font-size:13px; padding:0; margin:0; margin-bottom:4px}
#dealer-panel .cz_action_btn {background:url(../../images/button-greybg.gif) no-repeat 0 0; margin:0 auto!important; padding-bottom:0px}
#dealer-panel SPAN {display:block; color:#3d6ca4; font-size:3em; font-weight:bold; text-align:center}

#simi-panel {margin:0 0 10px 0}
#simi-panel SPAN.simi-para span {text-align:left;display:block;margin:0 0 0 12px; color:#000;padding-top:8px;border:0px solid #000;font-size:11px; font-weight:bold; background:url(../../images/simi-large.gif) no-repeat 120px 4px; width:163px; height:47px}

.enquiryhead {background:url(../../images/email-enquiry-header.gif) no-repeat 0 0; width:115px; height:27px; position:relative; top:2px}

#vehicle-data {float:left; width:289px; margin-right:10px; border:0px solid #cfcfcf; margin-top:10px}
#vehicle-banners {float:left; width:180px;margin:0; padding:0; margin-top:10px}
#vehicle-banners ul li {margin-bottom: 5px; }
#vehicle-details-mpu-banner {margin: 0 auto; text-align: center; margin-top:10px;}

.seller-wrapper {border:1px solid #cfcfcf; width:275px; margin-bottom:10px; padding:6px; float: left;}
.sold-in-uk-wrapper {border:1px solid #cfcfcf; width:275px; margin-bottom:10px; padding:6px; font-weight:bold }
.sold-in-uk-wrapper p {display:block; margin:0; padding-top:0}

.interested-wrapper {width:390px; border:1px solid #50a5d8; margin-right:7px; padding:5px; margin-top:10px; background:url(../../images/interested-bg.gif) repeat-x 0px 0px #ebf7fe;}
.interested-wrapper span.notfound {font-size:12px; text-align:center}
.interested-wrapper span.vehiclecount {display:block; color:#3d6ca4; font-size:3em; font-weight:bold; text-align:center}
.interested-wrapper span.dealername {display:block; font-size:13px; text-align:center; margin:8px; margin-top:3px;margin-bottom:1px;color:#000}
.interested-wrapper h2 {font-size:14px; color:#025f97; margin-bottom:6px; font-weight:bold; margin-top:2px}

.interested-wrapper .tel-nos {float:left; width:50%; margin-top: 8px;}
.interested-wrapper .tel-nos SPAN.tel {background:url(../../images/phone-icon2.gif) no-repeat 2px 3px; line-height:1.3em; display:block; font-weight:bold; font-size:12px; color:#000; padding-top:5px; padding-bottom:0; margin:0; font-family:verdana;padding-left:15px}
.interested-wrapper .tel-nos SPAN.tel2 {background:url(../../images/phone-icon2.gif) no-repeat 2px 3px; line-height:1.3em; display:block; font-weight:bold; font-size:12px; color:#000; padding-top:5px; margin:0; font-family:verdana; padding-left:15px}
.interested-wrapper .email-seller {float:right; width:48%}
.interested-wrapper .email-seller span.interested-red-button input {cursor:pointer; display:inline; height:26px; text-align:center; color:#fff; font-weight:bold; width:180px; background:#d3060f url(../../images/button-red-bg.gif) no-repeat 0 0; border:1px solid #97050b;   text-align:center; font-size:12px; margin-top:10px}
.interested-wrapper p {font-weight:normal; color:#000; font-family:tahoma; text-align:center; font-weight:bold; margin: 5px 0;}
.interested-wrapper span.notfound {font-size:12px; display:block; font-weight:bold; text-align:center}
.interested-wrapper .cz_action_btn {background:url(../../images/button-lightbluebg.gif) no-repeat 0 0; margin:0 auto!important; padding-bottom:0px}
.interested-wrapper .cz_action_btn a {color:#025f97!important}

#adverts-finance-insurance-banner-container {width:400px; margin-top:10px;}
#adverts-finance-banner {width:auto; float:left;}
#adverts-insurance-banner {width:auto; float:right;}

/* Carousel
==================== */
.jcarousel-skin-trader .jcarousel-container {margin-top:5px;background: #eee;border: 1px solid #ccc;}
.jcarousel-skin-trader .jcarousel-container-horizontal {width: 332px;padding: 0px 34px 0px 34px;}
.jcarousel-skin-trader .jcarousel-clip-horizontal {width: 332px;height: 122px; }

.jcarousel-skin-trader .jcarousel-item img {width: 80px;height: 60px;border:1px solid #396ca1}
.jcarousel-skin-trader .jcarousel-item a:hover img {border:1px solid #000;}
.jcarousel-skin-trader .jcarousel-item-placeholder {background: #fff;color: #000;}

/*Horizontal Buttons */
.jcarousel-skin-trader .jcarousel-next-horizontal {position: absolute;margin-top: 35px;right:4px;width: 26px;height: 26px;cursor: pointer;background: transparent url(../../images/right-cs-enabled.gif) no-repeat 0 0;}
.jcarousel-skin-trader .jcarousel-prev-horizontal {position: absolute;margin-top: 35px;left: 5px;width: 26px;height: 26px;cursor: pointer;background: transparent url(../../images/left-cs-enabled.gif) no-repeat 0 0;}

#carouselText {text-align:center; width:400px; color:#333; font-weight:bold; padding-top:4px; font-size:11px; font-family:tahoma}
li.larger-image {background-color: #CEE7F7;padding: 15px; }




/* Banners
==================== */
.mpu-banner { width: 300px; height: 250px; margin: 0 auto;}

/* header adjustments */
#temp-header-banner { width: 728px; height: 90px; position: absolute; left: -50000px }
#container .logocell { height: 90px; max-width:none;  margin: 0 5px 0 0;}
#container #header-banner {  padding: 0;  margin: 0;position: relative;  width: 728px; height: 90px;}
#container .bannercell {  float: left; text-align: left;  padding: 0;  width: 728px; height: 90px; position: relative; }

/* General Styles */
.clearfix {clear:both;}