/*********** RESET***********/

body, h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, table, tr, th, td{
	margin:0;
	padding:0;
	border:none;
}

/********** GLOBAL **********/

ul, ol, dl{
	margin:20px 0 20px 30px;
}
ul li, ol li, dl li{
	margin:3px 0;
}
ul li{
	margin:0 0 6px;
}
.align-center{
	text-align:center;
}
.align-right{
	text-align:right;
}
.clear-both{
	clear:both;
}
a:link{
	color:#c01624;
}
a:visited{
	color:#c01624;
}
a:hover{
	color:#2f6dba;
}
a:active{
}
a:focus{
}
input.checkbox{
	border:none;
	background-color:transparent;
}

/********* TYPOGRPAHY ********/

body{
	font-family:helvetica, arial, sans-serif;
	font-size:15px;
	color:#504d44;
	text-align:center;
}
h1, h2, h3, h4, h5{
	font-family:verdana, arial, sans-serif;
	color:#c01624;
}
h1{
	font-size:30px;
	margin:0 0 26px 0;
}
#content-block h1{
	margin:15px 0 26px 0;
}
#content-block h1.withh1{
	margin:15px 0 5px 0;
}
h2{
	font-size:22px;
	margin:0 0 20px 0;
}
h3{
	font-size:20px;
	margin:0 0 20px 0;
	color:#504d44;
}
h4{
	font-size:18px;
	margin:0 0 20px 0;
}
h5{
	font-size:16px;
	margin:0 0 16px 0;
	color:#504d44;
}
.graphic-heading{
	overflow:hidden;
	position:relative;
}
.graphic-heading span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
h1.graphic-heading, h2.graphic-heading{
	height:35px;
	margin:0 0 12px;
}
h1.graphic-heading span, h2.graphic-heading span{
	height:35px;
}
h1.graphic-heading.whoweare span{
	background:url('../nav/whoarewe.gif') no-repeat;
}
h2.graphic-heading.customer-feedback span{
	background:url('../nav/customer_feedback.gif') no-repeat;
}
h2.graphic-heading.topsellers span{
	background:url('../nav/topsellers.gif') no-repeat;
}
h2.graphic-heading.morenews span{
	background:url('../nav/morenews.gif') no-repeat;
}
h2.graphic-heading.news span{
	background:url('../nav/news.gif') no-repeat;
}
h5.graphic-heading{
	height:20px;
	margin:0 0 20px;
}
h5.graphic-heading span{
	height:20px;
}
h5.graphic-heading.getintouch span{
	background:url('../nav/getintouch.gif') no-repeat;
}
h5.graphic-heading.therange span{
	background:url('../nav/therange.gif') no-repeat;
}
h5.graphic-heading.importantinfo span{
	background:url('../nav/importantinfo.gif') no-repeat;
}
p{
	margin:0 0 20px 0;
	line-height:25px;
}

/********* STRUCTURE *********/

#wrapper{
	width:995px;
	margin:0 auto 20px auto;
	text-align:left;
}

/********* HEADER *********/

