@charset "utf-8";
/* CSS Document */

Body{
	font-size: 1.2em;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}
#universal{
	width: 990px;
}
#global{
	width: 980px;
	margin: 0px auto;
	background: url(../bgs/siderepeat.gif) repeat-y;
}
.calltoaction{
	float: right; padding-bottom: 5px;
	display: none;
}
#topUtils{
	float: right; margin: 23px 0 0 0;
	display: none;
}
#mastHead{
	clear: both; width: 980px; height: 10px; padding-top: 13px; float: left;
}
.rangeHolder{
	float: left; width: 100px; padding-top: 21px;
	display: none;
}
#searchHolder{
	float: left; margin-left: 215px;
	display: none;
}
#basketHolder{
	display: none;
	float: right; 
	margin-right: 45px; 
	background: url(/bgs/basket_bg.png) no-repeat; 
	font-size: 0.6em; 
	width: 227px; 
	height: 25px; 
	padding: 11px 10px 0 40px;
}
table.basket{
	width: 780px;
}
.basket th{
	background: #C9C9C9;
	padding: 4px;
	font-size: 12px;
}
.basket td{
	border-bottom: 1px dotted #999;
	padding: 5px 0 5px 0;
}
table.backorderbasket{
	width: 780px;
}
.backorderbasket th{
	background: #C96;
	padding: 4px;
	color: #FFF;
	font-size: 12px;
}
.backorderbasket td{
	border-bottom: 1px dotted #999;
	padding: 5px 0 5px 0;
}
table.minibackorderbasket{
	width: 770px;
}
.minibackorderbasket th{
	background: #C96;
	padding: 4px;
	color: #FFF;
	font-size: 12px;
}
.minibackorderbasket td{
	border-bottom: 1px dotted #999;
	padding: 5px 0 5px 0;
}
h1{
	color: #333;
	font-size: 1.9em;
	font-weight: normal;
	margin: 0px 0 0px 0px;
	float: left;
	padding: 0px;
	line-height: normal
}
h1.home{
	color: #004990;
	font-size: 1.9em;
	font-weight: normal;
	margin: 0px 0 20px 0px;
	clear: both;
}
h2{
	color: #666666;
	padding: 0px;
	font-size: 1.5em;
	margin: 0px 0 20px 0px;
	letter-spacing: 6px;
	text-align: right;
	clear: both;
	font-weight: normal;
}
h2.launch{
	color: #333;
	padding: 0px;
	font-size: 1.85em;
	margin: 10px 0 20px 10px;
	letter-spacing: 0px;
	line-height: 140%;
	text-align: left;
	clear: both;
	font-weight: bold;
}
h2.gold{
	color: #004990;
	padding: 8px 0 6px 7px;
	font-size: 0.8em;
	background: #FFD204;
	width: 180px;
	margin: 0px;
	font-weight: bold;
	text-align: left;
	letter-spacing: normal
}
h2.goldsp{
	color: #004990;
	padding: 5px 0 6px 7px;
	font-size: 0.8em;
	width: 180px;
	margin: 0px;
	font-weight: bold;
	text-align: left;
	letter-spacing: normal
}
h3{
	padding: 10px 0 0 0;
	margin: 0px 0 10px 0;
}
h3.offer{
	color: #CC0000;
	padding: 10px 0 0 0;
	margin: 0px 0 10px 0;
}
/************
RESETS
************/
form{ margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif}
input { vertical-align: middle; font-family: Arial, Helvetica, sans-serif;}

