@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1060px) {
#wrapper{width: 95%;}
#content{width: 100%;}
.darktop img{width:98%}
.dark_box{width:93.1%}
.darkbot img{width:98%}
#centeredmenu ul li a{padding:0.5em 0.5em;}
.cat_image img{width:100%;}
.c_image img{max-width:220px !important; max-height:195px !important;}
#mainlink img{width:95%; height:auto;}
.cat_image{min-height:200px;}
.cat_box{min-height:280px;}
.bottom{width:100%;}
.txtleft{width:71% !important;}
.imgright{width:26%;}
.imgright img, .imgright1 img{max-width:100%;width:auto;height:auto;}
iframe{width:100%;}
input[type="submit"], input[type="button"], input[type="reset"]{-moz-appearance: none;-webkit-appearance: none;appearance: none;cursor: pointer;border-radius:0; margin:0;}
}
@media screen and (max-width: 1024px) {
#centeredmenu ul li a{padding:0.5em 0.3em;}
}
@media screen and (max-width: 980px) {
#wrapper{width: 95%;}
#header{height: auto;}

#centeredmenu ul li a{padding:0.5em 1em;}
.c_image img{max-width:210px !important; max-height:195px !important;}
#sthoverbuttons{display:none;}
.cat_image img{max-height:240px;}
#navigation{height:auto;}
}
@media screen and (max-width: 782px) {.cat_image img{max-height:200px;}
#wrapper{width: 95%;}
#header{height: auto;}


.cat_box{width:15.8%; min-height:260px;}
.cat_image{min-height:150px;}
.botleft{width:30%;}
.botright{width:40%;}
.c_image img{width:100%;}
.c_box{width:23.9%; min-height:375px;}
.c_txt{height:165px;}
.p_box{margin:1% 0 1% 1%;}
.btn1{display:inline-block; margin-bottom:1%;}
.w_image img{width:100%; height:auto;}
.leftheader{width:42%;}
.leftheader img{width:auto;max-width:100%; height:auto;}
.rightheader{width:56%;}
h3{font-size:1.1em;}
#centeredmenu ul li a{padding:0.5em 0.6em;}
}
@media screen and (max-width: 767px) {.cat_image img{max-height:190px;}
}
@media screen and (max-width: 750px) {.cat_image img{max-height:180px;}
}
@media screen and (max-width: 681px) {body{font-size:0.85em;}
#content{padding:0;}
.active{display: block;}
.toggleMenu {display: block;position: relative; font-size:1.2em;margin:-50px 0 0;padding:0 0 10px 15px;width:25px;height:25px; float:right;}
a.toggleMenu:after{content:"";background:url('../images/nav-icon.png') no-repeat;width:30px;height:30px;display:inline-block;position:absolute;left:10px;top:7px;}  
.navgeneral > li {float:none;}
.navgeneral ul{display: block;width:100%;}
.navgeneral > li.hover > ul, .navgeneral li li.hover ul{position:static;}
.toggleMenuleft {display: block;position: relative;}
a.toggleMenuleft:after{content:"";background:url('../images/nav-icon1.png') no-repeat;width:30px;height:30px;display:inline-block;position:absolute;right:83px;top:5px;} 
.navnews > li {float:none;}
.navnews ul{display: block;width:100%;}
.navnews > li.hover > ul, .navnews li li.hover ul{position:static;}
#wrapper{width: 95%; margin:0 auto;}
#header{height: auto;}
#content{width:100%;float: left;}
#navigation {height:auto; border-bottom:none;}
.leftheader {width:100%; height:auto;}
.midheader{width:100%;}
.rightheader{ width:100%;}
.rightheader p{text-align:center;font-size:1.4em;word-wrap:break-word; white-space:normal;}
.logotxt{vertical-align:middle; padding:13% 1% 0 10%; color:#ccd3dd}
.leftctnt{ width:100%; text-align:center  }
.rightctnt{ width:99.5%;padding:0% 0.5% 1% 0%;}
.rightctntleft{float:left; width:96%; padding:2%;}
.rightctntright{height:auto;width:96%;padding:10px; float:right;}
.midctnt{ width:47.5%; background:#777; margin-left:1%;  padding:0% 1%;}
.newsletter{width:62%;}
.code{width:36%;}
.btn{padding:5px 10px; background-color:#192a46; color:#fff; font-weight:bold;margin-top:4%;}
.btnsearch {background-color:transparent;color:#FFFFFF;padding:2px;background-size:30px 30px;width:30px;height:30px;}
.btn1{padding:5px 10px;}
.btn2{}
.inputsearch{height:30px;width:80%;}
select {height:30px;width:100%;}
.midbox p{color:#374C73 !important;font-size:1.4em !important;padding:2% 0 !important;}
iframe{width:100% !important;}
.midbox1{min-height:auto;}
.lmenuimg{display:none;}

.darktop{padding-left:2.5%; width:95%;}
.dark_box{ background-color: #192A46; color: #FFFFFF; font-family: Arial,Helvetica,sans-serif;padding: 0 5px; text-align: center;	width:91%; margin-left:2.5%;}
.dark_box p{line-height:25px;}
.darkbot{padding-left:2.5%; width:95%;}
.middle_pan{padding:2% 1% 0% 2.5%; background-color: #34445E; color: #EAEAEA; font-family: Verdana,Arial,Helvetica,sans-serif;line-height: 18px; margin: 0; border-top:1px solid #a5b0c2; }
.btmlink{font-weight:bold;}
.link{font-size:1em;}
.midbox{height:auto; float:left; margin-left:0%; text-align:left;  padding:0% 0 0 2%; width:90%;}
.midbox1{height:auto; float:left; margin-left:0%; text-align:left;  padding:0% 0 0 2%; width:90%;}
.midbox2{height:auto; float:left;width:99.5%; margin-left:0%; text-align:left;  padding:0%; text-align:center; min-height:auto;}
.midboxtop{display:none;}
.midbox1top{display:none;}
.midboxbot{display:none;}
.midbox1bot{display:none;}
.botleft{float:none; width:98%; text-align:center}
.botmid{float:none; width:98%; text-align:center}
.botright{float:none; width:98%; text-align:center}
.logotxt{padding:1% 1% 0 0%; color:#ccd3dd}
.frm{padding:2% 0;}
#gallery a.show{width:97%;}
#gallery{width:96%; height:335px;}
#gallery a img{height:335px; width:98%;}
.sequence{background-image:url('../images/frame.png'); background-repeat:no-repeat; background-size:100% 350px;padding:10px;}
.txtleft, .cleft{float:none; width:99% !important;}
.imgright, .imgright1{float:none; width:99%;}
INPUT.text_box {width:60%;}
input.text{width:90%;}	
textarea{width:98%; height:20%;}
.link{}
.banner{font-weight:bold;}
.frm h2{font-size:1em; text-align:left !important;}


p{line-height:23px;}
h1{ line-height:30px; font-weight:normal;}
h2{ line-height:25px;}
h3{}
img{width:auto;max-width:100%; text-align:center; height:auto;}	
#footer{font-size:1em;}
/*category*/
.wc_box{ width:99%; padding:0%;}
.cat_box{ width: 100%; margin:0; padding:0; min-height:inherit; height:auto;}
.cat_image{ width: 98%;  min-height:inherit; height:auto;}
.cat_txt { width: 96%; min-height:inherit; height:auto;}


/*product*/
.wp_box{ width:99%; }

ol {margin:0; padding:10px 10px 10px 50px;text-align: left;}
ol li{}

table{width:98% !important}

/*hn-menu*/
nav {height: auto; }  
nav ul {width: 100%; display: block; height: auto;}  
nav li {width: 50%; float: left; position: relative;}  
nav li a {border-bottom: 1px solid #576979; border-right: 1px solid #576979;}  
nav a { text-align: left; width: 100%; text-indent: 25px; line-height:40px; }

/* vn_menu*/

ul.nav {margin:0; list-style:none; padding:0; height:auto; width:98%; font-weight:bold;}
ul.nav li {float:left; padding: 0% 0%; width:98%;}
ul.nav li a.first {float:left; padding: 2% 0%;width:100%;}
ul.nav li a { color:#333333; text-transform:uppercase; padding:2% 0%; height:auto; float:left;  text-decoration:none; width:95%; text-indent:0%; text-align:left }

ul.navnew {margin:0; list-style:none; padding:0; height:auto; width:98%; font-weight:bold;}
ul.navnew li {float:left; padding: 0% 0%;width:98%;}
ul.navnew li a.first {float:left; padding: 2% 0%; border-top:none; width:100%;}
ul.navnew li a { color:#ECE8BE; text-transform:uppercase; padding:2% 0%; height:auto; float:left;  text-decoration:none; width:95%; text-indent:0%; text-align:left }


/* v_menu*/
.navigation {width:100%; }

/* Category */
.wc_box{ width:100%; padding:0%;}
.c_box{ width: 100%; border:solid 1px #737373; margin:0%; height:auto; }
.c_image{ width: 98%; text-align:center; padding:1%;  height:auto; }
.c_txt { width: 98%; text-align:center; padding:0 1% 1% 1%;  height:auto;}
.c_image img {height: auto !important;width: 100% !important; max-height:inherit !important; max-width:inherit !important}
/* Product */
.wp_box{ width:100%;}
.p_box{ width: 98%; margin:2% 0; height:auto;}
.p_boxleft{ width: 97%;  height:auto;}
.p_boxright{ width: 100%; line-height:24px; }
.p_image{ width: 98%; text-align:left; padding:2%;  height:auto; min-height:inherit; }
.p_txt { width: 98%; text-align:center; padding:0 1% 1% 1%; font-size:1em;  height:20px;}
#centeredmenu ul li{width:49%;}
#centeredmenu ul ul{top:2em; width:15em;}
#mainlink img{width:97%; height:auto;}
.btmlink{font-weight:normal;}
.mirleft{width:98%;}
select{font-size:1em;padding:5px;height:40px;}
#centeredmenu ul li a img{display:none;}
#centeredmenu{border-top:1px solid #d0d0d0;}
.mobile{display:block;}
.browse{display:none;}
.mobile img{height:28px;width:auto; vertical-align:middle;}
.cat_image img{max-height:inherit;}
.leftheader{text-align:center;}
.rightheader{padding:0 0 2%;}
.rightheader p{padding-top:0 !important;}
.inputsearch{font-size:1em;padding:5px;}
.newsletter{font-size:1.4em;padding:5px;}
#searchbox{width:83%;}
.btnsearch{width:25px;height:25px;background-size:25px 25px;}
.p_boxright{display:none;}
}

@media screen and (max-width: 494px) {
html {-webkit-text-size-adjust: none;}
ul.nav {font-weight:bold; }
ul.navnew {font-weight:bold;}
.btnsearch{}
.frm{}
.btn{}
.btn2{}
h2{}
#gallery a img{height:335px; width:97%;}
.rightheader p{font-size:1em;}
/* h_menu */
#centeredmenu{position:static; width:98%; padding:1% 1%; }
#centeredmenu ul{margin:0;padding:0;list-style:none;float:none;position:relative;}

#centeredmenu ul li{float:none; width:98%;}
#centeredmenu ul li a{padding:2% 3%; font-weight:normal;}
#centeredmenu ul ul li a{ padding:0.3em 1em}
#centeredmenu ul li a.under{padding:.65em 0em; color:#fb851b;float:none; text-align:center}
#centeredmenu ul ul.last{margin-left:0%;left:0 !important; right:auto !important}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover {margin-left:15%; z-index:5000; }
#centeredmenu ul ul li a, #centeredmenu ul li.active li a, #centeredmenu ul li:hover ul li a, #centeredmenu ul li.hover ul li a{}
#centeredmenu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:1em; 
   left:0;  z-index:5000;}
#centeredmenu ul ul li{ }
#centeredmenu ul ul li a {margin-left:15%; z-index:5000; width:100%; }

/* hn_menu */
nav {border-bottom: 0;}  
nav a{line-height:40px;}
nav ul {display: none; height: auto; } 
nav a#pull {display: block; background-color: #283744; width: 100%; position: relative;  color: #fff;}  
nav a#pull:after{content:"";background: url('../images/nav-icon.png') no-repeat; width: 30px; height: 40px; display: inline-block; position: absolute;right: 15px; top: 10px;} 
.w_image{width:100%; height:auto; min-height:inherit;}
.w_txt{width:100%; height:auto; min-height:inherit;}
.log{width:100%;}
.registn{width:100%;}
.logout{float:left !important; white-space:normal; word-wrap:break-word; width:100%;}
iframe.enqiframe{height:2000px;}
iframe.paypaliframe{height:2500px;}
.right_pan .fr{float:none;}
}

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

}
@media only screen and (max-width : 389px) { #centeredmenu ul{margin-top:40px;}
.toggleMenu{margin-top:0px;}
}
@media only screen and (max-width : 334px) {  
 /* hn_menu */
nav li{display: block; float: none; width: 100%;}  
nav li a{border-bottom: 1px solid #576979;}   
.border{width:96%; white-space:normal; word-wrap:break-word; }
.right_pan{width:96%; white-space:normal; word-wrap:break-word; }
.fmid{width:98%;}
.fright{width:98%;}
h2, h3{font-size:1em;}
h1{font-size:1.4em;}
.w_txt img{width:60%; height:auto;}
#searchbox{width:81%;}
.right_pan .fl{width:100% !important;}
.right_pan .fr{width:100% !important;}
.scrollable{float:none;width:100%;overflow:scroll;overflow-y:hidden;}
.right_pan table td td{font-size:0.8em;}
}  

.video embed,
.video object,
.video iframe {width: 100%;height: auto;}
html {-webkit-text-size-adjust: none;}