/* CSS Document */

/* ------------- BEGIN global styles --------------------------- */

h1,h2,h3,h4,h5,p,ul,li,img,form,label,input,fieldset,legend{
margin: 0px;
padding: 0px;
border: none;
list-style: none;
}

html{
	margin:0px;
	padding:0px;
	}
body{
	background:#A6B4D9 url(../img/mainBG.jpg) repeat-x;
	margin:0px; 
	padding:0px 0px 30px 0px;
	}
h1{
	width:223px;
	height:106px;
	display:block;
	/*background:transparent url(../img/green_rides_logo.jpg) no-repeat;*/
	float:left;
	overflow:hidden;
	}
h1 span {display:none;}		

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	}
a {outline:none;}

/* ------------- END of global styles --------------------------- */	

/* ------------- BEGIN layout styles --------------------------- */

#mainContainer{
	width:850px;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	vertical-align:top;
	}
#header{
	width:850px;
	background-color:#000;
	}
	
#contentContainer{
	width:819px;
	background-color:#fff;
	border-left:1px solid #939E8D;
	border-right:1px solid #939E8D;
	padding:9px 20px 25px 9px;
	}
	
#footerContainer{
	width:850px;
	margin-left:center;
	
	background-color:#343434;
	}	

/* ------------- END layout styles --------------------------- */

/* ------------- BEGIN main menu --------------------------- */
#header .headerImg, #header .headerImgA, #header .headerImgB, #header .headerImgC, #header .headerImgD, #header .headerImgE, #header .headerImgF, #header .headerImgG, #header .headerImgH{
	width:479px;
	height:60px;
	padding:24px 0px 0px 0px;
	background:transparent url(../img/header.jpg) no-repeat;
	}
#header .headerImgA{ background:transparent url(../img/header2.jpg) no-repeat;}
#header .headerImgB{ background:transparent url(../img/header3.jpg) no-repeat;}
#header .headerImgC{ background:transparent url(../img/header4.jpg) no-repeat;}
#header .headerImgD{ background:transparent url(../img/header5.jpg) no-repeat;}
#header .headerImgE{ background:transparent url(../img/header6.jpg) no-repeat;}
#header .headerImgF{ background:transparent url(../img/header7.jpg) no-repeat;}
#header .headerImgG{ background:transparent url(../img/header8.jpg) no-repeat;}
#header .headerImgH{ background:transparent url(../img/header10.jpg) no-repeat;}

#header .menu{
	width:479px;
	float:right;
	}
#header ul{
	width:428px;
	height:20px;
	margin:0px 0px 0px 49px;
	border:1px solid #939E8D;
	background-color:#92CD27;
	}
#header li{
	display:inline;
	}
#header a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #233A0E;
	text-decoration: none;
	padding:5px 6px 5px 6px;
	background:transparent url(../img/menu_separator.gif) 100% 6px no-repeat;
	}
#header a.last{ background:none;}
#header a:hover{ color:#4F7F06;}

#header ul strong{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #EBFFB5;
	text-decoration: none;
	padding:5px 6px 5px 6px;
	background:transparent url(../img/menu_separator.gif) 100% 6px no-repeat;
	}
#header ul strong.lastB{background:none;}
	
/* ------------- END main menu --------------------------- */	

/* ------------- BEGIN content container styles --------------------------- */

#contentContainer .prodMenu{
	width:154px;
	float:left;
	border:1px solid #999;
	}
#contentContainer .contentArea{
	width:648px;
	float:right;
	}
#contentContainer .contentArea .topMenuLinks{
	width:648px;
	padding:4px 0px 10px 0px;
	}
#contentContainer .contentArea .topMenuLinks p, #contentContainer .contentArea .topMenuLinks a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6D86D8;
	text-decoration:none;
	margin:0px;
	padding:0px;
	}		
#contentContainer .contentArea .topMenuLinks a:hover{ color:#8ECA1D;}
#contentContainer .contentArea .topMenuLinks strong{ color:#000;}
#contentContainer .contentArea .topMenuLinks span{ color:#6BC93D;}

#contentContainer .contentArea p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2C2C2C;
	text-decoration:none;
	padding:0px 0px 17px 0px;
	}	
#contentContainer .contentArea a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2D19DD;
	text-decoration:underline;
	margin:0px;
	padding:0px;
	}			
#contentContainer .contentArea a:hover{ text-decoration:none;}

#contentContainer .homeCategories{
	border:1px solid #CBD3BE;
	float:left;
	width:198px;
	height:198px;
	overflow:hidden;
	position:relative;
	margin:0px 15px 0px 0px;
	}

#contentContainer .homeCategories h3{
	position:absolute;
	left:0px;
	top:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #006600;
	text-align:center;
	width:198px;
	}