#header{
	position:relative;
	background:url('../nav/header.jpg') no-repeat;
	height:419px;
}
#header img#logo{
	position:absolute;
	top:100px;
	left:45px;
}
#header img#login-button, #header img#my-account-button{
	position:absolute;
	top:20px;
	left:16px;
}
#header img#logout-button{
	position:absolute;
	top:20px;
	left:99px;
}
#header img#tel-number{
	position:absolute;
	top:12px;
	right:14px;
}
ul#top-nav, ul#cat-nav{
	margin:0;
	list-style:none;
	position:absolute;
}
ul#top-nav li, ul#cat-nav li{
	margin:0;
	float:left;
}
ul#top-nav{
	top:22px;
	left:155px;
	color:#504d44;
}
ul#top-nav a{
	color:#504d44;
	font-size:11px;
	text-decoration:none;
	border-right:1px solid #504d44;
	padding:0 6px;
}
ul#top-nav a:hover, ul#top-nav li.selected a{
	font-weight:700;
}
ul#top-nav li.no-border a{
	border:none;
}
ul#cat-nav{
	top:388px;
	left:24px;
}
ul#cat-nav a{
	font-size:12px;
	color:#fff;
	font-weight:700;
	text-decoration:none;
	line-height:22px;
	display:block;
	float:left;
	height:23px;
	padding:0 7px;
	margin:0 2px 0 0;
	background:url('../nav/button_right.gif') top right no-repeat #504d44;
	position:relative;
}
ul#cat-nav a span{
	display:block;
	width:7px;
	height:23px;
	position:absolute;
	left:0;
	top:0;
	background:url('../nav/button_left.gif') no-repeat #504d44;
}
ul#cat-nav a:hover, ul#cat-nav li.selected a:hover{
	background:url('../nav/button_right_over.gif') top right no-repeat #fff;
	color:#504d44;
}
ul#cat-nav a:hover span{
	background:url('../nav/button_left_over.gif') no-repeat #fff;
}
form#search{
	position:absolute;
	top:116px;
	left:720px;
}
form#search input{
	float:left;
	height:20px;
	width:195px;
	border:none;
	background:transparent;
	margin:5px 0 0 0;
	font-size:11px;
	font-weight:700;
	color:#a6a6a6;
}
form#search input#search-button{
	width:24px;
	height:24px;
	margin: 1px 0 0 20px;
}
form#search p{
	margin:0;
}
#header-basket{
	position:absolute;
	top:268px;
	left:714px;
	width:260px;
	font-size:11px;
	font-weight:700;
}
#header-basket p{
	width:70px;
	float:left;
	margin:14px 0 0 13px;
	display:inline;
	color:#c01624;
	line-height:22px;
}
p#header-basket-prices{
	width:55px;
	color:#564d44;
	margin:14px 0 0 16px;
}
#header-basket img{
	float:right;
	clear:right;
	display:inline;
	margin:8px 0 0;
}

/********* CONTENT/PAGES *********/

#content{
	width:973px;
	margin:15px 0 15px 15px;
}
#content-block{
	width:655px;
	float:left;
	display:inline;
	margin:15px 0 15px 15px;
}
#content-block.standard-page img{
	float:right;
	display:inline;
	padding:1px;
	border:1px solid #f3f3f3;
	margin:0 0 20px 20px;
}
#breadcrumb{
	height:27px;
	line-height:27px;
	background:url('../nav/breadcrumb.gif') top left no-repeat #dad9d6;
	font-size:10px;
	padding:0 0 0 80px;
	overflow:hidden;
}
#breadcrumb a{
	color:#504d44;
}

