/*
  Document   : product
  Created on : Oct 5, 2013, 7:44:33 PM
  Author     : Ethan Cheong
  Description:

*/

#node-navz {
  left: 32px;
  list-style: outside none none;
  margin: 0;
  position: fixed;
  top: 50%;
  margin-top: -50px;
}

#node-navz li {
	margin-bottom: 2px;
}

#node-navz a {
  border: 1px solid #000;
  cursor: pointer;
  float: left;
  height: 7px;
  margin-bottom: 6px;
  width: 7px;
  border-radius: 50%;
}

#node-navz a:hover {
	background: #000;
}

#node-navz .current a {
	background: #000;
}

#node-product-left {
  float: left;
  width: 100%;
}
.product-extra-menu-tablet{
  display:none
}
#node-product-left-inner.zoomin {
  margin-right: 290px;
}
#node-product-left-inner.zoomin.zoominextra,
#node-product-left-inner {
  margin-right: 440px;
}

#page-last {
    clear: both;
    float: left;
    margin: 0 auto;
    position: relative;
    height: 200px;
    margin-top: -200px;
}
#node-product-right {
    float: right;
    margin: 0 140px 0 0;
    max-width: 300px;
    position: fixed;
    width: 35.16%;
    z-index: 9;
    right: 0;
    top: 50%;
}
#node-product-right h1.title{
  font-size: 20px;
  margin-bottom: 3px;
  margin-top:0;
  letter-spacing: 0.14em;
}
#node-product-right-inner {
 
}
.add-to-cart{
  text-align:center;
}
.add-to-cart #edit-qty-wrapper{
  display:none
}

/****** Image Thumbnail ******/

#node-product-tn-wrapper {
  height: 0;
  margin-left: 0;
  margin-right: -95px;
  overflow: hidden;
  width: 0;
}

#node-product-tn-wrapper .scrollable {
  height:540px;
}

a.thumb-link {
  border: 1px solid #DADADA;
  margin-bottom:13px;
}

/******** Main Image ******/
#node-fancy-top,
#node-product-image {
  float: none;
  margin: 0 auto;
  width: auto;
  height: 100%;
}
#node-product-image {
  display:none;
}
#node-fancy-top img,
#node-product-image img {
  clear: both;
  cursor: url("images/cursor.png") 12 12, auto;
  display: block;
  height: auto;
  position: relative;
  vertical-align: middle;
  width: auto;
  margin: 0 auto;
}
.zoomin #node-fancy-top img,
.zoomin #node-product-image img{
  height: auto !important;
  width: 100%;
  cursor: url("images/cursor2.png") 12 12, auto;
}
img.zoomout,
#node-product-image img.zoomout {
    width: auto;
}
.zoomin img.zoomout,
.zoomin #node-product-image img.zoomout {
    width: 100%;
}
#tn-prev {
  height:20px;
  margin-bottom:10px;
  background: transparent url(images/prev.png) no-repeat left top;
}

#tn-next {
  background:transparent url(images/next.png) no-repeat left top;
  height:20px;
  margin-top:7px;
}
/*** Right Side - Ussually Product Details ***/


div#node-product-code {
  text-transform: uppercase;
}

.node-product-details {
  margin-top:3em;
}
#node-product-details{
  margin-top:30px;
}
#node-product-details .section{
  padding: 9px 12px;
}
#node-product-details .measure tbody td {
  padding: 0 0 5px;
}a
.add-to-cart{
  text-align:center
}
.add-to-cart .attributes{
  display: block;
}
div.add-to-cart input.form-submit {
    max-width: 125px;
    padding: 0 14px;
}
.product-details-section {
  margin-bottom: 0;
}

.listprice {
  text-decoration: line-through;
}

.promoprice {
  display: inline-block;
  margin-left: 10px;
  color: #D55161;
}

.label {
  font-weight: bold;
  text-transform: uppercase;
}

div.add-to-cart .form-item label {
  float:left;
  width:100px;
  margin-top:3px;
}

div#outofstocktext {
  clear: both;
  color: #D55161;
  text-transform: uppercase;
  font-size:18px;
  margin-bottom:1em;
}

div#add-waiting-list-link,
div.add-to-cart input.form-submit {
  clear: both;
  display: inline-block;
}

/*** Sharing **/
div.node-share {
  margin-top: 20px;
  text-align: center;
}
div.node-share a, 
.addthis_toolbox a.at300b, .addthis_toolbox a.at300m {
  float: none;
  padding: 0 8px;
}

/*** You May Also Like ***/
div.shop-look-scrollable,
div#node-product-bottom {

  margin: 12px 0 12px 12px;
}

div.node-you-may-also-like {
  text-align:center;
}