#contentContainer .homeCategories p{
	position:absolute;
	left:0px;
	bottom:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	font-weight: bold;
	color: #006600;
	text-align:center;
	width:198px;
	margin:0px;
	padding:0px;
	}	
#contentContainer h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	}
#contentContainer h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #006600;
	}
#contentContainer .customerRides{
	float:left;
	width:154px;
	margin:10px 5px 15px 0px;
	}
#contentContainer .customerRidesA{
	border:1px solid #CBD3BE;
	width:154px;
	height:154px;
	overflow:hidden;
	}	
#contentContainer .customerRides p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	padding:6px 0px 0px 3px;
	}
	

/* ------------- Prod Menu styles --------------------------- */	
	
#contentContainer .prodMenu h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #09660D;
	padding:8px 0px 8px 8px;
	}			
#contentContainer .prodMenu ul{
	padding:0px 0px 0px 8px;
	width:146px;
	}
#contentContainer .prodMenu li{
	background:transparent url(../img/arrow.gif) 0 12px no-repeat;
	padding:0px 0px 0px 18px;
	width:128px;
	}
#contentContainer .prodMenu ul a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #686868;
	text-decoration: none;
	padding:10px 0px 10px 0px;
	margin:0px 7px 0px 0px;
	line-height:14px;
	border-bottom:1px solid #CFCFCF;
	display:block;
	}
#contentContainer .prodMenu ul a.last{ border-bottom:none;}	
#contentContainer .prodMenu ul a:hover{ color:#9C9C9C;}

#contentContainer .prodMenu li.activeLink{
	background:transparent url(../img/arrow_2.gif) 0 12px no-repeat;
	padding:0px 0px 0px 18px;
	width:128px;
	}
#contentContainer .prodMenu ul span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	/*color: #686868;*/
	color:#6D86D8;
	text-decoration: none;
	padding:10px 0px 10px 0px;
	margin:0px 7px 0px 0px;
	line-height:14px;
	border-bottom:1px solid #CFCFCF;
	display:block;
	}
#contentContainer .prodMenu ul span.lastS{ border-bottom:none;}
#contentContainer .prodMenu h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #2D2D2D;
	text-decoration: none;	
	padding:8px 0px 6px 0px;
	}
#contentContainer .prodMenu h4.actLnk{color:#81C116;}
#contentContainer .prodMenu ul.subMenu{
	width:119px;
	padding:0px;
	}
#contentContainer .prodMenu ul.subMenu li{
	background:none;
	padding:0px;
	width:119px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #2D2D2D;
	}

#contentContainer .prodMenu  ul.subMenu a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #2D2D2D;
	text-decoration: none;
	padding:0px;
	margin:0px;
	line-height:12px;
	border-bottom:none;
	}
#contentContainer .prodMenu  ul.subMenu a:hover{color: #2D2D2D;text-decoration: underline;}	

#contentContainer .prodMenu ul.subMenuB{
	width:116px;
	padding:0px;
	}
#contentContainer .prodMenu ul.subMenuB li{ 
	padding:3px 0px 0px 10px; 
	width:106px;
	background:transparent url(../img/bullet.gif) 0 10px no-repeat;
	}
#contentContainer .prodMenu ul.subMenuB strong, #contentContainer .prodMenu ul.subMenu strong{ text-decoration:underline;}


/* ------------- END Prod Menu styles --------------------------- */

#contentContainer .prodMenu a.secondLnk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2B3036;
	text-decoration: none;
	padding:2px 0px 2px 6px;
	border-top:1px solid #CFCFCF;
	display:block;
	background:transparent url(../img/lnkBG.gif) no-repeat;
	}
#contentContainer .prodMenu a.secondLnk:hover { color:#747D87;}	

#contentContainer .product{
	width:648px;
	padding:15px 0px 10px 0px;
	}
#contentContainer .addInfo{
	width:648px;
	padding:15px 0px 0px 0px;
	margin:0px 0px 15px 0px;
	border-bottom:1px solid #ccc;
	/*border-top:1px solid #ccc;*/
	}	
#contentContainer .bottomCBorder{
	width:648px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-bottom:1px solid #ccc;
	}		
#contentContainer .description{
	width:330px;
	float:left;
	}
#contentContainer dl{ 
	width:330px;
	margin:0px 0px 13px 0px; 
	padding:10px 0px 10px 3px;
	border-bottom:1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2D2D2D;	
	}




#contentContainer dl.lstDL{ border-bottom:none;}
#contentContainer dt{ 
	float:left;
	clear:left;
	width:110px;
	padding:3px 6px 3px 0px;
	font-weight:bold;
	display:block;
	}
#contentContainer dd{ 
	float:left;
	width:203px;
	margin:0px;
	padding:3px 6px 3px 0px;
	display:block;
	}	
