@import "https://weloveiconfonts.com/api/?family=fontawesome";

@charset "utf-8";
/* Original design work, including graphics and all related scripts, Copyright (c) OCDesignsOnline.com, All Rights Reserved. Used with permission by Summit-Laundry-Parts eBay Store. */
/* General page formatting
-------------------------------------------------- */
/* --- wall background --- */
[class*="fontawesome-"]::before {
    font-family: "FontAwesome",sans-serif;
    font-size: 20px;
    font-style: normal;
    margin-right: 10px;
}
.top-bar{
    height: 20px;
    background: #fff;
    text-align: right;
    font-family: Verdana, Geneva, sans-serif;
    color: #888888;
    margin-bottom: 20px
 }
.top-bar span{
    right: 20%;
    position: relative;
}
.x-bg {
	background: #464646 url(img/bg.jpg) top center no-repeat ;
	padding: 0 0 20px 0;
}
.x-bg-02 {
	width: 90%;
	max-width: 954px;
	padding: 0;
	overflow: hidden;
	display: block;
}
.x-bg, .x-bg-02, .x-content {
	margin: 0 auto;
	text-align: center;
	vertical-align: top;
	overflow: hidden;
}
#x-template *, #x-template *:before, #x-template *::after {
    box-sizing: border-box;
    outline: medium none;
}
.x-content {
	padding-top: 10px;
}
#leftmenu,
#menu label {
    display: none;
}
.head-bar-bottom{
            width: 72%;
    margin-top: 10px;
}
.x-paypal-head img:first-child{
margin-right: 20px
}
.x-paypal-head{
      
        margin:  0px 55px 0px;
              width: 94%;
   
}
* {
	max-width: 100%;
}

.reasurances img{
 
 
}
.stBadge {
	min-width: 320px;
	max-width: 100%;
        
}
#x-head ul{
	display: inline-block;
}
/* --- content area bg and width --- */
.x-content, #x-head, #x-foot {
	width: 100%;
	max-width: 954px;
}
.x-content {
	padding: 12px 0px !important;
        
    background: #fff;
	overflow: hidden;
	width: calc(100% - 16px);
	/*background: #fff;*/
	margin-top: -2px;
	 
}
.x-bg td [width="13"] {
	display: none !important;
}
/* --- left column width --- */
#LeftPanel {
	width: 210px !important;
	overflow: hidden;
}
#LeftPanel .x-tbar,  #LeftPanel .x-main-ttop, #LeftPanel .x-tmid,  #LeftPanel .x-tbtm, #LeftPanel .x-prom {
	width: 100%;
	max-width: 200px !important;
}
/* --- main column width --- */
#CentralArea {
	width: 100%;
	max-width: 737px !important;
}
#CentralArea #x-main {
	width: 100%;
}
#x-template #x-main {
	    width: calc( 100% - 240px );
	max-width: 978px !important;
	overflow: visible;
            margin-right: 10px !important;
}
/*--- side gutters padding --- */
#LeftPanel {
	padding: 0 !important;
        background:   url(img/back-cat.png)  no-repeat;
        margin-left: 10px !important;

} 
#CentralArea, #x-main {
	padding: 0 !important;
} 
/* --- box dimensions --- */
#LeftPanel .x-ttba {
    color: #fff;
    background: transparent;
        padding-top: 5px;
 
     border: none;
	text-transform: uppercase;
	 
	text-align: left;
	text-indent: 14px;
	font: bold 18px/30px 'Open Sans', sans-serif;
}
#x-main .x-ttba {
	width: auto;
	text-align: left;
	margin: 0;
	padding: 8px 10px;
}
.x-bg .x-sbox, #x-deal {
	width: auto;
	max-width: 240px;
	margin: 0 0 13px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.x-bg .x-tbox {
	width: auto;
	margin: 0 0 13px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.x-bg .x-pbox {
	width: auto;
	margin: 0 0 13px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.x-bg .x-sbox .x-tins, .x-bg .x-tbox .x-tins,  .x-bg .x-pbox .x-tins {
	padding: 0px 10px;
        
}
.x-bg .x-prom {
	display: block;
	margin: 0 auto 13px;
	width: 100%;
	height: auto;
}
/* --- toggle left column elements for store/listing display only --- */
#LeftPanel .x-temp,  #x-template #LeftPanel .x-home {
	display: none !important;
}
#x-template #LeftPanel .x-temp {
	display: block !important;
}
/* --- global fonts --- */
.x-bg * {
	font-family: 'Open Sans', Arial, Tahoma, Sans-serif;
	text-decoration: none;
         letter-spacing: 0.1px;
}
.x-bg, .x-bg p, .x-bg a, .x-bg li, .x-bg table,  .x-bg form select {
	font-size: 13px;
	color: #000;
	word-wrap: break-word;
}
.x-bg a:link, .x-bg a:visited, .x-bg a:active {
	color: #000;
}
.x-bg a:hover {
	color: #55afca;
}
.x-bg .x-sbox, .x-bg .x-sbox p,  .x-bg .x-sbox a, .x-bg .x-sbox li,  .x-bg .x-tbox, .x-bg .x-tbox p,  .x-bg .x-tbox a, .x-bg .x-tbox li,  .x-bg .x-pbox, .x-bg .x-pbox p,  .x-bg .x-pbox a, .x-bg .x-pbox li {
	text-align: left;
}
#CentralArea ul, #x-main ul {
	list-style-type: disc;
	list-style-position: inside;
}
#CentralArea li, #x-main li {
	margin-right: 4px;
}
/* --- global backgrounds --- */
.x-bg .x-bkwh {
	background: #FFF;
} 
.x-bg .x-bkbl {
	background: #010101;
} 
.x-bg .x-bkdk {
	background: #222;
} 
.x-bg .x-grdn {
	background: #E9E9E9;
} 
.x-bg .x-grda {
	background: #54C2BA;
} 
.x-bg .x-bkac {
	background: #54C2BA;
} 
/* --- global borders --- */
.x-bg .x-brda {
	border: 1px solid #54C2BA;
} 
.x-bg .x-brdd {
	border: 1px solid #222;
} 
/* --- content area including header/footer --- */
.x-bg .x-bg-02{
    
    width: calc(100% - 16px) !important;
}
 #x-head-bar2{
    background: url(img/back-main.png) top center  repeat-x;
}
.x-bg .x-bg-02 {
	border: 0 none;
} 