div.node-you-may-also-like h2 {
  margin-top: 0;
  color: #000000;
  text-transform: uppercase;
  text-align:center;
  display:inline-block;
  padding:0 20px;
  background:#FFF;
  margin-bottom:2em;
  display:none;
}

div.node-upsell-scrollable:after {
  clear:both;
  content: ".";
  display:block;
  height:0;
  visibility: hidden;
}

div.upsell-block-product {
  position: relative;
  text-align: center;
  width:100%;
  float:left;
  margin: 0;
  padding:0 0 9px 0;
}


div.upsell-block-product.last {
  margin-right:0;
}
.upsell-block-product table {
  margin: 0;
}
.upsell-block-product tbody td {
  vertical-align: middle;
  padding: 0;
}


.node-product-detail-content{
  height:135px;
  overflow-y: auto !important;
}

.node-product-detail-content p,
.node-product-detail-content ul,
.node-product-detail-content ol {
  
}
.node-related-image img {
    vertical-align: middle;
}

.node-related-details{
  max-width: 75.5%;
  width: 100%;
}

div.node-related-image img {
  max-width: 100%;
  width:auto;
  height:auto;
}

.node-related-title a {
  color:#000;
}

.node-related-price {
 
}
.node-related-hover{
  text-align: left;
  margin-bottom: 3px;
}
.node-related-image{
  float: left;
  margin-right: 12px;
  width: 57px;
}
/** Walit List Form ***/
.ajax-content {
  padding: 10px;
  font-size: 13px;
}

.ajax-content h2 {
  text-align: center;
}

#waitlist-wrapper {
  width: 520px;
  background: #FFF;
  height: 365px;
}

#waitlist-left {
  float: left;
  margin-left: 0;
  margin-right: -260px;
  width: 260px;
}

#waitlist-right {
  float: left;
  margin-left: 260px;
  margin-right: -520px;
  width: 260px;
}

#waitlist-message {
  width: 520px;
  margin-bottom: 15px;
  font-size: 12px;
  color: #333333;
}

#waitlist-wrapper h2 {
  margin-top: 0;
  font-weight: normal;
  text-align: left;
  color: #333333;
}

.waitlist-attribute .waitlist-label {
  font-weight: bold;
}

#waitlist-form {
  margin-top: 2em;
}

#waitlist-form input.form-text {
  width: 240px;
}

#waitlist-form ul {
  padding: 0;
}

#waitlist-form li {
  list-style: none;
}

#waitlist-form div.messages,
#waitlist-form div.status,
#waitlist-form div.warning,
#waitlist-form div.error {
  margin: 0;
}

#product-image-arrow-right, #product-image-arrow-left {
  cursor: pointer;
  display: inline-block;
  height: 30px;
  left: 35px;
  margin-top: -20px;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 40;
}
#product-image-arrow-left {
  background: transparent url("images/up.png") no-repeat scroll center center;
}
#product-image-arrow-right {
  background: transparent url("images/down.png") no-repeat scroll center center;
  margin-top: 0px;
}
.cloudzoom-zoom-inside{
  display:none;
}
img.zoomout, #node-product-image img.zoomout {
  width:auto;
}

/********** Accordion **********/

#node-product-informations{
  border-top: 1px solid #000;
  text-transform: uppercase;
}
.section-product div.tabs {
  display: block;
  margin: 90px auto 5px;
  padding: 0 2%;
}

.ui-accordion .ui-accordion-header {
    border-radius: 0;
    margin-top: 0;
    padding: 0px 2px 0px 24px;
    height: 20px;
    line-height: 22px;
}
.ui-accordion .ui-accordion-content {
    border-radius: 0;
    padding: 0;
    overflow: hidden;
}
.ui-widget-content {
  background: #fff;
  border: 1px solid #000;
}
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
  background: #fff;
  border: 1px solid #000;    
  border-top: 0px;
  color: #000;
  font-weight: normal;
  font-family: District-Book;
}

.ui-accordion .ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: #000 none repeat scroll 0 0;
  border: 1px solid #000;
  color: #fff;
  font-weight: normal;
  height: 21px;
  padding: 0 2px 0 24px;
  line-height: 23px;
}
.ui-state-default .ui-icon {
  background: transparent url("images/plus.png") no-repeat scroll center 5px;
}
.ui-state-active .ui-icon {
  background: transparent url("images/minus.png") no-repeat scroll center 5px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  left: 7px;
}

