/**

 * Magento

 *

 * NOTICE OF LICENSE

 *

 * This source file is subject to the Academic Free License (AFL 3.0)

 * that is bundled with this package in the file LICENSE_AFL.txt.

 * It is also available through the world-wide-web at this URL:

 * http://opensource.org/licenses/afl-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.

 *

 * @category    design

 * @package     default_default

 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)

 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)

 */

/* ============================================ *

 * Homepage

 * ============================================ */

/* -------------------------------------------- *

 * Primary Banner

 */

body.cms-home .main-container {

/*  padding-top: 20px;*/

padding-top: 0px;

}

body.cms-home .slideshow-container {

  margin-top: 0;

}



.slideshow .banner-msg {

  position: absolute;

  text-align: center;

  text-transform: uppercase;

  width: 100%;

  top: 30%;

  -moz-user-select: none;

  -ms-user-select: none;

  -webkit-user-select: none;

  -o-user-select: none;

  user-select: none;

}



.slideshow .banner-msg h2 {

  color: #FFFFFF;

  font-size: 24px;

  text-shadow: 1px 1px 3px #555555;

}



.slideshow .banner-msg h2 strong {

  font-weight: bold;

  display: block;

  font-size: 36px;

}



@media only screen and (max-width:1020px) {

.cms-page-view .banner-content{top:27%; }



}









@media only screen and (max-width:870px) {

 .cms-page-view .banner-content p{line-height:30px!important; font-size: 25px !important;}
 .category-cookbook .short-description .std {
font-size: 20px;

}


}

@media only screen and (max-width: 770px) {

  .slideshow .banner-msg h2 {

    font-size: 20px;

  }



  .slideshow .banner-msg h2 strong {

    font-size: 24px;

  }

}

