/*
	Template CSS 
	Developed by Alliance Software
	
	
	==========================================================
	
	TABLE OF CONTENTS
	
		1. Reset and colours
		2. General Setup
		3. Tiny MCE Default Styles
		4. Layout
		5. Nav
		6. Header
		7. Content
		8. Footer
		9. Forms
	   10. Shopping
	
	=========================================================

*/
/* 	*********************************

		1. RESET AND COLOURS
		
	*********************************
*/
	@import url(reset.css);
	
	/*
		page colours go here for easy reference
	*/


/* 	*********************************

		2. GENERAL SETUP
		
	*********************************
*/
	body{
		font-family:"Helvetica Neue", Arial, Helvetica, Sans-serif;	
		font-size:75%;
		line-height: normal;																																
		color:#6d6e71;
	}
	
	h3,h4,h5,h6 {
		margin:1em 0 0 0;
		
	}
	h1,h2,h3,h4{font-weight:bold; font-family:"Helvetica Neue", Arial, Helvetica, Sans-serif;}
	h1{font-size: 4.5em; line-height:1; color:#0071b9; margin-bottom:0.25em;}
	h2{font-size:2.1em; line-height:1; color:#0071b9;}
	h3{font-size:1.25em;}
	h4{font-size:1em;}
	
	p{margin:0.5em 0 1em;}
	em{font-style:italic;}
	strong{font-weight:bold;}
	.text-left{text-align:left;}
	.text-right{text-align:right;}
	.text-center{text-align:center;}
	
	ul, ol, dl{margin:1em 0;}																																											
	ol{list-style-type:decimal;}
	li{margin:0 0 0.5em;}													
	ul{list-style-type:square;}
	.no-bullet li{	list-style-type:none;}
	
	/* keep in LoVe HAte */
	a:link{color:#1e74b4;}
	a:visited{color:#1e74b4;}
	a:hover{color:#E67700; text-decoration:none;}
	a:active{color:#1e74b4;}
	
	blockquote{border:1px solid #ccc; padding:12px; width:90%; margin:12px auto;}
	blockquote h2{font-size:1.4em;}
	blockquote img{float:right; margin:3px 8px;}
	
	/* To force the blockquote to clear itself */
	blockquote:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	blockquote {display:inline-block;}/* Hide from IE Mac \*/
	blockquote {display:block;}/* End hide from IE Mac */
	
	/* generic float and clear classes */
	.left{float:left;}
	.right{float:right;}
	.clear{clear:both;}
	.clear-left{clear:left;}
	.clear-right{clear:right;}
	
	/* clearfix enables self clearing floats, add class="clearfix" to any floated element to clear itself */
	.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.clearfix {display:inline-block;}/* Hide from IE Mac \*/
	.clearfix {display:block;}/* End hide from IE Mac */

	hr{height:0; border:1px solid #1e74b4; border-width:1px 0 0; margin:2em 0;}




/* 	*********************************

		3. TINY MCE STYLES
		
	*********************************
*/
	.mceContentBody{
		background:#fff;															/* sets background to white when editing in CMS */
		color:#222;																	/* sets text colour at a good contrast on white background */
		text-align:left;															/* to make sure it does not take centre styles from body */
	}
	.mceContentBody ul, .mceContentBody ol, .mceContentBody dl{margin:1em 0;}									
	.mceContentBody ol li{list-style-type:decimal; margin-left:30px;}
	.mceContentBody li{margin:0 0 0.5em;}															
	.mceContentBody ul li{list-style-type:square; margin:0 0 0 30px;}




/*	*********************************

		4. NAVIGATION
		
	*********************************
*/

	/*
	=================================
	Important for accessibility, skip
	navigation link initially hidden
	but shown on focus using keyboard
	=================================
	*/
	
	#skip a, 
	#skip a:link, 
	#skip a:visited {display: block; width: 99%; position: absolute; top: 0; left: -200%; z-index: 2;}
	
	#skip a:focus, 
	#skip a:active {left: 0; top: 0; z-index: 100;}
	#skiptargetwrap {position: absolute; left: -200%;}
	
	#skip a, 
	#skip a:link, 
	#skip a:visited {color: #fff; background: #336; text-decoration: none; border-bottom: solid #ccc 2px; padding: 5px;}


	
	/*#skip a, #skip a:hover, #skip a:visited {
		position:absolute;
		left:-9999em;		
		overflow:hidden;
	}
	#skip a:active, #skip a:focus{
		position:static;
	}*/
	
	/* Main navigation bar */
	
	
	
	#toplinks{text-transform:uppercase; position:absolute; right:0;}
	#toplinks, #nav ul{
		list-style-type:none;
		
	}
	#toplinks li{
		float:left;
		padding:0 3px;
	}
	#toplinks a{
		color:#87888a;
		text-decoration:none;
		border-right:1px solid #87888a;
		padding-right:6px;
	}
	#toplinks li.last a{border:none;}
	
	#nav{
        position:absolute;
        bottom:50px;
        list-style-type:none;
        font-size:1.666em;
        line-height:1;
        background:#fff;
        font-weight:bold;
       	right:0;
		z-index:999;
    }
	#nav li{float:left; position:relative;}
	#nav a{text-decoration:none; display:block; }
	#nav ul{
		position:absolute; 
		visibility:hidden;
		border:2px solid #fff; 
		border-width:0 3px 3px 3px; 
		-moz-border-radius-bottomright:10px; 
		-moz-border-radius-bottomleft:10px;
		-moz-border-radius-topright:10px;
		z-index:10000;
		
	}
	#nav table {position:absolute; top:0; left:0; border-collapse:collapse;}

	#nav li ul li{float:none; margin:0; font-weight:normal; padding:0;}
	#nav li ul li a{margin:0; padding:3px 0px; border:1px solid #737577; border-width:0 0 1px 0; color:#737577; background:none;}
	#nav li ul {padding:10px; width:120px; font-size:14px; background-color:#f3f4f4;}
	#nav li:hover ul{ visibility:visible; margin:0 0 0 0px;}
	#nav li a:hover ul{visibility:visible;}
	

	.n-guys a{
		color:#1374b5; 
		background:url(../images/nav-t-guys-bg.png) no-repeat 146px center; 
		border:3px solid #fff;
		padding:5px 15px 5px 15px;
	}
	.n-girls a{
		color:#f49a86; 
		background:url(../images/nav-t-girls-bg.png) no-repeat 140px center; 
		border:3px solid #fff;
		padding:5px 15px 5px 12px;
	}
	.n-days a{
		color:#636569; 
		background:url(../images/nav-14-days-bg.png) no-repeat 87px center; 
		border:3px solid #fff;
		padding:5px 15px 5px 15px;
	}
	.n-artists a{
		color:#636569; 
		border:3px solid #fff; 
		border-width:3px 3px 0 3px; 
		background:url(../images/nav-t-info-bg.png) no-repeat 75px center; 
		display:block; 
		-moz-border-radius-topleft:10px; 
		-moz-border-radius-topright:10px;
		padding:5px 25px 5px 15px;
	}

	.n-size-guide a {
		font-weight: bold;
	}
	ul#nav li ul li.n-size-guide a:hover {
		color: #1e74b4;
	}
	
	.n-artists a:hover, #nav li.n-artists:hover>a{background-color:#f3f4f4;}


	.n-clearance a{
		color:#ed1b24; 
		background:url(../images/nav-t-clear-bg.png) no-repeat 135px center; 
		border:3px solid #fff; 
		border-width:3px 3px 0 3px; 
		padding:5px 38px 5px 15px;
		font-weight: bold;
		display:block; 
		-moz-border-radius-topleft:10px; 
		-moz-border-radius-topright:10px;
	}

	.n-clearance a:hover, #nav li.n-clearance:hover>a{background-color:#f3f4f4;}

	ul#nav li.n-clearance ul li a:hover {
		color: #AA1F23;
	}

/*	*********************************

		5. LAYOUT 
	
	*********************************
*/
	
	body{
	background-image: url(../images/wood-bg.png);
	background-position: center 110px;
	background-repeat: repeat-x;
	}
	#page{
		width:960px;
		margin:0 auto 3em;
	}
	#header{
	position:relative;
	height:155px;
	margin-top:1em;
	background:url(../images/t-price-overlay.png);
	background-repeat: no-repeat;
	background-position: left bottom;
    }
	#content{
		margin-top:40px;
		/*overflow:hidden;*/
	}
	#footer{
		border-top:1px solid #1e74b4;
		margin:2em 0;
		clear:both;
	} 
	#copyright{
	
	}
	
	
	
	
	#promoBike {
	position:absolute;
	width:335px;
	height:63px;
	background:url(../images/promoBike.gif) no-repeat;
	left: 627px;
	top: 100px;
	}
	
	
	
	
