/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */

/****************************************************/
/****************[ Mage_CSS_B Clears ]***************/
/****************************************************/
.page-head:after,
.page-head-alt:after,
.page-popup .print-head:after,
.clear:after,
.col2-set:after,
.col3-set:after,
.col4-set:after,
.col2-alt-set:after,
.head:after,
.inner-head:after,
.header-top:after,
.quick-access:after,
.header-nav:after,
#nav:after,
.middle:after,
.product-essential:after,
.more-views ul:after,
.button-set:after,
.actions:after,
.legend:after,
.form-list li:after,
.button-container:after,
.ratings:after,
.page-head:after,
.page-head-alt:after,
.group-select li:after,
.search-autocomplete li:after,
.side-col li:after,
.account-box li:after,
.address-list li:after,
.generic-product-list li:after,
.listing-type-list .listing-item:after,
.listing-type-list .product-info .product-reviews:after,
.my-review-detail:after,
.product-options dt:after,
.product-options-bottom:after,
.product-options dd ul.options-list li:after,
.add-to-holder:after,
.listing-type-grid .grid-row:after,
.advanced-search-summary-box:after,
.shopping-cart-totals .checkout-types:after { content:"."; display:block; clear:both; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden;	}


@media only screen {
  body .wrapper {
    width:100%;
    min-width:330px !important;
  }
  .wrapper .page {
    width:100%;
    min-width:330px;
    max-width:960px;
  }
  .footer {
    width:100%;
    max-width:930px;
  }
}
@media only screen and (max-width:959px) {
  .wrapper {
    background-position:-150px 0;
  }
  .header .quick-access {
    text-shadow:0 0 7px #000, 0 0 7px #082922;
    font-weight:bold;
  }
  .header .quick-access .form-search label {color:#fff;}
  .nav-container {
    width:100%;
    padding:0.5em 0;
  }
  .nav-container ul#nav {
    display:block;
    
  }
  .nav-container ul#nav li {
    float:left;
    margin:0.3em 1.5% 0.3em 1%;
    padding:0;
    width:45%;
  }
  .nav-container ul#nav li:nth-child(2n) {
    margin:0.3em 1% 0.3em 2.5%;
  }
  .nav-container ul#nav li a {
    float:none;
    display:block;
  }
}
@media only screen and (max-width:676px) {
  .wrapper {
    background-position:-150px 0;
  }
  .nav-container ul#nav li,
  .nav-container ul#nav li:nth-child(2n) {
    float:left;
    margin:0.3em 2.5%;
    padding:0;
    width:95%;
    text-align:center;
  }
}

@media only screen {
  .header a.logo {
  display:block;
  height:75px;
}
.header a.logo img {
  display:none;
}
}
.product-essential {
  background-image:none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fcf29c+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #fcf29c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#fcf29c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#fcf29c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcf29c',GradientType=0 ); /* IE6-9 */
}
.product-essential .product-img-box .zoom {display:none; overflow:hidden;}
.product-shop .add-to-links li {
  display:inline;
}
.price-box .regular-price .price {
  font-size:2em;
}
.product-options-bottom .add-to-cart label,
.product-options-bottom .add-to-cart input {
  font-size:1.5em;
}
.product-options-bottom .add-to-cart input {
  margin-right:1em;
}
.product-options-bottom .add-to-cart button {
  padding:0.3em 1em;
  border-radius:0.2em;
}
.product-options-bottom .add-to-cart button:hover {
  background-color:rgb(18, 78, 65);
  color:#fff;
  border-color:rgb(18, 78, 65);
}
#product-options-wrapper.product-options {
  margin-bottom:1em;
  background-color:rgba(190,250,90,0.3);
  /* #bf7 */
  border:none;
  border-radius:0.3em;
}

.box-tags {
  margin-top:1em;
}

@media only screen and (min-width:768px) {
  .product-essential {}
.product-essential .product-shop {
  float:right;
  margin-left:5%;
  width:55%;
}
.product-shop .product-name {}
.product-shop p {
  text-align:right;
}

.product-shop .add-to-links {
}

.product-essential .product-img-box {
  float:left;
  width:40%;
}
.product-essential .product-img-box .zoom {display:none; overflow:hidden;}
.product-essential .product-img-box .zoom #zoom_in,
.product-essential .product-img-box .zoom #track,
.product-essential .product-img-box .zoom #zoom_out {
  float:left;
}

#product-options-wrapper.product-options {
  float:right;
  overflow:hidden;
  margin-left:5%;
  padding:0.3em 2.5%;
  width:50%;
}
.product-options-bottom {
  overflow:hidden;
  margin:1em 0 0.5em 0;
  padding:1em 5%;
  width:90%;
}

.product-options-bottom .price-box,
.product-options-bottom .add-to-cart {
  float:left;
  margin-left:5%;
}
.product-options-bottom .price-box {
  width:30%;
}
.product-options-bottom .add-to-cart {
  width:60%;
}
.product-options-bottom .add-to-cart label,
.product-options-bottom .add-to-cart input {
  font-size:1.5em;
}
.product-options-bottom .add-to-cart input {
  margin-right:1em;
}
.product-options-bottom .add-to-cart button.btn-cart {
  padding:0.3em 0;
  border-radius:0.2em;
  width:50%;
}

}

@media only screen and (max-width:767px) {
  .product-essential {
    padding:1em 5%;
    width:90%;
  }
  .product-essential .product-shop,
  .product-essential .product-img-box,
  #product-options-wrapper.product-options {
    float:none;
    display:block;
    margin:1em 0;
    padding:0.5em 5%;
    width:90%;
  }
}