.product-more-views-right{
        float: right;
  
    text-align: center;
}
/* --- text boxes --- */
.x-bg .x-bklt {
	overflow: hidden;
}
.x-bg #LeftPanel .x-bklt {
	/*background: #FFF;*/
} 
.x-bg #LeftPanel .x-brdm {
} 
.x-bg #x-main .x-bklt {
	background: #FFF;
} 
.x-bg #x-main .x-brdm  {
    overflow: visible;
    display: inline-block;
    width: 100%;
	background: transparent;
	   
}
.x-bg .x-sbox, #x-deal {
	border-width: 0 1px 1px !important;
} 
.x-bg .x-tbox {
	border-width: 0 1px 1px !important;
} 
.x-bg .x-pbox {
	border-width: 1px !important;
} 
/* --- title bars --- */
.x-bg .x-ffac, .x-bg .x-ffac p, .x-bg .x-ffac a {
	font-family: 'Open Sans', Arial, Tahoma, Sans-serif;
	text-decoration: none;
}
.x-bg .x-fftb, .x-bg .x-fftb p, .x-bg .x-fftb a {
	color: #000;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
} 
.x-bg #x-main .x-fftb {}
.x-bg .x-bar2 .x-fftb {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
} 
.x-bg .x-ttba .x-tins {
	padding: 0 !important;
}
.x-bg .x-bktt {
	background: #FFF;
}
.x-bg .x-brdt {} 
/* --- buttons --- */
.x-bg .x-ffbn, .x-bg a.x-ffbn {
	background: #0F153E;
}
.x-bg .x-ffbn:hover, .x-bg a.x-ffbn:hover {
	background: #54C2BA;
} 
.x-bg .x-brdb {
	border: 1px solid #0F153E;
}
.x-bg .x-brdb:hover {
	border: 1px solid #54C2BA;
} 
.x-bg .x-ffbn, .x-bg a.x-ffbn {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 26px;
	padding: 0 10px;
	display: block;
} /* buttons font settings */
.x-bg .x-ffbn:hover, .x-bg a.x-ffbn:hover {
	color: #FFF;
} 
/* Header formatting
-------------------------------------------------- */
.x-bg .x-hdbg {} 
.x-bg .x-bar2 {
	/*background: #fff;  */
}
.x-bg .x-bar2 a:hover,  #x-head-menu div#x-head-cats:hover {
	background: #0F153E;
}
.x-bg .x-bar2 {
	/*border: 1px solid #F9FAFC;*/
} 
.x-bg #x-head-bar2 {
	border-width: 0;
} 
.x-bg #x-head-menu a,  .x-bg #x-head-menu a span {
	border-width: 0;
}
.x-bg #x-head-menu a{
/*	background: url(img/bare.png) top right no-repeat;    */
}
.x-bg #x-head-menu li:last-child a{
	background: none;
}

.x-bg #x-head-menu a:first-child {
	border-width: 0;
}
.x-bg .x-bar2 .x-fftb {
	color: #0F153E;
} 
.x-bg .x-bar2 .x-fftb:hover {
	color: #FFF;
}
.x-bg #x-head-catd #x-head-ctd2 ul.lev1 {
	background: #54C2BA;
}
.x-bg #x-head-catd #x-head-ctd2 ul.lev1 li a:hover {
	background-color: #FFF;
}
.x-bg #x-head-catd #x-head-ctd2 ul.lev1 li a {
	border: 1px solid #E9E9E9;
} 
.x-bg #x-head-catd #x-head-ctd2 {
	border-width: 0 1px 1px;
	margin-left: -1px;
} 
.x-bg #x-head-catd #x-head-ctd2 ul.lev1 li a {
	border-width: 1px 0 0;
}
.x-bg #x-head-catd #x-head-ctd2 ul.lev2 li a,  .x-bg #x-head-catd #x-head-ctd2 ul.lev3 li a {
	border-width: 0;
}
.x-bg #x-head-catd ul.lev1 li a {
	color: #FFF;
}
.x-bg #x-head-catd ul.lev1 li a:hover {
	color: #54C2BA;
}
/* --- head main --- */
#x-head {
	height: auto;
	max-width: 1250px;
       
}
#x-head .x-fbox {
	text-align: left;
	min-width: 290px;
	padding: 0;
	float: left;
	position: relative;
}
#x-head-bar1 {
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 9001;
         background:#fff;
        padding: 0px 20px
}
#x-head-logo {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	padding: 10px 0;
} 
#x-head-prom {
	width: 244px;
	max-width: 100%;
	display: block;
	margin: 0 auto;
	padding: 10px 0;
}
/* --- search box --- */
.x-bg #x-head-srch-sbox,  .x-bg #x-head-catd #x-head-ctd1 span {
	color: #999;
	font-size: 12px;
	font-style: italic;
}
.x-bg .x-brds {
	border: 1px solid #54C2BA;
} 
.x-bg #x-head-srch-sbox {
	border-width: 0;
} 
.x-bg #x-head-srch-bttn {
	border-width: 0 0 0 1px;
}
#x-head-srch {
	width: 250px;
	height: 26px;
	position: relative;
	margin: 46px auto 20px;
	padding: 0;
	overflow: hidden;
}
#x-head-srch-sbox {
	width: 59%;
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
	float: left;
}
#x-head-srch-bttn {
	float: right;
} 
/* --- categories dropdown --- */
#x-head-catd.x-fbox {
	display: none;
	position: relative;
	padding: 10px 0;
	z-index: 9001;
}
#x-head-catd #x-head-ctd1 {
	width: 250px;
	height: 26px;
	margin: 0 auto;
	overflow: visible;
}
#x-head-catd #x-head-ctd1:focus #x-head-ctd2,
#x-head-catd #x-head-ctd1:hover #x-head-ctd2 {
    display: block;
    overflow: visible;
} 


#x-head-catd #x-head-ctd1 span {
	height: 26px;
	line-height: 26px;
	text-align: left;
	background: transparent url(img/x-head-icon-catd.png) 224px 5px no-repeat;
	padding: 0 10px;
	display: block;
}
#x-head-catd #x-head-ctd2 {
	width: 250px;
	display: none;
	overflow: hidden;
}
/* #x-head-catd #x-head-ctd1:hover #x-head-ctd2	{ display:block; } */