/* 	********************************* 

		6. HEADER 
		
	*********************************
*/
	
	#logo{
        position:absolute;
        background:url(../images/logo.png) no-repeat;
        text-indent:-9999em;
        top:0px;
    }
    #logo a{
        display:block;
        width:189px;
        height:80px;
    }	
	
	
	
/*	********************************* 
		
		7. CONTENT 
		
	*********************************
*/
	.box{
		margin:12px 0;
		padding:12px 12px 0;
		border:1px solid #ccc;
	}
	.gutter{
		margin-right:30px;															
	}
	
	#main-content{
		width:290px;
		float:left;		
		margin-right:40px;				
	}
	
	#secondary-content{
		width:630px;
		float:left;
	}


/* 
	*********************************

		8. Page Specific
		
	*********************************	
*/


	/* ============ Home ========== */
	
	#home #main-content{width:700px; margin-right:20px;}
	#home #secondary-content{width:240px;}
	
	#fourteen-day-designer{
		padding-left:70px; 
		width:620px; 
		background:url(../images/14-day-designer.png) no-repeat 15px top;
		margin:1em 1em 0 0; 
		float:left;
		min-height: 350px;
	}
	#fourteen-day-designer img{margin-bottom:1em;}
	
	#news-signup{margin:1em 0 0 0; float:right; width:238px;}
	#news-signup h3{ background:url(../images/sneak-peak.png) no-repeat 0 0; margin:0; text-indent:-9999em; height:73px;}
	#share-this{float:right;}
	
	.become-an-artist-link{
		display:block;
		background:url(../images/become-t-bar-artist.png) no-repeat 0 0;
		width:160px;
		height:86px;
		margin:1em auto 0;
		text-indent:-9999em;
	}
	
	
	
	
	#weWantYouHome {margin:1em 0 0 0; float:right; width:220px; position:relative; top:-100px;}
	#feature-artist-new{
		
		width:685px; 
		
		margin:1em 1em 0 0; 
		float:left;
		
	}
	
	
	/* ========== 14 Days ========= */
	
	#designer-list{
		list-style-type:none;
	}
	#designer-list li{
		float:left;
		width:140px;
		margin:3px;
	}
	
	/* ========== Profile ========= */

	#profile h1{ border-bottom:1px solid #1e74b4; line-height:1.1; margin-bottom:0.5em;}
	#profile h2{font-size:1.1em;}
	#profile h3{font-size:2.1em; color:#1e74b4;}
	
	#profile #main-content{
		width:100%;
	}
	#profile #secondary-content{width:675px; float:right; margin-left:40px;}
	.pr-style{color:#8b8e93; font-size:1.333em; text-transform:uppercase;}
	.pr-from{color:#404345; font-size:1.333em;}
	.pr-more{color:#5e6063; font-size:1.333em; margin: 0.2em 0 1em;}
	
	#pr-product-images{list-style-type:none; margin:0; width:130px; float:left; margin-right:15px;}
	#pr-product-full{float:left; width:520px;}

    /* ========== About Us ========= */
    #about-us { width: 300px; float: left; margin-bottom: 25px;}
    #about-us-image { float: right; width: 567px; margin-top: 7px;}

    /* ========== Careers ========= */
    #careers { width: 300px; float: left;}
    #careers-image { float: right; width: 567px; margin-top: 7px; margin-bottom: 37px;}
	 
	 /* ========== Shopping ========= */
	 
	#shopping #main-content { width:620px; border-top:1px solid #1e74b4; padding:1em 0 0 0; }
	#shopping #secondary-content { width:300px; }
	#shopping h1 { line-height:1.1; margin-bottom:0.5em; font-size:28px;}
	#shopping h1 span { display:block; font-weight:normal; font-size:24px; font-style:italic; }	

/* 
	*********************************

		8. FOOTER
		
	*********************************	
*/
	
		div#footer {
	height:100px;
}
#footer ul li {
	display:inline;
}
#footer ul li a {
	padding:0 4px 0 0;
}
div#footer div#links {
	width:500px;
	float:left;
	position:relative;
}
div#footer div#copyright {
	width:280px;
	float:right;
	top:10px;
	position:relative;
}
div#footer div#social {
	width:60px;
	float:right;
	position:relative;
	top:10px;
	margin-right:10px;
}
div#footer div#social a {
	float:left;
	margin-right:5px;
}



