/* 
Sports Drive
Motorcycle Section Styles


Created By 
Rob Wright
www.boost-creative.co.uk
--------------------------------------------------------


*/

a {	color:#cd124f; }

/* 
=Header
--------------------------------------------------------
*/

#frame #header #logo{	
	width:340px; 
	top:20px;
	right:0px;
}

#frame #header #logo a{	
	width:340px;
	background:  url(../images/layout/bikes/logo.png) no-repeat;
}
#navigation { background: url(../images/layout/bikes/secondary_nav.png) repeat-x bottom; }

#navigation ul li a{ background: url(../images/layout/bikes/navigation_a_bike.png) no-repeat 0px -38px; }

#navigation ul#secondary_navigation  li {
	background:url(../images/layout/bikes/secondary_a_background.png) no-repeat top right;
}
#home{	background: url(../images/layout/buttons/home_button_bikes.png) no-repeat;}
#info {	background:  url(../images/layout/buttons/info_button_bikes.png) no-repeat;}


/*
= Feature
------------------------------------------------------------
*/

#feature #delivery {
	right:-59px;
	bottom:-31px;
	background:url(../images/layout/bike_delivery.png) no-repeat;
}


/*
= Customer Area
------------------------------------------------------------
*/

#customer_welcome {
	font-size:1.45em;
	padding:14px;
	background:#272728;
	margin-right:15px;
	line-height:25px;
}
#customer_welcome a{
	font-family: Verdana, Arial, Helvetica, sans-serif;    
	font-size:1.05em;
	color:#b14a4a;
}

#customer_welcome a:hover{ color:#CCCCCC; }

/* Customer Area > Forms */

#content #main_content #login, #content #main_content #signup {
	border:none;
	width:250px;
	padding:10px 5px 0px 10px;
	background:#2b2a2a;
}
 
#content #main_content #signup {
	margin-top:20px; 
}

#login h2, #signup h2{
	padding:5px;
	margin:0px 0px 15px 0px;
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:normal;
	color:#f2f2f2;
	background:#831636 url(../images/layout/login_h2_background.png) no-repeat;	
}

#signup h2{	background:#831636 url(../images/layout/signup_h2_background.png) no-repeat; }

#content #login p, #content  #signup p{ 	margin:0px 10px 10px 10px; }

#content #main_content #login label input,  #content #main_content  #signup label input {
	width:224px;
	display:block;
	padding:1px 4px;
	background:#3F3F3F;
	border:1px solid #3F3F3F;
	color: #CCCCCC;
	font-size:10px;
	margin:1px;
}

/* Customer Area > Member / Profile Stuff */

#content #main_content #member {
	width:250px;
	padding:20px 5px 0px 10px;
	background:#2b2a2a;
	margin-left:20px;

}
#main_content #member h2{
	margin:0px 0px 25px 0px;
	clear:both;
}

#member h2 span{
	font-size:0.9em;
	font-weight:normal;
	margin-top:3px;
	display:block;
	color:#b14a4a;
}

#main_content #member p {
	clear:both;	color:#F9F9F9;
	margin:15px 5px 5px;
	padding-bottom:10px;
}

#main_content #member h2 img{
	display:block;
	border:1px solid #585858;
	padding:1px;
	margin:0px 15px 5px 0px;
	float:left;
}

#main_content #member form { margin:-10px 0px 0px; border-top: none; border-bottom:1px solid #524f4f; }

#main_content #member form h3 {
	padding:5px;
	margin:0px 0px 5px 0px;
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:normal;
	color:#f2f2f2;
	background: url(../images/layout/signup_h2_background.png) no-repeat;
}

#main_content #member form h3 span {
	font-size:0.8em;
	display:block;
	font-weight:normal;
	margin:15px 0px 2px 0px;
	line-height:17px;
	color:#B1AFAF;	
	text-transform:none;
}

#main_content #member form p {
	margin:5px 5px 10px;	
	padding-bottom:0px;
}

#main_content #member form label{ color:#FFFFFF; font-size:1.0em;}

#main_content #member form label  input{ margin:3px 0px;	width:230px; }


/* Customer Area > Gallery */

