/* 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:#214797;font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#333}
p{margin:0 10px 10px}

/*LAYOUT*/
div#container{width:770px;margin:20px auto 0 auto;text-align:left;background:#fff url(../images/bgwrapperloop.gif) repeat-y left top;padding-bottom:20px}
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:155px;width:770px;background:#111078 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*/
.search{position:absolute;width:281px;height:33px;top:50px;margin-left:470px;color:#444;padding:5px 0 0 7px;background:transparent url(../images/bgsearch.gif) no-repeat left top}
.search input{padding:2px}
.search input.gobutton{vertical-align:middle;margin:-5px 0 0 -7px}
.fb-button{margin:10px 0 0 95px}

/*TOP MENU*/
#menu{margin-top:120px;float:right;height:35px;width:100%;background:#80b3e3;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 #bbd9f5;color:#1a3583}
#menu a:hover{background-color:#dfebf7;color:#000}

/*MENU KIRI*/
div#navigation{background-color:transparent;padding-left:7px;margin-top:31px}
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:185px;background:#fff url(../images/bgnavloop.gif) repeat-y left top}
div#navigation h3{font-size:12px;padding:8px 6px 8px 15px;color:#4792ff;background:transparent url(../images/bgh3nav.gif) no-repeat left top;height:15px}

div#navigation .nav{width:185px;background:#fff url(../images/bgnavloop.gif) repeat-y left top;margin-bottom:20px}
div#navigation .nav ul,div#navigation div#newssignup ul,div#navigation div#membership ul{width:185px;background:transparent url(../images/bgnavbottom.gif) no-repeat left bottom;padding:0 0 10px 0}

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{display:block;padding:6px 6px 7px 15px;background:transparent url(../images/bgbordernavloop.gif) repeat-x left bottom;color:#454545;text-decoration:none}
div#navigation ul li a:hover{text-decoration:none;color:#fff}

div#navigation .nav ul li{padding:0px 0px 0px 0px;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:#fff;background:#214797}
div#navigation .nav ul.level2{background:url(../images/navtop.gif) no-repeat left top;width:185px;position:absolute;top:0px;left:185px;_left:170px;background-color:#E2F1FF;display:none;font-weight:bold;-moz-box-shadow:5px 5px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.3);box-shadow:0 3px 5px rgba(0,0,0,0.3)}
div#navigation .nav ul.level2 li{position:relative;background-color:#E2F1FF;background:transparent url(../images/bgbordernavloop.gif) repeat-x left bottom;}
div#navigation .nav ul.level2 li a{background-image:none !important;font-weight:normal}
div#navigation .nav ul.level2 li:hover{text-decoration:none;color:#fff;background-color:#214797}
div#navigation .nav ul.level1 li:hover ul,div#navigation .nav ul.level2 li:hover ul{display:block;background:#e2f1ff;border:1px solid #f6f6f6}
div#navigation .nav ul li{_float:left;width:100%}
div#navigation .nav ul li a{_height:1%}

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; }
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;height:100%}
div#content h5{font-size:13px;color:#660000;margin:0 10px 10px 10px}
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;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:19px 30px 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}

/*COLOR SELECT*/
div.ColorOptionsInvisible{display:none;	cursor:pointer; background-color:#FFF; position:static;}
div.ColorOptionsVisible {display:inline; border:1px solid #999; padding:2px 2px 1px 2px; background-color:#FFF; position:absolute; z-index:10000;}
div.ColorOptionsSelected {width:20px; height:14px; border:1px solid #999999;}
div.ColorOptionsItem {float:left; width:20px; height:14px; border:1px solid #999; cursor:pointer;}
div.ColorOptionsLabel {float:left;margin-left:3px;line-height:15px;font-size:10px;}
div.ColorOptionsSep {clear:both;height:1px;}

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

/*PAGING 2*/
div#content div.navpaging {margin-top:10px; padding-bottom:10px; text-align:center;color:#6582C7;}
div#content div.navpaging a, div#content div.navpaging a:hover, div#content div.navpaging a:visited, div#content div.navpaging .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.navpaging .active{color:#CC0000; background-color:#FFFFCC;}
div#content div.navpaging 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:#111078 url(../images/bgfooter.gif) no-repeat left bottom;height:40px;color:#fff;padding:20px 0;margin-bottom:20px}
div#footer p{margin:5px 0 0 0;color:#fff}
div#footer a,div#footer a:visited{text-decoration:none;color:#4893ff}
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:-3px 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}

table#quicksearch td input{padding:2px}

.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{}

.frontpage ul{margin:0 0 20px 15px}
.frontpage li{list-style:inside disc}

.seasonal{border-bottom:none !important}
.seasonal h2{margin:20px 0 15px 0;font-size:18px}
.seasonal p{margin-left:0;line-height:17px}
.seasonal table{width:545px;border:1px solid #EAEAEA;border-bottom:none;margin:15px 0 15px 0}
.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}

.noevent{width:545px;margin:15px 0 15px 0;border:none !important}
.noevent th{font-size:17px;font-weight:bold;padding:10px 10px 10px 0;text-align:left}
.noevent td{text-align:center;padding:10px;vertical-align:top;width:33%}
.noevent td a{font-weight:bold}
.noevent td.col1,.noevent td.col2{border:none !important}
.noevent td.col3{border:none !important}