/* 	*********************************
	
		9. FORMS

	*********************************
*/

	/* Not currently used as design changed
	
	
	#register-designer{margin-top:30px;}
	#register-designer ul, #news-signup ul{list-style-type:none;}
	.no-label label{position:absolute; left:-9999em;}
	#register-designer label{color:#0071b9; font-weight:bold; display:inline-block; width:100px;}
	#register-designer input[type="radio"]+label{width:auto;}
	#register-designer input[type="text"]{width:200px;}
	#register-designer textarea{width:300px;}
	
	.large-legend{
		font-size:1.7em;
		text-transform:uppercase;
		font-weight:bold;
		line-height:1.1;
		color:#0071b9;
		letter-spacing:1px;
	}
	fieldset legend{
		font-weight:bold;
		color:#0071b9;
	}
	#choose-designer{
		margin-bottom:60px;
		
	}
	#choose-designer select{
		margin:0 1em 0 0.3em;
	}
	#choose-designer legend{
		margin-bottom:0.5em;
	}
	
	#choose-designer label{
		font-weight:bold;
		text-transform:uppercase;
	}
	.gender-radio-inputs, .date-of-birth{
		margin-left:103px;
		position:relative;
		top:-20px;
	}
	*/
	
	
	
	#news-signup label, #news-signup p, #search-designer label{color:#0071b9;}
	#news-signup form{border-bottom: 1px solid #1e74b4; padding-bottom:1em;}
	
	#news-signup form div, #search-designer form div{margin:0.5em 0 0 0; position:relative;}
	#news-signup form div label, #search-designer form div label{ display:block; float:left; width:65px; text-align:right; margin:0 1em 0 0;}
	#news-signup form div.text input { width: 125px; }
	#news-signup form div.radio label{ float:none; display:inline; }
	#news-signup form div.radio{}
	#news-signup .faux-legend{text-align:right;float:left; display:block; width:50px; margin:6px 1em 0 0; color:#0071b9; }
	#news-signup #submit{float:right; margin:1em 1em 0 0;}
	#news-signup .require-marker{ padding-left:15px; background:url(../images/required.png) no-repeat left center;}
	
	span.required{display:block; position:absolute; right:10px; top:5px; width:10px; height:10px; text-indent:-9999em; background:url(../images/required.png) no-repeat 0 0;}
	.required-marker{float:left; position:relative; top:20px; padding-left:15px; background:url(../images/required.png) no-repeat left center;}
	
	#search-designer{margin:3em 0 0 0;}
	#search-designer form{
		border:1px solid #1e74b4;
		border-width:1px 0;
		margin:1em 0;
		padding:2em 0;
	}
	#search-designer form div label{width:80px;}
