/* @override 
	http://pagento.com/skin/frontend/pt004/default/css/pt004.css */

/**
 * 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
 */
 
 
 .sticky { 
     position: fixed;
     top: 0;
     z-index: 9999;
 	width: 100%;
 	background-color: #8f8f8f;
 }

.paypal-logo-dropdown{
	padding-top: 10px;
	margin-right: 25%;
	margin-left: 25%;
}

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: 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%;
  }

  .slideshow .banner-msg h2 {
    font-size: 14px;
  }

  .slideshow .banner-msg h2 strong {
    font-size: 16px;
  }
}
/* -------------------------------------------- *
 * Promotion Banner Section
 */
.promos {
  margin: 0 0 10px;
  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;
  -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: 32%;
    margin-right: 2%;
  }

  .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;
  }
}


/* -------------------------------------------- *
 * Home Categories
 */
.home-categories {
  padding: 0;
  width: 100%;
}

.home-categories:after {
  content: '';
  display: table;
  clear: both;
}

/* Specifying the body only in order to override the .std ul li styling */
body .home-categories > li {
  margin: 0 0 10px 0;
  list-style: none;
  text-align: center;
  position: relative;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
	border: 1px solid #ddd;
	padding: 8px;
}

.home-categories > li:last-child {
  margin-bottom: 0;
}

.home-categories img {
  max-width: 100%;
  width: 100%;
	margin-bottom: 8px;
}

.home-categories img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: block;
}

.home-categories .hc-link a {
	font-size: 16px;
	color: #555;
}


@media only screen and (min-width: 771px) {
  .home-categories span {
    font-size: 16px;
  }

  .home-categories strong {
    font-size: 17px;
  }

  /* Config: Three columns + flexible gutter */
  body .home-categories > li {
    float: left;
    width: 24.2%;
    margin-right: 1%;
  }

  .home-categories > li:nth-child(4n) {
    margin-right: 0;
  }
}


@media only screen and (max-width: 770px) {
	body .home-categories > li {
    float: left;
    width: 49%;
    margin-right: 2%;
  }

  .home-categories > li:nth-child(4n),
  .home-categories > li:nth-child(2n) {
    margin-right: 0;
  }
}

/* -------------------------------------------- *
 * Home Text
 */

.home-text {
  padding: 0;
  width: 100%;
	color: #555;
	font-size: 13px;
	margin-top: 20px;
}

.home-text:after {
  content: '';
  display: table;
  clear: both;
}

.home-text h1{
	font-size: 16px;
	font-weight: bold;
}

.home-text h2{
	font-size: 16px;
	font-weight: bold;
}

.home-text1{
  float: left;
	width: 50%;
	padding-right: 30px;
}

.home-text2{
  float: left;
	width: 50%;
}

@media only screen and (max-width: 770px) {
	.home-text1{
  float: none;
	width: 100%;
	padding-right: 0;
	}

	.home-text2{
  float: none;
	width: 100%;
	}
}



/* -------------------------------------------- *
 * 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;
  }
}
@media only screen and (max-width: 479px) {
  .catblocks li {
    width: 100% !important;
    margin-right: 0 !important;
    float: none;
  }
}
.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(../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(../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;
}

.carousel-title{
	width: 100%;
	padding: 10px;
	background-color: #494949;
	color: #feffff;
	font-size: 20px;
}
nav{
	background: #ffffff;
	background-image: -moz-linear-gradient(top,#444444,#222222);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#444444),to(#222222));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#444444,endColorStr=#222222);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#444444, endColorStr=#222222)"; 
}

@media only screen and (max-width: 770px) {
nav{
	background-color: #efefef;
	background-image: -moz-linear-gradient(top,#efefef,#efefef);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#efefef),to(#efefef));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#efefef,endColorStr=#efefef);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#efefef, endColorStr=#efefef)"; 
}
}

#custommenu {
	background-color: #000000;
}

.footer-top .homepage-bar{border:0;background-color:transparent;text-align:left;padding:0 5px}
.footer-top .homepage-bar .col-md-3{border-left:1px solid #515656;padding-top:20px;padding-bottom:21px}
.footer-top .homepage-bar .col-md-3:first-child{border-left:0}
.footer-top .homepage-bar i{color:#fff}
.footer-top .homepage-bar h3{color:#fff}

/*default header*/
@media only screen and (min-width: 770px) {
.default {
	
}

.default .page-header-container {
position: relative;
max-width: 1260px;
margin: 0 auto;
min-height: 100px;
	padding-top: 20px;
}


.default .input-box {
  padding-top: 2px;
	margin-top: 70px;
	margin-right: 5%;
}

.default #search {
  width: 100%;
  height: 40px;
  padding-right: 40px;
	margin-top: 4px;
	border: 1px solid #ecedec;
	float: right;
}

