/*
	1. Text/Colours
	2. Layout
	3. Web Parts
		3.1  Pay Your Account tab
		3.2  Pricing Policy tab
		3.3  Ads
		3.4  Range Ad
		3.5  Radio Ad
		3.6  Brands Scroller
		3.7  Site Credits tab
		3.8  Help links
	4. Form Elements
		4.1  Buttons
		4.2  Inputs
	5. Shop
		5.1 Cart Tools
		5.2 Categories
		5.3 Items
		5.4 Item Details
			5.4.1 Item Title
			5.4.2 Item Assets
			5.4.3 Item Info
			5.4.4 Item Options
			5.4.5 Item Activities
		5.5 Cart
			5.5.1 Checkout Button
			5.5.2 Cart Grid
			5.5.3 Shipping Estimator
		5.6 Checkout Signin
		5.7 My Account
			5.7.1 Tabs
			5.7.2 Pager
			5.7.3 Orders
		5.8 Checkout
*/
/*************************
	1. TEXT/COLOURS
**************************/
body{
	margin:0;
	padding:0;
	font:small 'Lucida Sans Unicode', Myriad, Sans-serif;
	background:#212221 url(../images/gfx/pattern.gif);
	color:#BFBFBF;
	text-align:center;
}
a:link, a:visited{
	color: #BFBFBF;
	background-color:#212221;
	text-decoration: none;
}
a:hover{
	color: #FFF;
	background-color:#212221;
	text-decoration: none;
}
#site-credits a{color:#fff; background:#FEBE10 url(../images/gfx/tab.gif) center top; text-decoration:none;}
#wrap a:link, #wrap a:visited,
#wrap a:focus, #wrap a:active{color:#3B8ABF; background-color:transparent; text-decoration:underline;}
#wrap a:hover{color:#3B8ABF; background-color:transparent; text-decoration:none;}
ul#ads li#instore-ad a.adlink, ul#ads li#web-ad a.adlink{
	text-decoration:none;
	font-weight:bold;
	font-size:130%;
	line-height:normal;
	text-transform:lowercase;
	font-family:'Lucida Sans Unicode', Myriad, Sans-serif;
}
ul#ads li#instore-ad a.adlink span{background-color:#FFBD11; color:#fff;}
ul#ads li#web-ad a.adlink span{background-color:#005A9C; color:#fff;}
#container{
	font-size:100%;
	position:relative;
}
#wrap{
	line-height:1.8;
	background-color:#fff;
	color:#575757;
}
ul, ol, p, blockquote, table.border{margin-bottom:1.5em;}
li{list-style-position:outside; margin-left:3em;}
ul{list-style-type:square;}
ol{list-style-type:decimal;}
#help li, ul#ads li, ul#listMenuRoot li, ul#listMenuSide li, #footer li{list-style-type:none; list-style-position:inherit; margin-left:0;}
h1, h2, h3, h4, h5, h6{
	background-color:#FFF;
	color: #005a9c;
	font-family:'Trebuchet MS', Futura, Sans-serif;
	font-weight:normal;
	line-height:normal;
}
h1{font-size:180%; margin-bottom:0.8em;}
h2{font-size:140%;}
h3{font-size:120%}
h4, h5, h6{font-size:100%;}
#help h3, #brands-container h2{color:#BFBFBF; background-color:#222222; font-weight:bold; font-size:120%;}
#help h3{
	display:inline;
}
#site-credits span, #footer{
	font-size:90%;
}
/*tables with borders*/
table.border, table.border td, table.border th{
	border:1px solid #005A9C;
	padding:0.5em;
}
table.border{margin-top:1.5em; width:100%;}
#breadcrumbs{
	text-align:right;
	margin-right:20px;
}
/**************************
	2. LAYOUT
**************************/
#container{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:904px;
}
#home #container{position:relative}
#masthead{
	position:relative;
	margin-bottom:25px;
	height:229px;
	width:100%;
	clear:both;
}
#masthead #listMenuRoot{
	position:absolute; 
	bottom:5px; 
	right:10px; 
	z-index:2;
}
#masthead .submenu{
	position:absolute; 
	bottom:-25px; 
	right:10px; 
	z-index:2;
}
#masthead h1 a:link, #masthead h1 a:visited, #masthead h1 a:hover{
	height:229px;
	width:906px;
	margin:0;
	padding:0;
	line-height:0px;
	display:block;
	position:relative;
	background:transparent;
}
#masthead h1{
	height:229px;
	width:906px;
	margin:0; 
	padding:0;
	line-height:53px;
	text-indent : -9999px;
	text-decoration:none;
	background:url(../images/gfx/masthead.png) no-repeat;
	display : block; 
	position:relative;
	z-index:1;
}
#masthead #banners{
	position:absolute;
	right:0;
	top:0;
	z-index:0;
	text-align:right;
}
#masthead #banners img{
	position:absolute;
	top:0;
	right:0;
}
#wrap{
	width:100%;
	overflow:hidden;
}
#wrap h1, #inner, #breadcrumbs{margin:10px;}
#inner h1, #home h1{margin-left:0}
#main{
	width:100%;
	float: left;
	margin:10px -365px 10px 10px;
}
#main #content{
	margin-right:365px;
}
#sidecontent{
	width: 335px;
	float: right;
	margin:10px 7px 10px 0;
}
#internal #sidecontent{margin:10px 10px 10px 0;}
#home #main{margin:10px -455px 40px 10px;}
#home #main #content{margin-right:455px; position:relative; z-index:3;}
#home #sidecontent{width: 425px;}
#footer {
	padding-top:2em;
	text-align:center;
	border-top:1px solid #5F5F5F;
}
#footer li{
	display:inline;
}
/**************************
	3. WEB PARTS
**************************/

