/*-------------------------------------
 	GLOBAL STYLES
---------------------------------------*/
body {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size:100%;
line-height: 1.075em;
background: #fff;
margin: 0 auto;
position: relative;
_text-align: center;
}

* {
margin: 0;
padding: 0;
border: 0 none;
font-weight: normal;
font-style: normal;
text-decoration: none;
outline-style: none;
}

ul, ol { list-style-type: none }
ul li, ol li { display: inline }	
h1, h2, h3, h4, h5, h6 { margin: 0 0 18px 0; }
p { margin: 18px 0}
em { font-style: italic }
strong { font-weight: bold }

#clear { clear:both; }
/*-------------------------------------
 	CONTAINER BANDS
---------------------------------------*/
#masthead_wrap {
background-repeat: no-repeat;
background-image: url(images/bground/masthead-bground.gif) 0 top;
height: 164px;
margin: 0 auto;
_text-align: center;
background: #9d0a0e;
}

#widget_wrap {
background-repeat: repeat-x;
background-image: url(images/bground/widget.gif);
height: 340px;
}

#primary_wrap {
background: #fff;
height: 100%;
}

#content-wrap {
background-repeat: no-repeat;
background-position: 0 top;
background-image: url(images/bground/body-shadow.gif);
width: 950px;
min-height: 100%;
margin: 0 auto;
padding: 30px 10px;
position: relative;
}


#banner_wrap {
background-image: url(images/bground/banner.gif);
background-repeat: repeat-x;
height: 42px;
}

#footer_wrap {
background-image: url(images/bground/footer.gif);
background-repeat: repeat-x;
font-size: .75em;
overflow: visible;
clear: right;
}

#footer_wrap-two {
background-color: #000;
position:absolute;
top: 100%;
margin-top: -80px;
height: 80px;
font-size: .75em;
}


/*-------------------------------------
 	Primary Nav
---------------------------------------*/
#nav {
	height: 35px;
	text-align: center;
	margin: 0;
	padding: 112px 0 16px 55px;
	overflow: hidden;
	}

#nav li { margin: 0; padding: 0;}

#nav a {
	float: left;
	padding: 34px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:34px; /* for IE5/Win only */
	}
	
#nav a:hover { background-position: 0 -35px;}

#nav a:active, #nav a:active { background-position: 0 -35px;}

#aboutus a  {
	width: 92px;
	background: url(images/nav/aboutus.gif) top left no-repeat;
	}
	
#bikes a  {
	width: 131px;
	background: url(images/nav/bikes.gif) top left no-repeat;
	}	

#gear a  {
	width: 53px;
	background: url(images/nav/gear.gif) top left no-repeat;
	}

#home a {
	width: 306px;
	background: url(images/nav/spacer.gif) top left no-repeat;
}

#group a  {
	/* margin: 0 0 0 306px;*/
	width: 109px;
	background: url(images/nav/group.gif) top left no-repeat;
	}
	
#news a  {
	width: 57px;
	background: url(images/nav/news.gif) top left no-repeat;
	}	

#contactus a  {
	width: 111px;
	background: url(images/nav/contactus.gif) top left no-repeat;
	}


/*-------------------------------------
 	Products Nav
---------------------------------------*/
	dl { width: 180px; }
	dl,dd { margin: 0; }
	dd { margin: 0;}
	dt { font-size: 1.2em; background: #fff; padding: 5px 0; margin: 2px 0; border-bottom: 1px #c0c0c0 solid; }
	dt a { background: #fff; padding: 5px 0; margin: 2px 0; }
	dt a:link, dt a:visited { color: #ed1c24; }
	dt a:hover {color: #545454; text-decoration: none;}
	dd a:link { color: #545454; }
	#prod-nav ul { list-style: none; padding: 5px 0; display: block; }
	#prod-nav li { display: block; padding: 4px 0 0 30px; line-height: 21px;}
	#prod-nav li a { display: block; text-decoration: none;}
	#prod-nav li a:hover { display: block; color: #ed1c24; text-decoration: none;}

/*-------------------------------------
 	tabs
---------------------------------------*/

#tab {
	height: 49px;
	text-align: center;
	margin: 0;
	overflow: hidden;
	}

#tab li { margin: 0; padding: 0;}

#tab a {
	float: left;
	padding: 49px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:49px; /* for IE5/Win only */
	}
	
#tab a:hover { background-position: 0 -49px;}

#tab a:active, #nav a:selected { background-position: 0 -49px;}

#tabone a  {
	width: 237px;
	background: url(images/tabs/tab.gif) top left no-repeat;
	}
	
#tabtwo a  {
	width: 238px;
	background: url(images/tabs/tab.gif) top left no-repeat;
	}
	
#tabthree a  {
	width: 238px;
	background: url(images/tabs/tab.gif) top left no-repeat;
	}
	