/************
INPUTS
************/
.search{
	background: url(../bgs/topSearch.png) no-repeat;
	width: 131px;
	height: 27px;
	border: none;
	margin: 0px 5px 0 104px;
	vertical-align: middle;
	font-size: 0.7em;
	float: left;
	padding: 10px 0 0 30px;
}
.qty{
	background: #ffffff;
	width: 60px;
	height: 20px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;	
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	margin: 5px 5px 10px 0px;
	display: block;
	clear: both;
	padding: 4px 0 0 4px;
}
.signup{
	background: #F5F5F5;
	width: 250px;
	height: 30px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;	
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	margin: 0px 5px 0 0px;
	font-size: 1.2em;
	padding: 2px 0 0 2px;
	float: left;
}
.contact{
	background: #ffffff;
	width: 250px;
	height: 22px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;	
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	margin: 5px 5px 5px 0px;
	display: block;
	clear: both;
	padding: 5px 0 0 2px;
}
textarea.contact2{
	background: #ffffff;
	width: 250px;
	height: 100px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;	
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	margin: 5px 5px 10px 0px;
	display: block;
	clear: both;
	padding: 5px 0 0 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
select.contact3{
	background: #ffffff;
	width: 250px;
	margin: 5px 5px 10px 0px;
	display: block;
	clear: both;
	padding: 5px 0 0 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
/************
CORPORATE FLAVOURS
************/
.navy{
	color: #004990;
}
.gold{
	color: #FFD204;
}
.grey{
	color: #C9C9C9;
}
/************
GENERICS
************/
a{
	color: #004990;
	text-decoration: none;
}
a:hover{
	color: #004990;
	text-decoration: underline;
}
.margBot10{ margin-bottom: 10px; clear: both; }
.margBot30{ margin-bottom: 100px; clear: both; }
.marginRight1 { margin-right: 1px; }
.footer{ clear: both; padding-top: 6px; font-size: 0.8em; border-top: 1px dotted #999; padding-left: 8px; display: none;}
/************
OLD FAVES
************/
.floatLeft
{
float: left;
}
.floatRight
{
float: right;
}
.clearBoth
{
clear: both;
height: 0px;
font-size: 0px;
}
.black{border: 1px solid #000; }
.blueClear{ background: #004990; color: #FFFFFF; clear: both; font-size: 1.1EM; font-weight: bold; padding: 5px 0 5px 5px; margin-bottom: 1px;}
.greyClear{ background: #C9C9C9; color: #333333; clear: both; font-size: 1.1EM; font-weight: bold; padding: 5px 0 5px 5px; margin-bottom: 1px;}
.greyClearBread { background: #C9C9C9; color: #333333; clear: both; font-size: 0.8EM; font-weight: bold; padding: 5px 0 5px 5px; margin-bottom: 1px; display: none;}
.horizDivide{ clear: both; border-bottom: 1px dotted #999999; margin-bottom: 20px;}
/************
BESPOKE
************/
#brand{
	float: left;
	margin: 30px 0 20px 10px;
}
.leftAd{
	margin: 0 0 0 15px;
}
.topLeft{
	float: left; 
	width: 655px; 
	display: block; 
	height: 150px;
	 
	background:url(/bgs/topleft_bg.gif) no-repeat bottom left #ffffff;
}
.topRight{
	float: right; 
	padding-top: 12px; 
	width: 325px; 
	height: 138px;
	_height: 141px;
	background:url(/bgs/topright_bg.gif) no-repeat center bottom;
}
table.account{
	width: 600px;
}
.account th{
	text-align: left;
}
table.charges{
	width: 500px;
	margin-bottom: 20px;
}
.charges th{
background: #004990;
color: #FFFFFF;
padding: 5px;
margin-bottom: 10px;
font-size: 14px;
text-align: left;
}
.charges td{
	border-bottom: 1px  dotted #cccccc;
	padding: 5px 0 5px 0;
}
#utils
{
margin: 0px 0 0px 0;
padding: 0px;
list-style: none;
clear: both;
float: right;
font-size: 13px;
display: block;
text-align: right;
width: 525px;
margin-bottom: 25px;
}
#utils a{
	margin-left: 7px;
}
ul#utils
{
margin: 0px 0 20px 0;
padding: 0px;
list-style: none;
clear: both;
float: left;
width: 310px;
display: block;
text-align: right;
}
#utils li
{
float: left
}
#utils li a
{
text-decoration:  none;
border-right: 1px solid #004990;
padding-left: 5px;
font-size: 0.6em;
padding-right: 5px;
font-weight: bold;
}
#utils li a:hover
{
text-decoration: underline;
}
.sidebar{
width: 187px;
float: left;
margin-right: 3px;
background: #004990;
display: none;
}

ul#globalNav{
	width: 171px;
	float: left;
	padding-left: 7px;
	margin: 0px 0 10px 0;
}
#globalNav li{
	float: left;
	clear: both;
	display: block;
}
#globalNav li a{
	border-bottom: 1px solid #306BA5;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 168px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.7em;
	float: left;
}
#globalNav li a:hover{
	color: #FFD204;
}


#globalNav li ul {
	margin-left: 10px;
	padding-left: 0px;
}

#globalNav li ul li {
	font-size: 0.8em;
	margin-left: 0px;
	padding-left: 0px;
}