a.full-details{
	display:block;
	width:117px;
	height:19px;
	overflow:hidden;
	position:absolute;
	top:30px;
	right:0;
}
a.full-details.enlarge{
	top:8px;
}
a.full-details span{
	position:absolute;
	display:block;
	top:0;
	width:117px;
	height:19px;
	overflow:hidden;
	background:url('../nav/full_details.gif') 0 0 no-repeat;
}
a.full-details.enlarge span{
	background:url('../nav/click_enlarge.gif') 0 0 no-repeat;
}
a.full-details:hover span{
	background-position:0 -19px;
}
.important-info{
	background-color:#f0f0ee;
	font-size:11px;
	padding:15px 15px 0;
	border:1px solid #eaeae6;
	clear:both;
}
.important-info p, #sidebar .important-info p{
	line-height:16px;
	margin:0 0 15px;
	font-size:12px;
}
#content-block.standard img{
	float:right;
	clear:right;
	margin:0 0 15px 15px;
	padding:1px;
	border:1px solid #f3f3f3;
}
#content-block.standard img.image-with-caption{
	margin:0 0 0 15px;
}
#content-block.standard .caption{
	width:204px;
	line-height:16px;
	font-size:11px;
	float:right;
	clear:right;
	padding:8px 0 0;
	margin:0 0 8px 15px;
	background:url('../nav/caption_top.gif') 0 0 no-repeat #f3f3f1;
}
#content-block.standard .caption span{
	display:block;
	padding:8px;
	background:url('../nav/caption_bottom.gif') bottom left no-repeat;
}
#content-block.standard img#back-button{
	padding:0;
	border:none;
	float:none;
	margin:0;
	clear:none;
}
#content-block ul{
	list-style:none;
	margin:20px 0;
}
#content-block ul li{
	line-height:25px;
	padding:0 0 0 22px;
	background:url('../nav/bullet.gif') 0 5px no-repeat;
}
table.delivery-costs-table{
	border:1px solid #f3f3f3;
	width:300px;
	background-color:#f0f0ee;
	font-size:12px;
	padding:10px;
	border:1px solid #eaeae6;
	margin:0 0 15px;
}
table.delivery-costs-table td, table.delivery-costs-table th{
	padding:8px;
	border-bottom:1px solid #fff;
}
#message_failure{
	border:3px dashed #e52f01;
	margin:0 0 20px;
	padding:20px 20px 5px 150px;
	background:url('../nav/alert.gif') 30px 30px no-repeat;
}
#message_failure h2{
	font-size:18px;
}
#message_failure ul{
	margin:0;
}
/*table{
	border:1px solid #f3f3f3;
	width:300px;
	background-color:#f0f0ee;
	font-size:12px;
	padding:10px;
	border:1px solid #eaeae6;
	margin:0 0 15px;
}
table td, table th{
	padding:8px;
	border-bottom:1px solid #fff;
}*/

/********* LISTS *********/

ul#list{
	margin:0;
	list-style:none;
}
ul#list li{
	height:130px;
	margin:0 0 10px;
	position:relative;
	padding:0;
	background:transparent;
	clear:both;
}
ul#list li img{
	float:left;
	display:inline;
	margin:0 10px 0 0;
	border:1px solid #f3f3f3;
}
ul#list li h2{
	font-size:18px;
	margin:0 0 8px;
	width:370px;
	float:left;
	display:inline;
}
ul#list li h2 a, ul#list li h2{
	text-decoration:none;
	color:#504d44;;
}
ul#list li p{
	font-size:14px;
	margin:0;
	width:370px;
	float:left;
	display:inline;
	line-height:20px;
}
ul#list li .highlight{
	position:absolute;
	top:0px;
	right:0;
	font-size:12px;
	font-weight:700;
	color:#c01624;
	width:117px;
	height:25px;
	line-height:27px;
	text-align:center;
	background:url('../nav/listprice_bg.gif') no-repeat #f0f0ee;
	overflow:hidden;
}
ul#list li .highlight.date{
	font-size:11px;
}
ul#list ul{
	margin:15px 0;
	list-style:none;
}
ul#list li ul li{
	height:auto;
	line-height:25px;
	padding:0 0 0 22px;
	background:url('../nav/bullet.gif') 0 5px no-repeat;
	margin:0;
}
#list.category-list li{
	width:310px;
	float:left;
	display:inline;
	clear:none;
	margin:0 15px 15px 0;
}
#list.category-list li h2{
	width:165px;
}
#list.category-list li a.full-details{
	position:absolute;
	top:auto;
	bottom:0;
}
#list.category-list li a.full-details span{
	background:url('../nav/view_products.gif') 0 0 no-repeat;
}
#list.category-list li a:hover.full-details span{
	background-position:0 -19px;
}
ul#list.gallery li{
	width:310px;
	clear:none;
	overflow:hidden;
	float:left;
	margin:0 15px 15px 0;
}
ul#list.gallery li p{
	bordeR:1px solid red;
	width:176px;
}
ul#list.gallery li a.full-details{
	top:auto;
	bottom:0;
}

/********* SIDEBAR *********/