#tabfour a  {
	width: 237px;
	background: url(images/tabs/tab.gif) top left no-repeat;
	}			

/*-------------------------------------
 	Buttons
---------------------------------------*/

.buttonLink {
	clear:	both;
	width:	194px;
	height:	26px;
	margin:	12px 0;
	line-height:	20px;
	font-size: 11px;
	font-weight:	bold;
	padding:	0 0 0 15px;
}

.buttonLink {
	background:	transparent url(images/button.gif) bottom left no-repeat;
}


.buttonLink a {
	display:	block;
	padding: 2px 0 0 0; 
}
.buttonLink a:link, .buttonLink a:visited {
	color:	#464646;
	text-decoration: none;
}

.buttonLink a:hover {
	color: #ed1c24;
}

/*-------------------------------------
 	Buttons homepage features
---------------------------------------*/

.buttonLink-feature {
	clear:	both;
	width:	192px;
	height:	22px;
	margin:	12px 0;
	line-height:	20px;
	font-size: 13px;
	font-weight:	bold;
	padding:	0 0 0 15px;
}

.buttonLink-feature {
	background:	transparent url(images/button-red.gif) bottom left no-repeat;
}


.buttonLink-feature a {
	display:	block;
	text-shadow:	0px 0px 0px #fff;
	padding: 0 0 0 0; 
}
.buttonLink-feature a:link, .buttonLink-feature a:visited {
	color:	#fff;
	text-decoration:	none;
}

.buttonLink-feature a:hover {
	color:#ed1c24;
}

/*---------------------------
	FORM ELEMENTS
---------------------------------------*/

label{
color: #fff;
font-weight: normal;
float: left;
width: 140px;
font-weight: bold;
}

input, textarea{
width: 180px;
height: 20px;
margin-bottom: 5px;
border: 1px solid #ccc;
}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
background: #fff;
margin-left: 120px;
margin-top: 5px;
width: 90px;
float: left;
}

br{
clear: left;
}



/*-------------------------------------
   Map my rides
---------------------------------------*/

#white-row {

}


/*-------------------------------------
 	Layout
---------------------------------------*/
#masthead {
background-repeat: no-repeat;
background-position: 0 bottom;
background-image: url(images/masthead.jpg);
width: 950px;
margin: 0 auto;
position: relative;
}

#widget {
width: 950px;
margin: 0 auto;
padding: 10px;
position: relative;
}

#widget-content{
width: 930px:	
margin: 0 auto;
position: relative;
}

#widget-content img {
	float: right;
	margin: -30px 18px 0 18px;
}

#widget-feature {
width: 405px;
background-repeat: no-repeat;
background-position: 0 top;
background-image: url(images/bground/feature_back.gif);
margin: 10px 10px;
padding: 20px;
float: left;
}

#widget-feature-noback{
width: 405px;
margin: 10px 10px;
padding: 20px;
float: left;
}

#widget-feature-santa {
width: 405px;
background-repeat: no-repeat;
background-position: 0 top;
background-image: url(images/santa.gif);
margin: 10px 10px;
padding: 20px;
float: left;
}

#deal-form {
background-repeat: no-repeat;
background-position: 0 bottom;
background-image: url(images/form_back.gif);
width:445px;
padding: 0 15px 18px 15px;
}

#banner-content{
width: 950px;
margin: 0 auto;
position: relative;
}

#one-col {
width: 237px;
float: left;
}

#one-col-mid {
width: 218px;
padding: 0 10px 0 9px;
border-left: 1px #c0c0c0 solid;
float: left;
}

#two-col {
width: 465px;
padding: 0 10px 0 0;
float: left;
}

