/* 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:#1a3583;font: 11px 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;background:#fff url(../images/bgwrapperloop.gif) repeat-y left top}
div#wrapper{float:left;width:100%;background:#fff url(../images/bgwrapperloop.gif) repeat-y left top}
div#content{margin: 0 0 0 200px}
div#navigation{float:left;width:185px;margin-left:-762px}
div#footer{clear:left;width:770px;margin:0 auto;text-align:center}

/*HEADER*/
div#header{height:125px;width:770px;background:#fff url(../images/bgheader.gif) no-repeat left top}
div#header h1{text-indent:-9999px}
div#logo{position:absolute;top:30px;margin-left:15px;display:block}

/*SEARCH BAR*/
div.search{position:absolute;width:281px;height:33px;top:30px;margin-left:470px;color:#fcd412;padding:5px 0 0 7px;background:transparent url(../images/bgsearch.gif) no-repeat left top}
div.search input.gobutton{vertical-align:middle;margin:-5px 0 0 -3px}

/*TOP MENU*/
#menu{margin-top:90px;float:right;height:35px;width:100%;background:#f6f6f6;line-height:normal;border-bottom:none}
#menu ul{float:right;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;border-left:1px solid #ededed;color:#1a3583}
#menu a:hover{background-color:#f18827;color:#fff}

/*MENU KIRI*/
div#navigation{background-color:transparent;padding-left:7px;margin-top:31px}
div#navigation div#membership{margin-bottom:20px}
div#navigation div#bycat,div#navigation div#newssignup{margin-top:20px}
div#navigation div#nav,div#navigation div#membership,div#navigation div#bystore,div#navigation div#bycat,div#navigation div#newssignup{width:185px;background:#fff url(../images/bgnavloop.gif) repeat-y left top}
div#navigation h3{font-size:12px;padding:8px 6px 8px 15px;color:#ee6c33;background:transparent url(../images/bgh3nav.gif) no-repeat left top;height:15px}
div#navigation ul{width:185px;background:transparent url(../images/bgnavbottom.gif) no-repeat left bottom;padding:0 0 10px 0}

div#navigation div#membership ul li a,
div#navigation div#membership ul li a:visited{display:block;padding:6px 6px 7px 15px;background:transparent url(../images/bgbordernavloop.gif) repeat-x left bottom;color:#454545;width:159px;text-decoration:none}
div#navigation div#membership ul li a:hover{text-decoration:none;color:#fff;background-color:#F38A29}

div#navigation div#bycat ul{}
div#navigation div#bycat ul li a,
div#navigation div#bycat ul li a:visited{display:block;padding:6px 0px 7px 15px;background:transparent url(../images/bgbordernavloop.gif) repeat-x left bottom;color:#454545;width:166px;text-decoration:none}
div#navigation div#bycat ul li.level2 a, 
div#navigation div#bycat ul li.level2 a:visited{display:block;padding:6px 6px 7px 30px;background:transparent url(../images/bgbordernavloop.gif) repeat-x left bottom;color:#615c02;width:145px;text-decoration:none}
div#navigation div#bycat ul li a:hover{text-decoration:none;color:#fff;background-color:#F38A29}
div#navigation div#bycat ul li.level2 a:hover{text-decoration:none;color:#fff;background-color:#F38A29}

div#navigation div#nav ul{}
div#navigation div#nav a{display:block;padding:6px 6px 7px 15px;background:transparent url(../images/bgbordernavloop.gif) repeat-x left bottom;color:#454545;text-decoration:none}
div#navigation div#nav a:hover{color:#fff;background:#F38A29}
div#navigation div#nav li{position:relative} 
div#navigation div#nav ul ul{position:absolute;top:0;left:100%;width:100%;padding:0}
div#navigation div#nav ul ul,div#navigation div#nav ul li:hover ul{display:none}
div#navigation div#nav ul li:hover ul{display:block;background:#F6D9A8;border:1px solid #f6f6f6}
div#navigation div#nav ul ul li:hover ul{display:block;background:#F38A29}
div#navigation div#nav ul li{_float:left;width:100%}
div#navigation div#nav ul li a{_height:1%}

div#navigation div#newssignup{width:185px;background:#fff url(../images/bgnavloop.gif) repeat-y left top;padding:0 0 0px 0}
div#navigation div#newssignup p{margin:0 0 5px 15px}
div#navigation div#newssignup p input{font:normal 11px Arial, Verdana, Helvetica, sans-serif}

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; }
div#content #cart table.noborder,div#content #cart table.noborder th, div#content #cart 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 #f6f6f6;padding:7px 0}
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:145px;font:normal 11px/14px Tahoma, Verdana, Arial, sans-serif;color:#336699}
div#cart div.image{width:80px;height:100%;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:center}