#store-locator { width: 300px; float: left;}
	#store-locator label{color:#0071b9; font-weight: bold;}
	#store-locator h3 { color: #0071b9; }
	#store-locator p { font-weight: bold; font-size: 1.2em;}

	#sneak-peak { width: 280px; text-align: right;}
	#sneak-peak form div { margin: 0.5em 0 0; position: relative; width: 292px; text-align: left;}
	#sneak-peak label, #sneak-peak .faux-legend { display: block; float: left; width: 88px; text-align: left; color:#0071b9; font-weight: bold;}
	#sneak-peak form div.radio  label { float: none; display: inline; }
	#sneak-peak form div label { margin: 0 1em 0 0; }
	#sneak-peak h3 { color: #0071b9; }
	#sneak-peak p { font-weight: bold; font-size: 1.2em;}
	#sneak-peak div.text input { width: 164px; }
	#sneak-peak .require-marker{ padding-left:15px; background:url(../images/required.png) no-repeat left center;}


	#contact-us { width: 646px; text-align: right;}
	#contact-us form div fieldset { width: 300px; }
	#contact-us form div { margin: 0.5em 0 0; position: relative; width: 300px; text-align: left;}
	#contact-us label, #contact-us .faux-legend { display: block; float: left; width: 90px; text-align: left; color:#0071b9; font-weight: bold;}
	#contact-us form div.radio  label { float: none; display: inline; }
	#contact-us form div label { margin: 0 1em 0 0; }
	#contact-us h3 { color: #0071b9; }
	#contact-us p { font-weight: bold; font-size: 1.2em;}
	#contact-us div.text input { width: 164px; }
	#contact-us .require-marker{ padding-left:15px; background:url(../images/required.png) no-repeat left center;}
	#contact-us-legend { text-align: right !important; }
	#contact-us textarea { height: 152px; width: 291px; }

	#contact-message { float: right; margin-left: 10px; width: 300px;}
	#contact-enquiry { float: left; width: 336px;}
	#contact-enquiry div { width: 336px !important; }
	.contact-submit { float: right; clear: both;}
	.contact-submit input { float: right; }