#x-head-catd #x-head-ctd1.open #x-head-ctd2 {
	display: block;
}
#x-head-catd #x-head-ctd2 ul.lev1 {
	width: 100%;
	list-style-type: none;
}
#x-head-catd #x-head-ctd2 ul.lev1 li a {
	font-size: 13px;
	line-height: 16px;
	padding: 5px 10px;
	background: transparent none;
	text-align: left;
	display: block;
}
#x-head-catd #x-head-ctd2 ul.lev1 li a:hover {
}
#x-head-catd #x-head-ctd2 ul.lev2 li a {
	font-size: 12px;
	padding-left: 28px;
}
/* --- menu bar text links --- */
#x-head-bar2 {
	width: auto;
	overflow: visible;
	text-align: center;
	position: relative;
	z-index: 5001;
}
#x-head-menu {
	position: relative;
	text-align: left;
	text-align: center;
 

}
#x-head-menu a, #x-head-menu a span {
	height: 38px;
	line-height: 30px;
	margin: 0;
	width: auto;
	padding: 0 10px;
	display: inline-block;
	background: no-repeat;
	color: #fff;
	font-size: 20px;
	font-family: 'Open Sans';
      font-weight: bold;
      text-transform: capitalize
}
#x-head-menu a img {
	display: none;
}
.reasurances {
    display: inline-block;
    width:100%;
    background:   url(img/back-header.png) top center  repeat-x ;
	/*height: 80px;*/
           
	text-align: center;
}
.reasurances > div {
	font-size: 14px;
	color: white;
	text-transform: uppercase;
	float: left;
	text-align: left;
	margin-left: 14px;
	font-family: 'Lato', sans-serif;
}
.reasurances > div span{
	font-size: 20px;
	color: #2ab2ee;
	font-family: 'Lato', sans-serif;
	padding-top: 20px;
display: inline-block;
}
.reasurances > div span.withe{
	padding-top:0;
	color:#fff;
	font-size:14px;
}

.reasurances i {
	float: left;
	width: 30px;
	height: 100%;
	margin-right: 14px;
}
.reasurances .icon01 {
	background: url(img/icon01.png) left center no-repeat;
}
.reasurances .icon02 {
	background: url(img/icon02.png) left center no-repeat;
}
.reasurances .icon03 {
	background: url(img/icon03.png) left center no-repeat;
}
.reasurances .icon04 {
	background: url(img/icon04.png) left center no-repeat;
}
.reasurances .icon05 {
	background: url(img/icon05.png) left center no-repeat;
}
.reasurances > span{
    float: left;
    color: #fff;
    font-size: 26px;
    margin: 0;
    line-height: 26px;
    text-transform: uppercase;
    height: calc(100% - 20px);
    padding: 10px;
	margin-right: 10px;
	font-family: 'Lato', sans-serif;
	background: #04100f ; 
  position: relative;
}
.reasurances > span:before{
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	top: 0;
	left: 0;
}
.reasurances > span:after{
    background: url(img/triangle.png) center left no-repeat;
	position: absolute;
	width: 14px;
	height: 100%;
	content: "";
	top: 0;
	right: -14px;
}
.reasurances > span b{
	background: #2ab2ee;
background: -moz-linear-gradient(top, #2ab2ee 0%, #236ab2 100%);
background: -webkit-linear-gradient(top, #2ab2ee 0%,#236ab2 100%);
background: linear-gradient(to bottom, #2ab2ee 0%,#236ab2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ab2ee', endColorstr='#236ab2',GradientType=0 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}
.reasurances .reasurance{
	display: inline-block;
	color: #fff;
	font-size: 14px;
	line-height: 34px;
	margin: 0 16px;
}
.reasurances .reasurance span{
	color: #fff;
	line-height: 36px;
	margin: 0 5px 0 0;
}
.reasurances .reasurance .fontawesome-leanpub{
	position: relative; 
	background: url(img/leanpub.png) left center no-repeat;
	width: 34px;
	height: 34px;
}

/* --- header dropdown menu responsive --- */
#x-head-wrap, #x-head,  .x-bg #x-head-bar2,  #x-head-menu {
	overflow: visible;
}
#x-head-menu li {
	float: left;
	position: relative;
         margin-top: 7px;
             padding: 6px 43px;
                 background: url(img/bare.PNG) top right no-repeat;
}
#x-head-menu li:first-child{
    margin-right: 8px;
}
#x-head-menu li:last-child{
    background: none ;
        margin-right: -2px;
}
#x-head-menu li:hover   {
	     background: url(img/hover-li.png) top right  repeat-x;
	 
}
#x-head-menu li.x-phone:hover a.x-bar2,  #x-head-menu li.x-phone:hover a.x-bar2 span {
	color: #0F153E;
	background-color: #F9FAFC;
	background: transparent;
}
#x-head-bar2 .submenu {
	width: 240px;
	max-width: 240px;
	height: auto;
	background: #FFF;
	border: 1px solid #E9E9E9;
	position: absolute;
	left: 0;
	top: 100%;
	position: absolute;
	margin: 0;
	z-index: 999;
	display: none;
}
#x-head-bar2 li:hover > .submenu {
	display: block;
}
#x-head-bar2 .submenu .x-bar2 {
	display: none;
}
#x-head-bar2 .submenu-links {
	background: #FFF;
	width: 100%;
	padding: 8px 0;
}
#x-head-bar2 .submenu ul {}
#x-head-bar2 .submenu ul:last-child {}
#x-head-bar2 .submenu ul li {
	width: 100%;
	height: auto;
	position: relative;
	margin: 0;
	padding: 0;
}
#x-head-bar2 .submenu ul li.lev2 a {
	color: #0F153E;
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	width: auto;
	height: auto;
	margin: 0;
	padding: 8px 10px;
	display: block;
	background: transparent;
}
#x-head-bar2 .submenu ul li.lev2 a:hover {
	color: #FFF;
	background-color: #0F153E;
	background-image: none;
}
#x-head-bar2 .submenu ul li.lev3 a {
	color: #0F153E;
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	width: auto;
	height: auto;
	margin: 0;
	padding: 8px 10px 8px 34px;
	display: block;
	background: transparent url(images/x-side-lev2.png) 21px 11px no-repeat;
}
#x-head-bar2 .submenu ul li.lev3 a:hover {
	color: #FFF;
	background-color: #0F153E;
	background-image: url(images/x-side-lev2h.png);
}
/* --- head phone number mobile only --- */

