@charset "UTF-8";

/*CSS Reset*/
body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { 
	margin: 0; padding: 0; 
	}

h1, h2, h3, h4, h5, h6 { 
	margin: 0; padding: 0; font-size: 100%; font-weight: normal;
	}

address, caption, cite, code, dfn, em, strong, var { 
	font-style: normal; font-weight: normal; 
	}
ol, ul { 
	list-style: none; margin: 0; padding: 0; 
	}

table {
	border-collapse: collapse; border-spacing: 0; 
	} 

caption, th { 
	text-align: left; font-weight: normal; font-style: normal; 
	}

acronym, abbr, fieldset, img { 
	border: 0;
	}

:focus { 
	outline: 0; 
	}
	
/*Start Customs*/

/*General*/
body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color: white;
}

a {
	text-decoration: none;
}

fl {
	float: left;
}

fr {
	float: right;
}

cl {
	clear: left;
}


/*Links*/

/*Main Layout*/
#wrap-page {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	}
	
#header {
	width: 960px;
	height: 80px;
}
#content {
	width: 960px;
}
#footer {
	width: 960px;
	padding-bottom: 40px;
	clear: both;
}

/*Headers*/
h1 {
	background-image: url(images/ui/brand_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	position: relative;
	margin-top: 20px;
}

h1 a {
	display: block;
	text-indent: -9000px;
	width: 200px;
	height: 25px;
}

h2 {
	font-size: 14px;
}

/*Colsets & Sections*/
.section {
	width: 960px;
	margin-bottom: 5px;
	float: left;
	clear: left;
}

.colset {
	float: left;
	padding-bottom: 14px;
}

.col1, .col2, .col3, .col4, .col5, .col6 {
	float: left;
	}

.col1 {
	width: 160px;
	}

.col2 {
	width: 320px;
	}
	
.col3 {
	width: 480px;
	}
.col4 {
	width: 640px;
	}

.col5 {
	width: 800px;
	}
	
.col6 {
	width: 960px;
	}

/*Product */
.product {
	height: 530px;
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
	}
.product-header, .colour-header {
	font-size: 20px;
	font-weight: bold; 
	float: left;
	margin-bottom: 4px;
}
.product-header h2, .colour-header h2 {
	height: 38px;
	font-size: 18px;
}
.product-header strong, .colour-header strong {
	font-weight: bold;
}
.colour-header {
	color: grey;
	position: relative;
	border-left: solid 1px grey;
	padding-left: 8px;
	margin-right: -9px;
}
.colour-header a {
	display: block;
	position: absolute;
	top: 43px;
	left: 4px;
	text-indent: -9000px;
	width: 30px;
	height: 16px;	
}
.product-colours img {
	padding-right: 3px;
}

.product a{
	display: block;
	height: 100%;
	width: 100%;
	border: none;
	text-indent: -9000px;
}
.product img {
	border: none;
}
.product-detail {
	 color: #666666;
	 font-size: 16px;
	 line-height: 18px;
}
#tee-legend-home {
	background-image: url(images/products/legend_main.jpg);
}
#tee-legend-home:hover {
	background-image: url(images/products/legend_over.jpg);
}
#tee-sbbrown-home {
	background-image: url(images/products/zip_brown_master_crop.jpg);
}
#tee-sbblue-home {
	background-image: url(images/products/zip_blue_master_crop.jpg);
}
#tee-egb-home {
	background-image: url(images/products/gb_master_crop.jpg);
}
.new {
	color: red;
}

.details {
 clear: both;
 height: 330px;
 background-image: url(images/ui/info_bar.gif);
 background-position: top left;
 background-repeat: no-repeat;
}

#info-sizing {
	padding-left: 55px;
	padding-top: 100px;
}
#info-deliveries {
	padding-left: 4px;
	padding-top: 14px;
}
#info-returns {
	padding-left: 17px;
	padding-top: 14px;
}
.details h3, .details p {
	font-size: 14px;
	padding-left: 10px;
}
.details h3 {
	padding-bottom: 18px;
}

.editorial h2 {
	font-weight: bold;
	padding-bottom: 6px;
}

.product-detail li {
	list-style: square;
	list-style-position: inside;
	font-size: 14px;
	color: #323232;
}

.purchase {
	float: left;
	margin-bottom: 20px;
}
.purchase-header {
	float: left;
	margin-bottom: 5px;
}
.purchase-details {
	float: left;
	background-color: #EAEAEA;
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	border-top: 1px white solid;
	color: #323232;
	}
.sizing-chart {
	height: 300px;
}
.sizing {
	padding-top: 28px;
}
.sizing-chart .sizing li {
	float: none;
	height: 50px;
	width: 160px;
	padding-bottom: 5px;
	display: block;
}
.sizing .size-a, .size-b, .size-c {
	background-repeat: no-repeat;
	background-position: 10px 4px;
}
.size-a {
	background-image: url(images/global/size_a.gif);
}
.size-b {
	background-image: url(images/global/size_b.gif);
}
.size-c {
	background-image: url(images/global/size_c.gif);
}
.sizing-chart strong {
	font-weight: bold;
}
.sizing-chart p {
	padding-left: 20px;
}
.purchase-bar {
	float: left;
	height: 30px;
	background-color: white;
	line-height: 30px;
	color: #0000FF;
	margin-bottom: 30px;
}
.purchase-header li, .purchase-bar li, .purchase-details li {
	float: left;
	text-align: center;
	font-size: 14px;
}
.purchase-header li.first, .purchase-bar li.first, .purchase-details li.first {
}
.purchase-details li.first {
	background-color: grey;
	color: white;
}
.purchase-header li {
	font-weight: bold;
}
.purchase-header li.first, .purchase-bar li.first {
	text-align: left;
}
.purchase-bar li.first {
	font-size: 16px;
}

/*Content */

#content p {
	color: #323232;
	font-size: 14px;
	line-height: 16px;
	margin-top: 1px;
	margin-bottom: 16px;
	padding-right: 50px;
}


/*Footer */
#legal {
	font-size: 12px;
}
#legal li.first {
}
#legal li{
	color: #B3B3B3;
	float: left;
	margin-right: 6px;
}
#legal li a {
	color: #B3B3B3;
}
#legal li a:hover {
	color: black;
}
#footer p {
	font-size: 12px;
	color: #B3B3B3;
	width: 640px;
	margin-bottom: 20px;
}