html {
	background: url(/images/bg.jpg) 900px 0 no-repeat;
}

body {
	margin: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
}

a {
	cursor: pointer;
}

img {
	border: none;
}

div#container {
	width: 962px;
	background: #fff;
	overflow: auto;
	margin:0 auto;
}

h2 {font-weight: normal; margin: 7px 0; font-size: 1.7em; clear: both;}

p {font-size: 0.85em; line-height: 1.6em; margin: 10px 0;}

/*p.homecopy {font-size: 0.95em; line-height: 2.4em !important;}*/
div#homecopy p {font-size: 0.95em; line-height: 2.4em !important;}
/* ------------------------- Left Side, Logo, Nav and Mailing List ----------------------------------- */

div#leftpanel {
	width: 216px;
	float: left;
	margin-right: 10px;
}

h1#logo {
	width: 170px;
	height: 123px;
	margin: 0;
	background: url(/images/logo.jpg) no-repeat left top;
	float: left;
}

h1#logo span {display: none;}

#networks {
	float: left;
	padding-top: 96px;	
}

ul#leftnav li ul li ul {display: none;}

ul#leftnav li#top {
	padding-left: 5px;
	color: White;
	height: 25px;
	background: url(/images/brandtitlebg.jpg) repeat-x left top;
	font-weight: bold;
	padding-top: 6px;

}

ul#leftnav,ul#leftnav li ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#leftnav li ul {background: #f9e9ed;}

ul#leftnav li span {
	color: #000;
	font-weight: bold;
	padding: 3px 0;
	border-top: 3px solid #b8142d;
	border-bottom: 3px solid #b8142d;
	display: block;
	padding-left: 6px;
	background: #fff;
	_height: 1em;
	font-size: 0.9em;
}

ul#leftnav li ul li a {
	border: none;
	color: Black;
	font-size: 0.85em;
	font-weight: bold;
	line-height: 1.1em;
	background: #f9e9ed url(/images/leftnav_arrow.gif) no-repeat 6px 4px;
	padding-left: 17px;
	text-decoration: none;
}

ul#leftnav li ul li a:hover {text-decoration: underline;}

span.main_highlight {
	color: #B5112A !important;
	border-top: 3px solid #B5112A !important;
	border-bottom: 3px solid #B5112A !important;
}

.nav_highlight, ul#leftnav li ul li.nav_highlight a {
	background: #b7132c url(/images/brands_arrow_white.gif) no-repeat 6px 4px;
	background-color: #b7132c !important;

	color: #fff;
}

form.mailinglistform {
	border: 3px solid #1b9b37;
	width: 210px;
	margin: 5px 0 4px 0;
	padding: 0;
	font-size: 0.85em;
	background: url(/images/mailinglist-bg.gif) no-repeat right top;
	clear: both;
}

form.mailinglistform fieldset {border: none; padding: 3px;}

form.mailinglistform span{
	color: #000;
	font-size: 1.4em;
	border-bottom: 1px dashed #999;
display: block;
margin-bottom: 3px;
font-weight: bold;
}

form.mailinglistform input {border: 1px solid #000; width: 155px; margin-top: 6px;}

input#submitbutton {
border: 1px solid black;
background: #fff;
float: right;
width: 45px;
margin-right: 6px;
cursor: pointer;
}
/* ------------------------------------------------------------------------- */

div#content {
	width: 736px;
	float: left;
	background: #fff url(/images/topheader.jpg) no-repeat left top;
}

ul#topnav {
	margin: 95px 0 0 0;
	padding: 0;
	list-style-type: none;
	overflow: auto;
}

ul#topnav li {
	background:url(/images/norm_right.gif) no-repeat right top;
	float: left;
	margin-right: 2px;
	
}

ul#topnav li a {
	float: left;
	background:url(/images/norm_left.gif) no-repeat left top;
	padding:5px 6px 5px 6px;
	color: #000;
font-weight: bold;
	text-decoration: none;
font-size: 0.9em;
}

ul#topnav li#current {
	background:url(/images/on_right.gif) no-repeat right top;
	
}

ul#topnav li#current a {
	background:url(/images/on_left.gif) no-repeat left top;
	color: #fff;
}

ul#topnav li#current a:hover {
	color: #fff;
}

ul#topnav li a:hover {
	color: #5bbc6f;
}

/* ------------------------------------------------------------------- */

/* ---------------------- Left Inner Column -------------------------- */

div#leftinner {
	float: left;
	width: 528px;
	margin-top: 4px;
}

ul#homepagebanners {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	clear: both;
overflow: auto;
}

ul#homepagebanners li {
	float: left;
	width: 258px;
	height: 119px;
	margin: 0 9px 9px 0;
}

