body {
	margin: 0;
	padding: 0;
	font-size: .84em;
	font-family: arial,tahoma,sans serif;
}

form {
	margin: 0;
	padding: 0;
}

h3 {
	clear: left;
	float: left;
	margin: 30px 0 0 15px;
	padding: 0;
	color: #333;
	font-weight: 500;
	font-size: 1.3em;
	/*text-decoration: underline;*/
}

p {
	margin-top: 10px!important;
}

.content_left_margin {
	float: left;
	clear: left;
	margin: 0 0 0 20px;
}

.hidden {
	display: none !important;
}

#wrapper1 {
	margin: 0 auto;
	text-align: center;
	width: 970px;
}

#wrapper2 {
	margin: 0 auto;
	text-align: left;
	float: left;
	width: 970px;
}

#header {
	float: left;
	display: block;
	width: 970px;
	height: 100px;
	min-height: 100px;
	background: url(images/header_logo.gif) no-repeat 0 0;
}

#topnav {
	float: left;
	display: block;
	width: 947px;
	height: 29px;
	min-height: 29px;
	background: url(images/top_nav_bg.gif) no-repeat 0 0 #5FBEFE;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #007ED2;
	padding: 0 0 0 21px;
}

#topnav a {
	float: left;
	display: block;
	padding: 7px 17px 5px 15px;
	margin: 1px 0 0 0;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	font-size: 12px;
	line-height: 12px;
	background: url("images/top_nav_partition.gif") no-repeat 100% 0;
}

html>body #topnav a {
	min-height: 16px;
}

#topnav a:hover {
	color: #374A5D;
	text-decoration: none;
	background-color: #B5EEE5;
}

/* -------------------- Intro Panel ---------------------- */


ul#intropanel {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	width: 606px;
}


ul#intropanel li {
	width: 616px;
	height: 206px;
	display: block;
	margin: 20px 0;
}

ul#intropanel li#mjcycles {
	background: url(images/mjcycles_panel.jpg) no-repeat left top;
}
ul#intropanel li#bmx {
	background: url(images/bmx_panel.jpg) no-repeat left top;
}

ul#intropanel li#mjcycles span, ul#intropanel li#bmx span {
	display: none;
}

ul#intropanel li#mjcycles a, ul#intropanel li#bmx a {
	display: block;
	width: 616px;
	height: 206px;
}
/* ------------------------------------------------------- */


/* =========   end of top navigation elements   ========= */


#content_wrap {
	float: left;
	display: block;
	width: 968px;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	background: url(images/content_columns_bg.gif) repeat-y 0 0;
}

#column1 {
	float: left;
	display: block;
	width: 199px;
	background-color: #0099ff;
}

#column2 {
	float: left;
	display: block;
	width: 570px;
	border-top: 6px solid #0099ff;
	padding-bottom: 15px;
}

#column3 {
	float: left;
	display: block;
	width: 199px;	
}


/* =========== column 1 elements ============ */

#shopnav {
	float: left;
	display: block;
	width: 199px;
}

#shopnav h2 {
	float: left;
	display: block;
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	padding: 15px 0 7px 10px;
	color: #fff;
}
/*
#shopnav a {
	float: left;
	display: block;
	width: 176px;
	font-size: 12px;
	line-height: 21px;
	color: #000;
	text-decoration: none;
	background: url(images/left_nav_button_bg.gif) no-repeat 0 0 #fdfdfd;
	padding: 0 0 0 23px;
}

#shopnav a:hover {
	color: #000;
	text-decoration: none;
	background: url(images/left_nav_button_bg_over.gif) no-repeat 0 0 #BA4927;	
}


/* ==========  column 2 elements  ============= */

#shop_header_box {
	float: left;
	display: block;
	width: 556px;
	color: #fff;
	margin: 6px;
	border: 1px solid #666;
}

#shop_header_box form {
	margin: 0;
	padding: 0;
}

#searchbar {
	width: 556px;
	background: #0099FF;
	float: left;
	display: block;
	height: 30px;
	color: #fff;
}

#search_form_table {
	float: left;
	display: block;
	width: 556px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
}

#searchbar_input {
	margin: 0;
	padding: 0;
	background: url('images/search_box_bg.gif') no-repeat 0 3px;
	border: 0;
	padding: 6px 0 0 6px ;
	width: 280px;
	height: 25px;
	float: left;
	display: block;
}

#search_textfield {
	margin: 0;
	padding: 0;
}

#search_button {
	margin: 0;
	height: 25px;
	width: 58px;
	float: left;
	display: block;
}