#globalNav li ul li a {
	padding: 2px;
	width: 154px;
}

#globalNav li.active  a {
	color: #FFD204;
}

#globalNav li.active  ul li.inactive a {
	border-bottom: 1px solid #306BA5;
	padding-bottom: 8px;
	padding-top: 10px;
	text-transform: uppercase;
	width: 168px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.8em;
	float: left;
}

ul#subNav{
	width: 171px;
	float: left;
	padding-left: 7px;
	margin: 0px 0 10px 0;
}
#subNav li{
	float: left;
	clear: both;
	display: block;
}
#subNav li a{
	padding-bottom: 3px;
	padding-top: 10px;
	width: 168px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.6em;
	float: left;
}
#subNav li a:hover{
	color: #FFD204;
}

#mainImage {
	
	width: 333px;
	height: 385px;
	display: block;
	float: left;
	margin: 0 0px 10px 0px;
	
}

.repHolder{
	float: left; background: #FFD204; padding: 5px 5px 10px 5px; margin-right: 2px;
	color: #333333;
	font-size: 11px;
	text-align: center
}
.repHolder img{	margin-bottom: 5px; display: block; border: none }

#mainImage a {

	text-decoration: none;
	display: block;
	width: 333px;
	height: 385px
}

#leftIntroBox{
	float: left;
	width:395px; 
	margin-bottom: 10px;
}
#rightIntroBox{
	float: right; width: 394px;
}
.swapper {
	width: 140px;
	height: 100px;
	display: block;
	border: 1px solid #ccc;
	float: left;
	margin: 0 6px 6px 0px;
}

.swapper a {
	text-decoration: none;
	display: block;
	width: 100px;
	height: 100px;
}

