/*
	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:#29c5f4; 
		background:url(../images/nav-t-guys-bg.png) no-repeat 90px center; 
		border:3px solid #fff;
		padding:5px 15px 5px 15px;
	}
	.n-girls a{
		color:#84c557; 
		background:url(../images/nav-t-girls-bg.png) no-repeat 85px center; 
		border:3px solid #fff;
		padding:5px 15px 5px 15px;
	}
	.n-days a{
		color:#636569; 
		background:url(../images/nav-14-days-bg.png) no-repeat 95px center; 
		border:3px solid #fff;
		padding:5px 15px 5px 15px;
	}
	.n-artists a{
		color:#919498; 
		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 35px 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;}

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

		5. LAYOUT 
	
	*********************************
*/
	
	body{background:url(../images/wood-bg.png) repeat-x 0 110px;}
	#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:230px;}
	#news-signup h3{ background:url(../images/sneak-peak.png) no-repeat 0 0; margin:0; text-indent:-9999em; height:45px;}
	#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;
	}
	
	/* ========== 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, #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:500px; 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 1em; color:#b3b2b2; font-size:1.333em; background:url(../images/shopping-order-bg.png) no-repeat right center; }
	.shopping-order ol li a{color:#7ea9be;}
	.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:#cf6e90; 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;}
	table.shopping-order-cart .cart-price-total{font-weight:bold;font-size:1.5em;}
	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; color:#3bc6f4; font-weight:bold; font-size:14px;}
	table.shopping-order-cart .cart-saving-total{color:#3bc6f4; font-weight:bold;}
/* 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;}

#billing-details fieldset{float:left; width:286px; margin:0 0 3em 50px;}
#billing-details fieldset:first-child{margin-left:0;}
#billing-details legend{font-weight:bold; color:#000; font-size:14px;}
#billing-details ul{list-style-type:none;}
#billing-details label{float:left; width:110px; margin:0 1em 0.5em 0; color:#555;}
#billing-details .checkbox label{float:none;}
#billing-details input[type="text"], #billing-details input[type="password"] {width:155px;}
#billing-details select {width:155px;}

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

.summary-delivery-address{float:left; margin:1em 4em 3em 0; line-height:1.5; display:inline; width:150px; }
.summary-delivery-address h2, .summary-card-details h2{font-size:14px; margin:0;}
.summary-card-details{float:left; margin:1em 0 2em 1em; border-left:1px solid #1e74b4; padding-left:5em; width:680px;}
.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 { margin: 20px; text-align: center;}



/* 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;
		}
		#sh-product-list li a, #sh-product-list li a:hover  { 
			text-decoration: none;
		}
		#sh-product-list .title {
			font-weight: bold;
		}
		#sh-product-list .designer-name {
			font-style:italic;
		}
		.sh-page-navigation{
			clear:both;
			margin:1em 0;
			line-height:2.3em;
			position:relative;
		}
		.sh-page-navigation a.current { color: #6D6E71; cursor: default; }
		.sh-page-navigation-bottom { padding-bottom: 15px; }
		.sh-sizes{
			color:#49c1ec;
			font-weight:bold;
			font-size:1.4em;
			float:left;
			margin:0;
			margin-right:3em;
			position:relative;
		}
		.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:#49c1ec; }
		.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-s a{background:url(../images/sh-s-bg.png) no-repeat center center;}
		.sh-m a{background:url(../images/sh-m-bg.png) no-repeat center center;}
		.sh-l a{background:url(../images/sh-l-bg.png) no-repeat center center;}
		.sh-xl a{background:url(../images/sh-xl-bg.png) no-repeat center center;}
		
		#header-cart{position:absolute; bottom:0; right:100px; 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-image{float:left; width:300px; border:1px solid #1e74b4; text-align:center; padding:12px; margin:1em 0 2em; }
		.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; }
		
		.related-tees{ list-style-type:none; overflow:hidden; margin:2em 0; }
		.related-tees li{ float:left; margin:0 0.75em; }
		
		#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;}
		
		.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 #1e74b4; }
		.size-guide-girls .sizes div { border: 1px solid #D9E9C0; }
		.size-guide-guys .sizes div h2 { color: #3bc6f4; }
		.size-guide-girls .sizes div h2 { color: #8EBE43; }

		#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;
}