/* 3.1 Pay Your Account tab */
a.cc-pay{
	display:block;
	background:url(../images/gfx/blue-tab.gif) no-repeat bottom left;
	width:100px;
	padding:0.2em 0.4em 1em 0.4em;
	margin-bottom:-1em;
	position:absolute;	
	top:0;
	left:0;
	color:#fff;	
	font-size:0.9em;	
}
/* 3.2 Pricing Policy tab */
#pp{position:relative;}
#pricing-policy{
	text-indent:-9999px;
	position:absolute;
	right:-25px;
	top:0px;
}
#pricing-policy a{
	display:block;
	height:87px;
	width:25px;
	background:url(../images/gfx/pricing-policy.png) 0 0 transparent no-repeat;

}

/* 3.3 Ads */
ul#ads{
	clear:both; 
	width:100%;
}
ul#ads li{
	width:47%; 
	height:175px; 
	position:relative; 
	border:1px solid #e4e4e4;
}
ul#ads li#instore-ad{
	float:left;
	margin-left:10px;
}
ul#ads li a.adlink{/*links*/
	display:block; 
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:175px;
	z-index:2;
}
ul#ads li#instore-ad a.adlink{/*link background image*/
	background:url(../images/gfx/instore-ad.jpg) no-repeat top right;
	height:230px;
}
ul#ads li#web-ad a.adlink{/*link background image*/
	background:url(../images/gfx/web-specials.png) no-repeat bottom right;
	height:73px;
}
ul#ads li#instore-ad a.adlink span, 
ul#ads li#web-ad a.adlink span{/*link text*/
	position:absolute; 
	bottom:5px; 
	right:40px; 
	display:block; 
	text-align:right;
}
ul#ads li#web-ad{float:right; margin-right:10px;}
ul#ads li#web-ad img{
	position:absolute;
	bottom:65px;
	right:0;
	z-index:1;
}
ul#ads li#web-ad .retail{display:none;}/*hide the rrp price*/
ul#ads li#web-ad .discount{
	display:block;
	background:#FED310 url(../images/gfx/starburst.gif) no-repeat;
	height:82px;
	width:100px;
	color:#bd0605;
	font:bold 100% Arial, Helvetica, sans-serif;
	padding:20px 26px;
	text-align:center;
	position:absolute;
	bottom:0;
}
ul#ads li#web-ad .discount span{display:block; font-size:140%; }
ul#ads li#web-ad a{text-decoration:none;}
li#web-ad h2, li#web-ad h3{margin-left:10px; position:relative;font-size:100%;}
li#web-ad h2{margin-top:5px; font-size:130%;}