ul#homepagebanners li a {
	display: block;
	width: 258px;
	height: 119px;
}

ul#homepagebanners li span {display: none;}
ul#homepagebanners li#runningshoes {background: url(/images/banners/homepage/runningshoes.jpg) no-repeat left top;}
ul#homepagebanners li#runningclothing {background: url(/images/banners/homepage/runningclothing.jpg) no-repeat left top; margin: 0 0 9px 0;}
ul#homepagebanners li#inov8 {background: url(/images/banners/homepage/inov8xtalon212.jpg) no-repeat left top;}
ul#homepagebanners li#racemaps {background: url(/images/banners/homepage/racemaps.jpg) no-repeat left top;margin: 0 0 9px 0;}
ul#homepagebanners li#watches {background: url(/images/banners/homepage/watches_heartmonitors.jpg) no-repeat left top;}
ul#homepagebanners li#distancemonitors {background: url(/images/banners/homepage/speeddistancemonitor.jpg) no-repeat left top;margin: 0 0 9px 0;}
ul#homepagebanners li#runningsunglasses {background: url(/images/banners/homepage/runningsunglasses.jpg) no-repeat left top;}
ul#homepagebanners li#salesection {background: url(/images/banners/homepage/salebanner.jpg) no-repeat left top;margin: 0 0 9px 0;}


/* ---------------------- Right Inner Column -------------------------- */


div#rightinner {
	float: right;
	width: 198px;
	margin-top: 4px;
}

/* ----------------------- Shopping Basket ----------------------------- */

iframe.basket {
	border: 3px solid #1b9b37;
}

body.iframe {
	background: #fff;
	margin: 5px;
}

body.iframe img {float: left; margin-right: 3px; margin-bottom: 3px;}

body.iframe h1 {margin: 0 0 6px 0; padding-top: 6px;}

body.iframe h1 a {
	font-size: 0.5em;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

body.iframe h1 a:hover {
	color: #1b9b37;
}

body.iframe p {
	margin: 0;
	line-height: 1.4em;
	clear: left;
}
body.iframe p a {color: #000;text-decoration: none;}
body.iframe p a:hover {color: #1b9b37;text-decoration: none;}

/* --------------------------------------------------------------------- */

p#orderhotline {
	margin: 1px 0 2px 0;
	color: #fff;
	text-align: center;
	width: 170px;
	height: 38px;
	background: url(/images/hotlinebg.jpg) no-repeat left top;
	line-height: 1.4em;
	font-size: 0.9em;
	padding: 4px 0 0 28px;
}

form.search {
	margin: 0;
	padding: 0;
	border: none;
	border: 3px solid #1b9b37;
	width: 192px;
	margin-bottom: 3px;
}

form.search fieldset {
	margin: 0;
	padding: 5px;
	border: none;
	font-size: 0.85em;
}

form.search fieldset label {
	font-weight: bold;
}

input#submit {
	border: 1px solid black;
	color: black;
	background-color: #fff;
	width: 25px;
	font-size: 0.85em;
	padding: 2px 0;
	height: 20px;
cursor: pointer;
}

input#search {
	background-color: white;
	width: 87px;
	border: 1px solid black;
	height: 16px;
}

ul#brands {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#brands li ul {
	display: none;
}

ul#brands li#top {
	padding-left: 5px;
	color: White;
	height: 25px;
	background: url(/images/brandtitlebg.jpg) repeat-x left top;
	font-weight: bold;
	padding-top: 6px;
	margin-bottom: 2px;
}

ul#brands li a {
	color: #000;
	text-decoration: none;
	font-size: 0.85em;
font-weight: bold;
	display: block;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background: #f9e9ed url(/images/brands_arrow.gif) no-repeat 5px 9px;
	padding: 2px 0 2px 20px;
	_height: 1em;
}

ul#brands li a:hover {text-decoration: underline;}

/* --------------------------- Shop Pages ------------------------------ */

h2.shoptitle {
border-top: 3px solid #1C9A36;
border-bottom: 3px solid #1C9A36;
color: #000;
padding: 4px 0;
font-size: 1.15em;
font-weight: bold;
margin: 0;
}

h2.producttitle {
	border-top: 3px solid #1C9A36;
	border-bottom: 3px solid #1C9A36;
	color: #000;
	padding: 4px 0;
	font-size: 1.15em;
	font-weight: bold;
	margin: 0;
    text-transform: uppercase;
}

p.tree {
color: #000;
margin: 0 0 5px 0;
background: #e9f6ec;
padding: 3px 5px;
}
p.tree a {
color: #000;
text-decoration: none;
font-size: 1em;
}