#two-col-mid {
width: 465px;
padding: 0 0 0 9px;
border-left: 1px #c0c0c0 solid;
margin: 0 0 30px 0;
float: left;
}


#two-col-widget {
width: 450px;
float: left;
padding 0 5px;
}

#ridez{
	width: 473px;
    font-size: 0.75em;
    margin: 0 0 18px 0;
    border: 1px #ebebeb solid;
}

#white-row {
background-color: #fff;
	height: 36px;
	padding: 18px 0 0 18px;
}

#white-row a {
	color: #000;
}

#white-row a:hover {
	background-color: #ebebeb;
}

#grey-row {
	background: #ebebeb;
	height: 36px;
	padding: 18px 0 0 18px;
}

#grey-row a {
	color: #000;
}

#grey-row a:hover {
	background: #ebebeb;
}

/*-------------------------------------
 	5Col pages
---------------------------------------*/

#sub-nav {
width: 170px;
margin: 0 10px 0 0;
float: left;
}

#one-col-five {
	width: 150px;
	border-left: 1px solid #c0c0c0;
	padding: 0 10px;
	margin: 0 0 0 10px;
	float: left
}

#one-col-five-mid {
	width: 150px;
	padding 0 10px;
	margin: 0 5px 0 10px;
	float: left
}

#two-col-five {
width: 360px;
margin: 0 0 30px 20px;
float: left;
}

#two-col-five-pics {
width: 360px;
margin: 0;
float: left;
}

#two-col-five-pics img {
	padding: 10px 0;
}

#two-col-five-right {
width: 380px;
border-left: 1px #c0c0c0 solid;
float: left;
}

#three-col {
	width: 500px;
	padding: 10px;
	margin: 0 0 30px 20px;
}

#wrapper {
	width: 745px;
	float:left;
}

#product-wrap {
background: url(images/bground/product-wrap.gif) no-repeat -2px 1px;
width: 742px;
margin: 0 0 30px 10px;
float: left;
}

#product-subnav {
width: 729px;
background: #ebebeb;
border: 1px #b8b8b8 solid;
padding: 8px 0 8px 10px;
}

#product {
	width: 174px;
	border-right: 1px #b8b8b8 solid;
	border-bottom: 1px #b8b8b8 solid;
	border-left: 1px #b8b8b8 solid;
	margin: 0 0 0 -1px;
	padding: 0 5px;
	float:left
}

#product img {
	padding: 10px auto;
	border: 0;
}

#bike {
	width: 359px;
	border-right: 1px #b8b8b8 solid;
	border-bottom: 1px #b8b8b8 solid;
	border-left: 1px #b8b8b8 solid;
	margin: 0 0 0 -1px;
	padding: 0 5px;
	float:left
}

#bike img {
	padding: 5px 0;
}

#footer {
color: #c0c0c0;
text-align: center;
width: 950px;
margin: 18px auto 0 auto;
padding: 30px 0;
position: relative;
}

#footer-two {
width: 950px;
background-color: #000;
position:absolute;
top: 100%;
margin-top: -80px;
height: 80px;
font-size: .75em;
}

.brand{
	padding: 14px;
}

.asd {
	float: right;
}

.envelope {float: left;}


/*-------------------------------------
 	JOJO EXTRA CSS
---------------------------------------*/

.opening-paragraph {
	color: #ed1c24;
	font-size: 1.05em;  
	font-weight: bold;
}

.bike-detail {
	width: 739px;
	border-right: 1px #b8b8b8 solid;
	border-bottom: 1px #b8b8b8 solid;
	border-left: 1px #b8b8b8 solid;
}

.bike-detail img {
	padding: 8px 0 0 0;
}

.bike-detail p {
	padding: 8px;
}

.featured-product {
	margin: 0;
}

#brands {
	width: 100%;
	padding: 12px 0 0 9px;
	border-top: 1px #c0c0c0 solid;
	margin: 0 0 30px 0;
	float: left;
}

.hd-detail {
	width: 928px;
	border-right: 1px #b8b8b8 solid;
	border-bottom: 1px #b8b8b8 solid;
	border-left: 1px #b8b8b8 solid;	
}

.hd-detail img {
	padding: 8px 0 0 8px;
}

.hd-detail p {
	padding: 8px;
}

.right {
	float: right;
}

.left {
	float: left;
}