@charset "utf-8";
/* CSS Document */
/* 
 * @Copyright (c) 2010 All Rights Reserved.
 * @Author                : Jovan Joseph V.A
 * Date of Creation       : 15/02/2010
 * Description            : CSS w3c compliant Document
 */

.landingPageVrmInputBox {
	background: url(../images/numberplate.jpg) left top no-repeat;
	border: none;
	width: 200px;
	height: 38px;
	float: left;
	color:#333333;
	font-size: 24px;
	font-weight:bold;
	text-indent:30px;
	line-height: 38px;
}
.landingPageVrmInputBox1 {
	background: url(../images/numberplate.jpg) left top no-repeat;
	border: none;
	width: 200px;
	height: 38px;
	color:#333333;
	font-size: 24px;
	font-weight:bold;
	text-indent:30px;
	line-height: 38px;
}
body {
	background: #262F36 url(../images/page-bg.jpg) center top no-repeat;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
html, body, div, span, object, iframe, button, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}
.txtSize13 {
	font-size: 13px! important;
}
.noBold {
	font-weight: normal;
}
img {
	border: 0;
}
.wrapper {
	width: 960px;
	margin: 0 auto;
}
.leftColumn {
	width: 212px;
	float: left;
}
.logo {
	float: left;
}
.logo a {
	width: 171px;
	float: left;
	margin: 20px;
}
.menu {
	width: 212px;
	float: left;
	margin: 113px 0 0 0;
}
.menu ul {
	width: 212px;
	float: left;
	list-style: none;
}
.menu ul li {
	width: 180px;
	float: left;
	list-style: none;
	background: url(../images/left-menu-bg.png) left top repeat-y;
	padding: 0 0 0 20px;
	margin: 3px 0 0;
}
.menu ul li a {
	color: #8fa2b3;
	line-height: 18px;
	float: left;
	text-decoration: none;
	font-weight: bold;
}
.menu ul li a:hover {
	color: #f00;
	line-height: 18px;
	float: left;
	text-decoration: none;
}
.cards {
	width: 212px;
	float: left;
	margin: 25px 0 0 0;
	background: url(../images/ccards.png) 32px top no-repeat;
	height: 94px;
}
.join {
	width: 150px;
	float: left;
	margin: 20px 0 0 20px;
}
.recycle {
	width: 162px;
	height: 163px;
	float: left;
	margin: 20px 0 0 20px;
	background: url(../images/recycle.png) left top no-repeat;
}
.centerColumn {
	width: 712px;
	float: left;
	background: url(../images/center-bg.png) left top repeat;
}
.admin .wrapper {
	width: 100%;
}
body.admin {
	background: #fff;
	color: #333;
}
.suAdminCont {
	padding: 10px !important;
	margin-bottom: 600px !important;
}
.admin .wrapper .centerColumn {
	width: 100%;
	float: left;
	background: none;
}
.admin .wrapper .centerColumn .menu {
	width: 100%;
	float: left;
	margin: 20px 0 0 0;
}
.admin .wrapper .centerColumn .menu ul {
	width: 100%;
	float: left;
	list-style: none;
}
.admin .wrapper .centerColumn .menu ul li {
	width: 180px;
	float: left;
	list-style: none;
	padding: 0 0 0 20px;
	margin: 3px 0 0;
	display: inline;
}
.admin .wrapper .centerColumn .menu ul li a {
	color: #8fa2b3;
	line-height: 18px;
	float: left;
	text-decoration: none;
	font-weight: bold;
}
.admin .wrapper .centerColumn .menu ul li a:hover {
	color: #f00;
	line-height: 18px;
	float: left;
	text-decoration: none;
}
.helpline {
	width: 712px;
	float: left;
	background: url(../images/helpline-strip-bg.jpg) left top repeat;
	margin: 16px 0 0 0;
}
.helpline p {
	color: #8fa2b3;
	float: right;
	line-height: 24px;
	font-size: 12px;
}
.helpline h1 {
	color: #333;
	float: right;
	font-size: 30px;
	line-height: 28px;
	margin: 0px 23px 0 15px;
}
.stepsBanner {
	width: 712px;
	height: 190px;
	float: left;
	background: url(../images/steps-banner.png) left top repeat;
}
.vechicleDetailContainer {
	width: 660px;
	height: 360px;
	float: left;
	margin: 0 0 0 26px;
	background: url(../images/whiteL-bg.png) left top no-repeat;
}
.vechicleDetailContainer1 {
	width: 660px;
	height: 500px;
	float: left;
	margin: 0 0 0 26px;
	background: url(../images/part-request-bg.png) left top no-repeat;
}
/*
# 3/1/10 by Bob new style by Bob, same as above but no yellow background for use w/ manual entry:
*/

