/***************************************/
/*  CSS  html body style               */
/*  E2E Solutions for Tiva             */
/***************************************/

body { background-image:url(../images/back.gif);
	  background-repeat:repeat-x; 
	  background-color:#111010;
	  color:#333333;
	  font-family:Tahoma;
	  font-size:11px;
	  margin:0px; 
	  padding:0px;
	  
	 
	  }
	  
html { min-height: 100%; min-width:100%; margin-bottom: 1px; padding:0px }

	  
/***************************************/
/* Global Styles                       */
/***************************************/	  

a:link{color:#666666;}
a:visited{color:#666666;}
a:hover{color:#cccccc;}
img {border:none}
.clear { clear:both; margin:0px; padding:0px }
h2 {font-weight:bold; color:#339999; font-size:18px; margin:0 0 20px 0;padding:0px}
h3 {font-weight:bold; color:#666666; font-size:12px; margin:0px; padding:0px}
h4 {font-weight:bold; color:#666666; font-size:13px; margin:0 0 20px 0;padding:0px}
.float_left{float:left}
.float_right{float:right}
/***************************************/
/* Header Styles                       */
/***************************************/

#header, #content {width:100%;/* overflow:auto; */clear:both;}
#header {margin:0px;padding:0px;height:144px;}

#header_container{ background-image:url(../images/header_background2.gif); background-repeat:no-repeat; margin:0 auto; padding:0px; height:144px; width:997px; display:block; }

#header_icons {
	position:relative;
	top:10px;
	margin:0px;
	padding:0px;
	float:right;
	width:200px;
	
}
#header_icons ul {margin:0px;padding:0px}
#header_icons li {float:left; margin:0px; width:40px; padding:0 10px 0 0;  list-style-type:none;height:24px;}

#top { clear:both;position:relative;top:45px; float:right; margin:0px;padding:0px}

#top ul {margin:0px; padding:0px; color:#666666;  text-align:right }
#top li {display:inline; margin-right:5px;list-style-type:none;}
#top a, #top a:visited{color:#666666; font-size:11px; text-decoration:none }
#top a:hover{color:#339999; font-size:11px; text-decoration:underline}

/***************************************/
/* Wrapper Styles                      */
/***************************************/
#content {padding-bottom:0px;background-position:bottom; background-color:#000000}
.container {width:997px;margin:0 auto;}



/***************************************/
/* Left Styles                         */
/***************************************/

#left {position:relative; left:0px;top:-5px;
	   float:left;
	   width:230px;
	   margin-right:5px;
	   padding-bottom:120px;
	   
       }
	   
#left ul {margin:0px; padding:0px;}	
#left li {margin: 0 0 7px 0; padding:0px; list-style-type:none;}   
	   

/***************************************/
/* Right Styles                        */
/***************************************/

#right {position:relative; left:-4px; top:-8px;
	   float:right;
	   width:754px;
	   margin:0px;
	   padding:0px;
	   }
	   
.left_margin{margin-left:30px; margin-bottom:0px; }	   
.list {position:relative;margin:0px; padding:0 0 0 23px ; float:right; width:226px}	
.list li{padding:0px; list-style-type:none }
.list p{padding-left:8px; margin-top:9px; margin-bottom:9px; line-height:12px;}
.list span{color:#999999}  
#prod_pic{ list-style-type:none;background-image:url(../images/products_mid.jpg); background-repeat:no-repeat; width:226px; height:138px; display:block }	   
#eng_pic{ list-style-type:none; background-image:url(../images/eng_mid.jpg); background-repeat:no-repeat; width:226px; height:138px; display:block }	   
#race_pic{ list-style-type:none; background-image:url(../images/race_mid.jpg); background-repeat:no-repeat; width:226px; height:138px; display:block }	   
.list_bullet{ list-style-image:url(../images/list_bullet.gif); color:#999999; padding-right:5px; margin-left:11px; padding-left:11px; }	
.list_bullet li {margin:0px;padding:0px}

.border_dashed{ background-image:url(../images/hr.gif); background-repeat:no-repeat; width:216px; height:16px; display:block;  margin: 0 0 0 9px !important; padding:0px}

.link_arrow{position:relative; top:105px; float:right; background-image:url(../images/arrow.gif); background-repeat:no-repeat; width:23px; height:23px; margin:0px; padding: 0 10px 0 0 }

.english_logo{float:right; margin:0px; padding:0px; background-image:url(../images/english83_logo.gif); background-repeat:no-repeat; width:97px; height:60px; display:block}

#racing_left{width:535px; float:left; padding-left:5px }
.img_border{border:1px solid #333333; margin-bottom:20px;}
#racing_left table{width:535px; text-align:center; color:#666666; margin:15px 0 15px 0; clear:both}
.greyone{background-color:#1c1b1b; color:#999999; padding:2px }
.greytwo{background-color:#333333; color:#666666; padding:2px}
.greythree{background-color:#666666; color:#333333; padding:2px}
#racing_left table td{border:1px dotted #333333}

#racing_right{width:170px; float:right; text-align:right }

#racing_right li{list-style-type:none; }
#racing_right h3 {font-weight:bold; color:#666666; font-size:12px; margin:0px;padding:0px}
#racing_left h2 {font-weight:bold; color:#339999; font-size:18px; margin:0 0 20px 0;padding:0px}


#racing_right a, #racing_right a:visited {color:#333333; text-decoration:none}
#racing_right a:hover {color:#666666; text-decoration:underline}

#sponsors{ margin:15px 0 20px 0; padding:10px 0 0 0; clear:both; height:52px; border-top:1px dotted #333333}
#sponsors ul{margin:0px; padding:0px;}
#sponsors li{list-style-type:none;border:1px solid #333333; width:111px; height:62px; display:block; float:left; margin:0 9px 0 0;  }
.li_right{border:1px dotted #333333; width:111px; height:62px; display:block; float:left; margin:0px !important;  }
#sponsors p{margin:0 0 10px 0; padding:0px;}

#main_products{margin:30px 0 10px 0; padding:0px}
#main_products li{list-style-type:none; float:left; margin: 0 10px 10px 0; padding:0px;  }

#products{margin:30px 0 10px 0; padding:0px ;list-style-type:none; }
#products li{list-style-type:none; float:left; margin: 0 10px 10px 0; padding:0px; width:100px; text-align:center}  
#products img{ border:1px dotted #333333}



.contact_left{list-style-type:none; padding:0px; margin:5px 0 5px 0 ;float:left;width:250px;   }
.contact_left span {width:80px; display:block; float:left; font-weight:bold; color:#666666;font-size:11px}
.contact_left label {width:95px; display:block; float:left; font-weight:bold; color:#cccccc;font-size:11px }

.contact_left input{width:140px;margin-bottom:3px; background-color:#333333 ; color:#cccccc; font-size:11px; 
border-bottom:1px dotted #666666;
border-top:1px dotted #666666;
border-left:1px dotted #666666;
border-right:1px dotted #666666;}
.contact_left textarea {width:150px;margin-bottom:5px; height:100px;font-size:11px;  background-color:#333333; color:#cccccc;
border-bottom:1px dotted #666666;
border-top:1px dotted #666666;
border-left:1px dotted #666666;
border-right:1px dotted #666666;}
.contact_submit{width:70px!important; cursor:pointer   }

.contact_right{float:right;  padding:10px; margin:5px 0 0 0; color:#999999; width:190px; background-color:#333333; border:1px dotted #999999}

.contact_right li{list-style-type:none;margin:0 0 8px 0 ; padding:0px; width:190px; float:left; clear:both}
.span_right{float:right; width:90px; margin:0px; padding:0px;}
.span_left{float:left; width:90px; margin:0px; padding:0px;}


.contact_phone{margin:0 0 20px 0 ; padding:0px; width:300px;color:#666666}
.contact_phone li{ list-style-type:none;margin:0px; padding:0px; float:left; width:150px; display:block}

/***************************************/
/* Middle Styles                       */
/***************************************/	
	

#middle {position:relative; 
		float:left;
	    width:997px;
	    margin:0px;
        padding:0px
        }


/***************************************/
/* Footer Styles                       */
/***************************************/

#footer{float:left; background-image:url(../images/footer_repeat.gif); background-repeat: repeat-x; 	width:100%;/* overflow:auto; */clear:both;margin:0px; padding:0px; height:181px;}
#footer .container {background-image:url(../images/footer_background2.gif); background-repeat:no-repeat; margin:0 auto; padding:0px;  width:997px !important; height:181px; display:block; }

#footer ul {list-style-type:none; float:right; margin-top:110px; margin-left:175px; color:#666666;  text-align:right }
#footer li {display:inline; margin-right:5px;}
#footer a, #footer a:visited{color:#666666; font-size:11px; text-decoration:none }
#footer a:hover{color:#339999; font-size:11px; text-decoration:underline}
#footer h3{margin:110px 0 0 0; padding:0px; float:left; font-size:11px; font-weight:normal; color:#666666; }

#footer_text{position:relative; left:275px; top:30px; width:500px; color:#666666 !important;}
#footer_text h4{ background-image: url(../images/footer_text.gif);background-repeat:no-repeat;width:395px; height:24px; display:block; margin:0px; padding:0px}
#footer_text p{margin:0px; padding:0px; width:500px}

#bike_top{position:absolute;margin:-112px 0 0 0; padding:0px; background-image: url(../images/bike_top.jpg); background-repeat:no-repeat; width:247px; height:125px; display:block;}




/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 267px;
			width: 30px;
			padding:0px;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			
			
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 267px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			margin:0px; padding:0px;
			overflow: hidden;
			background-color: #181818;
			color: #666666;
			
		}
			
			.horizontal_accordion_content h3 {
				margin:5px 0 0 0; 
				padding:0px; 
				color:#43bcab; 
				font-size:14px;
				}
				
			.horizontal_accordion_content p{width:280px;}	
			.horizontal_accordion_content strong{color:#43bcab}
			.div_span{
				width: 500px;
				height:251px;
				padding:8px 8px 8px 8px; 
				overflow:hidden;
				
			}
			
			.p_span{width:500px!important;}
			.p_span2{width:400px!important;}
			
			.ul-pics{list-style-type:none; float:right; margin:0px; padding:0 5px 0 0; width:210px !important;}
			.ul-pics li{list-style-type:none; float:left; margin:0px; padding:5px 0 0 5px}
			
			.ul-pics img { border:1px solid #666666}		
					
    /* Container styling*/
    #horizontal_container {position:relative; 
	left:30px;
      margin:0px; padding:0px;
      width: 735px;   
      height: 267px;    
    }
	
	
	
			.accordion_toggle {
			display: block;
			
			width: 700px;
			color:#666666;
		
			padding:0px;
		
			font-weight: bold;
			
			outline: none;
			font-size: 11px; 
			text-decoration:underline;
			
			
			cursor: pointer;
			margin: 0 0 10px 0;
		}
		
		.accordion_toggle_active {
			
		
			color:#CCCCCC;
		}
		
		.accordion_content {
			
		margin:0 0 10px 0;
			overflow: hidden;
		}
			
		
			
			
			
		.vertical_accordion_toggle {
			display: block;
			
			width: 700px;
		
			padding: 0px;
			
			
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 15px;
			color:#999999;
		
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
		
			
			border-bottom: 1px dotted #333333;
		}

		.vertical_accordion_content {
			
			
			overflow: hidden;
		}