@charset "UTF-8";
/* CSS Document */
/* v1.0 | 20080212 */

.navblock h2.retailshopblack, .navblock h2.teamshopblack {behavior:url("http://enginedev.tontotools.com/assets/javascript/iepngfix.htc")}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
div.white{
	background:#fff;
}
div.black{
	background: #000;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END OF RESET */

body{
	/*background:url(../images/background.jpg) center top no-repeat #000;*/
	background:url(../images/alt-bg.jpg) center top no-repeat #000;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}
#wrapper{
	width:960px;
	margin:0 auto;
}
#header{
	width:960px;
	height:141px;
	background: #141414 url(../images/header.jpg) no-repeat;
	border-bottom: 1px solid #404040;
}
#footer{
	width:950px;
	background:url(../images/footer.jpg) no-repeat;
	height:161px;
	padding-top:10px;
	padding-left:10px;
	clear:both;
	margin-top: 3px;
	position: relative;
}
.home-footer {
	clear: both;
	float: left;
}
#hero{
    margin: -20px 0 20px -216px;
    width: 960px;
    position: absolute;
}
#retail-hero, #team-hero {
	height: 324px;
	overflow: hidden;
}
#content{
	width:960px;
	background:#FFF;
}
#content.white{
	width:960px;
	background:#fff;
}
#content.black{
	width:960px;
	background:#000;
	position: relative;
}
.heading {
	margin: 0 0 30px 0;
}
#logoline{
	background:url(../images/logo-and-line.jpg) no-repeat;
	width:960px;
	height:91px;
	position:relative;
}
#navigation{
	height:50px;
	width:950px;
	padding:5px;
}
.clear{
	clear:both;
}

/*NAVIGATION MARKUP*/
#footer li,
#navigation li{
	list-style:none!important;
	display:block;
	float:left;
}
#navigation ul {
	margin: 0 0 0 12px;
}
#footer ul {
	margin: 0 0 0 8px;
}
#footer li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	padding:10px;
	color:#8f8d8e;
	text-decoration:none;
}
#navigation li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	padding-left:10px;
	padding-right:10px;
	color:#828282;
	text-decoration:none;
}
#footer li a:hover,
#navigation li a:hover{
	color:#FFF;
	text-decoration:none;
}
#memberlogin{
	display:block;
	position:absolute;
	left:730px;
	top:5px;
	height:20px;
	width:225px;
	border-bottom:solid 1px #666;
	padding-left:5px;
}
#memberlogged{
	display:none;
	position:absolute;
	left:730px;
	top:5px;
	height:20px;
	width:225px;
	border-bottom:solid 1px #666;
	padding-left:5px;
}
.cartSummaryItem,
#cartarea p,
#memberlogged p,
#memberlogin p{
	font-size:10px;
	color:#999;
	text-transform:uppercase;
}
.cart a,
#cartarea a,
#memberlogged a,
#memberlogin a{
	font-size:10px;
	color:#CCC;
	text-transform:uppercase;
	text-decoration:none;	
}
.cart a,
#cartarea a:hover,
#memberlogged a:hover,
#memberlogin a:hover{
	color:#FF3399;	
}
#cartarea{
	position:absolute;
	left:730px;
	top:25px;
	width:225px;
	padding-left:5px;
	padding-top:5px;
}

#content .sidepanel{
	width:200px;
	float:left;
    position: relative;
    z-index: 80!important;
}
#content .mainpanel{
	width:735px;
	float:right;
	padding:20px 10px 20px 10px;
	position: relative;
}
.aux {
	padding: 20px 30px 10px 15px!important;
	width: 715px!important;
}

.sidepanel div.navblock{
	display: block;
	position: relative;
	padding:20px 10px 50px 25px;
}