#x-head-call {
	color: #0F153E;
	font: 600 15px/38px 'Open Sans', Arial, Tahoma, Sans-serif;
	display: none;
	text-align: center;
	width: 100%;
}
/* Left panel formatting

-------------------------------------------------- */

/* --- side categories menu with divs --- */
.x-bg #LeftPanel .lev1 li a,  .x-bg #LeftPanel .lev1 span {
	border-width: 1px 0 0;
}
.x-bg #LeftPanel .lev1 li:first-child a,  .x-bg #LeftPanel .lev2 li a,  .x-bg #LeftPanel .lev2 span,  .x-bg #LeftPanel .lev3 li a,  .x-bg #LeftPanel .lev3 span {
	border-width: 0;
} 
.x-bg #LeftPanel .lev1 li a,  .x-bg #x-side-cats ul li a {
	color: #000;
}
.x-bg #LeftPanel .lev1 li a:hover,  .x-bg #x-side-cats ul li a:hover {
	color: #7db1d9;
        background: #fff
}
#LeftPanel #x-side-cats li:hover{
    background: #fff
}
#LeftPanel #x-side-cats .x-tins {
	    padding: 0px 
	 	

}
#LeftPanel #x-side-cats li {
	 
	 background: #f5f5f5;
	border-bottom: 1px solid #dadada;
    list-style: none;
	text-indent: 14px;
}
#LeftPanel #x-side-cats li:last-child {
	border: none;
}
#LeftPanel #x-side-cats li a{
	background: url(img/list-style.png) center left no-repeat;
	    padding-left: 3px;
    margin-left: 10px;
        font:   13px/32px "Open Sans", sans-serif;
}
#LeftPanel .lev1 li a:hover {}
#LeftPanel .lev2 li a {
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
}
#LeftPanel .lev3 li a {
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
}
#LeftPanel .lev2 li a:hover,  #LeftPanel .lev3 li a:hover {}
#LeftPanel .lev2 {
	padding-bottom: 10px;
	background: #e7e7e7;
}
#LeftPanel .lev3 {
	padding-bottom: 0;
}
/* --- add bullets / icons --- */

#LeftPanel .lev1 li a,  #LeftPanel .lev1 span {
	padding: 5px 10px;
}
#LeftPanel .lev1 li a:hover {}
#LeftPanel .lev2 li a {
	background: transparent url(img/x-side-lev1.png) 16px 10px no-repeat;
	padding: 5px 10px 5px 30px;
}
#LeftPanel .lev3 li a {
	background: transparent url(img/x-side-lev1.png) 38px 8px no-repeat;
	padding: 5px 10px 5px 52px;
}
/* --- side newsletter text box --- */

#x-side-news p {
	line-height: 16px;
	margin: 0 0 10px;
}
#x-side-news-bttn {
	    text-align: center;
    border: none;
    font-size: 14px;
    line-height: 34px;
    font-weight: bold;
    background: url(img/btn-singup.png) no-repeat;
    width: 96px;
    margin: auto;
   
}
#x-side-news p.x-ckbx {
	line-height: 16px;
}
#x-side-news #general {
	margin: 1px 5px 0 0;
}
#LeftPanel h4#x-side-tbar-news {
    color: #fff;
     
	     height: 45px;
  background:   url(img/back-cat.png)  no-repeat;
    
 
	 background-size: 97%;
        
          
  
   
    border: none;
    text-transform: uppercase;
    text-align: left;
    text-indent: 14px;
    font: bold 18px/30px 'Open Sans', sans-serif;
} 
#x-side-news .x-tins{
    padding-bottom: 20px
  
}
 