#iframe {
	width:556px;
	height:29px;
	border:0;
	display: block;
	float: left;
	margin: 0;
	clear: left;
}

#cart_include {
	float: left;
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
}

#cart_items_display {
	float: left;
	padding: 8px 0 0 20px;
}

#viewcart_button {
	float: right;
	display: block;
	width: 147px;
	height: 23px;
	min-height: 23px;
	margin: 3px 3px 0 0;
}

#viewcart_button a {
	background: url('images/shop_header_viewcart_button.gif') no-repeat 0 0;
	float: left;
	display: block;
	width: 147px;
	height: 23px;
	min-height: 23px;
	text-decoration: none;
}

#viewcart_button a:hover {
	background: url('images/shop_header_viewcart_on.gif') no-repeat 0 0;
	text-decoration: none;
}

.blue_header {
	background: #0099FF;
	color: #fff;
	font-weight: 700;
	padding: 4px;
}

/* ========= shop elements =========== */

#shop_header {
	display: block;
	width: 540px;
	
}

#shop_header_title {
	clear: left;
	display: block;
	font-size: 18px;
	margin: 20px 10px 10px 10px;
	padding: 0 5px;
	width: 540px;
	border-bottom: 1px solid #666;
}


#shop_page_header {
	clear: left;
	float: left;
	padding: 5px 10px 0 10px;
	margin: 0 0 0 5px;
	font-size: 15px;
	font-weight: 500;
	width: 545px;
}

#sub_sections {
	margin: 10px 0 10px 10px;
	padding: 0 0 0 30px;
	clear:left;
	border-top: 1px dashed #bbb;
	/*border-bottom: 1px dashed #bbb;*/
}

#sub_sections ul {
	clear: left;
	list-style:none;
	margin: 15px 0 0 0;
	padding: 0;
}

#sub_sections ul li {
	float:left;
	width:150px;
	margin: 5px;
}

#sub_sections ul li a {
	color:#000;
	text-decoration:none;
	line-height:20px;
	font-weight:600;
	z-index:100;
	float:left;
	text-align:center;
}

#sub_sections li a:hover {
	color:#3E820A;
	text-decoration:underline;
}


#sub_sections ul li a.image {
	display:block;
	float:left;
	width:150px!important;
	height:150px !important;

}

#sub_sections ul li a.name {
background-image:url(images/list_arrow.gif) 0 6px no-repeat;
width:100%;
}

#sub_sections ul li a.more {
width:100%;
font-size:10px;
}

#shop_section_intro {
	float: left;
	display: block;
	width: 545px;
	margin: 0 0 0 10px;
	padding: 0 0 6px 5px;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
}

#product_tabs {
	background:url(images/product_tab_bg.gif) no-repeat 0 0;
	display:block;
	clear:left;
	width:520px;
	height:35px;
	margin-top:15px;
}

#product_tab_back {
	display:block;
	float:left;
	height:35px;
	width:79px;
	min-height:35px;
	padding-top:18px;
	text-align:center;
	margin-left:24px;
	background:url(images/product_tab_back.gif) no-repeat 0 0;
}

#product_tab_terms {
	display:block;
	float:left;
	width:167px;
	height:35px;
	min-height:35px;
	padding-top:18px;
	text-align:center;
	background:url(images/product_tab_terms.gif) no-repeat 0 0;
	margin:0 0 0 218px;
}

#product_header {
	clear: left;
}

.prevnext {
	font-family:arial,helvetica,san serif;
	font-size:13px;
	font-weight:500;
	color:#000;
	text-decoration:none;
	display:block;
	clear:left;
	margin-top:10px;
	float:left;
	width:500px;
	text-align:center;
	padding:10px 0;
}

.prevnext a {
	font-family:arial,helvetica,san serif;
	font-size:13px;
	font-weight:500;
	color:#F30003;
	text-decoration:none;
}

.prevnext a:hover {
	font-family:arial,helvetica,san serif;
	font-size:13px;
	font-weight:500;
	color:#666;
	text-decoration:none;
}

.breadcrumb {
	color:#666;
	font-family:arial,helvetica,san serif;
	font-size:12px;
	text-decoration:none;
	font-weight:500;
	clear:left;
	margin:10px;
	padding: 8px 5px 0 5px;
}

.breadcrumb a {
	color:#A3A808;
	text-decoration:none;
}

.breadcrumb a:hover {
	color:#76780D;
	text-decoration:underline;
}

.left_margin {
	margin-left:20px;
	float:left;
}

#sort_intro {
	float: left;
	clear: left;
	width: 95px !important;
	color: #666;
	height: 30px;
	padding: 0 0 0 20px;
	font-size: 12px;
	line-height:22px;
}

