@charset "UTF-8";
/* CSS Document */

/*
border: 1px dashed red;
border: 1px solid yellow;
*/

body  {
	font: .9em Arial, Helvetica, sans-serif;
	background: #ffffff url(../gfx/bg_tile.gif) repeat fixed;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #3d3f56;
}

h1 {
	text-transform:uppercase;
	font-size:1em;
	padding:0 0 3px 0;
	margin:0;
	color:#014f93;
}
h1 span {
	font-weight:400;
	color:#0281c1;
	text-transform:none;
}
h2 {
	font-size:.8em;
	padding:0;
	margin:0;
	color:#014f93;
}
p { padding:0 0 10px 0 ; margin:0;
	font-size:.9em;
}
#master { 
	width: 952px;
	margin: 10px auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header {
	height:82px;
	background:#2956a1 url(../gfx/header_bg.gif) top no-repeat;
	/*display:block;*/
}
#container { 
	float:left;
	width: 952px;
	background:url(../gfx/content_bg.gif) top repeat-y;
}	
#content {
	float:left;
	min-height:357px;
	background-color:#ffffff;
	width:692px;
	margin:5px 0 0 0;
	padding:10px 20px 5px 15px;
}
#catimg {
	float:left;
	margin:0 10px 0 0;
}
#map {
	float:right;
	width:400px;
	padding:0;
}

a {color:#014f93; text-decoration:none;}
a:hover {color:#014f93; text-decoration:underline;}

/* Header styles--------------------------------------------------*/
ul {
	list-style:none;
	padding:0; margin:0;
	font-size:0.9em;
}	
#header ul {
	position:relative ;
	width:600px;
	left:300px;
	top:20px;
	font-size:0.8em;
	font-weight:600;
	color:#006699;
}
#header img {
	vertical-align:middle;
	padding-left:5px;
}

/* Navigation styles--------------------------------------------------*/
#menu {
	float:left;
	width:190px;
	margin:0;
	padding:2px 0 0 0;
	overflow: visible;
}

#menu a,#submenu a {
	display:block;
	margin:0; padding:0;
	text-decoration:none;
	text-transform:uppercase;
	font-size:.8em;
}

#menu a.nav {
	background:url(../gfx/nav_base.gif) top left no-repeat;
	width:150px;
	height:23px;
	padding:14px 0px 3px 33px;
	color:#ffffff;
}

#menu a.nav:hover, #menu a#selected {
	background:url(../gfx/nav_over.gif) top left no-repeat;
	z-index:50;
	color:#014f93;
}
#submenu{
	width:auto;
	margin:0;
	padding:4px 0 10px 15px;
}

#submenu li {
	padding:0 ; margin:0;
}
#submenu a.subnav {
	background-color:#4d72b1;
	height:36px;
	overflow:hidden;
	display:block;
	/*line-height: 10px;*/
	padding:2px 0px 2px 5px;
	margin:0px 0px 0px 15px;
	color:#ffffff;
}


#submenu a.subnav img {
	vertical-align:middle ; border:#014f93 solid 1px;
	padding:0px; margin:0px;
	font-size:0;
	line-height:0;
	clear:both;

}
#submenu a.subnav:hover, #submenu #subselected {
	background-color:#FFFFFF;
	color:#014f93;
}
/* Navigation styles end */

/* Product Area styles--------------------------------------------------*/

#productcontainer {
	padding:8px 0 0 0;
	margin:0;
	clear:left;
	float:left;
	width:100%;
}
.product {
	float:left;
	width:140px;
	margin:0 10px 0 0;
	padding:10px;
	border:#cccccc solid 1px;
}
.product_custom {
	background:url(../images/bike_diagram.gif) center right no-repeat;
	float:left;
	width:485px;
	margin:0 10px 0 0;
	padding:10px;
	border:#cccccc solid 1px;
}
.product img,  .product_custom img {
	border:#014f93 solid 1px;
	margin:0 0 5px 0;
}
.product ul, .product_custom ul {
	list-style-type:circle;
	font-size:.7em;
	padding-left:10px;
	color:#333333;
}
.nobullet {
	list-style:none;
}
/* Product Area end */

/* CTA Area styles--------------------------------------------------*/
#cta {
	width:944px;
	height:72px;
	float:left;
	padding:0;
	background:url(../gfx/cta_bg.gif) right no-repeat;
}
#cta p {
	/*border: 1px dashed red;*/
	position:relative;
	width:740px;
	padding:10px 0px; margin:0;
	top:22px; left:200px;
}
#cta p a {
	background:url(../gfx/cta_button.gif) left  no-repeat;
	text-decoration:none;
	font-size:12px;
	width:330px;
	font-weight:600;
	margin:0;
	padding:8px 65px 8px 11px;
	color:#2956a1;
}
#cta p a:hover {
	background:url(../gfx/cta_button_over.gif) left no-repeat;
}
/* CTA Area end */

/* Footer Area styles--------------------------------------------------*/
#footer {
	float:left;
	height:30px;
	padding:2px 0 4px 184px;
	color:#FFFFFF;
	font-size:.7em;
}
#footer img {
	vertical-align:middle;
	padding-right:5px;
}
#footer a {color:#FFFFFF; text-decoration:none;}
#footer a:hover {color:#FFFFFF; text-decoration:underline;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
span {
	font-size:.7em ;
	color:#999999;
}