#LeftPanel #x-side-news {
	border: none;
	text-align: center;
 background:    url(img/nwesletter.png)  no-repeat;
}
#x-side-news p {
	color: #fff;
	font: normal 12px/20px "Open Sans", sans-serif;
            border-top: none;
                padding: 68px 3px 10px;
}
/* Homepage formatting
-------------------------------------------------- */
/* --- main homepage spacer --- */
#x-main #x-home-spacer.x-prom {
	margin-bottom: 0;
}
/* --- main promo banner image full width --- */
#x-main-babg {
	width: 100%;
	max-width: 1250px;
	height: auto;
	margin: 0;
	padding: 10px 0 0;
	display: none;
}
#x-main-babg #x-main-bann {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
	text-align: center;
}
#x-main-babg .x-pmob {
	display: none !important;
}
/* --- main rotating banner responsive --- */
#x-main #x-main-bann {
	width: 100%;
	margin: 0 auto;
	display: block;
	text-align: center;
}
#x-main #x-main-bann .MagicSlideshow {
}
#x-main #x-main-bann .mss-slider {
	background: transparent none;
}
/* --- main featured categories images --- */
#x-main-fcat {
	width: 100%;
	overflow: hidden;
	text-align: center; 
}
#x-main-fcat a img {
	width: 362px;
	height: 215px;
	margin: 0 0 13px 13px;
	float: left;
}
#x-main-fcat a img.x-first {
	margin-left: 0;
}
/* --- main featured items --- */
.x-bg #x-main #x-main-tbar-feat {
	color: #54C2BA !important;
	background-color: transparent !important;
	border-width: 0 !important;
	padding: 0 10px 5px !important;
}
.x-bg #x-main #x-tmain-feat.x-tbox.x-brdm.x-bklt,  .x-bg #x-main #x-temp-feat.x-tbox.x-brdm.x-bklt {
	background-color: transparent;
	border-width: 0 !important;
}
#x-main-feat #x-feat {
	overflow: hidden;
	padding: 0 0 10px;
	text-align: center;
} /* background image */
#x-main-feat #x-main-feat-pull,  #x-main-feat #x-main-fea2-pull,  #x-main-feat #x-main-fea3-pull,  #x-main-feat #x-main-fea4-pull {
	display: none;
}
#x-main-feat #x-feat .x-fp {
	width: 168px;
	height: 279px;
	background: transparent url(images/x-main-fbox.png) center top no-repeat;
	margin: 10px 6px 0;
	display: inline-block;
}
#x-main-feat #x-feat .x-fp a,  #x-main-feat #x-feat .x-fp a span {
	text-align: left;
	font-size: 12px;
	line-height: 14px;
	display: block;
	overflow: hidden;
}
#x-main-feat #x-feat .x-fp a .title {
	color: #000;
	height: 42px;
	margin: 3px 8px 3px;
	text-align: center;
}
#x-main-feat #x-feat .x-fp a .title:hover {
	color: #54C2BA;
}
#x-main-feat #x-feat .x-fp a .price {
	color: #0F153E;
	font: bold 14px/30px 'Open Sans', Arial, Tahoma, Geneva, Sans-serif;
	height: 30px;
	display: block;
	padding: 0 8px 40px;
	text-align: center;
}
#x-main-feat #x-feat .x-fp a .thumb {
	width: 168px;
	height: 160px;
	display: block;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#x-main-feat #x-feat .x-fp a .thumb img {
	max-height: 140px;
	width: auto;
	max-width: 140px;
	margin: 10px auto;
}
/* --- template feedback display --- */
.x-bg #x-main #x-main-feed {
	border: 1px solid #E9E9E9;
	background: #FFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.x-bg #x-main #x-main-feed .x-tins {
	border: none;
	background: #FFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.x-bg #x-main #x-main-feed #x-feed-reviews {
	border-left: 1px solid #E9E9E9;
} 
#x-main-feed {
	width: 100%;
	margin: 0 0 13px;
	padding: 0;
}
#x-main-feed .x-tins {
	margin: 0;
	padding: 10px;
	position: relative;
	overflow: hidden;
}
#x-main-feed, #x-main-feed span {
	color: #000;
	font-size: 12px;
	line-height: 18px;
	font-family: 'Open Sans', Arial, Tahoma, Sans-serif;
}
#x-main-feed h5 {
	color: #54C2BA;
	text-align: left;
	font: bold 13px/16px 'Open Sans', Arial, Tahoma, Sans-serif;
	margin: 0;
	padding: 0 0 8px;
}
#x-main-feed #x-feed-count a {
	color: #54C2BA;
	font: normal 13px/16px 'Open Sans', Arial, Tahoma, Sans-serif;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0 0 6px;
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: right;
}
#x-main-feed #x-feed-count a span {
	color: #54C2BA;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
}
#x-main-feed #x-feed-count a:hover {
	color: #54C2BA;
	text-decoration: underline;
}
#x-main-feed #x-feed-dsrs {
	float: left;
	text-align: left;
	width: 220px;
	padding-right: 20px;
}
#x-main-feed #x-feed-dsrs div {
	padding-bottom: 3px;
}
#x-main-feed #x-feed-dsrs .x-dsr-count {
	font-weight: bold;
}
#x-main-feed #x-feed-reviews {
	float: left;
	text-align: left;
	width: auto;
	max-width: 412px;
	padding-left: 20px;
}
#x-main-feed #x-feed-reviews div {
	padding-bottom: 6px;
}
#x-main-feed #x-feed-reviews .comment {
	padding-right: 6px;
	display: inline;
}
#x-main-feed #x-feed-reviews .date {
	color: #AAA;
	display: inline;
}
.hi-mob{
	display: none;
}

/* Template formatting
-------------------------------------------------- */
#CentralArea h1, #x-main h1 {
	color: #fff;
	text-align: center;
	margin: 0;
	padding: 0 0 10px;
	text-transform: uppercase;
	font: bold 18px/38px "Oswald", sans-serif;
            height: 31px;
} 
#CentralArea h5, #x-main h5.title {
	color: #fff;
	text-align: center;
	  
	position: relative;
	    background: url(img/bg-logo.png) no-repeat;
	 
 
	font: bold 18px/40px "Open Sans", sans-serif;
}
#x-main-desc p{
	font: normal 13px/20px "Open Sans", sans-serif;
	text-align: left;
	color: #000;
}
#x-main #x-main-spec h5 {
	color: #54C2BA;
	padding-bottom: 10px;
}
#x-main-gall .x-tins{
	padding: 0px;
	position: relative;
	overflow: visible;
        background: url(img/bg-logo.png) no-repeat;
}

#x-temp-gall, #x-gall-main, #x-gall-thmb {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
	line-height: 1px;
}
#x-temp-gall {
	margin-bottom: 8px;
	float: left;
}
#x-temp-gall img {
    margin: 0 auto;
    display: inline-block;
    border: 0 none;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}