#sidebar{
	float:left;
	display:inline;
	width:300px;
	margin:15px 0 15px 15px;
}
img.sidebar-banner{
	float:left;
	display:inline;
	margin:0 0 10px;
}
ul#sidebar-list.small li{
	width:300px;
	height:79px;
	margin:0 0 10px;;
	float:none;
}
ul#sidebar-list.small li a{
	width:300px;
	margin:0;
	background:url('../nav/topsellers_sml_bg.gif') 0 0 no-repeat #f0f0ee;
}
#sidebar p{
	margin:10px 0;
	font-size:14px;
}
#sidebar h2{
	margin:0 0 18px;
}
/********* HOME PAGE *********/

ul#homepage-banner{
	margin:15px 0 15px 15px;
	list-style:none;
	height:227px;
}
ul#homepage-banner li{
	display:inline;
}
ul#homepage-banner li a{
	display:block;
	height:227px;
	float:left;
	position:relative;
}
ul#homepage-banner li a span{
	display:block;
	height:227px;
	position:absolute;
}
ul#homepage-banner li a#hip-protection{
	width:321px;
}
ul#homepage-banner li a#hip-protection span{
	width:321px;
	background:url('../nav/hip_protection.gif') 0 0 no-repeat;
}
ul#homepage-banner li a#hip-protection:hover span{
	background-position:0 -227px;
}
ul#homepage-banner li a#helmets{
	width:342px;
}
ul#homepage-banner li a#helmets span{
	width:342px;
	background:url('../nav/helmets.gif') 0 0 no-repeat;
}
ul#homepage-banner li a#helmets:hover span{
	background-position:0 -227px;
}
ul#homepage-banner li a#back-protection{
	width:310px;
}
ul#homepage-banner li a#back-protection span{
	width:310px;
	background:url('../nav/back_and_chest_protection.gif') 0 0 no-repeat;
}
ul#homepage-banner li a#back-protection:hover span{
	background-position:0 -227px;
}
ul#three-columns{
	margin:0 0 0 15px;
	list-style:none;
	width:973px;
}
ul#three-columns li{
	float:left;
	display:inline;
}
ul#three-columns li#column1{
	width:300px;
	margin:0 15px 15px 0;
}
ul#three-columns li#column2{
	width:300px;
	margin:0 15px 15px 0;
}
ul#three-columns li#column3{
	width:343px;
	margin:0;
}
ul#three-columns li#column2 img{
	float:left;
	display:inline;
	margin:10px 0 0;
}
ul#sidebar-list{
	margin:0 0 5px;
	list-style:none;
}
ul#sidebar-list li{
	width:343px;
	height:79px;
	margin:0;
	float:none;
}
ul#sidebar-list li a{
	display:block;
	width:343px;
	height:79px;
	background:url('../nav/topsellers_bg.gif') 0 0 no-repeat #f0f0ee;
	position:relative;
	margin:0 0 10px;
	text-decoration:none;
	font-size:12px;
	font-weight:700;
	color:#504d44;
}
ul#sidebar-list li a:hover{
	background-position:0 -79px;
}
ul#sidebar-list li a img{
	position:absolute;
	border:2px solid #fff;
	top:10px;
	left:10px;
	width:55px;
	height:55px;
}
ul#sidebar-list li a span{
	display:block;
	position:absolute;
	top:11px;
	left:80px;
	right:15px;
	line-height:16px;
}

blockquote{
	width:300px;
	background:url('../nav/quote_top.gif') top left no-repeat #f0f0ee;
	padding:38px 0 0;
	overflow:hidden;
}
blockquote p{
	text-decoration:none;
	color:#504d44;
	font-size:14px;
	line-height:22px;
	padding:0 28px 10px;
	margin:0;
	background:url('../nav/quote_bottom.gif') bottom left no-repeat;
	display: block;
}
blockquote p span{
	display:block;
	text-align:right;
	color:#c01624;
	font-weight:700;
	font-style:italic;
}
ul#three-columns li#column2 blockquote p img{
	margin:10px 0 30px 105px;
	float:none;
}

/********* CONTACT FORM *********/