#contentContainer .prodPhotos{
	width:280px;
	float:right;
	}	
#contentContainer .prodPhotos .thumbs{
	width:273px;
	padding:0px 0px 10px 0px;
	}
#contentContainer .prodPhotos .thumbPhoto{
	width:48px;
	height:48px;
	border:1px solid #9DA3B1;
	float:left;
	margin:0px 5px 0px 0px;
	font-size:1px;
	overflow:hidden;
	}
#contentContainer .prodPhotos .largePhoto{
	width:273px;
	border:1px solid #9DA3B1;
	margin:0px 0px 7px 0px;
	}

#contentContainer .prodPhotos .largePhoto img{ display:block;}

#contentContainer .contentArea a.secondLnkA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2B3036;
	text-decoration: none;
	padding:2px 24px 2px 6px;
	border-top:1px solid #CFCFCF;
	display:block;
	background:transparent url(../img/lnkBG2.gif) no-repeat;
	text-align:right;
	}		
#contentContainer .contentArea a.secondLnkA:hover { color:#747D87;}

#contentContainer .prodPhotos strong{
	color:#006600;
	}
#contentContainer .prodPhotos .prodLogo{
	width:273px;
	padding:15px 0px 10px 0px;
	text-align:center;
	}	
#contentContainer .bottomLnkLeft{
	float:left;
	width:200px;
	padding:15px 0px 0px 0px;
	}
#contentContainer .bottomLnkRight{
	float:right;
	width:400px;
	padding:15px 0px 0px 0px;
	text-align:right;
	}

/* ------------- END content container styles --------------------------- */

/* ------------- BEGIN footer container styles --------------------------- */

#footerContainer .sLogo{
	width:175px;
	height:21px;
	float:left;
	font-size:1px;
	}
#footerContainer .txt{
	width:650px;
	height:18px;
	float:left;
	padding:3px 0px 0px 16px;
	}
#footerContainer p, #footerContainer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}
#footerContainer a {text-decoration:underline;}	
#footerContainer a:hover {text-decoration:none;}

/* ------------- END footer container styles --------------------------- */

/* FORM STYLES -------------------------------------------------------------------- */

label{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333;
	display:block;
	padding:5px 0px 2px 0px;
	}
input{
	height:16px;
	border:1px solid #BBBDBF;
	border-top:1px solid #616365;
	border-left:1px solid #797C7F;
	background:transparent url(../img/inputBG.gif) repeat-x;
	padding:3px 4px 0px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #446EC3;
	}
textarea{
	border:1px solid #BBBDBF;
	border-top:1px solid #616365;
	border-left:1px solid #797C7F;
	background:transparent url(../img/inputBG.gif) repeat-x;
	padding:3px 0px 0px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #446EC3;
	}	
	
form .fieldBox{
	width:245px;
	float:left;
	padding:0px 15px 0px 0px;
	}
form .fieldBoxA{
	width:110px;
	float:left;
	padding:0px 0px 0px 0px;
	}	
.radioBtn{
	margin:3px -4px -4px 0px;
	padding:0px;
	width:22px;
	height:12px;
	border: none;
	background:none;
	}
	
#BtnSubmit{
	display:block;
	width:77px;
	height:31px; 
	margin:0px; 
	padding:0px; 
	border:0px; 
	background:transparent url(../img/submit_btn.gif) 0 100% no-repeat;
	cursor: pointer;
	cursor: hand; /* for IE 5.x */
	float:right;
}	
#BtnSubmit span{ display:none;}	

.validationError {
	color:#FF0000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
}

.errorMsg {
	padding: 5px;
	background-color:#FFE5E5;
	border: 1px dotted 	#F00;
	color:#F00;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
}

.succeedMsg {
	padding: 5px;
	background-color: #EAFFEA;
	border: 1px dashed #090;
	color:#090;	
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
}


.features {
	float: left;
	width: 150px;
	padding-top: 10px;
}

.features ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style: square;
	/*padding-left: 15px;*/
}

.features li {
	list-style: none;
	background:transparent url(../img/arrow_3.gif) 0 3px no-repeat;
	padding:0px 0px 2px 15px;
	color:#444444;
}

.productLine {
	border-bottom: 1px solid #CCCCCC;
	margin-top: 8px;
	margin-bottom: 8px;
	
}

/* END FORM STYLES --------------------------------------------------------------- */

/* BEGIN OTHER STYLES --------------------------------------------------------------- */

.clrFix{
	clear:both;
	height:1px;
	}
.line{
	padding:7px 0px 2px 0px;
	margin:0px 0px 15px 0px;
	border-bottom:1px solid #9DA3B1;
	}	

/* END OTHER STYLES --------------------------------------------------------------- */