/*
#
#	Base Theme TEMPLATE Version 1.0
#	Custom Css Template Override
#
#	Site Powered by EasyCommerce.
#	All rights reserved
#
*/



/********************************************
	Swap Out Flash Text to be White for better loading
*/
/*
	IF FLASH PLUGIN
*/
/*
div#content h1,
div#content h2,
div.product-list-featured-thumb h2,
div.product-add h3,
div#cart-box h4,
div#nav-box li a,
div#whatnow h3,
div#cart-box h4.cart-totals span.cart-cost,
fieldset#account-login legend,
fieldset#account-forgotpassword legend,
fieldset#account-personal legend,
fieldset#account-billing legend,
fieldset#account-shipping legend,
fieldset#payment-method legend,
fieldset#payment-creditcard legend,
div#payment-paypal h3,
div#payment-directdeposit h3,
div#account-save h3,
div#account-create h3,
fieldset#yourinfo-instructions legend,
div#shippingcountry legend,
div#discounts legend,
fieldset#contact-form legend
{ color:#fff; }
*/

/* Image Swap for Links */
div#nav-box a { display:block; height:36px; background:url(main-nav.png) no-repeat 0 0; text-indent:-9999px; }
div#nav-box a#nav-box-collection { background-position:0 0; }
div#nav-box a#nav-box-collection:hover { background-position:-175px 0px; }
div#nav-box a#nav-box-about { background-position:0 -41px; }
div#nav-box a#nav-box-about:hover { background-position:-175px -41px; }
div#nav-box a#nav-box-stockists { background-position:0 -82px; }
div#nav-box a#nav-box-stockists:hover { background-position:-175px -82px; }
div#nav-box a#nav-box-faq { background-position:0 -122px; }
div#nav-box a#nav-box-faq:hover { background-position:-175px -122px; }
div#nav-box a#nav-box-press { background-position:0 -164px; }
div#nav-box a#nav-box-press:hover { background-position:-175px -164px; }
div#nav-box a#nav-box-size-chart { background-position:0 -205px; }
div#nav-box a#nav-box-size-chart:hover { background-position:-175px -205px; }
div#nav-box a#nav-box-contact { background-position:0 -246px; }
div#nav-box a#nav-box-contact:hover { background-position:-175px -246px; }
div#nav-box a#nav-box-lookbook { background-position:0 -287px; }
div#nav-box a#nav-box-lookbook:hover { background-position:-175px -287px; }

/*
	div#categories-box li,
	div#nav-box li { font-size:150%; margin:0 !important; paddding:0 !important; }
	div#categories-box a,
	div#nav-box a { margin:0 !important; paddding:0 !important; }
*/

div#whatnow h3,
div#cart-box h4.cart-totals span.cart-cost { margin:0 !important; paddding:0 !important; }
div#cart-box h4.cart-totals span.cart-cost { margin:0 !important; paddding:0 !important; }

/*
div#whatnow h3,
div#cart-box h4.cart-totals span.cart-cost,
fieldset#account-login legend,
fieldset#account-forgotpassword legend,
fieldset#account-personal legend,
fieldset#account-billing legend,
fieldset#account-shipping legend,
fieldset#payment-method legend,
fieldset#payment-creditcard legend,
div#payment-paypal h3,
div#payment-directdeposit h3,
div#account-save h3,
div#account-create h3,
fieldset#yourinfo-instructions legend,
div#shippingcountry legend,
div#discounts legend,
fieldset#contact-form legend
{ font-size:225%; }
*/

/*
	// IF NO FLash Plugin
	// MOVE THIS OUT OF THE CUSTOM INTO THE HEADER.TEMPLATE
*/
body#productlist-category div#content h1 { margin-top:35px; }

body#page-about div#content h1,
body#page-stockists div#content h1,
body#page-faq div#content h1,
body#page-press div#content h1,
body#page-size-chart div#content h1,
body#page-size-chart div#content h1,
body#contact div#content h1
{ margin-top:50px; }



/********************************************
	Easy Slider
*/
#slider{ height:260px !important; }
#slider ul,
#slider li
{ margin:0; padding:0; list-style:none; }
#slider li {
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:750px;
	height:260px;
	overflow:hidden;
}
span#prevBtn,
span#nextBtn
{
	display:block;
	height:77px;
	margin:0;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	top:-170px;
	width:30px;
	z-index:10;
}
span#prevBtn { left:0; }
span#nextBtn{ left:720px; }								

#prevBtn a,
#nextBtn a { display:block; width:30px; height:77px; background-repeat:no-repeat; }
#prevBtn a { background-image:url(sf-is-btn-prev.gif); }
#nextBtn a { background-image:url(sf-is-btn-next.gif); }
#prevBtn a:hover,
#nextBtn a:hover
{ background-position:0 -77px; }