/* 3.4 Range Ad */
#range-ad{margin-top:15px;margin-left:-7px;}
#range-ad, #range-ad a{
	width:309px;
	height:213px;
	overflow:hidden;
	float:left;
	display:block;
	position:relative;
}
#range-ad a{
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
	background:url(../images/gfx/range-ad.jpg) no-repeat;
}

/* 3.5 Radio Ad */
#radio-ad{
	background:url(../images/gfx/ad-background.jpg) no-repeat  right top; 
    height:75px;
    margin-bottom:15px;
	overflow:hidden;
    position:relative;font-size:0.8em;
	color:#005a9c;
}
#internal #radio-ad{
    background-position:left top;
    width:122px;
    margin-right:90px;
}
#radio-ad p{
    margin:0;
    padding:0;
    text-align:right;
    margin-right:8px;
}
#radio-ad .date{
    line-height:1;
    position:absolute;
    margin:0;top:13px;
    left:3px;
    width:45px;
    text-align:center;
	color:#575757
}
#radio-ad .bike-week{margin:20px 8px 5px 0;font-size:1.2em;}
#radio-ad a,#radio-ad a:link,#radio-ad a:visited{
    background:transparent;
    text-decoration:underline;
    color:#005a9c;
}
#radio-ad a:hover{text-decoration:none;}
#flash1{
	width:38px;
	background:#E8E9EB;
	position:absolute;
	bottom:8px;
	right:56px
}

/* 3.6 Brands Scroller*/
#brands-container h3{
	margin-bottom:2px;
}
#brands-container{
	background:#212221 url(../images/gfx/scroller.gif) no-repeat;
	color:#fff;
	height:194px;
	width:89px;
	padding:8px;
	float:right;
    margin-top:16px;
}
.brands{ 
    height:170px; 
    width:90px; 
    padding:0;
    margin:0px auto 0 auto;
	overflow:hidden;
}
.brands img { 
    margin-bottom:6px; 
    border:1px solid #ccc; 
    width:90px;
    height:80px;
    top:0;
    left:0;
}

/* 3.7 Site Credits tab */
#site-credits{
	text-align:right;
	background:url(../images/gfx/bottom.gif) no-repeat top;
	padding-top:21px;
}
#site-credits span{
	background:url(../images/gfx/tab.gif) no-repeat 770px top;
	padding:0 15px;
	height:23px;
	display:block;
}

/* 3.8 Help links */
#help{
	width:100%;
	overflow:hidden;
	margin:2em 0;
	padding-top:2em;
	border-top:1px solid #5F5F5F;
}
#help ul{
	float:left;
	width:20.5%;
	padding:0 2%;
	border-left:1px dashed #5F5F5F;
	margin:0;
}
#help #Subscribe_pnlMenu{
	border-left:none;
	margin-left:1%;
	float:left;
	margin-right:1%;
	overflow:hidden;
}
#help #Subscribe_pnlMenu li{margin:0 0 3px 0; zoom:1; padding:0;}
#help #Subscribe_pnlMenu fieldset{
	margin-bottom:0;
	position:relative;
}
#help #Subscribe_pnlMenu label{
	width:3em;
}
#help #Subscribe_pnlMenu .textbox{
	float:left;
	width:155px;
}
#help #Subscribe_pnlMenu .textbox{
	background-color:#005A9C;
	border:1px solid #000;
	color:#ccc;
}
#help #Subscribe_pnlMenu .button{
	width:156px;
	border:1px solid #000;
	float:left;
	margin:0 0 0 3.9em;
}
/**************************
	4. FORM ELEMENTS
**************************/
/* 4.1 Buttons */

