/*
 * PRODUCT page
 */

*{
  font-family:Arial, Helvetica, sans-serif;
}
 
#product {
  padding-top: 20px;
  position: relative;
}

/* Photo of item
/* ------------------------------------------------------------- */
#product-image {
  float: left;
  width: 380px;
}
#product-image #thumbArea {
  padding-bottom: 20px;
}
/* vertical align CSS trickery
/* http://www.jakpsatweb.cz/css/css-vertical-center-solution.html */
#product-image-outer {
  display: table;
  margin: 0 auto;
  position: static;
}
#product-image-middle {
  display: table-cell;
  position: static;
  vertical-align: middle;
}
#product-image-thumb {
  margin: 0 auto;
  position: relative;
  text-align: center;
}
#product-image .luckyZoomPup {
  background-color: #FFF;
  border: 1px solid #000;
  khtml-opacity: 0.5;
  moz-opacity: 0.5;
  opacity: 0.5;
  position: absolute;
  visibility: hidden;
}
#product-image .navigation {
  background-color: #E6F0F0;
  line-height: 2em;
  padding: 3px 4px;
}
#product-image .navigation a img {
  vertical-align: middle;
}
#product-image .navigation a.enlarge {
  background: url(/shop/images/icon_enlarge.gif) no-repeat left center;
  padding-bottom: 2px;
  padding-left: 18px;
  padding-top: 2px;
}
#product-image .navigation a.super-zoom {
  background: url(/shop/images/icon_super_zoom.gif) no-repeat left center;
  color: #22B013;
  font-weight: bold;
  padding-bottom: 2px;
  padding-left: 22px;
  padding-top: 2px;
}
#product-image .navigation .left,
#product-image .navigation .middle,
#product-image .navigation .right {
  float: left;
}
#product-image .navigation .middle {
  text-align: center;
  width: 40%;
}
#product-image .navigation .right {
  float: left;
  text-align: right;
}

/* Product description
/* ------------------------------------------------------------- */
#product-code {
  margin-bottom: 0;
  text-align: right;
}
#product-description {
  margin-left: 383px;
  position: relative;
  width: 380px;
}
#product-description .inner {
  padding: 0 20px;
}
#product-description a {
  border-bottom: 1px dotted;
}
#product-description a:hover {
  border-bottom: 1px solid;
  text-decoration: none;
}
#product-description h1 {
  color: #8B8C8B;
  font-size: 130%;
  margin-bottom: 0;
}
#product-description h2 {
  font-size: 1.1em;
  margin-bottom: 0.5em;
}
#product-description h2 a {
  color: #3883BA;
}
#product-description #image-zoom {
  background-color: #FFF;
  border: 1px solid #E6F0F0;
  left: 0;
  overflow: hidden;
  position: absolute; /* to make it appear over text */
  visibility: hidden; /* starts off hidden */
  z-index: 1000;      /* to make sure this appears over everything */
}

  /* --------------- Size Chart --------------- */
   p.size_chart{
     margin-top:20px;
   }
   
   #product-description a.size_chart{
    color:#DF7A00;
    text-decoration:underline;
    border-bottom:none;
    background: 0 0 no-repeat url('/shop/images/icon_sizechart.gif');
    display:block;
    padding-left:22px;
   }

/* Add to cart
/* ------------------------------------------------------------- */
#product-attributes {
  line-height: 1em;
}
#product-attributes label {
  display: block;
  float: left;
  line-height: 1.5em;
  vertical-align: middle;
  width: 5em;
}
#product-attributes p {
  margin-bottom: 0.5em;
}
#product-attributes select {
  width: 180px;
  vertical-align: baseline;
}
#product-attributes .buttons {
  text-align: right;
}
#product-attributes .buttons p {
  margin-bottom: 4px;
}
#product-attributes button.addtoCart {
  background-image: url(/shop/images/icon_add_to_cart.gif);
}
#product-attributes button.addtoWishlist {
  background-image: url(/shop/images/icon_add_to_list.gif);
}


/* Product not found
/* ------------------------------------------------------------- */
#product-not-found {
  height: 300px;
  padding: 2em;
}

/* Product Options a.k.a Swatches
/* ------------------------------------------------------------- */
  #product-options {
    border:3px solid #df7a00;
    border-left:0;
    border-right:0;
    padding-bottom:10px;
    position:relative;
    z-index:999;  
  }
  
  #middle #column-middle #product-options ul{
    margin: 15px 0 0 0;
    font-family:Arial;
    /* RESET */
  }
  
  #product-options li{
     width: 128px;
     height:24px;
     border: 1px solid #b2b1b1;
     margin: 0 17px 5px 0;
     list-style:none;
     overflow:hidden;
     float:left;
     cursor:pointer;
   }
   
   #product-options li.last{
     margin: 0 0px 5px 0;
   }
  
   #product-options li p.product-option-name{
     width: 128px;
     text-align:center;
     height:24px;
     line-height:24px;
     font-size:10px;
     font-weight:bold;      
   } 
  
   #product-options li p.product-option-description{
     display:none;
     /* TODO - Show via Javascript hover*/
   }
 
