/* RESET */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0}
body{behavior:url("css/csshover.htc");background:#fff url(../images/bgheader.jpg) repeat-x left top;font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#333}
h1, h2, h3, h4 {font-size:100%}
ul, li {list-style: none}
p{margin:0 10px 10px 0}
input.button{width:60px; height:24px; line-height:10px; cursor:pointer;}
input.buttonfree{width:auto;}

/*LAYOUT*/
div#container{width:770px;margin:0 auto;text-align:left;}
div#wrapper{float:left;width:100%;}
div#content{margin: 25px 0 0 205px;}
div#navigation{float:left;width:149px;margin-left:-770px}
div#footer{clear:left;width:100%;text-align:center}

/*HEADER*/
div#header{height:121px;width:770px}
div#header h1 { text-indent: -9999px }
div#logo{position:absolute;top:0;display:block}

/*SEARCH BAR*/
div.search{position:absolute;top:10px;margin-left:500px;padding-top:3px;color:#fff}
div.search input.gobutton{vertical-align:middle;margin-top:-5px}

/*TOP MENU*/
#menu{width:100%;background:transparent;line-height:normal;border-bottom:none}
#menu ul{float:right;margin-top:98px;list-style:none}
#menu li{display:inline;margin:0;padding:0}
#menu a{float:left;background:url("../images/tableft1.gif") no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none}
#menu a span{float:left;display:block;background:url("../images/tabright1.gif") no-repeat right top;padding:5px 12px 4px 9px;color:#627EB7}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {color:#627EB7}
#menu a:hover{background-position:0% -42px}
#menu a:hover span{background-position:100% -42px}
#menu #current a{background-position:0% -42px}
#menu #current a span{background-position:100% -42px}

/*MENU KIRI*/
div#navigation{margin-top:25px;background-color:transparent}
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{font-size:12px;background:transparent url(../images/navtop.gif) no-repeat left top;padding: 8px 6px 8px 15px;color:#fff}

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;padding-top:10px}
div#navigation div#newssignup p{margin-bottom:5px;margin-left:15px}
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:#615c02;display:block}
div#navigation ul li a:hover{text-decoration:none;color:#D21F23}

div#navigation .nav ul li{border-top:1px solid #ccc;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{color:#444}
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 #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;display:none;font-weight:bold}
div#navigation .nav ul.level2 li{position:relative;background-color:#FFFAFE;border-top:0px;border-bottom:1px solid #ccc}
div#navigation .nav ul.level2 li a{background-image:none !important;font-weight:normal}
div#navigation .nav ul.level2 li:hover{}
div#navigation .nav ul.level1 li:hover ul,div#navigation .nav ul.level2 li:hover ul{display:block}

/*CONTENT*/
div#content{margin-bottom:30px;background:#fff url(../images/bgcontentloop.gif) repeat-y left top}
div#content h4.specofferfront{font-size:14px;color:#c8262a;margin-left:10px;}
div#content a,div#content a:visited{ text-decoration:none;color:#660000; border-bottom: 1px solid #A2458B }
div#content a:hover{color:#D61F24; 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}

.colcontainer h1{font-size:17px;margin:0 10px 10px 0}
.colcontainer h2{font-size:16px;margin:0 10px 10px 0}
.colcontainer h3{font-size:15px;margin:0 10px 10px 0}
.colcontainer h4{font-size:14px;margin:0 10px 10px 0}
.colcontainer h5{font-size:13px;margin:0 10px 10px 0}
.colcontainer h6{font-size:12px;margin:0 10px 10px 0}

/*TITLE CATEGORY*/
div#content div.titlecat{float:left;width:565px;height:32px;background:transparent url(../images/bgcontenttop.gif) no-repeat left top;margin-bottom:10px}
div#content div.titlecat h1{font-size:12px;color:#c8262a;padding:8px 16px 0 16px}

/*COL GENERAL*/
div#content div.colcontainer{clear:left; width:533px;margin:15px} 
div#content div.colcontainer a,div#content div.colcontainer a:visited{text-decoration:none;color:#660000;border-bottom:1px solid #660000}
div#content div.colcontainer a:hover{color:#D61F24;border-bottom:1px solid #D61F24}

/*PRODUCTLIST*/
div#content div.productcontainer{clear:left;width:533px;border-bottom:1px dashed #CCCCCC;margin:15px;margin-left:0;padding-bottom:10px;overflow:hidden}
div#content div.line{height:2px; border-bottom:1px dashed #CCCCCC; margin-bottom:2px;}
div#content div.col1{float:left;width:100px}
div#content div.col2{float:left;width:280px;margin-left:22px}
div#content div.col3{float:left;width:105px;margin-left:24px}
div#content td.total{text-align:right;font-size:12px}

/*COL1*/
div#content div.col1 a{border-bottom:none}
div#content div.col1 a img{border-bottom:none;border:1px solid #eee}
div#content div.col1 a:hover img{border-bottom:none;border:1px solid #EE1611}
div#content div.col1 a:hover{border-bottom:none}

/*COL2*/
div#content div.col2 div.pricecont{width:280px;height:57px;background:url(../images/bgprice.jpg) 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:12px;text-decoration:line-through;color:#333}
.sale{font:bold 18px Arial, Helvetica, sans-serif;color:#FF0000}
.itemcat{font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif}
.itemtitle{font-weight:bold; font-size:11px;}
.itemdetail{line-height:15px}

div#content div.col2 div.pricecontnormal{height:26px;}
div#content div.col2 div.pricecontnormal .price{position:absolute; margin-top:0; margin-left:0;}
.normal{font:bold 16px Arial, Helvetica, sans-serif; color:#000000;}

/*COL3*/
div#content div.col3{text-align:center;color: #333}
div#content div.col3 p{margin:5px 0 0 0}
div#content div.col3 p.quantity{text-align:left}
div#content div.col3 p.selectoption{text-align:left}

/*SHOPPINGCART-CONTENT*/
table.border {margin:0px;border:1px solid #f1f1f1;}
table.border th, table.border td {padding: 2px; border:1px solid #f1f1f1}
table.noborder, table.noborder th, table.noborder td {border:0px}
p#calcshippingtitle{height:20px;font-weight:bold}

div#cart .product{float:left;width:533px;margin-top:0px;border-bottom:1px solid #ddd;padding-top:10px}
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.image{width:110px;text-align:center; height:auto;}
div#cart div.detail{width:140px;font:normal 11px/14px Tahoma, Verdana, Arial, sans-serif;color:#336699;}
div#cart div.qty{width:50px;text-align:center;}
div#cart div.uprice{width:65px;text-align:center;}
div#cart div.tprice{width:65px;text-align:center;}
div#cart div.act{width:70px;text-align:center;}

/*PAGING*/
div.paging{float:left;width:565px;height:20px;background:transparent url(../images/bgcontentbottom.gif) no-repeat left top;margin:-10px 0 0 0;padding:15px 0 0 0}
div.paging p{margin-left:15px}
div.paging p a,div.paging p a:visited{text-decoration:none;color:#A2458B;border-bottom:1px solid #A2458B}
div.paging p a:hover{color:#C8262A;border-bottom:1px solid #FF00FF}

/*PRODUCTNAVIGATION*/
div.productnav{margin-top:10px;padding:5px;text-align:center;font-weight:bold;color:#666;line-height:26px}
div.productnav a,div.productnav .active{font-weight:bold;margin:0 1px 2px 1px;padding:3px 7px;border:1px solid #C8262A !important;height:30px}
div.productnav a{text-decoration:none; color:#A2458B !important}
div.productnav a:hover{background-color:#FF9900}
div.productnav .active{background-color:#C8262A;color:#FFFFFF;font-weight:bold}
/*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:#660000 url(../images/bgheader.jpg) repeat-x left top;color:#333;float:left;padding:10px 0}
div#footer p{margin:5px 0 0 0;color:#fff}
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:#fff}
div#footer a:hover{color:#fff;border-bottom:1px solid #fff}

div#content form.formulir {margin:20px 15px 20px 15px;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;margin-top:10px}
.small{font-size:9px}
div.horRule{height:1px;border-top:1px solid #E5E5E5;margin:0px 10px 10px}
div.horRule hr{display:none}

div.spacer{clear:both}
.clearleft{clear:left}
.clearright{clear:right}
.none{display:none}
.inline{display:inline}
.block{display:block}
.noborder,a.imagebutton,a.imagebutton img{border:none !important;cursor:pointer;text-decoration:none}

/* PRODUCT DETAIL */
div#content div.colcontainer a.imgproductdetail{cursor:pointer; text-decoration:none;border-bottom:0px}
div#content div.colcontainer a.imgproductdetail img{border:0;margin-bottom:7px}
div#content div.productdetailcol1{float:left;width:160px;padding:7px;border:1px solid #f6f6f6;margin-bottom:15px}
div#content div.productdetailcol2{float:left;width:330px;margin:0 0 15px 15px}
div#content div.productdetailcol2 form input,div#content div.productdetailcol2 form select{font:normal 11px Tahoma, Verdana, Arial, sans-serif}
div#content div.productdetailcol1 p{margin:0}
div.discpercent{height:47px;width:47px;background:url(../images/bgprice_off.gif) no-repeat left center;float:right;margin-top:10px}
.discpercentvalue{font:normal 11px Tahoma, Arial, Helvetica, sans-serif;color:#fff;width:25px;position:absolute;margin-top:10px;margin-left:11px;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}
.productdescription{clear:left;width:490px;border-top:1px solid #f6f6f6;margin:15px 15px 0 15px;padding:20px}
.productdescription td{line-height:15px}
p.tagtext{padding-top:10px;border-top:1px solid #f4f4f4}

div.img-thumb{min-height:220px;height:auto !important;height:220px;margin-bottom:10px}
div.nav-image{margin:0px 0 10px 40px}
div.nav-image a{border:0 !important}
div.nav-image a img{border:0}

.checkoutMethod{float:right;width:99%;height:25px;text-align:right;border-bottom:1px solid #f4f4f4;cursor:pointer;padding:3px 0;margin-left:10px}
.checkoutTitle{float:left;cursor:pointer;margin-top:10px;font-weight:bold}
.checkoutButton{float:right}

.extra1{clear:left}
.widthmax{}

.categorydescription{margin:15px;border-bottom:1px solid #f4f4f4;min-height:130px;height:auto !important;height:130px}
.categoryimage{float:right;margin:0 0 10px 10px;border:1px solid #f4f4f4}adding:3px 0;margin-left:10px}
.checkoutTitle{float:left;cursor:pointer;margin-top:10px;font-weight:bold}
.checkoutButton{float:right}

.extra1{clear:left}

.categorydescription{margin:15px;border-bottom:1px solid #f4f4f4;min-height:130px;height:auto !important;height:130px}
.categoryimage{float:right;margin:0 0 10px 10px;border:1px solid #f4f4f4}

/* FEATURES FRONTPAGE */
.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}

.seasonal{border-bottom:none !important}
.seasonal p{line-height:18px}
.seasonal h2{margin:20px 0 15px 0px;font-size:18px}
.seasonal table{width:535px;margin:15px 0}
.seasonal td.col1,.seasonal td.col2{border-top:1px solid #EAEAEA;padding:10px;vertical-align:top}
.seasonal td.col1{text-align:center;width:40%}
.seasonal td.col2{text-align:left;width:60%;font-size:12px}
.seasonal td.col2 a{font-size:14px;color:#d61f24 !important;border-bottom:none !important}
.seasonal td a{font-weight:bold}

.noevent{width:535px;margin:15px 0 15px 0;border:none !important}
.noevent td{text-align:center !important;padding:10px;vertical-align:top;width:33% !important}
.noevent td.col1,.noevent td.col2{border:none !important}
.noevent td.col3{border:none !important}
.noevent a img{border:1px solid #f4f4f4;padding:3px}
.noevent td.col2 a{font-size:11px;color:#660000 !important;border-bottom:1px solid #660000 !important}
.noevent td a{font-weight:bold;font-size:11px !important;color:#660000 !important}
.noevent td a:hover{color:#d61f24 !important;border-bottom:1px solid #d61f24 !important}
.noevent td a.noborder,.noevent td a.noborder:hover{border-bottom:none !important}