/* Reset & Hacks */
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,address,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }

a { outline: none; }
a:focus { -moz-outline-style: none; }
a,
a:active,
a:link { text-decoration: none; }
a:hover { text-decoration: none; } 
.selected a:hover { text-decoration: none; cursor: default;  }

hr { border: none; background: #908677; margin: 20px 0; }

img { display: block; }

body { font-family: Helvetica, Arial, sans-serif; background: #cec9c0; font-size: 1em; margin: 0; }

.wrapper { width: 970px; margin: auto; }

/*///// HEADER */
.header { font-size: .9em; width: 100%; margin: 0 0 36px 0; position: relative; }
.header .branding { position: absolute; width: 84px; height: 65px; bottom: 0; left: 440px; }
.header .branding h2 { background: url(../images/common/is-logo.gif) top center no-repeat; width: 100%; height: 100%; margin: 0 auto; }
.header .branding h2 span { font-size: 6em; line-height: .8em; color: #FFFFFF; font-family: "Times New Roman", Times, serif; text-align: center; display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -5000px; }

.header,
.header a,
.header a:visited { color: #9a8f7f; }
.header a:hover { text-decoration: none; }
.header a:hover,
.header h3.selected { color: #ffffff; }


/*///// NAV */
.nav-main { margin-top: 90px; float: left; }
.nav-main ul { }
.nav-main li { float: left; margin-right: .2em; }

.nav-product { margin-top: 90px; float: left; margin-left: 152px; }
.nav-product ul { }
.nav-product li { float: left; margin-right: .2em; }

.nav-user { margin-top: 48px; float: right; }

.nav-basket { margin-top: 30px; font-size: .8em; float: right; }
.nav-basket ul { }
.nav-basket li { float: left; margin-left: .5em; }


.header li a { background: url(../images/common/nav.gif) left top no-repeat; display: block; height: 11px; }
.header li a span { background: url(../images/common/nav.gif) left top no-repeat; display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -5000px; }
.header li a:hover span,
body.philosophy li.philosophy a span,
body.the-orchard-room li.the-orchard-room a span,
body.press-and-events li.press-and-events a span,
body.contact li.contact a span,
body.must-haves li.must-haves a span,
body.must-haves-product li.must-haves a span,
body.the-collection li.the-collection a span,
body.the-collection-product li.the-collection a span,
body.basket li.basket a span,
body.checkout li.checkout a span,
body.sign-in-register li.sign-in-register a span,
body.register li.sign-in-register a span { background: none; }

.header li.philosophy a { width: 82px; background-position: 0 -11px; }
.header li.philosophy a span { background-position: 0 0px; }

.header li.the-orchard-room a { width: 141px; background-position: -82px -11px; }
.header li.the-orchard-room a span { background-position: -82px 0px; }

.header li.press-and-events a { width: 104px; background-position: -223px -11px; }
.header li.press-and-events a span { background-position: -223px 0px; }

.header li.contact a { width: 67px; background-position: -327px -11px; }
.header li.contact a span { background-position: -327px 0px; }


.header li.must-haves a { width: 81px; background-position: -394px -11px; }
.header li.must-haves a span { background-position: -394px 0px; }

.header li.the-collection a { width: 117px; background-position: -475px -11px; }
.header li.the-collection a span { background-position: -475px 0px; }


.header li.basket a { width: 49px; background-position: -592px -11px; }
.header li.basket a span { background-position: -592px 0px; }

.header li.checkout a { width: 72px; background-position: -641px -11px; }
.header li.checkout a span { background-position: -641px 0px; }

.header li.sign-in-register a { width: 124px; background-position: -713px -11px; }
.header li.sign-in-register a span { background-position: -713px 0px; }




/*///// PAGE LAYOUT & GENERIC */
.primary { font-size: .8em; line-height: 1.3em; background: #c0b9ac; color: #ffffff; }
.text-block p { margin: .7em 0; }

h1 { font-weight: bold; }
h2 { font-weight: bold; }

.errorText,
.error { color: #900; }

.primary a,
.primary a:visited { color: #908677; }
.primary a:hover { color: #FFFFFF; }

/*///// PRESS & EVENTS */
ul.press-list { margin-top: 23px; }
ul.press-list li { margin: 0 0 42px 0; }
ul.press-list li .col1 { width: 468px; float: left; }
ul.press-list li .col2 { width: 500px; float: right; }

ul.press-list li .text-block,
.pager { margin: 0 50px 0 84px; }
ul.press-list li h2 { font-weight: bold; } 
ul.press-list li h3 { color: #908677; display: inline-block; }
ul.press-list li .text-block p { display: inline-block; }

ul.press-list a,
ul.press-list a:visited { color: #FFFFFF; }
ul.press-list a:hover { color: #908677; }


.pager { font-size: .9em; margin-bottom: 42px; }
.pager a.prev { float: left; }
.pager a { display: inline-block; padding: 4px 8px 2px; border: 1px solid #ffffff; margin-right: 4px; }+

.pager a.selected { color: #ffffff; }
.pager ul { float: left; }
.pager li { float: left; }

.selector span { float: left; display: block;  }
.selector .btns { font-size: .9em; float: left; margin-left: 10px; }
.selector .btns span { background: url(../images/common/btn-selector.gif) left top no-repeat; }
.selector .btns a { background: url(../images/common/btn-selector.gif) left top no-repeat; width: 14px; height: 14px; margin-right: 4px; display: block; }
.selector .btns li { float: left; }
.selector .btns li.minus a { background-position: 0 -14px; }
.selector .btns li.plus a { background-position: -14px -14px; }
.selector .btns li.minus span { background-position: 0 0; }
.selector .btns li.plus span { background-position: -14px 0; }
.selector .btns li span { text-indent: -5000px; width: 100%; height: 100% }
.selector .btns li a:hover span { background: none; } 


/*///// SLIDERS */
.content-slider,
.product-slider,
.product-detail-slider { float: left; position: relative; }
.slider-mask { width: 970px; overflow: hidden; height: 327px;  }

.btn-left a,
.btn-right a { z-index: 10; }

.btn-left a,
.btn-right a { width: 36px; height: 36px; position: absolute; top: 65px; background: url(../images/common/btn-arrows.png) left top no-repeat; display: block; }
.btn-left a { left: -2px; background-position: 0 0; }
.btn-right a { right: -4px; background-position: -36px 0px; }
.btn-left span,
.btn-right span { display: block; width: 100%; height: 100%; text-indent: -5000px; }
.btn-left a:hover { background-position: 0 -36px; }
.btn-right a:hover { background-position: -36px -36px; }

.content-slider ul { width: 10807px; }
.content-slider ul li { float: left; }
.content-slider ul li.text-block { padding: 23px 60px 23px 80px; width: 346px; float: left; }

.product-lists { /* margin-left: -800px; */  width: 18940px; position:relative; }

.product-slider ul { width: 880px; padding: 0 45px; float: left; }
.product-slider ul li { float: left; width: 220px; position: relative; }
.product-slider ul li .info-block { width: 108px; position: absolute; top: 40px; left: 60px; font-size: .8em; display: none; text-align: center; }
.product-slider ul li:hover .info-block { display: block; }
.product-slider ul li .info-block .inner { background: #cec9c0; border: #ffffff 1px solid; padding: 10px 10px 4px; }
.product-slider ul li .info-block span { background: url(../images/common/info-block-bottom.png) bottom left no-repeat; width: 10px; height: 10px; position: relative; bottom: 2px; display: block;  }

.product-slider ul li .info-block h2,
.product-slider ul li .info-block h3 { font-size: 1.2em; line-height: 1.1em; }
.product-slider ul li .info-block h3 { margin-bottom: 6px; }

.product-slider img { margin: 0 auto; }

.product-detail-slider { }
.product-detail-slider ul.product-list { width: 1940px; }
.product-detail-slider ul.product-list li.product { float: left; width: 970px; }

img.signature { margin: 10px 5px 0 0; float: right; }


body.click-1 .content-slider ul { margin-left: -485px; }
body.click-2 .content-slider ul { margin-left: -647px; }



/*///// CONTACT */
.contact .primary .text-block { padding: 23px 81px 23px 106px; width: 298px; float: left; }
.contact .primary img { float: left; }

body.contact form input[type="text"],
body.contact form textarea { width: 288px; } 
body.contact .primary { width: 970px; overflow: hidden; display: block; height: 327px; }

.text-block .col1 { float: left; width: 140px; }
.text-block .col2 { float: right; width: 140px; }
body.contact .text-block .col1,
body.contact .text-block .col2,
body.contact form { font-size: .8em; }

body.contact form {  width: 100%; }

.form-feedback { clear: both; margin-top: 30px; }


/*///// MUST HAVES */
body.must-haves .primary { background: none; }
body.must-haves-product .primary { width: 970px; display: block; height: 327px; background: none; }
body.must-haves-product .primary .text-block { padding: 23px 81px 23px 106px; width: 298px; float: left; }

/*///// THE COLLECTION */
body.the-collection .primary { background: none; }
body.the-collection-product .primary { width: 970px; display: block; height: 327px; background: none; }
body.the-collection-product .primary .text-block { padding: 23px 81px 23px 106px; width: 298px; float: left; }

body.the-collection-product .primary .img-block,
body.must-haves-product .primary .img-block { float: left; }
body.must-haves-product .primary .img-block a { width: 90%; height: 90%; }


.details-block { margin-top: 20px; }
.details-block .tabs { margin-bottom: 4px; }
.details-block .tabs li { float: left; }
.details-block .tabs a.selected { color: #ffffff; }

ul.details { border-top: #ffffff 1px solid; }
ul.details li { margin-top: 8px; }

/* #huy-magnifier { width:162px; height:162px; border:1px solid #fff; } */

.product-cta { font-size: .9em; margin-top: 16px; }
.product-cta a { display: inline-block; padding: 4px 8px 2px; border: 1px solid #ffffff; margin-bottom: 6px; text-align: center; min-width: 126px; }


/*///// BASKET */
body.basket .primary { background: none; min-height: 327px; }
body.basket .primary .text-block { padding: 23px 0px 23px 215px; width: 540px; }
table thead { background: #c0b9ac; color: #908677; }
table.inventory { }
table tbody,
table tfoot tr { border-bottom: #c0b9ac 2px solid; } 
table td,
table th { padding: .5em 20px .4em; vertical-align: top; }

table.inventory .img { width: 114px; padding: .5em 0 .4em; }
table.inventory .qty { width: 70px; padding: .5em 10px .4em; }
table.inventory .description { width: 200px; }
table.inventory .price { text-align: right; width: 60px; }

table.inventory tbody td.qty,
table.inventory tbody td.description,
table.inventory tbody td.price { padding-top: 2em; }
table.inventory tbody td.price,
table.inventory tfoot td.price { text-align: right; }

table tfoot .description h2 { padding-left: 100px; color: #908677; }
table.inventory p { margin-bottom: 0; }

body.basket h2 { font-weight: bold; }

body.basket .pager { padding: 12px 0; margin: 0; }
body.basket .pager .right { float: right; margin-right: 0; margin-left: 4px; width: 120px; text-align: center; }


/*///// SIGN IN REGISTER */
body.sign-in-register .primary,
body.register .primary { background: none; min-height: 327px; }
body.sign-in-register .primary .text-block,
body.register .primary .text-block { margin: 23px 0px 30px 194px; width: 582px; border-bottom: #c0b9ac 2px solid; padding-bottom: 20px;  }
body.sign-in-register .primary .col1,
body.register .primary .col1,
body.sign-in-register .primary .col2,
body.register .primary .col2 { width: 291px; float: left; }
body.sign-in-register .primary h2,
body.register .primary h2 { display: block; background: #c0b9ac; padding: .5em 0 .3em; text-align: center; margin-bottom: 10px; color: #908677;  }

body.sign-in-register .col1 form,
body.sign-in-register .col2 form,
body.register .col1 form,
body.register .col2 form { padding-right: 20px; }
body.sign-in-register form label,
body.register form label,
body.checkout form label { display: block; margin-top: 10px; color: #908677; }
body.sign-in-register form input[type="text"],
body.sign-in-register form input[type="password"],
body.register form input[type="text"],
body.register form input[type="password"],
body.checkout form input[type="text"],
body.checkout form input[type="password"]{ width: 260px; background: none; border: #FFFFFF 1px solid; }
body.sign-in-register form input[type="submit"],
body.register form input[type="submit"],
body.checkout form input[type="submit"]{ background: none; margin-top: 20px; }

/*///// MY ACCOUNT */
body.my-account .primary { min-height: 327px; }
body.my-account .primary { background: none; }
body.my-account .primary .text-block { padding: 23px 0px 23px 215px; width: 540px; }

table.order-history { margin: 8px 0 16px; }

/*///// CHECKOUT */
body.checkout .primary { background: none; }
body.checkout .primary .text-block { padding: 23px 0px 23px 215px; width: 540px; }

span.label { color: #908677; margin-right: 20px; }
body.checkout form .checkbox-label { display: inline; }
body.checkout .pager { margin: 20px 0 0 0px; }

a.btn { font-size: .8em; display: inline-block; padding: 4px 8px 2px; border: 1px solid #ffffff; margin-right: 4px; }
body.checkout .inventory { margin-bottom: 20px; }

.check-address { }
.check-address span.label { width: 5em; display: inline-block; }

body.checkout .primary { min-height: 327px; }

.payment-options { margin-top: 20px; }
.payment-options ul.ways-to-pay-list { padding: 10px 0; }
.payment-options li { float: left; padding: 0 10px 10px 0; }
.payment-options a { }
.payment-options img { }

.powered-by { }


/*///// TERMS POPUP */

#terms_popup { font-size: .8em; }
#terms_popup .popup-header {  }
#terms_popup h2 { margin: 1.2em 0 .7em; }
#terms_popup p { margin: .7em 0; }



/*//// GENERIC FORM */
form input[type="text"],
form input[type="password"],
form input[type="submit"],
form textarea { border: #FFFFFF 1px solid; background: #c0b9ac; color: #908677;  margin: 0; padding: 4px 4px 3px; font-family: Helvetica, Arial, sans-serif; margin-top: 4px; }
form input[type="checkbox"] { margin-right: 8px; }
form textarea { font-size: 1.1em; }
form input[type="submit"] { width: auto; margin-top: 8px; }
form input[type="submit"]:hover { cursor: pointer; color: #ffffff; }
p.footnote { font-size: .9em; margin-top:20px; }
div.footnote { clear: both; margin-top: 40px;  }

body.register form .selector { margin-bottom: 8px; }
body.register form .selector input,
body.register form .selector select { float: left; margin: 4px 8px 0 0; }
body.register form .selector input.day { width: 30px; }
body.register form .selector input.year { width: 60px; }


/*///// INFO PAGES */
body.info-page .primary { }
body.info-page .primary h2 { font-weight: bold; }
body.info-page .primary .col1 { float: left; padding: 24px 38px 24px 112px; width: 335px; }
body.info-page .primary .col2 { float: left; padding: 24px 112px 24px 38px; width: 335px; }
body.info-page .primary .col1 .text-block,
body.info-page .primary .col2 .text-block { }


/*///// FOOTER */
.footer { width: 970px; margin: 36px 0; font-size: .7em; color: #ffffff;  }

.footer a,
.footer a:visited { color: #9a8f7f; }
.footer a:hover { text-decoration: none; }
.footer a:hover,
.footer .selected a { color: #ffffff; }

.footer .branding { margin-bottom: 36px; }
.footer img.logo { margin: 0 auto; }
.footer .copyright { float: left; margin-right: .2em; }
.footer .nav-footer { float: left; }
.footer .nav-footer ul li { float: left; margin-right: .2em;	 }
.footer .credit { float: right; }
.footer .music { float:left; margin:-22px 0 0 65px; width:78px; }
#qty_text{float:right;}
.optionsPadding{padding:10px 0px;}

#page_slider_images{
	position:relative;
}