#standard-form{
	width:420px;
	border:1px solid #f3f3f3;
}
#standard-form fieldset{
	margin:15px;
}
#standard-form p.small{
	font-size:11px;
}
#standard-form span.required{
	font-size:14px;
	font-weight:700;
	color:#56b600;
}
#standard-form p.form-heading{
	color:#c01624;
	padding:15px 0 0;
	margin:0 0 10px;
	font-size:14px;
	font-weight:700;
	border-bottom:1px solid #f3f3f3
}
#standard-form p{
	margin:0;
	clear:left;
}
#standard-form label{
	display:block;
	width:120px;
	float:left;
	display:inline;
	font-size:12px;
	font-weight:700;
}
#standard-form input, #standard-form textarea{
	width:220px;
	border:1px solid #dad9d7;
	background-color:#f0f0ee;
	height:22px;
	margin:0 0 6px;
	float:left;
	display:inline;
}
#standard-form input.hidden{
	display:none;
}
#standard-form input.checkbox{
	margin:4px 0 4px;
	border:none;
	background:transparent;
}
#standard-form input.submit{
	width:102px;
	height:23px;
	border:none;
	margin:0 0 0 275px;
}
#standard-form textarea{
	height:110px;
	width:260px;
}
ul#form-errors{
	margin:0 0 15px;
	list-style:none;
	width:420px;
	padding:8px 0 0;
	background:url('../nav/alert_top.gif') top left no-repeat #f8f8f8;
}
ul#form-errors li{
	padding:0 10px 0 60px;
	line-height:16px;
	font-size:12px;
	margin:0 0 5px;
	background:transparent;
}
ul#form-errors li p{
	color:#da1111;
	line-height:18px;
	margin:0;
	padding:2px 0 0;
}
ul#form-errors li#error-foot{
	height:10px;
	background:url('../nav/alert_bottom.gif') bottom left no-repeat #f8f8f8;
	margin:0;
}

/********* PRODUCT PAGE *********/

#content-block.product-page #product-images{
	float:left;
	width:210px;
}
#content-block.product-page img{
	float:left;
	clear:left;
	padding:1px;
	border:1px solid #f3f3f3;
}
#content-block.product-page .caption{
	width:204px;
	line-height:16px;
	font-size:11px;
	float:left;
	clear:left;
	padding:8px 0 0;
	margin:0;
	background:url('../nav/caption_top.gif') 0 0 no-repeat #f3f3f1;
}
#content-block.product-page .caption span{
	display:block;
	padding:8px;
	background:url('../nav/caption_bottom.gif') bottom left no-repeat;
}
#content-block.product-page img.thumb{
	margin:8px 18px 8px 0;
	clear:none;
}
#content-block.product-page img.thumb.no-margin{
	margin:8px 0 8px 0;
}
#product-description{
	float:right;
	width:430px;
}
form#product-info{
	clear:both;
	margin:0 0 15px;
	width:100%;
}
form#product-info table{
	border:none;
	width:auto;
	background-color:transparent;
	font-size:inherit;
	padding:0;
	border:none;
	margin:0;
}
form#product-info tr{
	background-color:#f3f3f3;
}
form#product-info h2{
	margin:0 0 15px;
}
form#product-info td{
	padding:10px;
	width:100%;
	background-color:#f3f3f3;
	border-bottom:1px solid #eaeae6;
	border-top:1px solid #eaeae6;
}
#content-block.product-page img#product-sizing{
	border:none;
	padding:0;
	margin:10px 0 15px;
}

/********* FOOTER *********/

#footer{
	height:213px;
	width:973px;
	margin:15px 0 15px 15px;
	background:url('../nav/footer.gif') no-repeat #eae9e6;
	font-size:11px;
	color:#504d44;
	clear:both;
}
#footer ul{
	margin:0 0 0 22px;
	list-style:none;
}
#footer ul li{
	margin:23px 0 0 0;;
	width:197px;
	float:left;
	display:inline;
	line-height:18px;
}
#footer ul li#small-footer-list{
	width:177px;
}
#footer ul li a{
	color:#504d44;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}









