@font-face {
    font-family: 'ArialNarrow';
    src: url('fonts/arialnarrowmtstd-webfont.eot');
    src: url('fonts/arialnarrowmtstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arialnarrowmtstd-webfont.woff') format('woff'),
         url('fonts/arialnarrowmtstd-webfont.ttf') format('truetype'),
         url('fonts/arialnarrowmtstd-webfont.svg#ArialNarrowMTStdRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { margin: 0; padding: 0; outline: 0; }

html, body { height: 100%; }

body {
    font-size: 12px;
    line-height: 16px;
    font-family: arial, sans-serif;
    color: #767676;
    background: #f5f5f5 url(images/body.jpg) repeat-x center 0;
    min-width: 994px;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -61px; background: url(images/wrapper.png) repeat-x 0 152px; } 
#wrapper-bottom { background: url(images/wrapper-bottom.png) repeat-x 0 bottom; }

.shell { width: 992px; margin: 0 auto; }

#header { position: relative; z-index: 5; padding: 7px 0 8px; }

#logo { display: inline; float: left; padding: 7px 0 0 34px; font-size: 0; line-height: 0; width: 239px; }
/*#logo a { display: block; width: 239px; height: 45px; background: url(images/logo.png) no-repeat 0 0; text-indent: -4000px; }*/
#logo a { display: block; width: 239px; height: 45px; text-indent: -4000px; }

#search { position: absolute; display: none; top: 1px; right: 6px; padding-right: 3px; width: 210px; background: url(images/search.png) no-repeat 0 0; }
#search .field { display: inline; float: left; padding: 5px 15px 4px; width: 99px; background: none; border: 0; }
#search .submit-button { display: inline; float: right; padding: 2px 0 8px; width: 38px; border: 0; background: 0; cursor: pointer; }
#search .retract-button { font-size: 0; line-height: 0; text-indent: -4000px; display: block; float: left; padding-left: 20px; width: 15px; height: 30px; background: url(images/retract-button.png) no-repeat 50% 50%; cursor: pointer; }

.search-expand { position: absolute; top: 1px; right: 5px; width: 58px; height: 30px; cursor: pointer; background: url(images/search-expand.png) no-repeat 0 0;  }

.shopping-cart { text-align: right; padding-right: 77px; color: #8be3fe; font-family: 'Trebuchet MS', arial, helvetica, sans-serif; font-weight: bold; }
.shopping-cart span { padding-left: 17px; color: #0a70b0; font-weight: normal; }
.shopping-cart a { color: #8be3fe; padding-left: 17px; }
.shopping-cart a.cart { background: url(images/cart.png) no-repeat 0 50%; padding-left: 29px; }

span.label-left { display: block; float: left; width: 21px; height: 42px; background: url(images/label-kiri.png) no-repeat 0 0; }

span.label-right { display: block; float: left; width: 32px; height: 42px; background: url(images/label-right.png) no-repeat 0 0; }
.label-bg { display: inline; float: left; height: 42px; background: url(images/label-bg.png) repeat-x 0 0; }
.label { position: absolute; top: -15px; left: -7px; height: 42px; width: 203px; background: url(images/label.png) no-repeat 0 0; }
.label h3 { padding-left: 15px; display: inline; float: left; font-family: Arial, helvetica, sans-serif; font-size: 18px; color: #fff; font-weight: normal; line-height: 30px;  }

#navigation { display: inline; float: right; padding: 10px 32px 0 0; }
#navigation ul li { list-style: none; display: inline; float: left;	font-weight: bold; line-height: 14px; padding-left: 30px; }
#navigation ul li a { color: #fff; }
#navigation ul li a:hover { color: #005388; text-decoration: none; }

#sort-nav { display: inline; position: absolute; top: 73px; left: 0; height: 42px; z-index: 50; }
#sort-nav ul { display: inline; float: left; padding-left: 13px; list-style: none; height: 42px; }
#sort-nav ul li { position: relative; display: inline; float: left; line-height: 32px; padding-right: 44px; }
#sort-nav ul li.last { padding-right: 19px; }
#sort-nav ul li a { position: relative; padding-right: 12px; font-weight: bold; color: #fff; background: url(images/nav-item.png) no-repeat right 50%;  }
#sort-nav .dd { display: none; position: absolute; z-index: 100; top: 30px; left: 0; width: 109px; background: #3a8cc0; }
#sort-nav .dd ul { float: none; }
#sort-nav .dd ul li { float: left;  background: none; padding: 0; width: 109px; }
#sort-nav .dd ul li a { display: block; padding: 0 0 0 15px; line-height: 25px; width: 95px; background: none; }

#main { position: relative; z-index: 1;}

.slider-holder { position: relative; width: 887px; height: 410px; padding: 39px 33px 0 72px; background: url(images/slider-frame.png) no-repeat 0 0; }
.promo { display: block; float: left; padding-top: 47px; width: 234px; height: 276px; }

#slider { display: inline; float: right; width: 627px; }
.jcarousel-container { position: relative; width: 620px; }
.jcarousel-clip { position: relative; width: 620px; overflow: hidden; }
.jcarousel-clip ul li { position: relative; width: 620px; height: 337px; }

.jcarousel-control { position: absolute; top: 436px; left: 40%; width: 0; }
.jcarousel-control a { font-weight: bold; color: #666666; display: block; float: left; padding: 4px 0 0 8px; height: 20px; width: 16px; background: url(images/slider-nav.png) no-repeat 0 -50000px;}
.jcarousel-control a:hover { background-position: 0 0; color: #000; text-decoration: none; }
.jcarousel-control a.active { background-position: 0 0; color: #000; }

/*.caption { position: absolute; right: -37px; top: 11px; padding-right: 45px; width: 350px;  }*/
.caption{position: absolute;width: 550px;bottom: 0px;left: 0px;text-align: left;}
/*.caption h2 {  padding-bottom: 7px; font-family: Arial, helvetica, sans-serif; font-size: 48px; line-height: 45px; color: #ffc000; text-align: right; letter-spacing: -1px; text-transform: uppercase; }*/
.caption h2 {  padding-bottom: 7px; font-family: Arial, helvetica, sans-serif; font-size: 48px; line-height: 45px; color: #ffc000; text-align: left; letter-spacing: -1px; text-transform: uppercase; }
.caption p { text-align: right; font-size: 16px; font-weight: bold; color: #4c4c4c; line-height: 22px; letter-spacing: 1px; } 
.caption .text { width: 250px; display: inline; float: right; } 
.caption .buy-now { display: inline; float: right; margin-top: 9px; padding: 10px 0; background: url(images/buy-now.png) no-repeat 0 0; width: 172px; height: 89px; }
.caption .buy-now p { font-size: 30px; line-height: 33px;  color: #ffcc00; text-align: center;  }
.caption .buy-now p.price { font-size: 30px; padding: 8px 12px 0 0; text-align: right; }
.caption .buy-now p span { font-size: 50px; line-height: 52px; color: #fff; padding-bottom: 0; }
.caption p strike { color: #d80105; font-size: 24px; line-height: 28px; }

#content { padding: 46px 5px 14px; }

.products-holder { position:relative; padding-bottom: 24px; margin-bottom: 30px; width: 981px; background: url(images/products-holder.png) no-repeat 0 bottom; }  
.products-holder h3 { min-width: 134px; }
.products-holder .top { height: 8px; line-height: 0; font-size: 0; background: url(images/products-top.png) no-repeat 0 0;  }
.products-holder .middle { padding: 12px 5px 10px 20px; background: url(images/products-middle.png) repeat-y center 0; }
.products-holder .middle2 { padding: 12px 5px 10px 20px;}
.products-holder .bottom { height: 7px; line-height: 0; font-size: 0; background: url(images/products-bottom.png) no-repeat 0 bottom; }
.products-holder .best-sellers { padding-bottom: 5px; background: url(images/best-sellers.png) repeat-y center 0; }
.product .deskripsi { display: inline; float: left; margin-top: -20px; padding-left: 20px; }
.product .deskripsi p.name { font-size: 14px; font-weight: bold; color: #056daf; }
.product { display: inline; float: left; margin: 5px 0 10px; padding: 30px 15px 0 0; width: 223px; height: 270px; background: url(images/product.png) no-repeat 0 0; }
.product a img { display: block; padding: 0 0 34px 20px; width: 185px; height: 152px; }
.product .desc { display: inline; float: left; padding-left: 20px; width: 111px; }
.product .desc p span { color: #000; }
.product .desc p.name { font-size: 14px; font-weight: bold; color: #056daf; }
.product .price-box { display: inline; float: right; margin-top: 3px; padding: 5px 13px 0 0; width: 73px; height: 58px; background: url(images/price-box.png) no-repeat 0 0; }
.product .price-box p { font-size: 18px; font-weight: bold; line-height: 24px; color: #024068; text-align: center; }
.product .price-box p sup { font-size: 12px; }
.product .price-box p.per-peace { font-size: 12px; color: #6acfff; }
.product .price-box p span.price { color: #fff; font-size: 24px; }

.scroll-pane { width: 929px; float: left; display: inline; height: 300px; overflow: auto; }

.scroll-pane2 { width: 979px; float: left; display: inline; height: 300px; overflow: auto; }

.horizontal-only { height: auto; max-height: 350px; }
.left-border { border-right: solid 1px #d3d3d3; width: 7px; height: 305px; float: left; display: inline; }
.right-border { border-left: solid 1px #d3d3d3; width: 4px; height: 305px; display: inline; float: left; }

.bottom-strip h3 { min-width: 123px; }
.bottom-strip .left { padding-bottom: 30px; background: url(images/box-holder-left.png) no-repeat 0 bottom; }
.bottom-strip .left .post { padding-left: 3px; width: 257px; }
.bottom-strip .middle { background: url(images/box-holder-middle.png) no-repeat 0 bottom; }
.bottom-strip .right { padding-right: 0; background: url(images/box-holder-right.png) no-repeat 0 bottom; }
.bottom-strip .right .post { display: inline; float: left; padding-left: 2px; width: 170px; }
.bottom-strip .right .post p{ line-height: 19px; }
.box-holder2 { position: relative;  padding-right: 33px; width: 100%px; display: inline; float: left; padding-bottom: 24px; }
.box-holder { position: relative;  padding-right: 33px; width: 305px; display: inline; float: left; padding-bottom: 24px; }
.box .middle2 { padding: 33px 18px 0 27px; min-height: 200px;}
.box { width: 305px; }
.box p span { color: #006aad; line-height: 24px; }
.box .top { height: 8px; line-height: 0; font-size: 0; background: url(images/box-top.png) no-repeat 0 0; }
.box .middle { padding: 33px 18px 0 27px; min-height: 200px; background: url(images/box-middle.png) repeat-y 0 0; }
.box .middle2 { padding: 33px 18px 0 27px; min-height: 200px;}
.box .bottom { height: 10px; line-height: 0; font-size: 0; background: url(images/box-bottom.png) no-repeat 0 0; }

.text-widget p { font-family: 'ArialNarrow', arial, sans-serif; font-size: 13px; color: #7f7f7f; line-height: 19px; }
.text-widget a.read-more { display: block; width: 75px; margin-top: 2px; padding: 10px 0 10px 25px; font-weight: bold; color: #006aad; background: url(images/read-more.png)  no-repeat 0 50%; }

#newsletter form { padding-top: 17px; width: 257px; }
#newsletter .submit-button { display: block; float: right; width: 120px; height: 39px; background: url(images/subscribe.png) no-repeat 0 0; }
#newsletter .submit-button input { padding: 10px 0 12px 18px; line-height: 19px; width: 120px; text-align: left; background: none; border: none; cursor: pointer; }
#newsletter .submit-button input { font-weight: bold; color: #fff; }
#newsletter .field-holder { margin-bottom: 6px; padding: 0 14px; width: 229px; background: url(images/field.png) no-repeat 0 0; }
#newsletter .field-holder input { border: none; background: none; padding: 6px 0 8px; width: 229px; }
#newsletter .field-holder input { font-size: 15px; font-weight: bold; line-height: 17px; color: #1fb0e2; }

.post-short .date-box { display: inline; float: right; padding: 11px 9px 6px 0; margin-top: 6px; width: 60px; background: url(images/date-box.png) no-repeat 0 0; }
.post-short .date-box p { color: #fff; text-align: center; font-size: 16px; font-weight: bold; line-height: 19px; }
.post-short .date-box p.date { font-size: 13px; padding-bottom: 4px; }
.post-short a.comments { display: block; width: 75px; margin-top: 8px; font-weight: bold; padding: 13px 0 10px 24px; color: #006aad; background: url(images/comments.png) no-repeat 0 50%; }

#footer-push { height: 61px; }
#footer { padding-top: 9px; height: 52px; background: url(images/footer.jpg) repeat-x center 0; } 
#footer a.footer-logo { display: block; float: right; padding-right: 5px; width: 186px; height: 35px; }
#bottom-nav { line-height: 14px; padding: 7px 0 0 7px;  }
#bottom-nav a { color: #83c0de; padding-right: 30px; }

.ket{
	margin: 0px 0px 5px 5px;
	font-weight:bold;
	float: center;
}


.mainimage li.producthtumb { display:inline-block; width:108px;}
.producthtumb > img {
    display: block;
    margin-bottom: 2px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.producthtumb a > span {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 10% 10% 10% 10%;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1) inset;
    display: block;
    margin: 2% auto;
    padding: 1.5%;
    width: 80%;
}
.producthtumb a > span:hover {
    background: #7FAAFF;
}
.producthtumb a > span > span {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border: 5px solid rgba(255, 255, 255, 0.1);
    border-radius: 10% 10% 10% 10%;
    display: block;
}
.productright { position:relative }
.productprice .price { margin:0 auto; height:28px; line-height:28px; margin-top:11px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; color:#333; text-align:center; font-weight:bold; text-transform:uppercase; font-size:16px; color:#f25c27; width:80px }
.productright .productpriceround { display: block; cursor: pointer; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); margin:0 auto; padding:10px; float:right; border: 1px solid #E7E7E7; }
.productprice { margin:0 0 30px 0; clear:both; height:5px; }
.proldprice { font-size:24px; color:#999999; display:block; text-decoration:line-through; line-height:24px; float:left; margin-right:15px }
.prnewprice {
	font-size:30px;
	color:#000;
	display:block;
	line-height:24px;
}
.selectsize {
	width:135px;
	float:left;
	margin-right:10px
}

.back_ { background:#fff; border:  display:block; margin:1px 10px 20px 1px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; }

.commentbox { background:#fff; border: 1px solid #ddd; display:block; margin:1px 20px 20px 0px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; }
.commentbox2 { background:#fff; border: 1px solid #ddd; display:block; margin:1px 10px 20px 0px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; }


.selectqty { width:100px; float:left; margin-right:10px }
.quantitybox { background:#f5f5f5; border: 1px solid #ddd; display:block; margin:1px 10px 20px 1px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; }
.quantitybox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.productlinks { margin:6px 0 0 10px; float:left }
.productlinks a { margin-right:10px; background: url(../images/productpagelinkicon.png) no-repeat 0 0; padding:0 0 0 25px; color:#4B5B58; line-height:24px; font-size:14px }
.productlinks a.cartadd { background-position:0 0 }
.productlinks a.compare { background-position:0 -49px }
h1.productname { text-align:center; color:#666; font-size:30px; margin:0 0 20px 0; background:none; line-height:auto!important; }
.productright a.addtocart { background: url(../images/addtocart.png) no-repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 20px; font-weight: bold; height: 34px; padding: 58px 0 0; text-align: center; width: 159px; margin-top:20px; display:block; cursor:pointer; margin-left:2px }
.productright a:hover.addtocart { background-position:0 -111px; }
.productdesc { margin:0px 0 }
.productdesc .nav-tabs li a {
	font-size:13px;
	text-shadow:1px 1px 1px #fff;
	color:#999999;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #226D92;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
}
.hideli{
	  list-style-type: none;
}
.productdesc .nav-tabs li a:hover { color:#333 }
.productdesc .nav-tabs li.active { border-bottom:1px solid #fff; }
.productdesc .nav-tabs li.active a {  color: #FFFFFF;
    text-shadow: 1px 1px 1px #666666; }
.tab-content {
	background-color: #FFFFFF;
	border: 1px solid #E7E7E7;
	border-radius: 3px 3px 3px 3px;
	border-top:none;
	padding:15px 15px 8px;
}

.side-content {
	border-radius: 3px 3px 3px 3px;
	border-top:none;
	padding:10px 10px;
}




.kiri {
	width:48%;
float:left;
margin:0px 0px 0px 10px;
}
.kanan {
width:48%;
float:right;
margin:0px 10px 0px 0px;
}
.left_20 {
	width:25%;
float:left;
margin:0px 0px 0px 10px;
}
.right_80 {
width:60%;
float:right;
margin:0px 10px 0px 0px;
}






table a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table a:active,
table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
table tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table tr:last-child td {
	border-bottom:0;
}
table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}