/* CSS Document */
@import url("search.css");

#dealer-wrapper {border: 1px solid #a5a5a5; border-top:0; background: url(../../images/dealer-bg.gif) #eaeaea repeat-x 0 0; position:relative; top: -3px;height:1%}

#dealer-logo {float:left; width:254px; text-align:center; padding-top:10px; padding-bottom:10px}
#dealer-logo img {border:1px solid #a5a5a5}
#no-logo {float:left; width:10px}
#dealer-info {float:left; width:409px; padding-top:10px; padding-bottom:10px}
#dealer-info h1 {font-family:arial; color:#d80413; font-size:17px; margin: 0 10px 4px100px; }

#dealer-info .header {float:left; width:100px; color:#4f4f4f; font-size:11px; font-weight:bold; height:17px}
#dealer-info .info { color:#4f4f4f; font-size:11px;  height:auto}

#spotlight-header {background:#fff; width:205px; height:35px; border:1px solid #a5a5a5; border-left:0; position:relative; left:-1px}
#spotlight-header p {font-family:arial; font-size:18px; color:#636365; height:30px; font-weight:bold; letter-spacing:-0.5px; background:url(../../images/dealer-pin.gif) no-repeat 10px 2px; margin:0; padding:0; padding-left:44px; padding-top:6px}

.dealer-spotlight-wrapper {float:left; width:204px; text-align:center; margin:10px;}

.spotlight {height:175px; background:url(../../images/dealer-spotlight-bg.gif) #1b4c80 repeat-x 0 0;  border:1px solid #042344; margin:10px; text-align:center; padding-top:10px}
.spotlight a {display:block}

.spotlight img {border:1px solid #fff; margin-bottom:5px}
.spotlight span {text-align:center; font-size:18px; font-weight:bold; color:#fff}

#dealer-wrapper .spotlight a.make {color:#fff; font-size:11px; font-weight:bold; text-decoration:underline}
#dealer-wrapper .spotlight a:hover.make {text-decoration:none}

#dealer-showroom {float:right; width:225px; text-align:center; padding-top:10px; padding-bottom:5px; padding-right:10px}
#dealer-showroom img {border:1px solid #a5a5a5}
#dealer-showroom p {text-align:right; font-size:11px; color:#4f4f4f; margin:0; margin-top:4px}
#dealer-showroom p.total {text-align:right; font-size:17px; color:#4f4f4f;margin:0; margin-top:2px; font-weight:bold; font-family:arial; padding-bottom:0}
#dealer-showroom span {color:#de070e; font-size:20px; font-family:arial}

#dealer-email-form { float: left; position: relative; top: 0; width:287px;}
.divEmailForm .email-enquiry {float:left; width:287px; margin-right:10px; border:1px solid #cfcfcf; margin-bottom:8px; }

.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:168px; padding:5px; padding-top:3px; height:26px;}
.divEmailForm .email-enquiry .info input {width:96%; border:1px solid #cfcfcf; height:17px}
.divEmailForm .email-enquiry .info input.error {border:2px solid #d52720;}
.divEmailForm .email-enquiry .info.comments {height:70px}
.divEmailForm .email-enquiry .head.comments {height:70px}
.divEmailForm .email-enquiry .info.button {height:30px}
.divEmailForm .email-enquiry span.red-button input {display:inline; height:24px; text-align:center; color:#fff; font-weight:bold; width:100px; background:#d3060f url(../../images/button-red-bg.gif) no-repeat 0 0; border:1px solid #97050b !important; text-align:center; font-size:10px}
.divEmailForm .email-enquiry span.grey-button input {display:inline; height:24px; text-align:center; 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}
.enquiryhead {background:url(../../images/email-enquiry-header.gif) no-repeat 0 0; width:115px; height:27px; position:relative; top:2px}

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

.reportProblemErrorSpan {border:1px solid #d52720; background-color: #ffffcc; margin: 0px; padding: 0px; margin-left:10px; margin-right:10px; margin-bottom:14px}
.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}

.success-wrapper {border:1px solid #7ab54b; background-color: #ecffd5; margin: 0px; padding: 5px 0px; margin-left:0px; margin-bottom:14px; width:287px}
.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:11px; font-weight: bold;}

.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}

/* Kaptcha styles */
.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 { width: 100%;  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 {width: 160px; float: none; margin: 0 auto; overflow: hidden;}