/*global buttons*/
#wrap a.button:link,
#wrap a.button:visited,
#wrap a.button:hover,
a.button:link, 
a.button:visited,
a.button:hover,
input.button{
	background:#005a9c url(../images/gfx/arrow-blue.gif) no-repeat right;
	padding:3px 30px 3px 5px;
	color:#fff !important;
	text-decoration:none !important;
	cursor:pointer;
	text-align:left;
}

/*checkout buttons*/
a.checkout:link, 
a.checkout:visited,
a.checkout:hover,
input.checkout{
	background:#FEBE10 url(../images/gfx/arrow-yellow.gif) no-repeat right !important;
	padding:3px 30px 3px 5px;
	color:#fff !important;
	text-decoration:none !important;
	text-align:left;
}
/*back & edit buttons*/
a.back:link,
a.back:visited,
a.back:hover,
input.back,
a.edit:link,
a.edit:visited,
a.edit:hover,
input.edit{
	background:#005a9c url(../images/gfx/arrow-back-blue.gif) no-repeat left !important;
	padding:3px 5px 3px 30px!important;
	color:#fff !important;
	text-decoration:none !important;
	display:inline-block;
	text-align:left;
}
/* 4.2 form elements*/


/**************************
	5. SHOP
**************************/
/* 5.1 Cart Tools */
#customer{/*customer greeting*/
	text-align:right;
	display:block;
	padding-bottom:0.5em;
	padding-left:10px;
	height:1em;
	float:right;
}
#CartTools{
	text-align:right;
	margin:1em 0;
}
#CartTools li{
	list-style:none;
	display:inline;
	margin:0;
	margin-left:5px;
}
#CartTools li a{
	border-left:1px solid #666;
	padding:0;margin:0;
	padding-left:10px;
}
#CartTools li#MiniCart a{
	border:0 none;
}
#CartTools #ItemCounter{
	background:url(../images/gfx/cart.gif) center left no-repeat;
	padding-left:22px;
}
/* 5.2 Categories */

.retail span{text-decoration:line-through;}/*all retail prices*/

#categories{
	overflow:hidden;
}
#categories ol{
	list-style-type:none;
	margin:0;
}
#categories li{
	margin-left:0;
	list-style-type:none;
	width:177px;
	padding-top:130px;
	border:1px solid #ddd;
	position:relative;
    float:left;
    margin:0 25px 25px 0;
}
#categories a{
	text-decoration:none !important;
	background-color:transparent;
}
#categories .asset{
	position:absolute;
	top:0;
	left:0;
}
#categories .subname{
	background:#005A9C url(../images/gfx/arrow-blue.gif) right no-repeat;
	color:#fff;
	display:block;
	padding:0 10px;
}
/* 5.3 Items */
#items{/*items container*/
	
}
#items ol{
	list-style-type:none;
	overflow:hidden;
}
#items li{list-style-type:none;}
#items .item{/*individual items*/
	margin-left:0;
	height:250px;
	width:177px;
	position:relative;
	float:left;
	margin-right:25px;
	margin-bottom:1px;
}
#items .item a{/*individual item links*/
	text-decoration:none;
}
#items .title{
	position:absolute;
	top:180px;
}
#items .supplier{/*item supplier*/
	text-transform:uppercase;
	line-height:1.2;
	font-size:100%;
	font-weight:bold;
}
#items .name{/*item name*/
	color:#3b8abf;
	line-height:1.2;
	font-size:110%;
}
#items .thumb{/*item thumbnail*/
	display:block;
	border:1px solid #ddd;
	width:100%;
	height:125px;
	text-align:center;
	padding-top:10px;
}
.price{/*both prices*/
	display:block;
	line-height:1.3;
	font-size:110%;
}
.retail{/*item retail price*/
	color:#005a9c;
}
.discount{/*item discount price*/
	color:#bd0605;
}
#items .short{/*item short description*/
	font-weight:bold;
	width:128px;
	margin-left:3px;
	text-align:center;
	margin-top:10px;
}