.vechicleDetailContainer2 {
	width: 660px;
	height: 500px;
	float: left;
	margin: 0;
	background: url(../images/part-request-bg1.gif) left top no-repeat;
}
/*
# 4/19/10 by Bob new short style for form w/ no vrm:
*/

.vechicleDetailContainerShort {
	width: 660px;
	height: 330px;
	float: left;
	margin: 0 0 0 26px;
	background: url(../images/backgrounds/part-request-short.gif) left top no-repeat;
}
.ThanksContainer {
	width: 620px;
	height: 550px;
	float: left;
	padding: 20px;
	margin: 0 0 0 26px;
	background: url(../images/thanks-bg.gif) left top no-repeat;
}
.ThanksContainer p {
	padding: 0 0 10px 0;
}
.admin .wrapper .reqSearchT {
	color: #333333;
	background: #ffffff;
	padding: 10px;
	border: 1px solid #666;
	margin: 10px 0 0 0;
}
.vechicleDetailContainer .vdContainer {
	width: 620px;
	float: left;
	padding: 0 15px;
}
/* Revised 3/17/10 by Bob (www.site-webmaster.com) was: width: 400px;*/
.vechicleDetailContainer .vdContainer h2 {
	width: 600px;
	padding: 0 0 0 15px;
	color: #8FA2B3;
	font-size: 26px;
	font-weight:lighter;
}
.vechicleDetailContainer .closeBtn {
	width: 30px;
	height: 30px;
	float: right;
	margin: 10px 10px 0 0;
}
.searchBox {
	width: 660px;
	height: 92px;
	float: left;
	margin: 0 0 0 26px;
	background: url(../images/search-home-bg.png) left top no-repeat;
}
.searchTopic {
	width: 340px;
	float: left;
}
.searchTopic p {
	width: 300px;
	float: left;
	padding: 2px 0 0 15px;
	color: #222c33;
	font-size: 16px;
	font-weight: bold;
}
.searchTopic h2 {
	width: 300px;
	float: left;
	padding: 0 0 0 15px;
	color: #8FA2B3;
	font-size: 26px;
	font-weight:lighter;
}
.searchTopic h2 b {
	font-weight: bold;
}
.searchTopic a {
	color: #f00;
	padding: 0 0 0 15px;
	width: 300px;
}
.searchTopic a:hover {
	color: #f00;
	text-decoration: underline;
	padding: 0 0 0 15px;
}
.searchField {
	width: 280px;
	height: 55px;
	float: left;
	padding: 10px 0 0 26px;
}
.searchField input {
	width: 210px;
	line-height: 34px;
	font-size: 34px;
	font-weight: bold;
	float: left;
	vertical-align: middle;
	border: none;
	background: none;
	text-align: center;
	padding: 9px 0 0 0;
	text-transform: uppercase;
}
.searchField .goBtn {
	width: 38px;
	height: 35px;
	float: left;
	margin: 9px 0 0 22px;
	background: url(../images/buttons/go-btn.png) left top no-repeat;
	cursor: pointer;
	padding: 0;
	border: none;
}
.searchTopic .dontBtn, .dontBtn {
	border: none;
	background: none;
	color: #f00;
	padding:0 0 0 13px;
	margin-top: -3px;
	cursor: pointer;
}
.contentContainer {
	width: 660px;
	float: left;
	margin: 0 0 0 26px;
}
.contentContainer h1 {
	color: #8FA2B3;
	font-size: 18px;
	font-weight: bolder;
	margin: 15px 0 10px 0;
}
.contentContainer h2 {
	color: #8FA2B3;
	font-size: 18px;
	font-weight: bolder;
	margin: 25px 0 10px 0;
}
.contentContainer h3 {
	color: #8FA2B3;
	font-size: 20px;
	font-weight: lighter;
}
.contentContainer h4 {
	color: #8FA2B3;
	font-size: 14px;
	font-weight: bold;
}
.contentContainer h5 {
	color: #8FA2B3;
	font-size: 12px;
	font-weight: normal;
}
.contentContainer p {
	color: #fff;
	font-size: 12px;
	padding: 5px 0 0;
	line-height: 18px;
	text-align: justify;
}
.contentContainer p a {
	color: #fff;
	text-decoration: underline;
}
body.admin .contentContainer p a {
	color: #fff;
	text-decoration: underline;
}
.contentContainer p a:hover {
	text-decoration: none;
}
.contentLeftColumn, .vdContainer .contentLeftColumn {
	width: 292px;
	float: left;
}
.clcWidth {
	padding: 0 0 0 15px;
	width: 270px!important;
}
.contentPlaceHolder {
	width: 292px;
	float: left;
	padding: 0 0 20px 0;
}
.contentPlaceHolder dl {
	width: 292px;
	float: left;
}
.contentPlaceHolder dt {
	width: 292px;
	float: left;
	color: #9eadba;
	padding: 5px 0 0;
}
.contentPlaceHolder dt a {
	color: #9eadba;
	text-decoration: none;
	font-size: 12px;
}
.contentPlaceHolder dt a:hover, .contentPlaceHolder dd a:hover, .feedBack dd a:hover {
	text-decoration: underline;
}
.contentPlaceHolder dd {
	width: 292px;
	float: left;
	color: #fff;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #374450;
	font-size: 12px;
}
.contentPlaceHolder dd a {
	color: #ccc;
	text-decoration: none;
}
.contentLeftColumn h3 {
	width: 292px;
	float: left;
	color: #8FA2B3;
	font-size: 18px;
	font-weight: lighter;
}
.contentLeftColumn h4 {
	width: 292px;
	float: left;
	color: #667e95;
	font-size: 18px;
	font-weight: lighter;
}
.contentPlaceHolder span.required, .vdContainer .contentLeftColumn span.required {
	width: 292px;
	float: left;
	margin: 3px 0;
	color: #fff;
}
body.admin .contentPlaceHolder span.required, body.admin .vdContainer .contentLeftColumn span.required {
	width: 292px;
	float: left;
	margin: 3px 0;
	color: #fff;
}
.vdContainer .contentRightColumn span.required {
	width: 330px;
	float: left;
	margin: 3px 0;
	color: #fff;
}
body.admin .vdContainer .contentRightColumn span.required {
	width: 330px;
	float: left;
	margin: 3px 0;
	color: #fff;
}
.contentPlaceHolder span.requiredR .index, .vdContainer .contentLeftColumn span.required .index, span.required .index {
	color: #000;
}
.contentPlaceHolder span.requiredR {
	width: 450px;
	float: left;
	margin: 3px 0;
	color: #fff;
}
.contentPlaceHolder .w4h {
	width: 650px;
}
.contentPlaceHolder span.required label {
	width: 105px;
	float: left;
	text-align: right;
	padding: 0 5px 0 0;
	color: #fff;
	font-weight: bold;
}
body.admin .contentPlaceHolder span.required label {
	width: 105px;
	float: left;
	text-align: right;
	padding: 0 5px 0 0;
	color: #fff;
	font-weight: bold;
}
.vdContainer .contentLeftColumn span.required label, .vdContainer .contentRightColumn span.required label {
	width: 105px;
	float: left;
	text-align: left;
	padding: 0;
	color: #666;
	font-weight: normal;
}