ul#sort_buttons {
	float: left;
	padding: 0 0 10px 0;
	text-align: left;
	margin: 0;
}


ul#sort_buttons li {
	font-family: arial,helvetica,san serif; 
	font-size: 12px; 
	font-weight: 500; 
	color: #346154; 
	text-decoration: none;
	min-height: 30px;
	height: 30px;
	float: left;
	text-align: right;
	background: url("images/reorder_rightend.gif") no-repeat 100% 0;
	padding: 0 5px 0 0 !important;
	margin: 0 !important;
	display: inline !important;
	width: 120px !important;	
}

ul#sort_buttons li a {
	height: 26px;
	display: block;
	font-weight: 500; 
	color: #666;
	text-decoration: none;	
	background: url("images/reorder_leftend.gif") no-repeat 0 0;
	float: right;
	padding: 4px 0 0 5px;
	width: 110px !important;
	text-align: center;
}


ul#sort_buttons li a:hover {
	color: #666;
	text-decoration: underline;
}

/* ===================== shop product details ==================== */


.shop_price {
	color:#F3400A;
	font-size:10px;
	font-weight:500;
}

.shop_rrp {
	color:#3F6915;
	font-size:10px;
	font-weight:500;
}

#product_image {
	clear: left;
}

.shop_thumbs {
	margin-bottom:10px;
	height:170px;
}

#product-description-tidy {
	clear: left;
}

.product_thumb_name {
	color:#E55F05;
	font-size:10px;
	text-align:center;
	margin:0 8px;
	border-top: 1px dashed #ccc;
	padding: 6px 0;
}

.product_thumb_name a {
	text-decoration: none;
	color: #6D75C3;
}

.product_thumb_name a:hover {
	text-decoration: underline;
	color: #77B7C3;
}

#product_details_box {
	float: left;
	display: block;
	width: 510px;
	margin: 20px 25px 0 25px;
}

.product_name {
	color:#162903;
	font-size:18px;
	font-weight:500;
	float:left;
	width: 500px;
	display:block;
	margin:20px 10px;
}


#dyn-thumbs {
	clear: left;
}

#product_tabs {
	width: 510px;
	float: left;
	display: block;
	margin: 20px 0 0 0;
	
}

#product_image {
	float: left;
	width: 500px;
	text-align:center;
	clear:left;
	margin: 0;
}

.product_price {
	color:#F3400A;
	font-size:18px;
	font-weight:500;
}

.product_rrp {
	color:#666;
	font-size:12px;
	font-weight:500;
}

.product_saving {
	color:#ddd;
	font-size:12px;
	font-weight:500;
}

#product_options {
	background:#E2E5DF;
	border:1px solid #C7CFC0;
	display:block;
	clear:left;
	margin:5px 0;
	padding:5px;
}


#product_description_tidy {
	border:solid 1px #F0F0F0;
	background:#FAFAFA;
	clear: left;
	padding:10px;
}

#product_description_tidy p {
	clear: left;	
	margin:10px 0 0 0!important;
}

#product_description {
	clear:left;
	padding:10px;
}

#product_description ul {
	margin:0;
	padding: 0 0 0 5px;
	list-style-type:none;
	list-style-position:outside;
	clear:left;
}

#product_description ul li {
	background:url(images/description_bullet.gif) no-repeat 0 5px;
	padding:2px 0 2px 15px;
}

#associated_product_box {
	clear: left;
	margin:0;
}

.error {
	float: left;
	display: block;
	clear: left;
	margin-right: 20px;
}

.news_item {
	clear: left;
	display: block;
	width: 568px;
	padding-bottom: 7px;
}

.news_item h3 {
	margin: 10px 0 10px 1px;
	padding: 5px 10px;
	color: #fff;
	background: #0099FF;
	width: 542px;
}

.news_item p {
	padding: 7px 0 0 0;
	width: auto;
}

.news-image-left { 
	margin: 0 15px 0 0;
}

.news-image-right {
	margin: 0 0 0 15px;
}

.news_item a {
	border: 0;
}

.news_item a img {
	border: 0;
}

h1 {
	float: left;
	display: block;
	font-size: 24px;
	margin: 20px 15px 0 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
	width: 540px;
}

#column2 p {
	clear: left;
	display: block;
	margin: 15px 15px 0 15px;
	width: 530px;
}

#column2 h4 {
	clear: left;
	display: block;
	margin: 15px 15px 0 15px;
	padding: 0;
}

#column2 ul li {
	display: inline;
}



/* ==========  column 3 elements  ============= */