.default .input-text {
  font-size: 16px;
}

.default #search_mini_form i{
  position: relative;
  padding-top: 0;
	float: right;
	font-size: 20px;
	clear: right;
	bottom: 30px;
	margin-right: 15px;
}

}
/**/

/*header2*/

@media only screen and (min-width: 770px) {
.header2 #header-search{
	display: table;
	margin-right: 30%;
	margin-left: 30%;
	width: 35%;
}

.header2 .skip-cart {
  color: #1c1c1c;
  text-transform: uppercase;
	margin-top: 15px;
}

.header2 .fa-shopping-basket {
	font-size: 30px;
	margin-right: 5px;
	color: #cb5c5c;
}

.header2 .fa-chevron-down {
	font-size: 10px;
	text-shadow: 0 0 1px;
	color: #c35353;
}

.header2 .skip-account {
    position: absolute;
    top: 0;
    right: 115px;
    width: auto;
    padding: 0 0 0 10px;
    text-transform: uppercase;
	margin-top: 12px;
	margin-right: -10px;
}

.header2 .page-header-container {
position: relative;
max-width: 1260px;
margin: 0 auto;
min-height: 60px;
	padding-top: 0px;
}


.header2 .input-box {
  padding-top: 2px;
	margin-top: 35px;
	margin-right: auto;
	margin-left: auto;
}

.header2 #search {
  width: 100%;
  height: 40px;
  padding-right: 40px;
	margin-top: 4px;
	border: 1px solid #ecedec;
	float: right;
}

.header2 .input-text {
  font-size: 16px;
}

.header2 #search_mini_form i{
  position: relative;
  padding-top: 0;
	float: right;
	font-size: 20px;
	clear: right;
	bottom: 30px;
	margin-right: 15px;
}

}

.sorter > .sort-by .sort-by-switcher--asc {
  background-position: 4px -573px;
}
.sorter > .sort-by .sort-by-switcher--asc:hover {
  background-position: -46px -573px;
}
.sorter > .sort-by .sort-by-switcher--desc {
  background-position: 4px -550px;
}
.sorter > .sort-by .sort-by-switcher--desc:hover {
  background-position: -46px -573px;
}

/*FOR DEMO SITE ONLY*/
.testheaders {
	margin-right: auto;
	margin-left: auto;
	display: table;
}

.testheaders li {
	border: 1px solid #65ab53;
	padding: 20px;
	margin: 20px;
	border-radius: 10px;
}

.testheaders img{
	margin: 20px;
	border-radius: 10px;
	width: 100%;
	max-width: 1000px;
}

.testheaders p {
	font-size: 16px;
	color: #65ab53;
	border: 1px solid #65ab53;
	padding: 15px;
	float: left;
	clear: left;
	margin-bottom: 0px;
	border-radius: 10px;
	margin-left: 50px;
}

.testheadersbutton {
	padding: 10px;
	background-color: #65ab53;
	border-radius: 15px;
	float: left;
	margin-bottom: 20px;
	margin-left: 50px;
	display: table;
}

.testheadersbutton a {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}

.btn-remove,
.btn-previous {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 0px solid #ededed;
  text-align: center;
  /* Hide text */
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  position: relative;
	z-index: 10;
	float: right;
}

@media only screen and (max-width: 570px) {
h2.product-name a,
h3.product-name a,
h4.product-name a,
h5.product-name a,
p.product-name a {
	display: block;
  color: #1c1c1c;
	font-size: 15px;
	margin-bottom: 0;
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
	max-width: 200px;
}
}