#upload_login {
	padding-bottom:10px;
	color:#e6e6e6;
	font-size:1.2em;
	border-bottom:1px solid #474747;
	margin-bottom:20px;
}

#upload_login a {
	font-weight:bold;
	font-size:0.8em;
	text-transform:uppercase;
}

#photo_upload {
	background:#2b2a2a;
	border:1px solid #474747;
	margin:25px 15px ;
	padding: 10px;
}

#photo_upload h2 {
	margin:0px;
	cursor:pointer;
	color:#e6e6e6;
	letter-spacing:0.2px;
	font-weight:normal;
	background: url(../images/layout/h2_upload_gallery_background.jpg) no-repeat;
	height:26px;
	width:715px;
	padding:6px 0px 0px 30px;
}

#photo_upload h2:hover { color:#b89ea7; }

#content #photo_upload form{	border:none;}
#content #photo_upload form label span { width:417px; }

#rider_gallery {
	list-style:none;
	padding:0px;
	margin:0px 0px 0px 55px;
}

#rider_gallery li{
	float:left;
	margin:5px 25px 15px 0px;
}

#rider_gallery li a{
	display:block;
	color:#585757;
}

#rider_gallery li img{
	display:block;
	padding:1px;
	border:1px solid #585757;
}

#rider_gallery li img:hover{	border:1px solid #8a8a8a; }

.gallery_image {
	color:#b1b2b3;
	font-size:1.3em;
	padding:10px 15px 20px;
	background:#121111;
	border:1px solid #3F3F3F;	
}
.gallery_image .tip-title  { width: 440px; }
.gallery_image .tip-text img {
	display:block;
	margin-top:10px;	
	padding:1px;
	border:1px solid #3F3F3F;
}

/* Customer Area > Gallery Preview/ Forum Preview*/

.preview {
	background:#2b2a2a;
	margin:0px 15px 20px;
	padding:12px 0px;
}

#gallery_preview {	height:200px; }
#forum_preview {	padding-bottom:1px; }

.preview h2{
	font-size:1.0em;
	color:#f2f2f2;
	text-transform:uppercase;
	margin:5px 10px;
}

.preview ul{
	list-style:none;
	padding:0px;
	margin:10px 0px 15px 15px;
}

#gallery_preview ul li{
	float:left;
	margin:15px 15px 0px 0px;
}

#gallery_preview  ul li a{
	display:block;
	width:86px;
	height:60px;
	border:1px solid #737373;
	overflow:hidden;
}

#forum_preview ul {
	border-top:1px solid #3F3F3F;
	padding-top:10px;
	margin-top:25px;
	margin-right:15px;
}

#forum_preview li {	
	padding-left:10px;
	height:55px;
	border-bottom:1px solid #3F3F3F;
	position:relative;
}

#forum_preview li .comments {
	position:absolute;
	background:url(../images/layout/comment.jpg) no-repeat;
	top:0px;
	color:#2E2E2E;
	width:43px;
	text-align:center;
	font-size:1.3em;
	padding:10px 0px 0px 0px;
	height:30px;
	right:10px;
}

#forum_preview li a{
	display:block;
	font-size:1.2em;
}

#forum_preview li a span{
	display:block;
	font-size:0.8em;
	color:#CCCCCC;
}

#forum_preview li a img{
	display:block;
	padding:1px;
	float:left;
	margin-right:10px;
	border:1px solid #737373;
}
/*
= Forum
------------------------------------------------------------
*/

#forum { position:relative; }

#forum  h1{	border-bottom:1px solid #3F3F3F; padding-bottom:20px;}
#forum  h1 a{ color:#CFD0D0; }
#forum  h1 a span{ color:#b14a4a; }

#forum #new_topic { 
	margin:0px;
	padding:0px;
	position:absolute;
	top:10px;
	right:40px;
}

#forum #new_topic a{ 
	display:block;
	font-size:1.3em;
	background: url(../images/layout/start_topic.jpg) no-repeat 0px 2px;
	color:#EBEBEB;
	padding-left:24px;
}

#forum #new_topic a:hover{ 	color:#920B37;}

