/* Page Structure
----------------------------------------------- */
body	{
	margin:0px;
	padding:0px;
	font:12px Trebuchet MS, arial, helvetica, sans-serif;
	line-height:16px;
	color: #676767;
	background: url(../images/bg/b_main.gif) repeat-x top left;
	background-color: #2f333b;
	text-align: center; /* IE w */
	}

p {font:12px Trebuchet MS, arial, helvetica, sans-serif; color: #676767; line-height: 16px; text-align:left; margin:0; padding:16px 0 0 0;}
td {font:12px Trebuchet MS, arial, helvetica, sans-serif; color: #676767; line-height: 16px;}
h1 {font-family: Trebuchet MS, arial, helvetica, sans-serif; font-size:24px; line-height: 23px; color: #CC0000; margin:0; padding:0px 0 12px 0; font-weight: bold; text-align:left;}
h2 {font-family: Trebuchet MS, arial, helvetica, sans-serif; font-size:24px; line-height: 23px; color: #CC0000; margin:0; padding:0px 0 20px 0; font-weight: bold; text-align:left;}
h3 {font-family: Trebuchet MS, arial, helvetica, sans-serif; font-size:14px; line-height: 14px; color: #CC0000; margin:0; padding:3px 0 0 0; font-weight: bold;}
h4 {font-family: Trebuchet MS, arial, helvetica, sans-serif; font-size:18px; line-height: 18px; color: #CC0000; margin:0; padding:12px 0 12px 0; font-weight: bold;}
h5 {font-family: Trebuchet MS, arial, helvetica, sans-serif; font-size:13px; display: inline-block; line-height: 13px; margin:0; padding:5px 0 0 0; color: #a9052a;}
h6 {font:14px Trebuchet MS, arial, helvetica, sans-serif; color: #cc0000; margin:0; padding:10px 0 5px 0;}

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

img, a img {border: none;}

ul {margin:0; padding:10px 0 10 32;}
ol {margin:0; padding:0 0 15 16;}
li {margin:0; padding:0 15 3 0;}
.side_menu_cat {font-family: Trebuchet MS, arial, helvetica, sans-serif; font-size:13px; line-height: 16px; color: #CC0000; margin:4; padding:5px 0 5px 0; font-weight: bold; text-align:left;}
.products h1 {font-family: Trebuchet MS, arial, helvetica, sans-serif; font-size:24px; line-height: 23px; color: #ab2d2d; margin:0; padding:0px 0 5px 0; font-weight: bold; text-align:left;}

.home_text h1 {font-family: Trebuchet MS, arial, helvetica, sans-serif; font-size:14px; line-height: 14px; color: #CC0000; margin:0; padding:3px 0 0 0; font-weight: bold;}

.panel {color: #666666; background-color: #ffffff; padding: 0 17px 13px 16px;}
.panel p {font:12px Trebuchet MS, arial, helvetica, sans-serif; line-height: 16px; text-align:left; margin:0; padding:13px 0 0 0;}
.panel a {color:#084373; font-weight: bold; text-decoration:none;}
.panel a:hover {color:#084373; text-decoration:underline;}
.more a {color:#996633; text-decoration:none;}
.more a:hover {color:#996633; text-decoration:underline;}
.cart_small {font:11px arial, helvetica, sans-serif; color: #ffffff;}
.cart_small a {color:#ffffff; text-decoration:underline;}
.cart_small a:hover {color:#ffffff; text-decoration:underline;}
.cart_med {font:12px arial, helvetica, sans-serif; color: #ffffff;}
.cart_med a {color:#ffffff; text-decoration:underline;}
.cart_med a:hover {color:#ffffff; text-decoration:underline;}
.footer {font:11px Trebuchet MS, arial, helvetica, sans-serif; color: #ffffff; padding:0 0 10px 0;}
.footer a {color:#ffffff; text-decoration:none;}
.footer a:hover {color:#dddddd; text-decoration:underline;}

.white {font:11px Trebuchet MS, arial, helvetica, sans-serif; color: #dfe1e7; line-height: 14px; text-align:left; margin:0; padding:0 0 0 0;}
.white p {font:11px Trebuchet MS, arial, helvetica, sans-serif; color: #dfe1e7; line-height: 14px; text-align:left; margin:0; padding:12px 0 0 0;}
.white a {color:#ffffff; text-decoration:none;}
.white a:hover {color:#ffffff; text-decoration:underline;}

.bike_head {font:12px Trebuchet MS, arial, helvetica, sans-serif; color: #ffffff; font-weight:bold; height:22px; text-transform: uppercase; line-height: 14px; text-align:center; margin:0; padding:0 0 0 0; background-color: #cc0000;}
.bike_main {font:12px Trebuchet MS, arial, helvetica, sans-serif; color: #ffffff; line-height: 14px; text-align:center; margin:0; padding:0 0 0 0; background-color: #ffffff;}
.bike_main a {color:#333333; text-decoration:underline;}
.bike_main a:hover {color:#cc0000; text-decoration:underline;}
.bike_pics {margin:0; padding:10px 0 10px 0;}
.bike_sub {font:12px Trebuchet MS, arial, helvetica, sans-serif; color: #ffffff; line-height: 14px; text-align:center; margin:0; padding:0 0 0 0; background-color: #ffffff;}
.bike_sub a {color:#027ac6; text-decoration:underline;}
.bike_sub a:hover {color:#0062a0; text-decoration:underline;}

.bike_content_header {height:71px; width:560px;  background: url(../images/bg/bg-content-left.gif) repeat-x top left; padding: 0 0 0 0;}
.bike_content_header h1 {font-family:Trebuchet MS, Helvetica, sans-serif; font-size:24px; line-height: 23px; color: #cc0000; margin:0; padding:30px 0px 0px 10px; font-weight: bold; text-align:left;}
.bike_content_subheader {font:12px arial, sans-serif; color: #999999; margin:0; padding:10px 0px 0px 10px;}

.bike_content_text {font:12px Trebuchet MS, arial, sans-serif; line-height:20px; color: #494949;}
.bike_content_text p {font:12px Trebuchet MS, arial, sans-serif; line-height:20px; color: #494949;}
.bike_content_text h2 {font:14px Trebuchet MS, arial, sans-serif; line-height:20px; color: #999999; margin:0; padding:0px 0px 10px 0px; font-weight: bold; text-align:left;}
.bike_content_text h3 {font:14px Trebuchet MS, arial, sans-serif; line-height:20px; color: #cc0000; margin:0; padding:0px 0px 10px 0px; font-weight: bold; text-align:left;}

.Heading h2 {font:20px Trebuchet MS, arial, sans-serif; line-height:20px; color: #cc0000; margin:0; padding:5px 0px 5px 0px; font-weight: bold; text-align:left;}

.promos h2 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size:15px; line-height: 18px; color: #0391e3; margin:0; padding:0px 0px 5px 0px; font-weight: bold; text-align:left; text-transform: uppercase;}
.promos a {color:#0391e3; text-decoration:none;}
.promos a:hover {color:0477b9; text-decoration:underline;}


fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #d9eaf5;
  clear: both;
}

tr.odd th {font:13px "trebuchet ms", helvetica, sans-serif; font-weight:bold; color: #676767; text-align:left; padding: 3px;}
tr.odd td {font:13px "trebuchet ms", helvetica, sans-serif; color: #676767; text-align:left; padding: 3px;}
tr.even th {border: solid #d3e7f4; border-width: 1px 0; font:13px "trebuchet ms", helvetica, sans-serif; font-weight:bold; color: #676767; text-align:left; padding: 3px;}
tr.even td {border: solid #d3e7f4; border-width: 1px 0; font:13px "trebuchet ms", helvetica, sans-serif; color: #676767; text-align:left; padding: 3px;}
tr.odd {background-color: #edf5fa;}
tr.even {background-color: #fff;}
tr.even td.active {background-color: #e6f1f7;}

.sidebar h2.current_group {font:13px Trebuchet MS, sans-serif; font-weight:bold; width:170px; color:#fff; margin-bottom: 1px; padding:3px 0 3px 0; text-align:center; text-transform: uppercase; background: #CC0000; text-decoration:none;}
.sidebar h2.not_current_group {font:13px Trebuchet MS, sans-serif; font-weight:bold; width:170px; color:#fff; margin-bottom: 1px; padding:3px 0 3px 0; text-align:center; text-transform: uppercase; text-decoration:none;}
.sidebar a.product_group h2 {background: #ababab; text-decoration:none; cursor:pointer;}
.sidebar a.product_group:hover h2 {background: #CC0000; text-decoration:none; cursor:pointer;}
.sidebar a.product_cat h2 {background: #666666; text-decoration:none; cursor:pointer;}
.sidebar a.product_cat:hover h2 {background: #CC0000; text-decoration:none; cursor:pointer;}
.bike_pics_menu {margin:0; padding:0; text-align:center;}
.product_sub_menu {display: inline-block; padding-bottom:10px;}
.field-content {background:transparent url(../images/gen/menu-leaf.gif) no-repeat scroll 1px 0.25em; margin-left:5px; margin-right:5px; margin-top:0px; padding-left:12px; display: inline-block;}
.field-content a {font:12px Trebuchet MS, sans-serif; color:#027ac6; text-decoration:underline;}
.field-content a:hover {font:12px Trebuchet MS, sans-serif; color:#004e7f; text-decoration:underline;}
.field-content a.active {color: #CC0000;}
.field-content a.active a:hover {color: #CC0000;}

/** Product Feature **/
div.product_features {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 5px;
  padding-top: 5px;
  float: left;
  width: 100%;  
}

div.product_features p {padding-top:0px;}
div.product_features h6 {font:14px Trebuchet MS, sans-serif; line-height: 23px; color:#CC0000; margin:0; padding:5px 0 12px 0; font-weight: bold; text-align:left;}
}

div.last-feature {
  border: none;
}

div.product_feature_photo {
  display: block;
  float: left;
  margin-bottom: 0.4em;
  margin-right: 10px;
  padding-top: 0.4em;
}

div.no-h6 {
  margin-top: 1em;
  padding-top: 0;
  padding-bottom: 5px;
}

div#product_colour_swatch {
  display: inline-block;
  float:none;
  width: 15px;
  height: 10px;
  border: 1px solid #000000;
  margin-right: 5px;
}

div#product_colour_name {
  display: inline-block;
}

div#product_colour_tile {
  display:block;
  width:160px;
  float:left;
  margin:3px;
  text-align: center;
}

div#product_colour_label {
  display: inline;
  float: none; 
}


#footer_red {position:relative; height:61px; width:928px; background: url('../images/bg/b_red_footer.png') no-repeat top left; * background: none; * filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg/b_red_footer.png', sizingMethod='fixed');}
#home_shadow {position:relative; height:686px; width:28px; background: url('../images/bg/b_home_right.png') no-repeat top left; * background: none; * filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg/b_home_right.png', sizingMethod='fixed');}
#int_shadow {position:relative; height:502px; width:28px; background: url('../images/bg/b_int_right.png') no-repeat top left; * background: none; * filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg/b_int_right.png', sizingMethod='fixed');}
#top_int_shadow {position:relative; height:184px; width:28px; background: url('../images/gen/top_int_shadow.png') no-repeat top left; * background: none; * filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gen/top_int_shadow.png', sizingMethod='fixed');}

.page_grey {font:12px arial, sans-serif; color:#fff; font-weight:bold; text-align: center; padding: 3px; background-color: #666666; border-right:1px solid #ffffff;}
.page_grey a {color:#fff; text-decoration:none;}
.page_grey a:hover {color:#fff; text-decoration:underline;}
.page_red {font:12px arial, sans-serif; color:#fff; font-weight:bold; text-align: center; padding: 3px; background-color: #d2232a; border-right:1px solid #ffffff;}
.page_red a {color:#fff; text-decoration:none;}
.page_red a:hover {color:#fff; text-decoration:underline;}

.io {
	width: 250px;
	height: 200px;
	float: right;
	display: inline;
	background-color: #ffffff;
	padding: 0px 0px 10px 10px;
	margin: 0px 0px 0px 0px;
	}
	
.io2 {
	width: 250px;
	height: 405px;
	float: right;
	display: inline;
	background-color: #ffffff;
	padding: 0px 0px 10px 10px;
	margin: 0px 0px 0px 0px;
	z-index: 99;
	}
	
#clear {clear: both;}

.form {
	height: 26px;
	font-size: 16px;
	font-family: arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #676767;
	border: 1px solid #999999;
}

