﻿body{background: #fff;font-size: .75em;font-family: tahoma;margin: 0;padding: 0;color: #666666;}
#mainPanel {width:100%;display:block;position:relative;}
#main{margin: 0 0 0 24px;padding: 10px 10px 10px 10px;color:#fff;position:relative;}
#main h1 {width:400px;margin:0;font-family:Arial;font-size:20pt;font-weight:bold;color:#fff;}
#inside {text-align:justify;color:#666666;margin:15px 0 15px 0;padding:13px;background-color: #fff;font-size:10pt;line-height:18px;}
#header{display:block;margin: 15px 0 10px 0;color: #000;padding: 0;}
#header h1{font-weight: bold;padding: 5px 0;margin: 0;color: #fff;border: none;line-height: 2em;font-family: Arial, Helvetica, sans-serif;font-size: 32px !important;}
#mainshadow{height:30px;margin: 0 0 0 25px;background:url(/images/downmirror.gif) no-repeat top;}
#maininside {padding:15px;height:100%;_height: 1px; }

#footer{font-family:Tahoma;	font-size:8pt;width:80%;color: #999;padding: 10px 50px;text-align: center;line-height: normal;margin: 0;}
#footer span {text-align:right;float:right;margin:0 115px 0 0;}
#footer h1 {color:#666666;font-family:Tahoma;font-weight:bold;font-size:10pt;}
#footer a {color:#666666;text-decoration:none;}
#footer a:HOVER{color:#000;text-decoration:underline;}



.page{width: 970px;margin-left: auto;margin-right: auto;}
.b_gray1 {background:#fb0033 url(/images/back003.gif) repeat-x;}


h4 {color:#cf0033;font-size:28px;font-weight:bold;font-family:Arial;margin:20px 0 20px 0;}
select {font-family:Tahoma;}

.tb1 {background:#eee url(/Contents/toolbar.gif) repeat-x;padding:5px;height:20px;}
.tb1 h2{margin:0px;font-family:Tahoma;font-size:12pt;font-weight:bold;color:#444;float:right;}

.rightbar {width:640px;float:right;font-size:10pt;}
.leftbar {width:240px;background-color:#fff;float:left;font-size:10pt;}
/*
.leftbar h2 {color:#666666;padding:5px; margin:0; border-bottom:solid 1px #666666;font-family:Arial;font-size:14pt;}
*/



#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}


.gvp {display:none;}



div.sidemenu { font-size:10pt; color:#666666;background-color:#fdeed0;padding:10px;}
div.sidemenu a {line-height:25px;height:30px;display:block;width:100%;text-decoration:underline;color:#666666;clear:both}
div.sidemenu a img{border:0px; float:right;margin:5px;height:20px;width:20px;display:block;}
div.sidemenu a:HOVER {color:#000;}

.waved {text-decoration:line-through;}
.nprice {color:Red;font-weight:bold;}

.bck1 {background:#fdeed0;}
.bck2 {background:#fee1e1;}
.bck3 {background:#eeeeee;}
.bck4 {background:#fff9f9;}
.bck5 {background:#fdf1f1;}
.bck6 {background:#fdf1f1 url(/images/bck-6.gif) repeat-x top;}
.bck7 {background:#90adff url(/images/bck-7.gif) repeat-x top;}
.bck8 {background:#f5f5f5;}
.bck9 {background:#ccc;}

.brdr1 {border:1px solid #fee1e1;}
.brdr2 {border:1px solid #000;}

/* Buttons */
.btn1 {width:120px;height:29px;border:0;background:url(/images/btn-1.gif) no-repeat center;font-family:Tahoma;font-size:10pt;color:#ccc;text-align:center;padding:0 5px 5px 0;cursor:pointer;font-weight:bold;}
.btn5 {width:120px;height:29px;border:0;background:url(/Contents/btn005.gif) no-repeat center;font-family:Tahoma;font-size:10pt;color:#000;text-align:right;padding:0 5px 5px 0;cursor:pointer;}
.btn2 {width:104px;height:29px;border:0;background:url(/images/btn010.gif) no-repeat center;font-family:Tahoma;font-size:10pt;color:#000;text-align:right;padding:0 5px 5px 0;cursor:pointer;text-align:center;margin-top:4px;}
.btn3 a{height:45px; width:160px;padding:10px 10px 0 0;background:url(/contents/btn001.gif) no-repeat top;display:block;font-size:16pt;text-decoration:none;color:#000;text-align:center;line-height:30px;}
.btn3 a:HOVER {padding:10px 10px 0 0;color:#666666; text-decoration:underline;}
.btn6 {width:120px;height:29px;border:0;background:url(/Contents/btn006.gif) no-repeat center;font-family:Tahoma;font-size:10pt;color:#fff;text-align:right;padding:0 5px 5px 0;cursor:pointer;text-align:center;}
.btn30 {text-align:center;display:inline-block; font-size:8pt;text-decoration:none;color:#666;width:140px;height:30px;padding:1px;float:left;border-right:solid 1px #666666;font-weight:bold;}
.btn30:HOVER {background:url(/contents/toolbarbtn.gif);color:#000;}
.btn30 IMG{border:0;width:20px;float:right;margin:6px 6px 0 4px;}
.btn30 span{margin:6px 0px 0 0;display:inline-block;float:right;}
.btn31 {text-align:center;display:inline-block; font-size:8pt;text-decoration:none;color:#666;width:130px;height:30px;padding:1px;float:left;border-right:solid 1px #666666;font-weight:bold;}
.btn31:HOVER {background:url(/contents/toolbarbtn.gif);}
.btn31 IMG{border:0;width:20px;float:left;margin:6px 6px 0 8px;}
.btn31 span{margin:6px 10px 0 0;display:inline-block;float:right;}
button.next01 {height:31px;background:url(/images/next01.gif) no-repeat left ;text-align:right;width:100px;border:0px;font-family:Tahoma;font-size:8pt;color:#666666;cursor:pointer;margin:5px;}
button.last01 {height:31px;background:url(/images/last01.gif) no-repeat right ;text-align:left;width:100px;border:0px;font-family:Tahoma;font-size:8pt;color:#666666;cursor:pointer;margin:5px;}





.btnlink {font-size:10pt;text-decoration:none;color:#666666;margin:5px;}
.btnlink img {Border:0px; margin:0 0 0 5px;}
.btnlink:HOVER {text-decoration:underline;color:#000;}

.btl {font-size:10pt;text-decoration:none;color:#666666;margin:5px;}
.btl img {Border:0px; margin:0 0 0 5px;}
.btl:HOVER {text-decoration:underline;color:#000;}

.btl2 {font-size:10pt;color:#666666;margin:5px;}
.btl2:HOVER {color:#000;}


.btl3 {font-size:10pt;text-decoration:none;color:#fff;margin:5px;}
.btl3 img {Border:0px; margin:0 0 0 5px;}
.btl3:HOVER {text-decoration:underline;color:#cccccc;}
.btl4 {font-size:10pt;text-decoration:none;color:#fff;margin:5px;background:#fb0033;padding:10px;}
.btl4:HOVER {text-decoration:underline;color:#fff;background:#cf0033;}



.toolbar {height:30px;border-bottom:2px solid #fdd9d9;text-align:left;background-image:url(/Contents/toolbar.gif);position:relative;color:#fff;}
.toolbar .lnks {float:right;height:30px;line-height:30px;color:#666;}
.toolbar .lnks a{font-size:8pt;text-decoration:none;color:#666666;margin:5px;}
.toolbar .lnks a:HOVER{text-decoration:underline;color:#000;}


/* Navigation */
#nav {float:right;margin: 50px 0 0 0;font-family: Arial;font-size: 16pt;width:600px;}
#nav span {text-align:center;float:right;width: 100px;height:52px;margin:0;padding:0;}
#nav a {height:42px;padding: 10px 0px 10px 0;display: block;	text-decoration: none;	font-weight: bold;	color: #666666;	border: none;background: url(/images/nav2.png) no-repeat center;}
#nav a:hover {background: url(/images/nav1.png) no-repeat center;color:#fff;}
#nav a.active{ background: url(/images/nav1.png) no-repeat center;	color:#fff;}


/* Main Elements */


div#logo{margin: 0 0px 15px 0;text-align:left;width:156px;height:84px;float:left;background:url('/contents/logo.png') no-repeat;}

.clear{clear: both;height:1px;overflow: hidden;}
.working {background-color:#666666;position: absolute; z-Index:500; top:0px;left:0px;text-align:center;}
.working IMG{position:absolute;}



input.text{padding:3px;color:#666666;border:solid 1px #ccc;font-family:Tahoma;}
input.text:focus {border:solid 1px #000;background:url(/images/inpbck01.gif);}


div.tips { background-color:#ffe4ae;padding:8px;font-size:10pt;font-weight:bold;color:#444444;line-height:18px;}
div.tips img {float:right;margin:0 0 0 10px;}


.lb2{ float:left;width:530px;padding:5px;}
.rb2{float:right;width:340px;  }

.pd10{padding:10px;}
.pd20{padding:20px;}

#imgplayer {float:right;width:504px;height:271px;position:relative;margin:0;}    
#imgplayer img {border:solid 2px white;}
#imgplayer .detail {font-family:Tahoma;font-size:12pt;font-weight:bold;padding:10px 10px 0 0; position:absolute;top:229px;right:2px; background-image:url(/contents/black20p.png);width:390px;height:30px;color:White}
#imgplayer .detail a {color:#fff;font-size:8pt;font-weight:normal;text-decoration:none;}
#imgplayer .detail a:HOVER {color:#fefc8b;text-decoration:underline;}
    
#tablo { float:right;width:315px;height:300px;}
#tablo .text {margin-right:30px;}
#tablo h1 {font-family:Tahoma;font-size:24pt;color:#fddf49;display:inline;}
#tablo h2 {margin:2px;}
#tablo li{color:#fff;font-size:14pt;line-height:25px;}
.HPH {float:right;width:195px;margin:5px;padding:0px;text-align:center;background:#fff;background:url('/images/h-back.gif') no-repeat;}
.HPH img{margin:15px 5px 5px 5px;width:150px;}
.HPH h2{margin:0px;margin-bottom:5px;padding:0px;font-size:11pt;color:#000;text-align:center;}
.HPHac h2{color:Red;}


.alertdiv {display:block;background-color:#fed889;padding:5px;color:#000;font-size:11pt;}
.alertdiv img{margin:5px;float:right;}
.alertdiv span {padding:5px;display:block;margin:5px;}
h3.sucess {padding:0 30px 0 0;margin:10px;background:url('/images/ok_icon4.gif') no-repeat right center;font-size:10pt;color:green;font-weight:bold}
div.alert {background:url('/images/informationicon.png') no-repeat right center;height:100px;text-align:center;}
div.alert .msg{padding:20px 100px 5px 5px;font-size:12pt;font-weight:bold;color:#666666;}
div.alert .btn{margin:20px;font-family:Tahoma;}
div.cerror {background:url('/images/erroricon.gif') no-repeat right center;height:100px;text-align:center;}
div.cerror .msg{padding:20px 100px 5px 5px;font-size:12pt;font-weight:bold;color:#666666;}
div.cerror .btn{margin:20px;font-family:Tahoma;}
.alertdiv {display:block;background-color:#eeeeee;padding:10px;}
.alertdiv img{margin:10px;float:right;}
.alertdiv span {font-weight:normal;padding:10px;display:block;margin:10px;}


.themes {background:#eeeeee;border:solid 2px #eeeeee;margin:auto;width:95%}
.themes .header{font-size:14pt;font-family:Tahoma;cursor:pointer;}




/* View */

#slideshow {position:relative; display:block;height:480px;padding:10px;}
#slideshow div {left:10px;position:absolute;width:100%;height:480px;margin:auto;background-position:center;background-repeat:no-repeat;}
#slideshow div img{margin:auto;display:inline;}
#slideshow div h3 {display:block;margin:10px;}

.slideShow .listHolder{background:#ccc;text-align:center;}
.slideShow .list {width:90%;height:155px; overflow-x:scroll;background:#ccc;margin:auto;}
.slideShow .list td {width:120px;height:120px;border:1px solid #eeeeee;text-align:center;}
.slideShow .list td img{display:block;}
.slideShow .list td.active {border:solid 1px #000;}
.slideShow .list .item div{width:120px;height:100px;text-align:center;}
.slideShow .list .item div img{display:block;margin:auto;}

.adPanel {display:block;font-size:8pt;padding:5px;background-color:#fcefef;}
.adPanel .img{background:url(/contents/albums.gif) no-repeat top right;width:120px;height:100px;margin:5px;float:right;}
.adPanel .img div{width:115px;height:100px;}
.adPanel .detail{float:right;width:450px;text-align:right;}
.adPanel .detail h2 {margin:10px 0 10px 0;}
.adPanel .detail a{display:block;color:#888;text-decoration:none;}
.adPanel .detail a:hover{display:block;color:#666;text-decoration:underline;}
.adPanel .owner {margin:5px;float:left;width:200px;text-align:left;}
.adPanel .owner a{font-weight:bold;font-size:10pt;display:block;clear:left;}
.adPanel .owner img{display:block;float:left;}

/* Upload */
div.albumdetail1 {display:block;font-size:8pt;padding:5px;width:160px;text-align:center;margin:auto;}
div.albumdetail1 div.img{background:url(/contents/albums.gif) no-repeat top right;width:120px;height:100px;margin:auto;}
div.albumdetail1 div.inside{width:115px;height:100px;background-position:center;background-repeat:no-repeat;}


.progress {height:20px;width:300px;border:1px solid #cccccc;text-align:left;margin:auto;position:relative;}
.progressinside {width:0%;height:100%;background-color:Red;}
.progress span{margin:auto;position:absolute;top:0px;left:50%;}

/* Products */
.productHolder {margin:10px;font-size:10pt;padding:5px;text-align:right;width:85%;border:1px solid #fff;}
.productHolder .detail {float:left;width:60%;}
.productHolder h2{margin:10px 0 10px 0;text-align:right;font-family:tahoma;font-size:14pt;font-weight:bold;color:#e5627d}
.productHolder a{display:block;clear:both;text-decoration:none;color:#e5627d}
.productHolder a:hover{color:#666;}
.productHolder img{margin:10px; display:block;float:right;border:0px;}
.productHolderHOV {border:1px solid #ccc;}


.slp1 {width:640px;background-color:#fff;}
.dacslp1 {display:none;}

.wBck {background:url(/images/waiting_indic2.gif) no-repeat middle;}


.tabular {margin:auto;}/*fff9f9*/
.tabular div.tabholder a.header {padding:6px 10px 5px 10px;margin:0px 0px 0 5px;background-color:#fff9f9;float:right;text-decoration:underline;color:#666666;border-bottom:solid 2px #fff;}
.tabular div.tabholder a.header:HOVER {background-color:#fdf1f1; float:right;}
.tabular div.tabholder a.active {background-color:#fdf1f1; border-bottom:0px;color:#000;text-decoration:none;border-bottom:solid 2px #fdf1f1;}
.tabular div.body {background-color:#fdf1f1;clear:both;padding:5px 0 5px 0 ;}
.tabular div.tabholder{padding:0 15px 0 0;clear:left;}

/* Lists */
.lstitm03 {width:150px;height:180px;padding:5px;border:solid 2px #eeeeee; float:right;margin:5px;cursor:pointer;}
.lstitm03 img {display:block;margin:10px auto;}
.lstitm03 span {font-size:14pt;font-weight:bold;}
.lstitmh03 {border:solid 2px #fd0033; }
.lstitm00 {border:dotted 1px #fff;cursor:pointer;display:inline-block;width:140px;float:right;text-align:center;margin:5px 10px 5px 10px; font-size:8pt;padding:5px;}
.lstitm00 input{float:right;}
.lstitm00 div.img{background:url(/contents/albums.gif) no-repeat top left;display:block;width:120px;height:100px;margin:5px auto;}
.lstitm00 div.img div {width:115px;height:100px;}

.lstitm01 {border:solid 1px #fff;cursor:pointer;display:inline-block;width:110px;float:right;text-align:center;margin:8px;font-size:8pt;padding:5px;}
.lstitm01 div.img{display:block;width:85px;height:100px;margin:5px auto;}
.lstitm01 div.pimg{display:block;height:110px;width:110px;margin:5px auto;text-align:center;}
.lstitm01 div.pimg img {width:110px;height:110px;}
.lstitm01 a {display:block;font-size:10pt;color:#888;}

.lstitm11 {border:solid 1px #eee;margin:11px;padding:5px;width:120px;height:120px;float:right;text-align:center;position:relative;cursor:pointer}
.lstitm11 a {font-size:10pt;color:#666;margin:0px;text-decoration:none;}
.lstitm11 a:HOVER {text-decoration:underline;}
.lstitm11 .img {width:70px;height:70px;margin:auto;}
.lstitm11 .status {height:20px;text-align:left;}
.lstitm11 .img img {margin:auto;}
.lstitm11 a.icon {position:absolute;top:0px;right:0px;display:inline;}
.lstitm11 a.icon img {margin:auto;width:20px;height:20px;}
.lstitm11 input {display:block;margin:auto auto 5px auto;}

.lstitm13 {direction:ltr;font-size:10pt;}
.lstitm13 div {height:30px;}

.lstitmh00 {border:solid 1px #fff9f9 ;background:#e9efff;}
.lstitms00 {border:solid 1px #fdf1f1;background:#fdf1f1}



.paging {line-height:20px;padding:5px;text-align:left;font-size:10pt;}
.paging a{text-decoration:none;color:#666666;font-size:10pt;}
.paging a:hover{text-decoration:underline overline;color:navy}
.paging a.active{color:red;font-weight:bold;}


#popMenuH  div img{border:0px;float:right;margin:0 0 0 5px;}
#popMenuH  div a {text-decoration:none;height:20px;line-height:20px;width:95%;color:#000;padding:5px;display:block;}
#popMenuH  div a:HOVER{text-decoration:underline;height:20px;width:95%;background-color:#666666;padding:5px;color:#fff;display:block;}
#popMenuH {position:relative;height:1px;width:100%;z-Index:20;}
#popMenuH div {z-index:8;position:absolute; top:0px;background-color:#eeeeee;border:solid 1px #666666;line-height:20px;padding:5px;display:block;font-size:10pt; display:none;}

.dpanel {padding:10px; border:1px solid #ccc; background:#f5f5f5;}
.dpanel .img {float:right;width:80px;height:80px;text-align:center;}
.dpanel .detail{float:right;color:#000;display:inline; }
.dpanel .detail1{float:right;color:#000;display:inline; width:120px;}
.dpanel .buttons {display:block;text-align:left;}
.dpanel .img img{margin:5px;}
.dpanel h3{margin:5px;}


.lstitm08 {border-bottom:solid 2px #EEEEEE;margin:5px;padding:5px;}
.lstitm08 .img {width:120px;float:right;text-align:center;font-size:8pt;padding:5px;border-left:solid 2px #CCCCCC;}
.lstitm08 img {display:block;margin:auto;}
.lstitm08 .detail {width:400px;float:right;display:block;}
.lstitm08 .qtty {float:left;}

.lstitm08 .pqtty {margin:10px;float:right;}
.lstitm08 input {width:30px;}
.lstitm08 select {font-family:Tahoma;font-size:8pt;width:50px;}
.lstitm08 .size {width:180px;float:right;margin:2px; background:#fff9f9;padding:5px;}
.lstitm08 .q {display:inline;width:16px;}

.lstitm10 {border:solid 2px #fff;margin:10px;padding:10px;}
.lstitm10 h3 {font-size:14pt;font-weight:bold;color:#666666;display:block;margin:0px;}
.lstitm10 .btns {float:right;margin:5px;}
.lstitm10 img {border:0px;}
.lstitm10 span.address {font-size:10pt;color:#666666;display:block;padding:10px;font-weight:normal;}
.lstitm10 input{display:block;}
.lstitm10 a{display:block;}
.lstitms10  {background-color:#eeeeee;}
.lstitmh10  {border:solid 2px #cccccc;}


#contactList {height:400px;overflow-y:auto;border:solid 3px #eeeeee;margin:5px;}


/* Forms */
.form01 label {	display:block;	font-weight:bold;	text-align:left;	margin:0 0 0 10px;	height:20px;	line-height:25px;	width:100px;	float:right;	padding:5px;}
.form01 input.text{	float:right;	font-size:10pt;	font-family:Tahoma;	height:18px;	line-height:20px;	width:250px;	margin:5px;}
.form01 span.lblerr{color:red;font-size:8pt;display:block;clear:left;padding:10px;}
.form01 span.lblerrh{padding:10px;display:none;}
.form01 h2{	font-size:12pt;	margin:0 0 20px 0;	color:#666666;	background-color:#f8f8f8;	padding:5px;}
.form01 input.error{border: solid 1px Red;}
.form01 input.texterr {border:solid 1px red;}
.form01 span.lblerr{float:right;color:red;font-size:8pt;line-height:25px;display:block;}
.form01 span.lblerrh{display:none;}



.selectBox {position:relative;height:35px;border:1px solid #CCCCCC;background-color:White;}
.selectBox DIV.dropBox {position:absolute;left:0px;top:36px;height:80px;overflow-y:scroll;border:1px solid #CCCCCC;display:none;direction:rtl;background-color:White;}
.selectBox DIV.dropBox a{font-size:14pt;font-weight:bold;}
.selectBox DIV.dropBox A IMG{border:1px solid white}
.selectBox DIV.dropBox A:HOVER IMG{border:1px solid Red;}
.selectBox DIV.dropBox A.colors IMG{border:1px solid white;}
.selectBox DIV.dropBox A.colors:HOVER IMG{border:1px solid #000000;}
.selectBox div.sHolder {height:30px;float:right;font-size:14pt;font-weight:bold;line-height:38px;}


/* Cart */
.order {border:solid 1px #cccccc;text-align:right;margin:10px 10px 20px 10px; padding:10px;}
.order span {font-weight:bold;display:block;}
.order div.btn {text-align:left;}
.order textarea{width:90%;height:100px;border:0px;font-family:Tahoma;color:#666666;padding:10px;font-size:10pt;display:block;background-color:Transparent;}
.order table{margin:10px;width:90%;}
.order th {background-color:#666666;color:#fff;}
.order td {background-color:#fff;}

.stepBar {background-image:url('/images/progressback1.png');width:700px;height:51px;position:relative;}
.stepBar div {padding:14px 0 0 0;width:151px;position:absolute;height:51px;color:#cccccc;text-align:center;font-size:10pt;font-weight:bold;}
.stepBar div.selected {background-image:url('/images/progressbacksel1.png');color:#fff;background-repeat:no-repeat;}

ul.list li{width:200px;float:right;}


div.ch {width:140px;height:240px;float:right;margin:5px;text-align:center;cursor:pointer;border:1px solid #fff;}
div.ch img {margin-top:20px;width:140px;height:140px;}
div.ch div.txt {font-size:8pt;text-align:center;height:50px;}
div.chover {border:1px solid #666;} 