#forum .post {
	padding:10px 5px 30px 80px;
	position:relative;
	margin:5px 15px 10px;
	border-bottom:1px solid  #3F3F3F;
}

#forum .post img{
	position:absolute;
	left:10px;
	top:10px;
	padding:1px;
	border:1px solid #666666;
}

#forum .post p, #content #forum .post h2 {
	margin:0px!important;
	padding:0px;	
	width:325px; 
}

#forum .post h2 {
	font-size:19px;
	color: #E2E2E2;
}

#forum .post h2 a{	color:#b14a4a; }

#forum .post p {
	color:#CCCCCC;
	font-size:0.9em;
}


#forum .post p.last_reply {
	width:170px;
	position:absolute;
	top:15px;
	left:430px;
	font-size:1.0em;
}

#forum .post p.comments {
	position:absolute;
	background:url(../images/layout/comment.jpg) no-repeat;
	top:9px;
	color:#2E2E2E;
	width:43px;
	text-align:center;
	font-size:1.3em;
	padding:10px 0px 0px 0px;
	height:30px;
	right:50px;
}

/*-- Forum > Topic */

#forum #pagination {
	list-style:none;
	height:30px;
	margin:15px;
	padding:0px;
}

#forum #pagination li{
	float:left;
	margin-right:5px;
}

#forum #pagination li a{
	display:block;
	padding:3px 5px;
	background:#EBEBEB;
	color: #999999;
}

#forum #pagination li a:hover{	background:#3F4040;}
#forum #pagination li a.current_page{ background: #666666; 	}

#forum #topic {
	position:relative;
	margin-top:-7px;
	padding-bottom:20px;
}

#forum #topic h2 {
	font-weight:normal;
	font-size:20px;
	padding-left:80px;
	margin-bottom:0px;
	padding-top:5px;
}

#forum #topic #author {
	padding-left:85px;
	font-size:0.9em;
	color:#999999;
	margin:4px 15px 15px;
}

#forum #topic #author img{
	position:absolute;
	display:block;
	width:50px;
	height:50px;
	left:25px;
	top:5px;
	padding:1px;
	border:1px solid #CCCCCC;
	z-index:10;
}

#forum #topic h3{ 
	margin:20px 15px 15px; 
	color: #b14a4a ; 
}

#forum #topic .post { 
	border-bottom:0px; 
	background: #2B2A2A; 
	font-size:1.15em;  
	line-height:19px; 
	min-height:58px; 
	padding:15px 0px 15px 85px;
}

#forum #topic .post p { margin-bottom:15px;  width:680px;}

#content #forum #topic .post .author { font-weight:bold;  color:#999999; font-size:0.8em; margin-bottom:10px!important; }

#forum img { top:15px;  left:15px;}


#forum #topic  #orginal { 
	font-size:1.2em;
	 background:none; 
	 padding-bottom:0px; 	
	 border-bottom:3px solid  #3F3F3F;
}

#content #forum #topic  #orginal p{ 
	width:auto;
	margin:0px 0px 20px!IMPORTANT;
}

#forum #topic #back {
	text-align:right;
	padding-right:20px;
	text-transform:uppercase;
}

#forum #topic #back a{
	font-size:0.9em;
	color:#b14a4a;
}

#forum #topic form { padding:0px; margin:30px 15px 20px 15px; }

#content #forum #post_topic_form { border:none; margin:0px 15px 20px 15px; padding:0px; }

#post_topic_form h2 {
	color: #bc1b50;
	margin-bottom:20px;
}

#content #forum  form p { margin-left:20px;} 
#forum #topic form h4 { margin-left:0px; }

#frame #content #forum #topic form textarea, #frame #content #forum #post_topic_form textarea{ 
	width:655px;  
	height:150px; 	
	padding-right:60px;
}

#frame #content #forum #post_topic_form label input{ 
	width:655px;
	padding-right:60px;
}


/*
= Main Content 
------------------------------------------------------------
*/

#main_content #quotation strong, #main_content #key_points { color:#b71448; }

#main_content #key_points li{ width:200px; }

#main_content .news_item span {
	color:#a30d3e;
}


#main_content #dealer { width:260px; }

