@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
 */

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: 175px 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: #000;
}


.suAdminCont
{
	margin-bottom: 300px !important;
	background: #fff !important;
	width: 94% !important;
	padding: 10px !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: #fff;
	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;
}

.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: #000000;
background: #ffffff;
padding: 10px;
border: 1px solid #666;
margin: 10px 0 0 0;
}

.vechicleDetailContainer .vdContainer
{
	width: 620px;
	float: left;
	padding: 0 15px;
}

.vechicleDetailContainer .vdContainer h2
{
	 width: 400px;
	 padding: 0 0 0 15px;
	 color: #222c33;
	 font-size: 26px;
	 font-weight:lighter;
}

.vechicleDetailContainer .closeBtn
{
	width: 30px;
	height: 30px;
	float: right;
	margin: 10px 10px 0 0;
}


.searchBox
{
	width: 660px;
	height: 70px;
	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: #222c33;
	 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/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: 26px 0 0 26px;
}

.contentContainer h3
{
	 color: #667E95;
	 font-size: 18px;
	 font-weight: bold;
	 margin: 0 0 10px 0;
	 float: left;
	 width: 660px;
}

.contentContainer h4
{
	 color: #abb9c6;
	 font-size: 14px;
	 font-weight: bold;
	 margin: 10px 0 10px 0;
	 float: left;
	 width: 660px;
}

.contentContainer p
{
	 color: #fff;
	 font-size: 12px;
	 line-height: 18px;
	 padding: 5px 0 5px 0;
	 float: left;
	 width: 660px;
}

.contentContainer p a
{
	 color: #fff;
	 text-decoration: underline;
}

body.admin .contentContainer p a
{
	 color: #000;
	 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: 600px;
	float: left;
	padding: 0 0 20px 0;
}

.contentPlaceHolder hr
{
	width: 660px;
	float: left;
	margin: 20px 0;
	border: 1px solid #abb9c6;
}


.contentPlaceHolder ul
{
	width: 590px;
	float: left;
	list-style: none;
	padding: 0 0 0 10px;
}

.contentPlaceHolder ul li
{
	width: 170px;
	float: left;
	list-style: none;
	padding: 0;
}
.contentPlaceHolder ul li a
{
	color: #fff;
	line-height: 16px;
	float: left;
	text-decoration: none;
	font-weight: bold;
}

.contentPlaceHolder ul li a:hover
{
	color: #abb9c6;
	float: left;
	text-decoration: none;
}


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

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

.contentPlaceHolder dd a
{
	color: #fff;
	text-decoration: none;
}

.contentLeftColumn h3
{
	 width: 292px;
	 float: left;
	 color: #abb9c6;
	 font-size: 20px;
	 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: #000;
}

.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: #000;
}

.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: #000;
	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;
}
.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: #000;
	float: right;
}

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

.contentLeftColumn a, .contentRightColumn a
{
	line-height: 22px;
	color: #9eadba;
}

.contentLeftColumn a:hover, .contentRightColumn a:hover
{
	line-height: 22px;
	color: #9eadba;
}

.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: #fff;
	 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: #abb9c6;
	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: #abb9c6;
	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: #fff;
	border-bottom: 1px solid #374450;
	padding: 2px 0 4px;
}

.feedBack dd a
{
	color: #fff;
	text-decoration: none;
}

.manufacturersList
{
	width: 600px;
	float: left;
	margin: 26px 0 0 26px;
	padding: 0 0 20px 0;
	font-size: 10px;
}

.manufacturersList p
{
	width: 600px;
	 float: left;
	 color: #fff;
	 font-size: 12px;
	 padding: 5px 0;
	 font-weight: bold;
}

.manufacturersList ul
{
	width: 600px;
	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: #fff;
	float: left;
	text-decoration: none;
}

.footer
{
	width: 712px;
	float: left;
	background: #262f36;
	color: #fff;
	height: 75px;
	line-height: 30px;
	font-size: 12px;
}

.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: #fff;
}

.admin .wrapper .footer
{
	width: 100%;
	float: left;
	background: #262f36;
	color: #fff;
	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;}
h1 { color: #FFFFFF ; font-size: 14px}