body {
	font: 76%/normal Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	background: #000;
	text-align:center;
}

img {
	border: none;
}

address {
	font-style: normal;
}

h2 {
	margin: 10px 15px 10px 15px; 
	font-size: 21px; 
	font-weight: 500;
}

h2 span {
	font-size: 15px;
}

h3 {
	margin: 0px 15px 0px 15px;
	font-size: 16px;
	font-weight: bold;
}

h4 {
	margin: 0px 15px 0px 15px;
	font-size: 14px;
	font-weight: bold;
}

p {
	margin: 4px 15px 12px 15px;
}

a {
	color: #DE6304; 
	text-decoration: none;
}

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

h3 a {
	color: #000;
}

hr {
	clear: both;
	margin: 8px 15px;
	border: none;
	color: #C45E31;
	background-color: #C45E31;
	height: 2px;
}

div#alignment_div {
	width:970px;
	margin:0 auto;
	background:#ccc;
	height:400px;
	text-align:left;
}

.hidden {
	display:none !important;
}


/*------------------------------
     ****** Header ******
-------------------------------*/

div#header_block {
	height:150px;
	min-height:150px;
	background:url(images/header_bg_shark.jpg) no-repeat 100% 100% #5f482b;
}

h1#header_logo {
	margin: 0;
}

h1#header_logo a {
	float: left;
	height:150px;
	width:271px;
	background:url(images/header_logo.gif) no-repeat 0 0;
}

h1#header_logo a span {
 	display: none;
 }


div#header_text {
	float:left;
}

div#header_text p.tagline {
	font-weight:500;
	color:#fff;
	font-size:18px;
	margin: 30px 0 0 30px;
}

div#header_text p.tagline strong {
	font-weight: normal;
}

div#header_text address {
	color:#F1DD49;
	font-weight:500;
	margin:10px 0 0 30px;
}

p#header_tel {
	color:#F1DD49;
	margin: 5px 0 0 30px;
	font-size: 2em;
	line-height: 1.2em;
}

p#header_tel span {
	font-size: 40%;
	line-height: 0.8em;
}


/*----- Top Nav -----*/
div#top_nav {
	height:40px;
	width:970px;
	float:left;
	background:url(images/top_nav_bg.gif) no-repeat 0 0;
}

#nav, #nav ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav a {
	display: block;
	/*width: 14em;*/
	/*w\idth: 6em;*/
	color: #7C6240;
	text-decoration: none;
	padding: 0.7em 2em 0.5em 2em;
	color:#fff;
}

#nav li {
	float: left;
	padding: 0;
	/*width: 10em;*/
	margin-top: 1px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 15.4em;
	w\idth: 14.9em;
	font-weight: normal;
	border: 0.8em solid #232323;
	border-top: none;
	margin: 0 0 0 -0.8em;
	background: #676767;
}

#nav li li {
	padding-right: 1em;
	width: 13.9em
}

#nav li ul a {
	width: 15em;
	w\idth: 13em;
	padding: 0.8em 1em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #404040;
}

/*----- END Top Nav -----*/














a#viewcart_button {
	float: right; 
	display: block; 
	background: url(images/viewcart_button.gif) no-repeat 0 0; 
	margin-top: 1px;
	padding: 11px 10px 13px 60px; 
	text-align: right; 
	text-decoration: none; 
	color: #FFFB9B; 
	font-size: 13px; 
}

a#viewcart_button:hover {
	text-decoration: underline; color: #FFA132;
}

/*------------------------------
     ****** END Header ******
-------------------------------*/



#main_content {
	float:left;
	background:url(images/main_content_bg.gif) repeat-y 0 0;
	width:970px;
	display:block;
	min-height:400px;
}

/* ------ Shop Nav -------*/
ul#shop_nav {
	width:202px;
	float:left;
	background:#E0DBD1;
	margin: 0;
	padding: 0;
}

ul#shop_nav * {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#shop_nav li {
	padding-top: 8px;
}

ul#shop_nav li span {
	font-size:16px;
	color: #fff;
	margin: 0 15px 8px 15px;
	display: block;
}

ul#shop_nav li span:after {
	content: ":"
}

ul#shop_nav li#swim {
	background:url(images/shop_nav_swim.gif) no-repeat 100% 0 #60482B;
}

ul#shop_nav li#cycle {
	background:url(images/shop_nav_cycle.gif) no-repeat 100% 0 #2B221D;
}

ul#shop_nav li#run {
	background:url(images/shop_nav_run.gif) no-repeat 100% 0 #A1876E;
}

ul#shop_nav li#accessories {
	background:#CDB39A;
}

ul#shop_nav li#products {
	background:#C45E31;
}

ul#shop_nav li#offers {
	background:#C99680;
}


ul#shop_nav li#sale a {
	background:#BF000C;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}