#main_content #dealer select {
	font-size:1.1em;
	padding:4px;
	width:252px;
	background:#3F3F3F;
	border:1px solid  #666666;
	color:#FFF;
	margin-top:5px;
}

#main_content #dealer input {
	display:block;
	margin:10px 0px 0px -2px;
}


#dealer_state_list {
	list-style:none;
	margin:-10px 20px 10px;
}

#dealer_state_list li {	margin:0px 2px 2px 0px; 	float:left;}

#dealer_state_list li a{
	font-size:0.9em;
	width:120px;
	text-align:center;
	display:block;
	color:#CCCCCC;
	padding:4px;	
	background:#3F3F3F;
}

#dealer_state_list li a:hover { background:#272728; }

#dealer_state_list li a.current{	background:#272728 url(../images/layout/dealer_list_background.jpg) no-repeat 100px 3px; }

/*
= Secondary Content 
------------------------------------------------------------
*/
#dealer_title {
	font-size:1.1em;
	color:#999999;	
	font-weight:normal;	
}

#dealer_title span{
	font-size:1.8em;
	color:#C3C4C5;
	display:block;
	border-bottom:1px solid #4F4D4E; 
	padding-bottom:10px;
	margin-top:5px;
}

.dealer {

	margin:10px 18px;
	background:#272728;
	padding:10px 0px 3px;

}

.dealer h3, .dealer p {
	margin:10px 5px 5px;
}


#gel_system h2 {
	text-indent:-9000px;
	overflow:hidden;
	height:51px;
	margin-right:0px;
	margin-top:5px;
	background:url(../images/layout/advanced_gel_system.png) no-repeat;
}

#gel_system ul {
	list-style:none;
	padding:0px  0px 10px;
	margin:10px 0px 10px 30px;
	background:url(../images/layout/gel_system_diagram.png) no-repeat;
	width:422px;
	height: 266px;
	position:relative;
}

#gel_system ul li{
	text-indent:-2000px;
	overflow:hidden;
	margin:0px;
	position:absolute;
	height:15px;
	width:30px;
}

#gel_system ul li#seat { top:21px; left:60px; 	width:52px;}
#gel_system ul li#water_proof { }
#gel_system ul li#thermal { }
#gel_system ul li#base { }
#gel_system ul li#gel { }
#gel_system ul li#foam { }


#manufacturers {
	background:#3f3f3f;
	margin:50px 0px 10px 20px;
	height:196px;
	position:relative;
}

#manufacturers img {
	position:absolute;
	right:-75px;
	top:-22px;
}

#frame #content #secondary_content #manufacturers h3{
	margin:0px 15px;
	padding:10px 0px 6px;
	font-size:1.3em;
	color:#b71448;
}

#manufacturers dl {
	color:#FFF;	
	width:203px;
	font-size:0.8em;  
	margin:0px 15px;
	padding:0px;
}

#manufacturers dt, #manufacturers dd { float:left; margin:0px 8px 2px 0px; ; }

#manufacturers dd { width:100px; display:block; }

#manufacturers dt {
	width:85px;
	font-weight:bold;
	clear:left;
}

#secondary_content .info_box  { margin-top:50px;}

#secondary_content .info_box strong {	color:#b71448; }

/*Scroller */
#logo_scroller { 
	position:relative; 
	overflow:hidden;
 	border:1px dashed #585858;
	margin:20px 0px 20px 20px;
	padding:0px 14px;
	width: 410px;  
	height:100px; 

}

#logo_scroller ul {	width:2520px; list-style:none; padding:0px; margin:0px 0px; }
#logo_scroller ul li { display:block;  height:100px; float:left; margin:0px;}
#logo_scroller ul li img { display:block;}





/*
= News Articles
------------------------------------------------------------
*/

#news_article h2 span{
	color:#a01643;
}

/*
= Site Links
------------------------------------------------------------
*/

#site_links  p{
	float:left;
	margin:0px 0px 0px 8px;
}

#site_links:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body #site_links  {
	display: inline-block; 
	width: 100%;
}

* html #site_links {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

/*
= Footer
------------------------------------------------------------
*/

#footer ul li{
	background:url(../images/layout/bikes/footer_li_background.jpg) no-repeat right;
}