@media only screen and (max-width: 479px) {

  .slideshow .banner-msg {

    top: 20%;

  }
  .category-cookbook .short-description .std {
font-size: 16px;
line-height:26px;



  .slideshow .banner-msg h2 {

    font-size: 14px;

  }



  .slideshow .banner-msg h2 strong {

    font-size: 16px;

  }

}

/* -------------------------------------------- *

 * Promotion Banner Section

 */

.promos {

  margin: 0 0 10px 0;

  padding: 0;

  width: 100%;

}



.promos:after {

  content: '';

  display: table;

  clear: both;

}



/* Specifying the body only in order to override the .std ul li styling */

body .promos > li {

  margin: 0 0 10px 0;

  list-style: none;

  text-align: center;

  position: relative;

  border: 1px solid #cccccc;

  -moz-user-select: none;

  -ms-user-select: none;

  -webkit-user-select: none;

  -o-user-select: none;

  user-select: none;

}



.promos > li:last-child {

  margin-bottom: 0;

}



.promos img {

  max-width: 100%;

  width: 100%;

}



.promos a:hover {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

  opacity: 0.8;

  display: block;

}



.promos span {

  color: #FFFFFF;

  text-transform: uppercase;

  position: absolute;

  display: block;

  width: 100%;

  top: 10%;

  font-weight: 500;

  font-size: 20px;

  font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;

  text-shadow: 1px 1px 3px #555555;

}



.promos strong {

  font-weight: 600;

  font-size: 26px;

  display: block;

}



@media only screen and (min-width: 771px) {

  .promos span {

    font-size: 16px;

  }



  .promos strong {

    font-size: 17px;

  }



  /* Config: Three columns + flexible gutter */

  body .promos > li {

    float: left;

    width: 31.74603%;

    margin-right: 2.38095%;

  }



  .promos > li:nth-child(3n) {

    margin-right: 0;

  }

}

@media only screen and (min-width: 880px) {

  .promos span {

    font-size: 18px;

  }



  .promos strong {

    font-size: 24px;

  }

}

/* -------------------------------------------- *

 * New Products Section

 */

/* Hiding the reviews content via CSS because we can't modify the template, */

/* since it may be used in other places where those elements are needed */

.cms-index-index .products-grid .ratings,

.cms-index-index .products-grid .actions,

.cms-index-noroute .products-grid .ratings,

.cms-index-noroute .products-grid .actions {

  display: none;

}



.cms-index-index h2.subtitle {

  padding: 6px 0;

  text-align: center;

  color: #3399cc;

  font-weight: 600;

  border-bottom: 1px solid #cccccc;

  border-top: 1px solid #cccccc;

}



.cms-index-noroute h2.subtitle {

  display: none;

}



/* ============================================ *

 * Category Landing Pages

 * ============================================ */

.category-image {

  position: relative;

}



.categorylandingMainblock {

  border: 1px solid #E2E2E2;

  padding: 7px;

}



.catblocks {

  float: left;

  padding: 0 0 20px 0;

  width: 100%;

}



.catblocks li {

  position: relative;

  float: left !important;

  width: 23% !important;

  margin-right: 2.66667% !important;

  margin-bottom: 10px;

  border: 1px solid #cccccc;

  padding: 10px;

}



.catblocks li:hover {

  border-color: #3399cc;

}



@media only screen and (max-width: 770px) {

  .catblocks li {

    width: 49% !important;

    margin-right: 2% !important;

  }



  .catblocks li:nth-child(even) {margin-right: 0 !important; }

  .cms-page-view .banner-content{left:3%;}

  .cms-page-view .banner-content p{text-align:left;}

   .cms-page-view .banner{ margin-bottom:29px; }



}

@media only screen and (max-width: 760px) {

    .cms-page-view .nav-primary .navOnlineShop{

       display:block;

       padding-top:0px;

       border-top:0px;

    }



    .cms-page-view .page-title{

      margin-top:0px;

    }



    .cms-page-view .nav-primary .navOnlineShop ul li a{

      font-size:12px;

    }



    #select-pickuplocation .selectedValue {     font-size: 16px !important;  }

    #select-pickuplocation .pickuplocation {     height: 35px !important;}



}





@media only screen and (max-width:540px) {

 .cms-page-view .banner-content{max-width:auto;}

 .cms-page-view .banner-content p{font-size: 15px !important;}

}



@media only screen and (max-width:440px) {

 .cms-page-view .banner-content{ display:none;}

}



@media only screen and (max-width: 479px) {

  .catblocks li {

    width: 100% !important;

    margin-right: 0 !important;

    float: none;

  }

}

@media only screen and (max-width: 391px) {

.cms-page-view .nav-primary .navOnlineShop ul li{line-height:normal; padding:0px 11px; text-align:left;}

.cms-page-view .nav-primary .navOnlineShop ul li a{font-size:12px;}





}

.catblocks li:last-child {

  margin-right: 0 !important;

}



.catblocks li img {

  width: 100%;

  max-width: 100%;

}



.catblocks li a span {

  color: #FFFFFF;

  position: absolute;

  background-color: #7B7C7B;

  font-family: raleway;

  font-size: 17px;

  font-weight: bold;

  text-transform: uppercase;

  text-align: center;

  bottom: 0px;

  left: 0px;

  width: 100%;

  padding: 5px 10px;

  margin-right: 10px;

}



.catblocklinks a {

  color: #FFFFFF;

  text-decoration: none;

}



.catlandingbottomPromoblock {

  float: left;

  width: 100%;

  border: 1px solid #E2E2E2;

  margin-bottom: 100px;

}



.catalog-category-view div.categoryland-caption {

  display: block;

  margin: 0;

  position: absolute;

  color: #000000;

  font-size: 30px;

  font-weight: 500;

  line-height: 36px;

  text-align: center;

}



.catalog-category-view div.categoryland-caption span.blue-big-text {

  color: #3399CC;

  font-size: 50px;

  font-weight: 800;

  padding: 0 0 0 8px;

}



.catalog-category-view div.categoryland-caption span.blue-big-text {

  padding: 0 !important;

}



.catalog-category-view div.categoryland-caption span.three-dots {

  background: url(http://www.panachocolate.com/skin/frontend/rwd/panachocolate/images/bg_threeDots.png) no-repeat center center;

  display: block;

  height: 20px;

}



.catalog-category-view div.categoryland-caption p.desc {

  font: italic 18px/28px Georgia, "Times New Roman", Times, serif;

  color: #656565;

}



.cms-home #homepage-main-slides div.slides_control div div.slideshow-caption a.link:hover,

.cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.link:hover {

  text-decoration: underline;

  color: #1189C5;

}



.cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.blue-big-text,

.catalog-category-view div.categoryland-caption span.blue-big-text {

  color: #3399CC;

  font-size: 50px;

  font-weight: 800;

  padding: 0 0 0 8px;

}



.catalog-category-view div.categoryland-caption span.blue-big-text {

  padding: 0 !important;

}



.cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.three-dots,

.catalog-category-view div.categoryland-caption span.three-dots {

  background: url(http://www.panachocolate.com/skin/frontend/rwd/panachocolate/images/bg_threeDots.png) no-repeat center center;

  display: block;

  height: 20px;

}



.cms-home #homepage-main-slides div.slides_control div div.slideshow-caption p.desc,

.catalog-category-view div.categoryland-caption p.desc {

  font: italic 18px/28px Georgia, "Times New Roman", Times, serif;

  color: #656565;

}





@media only screen and (max-width: 980px) {

  .deliverydatepickerParent::after{right:10px;  }



}

@media only screen and (max-width: 767px) {

 .deliverydatepickerParent *::-moz-placeholder{font-size:16px; }

 .deliverydatepickerParent .input-box{ width:100% }

 .deliverydatepickerParent::after{     border-width: 8px 5px;top:14px;  }

 ul.form-list li .deliverydatepickerParent .input-box input{height: 38px}

 div.onestepcheckout-shipping-method{padding-bottom: 0;}



}



/********** Aboutus - Certification ***********/

@media only screen and (max-width: 767px) {

  #certifications_ tbody td{padding: 15px 20px;}



}



@media only screen and (max-width: 568px) {

  #certifications_ tbody td{width:100%;display: block;}

}