ul#shop_nav li#sale span {
	background:#BF000C;
	display: none
}

ul#shop_nav li#ideas a {
	background: #BF000C;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	/*font-weight: bold;*/
	margin-top: 5px;
}

ul#shop_nav li#ideas span {
	display: none;
}

ul#shop_nav li ul {
	background:#E0DBD1;
}

ul#shop_nav li ul li {
	padding: 0;
}

ul#shop_nav li ul li a {
	color:#555;
	text-decoration:none;
	display:block;
	clear:left;
	padding:6px 0 6px 15px;
}

ul#shop_nav li ul li a:hover {
	color:#000;
	background:#fff;
	text-decoration:underline;
}
/* ------ END Shop Nav -------*/

#main_centre {
	width:548px;
	float:left;
	padding:0 10px 10px 0;
}

html>body #main_centre {
	width:558px;
}

#home_content_intro {
	background:url(images/home_content_middle_bg.jpg) no-repeat 0 0 #866850;
	float: left;
	display: block;
	width: 548px;
	min-height: 66px;
	margin: 0 0 3px 10px;
}


#home_content_intro p {
	margin: 15px 40px 0 40px;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
}

#home_image_1 {
	margin: 0 0 3px 10px;
}

#home_image_2 {
	margin: 0 0 0 10px;
}

html>body #home_image_3 {
	margin: 0 0 0 10px;
}

#home_feature_banner {
	margin: 3px 0 0 10px; 
}

/*--------- Newsletter Form ----------*/

form#newsletter fieldset {
	border: 2px solid #C45E31;
	margin: 0 20px;
	background: #E0DBD1;
	padding-bottom: 15px;
}

form#newsletter fieldset legend {
	border: 2px solid #C45E31;
	background: #CDB39A;
	padding: 3px 6px;
	font-size: 0.9em;
	font-weight: bold;
}

form#newsletter fieldset p {
	float: left;
	margin: 10px 0px;
}

form#newsletter fieldset label {
	font-weight: bold;
	/*float: left;*/
	display: block;
	padding-bottom: 2px;
	margin-left: 15px;
}

form#newsletter input {
	width: 180px;
	margin-left: 15px;
}

form#newsletter fieldset p.submit {
	margin-top: 27px;
}

form#newsletter fieldset p.submit input {
	width: 80px;
}

form#newsletter fieldset p.note {
	font-size: 10px;
	margin: 0 10px;
}

/*--------- END Newsletter Form ----------*/

/*-- Best Sellers Section -- */

.bestsellers-top {
	float: left;
	width: 548px;
	height: 40px;
	background: url(images/bestsellers-bg.jpg) no-repeat;
	margin: 10px 0 3px 10px;
}

.bestsellers-top p {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 15px;
}

.bestsellers-area {
	float: left;
	margin: 0 0 3px 10px;
	background: #fff;
}

.bestseller {
	float: left;
	width: 182px;
}

.bestseller img {
	float: left;
	margin: 10px;
	width: 160px;
	height: 160px;
}

.bestseller a.name {
	margin: 0 10px 10px 10px;
	width: 160px;
	text-align: center;
	font-size: 11px;
	display: block;
}

/*------------- [ Brands ]------------*/
ul#brands {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 200px;
}

ul#brands li {
 	display: inline;
 }

ul#brands li a {
 	float: left;
	display: block;
	width: 95px;
	height: 44px;
	margin-left: 2px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-indent: -9999px;
 }

ul#brands li a span {
	display: none;
}

a#scott {background-image: url(images/brandbrick_scott.gif);}
a#oakley {background-image: url(images/brandbrick_oakley.gif);}
a#cervelo {background-image: url(images/brandbrick_cervelo.gif);}
a#mizuno {background-image: url(images/brandbrick_mizuno.gif);}
a#polar {background-image: url(images/brandbrick_polar.gif);}
a#craft {background-image: url(images/brandbrick_craft.gif);}
a#giro {background-image: url(images/brandbrick_giro.gif);}
a#ironman {background-image: url(images/brandbrick_ironman.gif);}
a#barracuda {background-image: url(images/brandbrick_barracuda.gif);}
a#high5 {background-image: url(images/brandbrick_high5.gif);}
a#asics {background-image: url(images/brandbrick_asics.gif);}
a#adidas {background-image: url(images/brandbrick_adidas.gif);}
a#aquasphere {background-image: url(images/brandbrick_aquasphere.gif);}
a#profile {background-image: url(images/brandbrick_profile.gif);}
a#blueseventy {background-image: url(images/brandbrick_blueseventy.gif);}
a#easton {background-image: url(images/brandbrick_easton.gif);}
a#quintanaroo {background-image: url(images/brandbrick_quintanaroo.gif);}
a#powerbar {background-image: url(images/brandbrick_powerbar.gif);}
a#assoss {background-image: url(images/brandbrick_assoss.gif);}
a#sis {background-image: url(images/brandbrick_sis.gif);}
a#kuota {background-image: url(images/brandbrick_kuota.gif);}
a#twoxu {background-image: url(images/brandbrick_2xu.gif);}
a#newton {background-image: url(images/brandbrick-newton.jpg);}
a#americanclassic {background-image: url(images/brandbrick_americanclassic.gif);}
a#fusion {background-image: url(images/brandbrick_fusion.gif);}
a#merida {background-image: url(images/brandbrick_merida.gif);}
a#propower {background-image: url(images/brandbrick_propower.gif);}
a#speedo {background-image: url(images/brandbrick_speedo.gif);}
a#orca {background-image: url(images/brandbrick_orca.gif);}
a#kswiss {background-image: url(images/brandbrick_kswiss.gif);}

