/* RESET */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0}
h1, h2, h3, h4 {font-size:100%}
ul, li {list-style: none}
body{behavior:url("css/csshover.htc");background:#fff url(../images/bgbody.jpg) repeat-x left top;font:11px/17px Tahoma, Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#333}
p{margin:0 10px 10px}
/*LAYOUT*/
div#container{width:770px;margin:0 auto;text-align:left}
div#wrapper{float:left;width:100%}
div#content{margin:0 0 0 205px;min-height:400px;height:auto !important;height:400px}
div#navigation{float:left;width:149px;margin:0 0 0 -770px}
div#footer{clear:left;width:100%;text-align:center}
/*HEADER*/
div#header{background:#fff;height:230px;width:770px}
div#header h1 a{width:276px;height:72px;display:block;background:transparent url(../images/logo.gif) no-repeat 0px 0px}
div#header div#logo{height:170px;background:#fff}
/*SEARCH BAR*/
div.search{position:absolute;width:285px;height:38px;top:110px;margin-left:484px;color:#7d0f68;padding:9px 0 0 0;background:transparent url(../images/bgmenuright.gif) no-repeat right 0px}
div.search input.gobutton{vertical-align:middle;margin:-6px 0 0 -6px}
/*TOP MENU*/
#menu{width:765px;height:38px;background:transparent url(../images/bgmenuloop.gif) repeat-x left top;margin:10px 0 20px 0;float:left}
#menu ul{background:transparent url(../images/bgmenuleft.gif) no-repeat left top;float:left;list-style:none}
#menu li{display:inline;margin:0;padding:0}
#menu a,#menu a:visited{float:left;margin:0;padding:11px 12px;text-decoration:none;color:#7d0f68}
#menu a:hover{color:#ff00ff}
/*MENU KIRI*/
div#navigation{background-color:transparent;padding-left:7px}
div#navigation div#membership,div#navigation div#newssignup{margin-bottom:20px}
div#navigation div#bycat,div#navigation div#newssignup{margin-top:20px}
div#navigation div#membership,div#navigation div#bystore,div#navigation div#bycat,div#navigation div#newssignup{width:187px;background:#FFFAFE url(../images/navloop.gif) repeat-y left top}
div#navigation h3{background:transparent url(../images/navtop.gif) no-repeat left top;padding:6px 6px 6px 15px;color:#FF99CB}
div#navigation .nav{width:187px;background:#FFFAFE url(../images/navloop.gif) repeat-y left top;font-weight:bold;margin-bottom:20px}
div#navigation .nav ul,div#navigation div#newssignup ul,div#navigation div#membership ul{width:187px;background:transparent url(../images/navbottom.gif) no-repeat left bottom}
div#navigation div#newssignup ul li{padding-bottom:10px}
div#navigation div#newssignup p{margin-bottom:5px}
div#navigation div#newssignup p input{font:normal 11px Arial, Verdana, Helvetica, sans-serif}
div#navigation ul li a,div#navigation ul li a:visited{text-decoration:none;color:#BA33BD;display:block}
div#navigation ul li a:hover{text-decoration:none;color:#FF00FF}
div#navigation .nav ul li{border-top:1px solid #F5E0F0;padding:6px 10px 6px 15px;position:relative;list-style:none;margin:0px}
div#navigation .nav ul li a{text-decoration:none}
.has-submenu a{background:transparent url(../images/arrow.gif) no-repeat right 5px}
div#navigation .nav ul li:hover{background-color:#F5E0F0;color:#FF00FF}
div#navigation .nav ul.level2{background:url(../images/navtop.gif) no-repeat left top;width:187px;position:absolute;top:0px;left:187px;_left:170px;background-color:#FFFAFE;border-top:1px solid #F5E0F0;border-left:1px solid #F5E0F0;border-right:1px solid #F5E0F0;display:none;font-weight:bold}
div#navigation .nav ul.level2 li{position:relative;background-color:#FFFAFE;border-top:0px;border-bottom:1px solid #F5E0F0}
div#navigation .nav ul.level2 li a{background-image:none !important;font-weight:normal}
div#navigation .nav ul.level2 li:hover{background:#F5E0F0}
div#navigation .nav ul.level1 li:hover ul,div#navigation .nav ul.level2 li:hover ul{display:block}
/*BEGIN: TABLE STYLES FOR SHOOPING CART*/
div#content #cart table {margin:0px; border:1px solid #f1f1f1; }
div#content #cart table th, div#content #cart table td {padding: 2px; border:1px solid #f1f1f1; }
.noborder,div#content #cart table.noborder,div#content #cart table.noborder th, div#content #cart table.noborder td {border:0px !important; }
div#cart .product {float: left;width: 560px;margin-top:5px;border-bottom:1px solid #EAEAEA; }
div#cart div.detail, div#cart div.image, div#cart div.qty,
div#cart div.uprice, div#cart div.tprice, div#cart div.act {height:110px;float:left;padding:2px; }
div#cart div.detail {width:165px;margin-left:2px;line-height:14px;font-family:"MS Sans Serif";color:#336699;font-size:10px; }
div#cart div.image {width:80px;text-align:center; }
div#cart div.qty {width:65px; text-align:right;}
div#cart div.uprice {width:65px;text-align:right;}
div#cart div.tprice {width:65px;text-align:right;}
div#cart div.act {width:80px;text-align:right;}
/*END: TABLE STYLES FOR SHOOPING CART*/
/*
.buttonPurple { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #660099;
background: #FFFFFF;
border: 1px solid #660099;
cursor:hand;
}
*/
.imgBorder {border:1px #CCCCCC solid;}
div#membership {margin-bottom:20px;width: 187px;background:#FFFAFE url(../images/navloop.gif) repeat-y left top}
div#membership div#bottom {width:187px;background:transparent url(../images/navbottom.gif) no-repeat left bottom}
div#membership div#line {position:relative;border-top:1px solid #F5E0F0;list-style:none}
div#membership li a, div#membership li a:visited{text-decoration:none;font-weight:bold;color:#BA33BD;line-height:16px}
div#membership li a:hover{text-decoration:underline;color:#FF00FF}
/*CONTENT*/
div#content {margin-bottom:30px}
div#content h5{font-size:13px;color:#983399;margin:0 10px 10px}
div#content a,div#content a:visited{ text-decoration:none;color:#A2458B; border-bottom: 1px solid #A2458B }
div#content a:hover{color:#FF00FF; border-bottom: 1px solid #FF00FF }
div#content ol li{list-style: decimal; margin: 0 0 20px 30px;}
div#content ol li p{margin: 10px 10px 10px 0}
/*TITLE CATEGORY*/
div#content div.titlecat{width:560px;height:32px;margin-bottom:20px;float:left;background:transparent url(../images/bgtitlecatloop.gif) repeat-x left top}
div#content div.titlecat h1{height:32px;background:transparent url(../images/bgtitlecatleft.gif) no-repeat left top;padding:8px 0 0 15px;color:#983399}
div#content div.titleextra{height:32px;background:transparent url(../images/bgtitlecatright.gif) no-repeat right top}
/*COL GENERAL*/
div#content div.colcontainer{clear:left;border-bottom:1px solid #EAEAEA;margin-bottom:15px}
div#content div.colcontainer a,div#content div.colcontainer a:visited{text-decoration:none;color:#A2458B;border-bottom:1px solid #A2458B}
div#content div.colcontainer a:hover{color:#FF00FF;border-bottom:1px solid #FF00FF}
div#content div.col1{float:left;width:120px}
div#content div.col2{float:left;width:270px;margin-left:30px}
div#content div.col3{float:left;width:136px;margin-left:9px}
div#content table th { text-align: center }
div#content td.total { text-align: right; font-size: 12px; font-weight: bold }
div#content td.qty {text-align: center}
div#content td.uprice {text-align: center}
div#content td.tprice {text-align: right}
div#content th.firstleft, div#content td.firstleft {border-left: 1px solid #f1f1f1;}
div#content th.firsttop, div#content td.firsttop {border-top: 1px solid #f1f1f1;}
div#content tr.title {background-color: #FADAF5}
div#content tr.data {background-color: none}
div#content tr.alt {background-color: #FCF9F3}
div#content input#calccode {position:absolute; margin-top:-4px}
input#checkout{float:left}
form#continueshopping{float:left}
/*COL1*/
div#content div.col1 img{ padding: 3px; border: 1px solid #DFDFDF }
.col1 a{border:none!important}
/*COL2*/
div#content div.col2 div.pricecont{ width: 280px; height: 57px; background: url(../images/bgprice.gif) no-repeat left center }
.disc{font: bold 15px Arial, Helvetica, sans-serif;color:#000;width: 25px;position: absolute;margin-top:15px;margin-left:13px;line-height:14px;text-align:center}
.price{position:absolute;margin-top:19px;margin-left:60px;line-height:14px;text-align: center}
.cut{font-size:11px;text-decoration:line-through;color:#333}
.sale{font:bold 16px Arial, Helvetica, sans-serif;color:#FF0000}
.itemcat{font:bold 15px Tahoma, Verdana, Arial, Helvetica, sans-serif}
.itemtitle{font-weight:bold}
.itemdetail{line-height:15px}
div#content div.col2 div.pricecontnodisc{width:272px;height:57px;background:url(../images/bgprice_nodisc.gif) no-repeat left center}
div#content div.col2 div.pricecontnodisc .price{position:absolute;width:150px;margin-top:17px;margin-left:15px;line-height:14px;font:normal 9px Tahoma, Verdana, Arial, sans-serif}
div#content div.col2 div.pricecontnodisc .normal{font:bold 16px Tahoma, Verdana, Arial, sans-serif;color:#333}
/*COL3*/
div#content div.col3 { width: 136px; background: url(../images/bgoption.gif) no-repeat left center; text-align: center; color: #333}
div#content div.col3 p {margin: 5px 15px 0 15px}
div#content div.col3 p select{width:100%}
div#content div.col3 p.quantity {text-align: left}
div#content div.col3 p.selectoption {text-align: left}
/*PAGING*/
.paging{margin:0 0 20px 0}
.paging a,.paging a:visited{text-decoration:none;color:#A2458B;font-weight:bold;border:0;padding-right:5px}
.paging a:hover{color:#ff00ff}
.nav-paging a{border-bottom:none!important}
.nav-paging a,.nav-paging a:visited,.nav-paging span.active{text-decoration:none!important;color:#6582C7;background-color:#FFFFFF;border:1px solid #CCD9FF !important;margin:0 1px 0 1px;padding:2px 5px 2px 5px}
.nav-paging span.active{color:#000; background-color:#F9F;}
.nav-paging a:hover{background-color:#E6EDFF;}
/*CHOOSE A STORE*/
div#content img.store{margin:5px 0 5px 10px}
div#content a img.store,div#content a:visited img.store,div#content a:hover img.store {border: none}
p.bigtitle {font-size:15px;color:#983399;font-weight:bold}
/*FOOTER*/
div#footer{background: #EED2E8 url(../images/footertop.gif) no-repeat left top;color: #333;float:left;padding: 10px 0}
div#footer p{margin: 5px 0 0 0}
div.footerbottom{width:770px;height:5px;background:transparent url(../images/footerbottom.gif) no-repeat left top;margin:0 0 10px 0;float:left}
div#footer a,div#footer a:visited{ text-decoration:none;color:#A2458B}
div#footer a:hover{color:#333; border-bottom: 1px solid #FF00FF }
.clearleft { clear: left }
div.spacer { clear: both }
div#content form.formulir {margin: 20px 0 20px 10px;width:520px}
div#content form.formulir label {font-weight: bold}
div#content form.formulir input.txt {width: 200px}
div#content form.formulir div.pushthis {margin-left:150px}
div#content form.formulir h5{margin:20px 0 0 0}
div#content form.formulir p {margin-left:0}
.f1{float: left;width: 150px;padding-bottom: 2px;margin-top:7px}
.f2{float: left;width: 250px;padding-bottom: 4px;margin-top:7px}
.f3{float: left;width: 300px;padding-bottom: 4px;margin-top:7px}
.notice{color:#CC0000;font-size:11px}
div.horRule{height:1px;border-top:1px solid #E5E5E5;margin:0px 10px 10px}
div.horRule hr{display:none}
a.imagebutton{cursor:pointer;cursor:hand;text-decoration:none;border-bottom:0px !important}
/* PRODUCT DETAIL */
.productdetailcol1 a.imgproductdetail{cursor:pointer;cursor:hand;text-decoration:none;border-bottom:none !important}
.productdetailcol1 a.imgproductdetail img{border:0;margin-bottom:7px}
div#content div.colcontainer a.imgproductdetail img{border:1px solid #E7E7E7;margin-bottom:7px}
div#content div.productdetailcol1{float:left;width:160px;padding:7px;border:1px solid #E7E7E7;margin-bottom:15px}
div#content div.productdetailcol2{float:left;width:330px;margin:0 0 15px 15px}
div#content div.productdetailcol1 p{margin:0}
div.discpercent{height:57px;width:57px;background:url(../images/bgprice_off.gif) no-repeat left center;float:right}
.discpercentvalue{font:bold 15px Arial, Helvetica, sans-serif;color:#000;width:25px;position:absolute;margin-top:14px;margin-left:14px;line-height:14px;text-align:center}
table.productdetailtable td{padding:3px 0}
table.productdetailtable td.productdetailoption{padding:10px 0}
table.productdetailtable td span.normal{font:bold 16px Tahoma, Verdana, Arial, sans-serif;color:#333}
.specialproduct{font:bold 13px Tahoma, Verdana, Arial, sans-serif;color:#ff0000;text-transform:uppercase;height:20px}
.alignleft{float:left;margin-right:1em;margin-bottom:1em;padding:0 15px 15px 0}
.alignright{float:right;margin-left:1em;margin-bottom:1em;padding:0 0 15px 15px}
.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:20px}
.frontpage ul{margin:0 0 20px 15px}
.frontpage li{list-style:inside disc}
.seasonal{border-bottom:none !important}
.seasonal h2{margin:20px 0 15px 10px;font-size:18px}
.seasonal table{width:545px;border:1px solid #EAEAEA;border-bottom:none;margin:15px 0 15px 10px}
.seasonal td{text-align:center;padding:10px;vertical-align:top}
.seasonal td a{font-weight:bold}
.seasonal td.col1,.seasonal td.col2{border-right:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA}
.seasonal td.col3{border-bottom:1px solid #EAEAEA}
/* FEATURES FRONTPAGE */
.special{border-bottom:none !important}
.special h2{margin:0 0 15px 10px;font-size:18px}
.features{margin-bottom:20px}
.features td{width:160px;text-align:center;font-weight:bold;padding:7px}
.features td img{border:1px solid #EAEAEA;padding:4px}
.features td a{border:none !important}