span.required ul li b, .contentPlaceHolder ol li
{
	color: #fff;
}
.searchresults th, .searchresults th a
{
	color: #fff;
}
.contentPlaceHolder span.requiredR label {
	width: 250px;
	float: left;
	text-align: right;
	padding: 0 5px 0 0;
	color: #fff;
	font-weight: bold;
}
.contentPlaceHolder span.required input, .contentPlaceHolder span.requiredR input, .vdContainer .contentLeftColumn span.required input, .vdContainer .contentRightColumn span.required input {
	float: left;
}
.contentPlaceHolder span.required a, .contentPlaceHolder span.requiredR a {
	color: #fff;
	float: right;
}
body.admin .contentPlaceHolder span.required a, body.admin .contentPlaceHolder span.requiredR a {
	color: #333;
	float: right;
}
.contentPlaceHolder hr {
	color: #333;
	float: left;
	width: 292px;
}
.contentPlaceHolder span.requiredR label.small, .contentPlaceHolder span.required label.small {
	width: 30px;
	text-align: right;
}
h4.twentyPX {
	font-size: 20px;
}
.contentLeftColumn p {
	width: 292px;
	float: left;
	color: #fff;
	font-size: 12px;
	padding: 5px 0 0;
}
.contentRightColumn, .vdContainer .contentRightColumn {
	width: 341px;
	float: left;
	padding: 0 0 0 26px;
}
.contentRightColumn .contentPlaceHolder {
	width: 341px;
	float: left;
	padding: 0 0 15px 0;
}
.contentRightColumn .contentPlaceHolder span {
	float: left;
	vertical-align: middle;
}
.contentRightColumn .contentPlaceHolder span img {
	float: left;
	vertical-align: middle;
}
.contentRightColumn .contentPlaceHolder p {
	width: 341px;
	float: left;
	color: #333;
	font-size: 12px;
	padding: 5px 0;
}
.contentRightColumn .contentPlaceHolder p b {
	color: #9eadba;
	font-size: 12px;
	line-height: 20px;
}
.contentRightColumn .contentPlaceHolder p b.small {
	color: #9eadba;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
}
.contentRightColumn .contentPlaceHolder h3 {
	width: 341px;
	float: left;
	color: #8FA2B3;
	font-size: 20px;
	font-weight: lighter;
}
.contentRightColumn .contentPlaceHolder h4 {
	width: 341px;
	float: left;
	color: #667e95;
	font-size: 18px;
	font-weight: lighter;
}
.feedBack {
	width: 645px;
	float: left;
	margin: 26px 0 26px 26px;
	border-top: 1px solid #374450;
}
.feedBack h3 {
	width: 645px;
	float: left;
	color: #8FA2B3;
	font-size: 20px;
	font-weight: lighter;
	border-bottom: 1px solid #374450;
	line-height: 32px;
}
.feedBack dl {
	width: 645px;
	float: left;
}
.feedBack dt {
	width: 645px;
	float: left;
	color: #9eadba;
	padding: 3px 0;
}
.feedBack dd {
	width: 645px;
	float: left;
	color: #333;
	border-bottom: 1px solid #374450;
	padding: 2px 0 4px;
}
.feedBack dd a {
	color: #333;
	text-decoration: none;
}