/*------------- [ END Brands ]------------*/

/*----- Footer ----*/
div#footer {
	width: 970px; 
	height: 50px; 
	min-height: 50px; 
	display: block; 
	float: left; 
	background: url(images/footer_bg.gif) repeat-x 0 0;
}

div#footer p, div#footer address {
	float: left; 
	margin: 10px 28px 0 28px; 
	color: #fff;
}

div#footer p.small {
	font-size: 0.9em;
}

div#footer p.small a {
	padding: 0 3px;
}
/*----- END Footer ----*/



/*======================================
       ******* Shop Bits *******
======================================*/

h2#shop_header_title {
	margin: 10px !important; 
	font-size: 30px !important; 
	font-weight: 600 !important;
}

.shop_edge_top {
	width: 548px;
	height: 10px;
	font-size: 6px;
	line-height: 10px;	
	float: left;
	display: block;
	background: url(images/shop_edge_top.gif) no-repeat 0 0;
	margin: 0;
}

.shop_edge_bottom {
	width: 548px;
	height: 10px;
	min-height: 10px;
	font-size: 6px;
	line-height: 10px;
	float: left;
	display: block;
	background: url(images/shop_edge_bottom.gif) no-repeat 0 0;
	margin-bottom: 10px;	
}

div.content_box_content {
	width: 548px;
	float: left;
	display: block;
	background: url(images/shop_edge_bg.gif) repeat-y 0 0;
	margin: 0;
	padding: 0;	
	min-height: 550px;
	line-height: 1.4em;
}

html>body .content_box_content {
	width: 548px;
	margin: 0 10px;
}

div.content_box_content div.highlightbox {
	margin: 12px;
	padding: 8px;
	border: 1px solid #A1876E;
}

div.content_box_content ul {
	margin: 7px 10px 15px 50px ;
	padding: 0;
}

div.content_box_content ul li {
	margin-top: 5px;
	margin-bottom: 5px;
}

.content_box_content ul li a {
	color: #BC5D22;
	text-decoration: none;
	line-height: 25px;
}

.content_box_content ul li a:hover {
	color: #E1840B;
	text-decoration: underline;
}

html>body .shop_edge_top {
	margin: 0 10px;
}

html>body .shop_edge_bottom  {
	margin: 0 10px 10px 10px;
}

p#shop_section_intro {
	margin: 10px 15px!important;
	font-size: 0.9em;
	color: #8F8F8F;
	font-weight: normal;
	line-height: 1.3em;
}

/*html>body #shop_page_header {
	margin: 0 5px;
	padding-left: 0;
}*/

#shop_back_button{
	margin: 5px 0px 5px 10px;
	font-size: 14px; 
	color: #666; 
	font-weight: bold;
	width: 250px;
	height: 20px;
}

#shop_back_button a{
	text-decoration: none;
	color: #666;
	padding: 0px 8px 0px 8px;
	line-height: 20px;
}

#shop_back_button a:hover{
	text-decoration: underline;
	color: #F2832E;
}

/*==================== product display elements ================== */

div#product_header {
	/*float: left;*/
	display: block;
}

div#product_header h2 {
	font-size: 22px; 
	color: #000;
	font-weight: bold;
	margin: 0px 5px 0 15px;
	/*float: left;*/
}

p.product_price {
	font-size: 15px; 
	font-weight: 600; 
	color: #F30003;
	/*margin: 5px !important;*/
	margin: 5px 0 0 15px !important;
	float: left;
}

p.product_rrp {
	font-size: 15px; 
	font-weight: 600; 
	color: #F30003;
	margin: 5px 0 0 15px !important;
	float: left;
	clear: left;
	text-decoration: line-through;
}

div#product_image {
	clear: left;
	margin: 10px 0 0 10px;
	display: block;
	width: 527px;
	text-align: center;
	padding-bottom: 15px;		
	border-bottom: 1px solid #aaa;
}