#x-temp-gall .x-cntr {
	width: 100%;
	vertical-align: middle;
	text-align: center;
	overflow: auto;
}
#x-temp-gall #x-gall-main {
	border: 1px solid #E9E9E9;
	background: #FFF;
	margin-bottom: 10px;
} 
#x-temp-gall #x-gall-main {
	width: 100%;
	max-width: 400px;
	height: 400px;
} 
#x-temp-gall #x-gall-main img {
	width: auto;
	max-width: 400px;
} 
#x-temp-gall #x-gall-thmb h5 {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	margin: 0;
	padding: 0 0 5px;
	width: 100%;
	clear: both;
} 
#x-temp-gall #x-gall-thmb h5 span {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(img/x-gall-icon.png) left center no-repeat;
} 
#x-temp-gall #x-gall-thmb .x-hold {
	border: 1px solid #E9E9E9;
	background: #FFF none;
	margin: 3px 2px;
	display: inline-block;
} 
#x-temp-gall #x-gall-thmb .x-hold:hover {
	border: 1px solid #0F153E;
}
#x-temp-gall #x-gall-thmb .x-hold,  #x-temp-gall #x-gall-thmb .x-cntr {
	width: 100%;
	max-width: 62px;
	height: 100%;
	max-height: 62px;
} 
#x-temp-gall #x-gall-thmb img {
	width: 100%;
	max-width: 62px;
}
.x-tins ul{
    border: 1px solid #c8c8c8;
    border-top: none;
}
#x-temp-gall .x-hide {
	display: none !important;
}
#x-gall-main {
	float: left;
}
#x-gall-right {
	float: right;
	width:100%;
                border: none !important

}
#x-gall-right #x-main-desc {
	
	
	border: 1px solid #c8c8c8;
	padding: 0px 10px 10px 20px;
}
#x-gall-right #x-main-spec {
	width: 100%;
	float: none;
	margin: 15px 0 8px;
}
.x-bg #x-main #x-main-tabs {
	width: 100%;
	height: auto;
	position: relative;
	clear: both;
	margin: 0 0 20px;
	overflow: hidden;
}
.x-bg #x-main #x-main-tabs .x-tbox {
	margin: 0;
	max-height: 300px;
	overflow: auto;
}
.x-ttab {
	float: none;
}
.x-ttab label {
	width: 100%;
	position: relative;
	left: 0;
	display: block;
	cursor: pointer;
}
.x-ttab [type=radio] {
	display: none;
}
.x-ttrm {
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	background: #FFF none;
	position: relative;
}
.x-bg #x-main [type=radio] ~ label.x-bktt { 
	background-image: url(images/x-main-ttab-icop.png);
	background-position: right 10px center;
	background-repeat: no-repeat; 
	padding-right: 28px !important;
}
.x-bg #x-main [type=radio]:checked ~ label.x-bktt {
	background-image: url(images/x-main-ttab-icom.png);
	z-index: 2;
} 
[type=radio] ~ label.x-bktt ~ .x-ttrm {
display:none;
}
[type=radio]:checked ~ label.x-bktt ~ .x-ttrm {
	display: block;
	z-index: 1;
}
#x-main-spec {
	width: 100%;
	margin-top: 15px;
	float: none;
}
#x-main-spec table {
	width: 100%;
	border: 0 none;
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
}
#x-main-spec table th,  #x-main-spec table td {
	color: #54C2BA;
	text-align: left;
	font-size: 13px;
	line-height: 16px;
	padding: 5px 8px 5px 0;
}
#x-main-spec table th {
	color: #54C2BA;
	font-weight: normal;
	width: 50%;
}
#x-temp-bttn {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
#x-temp-bttn div, #x-temp-bttn div a {
	width: 176px;
	height: 46px;
	display: inline-block;
	cursor: pointer;
}
#x-temp-bttn div {
	margin: 10px 10px 5px;
	background: transparent url(images/x-temp-bttn.png) left top no-repeat;
}
#x-temp-bttn div#x-temp-bbin {
	background-image: url(images/x-temp-bbin.png);
}
#x-temp-bttn div#x-temp-bwti {
	background-image: url(images/x-temp-bwti.png);
}
.x-bg #x-main #x-main-tabs .x-bktt {
	background: #F9FAFC;
} 
.x-bg #x-main #x-main-tabs .x-bktt.x-open {
	background: #F9FAFC;
} 
.x-bg #x-main #x-main-tabs .x-brdt {
	border: 1px solid #E9E9E9;
} 
.x-bg #x-main #x-main-tabs .x-brdt.x-open {
	border: 1px solid #E9E9E9;
}
.x-bg #x-main #x-main-tabs .x-brdt {
	border-width: 0 1px 1px !important;
} 
.x-bg #x-main #x-main-tabs a:first-child .x-brdt {
	border-width: 1px !important;
}
#x-main-tabs {
	width: 100%;
	height: auto;
	margin: 0 0 13px;
}
#x-main-tabs .x-tbox {
	margin: 0;
}
#x-main-tabs a .x-ttba .x-ffac {
	background: transparent url(img/x-main-ttab-icop.png) right center no-repeat;
	padding-right: 28px !important;
}
#x-main-tabs a .x-ttba.x-open .x-ffac {
	background-image: url(img/x-main-ttab-icom.png);
}






#x-main h2, #x-main h3, #x-main h4, #x-main h5{
    float: left;
    line-height: 22px;
    width: 100%;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 10px;
}
#x-main h3{
	font-size: 18px;
}
#x-main h4{
	font-size: 16px;
}
#x-main h5{
	font-size: 14px;
}
#x-main .section ul,
#x-main #x-main-desc ul{
 background: transparent;
 border: none;
}
#x-main #x-main-desc li,
#x-main .discription .tab .section li{
    list-style:url(img/list-style.png) inside;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	float: inherit;
	background: none;
	border: none;
	padding-left:15px !important
}











/* Footer
-------------------------------------------------- */
#x-foot-wrap {
	background: transparent;;
	border: 0;
}
#x-foot {
	background: transparent; ;
	 
}
#x-foot-subm, #x-foot-subm * {
	color: #fefefe;
	font-size: 16px;
	line-height: 19px;
}
#x-foot-subm a {
	color: #fff;
	padding: 0 12px;
	display: inline-block;
	 
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        letter-spacing: 0.5px;
       font-weight: 700
}
#x-foot-subm a:first-child {
	padding-left: 0;
}
#x-foot-subm a:last-child {
	padding-right: 0;
	border-right: 0 none;
}
#x-foot-subm a:hover {
	color:#037dbe
}
#x-foot-copy, #x-foot-copy * {
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
}
#x-foot-copy a {
	color: #FFF;
}
#x-foot-copy a:hover {
	color: #54C2BA;
	text-decoration: underline;
}
#x-foot {
    height: auto;
    padding: 30px 0;
    text-align: center;
    display: inline-block;
	max-width: 1250px;
}
#x-foot * {
}
#x-foot-subm {
	padding-left: 20px;
}
#x-foot-copy {
	padding: 20px 20px 0;
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;
        color: #fff
}
.copy-ocdo {
	text-align: right;
	width: 100%;
	color: #888;
	float: right;
	font-size: 11px;
	text-transform: capitalize;
	font-family: Verdana, Geneva, sans-serif;
	background: #fff;
}
.copy-ocdo .x-content{
	padding: 0 !important;
}
.copy-ocdo span {
	text-align: right;
	width: 100%;
	color: #888;
	float: right;
	line-height: 30px;
	padding-right: 32px;
	background: url(img/icon-header.png) center right no-repeat;
}
.copy-ocdo span a:link {
	color: #888;
}

#x-head .x-fbox.userid p{
	margin-top: 40px;
    font-weight: bold;
    font-size: 15px;
	font-family: 'Open Sans', Sans-serif;
}
#x-head .x-fbox.userid span {
    color: #999;
}
#x-head .x-fbox.userid img {
    margin-left: 5px;
}