/* Product Options Cart
/* ------------------------------------------------------------- */
  /* RESET */
  #middle #column-middle ul#product-options-cart{
    margin:20px 0 0 0;
    width:600px;
    float:left;
    height: 250px;
    overflow:hidden;
    position:relative;  
  }

  #product-options-cart li{
    width:115px;
    height:215px;
    float:left;
    overflow:hidden;
    margin:0 5px 0 0;
    padding:0;
    position:relative;
  }
  
  /* Thumbnail  */
    .paper-sample {  
      width: 70px; 
      height: 93px;
      position:relative;
      overflow:hidden;
      margin:0;
      padding:0;
    }
  
      .paper-image{
        background: 0 0 no-repeat url('/shop/images/cart-paper-blank.gif');
        display:block;
        width: 70px; 
        height: 93px;
        overflow:hidden;
        position:relative;
       }
   
      .selected .paper-image{
        background: 0 0 no-repeat url('/shop/images/cart-paper.png');
        display:block;
        width: 70px; 
        height: 93px;
        overflow:hidden;
       }
       
       li.selected .A5 .paper-image{
        background: 0 0 no-repeat url('/shop/images/cart-paper-a5.png');
        display:block;
        width: 70px; 
        height: 93px;
        overflow:hidden;
       } 
       
       li .A5 .paper-image{
        background: 0 0 no-repeat url('/shop/images/cart-paper-a5-blank.gif');
       } 
  
    .number-white, .number-black {
      font-size:30px;
      color:#FFF;
      position:absolute;
      bottom:2px;
      left:6px;
      font-weight:bold;  
    }
    
    .number-black {
      color:#666;
      bottom:1px;
      left:7px; 
    }
    
  /* Name and Description  */
    p.option-name {
      margin:10px 0 0 0;
      font-size:11px;
      font-weight:bold;
      color:#000;
    }
    
    p.option-description{
       height:30px;
       margin:0;
       overflow:hidden;
    }
    
      .grey{
        color:#777;
      }

  /* A4/A5 Size and Remove Link  */
    a.clear-product-option {
      background:#fbcda1;
      text-transform:uppercase;
      color:#000;
      text-decoration:none;
      text-align:center;
      cursor:pointer;
      padding:0;
      width:70px;
      clear:left;
      float:left;
      margin:8px 0 0;
    }
    
    .option-size label{
      display:block;
      float:left;
      width:30px;
    }
    
    .option-size label input{
      display:block;
    }

    /* Hide A4/A5, Numbers and Remove Options from non-selected slots */
     .option-size, .clear-product-option, .number-white, .number-black {display:none;}
     
    /* Show A4/A5, Numbers and Remove Options on selected slots */ 
     .selected .option-size, .selected .clear-product-option,
      .selected .number-white,  .selected .number-black  {display:block;}

/* Product Options Checkout
/* ------------------------------------------------------------- */
  
  #product-options-checkout{
    overflow:hidden;
    width:150px;
  }

  #item-count{    
    font-size:22px;
    color:#f6891f;
    font-weight:bold;
    margin-bottom:5px;
  }
  
  #item-count #selected_count_label{
    color:#000000;
    font-size:11px;    
    padding-right:10px;    
  }
  
  #item-count #selected_count{
    font-size:44px;
  }
  
  #quantity {
    text-align:center;
  }
  
  #btn_to_cart{
    width:146px;
    height:28px;
    background: #FFF 0px 0px no-repeat url('/media/images/btn_cart.gif');
    border:0;
    color:#fff;
    text-transform:uppercase;
    font-size:11px;
  }
  
  #btn_to_cart.disabled{
    background: #FFF 0px -28px no-repeat url('/media/images/btn_cart.gif');
    font-size:9.5px;
    text-transform:none;
  }
  

/* Swatch Overlay
/* ------------------------------------------------------------- */
  
  #product-option-overlay {
    width:190px;
    height:130px;
    overflow:hidden;    
    position:absolute;
    top:0;
    left:0;    
    background: 0 0 no-repeat url('/media/images/bg_swatch_overlay.png');
    z-index:999;      
    display:none;
  }
  
  #product-option-overlay.reversed {
    background: 0 0 no-repeat url('/media/images/bg_swatch_overlay_reversed.png');
  }
  
  #product-option-overlay.active {    
    display:block;
  } 
  
  #option-swatch-overlay{
    width:70px;
    height:100px;
    display:block;
    text-indent:-999px;
    overflow:hidden;
    background-color:#99ccff;
    border:1px solid #999;
    position:absolute;
    top:15px;
    left:20px;
  }
  
  #option-name-overlay{
    font-weight:bold;
    color:#333;
    position:absolute;
    top:15px;
    left:96px;
    width:85px;
  }

   #option-description-overlay{
     position:absolute;
     top:30px;
     left:96px;
     width:85px;
     color:#666;
   }
   
/* Product Form Color Swatches
/* ------------------------------------------------------------- */
 
  #color_swatches{
    margin:0px 0 20px;
    display:none;
  }

    #color_swatches span{
      border:1px solid #CCC;
      display:block;
      float:left;
      margin:0 7px 7px 0;
      width:20px;
      height:20px;
      text-indent:-99999px;
      overflow:hidden;
      cursor:pointer;
    }
    
    #color_swatches span.selected{
      border-color:#DF7A00;
    }
    
    #product-description p#color_swatch_title{
      border:1px solid #CCC;
      padding:0 3px;
      width:200px;
      color:#666;
    }
    
    #variations{
      display:block;
    }