p.introcopy {line-height: 1.5em; }
p.separator { display: block; height: 3px; background-color: #1b9b37; margin-top: 10px; margin-bottom: 10px; }
span.separator { display: block; height: 3px; background-color: #1b9b37; margin-top: 10px; margin-bottom: 10px; }

table.productholder {
width: 100%;
border-collapse: collapse;
}

table.prod-thumb {
float: left;
/*width: 165px; - 3 across*/
width: 251px;
border-collapse: collapse;
font-size: 0.85em;
/*height: 170px; - 3 across*/
height: 190px;
line-height: 1.4em;
border-right: 1px solid #DBEDDF;
margin-left: 12px;
color: #000;
font-weight: bold;
text-transform: uppercase;
}



table.prod-thumb tr td a {color: #000; text-decoration: none; font-size: 1em; font-weight: bold;}

span.thumb-price {color: #C30016; font-size: 1em; font-weight: bold; }

span.rrp-price {font-size: 1em; margin-right: 3px; color: #000;font-weight: bold; }

span.save-price {color: #000; font-size: 1em; font-weight: bold; }

table.price-table tr td { padding: 0px; margin: 0px; }

a.moreinfo {
color:#000!important; 
text-decoration: none;
text-transform: capitalize;
font-weight: normal;
width: 240px;
text-align: center;
background-color: #F9E9ED;
display: block;
border: 1px solid #AB0720;

padding-bottom: 6px;
}

a.moreinfo:hover, table.prod-thumb tr td a:hover {color: #000;}

span.main-product-price {
	color: #C30016;
}

table.product {border-collapse: collapse !important;  width: 100%; margin: 15px 0;}

table.product p {margin: 4px 0;}

table.product tr.lightcolourstrip td {
	border-bottom:3px solid #1C9A36;
	border-top:3px solid #1C9A36;
	background: #e9f6ec; 
	font-size: 0.85em;
	font-weight: normal; 
	padding: 4px 4px;
}

table.product tr.lightcolourstrip td form { margin:0; }

input.order_button {
border: none;
background: #1C9A36;
color: #fff;
padding: 3px 2px;
float: right;
margin-right: 4px;
}

td#product-desc p {
font-size: 1em;
}


/* -------------------- Brands Pages ----------------- */

img.brandlogo {float: right; margin: 0 0 15px 15px;}

/* --------------------------------------------------- */


/*------------------------------ Footer --------------------------------- */

div#footer {
	background: #36a74f url(/images/footer.jpg) repeat-x left top;
	clear: both;
	width: 962px;
	padding-top: 10px
}

p#footerlink {color: #bbddc2; margin: 0 0 0 16px; float: left;}

p#footerlink a {color: #bbddc2;text-decoration: none;}
p#footerlink a:link, p#footerlink a:visited {color: #bbddc2;text-decoration: none;}
p#footerlink a:hover {color: #bbddc2;text-decoration: underline;}
p#footerlink a:active {color: #bbddc2;text-decoration: none;}

p#footerlink span {
	margin: 0 20px;
	color: #bbddc2;

}

p#address {color: #fff; clear: both;margin: 0 0 0 16px;}

p#address a {color: White;text-decoration: none;}
p#address a:hover {text-decoration: underline;}
p#bf {
      color: #fff;
      font-size: 0.85em;
      text-align: right;
      margin: 0 16px 0 0;
		float: right;
}

p#bf a {
      color: #fff; 
      font-weight: bold; 
      text-decoration: none;
}

p#bf a:hover {
      color: #fff;
      text-decoration: underline;
}

p#bf span a, #bf span a:hover {
      color: #fff;
      font-weight: normal; 
      text-decoration: none;
}

        #contact_form
		{
			margin: 0px;
			padding: 0px;
		}

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

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

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

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

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

		#contact_form ol li input.submit
		{
cursor: pointer;
		}

		#contact_form #verification_img
		{
			cursor: pointer;
        }
		  
		  
/*-------------- [ tpl_addprod ] ------------------*/

table.tpl_addprod {
	width: 525px;
	border: 1px solid #1C9A36;
	background: #fff;
	font-size: 0.9em;
	background: #F1F8F2;
	margin: 10px 0;
	border-collapse: collapse;
}

table.tpl_addprod tr td {
	padding: 4px;
	vertical-align: top;
}

input.go_button, input.formbutton, input.button {
	border: none;
	background: #1C9A36;
	color: #fff;
	padding: 2px 5px;
	cursor: pointer;
}

/*------------ [ END tpl_addprod ] ------------------*/


/*--------- [ tpl_viewcart ] --------*/

#tpl_viewcart1, #tpl_viewcart2 {
	border: 1px solid #1C9A36;
	font-size: 0.9em;
	width: 525px;
	border-collapse: collapse;
	background: #F1F8F2;
	margin-bottom: 15px;
}

