@CHARSET "ISO-8859-1";

/* LAYOUT */

div#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 955px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	}

h1 {

	}

h2 {

	}

h3 {
	margin: 15px 0 0px 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;	
	}

.normal {
	font-size: 10pt;
	}

.small {
	font-size: 9pt;	
	}

.tiny {
	font-size: 8pt;	
	}

.note {
	font-size: 8pt;	
	color: gray;
	}

.caps {
	text-transform: uppercase;
	}

.right {
	text-align: right;
	}

.center {
	text-align: center;
	}

.bold {
	font-weight: bold;
	}

.boldButton {
	font-weight: bold;
	width: 150px;
	padding: 5px;
	margin: 5px;
	}

a.share_fb {
	background: url(/content/evolutionclothing/assets/fb_share.png) 1px no-repeat;
	margin-left: 3px;
	color: black;
	padding: 2px 3px 2px 17px;	
	}
	
a.share_fb:hover {
	background-color: black;
	color: white;
	text-decoration: none;
	}	

a.share_tw {
	background: url(/content/evolutionclothing/assets/tw_share.png) 1px no-repeat;
	margin-left: 3px;
	padding: 2px 3px 2px 17px;	
	}
	
a.share_tw:hover {
	background-color: black;
	color: white;
	text-decoration: none;
	}	


/* HEADER */

div#header {
	padding: 10px 15px 10px 15px;
	background: black;
	height: 85px;
	}

div#basket_summary {
	text-align: right;		
	font-family: Arial;
	font-size: 9pt;
	color: white;
	padding: 5px 0px 10px 0;	
	}

div#basket_summary a {
	font-size: 8pt;	
	color: yellow;
	padding: 2px;
	}

div#basket_summary a:HOVER {
	background: white;
	color: black;
	}


/* topnav */

#topnav {
	clear: both; 
	float: left;
	height: 20px;
	background: black;
	padding-top: 8px;
	}

#topnav ul {
	list-style: none;
	margin: 0;
	padding: 3px 0;
	}

#topnav ul li {
	float: left; 
	padding: 4px 1px 1px 1px;	
	border-left: 1px solid gray;	
	}

#topnav ul li a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 1px 7px 1px 7px;
	color: white; 		
	}

#topnav ul li a.imagelink {
	padding: 2px 12px 2px 2px;
	}

#topnav ul li a:hover {
	background: white;
	color: black;
	}

/* CONTENT */

#divContent {
	clear: both; 	
	margin: 20px 0 20px 0;
	min-height: 500px;		
	}

/* COLLECTION */

#Collection {
	float: left;		
	width: 200px;
	padding: 0;
	margin: 0;
	}

.collectionTitle {
	font-family: times;	
	font-size: 15pt;	
	text-transform: uppercase;	
	background: black;
	color: white;
	padding: 5px 10px 5px 10px;
	}

.collectionTopLevelTitle {
	font-family: times;	
	font-size: 13pt;	
	text-transform: uppercase;	
	background: black;
	color: white;
	padding: 5px 10px 5px 10px;
	}

.CollectionList ul {
	padding-left: 20px;
	list-style: square;
	}

.CollectionList li {
	padding: 2px;
	}

.CollectionList a {
	font-size: 11pt;	
	color: black;
	text-decoration: underline;
	padding: 3px;
	}

.CollectionList a:hover {
	color: white;
	background: black;
	text-decoration: none;
	}

/* PRODUCT LIST */

#ProductList {
	float: right;	
	width: 740px;
	}

.productListItem {
	float: left;
	width: 170px;
	height: 230px;
	margin: 6px 6px 12px 6px;
	text-align: center;		
	background-color: white;
	}

.productListItem:hover {

	}

.productListItemName {
	display: block;
	margin: 3px;
	}

.productListItemName a {
	color: black;
	padding: 3px;	
	}

.productListItemName a:hover {
	background: black;
	color: white;
	}

.productListItemPrice {
	font-weight: bold;
	}
	
	

a.link {
	font-size: 11pt;
	color: black;
	padding: 3px;	
	}

a.link:hover {
	background: black;
	color: white;
	}	

/* PRODUCT */

div#product {
	padding-top: 10px;
	width: 720px;
	}
	
