@charset "utf-8";
/* CSS Document */
/* common  */
body{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#3f3f3f; margin:0px; padding:0%; background-color:#E4E4E4; }
a:link, a:visited { color:#3f3f3f; text-decoration:none;}
a:hover, a:active, a:focus{ color:#000; text-decoration:underline;} 
p, h1, h2, h3, h4, h5, h6{ padding:1% 0%; margin:0px;}
p{color:#3f3f3f; line-height:20px;}
/* base pixel is 12px i.e 1em
- 18px : 1.5 em
- 17px : 1.4 em
- 16px : 1.3 em
- 15px : 1.25em
- 14px : 1.16em
- 13px : 1.08em
 */
@font-face {font-family: 'Papyrus-Regular';  src:url('Papyrus-Regular.woff') format('woff'), url('Papyrus-Regular.ttf')  format('truetype'), url('Papyrus-Regular.svg#Papyrus-Regular') format('svg');  font-weight: normal;  font-style: normal;
}
h1{ font-size:1.5em;}
h2{ font-size:1.1em;}
h3{ font-size:1.2em; color:#666666;}
h4{ font-size:1.25em;}
h5{ font-size:1.16em;}
h6{ font-size:1.08em;}
p{ font-size:1em;}

ul li{  margin:0px; padding:0px; list-style:none; }
ul li a{ font-size:1em; }

.fl{ float:left;}
.fr{ float:right;}

/* Structure */
#wrapper{ width:1124px; margin:0px auto;}
#header{ width:99.6%; float:left; padding:0;}
.bottom{width:1124px; margin:0 auto;}
#footer{ width:100%; float:left; padding:0.5% 0%; color:#fff; font-size:11px; background-color:#707070;}
#navigation {padding:0px; width:99.99%; float:left; height:35px;border-bottom: 2px solid #592893;}
#content{ min-height:300px; width:100%; float:left; padding:.5% 0;}
.leftheader { width:34%; padding:0 1% 1% 0;}
.midheader{ width:50%; padding:1.5% 0 0 0; }
.rightheader{ width:63%; padding:6% 0 0; text-align:right; font-size:22px;font-family: 'Papyrus-Regular';  }
.logo{ padding:1%;}
.logotxt{ font-size:17px;vertical-align:middle; padding:13% 1% 0 10%; color:#ccd3dd}
.leftctnt{ width:23%; text-align:center  }
.rightctnt{ width:100%; padding:2% 0% 1% 0%;}
.rightctntleft{float:right; width:30.5%; padding-left:2%;background-color:#707070; border:1px solid #D0D0D0; color:#fff; margin-right:0.5%;margin-top:1%;}
.rightctntright{width:65%; float:left;}
.midctnt{ width:47.5%; background:#777; margin-left:1%;  padding:0% 1%;}
.newsletter{width:98%;}
.code{width:45%;}
.btn{padding:5px 10px; background-color:#192a46; color:#fff; font-weight:bold;margin-top:2%;}
.btn1{padding:5px 10px; background-color:#838383; color:#FFFFFF; font-weight:normal; border:2px solid #CCCCCC; cursor:pointer; border-collapse:collapse;letter-spacing:1px;}
a:link.btn1, a:visited.btn1{color:#fff; text-decoration:none;}
a.btn1{text-decoration:none;}
.btn2{padding:2px 4px; background-color:#192a46; color:#FFFFCC; font-weight:bold; border:#FFFFCC 1px solid; border-collapse:collapse;}
.btnsearch{padding:2px 2px;  color:#fff; background-image:url(../images/arrow.png); background-repeat:no-repeat; width:20px; height:20px; border:none; background-color:transparent;}
.darktop{padding-left:3.5%;}
.dark_box{ background-color: #192A46; color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding: 0 5px; text-align: center;	width:705px; margin-left:3.5%;}
.darkbot{padding-left:3.5%;}
.middle{vertical-align:middle;}
.middle_pan{padding:2% 1% 0% 3.5%; background-color: #34445E; color: #EAEAEA; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; line-height: 18px; margin: 0; border-top:1px solid #a5b0c2; }
.right_pan{padding:0; line-height:18px;}
.btmlink{font-weight:bold;}
.link{font-size:12px;}
#searchbox{width:85%;}
select{width:100%;}
.midbox{height:auto; margin-left:0; text-align:left;  padding:0% 2%;}
.midbox1{background:url('../images/mid1.jpg') repeat-y;margin-left:7%; text-align:left;  padding:4% 0 0 8%;}
.midbox2{width:100%; margin-left:1%; text-align:left;  padding:4% 0 0 0%; text-align:left;}
.midboxtop{background:url('../images/top.gif') no-repeat; width:196px; margin-left:7%; height:13px;}
.midbox1top{background:url('../images/top1.gif') no-repeat; width:196px; margin-left:7%; height:10px;}
.midboxbot{background:url('../images/bot.gif') no-repeat; width:196px; margin-left:7%; height:11px;}
.midbox1bot{background:url('../images/bot1.gif') no-repeat; width:196px; margin-left:7%; height:12px;}
.botleft{float:left; width:35%; text-align:center}
.botmid{float:left; width:25%; text-align:center}
.botright{float:left; width:35%; text-align:center}
.botleft p, .botmid p, .botright p{color:#fff;}
.yellow{color: #FFFFCC;}
.yellowfont { color: #FFFFCC; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; }
.frm{line-height:30px; font-weight:bold;}
.sequence{background-image:url('../images/frame.png'); background-repeat:no-repeat;height:350px;width:450px;padding:10px;}
.show img{width:429px; height:335px;}
.txtleft{width:75.5%; padding-right:2%;}
.imgright{width:22.5%;}
.txtfull{width:100%;padding:0;}
.cleft{width:53.5%; padding-right:2%;}
.imgright1{width:44.5%;}
.contleft{width:62%;}
.contright{width:36%;}
.banner{font-size:14.3px; font-weight:bold;}
#footer a:link, #footer a:visited { color:#fff; text-decoration:none;}
#footer a:hover{ color:#ccc; text-decoration:underline;} 
INPUT.text_box {border: 1px solid #D2DBDF; color: #000000; font-size: 7pt; font-weight: normal;}
input.text{ border: 1px solid #D2DBDF; color: #000000; font-size: 7pt; font-weight: normal; width:180px;}	
textarea{width:330px; height:130px;}
.border{border:1px solid #7E8693; float:left; padding:2%;}
/* vmenu */
.lmenu{width:100%;}
ul.nav {margin:0; list-style:none; padding:0; height:auto; width:84%; font-weight:bold; font-size:10px;}
ul.nav li {float:left; padding: 2% 0%; border-bottom:dotted 0px #333333; width:94%;}
ul.nav li a.first {float:left; padding: 2% 0%;  border-top:dotted 0px #333333; 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.nav li a:hover { color:#fff;}
ul.nav li a.current {color:#fff; }
ul.nav li.last {padding:0 !important}

ul.navnew {margin:0; list-style:none; padding:0; height:auto; width:84%; font-weight:bold; font-size:10px;}
ul.navnew li {float:left; padding: 2% 0%; border-bottom:dotted 1px #333333; width:94%;}
ul.navnew li a.first {float:left; padding: 2% 0%; border-top:dotted 1px #333333; 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 }
ul.navnew li a:hover { color:#fff;}
ul.navnew li a.current {color:#fff; }
ul.navnew li.last {padding:0 !important}

/* Category */
.wc_box{ width:100%; }
.c_box{ width: 24%; border:solid 1px #D0D0D0; margin:1% 1% 0% 0%; min-height:324px; background-color:#F1F1F1}
.c_image{ width: 98%; text-align:center; padding:1%;  min-height:200px; }
.c_txt { width: 98%; text-align:center; padding:0 1% 1% 1%; font-size:1em; height:100px;}

/* Product*/
.wp_box{ width:100%;}
.p_box{ width: 16.7%; margin:1% 0 1% 2%; padding:1%;height:auto; border:1px solid #D0D0D0;background-color:#F1F1F1;}
.p_boxleft{ width: 59%;  height:auto; padding:1%; border:1px solid #D0D0D0;background-color:#F1F1F1;}
.p_boxright{width:37%;line-height:24px; border:1px solid #D0D0D0;background-color:#F1F1F1;}
.p_image{ width: 100%; text-align:center; padding:1% 0%;  min-height:400px; }
.p_txt { width: 98%; text-align:center; padding:0 1% 1% 1%; font-size:1em;  height:20px;}

/* wishlist */
.ww_box{ width:100%; }
.w_box{ border-bottom: 1px solid #4A4A4A; height: auto;margin: 1%;width: 98%;}
.w_image{ height: 150px;padding: 0;text-align: left;width: 18%;}
.w_txt {font-size: 1em;height: auto;padding: 0 1% 1%;text-align: left;width:80%;}


.toggleMenu{display:none;padding:1% 0% 1% 2%;color:#fff;text-decoration:none;font-weight:normal;width:98%; background-color:#3F3F3F;}
a.toggleMenu{color:#fff;text-decoration:none;}
a:hover.toggleMenu{color:#fff;text-decoration:none;}
.navgeneral:before,
.navgeneral:after{content:" ";display:table;}
.navgeneral:after{clear:both;}
.toggleMenuleft{display:none;background:#D3CBC0;padding:1% 8%;color:#3c3d3c;text-decoration:none;font-weight:bold;width:84%; text-align:left}
a.toggleMenuleft{color:#3c3d3c;text-decoration:none;}
a:hover.toggleMenuleft{color:#3c3d3c;text-decoration:none;}
.navnews:before,
.navnews:after{content:" ";display:table;}
.navnews:after{clear:both;}
.wcat_box{ width:100%;}
.cat_box{ width: 15.9%; border:1px solid #D0D0D0; margin:0 0.5% 0.5% 0; min-height:315px; background-color:#F1F1F1;}
.cat_image{ width: 98%; text-align:center; padding:1%;  min-height:240px; }
.cat_txt { width: 96%; text-align:center; padding:0 2% 1% 2%; font-size:1em; min-height:70px;}
#centeredmenu{clear:both;float:left;margin:0;padding:0;width:100%;font-size:1em;z-index:1000;position:relative;}
#centeredmenu ul{margin:0;padding:0;list-style:none;float:left;position:relative;}
#centeredmenu ul li{margin:0;padding:0;float:left;position:relative;top:0;}
#centeredmenu ul li a{display:block;margin:0;padding:.5em 1.1em .5em;font-size:1em;line-height:23px;text-decoration:none;color:#444; text-transform:uppercase;}
#centeredmenu ul li.active a{color:#592893; font-weight:bold;}
#centeredmenu ul li a:hover{color:#592893;}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a{color:#592893;}
#centeredmenu ul ul{display:none;position:absolute;top:2.9em;left:0;right:auto;width:27em;}
#centeredmenu ul ul li{left:auto;margin:0;clear:left;width:100%;z-index:1500;}
#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{font-size:1em;font-weight:normal;background:#F1F1F1;color:#444;line-height:1.4em;border-bottom:1px solid #ddd;}
#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{background:#696969;color:#fff;}
#centeredmenu ul ul.last{left:auto;right:0;}
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul{display:block;}
.log{width: 48%; padding-right:2%;}
.registn{width: 48%;}
.fleft {
    padding: 2% 3% 3% 0;
    width: 34%;
}

.fmid {
    padding: 2% 0 3% 0;
    width: 35%;
}

.fright {
    padding: 2% 0 3% 0;
    width: 28%;
}
.mirleft{width:50%;}
.mobile{display:none;}
.browse{display:block;}