#tpl_viewcart1 tr td, #tpl_viewcart2 tr td {
	padding: 4px;
}
#tpl_viewcart1 th {
	text-align: left;
	background: #1C9A36;
	color: #fff;
	padding: 4px;
}

/*--------- [ END tpl_viewcart ] --------*/

/*--------- [ tpl_checkout ] --------*/

table.tpl_checkout {
	border: 1px solid #1C9A36;
	font-size: 0.9em;
	width: 525px;
	border-collapse: collapse;
	background: #F1F8F2;
	margin: 10px auto;
}

table.tpl_checkout tr td, .tpl_checkout tr th {
	padding: 4px;
}

table.tpl_checkout th {
	background: #1C9A36;
	color: #fff;
}

/*--------- [ END tpl_checkout ] --------*/

/* ---- assocaited products ---- */
div#associated_products {

background:#F5F5F5 none repeat scroll 0 0;

border:1px solid #EEEEEE;

padding:10px 16px;

width:100%;

margin: 0 0;

font-size:.85em;

}



div.ass_main {margin:7px 0;}



div.ass_main img {

border:3px solid #CFCFCF;

margin:6px 0 -2px;

}



/*div.ass-pro {width:128px; margin:-6px 0 0;}*/



div.ass_main h4 {

font-size:0.9em;

font-weight:bold;

margin:5px 0 0;

}

div.ass_main h4 span {margin:0 4px;}

div#associated_products select {

border:1px solid #DFDFDF;

font-size:1.1em;

margin:4px 0;

padding:2px 0 2px 4px;

width:13em;

}

input.order_button {
	cursor: pointer;
}

/*---- Contact Form ----*/
.star {
color:#f00;
}

form#contactform {
	margin: 2em 0 0 1.4em;
}

form#contactform fieldset {
	width: 40em;
	font-size:0.85em;
	border: 1px solid #cdcdcd;
	padding: 1em 0;
}

form#contactform fieldset p {
margin:0.7em 0;
padding:0;
}

form#contactform legend {
	border: 1px solid #999;
	font-weight: bold;
}

form#contactform label {
	font-weight: bold;
	text-align: right;
	padding: 0 0.8em 0 0;
	width: 14em;
	display: block;
	float: left;
}

form#contactform input, form#contactform textarea {
	width: 18em;
padding:0.2em;
	border: 1px solid silver;
}

form#contactform textarea {
	width: 18.6em;
}

form#contactform input:hover, form#contactform textarea:hover {
	border-color: gray;
}

form#contactform input:focus, form#contactform textarea:focus {
	border-color: black;
}



form#contactform p.leftspacing {
	margin-left: 14.8em;
}



form#contactform input#verification_code {
	width:14.4em;
}

	

form#contactform input#submit {
margin:1em 0 0 0;
width: 10em;
font-weight:bold;
background:#92C97C;
border:1px solid #66A14F;
vertical-align:middle;
cursor:pointer;
}

form#contactform input#submit:hover {
background:#FBFA9B;
border:1px solid #EAD808;
}


input.assocsubmit {
	cursor: pointer;
	color:#000!important; 
	text-decoration: none;
	font-size: 1em;
	line-height:2em;
	height:2em;
	font-weight: bold;
	width:90%;
	text-align: center;
	display: block;
	padding:0;
	margin: 10px 0 10px 0;
	background-color: #F9E9ED;
	border: 1px solid #AB0720;
}

input.assocsubmit:hover {
	color: #000;
}

a.assoc_name {
	text-transform: uppercase;
	color: #b8142d;
	text-decoration: none;
}

table.assocholder {
	width: 100%;
	border-collapse: collapse;
}

table.assoc-thumb {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.85em;
	height: 190px;
	line-height: 1.4em;
	border-right: 1px solid #DBEDDF;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	
}

p#assocmessage {
	text-transform: uppercase;
	color: #000;
	width: 100%;
	margin-left: 30px;
	font-size: 0.95em;
	font-weight: bold;
}

tr.assocarea {
	background-color: #E9F6EC;
}

tr.assocarea#top td {
	border-top:3px solid #1C9A36 !important;
}

tr.assocarea#btm td {
	border-bottom:3px solid #1C9A36;
	height:3px;
	line-height:3px;
}

/* -- Hot Products Icon -- */

.brands-image {
	
	display: block;
	text-align: center;
	vertical-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.brands-image img {
	
	display: inline-block;
	margin-top: 7px;
	
}

.feat-prod {
	
	display: block;
	position: relative;
	top: 110px;
	z-index: 5;
	margin-right: -20px !important;
}

.hot {
	float:right;
	position:relative;
	top: -90px;
	margin-right: 10px;
	margin-top: -33px;
}

.featured {
	
	display: block;
	margin-top: -30px;
}