.leftMain{
	float: left;
	width: 426px;
	margin-right: 10px;
	text-align: justify;
	padding-right: 10px;
	margin-bottom: 1px;
	border-right: 1px solid #DADADA;
}
.rightMain{
	float: right;
	width: 343px;
	margin-bottom: 1px;
}
.leftMainNoBorder{
	float: left;
	width: 419px;
	margin-right: 10px;
	padding-right: 7px;
	padding-left: 10px;
	margin-bottom: 1px;
}
.rightBloc{
	float: left; 
	width: 790px;  	
	font-size: 0.7em; 
	line-height: 17px; 
	padding-top: 1px;
}
.innerRightBloc{
	float: left; line-height: 17px; width: 780px; padding: 10px 0 10px 10px;
}
ul.homeoptions{
	margin: 15px 0 20px 0;
	padding: 0 0 0 0px;
	list-style: none;
}
.homeoptions li{
	margin: 0 0 2px 0;
	padding: 0px;
}
.offerImg{
	float: left;
	margin-right: 10px;
}
.heroHolder{
	float: left; margin-bottom: 1px;
	clear: both;
	background: url(../img/heroes/hero_dec09.jpg) 10px 70px no-repeat;
	width: 790px;
	height: 340px;
	margin-bottom: 20px;
}
.price{ color: #CC0000; font-weight: bold;}
.pageHead {	
	border-top: 2px solid #666;
	border-bottom: 1px solid #666;
	padding: 10px 0 10px 0;
	float: left;
	width: 780px;
	margin-bottom: 20px;
}
.productHead {	
	border-bottom: 2px solid #999;
	border-top: 1px solid #999;
	padding: 10px 0 10px 0;
	float: right;
	width: 440px;
	margin-bottom: 20px;
}
.jobList{
	clear: both;
	margin-bottom: 5px;
	border-bottom: 1px dotted #999;
	padding-bottom: 10px;
	width: 790px;
}
/*******
LIST PAGE
*******/
.itemLeft{
	float: left;
	width: 380px;
	border-right: 1px dotted #dadada;
	padding-right: 10px;
	margin-bottom: 20px;
}
.itemRight{
	float: right;
	width: 380px;
	margin-bottom: 20px;	
}
.listImg{
	float: left;
	margin-right: 10px;
	border: none;
	width: 150px;
	height: 150px;
	text-align: center;
	line-height: 148px;
}
.listImg A IMG {
	border: none;
	vertical-align: middle;
}

.listTxt{
	float: left;
	display: block;
	width: 230px;
}
.clearDotted{
	clear: both;
	border-bottom: 1px dotted #dadada;
	margin: 10px 0 10px 0;
}
.sizeChart{
	border-collapse: collapse;
	margin-bottom: 20px;
}
.sizeChart td{
	border: 1px solid #999;
}
.sizeChart th{
	background: #004990;
	color: #FFFFFF;
	text-align: left;
}
.browseStore{
	float: right; 
	margin-right: 0px; 
	width: 180px; 
	margin-top: 110px;
}
.browselist{
	float:left; 
	width: 170px; 
	margin: 0px 40px 20px 25px; 
	border:1px solid #C9C9C9;
	text-align: center;
	padding: 10px;
}
.browselist a{
	clear: both;
	display: block;
	margin-top: 10px;
}
/*******
ADDRESS STYLES 
*******/
.address {
	vertical-align: top;
	border-collapse: collapse;
}

.address th {
	text-align: left;
	border-bottom: 2px solid #333;
	background: #C9C9C9;
	padding: 5px 5px 5px 2px;
	border-right: 1px solid #fff;
}

.address td {
	vertical-align: top;
	border-bottom: 1px solid #999;
	border-right: 1px solid #ccc;
	line-height: 140%;
}
.address td img{
	margin-top: 30px;
}



.selectAddress {
	border-collapse: collapse;
	width: 350px;
}

.selectAddress th {
	text-align: left;
	padding: 5px 5px 5px 5px;
	border-right: 1px solid #fff;
	background: #D6D6D6
}

.selectAddress td {
	line-height: 140%;
	vertical-align: top;
}
.printit{
	display: none;
}
.invoiceAddress{
	padding-bottom: 20px;
}
table.invoiceAddress th{
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #999;
	padding: 0 0 7px 0;
}
.invoiceAddress td{
	padding: 5px 0 5px 0;
}
.orderdetails{
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #999;
}
.orderdetails th{
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #999;
	padding: 0 0 7px 0;
}
.orderdetails td{
	border-bottom: 1px dotted #666;
	padding: 5px 0 5px 0;
}
/*******
PAGINATION
*******/
#page{
	float: right;
	font-size: 0.8em;
}

ul#jobs_list {
	
	margin: 0px;
	padding: 5px;
	list-style: none;
}

#jobs_list li {
	color: #fff;
	background: #666;
	
}

#jobs_list li a {

	color: #ff0000;
}

#downloads {
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 20px;
}

/************
Downloads
*************/
#downloads ul {

	margin: 5px 0 5px 10px;
	padding: 0px;

}

#downloads li {

	list-style:none;
	background: url(/cms/downloads/icons/folder.png) no-repeat;
	margin-bottom: 5px;

}

#downloads li a {
	
	text-decoration:none; 
	margin:0 0 0 20px;
	
}

#downloads li.active {
	background: url(/cms/downloads/icons/folder_explore.png) no-repeat;
}
#downloads li.active a {
	color:#ff0000;
}


#downloads li.inactive {

	background: url(/cms/downloads/icons/folder.png) no-repeat;
}

