/* CSS Document */


/* custom */

@media only screen and (max-width: 767px){


.header>.logo {width: 50%!important;padding-left:0px;}

.header a.logo {width: auto!important}

.block-cart-header h3 {display: none;}

.block-cart-header .summary .price, .block-cart-header .empty .price {display: none;}

.under-search {display: none;}

#search_mini_form {padding-top: 0px;}

.block-cart-header {margin-top: 15px;}

.mobile-video {width: 100%;height: auto;}


} /*end media*/


.product-view .product-shop .product-pricing li.tier-price {background: #000;}

.static-page .fa-phone-square:before { display:none;}
.static-page .fa-envelope:before { display:none;}


/*header*/

.middle-block { float: right; padding-right: 50px; }

.header-phone { display: block; color: #fff; font-weight: bold; font-size: 2.4em; padding-bottom: 6px; }

.header-email { display: block; color: #fff; font-weight: bold; font-size: 1.4em; }

.header-payments { padding: 10px 0 20px 0; }

.fa-phone-square, .fa-envelope { color: #f59400; }

.header .header-buttons { display: none; }

/*main*/


.cms-home .block-cart, .cms-home .block-compare { display: none; }

.box-tags { display: none; }

.col2-home-layout .col-main { width: 100%; }

.orangeButton { background: #e97c00; width: 22%; height: 38px; float: left; }

a:hover .orangeButton .fa-arrow-circle-left { color: #333; }

em.fa-arrow-circle-left { font-size: 2.6em; line-height: 42px; padding-left: 16px; }

.orangeButton.first { border-radius: 3px 0 0 0; }

.orangeButton.last { border-radius: 0 0 0 3px; }

.home-image { float: right; padding-left: 10px; }

.is-blog #sidebar-nav { display: none; }

.col2-home-layout .main .span4 { width: 262px !important; }


.nav-container { margin-bottom: 15px }
.row { margin: 0; }

.cms-home .span12 { margin-left: 0; }
.cms-home .span-left { margin-left: 0; }
.cms-home .span4 { margin-left: 10px; }

.sf-menu li:last-child {  background: none !important; }

.banner-block li { height: 38px; }
.cms-home .products-grid .product-image { margin-bottom: 25px; }

.cms-home .special-price .price { font-size: 20px; line-height: 20px; float: left; }
.cms-home .old-price .price { float: left; padding-right: 15px;  }

@media (min-width: 768px) and (max-width: 979px) {

[class*="span"] { margin-left: 0; }
.products-grid .span3, .cms-home .products-grid .span3 { width: 24%; margin: 0.5% !important;  }

.cms-home .span8 { width: 100%; }
	
}

[class*="span"] { margin-left: 0; }

.cms-about-us h1 { padding-bottom: 20px;}


.products-list li.item { background: #232323; }

/*side category nav*/


#sidebar-nav { background: #232323; border-radius: 3px; padding-bottom: 6px; }

#sidebar-nav li { list-style-type: none; }

#sidebar-nav ul li ul { padding-left: 10px; line-height: 21px; }

ul#sidebar-nav-menu li ul { margin-left: 0px !important; padding-left: 0px !important;  }

#sidebar-nav-menu li { background: none !important; padding: 0px !important; }

ul#sidebar-nav-menu li ul li.level1 a span { background: none !important; color: #fff !important; line-height: 21px !important; padding: 0px 0 0 10px !important; font-size: 1em !important; margin-bottom: 0px !important; font-weight: normal !important; }

ul#sidebar-nav-menu li ul li.level1 a:hover span { color: #e97c00 !important; }

ul#sidebar-nav-menu li.nav-1.parent a span, ul#sidebar-nav-menu li.nav-2.parent a span, ul#sidebar-nav-menu li.nav-3.parent a span, ul#sidebar-nav-menu li.nav-4.parent a span { background: #e0e0e0; display: block; padding: 5px 10px; font-weight: bold; font-size: 1.4em; color: #313131; margin-bottom: 5px; }

#sidebar-nav .nav-title { background: #ffa800; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNjc3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #ffa800 0%, #e67700 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa800), color-stop(100%,#e67700)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffa800 0%,#e67700 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffa800 0%,#e67700 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffa800 0%,#e67700 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffa800 0%,#e67700 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa800', endColorstr='#e67700',GradientType=0 ); /* IE6-8 */

color: #fff; text-align: center; font-weight: bold; font-size: 1.6em; height: 40px; line-height: 40px; border-radius: 3px 3px 0 0; }








.category-nav { background: #232323; border-radius: 3px; padding-bottom: 6px; }

.category-nav li a.cat-head { background: #e0e0e0; display: block; padding: 5px 10px; font-weight: bold; font-size: 1.4em; color: #313131; margin-bottom: 5px; }

.category-nav ul li ul { padding-left: 10px; line-height: 21px; }

.category-nav .title { background: #ffa800; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNjc3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #ffa800 0%, #e67700 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa800), color-stop(100%,#e67700)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffa800 0%,#e67700 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffa800 0%,#e67700 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffa800 0%,#e67700 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffa800 0%,#e67700 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa800', endColorstr='#e67700',GradientType=0 ); /* IE6-8 */

color: #fff; text-align: center; font-weight: bold; font-size: 1.6em; height: 40px; line-height: 40px; border-radius: 3px 3px 0 0; }

#s-menu-icon { display: none; }

.category-products .products-grid .span3 { width: 210px; margin: 0 6px 0 6px; }

.cms-home .products-grid { width: 905px; }

@media (max-width: 1200px)  {
.cms-home .products-grid { width: 687px; }
.col2-home-layout .span8 { padding-left: 10px; width: 405px !important }
.products-grid .span3, .cms-home .products-grid .span3 { width: 23%; margin: 0 1% !important; }
}
@media (max-width: 980px)  {
.cms-home .products-grid { width: 100%; }
.col2-home-layout .span8 { padding-left: 0 !important; width: 100% !important }
}

.cms-home .products-grid .span3 { width: 216px; margin: 0 5px; }

.cms-about-us h2 { margin-bottom: 20px; }

.about-image { float: left; margin: 0 10px 10px 0; }

.about-row { display: block; float: left; padding-bottom: 10px; width: 100%; }

/*subcategories*/

.subcategories { width: 100%; float: left; }

.subcategories li { float: left; display: block; text-align: center; margin: 10px; width: 22.5%;}

.subcategories li span { display: block; margin: 8px 10px; font-size: 1.1em; }

/*contact forms*/

/*#webform_3_form .form-list label, #webform_1_form .form-list label, #webform_4_form .form-list label, #webform_5_form .form-list label, #webform_6_form .form-list label, #webform_7_form .form-list label, #webform_8_form .form-list label, #webform_9_form .form-list label, #webform_10_form .form-list label {
  color: #333;
}*/

body.cms-page-view a { color: #f59400; }

body.cms-page-view a:hover { color: #fff; }

.formhead { text-align: center; font-size: 1.4em; color: #333; padding-bottom: 20px; font-weight: bold; }

body.cms-home .form-list .input-box {
  width: 100% !important;
}

body.cms-home .form-list .field {
  float: left;
  width: 300px !important;
}

body.cms-home .form-list input.input-text {
  width: 280px !important;
}

body.cms-home .form-list li.wide textarea {
  width: 100% !important;
}


.form-list textarea {
  resize: none;
  width: 330px;
  height: 10em;
}

.form-list .field {
  float: left;
  width: 450px;
}

/*footer*/

.sp-methods dt { color: #E27C00; text-transform:uppercase; font-size: 13px; font-weight:normal; }

.back-link a, .checkout-onepage-success h1 { color: #E27C00 !important; }

.checkout-agreements .agreement-content { border: none !important; background: none !important; }

@media (min-width: 1200px)  {
.header-container .span12, .header-container .container  { width: 1200px; }
.nav-container .span12, .nav-container .container  { width: 1200px; }
.bread-container { margin: 0 !important; width: 1200px; }
}

.breadcrumbs { margin-bottom: 0; }


#shipping_method_form h3, #multishipping-billing-form h2, .multiple-checkout table tfoot tr td, .multiple-checkout h3, .multiple-checkout h4 { color: #FFFFFF; }

.short-description a { color: #E77900; }

.page-print { color: #000 !important; }



/* mobile */

@media only screen and (max-width: 767px){
#search_mini_form{ display:none; }
.middle-block{ display:none; }
.logo{ display:none; }
.desktop-video{ display:none;  }
.mobile-video{ display:block;  }
}
@media only screen and (min-width: 767px){
#mobile_header{ display:none; }
.mobile-video{ display:none;  }
.desktop-video{ display:block;  }
}