.manufacturers_list_left_menu {
	width: 212px;
	float: left;
	margin: 20px 0 0 0;
}
.manufacturers_list_left_menu ul {
	width: 212px;
	float: left;
	list-style: none;
}
.manufacturers_list_left_menu ul li {
	width: 180px;
	float: left;
	list-style: none;
	padding: 0 0 0 20px;
	margin: 3px 0 0;
}
.manufacturers_list_left_menu ul li a {
	color: black;
	line-height: 16px;
	float: left;
	text-decoration: none;
	font-weight: bold;
}
.manufacturers_list_left_menu ul li a:hover {
	color: blue;
	float: left;
	text-decoration: none;
}

/*  Revised 3/17/10 by Bob (www.site-webmaster.com)
made manufacturersList narrower for new design */
.manufacturersList {
	width: 645px;
	float: left;
	margin: 0 0 0 26px;
	padding: 0 0 20px 0;
	font-size: 12px;
}
.manufacturersList p {
 width: 340px  float: left;
	color: #fff;
	font-size: 12px;
	padding: 5px 0;
	font-weight: bold;
}
.manufacturersList ul {
 width: 340px  float: left;
	list-style: none;
}
.manufacturersList ul li {
	width: 170px;
	float: left;
	list-style: none;
	padding: 0;
}
.manufacturersList ul li a {
	color: #999;
	line-height: 16px;
	float: left;
	text-decoration: none;
	font-weight: bold;
}
.manufacturersList ul li a:hover {
	color: #333;
	float: left;
	text-decoration: none;
}
.footer {
	width: 712px;
	float: left;
	background: #f2f2f2;
	color: #333;
	height: 50px;
	line-height: 50px;
	font-size: 12px;
	text-indent: 10px;
	border-top: 4px solid #e1e1e1;
}
.footer p {
	width: 712px;
}
.footer p b {
	width: 500px;
	font-weight: normal;
	float: left;
	clear: right;
}
.footer p span {
	float: right;
	width: 200px;
}
.footer p span a {
	float: right;
	font-size: 10px;
	color: #717e89;
	font-style: italic;
}
.footer p a {
	color: #333;
}
.admin .wrapper .footer {
	width: 100%;
	float: left;
	background: #f2f2f2;
	color: #333;
	height: 75px;
	line-height: 30px;
	font-size: 12px;
}
.rightColumn {
	width: 36px;
	float: left;
}
tr.row0 {
	background-color:#8da0b1;
	line-height: 24px;
}
tr.row1 {
	background-color:#637c92;
	line-height: 24px;
	color: #fff;
}
tr.row0 a, tr.row1 a {
	color: #fff;
	text-decoration: underline;
}
tr.row0 a:hover, tr.row1 a:hover {
	color: #fff;
	text-decoration: none;
}