.discription .tab {
    float: left;
    color: #000;
    width: 99.8%;
}
.discription .tab:last-child {
	border-bottom-width:1px;
}
.discription .tab .tab-titel{
	display: inline-block;
	width: 100%;
    
          background: url(img/back-descrip.png) repeat-x;
	position: relative;
}
.discription .tab li:first-child{
    margin-left: 17% !important;
}
.discription .tab li{
	list-style: none;
	padding: 0 20px !important;
	float: left;
	   
	margin : 0px ;
	 
	 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4242', endColorstr='#04100f',GradientType=0 );
}
.discription .tab li:hover {
    
}


.tab label {
    display: inline-block;
    text-align: center;
    color: #fff;
	float: left;
        letter-spacing: 1px;
	cursor: pointer;
    text-transform: uppercase;
	    font: normal 13px/40px "Oswald", sans-serif;
}
.tab label:hover {
    color: #678eee
}
.tab input {
    display: none;
}
.tab .section {
    display: none;
    padding: 20px;
	background: #fff;
	text-align: left;
	color: #000;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	background: #f1f1f1;

}
.tab .section p{
    font: 13px/20px  'Open Sans', sans-serif;
}
.tab .section a{
    font: 14px/20px  'Open Sans', sans-serif;
	color:#2abfef;
	font-weight:bold;
}


#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6, #tab11:checked ~ #content1, #tab12:checked ~ #content2, #tab13:checked ~ #content3, #tab14:checked ~ #content4, #tab15:checked ~ #content5, #tab16:checked ~ #content6 {
    display: block;
}
#tab1:checked ~ .tab-titel li, #tab2:checked ~ .tab-titel li, #tab3:checked ~ .tab-titel li, #tab4:checked ~ .tab-titel li, #tab5:checked ~ .tab-titel li, #tab6:checked ~ .tab-titel li {
}
#x-conditions p{
	margin-top: 10px;
}
.product-image-box input {
    display: none;
}
.product-image-container {
    display: none;
    border:1px solid #c8c8c8;
    background: #fff;
    max-width: 500px;
 
}
.product-image-box{
    margin-top: 20px;
    margin-left: 10px;
    padding-bottom: 20px
}
#gal1:checked ~ #content1, #gal2:checked ~ #content2, #gal3:checked ~ #content3, #gal4:checked ~ #content4, #gal5:checked ~ #content5, #gal6:checked ~ #content6 {
    display: inline-block;
}
.product-more-views ul li {
    display: inline-block;
	padding: 0 !important;
}
.satisfaction{
    padding: 30px 0px
}
.product-image-box label {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    position: relative;
 background: #fff;   
	width: 100%;
   border: 1px solid #c8c8c8;
	margin-bottom: 10px;
   height: 150px;
   width:150px;
	 
}
.product-more-views{
      float: right;
    width: 25%;
    text-align: center;
}
.product-more-views p.loop {
	color: #000;
	text-align: center;
         text-transform: uppercase;
	padding-bottom: 0 !important;
	font: 12px/44px 'Open Sans', sans-serif;
	 
}
.product-more-views ul{
    border: none !important
}
.product-more-views p.loop span {
    display: inline-block;
    height: 44px;
	line-height:18px;
	padding-left:20px;
    background: url(img/x-gall-icon.png) left center no-repeat;
}
#x-temp-gall,
#x-gall-right {
    margin-bottom: 10px;
       border: 1px solid #c8c8c8;
       border-top:none;
       background: #f5f5f5
}
#x-main .x-cat-bottom{
    margin: 10px 0;
	display: inline-block;
}
#x-main .x-cat-bottom h5{
    display: inline-block;
    width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-transform: uppercase;
	font: normal 20px/50px "Lato", sans-serif;
}
#x-main .x-cat-bottom li{
    float: left;
    list-style: none;
    margin-right: 10px;
    padding: 0;
    margin-top: 20px;
	max-width: calc(25% - 10px);
}
#x-main .x-cat-bottom li:nth-child(4n+1){
	/*margin-right: 0;*/
}





@media screen and (max-width:1250px) {
#x-main-fcat a {
	display: inline-block;
}
#x-head-menu li{
    padding: 6px 20px;
}
#x-main-fcat a img {
	margin: 0 5px 13px;
	float: none;
}
#x-main-fcat a img.x-first {
	margin-left: 5px;
}

#x-head-menu a, #x-head-menu a span {
    padding: 0 20px;
}
.discription .tab li {
    padding: 0 20px !important;
}
.reasurances > div {
    -webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
    margin-left: -1%;
}
}
@media screen and (max-width:1160px) {
#x-head-menu a, #x-head-menu a span {
    padding: 0 10px;
}

}
@media screen and (max-width:1084px) {
.reasurances > div {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    margin-left: -2%;
    margin-right: -2%;
}
}
@media screen and (max-width:1040px) {
.discription .tab li {
    padding: 0 10px !important;
}
.tab label {
    font-size: 16px;
}
}
 @media screen and (max-width:959px) {
#x-gall-right {
	width: 100%;
	float: none;
}
#x-gall-right #x-main-desc {
	width: auto;
}
#x-temp-gall,  #x-temp-gall #x-gall-main,  #x-temp-gall #x-gall-thmb {
	margin: 0 auto;
}
#x-temp-gall {
	float: none;
	margin-bottom: 15px;
}
#x-temp-gall #x-gall-main {
	margin: 0 auto 10px;
}
#x-temp-gall #x-gall-thmb .x-hold,  #x-temp-gall #x-gall-thmb .x-cntr {
	width: 100%;
	max-width: 80px;
	height: 100%;
	max-height: 80px;
}
#x-temp-gall #x-gall-thmb img {
	width: 100%;
	max-width: 80px;
	height: auto;
	max-height: 80px;
} 
.reasurances > div {
    margin-left: -3%;
    margin-right: -3%;
}
.product-more-views p.loop span { line-height:44px}
}
@media screen and (max-width:927px) {
.product-more-views{
    width: 100%
}
}
@media screen and (max-width:920px) {
#x-template #x-main {
    max-width: 580px !important;
}
#x-head-menu a, #x-head-menu a span {
    font-size: 16px;
}
}
 @media screen and (max-width:890px) {
#x-head-srch {
	margin: 10px auto 15px;
}
#x-head .x-fbox {
	float: none;
	display: inline-block;
}
.reasurances > div {
    margin-left: -4%;
    margin-right: -4%;
}
}

 @media screen and (max-width:860px) {
#x-temp-gall #x-gall-main img {
	width: 100%;
}
#x-main-feed {
	display: none !important;
}
}
@media screen and (max-width:814px) {
.reasurances {
    height: auto;
}
.reasurances > div  {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    height: 50px;
    display: inline-block;
    float: none;
    text-align: center;
}
.reasurances i {
    float: none;
    display: inline-block;
}
.reasurances > div span {
    display: inline-block;
	padding-top:0
}
.reasurances > span {
    width: 100%;
	padding:5px 0;
	height:50px;
}
}
@media screen and (max-width:800px) {
.x-bg .x-nota {
	display: none !important;
}

.x-bg .x-sbox, #x-deal {
    max-width: 100%;
}
#x-head-menu, #x-head-bar2, #x-head-bar2 .submenu {
	display: none !  important;
}
#x-head-call {
	display: block;
}
#x-head-bar1 {
	overflow: visible;
}
#x-head-catd.x-fbox {
	display: block;
}
.x-bg .x-hdbg {
	padding-bottom: 0;
}
#CentralArea, #x-template #x-main {
	width: 96%;
	max-width: 800px !important;
	margin: 0 auto !important;
	padding: 0 5px !important;
	float: none;
}
#CentralArea #x-main {
	width: 100%;
}