/* 5.4 Item Details */
#item{/*item detail container*/
	overflow:hidden;
}
/* 5.4.1 Item Title*/
#item .title{/*item name/supplier container*/
	float:right;
	width:530px;
	font-size:120%;
}
#item .supplier{/*item supplier*/
	margin-bottom:0;
}

/* 5.4.2 Item Assets*/
#item .assets{/*assets container*/
	width:350px;
	float:left;
}
#item .code{
	float:left;
	display:none;
}


/* 5.4.3 Item Info */
#item .info{/*price and description container*/
	float:right;
	width:530px
}
#item .price{/*both prices*/
	display:block;
	font-size:120%;
	margin-bottom:0.5em;
}
#item .retail{/*item retail price*/
	margin-top:1.5em;
}

/* 5.4.4 Item Options */
#item #options{
	float:right;
	width:530px;
	position:relative;
	margin-top:1.5em;
}
#item #options div{overflow:hidden;}
#item #options label{/*all option labels*/
	width:5em;
}
#item #options .select{/*all option selects*/
	width:170px;
}
#item #sizeGuide{/*size guide container*/
	position:absolute;
	top:0;
	left:310px;
}
#item #sizeGuide a{ /*size guide link*/
	outline:none;
	text-align:center;
	text-transform:uppercase;
	padding-right:20px;
	line-height:18px;
	display:inline-block;
	vertical-align:baseline;
}
#item #sizeGuide a{
	background:url(../images/gfx/size-guide.gif) no-repeat bottom right;
	text-decoration:none;
}
#item .add{/*item add to cart*/
	margin:1.5em 0;
	background-color:#FEBE10;
	background-image:url(../images/gfx/arrow-yellow.gif);
	float:left;
	clear:both;
}

/* 5.4.5 Item Activities */
#item .activities {/*activities wrapper*/
	width:530px;
	float:right;
}
#item .activities input.trigger{/*all activity trigger buttons*/
	text-align:left;
	cursor:pointer;
	width:auto;
	height:auto;
	float:none;
	margin-top:0.5em;
	margin-left:0;
}
#item .activities #sendtofriend input.trigger{/*send to friend trigger button*/
	clear:left;
}
#item .activities .textbox{/*all activity textboxes*/
	width:12em;
}
#item .activities fieldset{/*all activity fieldsets*/
	border:1px solid #005A9C;
	width:370px;
	float:none;
	margin:0 0 1em 0;
}
#item .activities legend{margin:0 10px;}
#item .activities fieldset ol{/*all activity ols*/
	padding:0;
	margin:0;
	width:auto;
	overflow:hidden;
	padding:10px;
}
#item .activities fieldset li{
	list-style-type:none;
}
#item .activities .button{/*all activity buttons*/
	margin:0 0 0 10px;
	float:right;
}
/* 5.5 Cart */
/* 5.5.1 Checkout Button*/
#cart input.checkout{
	float:right;
	clear:both;
	margin-top:1.5em;
}
/* 5.5.2 Cart Grid */
table#cartgrid{
	width:100%;
	margin-bottom:1.5em;
	margin-top:1.5em;
}
table#cartgrid th{/*all table heaaders*/
	padding:0.2em 0.5em;
	background:#EFEFEF;
	border-left:1px solid #fff;
}
#cartgrid td{/*all table cells*/
	vertical-align:middle;
	padding:0.5em;
	border-bottom:1px solid #DDD;
}
#cartgrid .cost, #cartgrid .subtotal, #cartgrid .grandtotal, #cartgrid .includedGST{/*aligns prices, totals to the right*/
	text-align:right;
}
table#cartgrid .grandtotal th, table#cartgrid .grandtotal td, 
table#cartgrid .includedGST th, table#cartgrid .includedGST td{/*resets table padding and border of grand total cells*/
	padding:1em 0;
	border:none;
	font-weight:bold;
	background:#fff;
}
#cartgrid a.edit{
	background:none;
	text-decoration:underline;
}
#cartgrid a.edit:hover{
	text-decoration:none;
}
#cartgrid .code{/*turns the code into a block element so it doesn't sit next to asset image*/
	display:block;

}
/* 5.5.3 Shipping Estimator */
#shipping{/*estimator container*/
	width:100%;
	overflow:hidden;
	margin:10px 0 10px 0;
}
#shipping .service{/*shipping service container*/
	overflow:hidden;
}
#shipping label{/*shipping service label*/
	float:left;
	font-weight:bold;
}
#shipping .select{/*shipping service drop down*/
	float:left;
	width:auto;/*resets the width*/
}
#shipping .cost{/*shipping service cost*/
	float:right;
	font-weight:bold;
}
.estimate{/*shipping estimate container*/
	border-top:solid 1px #fff;
	padding:10px 0 10px 0;
	margin-top:10px;
	font-size:120%;
}
.estimate .grandtotal{/*cart grand total estimate including shipping*/
	float:right;
	text-align:right;
	width:200px;
	font-weight:bold;
	font-size:120%;
}
/* 5.6 Checkout Signin */
.NewCustomer{/*new customer container*/
	float:right;
	width:50%;
}
.NewCustomer .button{
	margin-top:30px;
	margin-left:0;
}
.ReturningCustomer{/*returning customer container*/
	border-right:1px dotted #96A3AE;
	width:48%;
	float:left;
	padding-right:1%;
}
/* 5.7 My Account */
/* 5.7.1 Tabs */
.ajax__tab_outer{
	border-left:1px solid #005A9C;
	border-top:1px solid #005A9C;
	border-right:1px solid #005A9C;
	padding:3px 5px;
}
.ajax__tab_active, .ajax__tab_active span{
	background:#005A9C;
	color:#fff;
}
.ajax__tab_body{
	border:1px solid #005A9C;
	padding:20px;
	/*background:#4F4F4F;
	color:#fff;*/
	overflow:hidden;
	background:#EFEFEF;
}
.ajax__tab_body fieldset ol{margin:10px;}