.navblock ul#nav_555084, .navblock ul#nav_555087 {
	border-top:dotted 1px #464646;
	width: 162px;
	list-style: none!important;
}
.navblock li {
	border-bottom:dotted 1px #464646;
	padding-top:9px!important;
	padding-bottom:7px!important;
	padding-left:3px!important;
	list-style:none!important;
}
.navblock li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#f0f0f0;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:200;
}
.navblock.white li a{
	color:#666;
}
.navblock li a:hover{
	color:#ff3399;
}
.navblock h2{
	padding-bottom:5px;
}

h2.retailshop{
	background:url(../images/retail-shop-heading.jpg) no-repeat;
	width:162px;
	height:15px;
	text-indent:-5000px;
	overflow:hidden;
}
h2.teamshop{
	background:url(../images/team-shop-heading.jpg) no-repeat;
	width:144px;
	height:18px;
	text-indent:-5000px;
	overflow:hidden;
	margin-left:-5px;
}
h2.retailshopblack{
	background:url(../images/retail-shop-black.png) no-repeat;
	width:162px;
	height:15px;
	text-indent:-5000px;
	overflow:hidden;
}
h2.teamshopblack{
	background:url(../images/team-shop-black.png) no-repeat;
	width:144px;
	height:18px;
	text-indent:-5000px;
	overflow:hidden;
	margin-left:-5px;
}

/* GENERAL TYPOGRAPHY FOR CONTENT */
.mainpanel h1{
	font-size:28px;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:2px;
	padding-top:2px;
	color:#666;
}
.mainpanel h1.white{
	color:#FFF;
	display: inline;
	width: auto;
	padding: 0 30px 10px 0;
	margin: 0 0 10px 0;
	border-bottom:dotted 1px #464646;	
}
.mainpanel h1.aux-head{
	color:#666;
	display: block;
	width: auto;
	padding: 0 30px 10px 0;
	margin: 0 0 10px 0;
	border-bottom:dotted 1px #464646;	
}
.mainpanel h1.stockists-white{
	color:#FFF;
	display: block;
	width: 270px;
	padding: 0 0px 10px 0;
	margin: 0!important;
	border-bottom:dotted 1px #464646;	
}
.shop-cart h1 {
	display: inline;
	width: auto;
	padding: 0 30px 10px 0;
	margin: 0 0 10px 0;
	border-bottom:dotted 1px #464646;
}
.mainpanel h2{
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	color:#ff3399;
	padding-bottom:5px;
	padding-top:2px;
}
.mainpanel h3{
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	color:#ff3399;
	padding-bottom:10px;
	padding-top:12px;
}
.mainpanel p {
	color:#f0f0f0;
}
.mainpanel p, .navblock ul {
	font-size:12px;
	line-height: 15px;
	padding-bottom:11px;
}
.navblock ul li {
	margin: 0 0 3px 0;
}
.white p, .aux ul {
	list-style: disc inside;
	color:#8b8b8b;
}
.mainpanel p.upper {
	text-transform:uppercase;
}
p.personnelDetails {
	text-transform:uppercase;
	font-size: 11px;
	font-weight: 200;
}
.mainpanel a {
	color:#ff3399;
}
hr{
	border:0px;
}
hr.dashed{
	border-top:dotted 1px #999;
	height:3px;
	width: 720px;
	margin: 0;
}
.small{
	font-size:10px;
}
.dark{
	color:#333;
}

/* CART OVER WRITES */
.shop-product-small{
	border:none;	
}
.shop-main{
	margin-top:0px;
}
.cartdata div.price, .cartdata div.team-price{
	font-size:120%;
}
.team .cartdata div.price{
	display: none;
}
.retail .cartdata div.team-price{
	display: none;
}

/*CONTACT FORM*/
.webform,
.webform label{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	text-transform:uppercase;
}

.company{
	width:729px;
	height: 482px;
	overflow: auto;
	margin-bottom:8px;
    background: url(../images/bg-company.jpg) no-repeat top right;
}
.lowerblock{
	width:238px;
	height:89px;
	float:left;
	padding-right:6px;
	display:block;
}