div#product_return {
	margin-bottom: 8px;	
	}
	
div#product_return a {
	color: black;
	padding: 2px 3px 2px 3px;
	}	
	
div#product_return a:hover {
	background: black;
	color: white;
	text-decoration: none;
	}		
	
div#product_breadcrumbs {
	margin-top: 2px;
	font-size: 10pt;
	}
	
div#product_breadcrumbs a {
	color: black;
	padding: 2px 3px 2px 3px;
	}

div#product_breadcrumbs a:hover {
	background: black;
	color: white;
	text-decoration: none;
	}	
	
div#product img#mainimage {
	padding-top: 20px; 
	margin: 0; 
	float: left;
	}	

div#product_description {
	margin-left: 500px; 
	width: 300px; 
	}

div#product_imagelist {
	float: left; 
	width: 380px; 
	margin: 25px 0 40px 0; 
	padding: 10px; 
	background: white;
	}

div#product_imagelist a {
	margin-right: 10px;
	border: 1px solid white;
	}
	
div#product_imagelist a img {
	border: 1px solid white; 	
	margin-right: 10px;
	padding: 3px;
	}

div#product_imagelist a img:hover {
	border: 1px solid black; 	
	}

div#product_linkedproducts {
	float: right; 
	width: 200px; 
	text-align: center;
	}

div#product_linkedproducts img {
	border: none;
	}

/* BASKET */

#divBasket {
	width: 755px;
	margin: 0 auto;
	}

#divBasket table {
	/* width: 755px; */
	}

#divBasket thead tr td {
	background: black;
	color: white;
	border-right: 1px solid silver;	
	padding: 5px;
	margin: 1px;
	}

#divBasket .trBasketItem td {
	border-top: 1px solid silver;
	vertical-align: top;
	padding: 5px;
	margin: 1px;	
	}

#divBasket .trBasketTotal td {
	border-bottom: 1px solid black;
	vertical-align: top;
	padding: 8px 5px 8px 5px;
	margin: 1px;
	}

#divBasket tbody a {
	color: black;
	padding: 2px;	
	}

#divBasket tbody a:hover {
	color: white;
	background: black;
	}

#BasketSubTotal {
	border: 2px solid black;
	margin: 15px 0 5px auto;
	padding: 8px;
	width: 200px;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	}

.bigPrice {
	font-family: Arial;
	font-size: 14pt;	
	}

.basketsubtotal {
	border-bottom: 1px solid black;
	}

.basketfreight {
	border-bottom: 2px solid black;
	}

.baskettotal {
	border-bottom: 2px solid black;
	}


/* FORMS */

.formLabel {
	width: 80px;
	text-align: right;
	background: #ddd;
	}

.formField {

	}

.formError {
	background: yellow;
	}

/* BOTNAV */

div#botnav {
	clear: both;
	border-top: 1px solid gray;
	padding: 8px 0 10px 0;	
	}

div#botnav ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	color: gray;
	}

div#botnav ul li {
	float: left;
	}

div#botnav ul li a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: black;
	padding: 3px 10px 3px 10px;	
	}

div#botnav ul li a:HOVER {
	background: gray;
	color: white;	
	}


/* FOOTER */

#footer {
	clear: both; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	color: black;
	text-align: center;
	padding-top: 10px;
	}

#footer a {
	font-weight: bold;
	color: black;	
	padding: 3px;
	}

#footer a:HOVER {
	color: white;
	background: gray;
	}

/* MAILLIST */

#divMaillist {
	width: 450px;
	margin: auto;
	padding: 15px 0 0 0;
	}

#divMaillist h1 {
	text-align: center;
	color: white;
	background: black;
	margin: 0;
	padding: 8px;		
	}

#divMaillist h2 {
	text-align: center;
	margin: 0;
	padding: 8px;	
	font-size: 11pt;
	}

#divMaillist myform {
	padding: 10px;
	}

.maillistLabel {
	font-weight: bold;
	vertical-align: top;
	}

.maillistError {
	background-color: yellow;
	}

.divStoreLocation {
	padding: 8px; 
	margin-left: 80px;	
	}

a.storeLocationLink {
	color: black;
	padding: 3px;	
	}

a.storeLocationLink:hover {
	background: black;
	color: white;
	}