/* 5.7.2 Pager */
.pager{border-top:1px solid #005A9C;padding-top:10px;}
.pager .inactive{border:1px solid #005A9C; padding:3px; color:#005A9C; text-decoration:none;}
.pager .active{border:1px solid #3d3d3d; padding:3px; color:#292929;}

/* 5.7.3 Orders */
table#orders, table#OrderedItems{
	width:100%;
}
table#orders th{
	text-align:left;
	border-bottom:1px solid #005A9C;
}
table#orders td, table#OrderItems td{
	padding:1em 0;
}
.ViewOrder .back{display:block; margin-bottom:1.5em;}

/* 5.8 Checkout */
#checkout fieldset{/*all checkout fieldsets*/
	border:1px solid #005A9C;
	padding:10px;
	width:450px;
}
#checkout fieldset .textbox{/*all checkout textboxes*/
	width:170px;
}
#checkout fieldset legend{/*all checkout legends*/
	margin:auto; 
	padding:inherit;
}
#checkout fieldset#ShippingService{/*shipping service container*/
	/*border:none;
	padding:0;
	width:100%;*/
	width:97.5%;
}
#checkout fieldset#ShippingService ol{
	max-height:85px;
	float:left;
	width:490px;
}
#checkout fieldset#ShippingService legend{/*hides the shipping service legend*/
	
}
#checkout fieldset#ShippingService li{
	margin:0;
	padding:10px;
}
#checkout fieldset#ShippingService .coupon{/*coupon button*/
	margin:-2em 0 0 10px;
	float:right;
}
#CartCheckout1_txtCouponCode{/*coupon field*/
	float:left;
}
#checkout fieldset#ShippingService #FinalAmount{/*final amount container*/
	font-size:100%;
	padding:54px 10px 55px 10px;
	float:right;
}
#checkout fieldset#ShippingService #FinalAmount label{width:auto;}
input[disabled]{
	border:none;
	background:transparent;
	text-shadow:none;
}
#checkout .button.secure{clear:both;float:right;}
#we-accept{
	margin-top:-30px;
	float:right;
	clear:both;
}
.imgleft{float:left; margin-right:20px;}