.cultureblock{
	border-bottom:dotted 1px #464646;
	padding-top:10px;
	padding-bottom:10px;
	width:729px;
}
.cultureblock .content{
	width:340px;
	float:left;
}
.culture-image {
	float: right;
}
.cultureblock table.photogalleryTable {
	padding: 0;
}
.cultureblock table.photogalleryTable td.photogalleryNavigation {
	display: none;
}
.spacer{
	height:20px;
}

a.cartSummaryLink{
	display: block;
	width:53px;
	height:18px;
	display:block;
	text-indent:-5000px;
	overflow:none;
	background:url(../images/view-cart.jpg);
	margin-left:150px!important;
	margin-top:-15px!important;
	position:absolute;
	z-index:10;
}

#signin{
	margin-top:9px;
}

.relatedproducts {
	position: relative;
	border-top: 1px dotted #464646;
	margin: 30px 0 0 0;
	padding: 20px 0 0 0;
	clear: both;
	float: left;
	width: 682px;
}

.relatedproducts table.productTable{
	margin-left: -3px;
	width: 691px;
}
.relatedproducts .shop-product-small .image{
	padding:0 !important;
}

.stockist-search{
	float:left;
	width:270px;
	margin: 20px 0 0 0;
	display:block;
}
.stockist-search textBox{
	width:180px;	
}
.stockist-map{
	width:428px;
	height:334px;
	display:block;
	float:right;
	margin-right:20px;
	background:url(/assets/images/map-canvas.jpg);
}
.stock-search{
	float:right;	
}
.stockist-search form{
	padding-bottom:80px;
}
.spacer{
	height:50px;
}
#loadbar{
	width:130px;
	line-height:35px;
	float:left;
	display:none;
	font-size:10px;
	color:#ff3399;
}
.captchaimg img{
border: 1px #ccc solid;
padding:2px;
margin-bottom:3px;
}
.shippingDiv {
	text-align: left;
	padding: 0 0 0 70px;
}
.checkout .personal,
.checkout .shipping,
.checkout .billing{
float:left;
display:inline;
width:230px;
}

.checkout input{
width:200px!important;
}
.checkout select.cat_dropdown{
width:200px;
}
.checkout textarea.cat_listbox{
width:200px;
}
.card select.cat_dropdown,
.card select.cat_dropdown_smaller{
width:90px;
margin-right:10px;
}
.card input{
width:90px;
}
.cardwrapper{
width:300px;
}
.cardwrapper div.item{
float:left;
padding-right:0px !important;
}
.cardwrapper div.nor{
padding-left:0px !important;
}
.checkout .cat_button{
width:auto!important;
margin-left:95px;
}
.disable-team,
.disable-retail{
display:none;
}
.sidecolumn{
width:250px;
align:left;
}
small{
font-size:6px;
text-transform:uppercase;
}
table#shipping {
font-size:12px;
line-height: 15px;
color:#666;
}
table#shipping tr.header {
border-bottom: 1px solid #666;
}
table#shipping tr.header td {
vertical-align: bottom;
}
table#shipping td {
padding: 10px 10px 10px 0;
width: 100px;
border-bottom: 1px dotted #ccc;
}

/*MY ACCOUNT PAGE*/
#orders {
margin: 10px 0 20px;
font-size: 12px;
color: #8b8b8b;
}

/*Classes*/
.hidden {
	display:none;
}
.req {
	text-transform: uppercase;
	font-size: 0.8em;
}
img.teamThumb {
	margin: 0 5px 15px 0;
}
.alignleft {float:left;}
.alignright{float:right;}
.aligncenter{text-align: center;}
.personnel {position: relative; left: 50px; top: 20px; width: 480px;}
.individual {position: relative; float: left; width: 230px; margin: 0 0 20px 0; text-align: center;}
.contactThumb {margin: 0 0 10px 0;}
#imageDetails #caption {display:none!important;}