/********** Size Button **********/
.selectbutton-container {
  text-align: center;
}
.selectbutton-option {
  border: 1px solid #000;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  height: 33px;
  letter-spacing: 0;
  line-height: 34px;
  margin: 0 5px 7px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 33px;
}
.selectbutton-option.selectbutton-active, .optionselector.selected {
  background: #000 none repeat scroll 0 0;
  border: 1px solid #000;
  color: #fff;
}
.product-extra-menu{
  float: left;
  margin-bottom: 21px;
  width: 100%;
  position: relative;
}
.product-extra-menu .section{
  position: absolute;
  width: 100%;
  bottom: 0;
}
.product-zoom-in{
  background: transparent url("images/zoomin.png") repeat scroll 0 0;
  cursor: pointer;
  float: left;
  height: 11px;
  margin-right:9px;
  width: 11px;
}
.product-zoom-out{
  background: transparent url("images/zoomout.png") repeat scroll 0 0;
  cursor: pointer;
  float: left;
  height: 11px;
  width: 9px;
}
.zoomin #node-product-image {
  max-width: 1540px;
  width: 100%;
}
.cloudzoom-zoom,
.cloudzoom-blank{
  display: none;
}
.product-back{
  cursor: pointer;
  float: right;
}
.related-colours{
  text-align: center;
  text-transform: uppercase;
}
.pricedesc{
  background: #fff none repeat scroll 0 0;
  border: 1px solid;
  display: none;
  left: 0;
  line-height: 18px;
  margin-top: 14px;
  padding: 7px 12px 3px;
  position: absolute;
  text-align: left;
  text-transform: uppercase;
  z-index: 9;
}
.price-block:hover .pricedesc{
  display: block;
}
#node-product-price-mobile{
  display: none;
}
.pricedesc a{
  color:#808080;
}

div#node-product-price {
  float: left;
  font-size: 9px;
  margin: 16px 0 0;
  position: relative;
  text-align: center;
  width: 100%;
}
#edit-attributes-Size-wrapper{
  margin-top:0px;
}
#edit-attributes-Size-wrapper select{
  display:none;
}
.price-block{
  cursor: pointer;
  display: inline-block;
  height: 49px;
  text-align: center;
  text-transform: uppercase;
  width: 80px;
}

.bulkprice{
  font-family: DIN1451Com-Engschrift, 'Arial Narrow', sans-serif;
  font-size: 16px;
  letter-spacing: 0.75px;
  margin-bottom: 7px;
  text-transform: uppercase;
}

#add-waiting-list-link a{
  line-height: 36px;
}

.estimated_delivery {
  text-transform: none;
}

/* I use important since the image is set to windows heightto auto and it will disorted if the width compress */
@media only screen and (min-width:960px) and (max-width:990px) {
  #node-product-image img {
      height: auto!important;
  }
}
/**Font spacing on chrome browser**/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #node-product-right h1.title {
    margin-bottom: 4px;
  }
  div#node-product-price {
    margin: 17px 0 0;
  }
  .price-block {
    height: 48px;
  }
  .selectbutton-option {
    margin: 0 5px 8px;
  }
  div.add-to-cart input.form-submit {
    letter-spacing: 1.3px;
  }
}


/*******************************************************************************
 * Product Reservation
 ******************************************************************************/

#reservation-signin-link,
#reservation-link {
  margin-top:8px;
}

#reservation-signin-link a.btn-primary,
#reservation-link a.btn-primary {
  line-height: normal;
  font-size: 11px;
  height: auto;
  padding: 6px 0 4px;
  width: 100%;
  min-height: 26px;
  line-height: 26px;
}

.reservation {
  margin: auto;
  padding-right: 20px;
}

.reservation h2 {
  margin: 0;
  letter-spacing: 0.16em;
}


.reservation .description {
  margin: 0 0 25px;
}

.reservation .description p {
  line-height: 1.8em;
}

.reservation .store {
  margin-bottom: 30px;
}

.reservation .store > div {
  margin: 3px 0;
}

.reservation .store .store-address {
  margin-left: 15px;
}

.reservation .store .store-address p {
  margin: 0;
}

.reservation a.btn-primary {
  padding: 8px 10px 6px;
  height: auto;
  line-height: normal;
  font-size: 10px;
}

.store-address {
  height: 0;
  overflow: auto;
  transition: height 0.5s ease;
}

.store-name {
  position: relative;
  cursor: pointer;
}

.store-name::after {
  content: "+";
  position: absolute;
  top:0;
  right: 0;
}

.store.show .store-address {
  height: auto;
}

.store.show .store-name::after {
  content: "-";
}

.reservation .actions {
  margin: 5px 0;
}

.reservation div.messages {
  margin-left: 0;
  margin-right: 0;
}


.reservation .signinregister h2 {
  font-size: 30px;
  letter-spacing: 0.22em;
}

.reservation #user-register .form-item {
  margin-bottom: 0;
}
.reservation #user-register .mailchimp-newsletter-wrapper {
  padding-left: 15px;
}

#sidewindow-content .selectedattributes {
  display:none;
}

#uc-waitlist-enterform div.messages {
  padding: 0;
  border: none;
}

#uc-waitlist-enterform div.messages ul {
  list-style: none;
  padding: 0;
}