/*CONTENT*/
div#content{padding-bottom:0px;min-height:1200px;height:auto !important;height:1200px}
div#content h5{font-size:13px;color:#660000;margin:0 10px 10px 15px}
div#content a,div#content a:visited{text-decoration:none;color:#778F2D;border-bottom:1px solid #778F2D}
div#content a:hover{color:#f49c12;border-bottom:1px solid #f49c12}
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{float:left;width:575px;height:64px;margin:0 0 10px -5px;_margin-bottom:0;background:transparent url(../images/bgtitle.gif) no-repeat left bottom;position:relative}
div#content div.titlecat h1{font:normal 19px Arial, Verdana, Tahoma, sans-serif;word-spacing:-1px;color:#fff;padding:15px 16px 0 16px}

/*COL GENERAL*/
div#content div.colcontainer{clear:left;width:533px;border-bottom:1px solid #f6f6f6;margin:15px 15px 0 15px}
div#content div.colcontainer a,div#content div.colcontainer a:visited{text-decoration:none;color:#6582C7;border-bottom:1px solid #6582C7}
div#content div.colcontainer a:hover{color:#f49c12;border-bottom:1px solid #f49c12}
div#content div.col1{float:left;width:106px}
div#content div.col2{float:left;width:272px;margin-left:24px}
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.colcontainer div.col1 a.imgproductdetail img{border:none}

/*COL2*/
div#content div.col2 div.pricecont{width:272px;height:57px;background:url(../images/bgprice.gif) no-repeat left center}
.disc{font:normal 11px Tahoma, Arial, Helvetica, sans-serif;color:#fff;width:25px;position:absolute;margin-top:13px;margin-left:14px;line-height:14px;text-align:center}
.price{position:absolute;width:150px;margin-top:10px;margin-left:55px;line-height:14px;font:normal 9px Tahoma, Verdana, Arial, sans-serif}
.cut{font-size:11px;text-decoration:line-through;color:#333}
.sale{font:bold 16px Tahoma, Verdana, Arial, sans-serif;color:#ea3826}
.itemcat{font:bold 13px 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:130px;margin-top:15px;margin-left:55px;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:#ea3826}

/*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}

/*PAGING*/
div#content div.paging{
  width:575px;
	height:80px;
	/* background:#f6f6f6 url("../images/bgpaging.gif") no-repeat left top; */
	margin-left:-6px;
	position:relative; 
	text-align:center;
}
div#content div.paging p{
  padding-top:30px; 
	color:#6582C7;
}
div#content div.paging a, div#content div.paging .active{
  text-decoration:none; 
	color:#6582C7; 
	background-color:#FFFFFF; 
	border:1px solid #CCD9FF; 
	margin:0 1px 0 1px; 
	padding:2px 5px 2px 5px;
}

div#content div.paging .active{color:#CC0000; background-color:#FFFFCC;}
div#content div.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:url(../images/bgfooter.gif) no-repeat left top;height:75px;color:#333;padding:15px 0}
div#footer p{margin:5px 0 0 0;color:#333}
div#footer a,div#footer a:visited{text-decoration:none;color:#1a3583}
div#footer a:hover{color:#f49c12;border-bottom:1px solid #d17031}

.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:300px;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}
input.submitbutton{vertical-align:middle;margin:-5px 0 0 -3px}

div.horRule{height:1px;border-top:1px solid #E5E5E5;margin:0px 10px 10px}
div.horRule hr{display:none}
a.imagebutton{cursor:pointer; text-decoration:none;border-bottom:0px !important}

.headline{font:bold 18px Arial, Helvetica, sans-serif;color:#4866A2;padding-bottom:15px;word-spacing:-1px}
.headercaption{font:bold 13px Tahoma, Verdana, Arial, sans-serif;color:#C15337;margin-bottom:10px}
.tagline {font:bold 12px Tahoma, Verdana, Arial, sans-serif;color:#CC6600;margin:10px 20px 20px 20px}
.description{font:normal 11px/15px Tahoma, Verdana, Arial, sans-serif;color:#333;margin-bottom:10px}
.description img{float:left;padding:0 10px 10px 0}
.itemcaption{font-family:'Trebuchet MS', Arial;font-size:10px;color:#666}
.itemdescription{font-family:'Trebuchet MS', Arial;font-size:12px;color:#000}

/* 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:275px;height:auto !important;height:275px;margin-bottom:10px}
div.nav-image{position:absolute;margin:250px 0 0 40px}
div.nav-image a{border:0 !important}
div.nav-image a img{border:0}


.extra1{clear:left}
.widthmax{}