/* CSS Document */
* {margin:0; padding:0;}

/*Colours, Main-Nav refer to black.css, white.css*/
body {font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:15px;}
* html body {height:100%; overflow:auto;}/*IE6 anchor footer*/

/*Center Vertical*/
#vert-wrap {position:absolute; top:50%; margin-top:-250px; height:500px; width:100%;}

/*Minimum width wrapper. There's also a 'dummy' image in the HTML for IE*/
#wrapper {min-width:960px; width:100%;} #wrapper tr, #wrapper td {vertical-align:top;}

/*Column Layout*/
#main-nav {float:left; width:24.9%; text-align:right;}
#container {float:right; width:75%;}
	#content {float:left; width:66%;}
	#sub-nav {float:right; width:33.9%;}
#cart-box {float:left; width:24.9%; text-align:right; position:fixed; bottom:0;}

/*Formatting*/
#main-nav div {float:right; clear:both;}
	#main-nav div a {display:block;}
	#main-nav h2 {visibility:hidden; font-size:10px;}
	/*Nav OVER and ON states*/
	#cufflinks a:hover, #eyewear a:hover, #shirts a:hover, #company a:hover, #stockists a:hover, #contact a:hover,
	#cufflinks-on a, #eyewear-on a, #shirts-on a, #company-on a, #stockists-on a, #contact-on a {background-position:bottom;}
	#cufflinks, #cufflinks-on {margin-bottom:20px;}
	#eyewear, #eyewear-on {margin-bottom:20px;}
	#shirts, #shirts-on {margin-bottom:36px;}
	#company, #company-on {margin:12px 0 24px 0;}
	#stockists, #stockists-on {margin-bottom:24px;}

#home-feature {position:absolute; right:0; top:12px;}

/*Product Page*/
#product-image {text-align:center; height:350px;}
#heading {float:left; width:39.9%; padding-top:18px;}
#details {float:left; width:60%;}
	#details p {width:284px; clear:both;}
	#details h4 {float:left; margin:10px 10px 0 0;}
	#details a {float:left; display:block; width:37px; height:36px; margin:0 3px;}
	#details a:hover {background:none;}

#sub-nav ul {list-style:none; width:240px; float:right; font-size:13px;}
	#sub-nav a {display:block; cursor:pointer; pointer:hand;}
	#sub-nav li {float:left; width:100%; clear:both; padding:4px 0; background-position:top; background-repeat:no-repeat; }
	#sub-nav li img {float:left;}
	#sub-nav li span {float:left; padding:30px 4px 30px 8px;}

/*Generic Page*/
#generic-heading {float:left; width:39.9%; padding-top:368px;}
#generic-details {float:left; width:60%; line-height:17px;}
#generic-details p {width:284px; padding:9px 0;}

#stockist-heading {float:left; width:25.9%; padding-top:368px;}
#stockist {float:right; margin-top:-12px;}
	#stockist td {border-bottom:1px solid #434343; padding:12px 0;}
	
/*Shopping Cart*/
#mycart {width:188px; float:right; font-size:11px; font-weight:bold; text-align:left; padding:4px 15px;}
	#cart-heading {width:220px; height:23px; float:right;}
	#cart-heading b, #go-to-cart b {display:none;}
	#go-to-cart {margin-top:4px;}
	#go-to-cart a {width:100%; height:13px; display:block;}
	#go-to-cart a:hover {background-position:bottom right;}
#cart-nav {margin-bottom:10px; margin-left:-10px; font-size:12px;}
	#cart-nav a, #cart-nav span {float:left; padding:2px 5px; margin:0 10px;}
	#cart-nav span {color:#585858;}
	#cart-nav b {font-size:12px; padding-right:3px; color:#666;}
	#on a {background:#fff; color:#000; font-weight:bold;}
	#cart-nav div {float:left; border-right:1px solid #434343;}
#cart-table td {padding:5px 0;}
.cart-image {float:left; width:120px; height:90px; text-align:center; margin-right:20px;}
.field {border:1px solid #636363; background:#121212; color:#fff; padding:2px; font-size:12px;}
	.mar-top {margin-top:27px;}
/*Small Buttons*/
.cart-button {width:68px; background:url(../images/black/bg-button.gif) repeat-x; font-size:10px; color:#CCCCCC; font-weight:bold; text-transform:uppercase; border-right:1px solid #636363; border-bottom:1px solid #636363; border-top:1px solid #B9B9B9; border-left:1px solid #B9B9B9; font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif; margin:4px 2px 2px; cursor:pointer; pointer:hand;}
/*Large Buttons*/
.large-button {background:url(../images/black/bg-button.gif) repeat-x; font-size:14px; color:#CCCCCC; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; padding:2px 3px; margin:3px 0; border-right:1px solid #636363; border-bottom:1px solid #636363; border-top:1px solid #B9B9B9; border-left:1px solid #B9B9B9; cursor:pointer; pointer:hand;}
.btn-over {background:url(../images/black/bg-button-ro.gif) repeat-x; cursor:pointer; pointer:hand;}
.add-button {padding:2px 3px; margin:7px 0; border:none; font-size:11px; text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif; cursor:pointer; pointer:hand;}

.brd-top, .brd-top td {border-top:1px solid #434343; padding:12px 0;}
.brd-top2 td {border-top:3px solid #434343;}
label {padding:0 14px 0 4px;}
.validation_txt {color:#990000;}

/*Sizes control*/
#sizes {height:15px; width:100%; padding:19px 0;}
	#sizes a {display:block; width:17px; height:15px; font-size:11px; font-weight:bold; text-align:center; float:left; margin-left:3px;}
	#sizes span {float:left; width:30px; margin-left:5px;}

/*Type*/
p {padding:5px 0;}
h1 {font-family:Arial, Helvetica, sans-serif; font-size:34px; line-height:34px; letter-spacing:-1px; width:188px;}
h2 {font-size:18px; padding:10px 0;}
h3 {font-size:12px; font-weight:bold; padding:10px 0 3px;}
h4 {font-size:11px; color:#585858;}
h5 {font-size:11px; padding:2px 0 0 3px;}
	h5 span {font-weight:normal;}

a img {border:none;}
a {text-decoration:none;}

/*Footer*/
#footer {position:absolute; top:8px; right:8px; width:140px;}
* html #footer, * html #cart-box {position:absolute;}/*IE6 anchor footer*/
#footer div {float:left;}
#e7 {display:block; width:17px; height:17px; float:right; margin-left:5px;}
	#e7 strong {display:none;}

/*Misc*/
.right {float:right;}
.quote {font-size:14px; line-height:20px; font-weight:bold; color:#646464;}
	.quote p {margin:-5px 0 -5px 10px;}
.credit {font-size:11px; font:Tahoma, Arial, Helvetica, sans-serif;}
	.credit a {color:#A1A1A1; padding-left:2px;}
.small {font-size:10px;}