div#product_description{
	font-size: 13px;
	clear: left;
	/*float: left;*/
	width: 507px;
	display: block;
	margin: 0 5px 10px 10px;
	border-bottom: 1px solid #ddd;
	padding: 15px 10px;	
}

div#product_description ul {
	width: 480px;
	display: inline;
	list-style: bullet;
}

div#product_description ul li {
	margin: 10px 0 0 10px;
	padding: 0 0 0 20px;
}

div#product_options {
	display: block;
	clear: both;
	/*float: left;*/
	width: 527px;
	margin: 0 10px 0 10px;
	padding: 0;
}

div#associated_product_box{
	width: 527px;
	margin: 0 10px 0 0;
	background: #eee;  
	/*float: left;*/
	clear: left;
}


/*======================== previous & next bits ========================*/


p.prevnext {
	font-family: arial,helvetica,san serif; 
	font-size: 12px; 
	font-weight: 600; 
	color: #000;
	float: left;
	display: block;
	width: 507px;
	margin: 10px 0;
}

p.prevnext a {
	font-weight: 500; 
	color: #F30003;  
	text-decoration: none;
}

p.prevnext a:hover {
	color: #666; 
	text-decoration: none;
}


/*======================== breadcrumb ========================*/


.breadcrumb {
	color: #666; 
	font-size: 12px; 
	font-weight: 600; 
	margin: 10px; 
	border-top: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
	padding: 10px 5px;
}

.breadcrumb a {
	color: #000; 
	text-decoration: none; 
	margin: 0 4px;
}

.breadcrumb a:hover {
	color: #DE6304; 

}


/*======================== subnav links elements ========================*/


#subnav {
	display: block;
	float:left;
	clear: left;
	width: 527px;
}

#subnav ul {
	background: url(images/subnav_underline.gif) repeat-x  0 100%;
	padding-bottom: 15px;
	margin: 0;
	float: left;
}

#subnav ul li{
	text-decoration: none;
	color: #666;
	line-height: 19px;
	width: 400px;
	float: left;
	clear: left;
}

#subnav ul li a{
	text-decoration: none;
	color: #666;
	padding: 3px;
}

#subnav ul li a:hover{
	text-decoration: none;
	color: #ff0000;
	background: #f8f8f8;
}


/*======================== thumbnail elements ========================*/


#product_thumbs_frame {
	width: 527px;
	float: left; 
	display: block;
	background: #fff;
	margin: 10px 0 0 5px;
}

html>body #product_thumbs_frame {
	margin: 10px 5px;
}

.product_thumbs {
	width: 170px;
	text-align: center;
	float: left;
	display: block;
	height: 170px;
	min-height: 170px;
}

.product_thumb_image {
	/*float: left;*/
	display: block;
	clear: left;
	/*width: 170px;*/
	text-align: center;
}

p.product_thumb_name {
	/*float: left; */
	display: block; 
	/*width: 170px;*/
	margin: 0;
}

p.product_thumb_name a{
	text-decoration: none;
	color: #165252;
}

p.product_thumb_name a:hover {
	text-decoration: none;
	color: #1D7878;
}

span.prodprice2 {
	font-size: 11px;
	font-weight: bold;
	color: #F30003;
}


/*form tidying elements - WTF? =============================== */


form {
	margin: 0px;
	padding: 0px;
}

.form_tidy{
	border: 1px solid #ddd;
	background: #fdfdfd;
	padding: 5px;
	text-align: left;
	margin: 7px 5px 0 5px;
}

.form_rank{
	width: 500px;
	text-align: right;
	color: #666;
	padding: 5px;
	clear: both;
}

.form_right_col {
float: right;
	width: 250px;
	margin-left: 10px;
	text-align: left;
}


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

table.tpl_addprod {
	margin: 0 8px;
	display: block;
	border: 1px solid #DDDDDD;
	background: #FDFDFD;
	font-size: 1em;
}

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


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

table.tpl_checkout {
	margin: 3px 8px;
	width: 96%;
	font-size: 1em;
	border-collapse: collapse;
	padding: 0;
	background: #FDFDFD;
	border: 1px solid #DDDDDD;
}

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

table.tpl_checkout th {
	font-size: 1.1em;
	text-align: left;
	color: #000;
}

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


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

#tpl_viewcart1, #tpl_viewcart2 {
	color: #666666;
	border: 1px solid #DDDDDD;
	font-size: 1em;
	margin: 3px 8px;
	width: 96%;
}

#tpl_viewcart1 th {
	text-align: left;
	color: #000;
}


h3.checkout {
	color: #000;
	font-size: 1.1em;
	margin: 0 0 10px 8px;
	width: 300px;
}

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



/*======================================
       ******* END Shop Bits *******
======================================*/

.floatleft {
	float: left;
}

.floatright {
	float: right;
}