#column3 h2 {
	float: left;
	display: block;
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	padding: 15px 0 7px 10px;
	color: #fff;
	width: 189px;
	background-color: #0099ff;
}

#specialoffers {
	float: left;
	display: block;
	width: 199px;
}

.special_offer_block {
	float: left;
	display: block;
	clear: left;
	width: 179px;
	background: url(images/right_nav_button_bg.gif) no-repeat 0 100%;
	padding: 15px 10px 10px 10px;
}

.special_offer_block a {
	font-size: 10px;
	color: #0F514E;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
}

.special_offer_block a:hover {
	text-decoration: none;
	color: #27D3CC!important;
}

.special_offer_block .rrp_price {
	float: left;
	clear: left;
	color: #7F8EDF;
	font-size: 10px;
	font-weight: 700;
	margin-right: 4px;
}

.special_offer_block .rrp_price a {
	text-decoration: none;
	color: #7F8EDF;
}

.special_offer_block .rrp_price a:hover {
	text-decoration: none;
	color: #7F8EDF;
}

.special_offer_block .price_now {
	float: left;
	color: #D52F34;
	font-size: 10px;
	font-weight: 700;
}

.special_offer_block .price_now a {
	color: #D52F34;
	text-decoration: none;
}

.special_offer_block .price_now a:hover {
	color: #D52F34;
	text-decoration: none;
}

/* =========== footer stuff ============= */

#footer_container {
	float: left;
	clear: both;
	display: block;
	width: 948px;
	background: #0099ff;
	border: 1px solid #666;
	padding: 10px;
}


#footer_text {
	color: #fff;
	font-size: 12px;
	font-weight: 600;
}

#bflink {
	float: right;
	width: 230px;
	color: #89C3D5;
}

#bflink a {
	text-decoration: none;
	color: #89C3D5;
}

#bflink a:hover {
	text-decoration: underline;
	color: #A0E3F8;
}

/* =========== global bits ============= */

/* mailing form elements =================================================================== */

.contact_form {
	clear: left;
	float: left;
	width:400px;
	margin: 20px 20px 20px 20px;
	padding: 0 0 20px 20px;
	/*border: 1px solid #ccc;*/
	background: #fff;
	}

#contact_form ol {
	width: 200px;
	list-style: none;
	padding: 0;
	margin: 0;
	}

#contact_form ol li {
	clear: left;
	margin: 0;
	padding: 0;
	}

#contact_form ol li label {
	width: 100%;
	display: block;
	margin: 1em 0 .1em 0;
	font-size: 1em;
	font-weight: 500;
	}

#contact_form ol li input {
	display: block;
	width: 250px;
	border: 1px solid silver;
	}

#contact_form ol li textarea {
	width: 250px;
	border: 1px solid silver;
	}

#contact_form ol li input.submit {
	
	}

#contact_form #verification_img	{
	cursor: pointer;
	}

#verification_code {
	width: 120px!important;
	}

.submit {
	width: 100px!important;
	}

	
	/* ----------------------------------- DHTML Side Menu ------------------------------------------- */

	
	#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		position:relative;
		clear: left;
	}
	#dhtmlgoodies_slidedown_menu ul{
		margin:0px;
		padding:0px;
		position:relative;

	}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{
		width:199px;
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
		color: #000;
		text-decoration:none;
		display:block;
		clear:both;
		width: 176px;
		font-size: 12px;
	line-height: 21px;
	background: url(images/left_nav_button_bg.gif) no-repeat 0 0 #fdfdfd;
	padding: 0 0 0 23px;
	cursor:pointer;
	}

	#dhtmlgoodies_slidedown_menu a:hover {
		background: url(images/left_nav_button_bg_over.gif) no-repeat left center;
	}
	/*
	A tags
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:1px;

	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;
		background: url(images/submenu_hoverover.gif) no-repeat left center;
color: #fff;
padding: 4px 0 4px 18px;
font-size:12px;
display: block;
background: none;

	}

#dhtmlgoodies_slidedown_menu .slMenuItem_depth2:hover {
background: url(images/submenu_hoverover.gif) no-repeat left center;
text-decoration: none;
}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;
		font-style:italic;
		color:blue;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:red;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
	}

	/* UL tags, i.e group of menu utems.
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e.

	#dhtmlgoodies_slidedown_menu .slideMenuDiv1

	instead of

	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/

	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}
	
	
body#contact-us div#column2 ul {float:left; margin:0; padding:0 14px; width:300px;}
body#contact-us div#column2 ul li {float:left; margin:0.3em 0; width:290px; }
body#contact-us div#column2 h3 {width:300px;}