/* 	*********************************

		10. SHOPPING 
		
	*********************************
*/

	.shopping-order-button{margin-left:212px;}
	.shopping-order ol{clear:right;overflow:hidden; width:550px; margin:1em auto;}
	.shopping-order ol li{list-style-type:none;margin:0px;line-height:2em;float:left;list-style-position:inside; padding:0.25em 1.5em 0.25em 0.7em; color:#b3b2b2; font-size:1.333em; background:url(../images/shopping-order-bg.png) no-repeat right center; }
	.shopping-order ol li a{color:#0071b9;}
	.shopping-order ol li.step-receipt{background:none;}
	.shopping-order ol li.active{color:#8ebe43;  font-weight:bold; background:url(../images/shopping-order-active-bg.png) no-repeat right center;}
	.shopping-order ol li.step-receipt.active{color:#84C557; background: none;}
	.shopping-order-login, .customer-edit, .customer-address-edit{margin:1em 0;}
	.shopping-same-billing label{font-weight:normal;float:none;}
	div.shopping-order-delivery table{border:1px solid #e4e4e4;border-width:1px 0;width:670px;}
	div.shopping-order-delivery table label{float:none;}
	table.shopping-order-cart{width:100%;}
	table.shopping-order-cart td{padding:0.5em;}
	.shopping-order-cart th{border-bottom:3px solid #e4e4e4;padding:0.5em;text-align:left;font-size:1.2em; color:#0071B9;}
	table.shopping-order-cart .cart-price-total-header, .cart-subtotal-header, .cart-shipping-header{text-align:right; font-weight:bold;}
	table.shopping-order-cart .cart-price-total-header{font-size:1.5em;}
	.cart-subtotal-total, .cart-shipping-total{font-weight:bold; text-align: right; width: 1em;}
	table.shopping-order-cart .cart-price-total{font-weight:bold;font-size:1.5em; text-align: right;}
	tr.product td, tr.fulfilment td, tr.fulfilment th{border-bottom:1px solid #e4e4e4; vertical-align:middle;}
	table.shopping-order-cart .cart-saving-header{text-align:right; font-weight:bold; }
	table.shopping-order-cart .cart-saving-total { text-align: right; }
	table.shopping-order-cart .cart-price { text-align: right; }
/* product */

.shopping-product .price{font-weight:bold;font-size:1.8em;}

/* over the top my stuff */
#wrapper{width:670px;margin:0 auto;padding:1em;}
.shopping-product .image img{margin:0 auto 10px auto;text-align:center;}
.button-order{margin-left:212px;}
.shopping-order-receipt .customer{font-weight:bold;clear:both;}
.business-details, .customer, .date-issued{margin:0;background: #fbfbfb;padding:0.5em;}
.business-details dl, .shopping-order-receipt .customer dl{overflow:hidden;margin:0;}
*html .business-details dl, *html .shopping-order-receipt *html .customer dl{height:1%;}
.business-details dt, .shopping-order-receipt .customer dt{min-width:70px;float:left;margin-right:1em;font-weight:bold;text-align:right;}
*html .business-details dt, *html .shopping-order-receipt *html .customer dt{width:70px;}
.business-details dd{margin-right:1em;}
.date-issued{border-bottom:1px dotted #e4e4e4;background: #f1f1f1;}
.payment-creditcard{background: #FBFBFB;padding:1em;border:1px dotted #E4E4E4;}
#cart_billingAddress .button{
		margin-left:212px;
	}

.customer-address-edit, .customer-edit { width: 75%; }
.customer-address-edit th, .customer-edit th { width: 30%; text-align: right; padding-right: 10px;}

#shopping .shopping-order-cart h1{font-size:18px; border-bottom:1px solid #1e74b4; padding-bottom:0.5em;}
#shopping .shopping-order-cart h1 span{font-size:12px; display:inline; color:#95979c;}
#shopping .shopping-order-cart .last{border-right:2px solid #e4e4e4;}

#delivery-details { float: left; width: 290px; margin:0 0 0 50px;}
#billing-details { float: left; width:290px; }

.address-details .phone-message { font-size: 0.8em; }

.address-details fieldset{ margin-bottom: 2em;}
.address-details legend{font-weight:bold; color:#000; font-size:14px;}
.address-details ul{list-style-type:none;}
.address-details label{float:left; width:110px; margin:0 1em 0.5em 0; color:#555;}
.address-details .checkbox label{float:none;}
.address-details input[type="text"], .address-details input[type="password"] {width:155px;}
.address-details select {width:155px;}
.address-details li.error { color: #FF0000;}
.address-details li.error input { border: 1px solid #FF0000; }

 #shopping h1.delivery-heading{font-size:30px; border:none; margin-bottom: 0;}
 #shopping h1.delivery-heading span{display:block; font-style:normal; font-size:18px; color:#1e74b4;}

#shopping h1.large-heading{font-size:30px; border:none; margin-bottom: 0;}
#shopping h1.large-heading span{display:block; font-style:italic; font-size:12px; color:#95979c;font-weight: normal;}

 #shopping span.requiredStar { color: #1e74b4; }
 #shopping .requiredText { color: #1e74b4; font-style: italic; font-size: 0.8em;}
 #shopping fieldset.delivery-login .button { display: inline; }
 #shopping fieldset.delivery-login label { font-weight: bold; color: #000; }
 #shopping fieldset.delivery-login span.requiredStar { margin-right: 10px; }
 #shopping fieldset.delivery-login a.forgot-password { margin-left: 276px;}

.summary-delivery-address{float:left; margin:1em 4em 3em 0; line-height:1.5; display:inline; width:250px; }
.summary-delivery-address h2, .summary-card-details h2{font-size:22px; margin:0;}
.summary-card-details{float:left; margin:1em 0 2em 1em; border-left:1px solid #1e74b4; padding-left:5em; width:580px;}
.summary-card-details ul{list-style-type:none;}
.summary-card-details li{margin:0 0 0.25em 0;}
.summary-card-details label{float:left; width:150px; margin:0.25em 1em 0 0; text-align:right;}
 
/* 	*********************************

		11. Scroller 
		
	*********************************
*/

div#scroller-holder {
	margin: 0 auto;
	text-align:center;
	float: left;
	width:894px;
	height:247px;
	overflow:hidden;
}
#scroller {
	float:left;
	width:400em;
	overflow:hidden;
	height:247px;
	white-space: nowrap;
}
#scroller-left {
	float:left;
	width: 31px;
	cursor:pointer;
}
#scroller-right {
	float:right;
	width: 31px;
	cursor:pointer;
}

#scroller-holder { border-bottom:1px solid #1e74b4; padding-bottom:2em;}
.scroller-product { float: left; margin:0 0.5em; display: inline; width: 194px;}

.hm-product-title{display:block; text-align:center; font-weight:bold; font-style:normal;}
.hm-prod-description{text-align:center; font-size:1.167em; line-height:1.2; font-style:italic;}

#slider-wrap { width: 960px; padding: 0px; background: white; margin: 0 auto 20px; position: relative; }

.become-an-artist { text-align: center; margin:20px 0 10px 0;}



/* Temporary - to be integrated properly */

		#sh-product-list{
			border:1px solid #1e74b4; 
			border-width:1px 0; 
			overflow:hidden;
			padding:3em 0;
			clear:both;
		}
		#sh-product-list li{
			float:left;
			list-style-type:none;
			margin:0 1em;
			text-align: center;
			padding-bottom: 10px;
			position: relative;
		}
		#sh-product-list li a, #sh-product-list li a:hover  { 
			text-decoration: none;
			display: inline-block;
		}
		#sh-product-list .title {
			font-weight: bold;
		}
		#sh-product-list .designer-name {
			font-style:italic;
			width: 209px;
			display:inline-block;
		}
		#sh-product-list li.clearance-item span.clearance-price {
			color: #ed1b24;
			font-size: 20px;
			font-weight: bold;
			position: absolute;
			padding-left: 150px;
			padding-top: 15px;
		}
		.sh-sp-form-details .sh-clearance-price p  { color: #ed1b24; font-size: 20px; font-weight: bold; width: auto;}
		#sh-product-list li a img { width: 209px; height: 209px; padding-bottom: 10px;}
		.sh-product-buy-online-medium {
			background:url(../images/sh-buy-online-medium.png) no-repeat center center; 
			width: 65px;
			height: 36px;
			position:absolute;
			display: block;
			margin-left: 143px;
			margin-top: 165px;
		}
		.sh-product-59-each-medium {
			background:url(../images/sh-59-each-medium.png) no-repeat center center; 
			width: 49px;
			height: 49px;
			position:absolute;
			display: block;
			margin-left: 161px;
			margin-top: 122px;
		}
		.sh-product-new-medium-guys, .sh-product-new-medium-girls  {
			width: 41px;
			height: 25px;
			position:absolute;
			left:166px;
			top:144px;
			/* margin-left: 166px;
			margin-top: 144px; */
		}
		.sh-product-new-medium-guys {
			background:url(../images/sh-new-medium-guys.png) no-repeat center center; 
		}
		.sh-product-new-medium-girls {
			background:url(../images/sh-new-medium-girls.png) no-repeat center center; 
		}
		.sh-page-navigation{
			clear:both;
			margin:1em 0;
			line-height:2.3em;
			position:relative;
		}
		#sh-product-list li.clearance-item {
			text-align: left;
		}
		#sh-product-list li.clearance-item span {
			padding-left: 35px;
		}

		.sh-page-navigation a.current { color: #6D6E71; cursor: default; }
		.sh-page-navigation-bottom { padding-bottom: 15px; }
		.sh-sizes{
			color:#1374b5;
			font-weight:bold;
			font-size:2em;
			float:left;
			margin:0;
			margin-right:3em;
			position:relative;
			width: 200px;
		}
		.sh-sizes ul{
			visibility:hidden;
			position:absolute;
			margin:0;
		}
		.sh-sizes ul li{
			width:200px;
			background-color:#fff;
			padding:0 12px;
			border:1px solid #bcd9eb;
			-moz-box-shadow:0px 5px 10px #999;
		}
		.sh-sizes li:hover ul{
			visibility:visible;
		}
		.sh-sizes li, .sh-pagination li, .sh-pagination, .sh-display-no{
			float:left; 
			list-style-type:none;
			margin:0;
		}
		.sh-display-no{margin-right:3em; position: absolute; right: 200px;}
		.sh-pagination{position:absolute; right:3em;}
		.sh-pagination a {font-size:1.9em; text-decoration:none; color:#1374b5; }
		.sh-pagination li{ margin:0 2px;}
		.sh-xs a,.sh-s a,.sh-m a,.sh-l a,.sh-xl a{display:block; width:36px; height:26px; text-indent:-9999em; margin:0px;}
		.sh-xs a{background:url(../images/sh-xs-bg.png) no-repeat center center; margin:0 5px;}
		.sh-xs.selected a{background:url(../images/sh-xs-hover-bg.png) no-repeat center center; }
		.sh-s a{background:url(../images/sh-s-bg.png) no-repeat center center;}
		.sh-s.selected a{background:url(../images/sh-s-hover-bg.png) no-repeat center center;}
		.sh-m a{background:url(../images/sh-m-bg.png) no-repeat center center;}
		.sh-m.selected a{background:url(../images/sh-m-hover-bg.png) no-repeat center center;}
		.sh-l a{background:url(../images/sh-l-bg.png) no-repeat center center;}
		.sh-l.selected a{background:url(../images/sh-l-hover-bg.png) no-repeat center center;}
		.sh-xl a{background:url(../images/sh-xl-bg.png) no-repeat center center;}
		.sh-xl.selected a{background:url(../images/sh-xl-hover-bg.png) no-repeat center center;}

.sh-xs span.out-of-stock,.sh-s span.out-of-stock,.sh-m span.out-of-stock,.sh-l span.out-of-stock,.sh-xl span.out-of-stock {display:block; width:36px; height:26px; text-indent:-9999em; margin:0px;}
		.sh-xs span.out-of-stock {background:url(../images/sh-xs-bg-no-stock.png) no-repeat center center; margin:0 5px;}
		.sh-s span.out-of-stock {background:url(../images/sh-s-bg-no-stock.png) no-repeat center center; }
		.sh-m span.out-of-stock {background:url(../images/sh-xs-bg-no-stock.png) no-repeat center center;}
		.sh-l span.out-of-stock {background:url(../images/sh-l-bg-no-stock.png) no-repeat center center; }
		.sh-xl span.out-of-stock {background:url(../images/sh-xl-bg-no-stock.png) no-repeat center center;}

		td span.cart-shipping-message { color: #0071B9; font-size: 0.6em;}

		.cart-error { color: red;}
		.cart-error h3 { color: red; }
		.cart-error ul { margin-left: 15px; }
		
		#header-cart{position:absolute; bottom:0; right:30px; font-size:28px; font-weight:bold; z-index:1; text-decoration:none; color:#514740; background:url(../images/cart-bg.png) no-repeat left center; padding:5px 0 5px 50px; display:block; line-height:1;}
		#header-cart span{display:block; font-size:10.1px; color:#514740;}
		#header-cart em{font-style:normal; color:#e95b2a;}
		
		/* Single Product view */
		.sh-sp-left { float: left; width: 330px; margin-bottom: 20px;}
		.sh-sp-image{ border:1px solid #1e74b4; text-align:center; padding:15px; margin:1em 0 2em; width: 300px; position: relative;}
		.sh-sp-form-details{ float:left; margin:1em 0 2em 24px; width:260px; }
		.sh-sp-form-details ol { list-style-type:none; margin:0 0 1em 0; }
		.sh-sp-form-details ol>li{border-bottom:1px solid #1e74b4; float:left; width:100%; padding:1em 0; color:#1e74b4; margin:0;}
		.sh-sp-form-details li h3{float:left; margin:0em 1em 6px 0;}
		.sh-sp-form-details li label{font-weight:bold; font-size:15px; margin-right:1em;}
		.sh-sp-form-details li p{float:left; font-size:14px; font-weight:bold; width:205px; margin:0;}
		.sh-sp-form-details li span { margin-left: 4.2em; font-size: 14px;}
		.sh-sp-form-details .sh-sizes{margin:0;}
		.sh-sp-form-details .sh-style p { color: #707173; }
		.sh-sp-form-details .sh-code p, .sh-sp-form-details .sh-price p  { color: #707173; width: auto;}
		.sh-sp-form-details .sh-expand { background-color: #D9DADB; padding: 5px; color: black; display: none;}
		

		.sh-sp-buy-online {
			background:url(../images/sh-buy-online-large.png) no-repeat center center; 
			width: 95px;
			height: 52px;
			position:absolute;
			display: block;
			left:224px;
			top: 255px;
			/*	margin-left: 210px;
				margin-top: 240px; */
		}
		.sh-sp-59-each {
			background:url(../images/sh-59-each-large.png) no-repeat center center; 
			width: 71px;
			height: 70px;
			position:absolute;
			display: block;
			margin-left: 235px;
			margin-top: 178px;
		}

		.sh-sp-new-guys, .sh-sp-new-girls  {
			width: 60px;
			height: 37px;
			position:absolute;
			left:262px;
			top: 225px;
			display: block;
			/*	margin-left: 242px;
				margin-top: 210px;	*/
		}
		.sh-sp-new-guys {
			background:url(../images/sh-new-large-guys.png) no-repeat center center; 
		}
		.sh-sp-new-girls {
			background:url(../images/sh-new-large-girls.png) no-repeat center center; 
		}

		.related-tees{ list-style-type:none; overflow:hidden; margin:2em 0; }
		.related-tees li{ float:left; margin:0 0.75em; }

		.related-tees{ list-style-type:none; overflow:hidden; margin:2em 0; }
		.related-tees li{ float:left; margin:0 0.75em; }

		.related-tees-buy-online {
			background:url(../images/sh-buy-online-small.png) no-repeat center center; 
			width: 34px;
			height: 19px;
			position:absolute;
			display: block;
			margin-left: 75px;
			margin-top: 87px;
		}

		.related-tees-59-each {
			background:url(../images/sh-59-each-small.png) no-repeat center center; 
			width: 26px;
			height: 26px;
			position:absolute;
			display: block;
			margin-left: 85px;
			margin-top: 64px;
		}

		.related-tees-new-guys, .related-tees-new-girls  {
			width: 21px;
			height: 13px;
			position:absolute;
			margin-left: 88px;
			margin-top: 76px;
		}
		.related-tees-new-guys {
			background:url(../images/sh-new-small-guys.png) no-repeat center center; 
		}
		.related-tees-new-girls {
			background:url(../images/sh-new-small-girls.png) no-repeat center center; 
		}
		
		#cart h3{ background-color:#0071b9; color:#fff; margin:0; text-align:center; padding:12px; font-size:18px;}
		#cart ul{list-style-type:none;}
		#cart li {border:1px solid #e3e3e4; border-width:0 2px 2px 0; overflow:hidden; padding:0 0 0.5em 0;}
		
		#cart .cart-quantity, .cart-pr-description, #cart .cart-price{margin-top:1em;}
		#cart .cart-quantity{ width:9%; float:left; text-align:center;}
		.cart-pr-image{ width:20%; float:left;}
		.cart-pr-description{ font-weight:bold; float:left; width:50%; }
		.cart-pr-description em{display:block; font-weight:normal; font-size:11px;}
		#cart .cart-price-total{text-align:right; font-weight:bold; font-size:21px; padding:6px;}
		.cart-remove-item{}
		#cart .cart-price{text-align:center; float:left; width:20%;}
		.cart-remove-item{display:block; float:left; width:20%;}
		
		
		/*buttons */
		.button{
			text-indent:-9999em;
			border:none;
			cursor:pointer;
			font-size:0;
			line-height:0;
			display:block;
		}
		
		.button-place-order{background:url(../images/button-place-order.png) no-repeat 0 0; width:135px; height:25px; float:right;}
		.button-change{background:url(../images/button-change.png) no-repeat 0 0; width:135px; height:25px;}
		.button-submit{background:url(../images/button-submit.png) no-repeat 0 0; width:135px; height:25px;}
		.button-login{background:url(../images/button-login.png) no-repeat 0 -1px; width:135px; height:29px;}
		.button-add-to-cart{background:url(../images/button-add-to-cart.png) no-repeat 0 0; width:270px; height:50px;}
		.button-checkout{background:url(../images/button-checkout.png) no-repeat 0 0; width:135px; height:25px; float:left;}
		.cart-button-remove{background:url(../images/button-remove.png) no-repeat 0 0; width:56px; height:14px;}
		.button-continue{background:url(../images/button-continue-shopping.png) no-repeat 0 0; width:135px; height:25px; float:left;}
		.button-continue-login{background:url(../images/button-continue.png) no-repeat 0 0; width:135px; height:23px; }
		.button-edit-details {background:url(../images/button-edit-details.png) no-repeat 0 0; width:131px; height:21px; }
		.button-change-password {background:url(../images/button-change-password.png) no-repeat 0 0; width:131px; height:21px; }
		.button-print { background:url(../images/button-print.png) no-repeat 0 0; width:132px; height:22px; }

		.button-edit-details,.button-change-password  { display: inline-block; zoom: 1; *display: inline; }
		.my-account-summary  { width: 80%; }
		.my-account-summary th { font-weight: normal; text-align: left; }
		.my-account-summary td { font-weight: bold; text-align: left; padding: 5px;}
		
		.sh-size-guide, .sh-shipping, .sh-returns{margin-bottom:1em;}
		.sh-size-guide h3,.sh-shipping h3,.sh-returns h3{color:#1e74b4; border:1px solid #1e74b4; padding:3px 6px; margin:0; position:relative;}
		.sh-size-guide h3 a,.sh-shipping h3 a,.sh-returns h3 a{position:absolute; right:6px; text-decoration:none;}

		/* Size Guide Page */
		.size-guide .sizes div { width:283px; margin: 0.7em;  padding:6px; float: right; }
		.size-guide .sizes div h2 { margin-bottom: 0.5em; } 
		.size-guide .sizes div h2 span { color: #6D6E71; }
		.size-guide-guys .sizes div { border: 1px solid #c9d4e6; }
		.size-guide-girls .sizes div { border: 1px solid #f6e3d8; }
		.size-guide-guys .sizes div h2 { color: #1374b5; }
		.size-guide-girls .sizes div h2 { color: #f49a86; }

		#left-column {
			width:290px;
			float:left;		
			margin-right:40px;				
		}

		#right-column {
			width:630px;
			float:left;
		}




#jquery-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 500px;
}
#jquery-lightbox
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1001;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img
{
	border: none;
}
#lightbox-container-image-box-top
{
	width: 100%;
}
#lightbox-container-image-box-top-left
{
	width: 10%;
	height: 1px;
	position: relative;
	margin: 0 auto;
	float: left;
	z-index: 10;
	display: none;
	text-align: left;
}
#lightbox-container-image-box-top-middle
{
	width: 80%;
	padding-top: 5px;
	height: 5px;
	position: relative;
	margin: 0 auto 0 0px;
	float: left;
	z-index: 5;
	display: inline;
}
#lightbox-container-image-box-top-middle div.progress
{
	width: 80%;
	padding-top: 5px;
	height: 5px;
	position: relative;
	margin: 0 auto 0 0px;
	float: left;
	background-color: #e4e4e4;
	z-index: 5;
	display: inline;
}
#lightbox-container-image-box-top-right
{
	width: 10%;
	height: 1px;
	position: relative;
	margin: 0 auto;
	float: right;
	text-align: right;
	z-index: 10;
	display: inline;
	cursor: pointer;
}
#lightbox-container-image-box
{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image
{
	height: 100%;
	padding: 10px;
}
#lightbox-loading
{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav
{
	position: absolute;
	top: 32px;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav
{
	left: 0;
}
#lightbox-nav a
{
	outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext
{
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev
{
	left: 0;
	float: left;
}
#lightbox-nav-btnNext
{
	right: 0;
	float: right;
}
#lightbox-container-image-data-box
{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
	text-align: left;
}
#lightbox-container-image-data #lightbox-image-details
{
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption
{
	font-weight: bold;
	display: block;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}
#lightbox-image-details-currentNumber
{
	display: block;
	clear: left;
	padding-bottom: 1.0em;
	display: inline;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
}
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text
{
	display: inline;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	cursor: pointer;
}



.view-larger a { background:url(../images/magnifier.png) no-repeat 0 0; margin:0; text-indent:-9999em; height:20px; width: 20px;
	float: right;
}



	table.invoice-summary{width:100%; margin-top: 15px;}
	table.invoice-summary td{padding:0.5em;}
	.invoice-summary th{border-bottom:3px solid #e4e4e4;padding:0.5em;text-align:left;font-size:1em; }
	.invoice-summary .invoice-sub-total td { border-top: 3px solid #e4e4e4; }
	table.invoice-summary .cart-price-total-header, .cart-subtotal-header, .cart-shipping-header{text-align:right; font-weight:bold;}
	table.invoice-summary .cart-price-total-header{font-size:1.5em;}
	.cart-subtotal-total, .cart-shipping-total{font-weight:bold; text-align: right; width: 1em;}
	table.invoice-summary .cart-price-total{font-weight:bold;font-size:1.5em; text-align: right; margin-left:}
	tr.product td, tr.fulfilment td, tr.fulfilment th{border-bottom:1px solid #e4e4e4; vertical-align:middle;}
	table.invoice-summary .cart-saving-header{text-align:right; font-weight:bold; }
	table.invoice-summary .cart-saving-total { text-align: right; }
	table.invoice-summary .cart-price { text-align: right; }
	.invoice-business-details { float: right; }
	.invoice-business-details th { display: none; }

	.cart-product small { font-size: 0.8em; }



	.invoice-delivery-address, .invoice-billing-address {
		float: left;
		margin-right: 30px;
}
.invoice-date-number  { clear: left; }



 #resetpassword .button { display: inline; }
 #resetpassword fieldset label { font-weight: bold; color: #000; }
 #resetpassword fieldset span.requiredStar { margin-right: 10px; }



	.successBox, .errorBox, .warningBox {
		padding: 1em 10% 1em 4.4em;
		border: 1px solid #999999;
		-moz-border-radius:3px;
		-moz-box-shadow:1px 1px 10px #999;
		-webkit-box-shadow:1px 1px 10px #999;
		box-shadow:1px 1px 10px #999;
		margin: 1em 0;
		font-size: 90%;
		font-weight: bold;
	}
	.normal { font-weight: normal; }
	.errorBox {	
		background:	#FFDBDE;
	}

	.successBox { 
		background:	#E6F4E8;
	}

	.error { color: red; }

	.invoice-number { font-size: 2em; font-weight: bold; }

#yooralla {
	width:692x;
	height:120px;
	margin-left:16px;
}


#buyOnline {
	display: none;
	position:relative;
	right:600px;
	width:138px;
	margin-top:25px;
	height:47px;
	z-index:3;
	float:right;
}

.freeShipping {
	width:678px;
	height:290px;
	margin-bottom:10px;

}


#summa-submit {
background:url(../images/submit.jpg) no-repeat 0 0; width:100px; height: 43px; 
margin-bottom: 30px;
}
span.error { color: red; }

/* For latest items on homepage */
.latest-items-header{
	background: url(../images/latest-items-header.png) no-repeat 0 0;
	text-indent: -999em;
	height: 40px;
	padding: 0;
}
.latest-items {
	width: 685px;
	margin: 1em 1em 0 0;
	float: left;
}
.latest-items #sh-product-list{border-top: 0; padding-top: 0;}
.latest-items #sh-product-list li{margin:0 .75em;}
.latest-items .shop-guys, .latest-items .shop-girls{display: block; width: 130px; height: 40px; float: right;}