#downloads li.inactive a {



}
#downloads li a:hover {

	color:#999;

}
#dhtmltooltip{
position: absolute;
padding: 5px;
background-color: white;
visibility: hidden;
border: 1px solid #004990;
text-align: center;
color: #333333;
z-index: 100;
font-size: 0.7em;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


#sizingChart .row {font-weight: bold;}   
#sizingChart .row1 {background-color: #D0D4EC;} 
#sizingChart .row2 {background-color: #d3e8c1;} 
#sizingChart .row3 {background-color: #DBB1C4;} 
#sizingChart .row4 {background-color: #BFDFC1;}
#sizingChart .row5 {background-color: #E7BEA0;}
#sizingChart .row6 {background-color: #CDDFF3;}
#sizingChart .row7 {background-color: #AFD7DC;}
#sizingChart .row8 {background-color: #AFC1E3;}
#sizingChart .row9 {background-color: #AFC1E3;}
#sizingChart .row10 {background-color: #F1F4C3;}
#sizingChart .row11 {background-color: #CCD7DE;}
#sizingChart .row12 {background-color: #FAC5C6;}
#sizingChart .row13 {background-color: #AFD7DC;}
#sizingChart .row14 {background-color: #AFC1E3;}
#sizingChart .row15 {background-color: #CCC9E5;}

#sizingChart {
	font-size: 0.8em;
	width: 1200px;
}

#sizingChart .vatbreak {
	background-color: #BBBDC0
}

.notifyRed {
	background: #C00;
	border: 1px solid #900;
	color: white;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	margin: 0 0 20px 0;	
}

.notifyGreen {
	background: #6C6;
	border: 1px solid #093;
	color: white;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	margin: 0 0 20px 0;
}

#productColLeft {
	float: left;
	width: 300px;
}

#microthumbs {
	width: 300px;
}

#microthumbs A {
	margin: 5px;
	width: 75px;
	height: 75px;
	display: block;
	float: left;
	text-align: center;
	border: 1px dotted gray;
}


#microthumbs A IMG {
	border: none;
}

#productImage {
	width: 300px;
	height: 300px;
	text-align: center;
}

#productDetails {
	float: left;
	width: 480px;
}


#stockTable {
	color: black;
	width: 480px;
	margin: 30px 0 10px 0;
	border-collapse: collapse;
}

#stockTable TH {
	color: black;
	text-align: left;
	background: #C9C9C9;
}

#stockTable .quantity  {
	width: 5em;
}

#stockTable TD {
	text-align: left;
}

#addToBasket {
	color: black;
	width: 100%;
	font-size: 1.2em;
}

#variationChoice {
	color: black;
	border-collapse: collapse;
	width: 480px;
	margin-bottom: 10px;
}

#variationChoice TD {
	padding: 10px 0 10px 5px;
}
	
#variationChoice SELECT {
	width: 160px;
}

#variationChoice TH {
	text-align: left;
	padding: 7px;
	border-right: 1px solid #fff;
	background: #C9C9C9;
	border-bottom: 1px solid #999;
}	

#productText {
	background: #004990;
}

#descriptionBlock {
	margin-top: 40px;
}


#headlineText {
	background: #FFD204;
	color: #004990;
	padding: 10px;
	font-weight: bold;
}

#descriptionText {
	background: #C9C9C9;
	padding: 10px;
	color: black;
}

#swatches {
	width: 480px;
	float: left;
}



#swatches .swatch {
	margin: 5px; 
	float: left; 
	width: 100px; 
	height: 50px; 
	position: relative;
	border: 1px solid black;
}

#swatches .selected {

}



#swatches .selected .link {
	font-weight: bold;
}

#swatches .color1 {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 50px; 
	height: 50px; 
}

#swatches .color2 {
	position: absolute; 
	top: 0; 
	left: 50px; 
	width: 50px; 
	height: 50px; 
}

#swatches .link {
	overflow: hidden; 
	position: absolute; 
	bottom: 0px; 
 	right: 0px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	background: white; 
	color: black; 
	height: 15px; 
	width: 100px; 
	text-align: center;
	font-size: 10px;
}