#LeftPanel {
	display: none !important;
}
#leftmenu:checked ~ #LeftPanel {
    display: inline-block !important;
    text-align: center;
    float: none;
}
#leftmenu {
    display: none;
}
#menu label {
   background: url("img/bg-logo.png") no-repeat scroll 0 0;
    position: relative;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    padding: 0 25px;
    text-align: center;
    text-transform: uppercase;
    width: calc( 100% - 50px );
	cursor:pointer;
	margin:10px 0
}
#menu label::after {
    background-image: url("img/x-head-mnav-icod.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #000;
    content: "";
    height: 30px;
    position: absolute;
    right: 5px;
    top: 2px;
    width: 30px;
}
#leftmenu:checked ~ #menu label::after {
    background-image: url("img/x-head-mnav-icou.png");
    z-index: 2;
}
.x-content {
    padding: 0 !important;
    margin-top: 0;
}
.discription .tab .tab-titel{
	display: none !important;
}
.hi-mob {
    display: inline-block !important;
	width: 100%;
}
.hi-mob label{
    float: none !important;
    border-bottom: 1px solid #c2c2c2;
    width: 100%;
    text-align: center !important;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #3d4242;
background: -moz-linear-gradient(top, #3d4242 0%, #04100f 100%);
background: -webkit-linear-gradient(top, #3d4242 0%,#04100f 100%);
background: linear-gradient(to bottom, #3d4242 0%,#04100f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4242', endColorstr='#04100f',GradientType=0 );
}
.discription .tab{
	border: none !important;
}
#x-foot-subm a {
    padding: 0 10px;
    font-size: 14px;
}
#x-conditions p {
    width: 50%;
    float: left;
	text-align: center;
}
#LeftPanel #x-side-news {
    background-size: 100% auto;
}
#x-foot-subm {
    padding-left: 0;
}
}
@media screen and (max-width:768px) {
.product-image-box label {
    max-width: 80px;
    max-height: 80px;
}
.product-image-container {
    width: 94%;
    height: auto;
}	

#x-main-desc > table {
    font-size: 12px;
    width: 100%;
}
#content1{/*display:none !important*/}
#tab11:checked ~ #content1{display:block !important}
.x-paypal-head{display:inline-block; margin:10px 0;}
#CentralArea h1, #x-main h1{height:auto; list-style:24px; background:#0061c8; margin-top:10px;}
#x-main-gall .x-tins{display:inline-block}
}
@media screen and (max-width:670px) {
#x-gall-main {
	float: none;
}
#x-gall-right #x-main-spec {
	width: 100%;
	float: none;
	margin-left: 0;
}
#x-gall-right #x-main-spec .x-tbox {
	margin-bottom: 15px;
}
#x-foot-subm a {
    padding: 0 8px;
    font-size: 12px;
}
#x-foot-copy {
    font-size: 12px;
}
#x-main .x-cat-bottom li {
    display: inline-block;
    margin: 4px;
    max-width: 23%;
}
}

@media screen and (max-width:650px) {
.reasurances {
    height: auto;
	/*margin-bottom:10px;*/
}
.reasurances .reasurance {
    width: 100%;
}
.reasurances span {
    margin: 5px 0;
}
.reasurances .reasurance,
.reasurances .reasurance span {
    line-height: 20px;
}
#x-foot-logo {
    margin-right: 0;
    width: 100%;
    text-align: center;
}
#x-foot-subm {
    padding-left: 0;
    width: 100%;
    text-align: center;
}
#x-foot-subm a {
    padding: 0;
    width: 100%;
    text-align: center;
}
#x-foot-copy {
    padding: 0;
    width: 100%;
    text-align: center;
}
.x-paypal-head {
    float: none;
    margin: 5px 0 0;
}
}
@media screen and (max-width:520px) {
#x-conditions p {
    width: 100%;
}
}
@media screen and (max-width:500px) {
.x-bg .x-nomo {
	display: none !important;
}
#x-temp-bttn {
	display: none !important;
}
#x-main-babg .x-pmob {
	display: block !important;
}
.x-bg #x-main .x-prom {
	display: none !important;
}
#x-head-logo {
    max-width: 90%;
	padding:0;
}
}
 @media screen and (max-width:400px) {
#x-foot-subm a {
	display: block;
	padding-bottom: 5px;
	padding-left: 0;
	padding-right: 0;
	border-right: 0 none;
}
#x-main .x-cat-bottom li {
    margin-right: 0;
}
#x-main .x-cat-bottom li img{
    display: inline-block;
}

}
 @media screen and (max-width:404px) {
#x-main-fcat a img {
	width: 100%;
	max-width: 300px;
	height: auto;
	margin: 0 auto 13px;
display:block;
}

}
 @media screen and (max-width:320px) {
#x-head-srch-bttn.x-ffbn {
	font-size: 11px;
	line-height: 16px;
}
}