p#controls { margin:0; position:relative; }


/********************************************
	Jquery Lightbox
*/
div#lightbox-overlay,
div#lightbox-imageBox,
div#lightbox-infoBox
{ background-color:#fff; }

div#lightbox-imageBox { border:1px solid #c4c4c4; }

div#lightbox-infoFooter { margin-top:0; }
div#lightbox-overlay-text { display:none; }



/********************************************
	Store Front
*/

/* hide from ie on mac \*/
body#shop html { height:100%; overflow:hidden; }
body#shop div#wrap { height:100% !important; width:100% !important; margin:0 !important; padding:0 !important; overflow:visible; }
body#shop div#wrap h1 { display:block; position:absolute; top:60px; left:80px; width:228px; height:170px; z-index:100; }
body#shop div#wrap h1 a { display:block; width:100%; height:100%; background:url(storefront-logo-chrome.png) no-repeat; text-indent:-9999px; }
body#shop div#wrap div.image { display:block; position:absolute; top:20px; left:50%; margin-left:-240px; width:480px; height:720px; }
body#shop div#wrap ul { display:block; position:absolute; top:250px; left:80px; margin:0; padding:0; list-style:none;  }
body#shop div#wrap li { display:block; margin-top:10px; margin-bottom:10px; width:190px; height:28px; }
body#shop div#wrap li:first-child { margin-top:0; }
body#shop div#wrap li a { display:block; width:100%; height:28px; background:url(storefront-links.png) no-repeat; background-position:0 0; text-indent:-9999px; }

body#shop div#wrap li.lookbook a:hover { background-position:-204px 0; }
body#shop div#wrap li.shop a { background-position:0 -28px; }
body#shop div#wrap li.shop a:hover { background-position:-204px -28px; }
body#shop div#wrap li.stockists a { background-position:0 -56px; }
body#shop div#wrap li.stockists a:hover { background-position:-204px -56px; }
body#shop div#wrap li.contact a { background-position:0 -84px; }
body#shop div#wrap li.contact a:hover { background-position:-204px -84px; }




/********************************************
	Store Front
*/

/* hide from ie on mac \*/
body#page-lookbook html { height:100%; overflow:hidden; }
body#page-lookbook div#wrap,
body#page-lookbook div#content,
body#page-lookbook div.customcontent,
body#page-lookbook div#flashcontent 
{ height:100% !important; width:100% !important; margin:0 !important; padding:0 !important; overflow:visible; }

body#page-lookbook h1,
body#page-lookbook div#warp,
body#page-lookbook div#header,
body#page-lookbook div#nav-box,
body#page-lookbook div#cart-box,
body#page-lookbook div#categories-box,
body#page-lookbook div#account-box,
body#page-lookbook div#footer
{ display:none !important; }

/* IF NO FLASH Content */
body#page-lookbook div#flashcontent { background:#222; }
body#page-lookbook div#flashcontent h1 { display:block !important; background:url(header-logo.png) no-repeat #fff 30px 30px; padding:70px 30px 0px 220px; height:100px }
body#page-lookbook div#flashcontent h2 { background:#fff; padding:0 0 0 0; position:absolute; top:110px; left:223px; color:#555; }
body#page-lookbook div#flashcontent div.customcontent { background:#fff; padding:40px; }
body#page-lookbook div#flashcontent div.customcontent h3 { font-size:1.6em; margin:40px 0 12px 0; }
body#page-lookbook div#flashcontent div.customcontent p { margin:3px 0 10px 0; font-size:1.3em; }




/********************************************
	Product List ( Scroller )
*/

/*	Buttons	*/
div.product-list div#scroller-next,
div.product-list div#scroller-previous
{ width:42px; z-index:99; }

div.product-list div#scroller-next a,
div.product-list div#scroller-previous a
{ display:block; margin-top:155px; width:41px; height:28px; text-indent:-9999px; font-size:0px; background:url(product-list-scroller.png) no-repeat; }

div.product-list div#scroller-next { float:left; }
div.product-list div#scroller-next a { background-position:0 0; }
div.product-list div#scroller-next a:hover { background-position:0 -26px; }
div.product-list div#scroller-previous { float:right; }
div.product-list div#scroller-previous a { background-position:0 -56px; }
div.product-list div#scroller-previous a:hover { background-position:0 -82px; }

/*	Step Carousel	*/
.stepcarousel{
position: relative; /*leave this value alone*/
border:0px solid black;
overflow: scroll; /*leave this value alone*/
width:676px; /*Width of Carousel Viewer itself*/
height:400px; /*Height should enough to fit largest content's height*/
margin:0 auto 0 auto;
}

.stepcarousel .belt { position:absolute; left:0; top:0; } /*leave this value alone*/
.stepcarousel .panel{
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin around each panel*/
width:225px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:400px;
}


/********************************************
	Checkout Process
*/
div.checkoutprogress { height:80px; border-bottom:0; }
div.checkoutprogress ol { height:20px; }
div.checkoutprogress ol li span { padding:0; }
div.checkoutprogress ol li span a,
div.checkoutprogress ol li#receipt span
{ margin:0 auto; height:25px; }
div.checkoutprogress ol li span a:hover { opacity:0.75; filter:alpha(opacity=75); }

/*  */
div.checkoutprogress ol li span.step-num,
div.checkoutprogress ol li span a,
div.checkoutprogress ol li#receipt span
{ display:block; padding:0; text-indent:-9999px; background-image:url(checkoutprocess.png); background-repeat:no-repeat; }

/* Hide Text for Image */
div.checkoutprogress ol li span.step-num { margin:0 auto; width:40px; height:40px; border:none; background-color:transparent; }
div.checkoutprogress ol li#cartitems span.step-num { background-position:0 -102px; }
div.checkoutprogress ol li#cartitems a { background-position:0 0; width:110px; }
div.checkoutprogress ol li#yourinfo span.step-num { background-position:0 -143px; }
div.checkoutprogress ol li#yourinfo a { background-position:0 -25px; width:85px; }
div.checkoutprogress ol li#paymentmethods span.step-num { background-position:0 -184px; }
div.checkoutprogress ol li#paymentmethods a { background-position:0 -50px; width:77px; }
div.checkoutprogress ol li#receipt span.step-num { background-position:0 -226px; width:40px !important; height:40px !important; }
div.checkoutprogress ol li#receipt span { background-position:0 -75px; width:70px; }

/* Fixed width */
body#account div.checkoutprogress ol li#yourinfo,
body#yourinfo div.checkoutprogress ol li#yourinfo,
body#order div.checkoutprogress ol li#receipt,
body#cart div.checkoutprogress ol li#cartitems,
body#payment div.checkoutprogress ol li#paymentmethods,
body#account div.checkoutprogress ol li#cartitems,
body#account div.checkoutprogress ol li#paymentmethods,
body#account div.checkoutprogress ol li#receipt,
body#yourinfo div.checkoutprogress ol li#cartitems,
body#yourinfo div.checkoutprogress ol li#paymentmethods,
body#yourinfo div.checkoutprogress ol li#receipt,
body#cart div.checkoutprogress ol li#yourinfo,
body#cart div.checkoutprogress ol li#paymentmethods,
body#cart div.checkoutprogress ol li#receipt,
body#payment div.checkoutprogress ol li#yourinfo,
body#payment div.checkoutprogress ol li#cartitems,
body#payment div.checkoutprogress ol li#receipt,
body#order div.checkoutprogress ol li#yourinfo,
body#order div.checkoutprogress ol li#cartitems,
body#order div.checkoutprogress ol li#paymentmethods
{ width:25%; }


/* Custom Page Hit */
body#cart div.checkoutprogress ol li#cartitems a { background-position:-115px 0; }
body#yourinfo div.checkoutprogress ol li#yourinfo a { background-position:-115px -25px; }
body#payment div.checkoutprogress ol li#paymentmethods a { background-position:-115px -50px; }
body#order div.checkoutprogress ol li#receipt a { background-position:-115px -75px; }


/* Hide Receipt */
body#cart div.checkoutprogress li#receipt span,
body#yourinfo div.checkoutprogress li#receipt span,
body#payment div.checkoutprogress li#receipt span,
body#order div.checkoutprogress li#receipt span
{ opacity:0.50; filter:alpha(opacity=50); }

/* Show Receipt */
body#order div.checkoutprogress ol li#receipt a { opacity:0; filter:alpha(opacity=100); }



/********************************************
	Account User Links
*/
div.account-box-userlinks li.account,
div.account-box-userlinks li.orders,
div.account-box-userlinks li.logout
{ background-image:url(checkoutprocess.png); background-repeat:no-repeat; }

div.account-box-userlinks li.account { background-position:-40px -142px; }
div.account-box-userlinks li.orders { background-position:-40px -184px; }
div.account-box-userlinks li.logout { background-position:-40px -102px; }


/********************************************
	Pages
*/
body#page-privacy-policy div.content,
body#page-collection div.content,
body#page-about div.content,
body#page-returns div.content,
body#page-faq div.content,
body#page-press div.content,
body#page-size-chart div.content,
body#page-contact div.content,
body#page-stockists div.content
{ width:760px; margin:0 0 6px 190px; overflow:auto; }


/* Page Images */
h3.stockists-image,
h3.about-image,
h3.faqs-image,
h3.returns-image,
h3.size-chart
{ float:right; margin:0; padding:0; width:300px; height:397px; text-indent:-9999px; background-repeat:no-repeat; }

h3.stockists-image {  margin-left:1em !important; background-image:url(stockists.jpg); }
h3.about-image { margin-left:4.5em !important; width:280px; height:450px; background-image:url(about.jpg); }
h3.faqs-image { background-image:url(faqs.jpg); }
h3.returns-image { background-image:url(returns.jpg); }
h3.size-chart { background-image:url(size-chart.jpg); }

body#page-returns div#wherenow ul,
body#page-privacy-policy div#wherenow ul
{ position:relative; margin:10px 0 0 0; }


/*	Collection	*/
body#page-collection div#content h1 { display:none !important; }
body#page-collection div.customcontent { padding-top:5.5em; }
body#page-collection div.customcontent h3 { margin:12px 0 0 0; font-size:1.6em; }
body#page-collection div#wherenow { text-align:center !important; }
body#page-collection div#wherenow li { float:none; }


/*	FAQ's / Returns	*/
body#page-faq div.customcontent div.left,
body#page-returns div.left
{ float:left; margin:0 0 2em 0; width:450px; }

body#page-faq div.customcontent div.left h3,
body#page-returns div.left h3
{ margin:1.6em 0 0.2em 0; font-size:12pt; line-height:1.2em; }

body#page-faq div.customcontent div.left p,
body#page-returns div.left p
{ margin:0 0 1.2em 0; line-height:1.4em; }

body#page-faq div.customcontent div.left li,
body#page-returns div.customcontent li
{ margin:0 0 12px 0; }

body#page-faq div.customcontent div.left li,
body#page-returns div.customcontent li
{ list-style:circle; margin:0 0 0 30px; line-height:1.6em; }

body#page-faq div#content div strong { font-weight:bold; }

body#page-returns div#wherenow,
body#page-faq div#wherenow
{ clear:both; padding-bottom:3em !important; }


/*	Privacy Policy	*/
body#page-privacy-policy div.customcontent h3 { margin:10px 370px 10px 0px; padding:0; font-size:16pt; }
body#page-privacy-policy div.customcontent p { margin:0 370px 12px 0px; line-height:1.4em; }
body#page-privacy-policy div.customcontent strong { font-weight:bold; }
body#page-privacy-policy div.customcontent hr { margin:20px 0 20px 0; border-bottom:#fff; border-top:dashed 1px #CCCCCC; }

/*	About	*/
body#page-about div.customcontent h3 { margin:12px 0 0 0; font-size:1.4em; }
body#page-about div.customcontent p { margin:3px 0 6px 0; }
body#page-about div.customcontent hr { margin:20px 0 20px 0; }
body#page-about div.customcontent ul { margin:0 20px 0 20px; }
body#page-about div.customcontent li { margin:0; padding:3px 0 3px 0; list-style:circle !important; font-size:1.2em; }

/*	Press	*/
body#page-press div.customcontent div h5 { text-align:center; }
body#page-press div#wherenow { margin-top:2em !important; margin-bottom:3em !important; }

/*	Size Colour Chart	*/
body#page-size-chart div.right { float:left; width:450px; margin-bottom:2em; }
body#page-size-chart div#content p { margin:3px 0 8px 0; line-height:1.8em; }
body#page-size-chart div.customcontent h3 { margin:12px 0 0 0; font-size:1.6em; }

/*	Size Chart	*/
div.sizechart { margin:10px 0 30px 0 !important; }
div.sizechart table { width:100%; padding:0; }
div.sizechart th, div.sizechart td { padding:4px; }
div.sizechart thead th { padding:12px 6px 6px 6px; border:1px solid #f3f3f3; }
div.sizechart thead td { padding:6px 6px 6px 6px; border:1px solid #f3f3f3; }
div.sizechart tbody th { padding:6px 6px 6px 6px; border:1px solid #d7d7d7; background:#f3f3f3; width:120px; font-weight:bold; }
div.sizechart tbody td { padding:6px 6px 6px 6px; border:1px solid #d7d7d7; }

/*	Stockists	*/
body#stockists	div#content div h3,
body#page-stockists div.customcontent h3
{ margin:12px 0 0 0; font-size:1.6em; }

/*	Contact	*/
body#page-contact div.customcontent {}
body#page-contact div.left { float:left; width:400px; }
body#contact div#content h2,
body#contact fieldset#contact-form h4
{ display:none; }

/* Hide Base Theme xtras. */
div#search-box,
div.account-box-login,
div.account-box-forgotpassword,
div#footer div#addthis-store,
div.switch-thumb,
div#cart-box li a.signin
{ display:none; }

div#cart-box li.last { border:none; padding:0; }