.logo{height: 160px; float: left; width: 270px;}
.logo a{text-align: center;}

.header-right{width: 700px; float: right; overflow: hidden;padding-top: 55px;}

.cs{
	 margin-left:55px;
	 background: url(../images/cs.jpg) no-repeat left top; 
	 width: 300px;
	 float: left;
	 padding: 5px 0 0 55px;
	 margin-bottom:10px;
}
.cs h3{
	font-size: 12px;
}

.shopping-cart{ 
	background: url(../images/sc.jpg) no-repeat left top; 
	width: 150px;
	float: right;
	padding: 5px 0 10px 55px; 
	margin-bottom:10px;
}
.shopping-cart-title{font-weight: bold;}
.shopping-cart-info{font-size: 11px;}
#shopping_cart_item_count{font-weight: bold;}

/*shopping-cart-detail */
.shopping-cart-detail{padding: 4px 0;}
.shopping-cart-detail h3{padding: 6px 0;}

/* menu statis */
.horizontal-menu{
	margin-top:15px;
	font-weight: bold; 
	height:25px; 
	overflow: hidden; 
	float: right; 
	background: url(../images/menu_l.jpg) no-repeat left #E7EFF7;
}
.horizontal-menu-content{background: url(../images/menu_r.jpg) no-repeat right; height: 25px; padding: 0 10px;}
.horizontal-menu-item{color:#336699; line-height: 25px; padding: 0 5px;}
.horizontal-menu-item span{}
.horizontal-menu-item:hover, .horizontal-menu-content a.active{color: #333;}

/* search */
.search{height: 70px; }
.search form{padding: 15px 0 0 10px; color: #fff;}
.search .text{width: 180px;color: #333; font-weight: bold; padding: 4px;}
.search .button{background: url(../images/search.jpg) no-repeat; width: 42px; height: 32px; border: none !important;}

/* banner */
.banner{}
.banner-content{padding: 10px 0 0 0;}
.banner-item{padding: 0 0 8px 0;}
.banner-info{display: none;font-size: 11px;color: #999;}
.banner-item a img{border: 1px solid #ddd !important;padding: 2px;background: #fff;}
.banner-item a:hover img{background: #fc0;}
#banner-01{padding: 10px 0; text-align:center;}
#banner-01 .banner-item{padding: 2px 0}
#banner-02{text-align: center;}
#banner-03{border: 1px solid #ccc; background: #fff; padding: 10px;}
#banner-04{width: 130px;float: right;text-align: right;padding-top: 25px;}
#banner-03 .banner-info{display: block;}

/* welcome */
.welcome{}
.welcome h2{font-size: 18px !important; font-weight: normal; margin: 0px;padding: 0px;}
.welcome a{color: #333;}
.welcome a:hover{color: #fff;}


/* horizontal menu bottom */
.horizontal-menu-bottom{padding: 8px 0px 4px 4px;}
.horizontal-menu-bottom-content{ font-weight: bold;}
.horizontal-menu-bottom-item{padding: 0 4px;color: #336699;}
.horizontal-menu-bottom-item:hover{color: #333;}

/* menu vertical */
.menu{
	background: url(../images/sdbar_lbg.jpg) repeat-y;
}
.menu h3{ 
	margin: 0px; 
	padding: 0 10px 0 60px; 
	font-weight: bold; 
	background: url(../images/sdbar_ltop.jpg) no-repeat;
	height: 50px;
	line-height: 50px;
	text-transform: uppercase;
	font-size: 12px;
}
.menu ul{
	list-style-type: none;
	margin: 0px;
	padding:0px 0px 10px 20px;
}
.menu ul li{
	margin: 0px;
	padding: 0 0 0 15px;
	background: url(../images/icon.jpg) no-repeat; 
	background-position: 0px 7px; 
	line-height: 22px; 
	font-weight: bold;
}
ul.children{
	padding: 0 0 0 10px;
}
.children li{
	font-weight: normal !important; 
	background: url(../images/icon2.jpg) no-repeat !important; 
	background-position: 0px 6px !important;
	line-height: 20px !important;
	padding: 0 0 0 12px !important;
}
.menu ul li a{color: #666;}
.menu ul li a:hover{color: #0A4D74;}
.menu-bottom{
	background: url(../images/sdbar_lbtm.jpg) no-repeat;
	height: 7px;
	font-size: 1px;
	margin-bottom: 10px;
}

/* kontak-sidebar */
.kontak-sidebar{ 
	background: #E7EFF7;
}
.kontak-sidebar h3{
	margin: 0px; 
	padding: 0 10px 0 60px; 
	font-weight: bold; 
	background: url(../images/kontak_top.jpg) no-repeat;
	height: 50px;
	line-height: 50px;
	text-transform: uppercase;
	font-size: 12px;
}
.kontak-sidebar-bottom{
	background: url(../images/kontak_btm.jpg) no-repeat;
	height: 7px;
	font-size: 1px;
	margin-bottom: 10px;
}
.kontak-sidebar-content{ padding: 10px 20px 20px 20px; }


/* login */
.login{ background: url(../images/login_bg.gif) no-repeat bottom center #6D6D6D; padding: 2px 2px 10px 2px;color: #fff;}
.login .text{width:130px; border: 1px solid #fff;}
.login h3{padding: 10px; font-weight: bold !important; text-align: right}
.login-content{padding: 2px 6px}
.login-content table{width: 95%;}
.login-content td{padding: 6px 4px;}
.chapca{padding-bottom: 4px;}
.login .button{background: #FCDAC9;border: 1px solid #FCDAC9; color: #fff;}
.lupa-passowrd{font-size: 11px; color: #fff;}
.lupa-passowrd:hover{font-size: 11px; color: #fc0;}

/*std-table*/
.std-table{padding: 10px 0;}
.std-table table{width: 100%;}
.std-table th{background: #2686C0;padding: 4px 10px;border-bottom: 1px solid #fff;color: #fff; text-align:center;}
.std-table td{padding: 4px 10px;border-bottom: 1px solid #EBF4F9;}
.std-table .even td{background: #EBF4F9;}
.small-table td{font-size: 12px !important; padding: 3px 1px;}


/* misc */
.cek_ketersediaan_toko, cek_ketersediaan_user{display:none; margin: 10px 0; font-size: 11px; width: 300px;}




/* info-pembayaran */
.info-pembayaran{ padding: 10px;}
.info-pembayaran h3{font-size: 14px !important; font-weight: bold !important; color: #134182;}

/* frontpage-product-list */
.frontpage-product-list{ padding: 10px 0;}
.frontpage-product-list h3{ 
	margin: 0px; 
	padding: 0 10px 0 44px; 
	font-weight: bold; 
	background: url(../images/terbaru.jpg) no-repeat;
	height: 45px;
	line-height: 45px;
	text-transform: uppercase;
	font-size: 12px;
}
.frontpage-product-item{ width: 320px; float: left; padding-top: 5px; margin-right: 10px;}
.frontpage-product-img{ float: left; width:90px; text-align: center;}
.frontpage-product-info{ width: 220px; float: right;}
.frontpage-product-info h4{ font-size: 12px; padding: 0px; margin: 0px;}
.frontpage-product-info h4 a{ color: #AB3842;}
.frontpage-product-info h4 a:hover{ color: #333;}
.product-description{padding: 4px 0 10px 0; color: #666;}
.product-price{ font-size: 14px; width: 110px; height: 26px; line-height:26px; font-weight: bold; float: left; text-decoration: underline;}
.product-action{width: 100px; float: right; text-align: right;}

/* category-product-list */
.category-product-list{ padding: 10px 0;}
.category-product-list h3{font-size: 14px !important; font-weight: bold !important; color: #134182;}
.category-product-item{ padding: 20px 0 10px 0; border-bottom: 1px solid #EBF4F9}
.category-product-img{float: left; width:95px; height: 95px; text-align: left;}
.category-product-info{ width: 570px; float: right;}
.category-product-info h4{ padding: 0px !important; margin: 0px !important;}
.category-product-info h4 a{ color: #63371B;}
.category-product-info h4 a:hover{ color: #af0000;}
.category-product-item .product-description{ float: left; width: 350px; font-size: 11px;}
.category-product-item .product-action{ width: 100px; text-align: right; float: left;}

.product-orderby{margin-top: 20px; padding: 8px 10px; text-align: right; background: #EBF4F9; }
.product-orderby img{}

/* about-store */
.about-store{ padding: 0px 15px;}
.about-store h3{font-size: 14px !important; font-weight: bold !important; color: #134182;}
.about-store-content{ padding: 10px 5px;}

/* ajax side */
.ajax-wrap{}
.ajax-logo{height: 100px; background: url(../images/logo.gif) no-repeat #fff; background-position: 20px center; border-bottom: 2px solid #efefef;}
.ajax-site-title{display: none;}
.ajax-site-slogan{display: none;}
.ajax-content-title{padding: 10px 20px 10px 20px; text-align: left; font-size: 12px; font-weight: bold; background: #2686c0; color: #fff;}
.ajax-content-wrap{padding: 0px 20px 10px 20px; text-align: left;}
.ajax-product-image{ float: left; width: 180px;}
.ajax_price, .ajax_quantity, .ajax_weight, .ajax_price_subtotal{font-weight: bold; text-align: center;}
.formUpdateProgress{ padding: 10px 0; display: none;}
#checkout, #reset_checkout{font-weight: bold; padding: 5px 10px; font-size: 16px}

.main-content ol li{ padding: 5px 0;}

/* product description */
.description-image-box{width: 200px; height: 180px; float: left;}
.description-image{ border: 1px solid #89BBDB;width: 200px; height: 180px; display: table-cell; vertical-align: middle; text-align: center;}

.description-thumbnail{padding: 4px 0;}
.description-thumbnail-item{width: 90px; height: 90px; float: left; margin: 0 5px 5px 0; text-align: center; border: 1px solid #89BBDB;}
.description-thumbnail-item a{display: block; padding: 5px 0 0 0;}
.description-zoom-info{font-size: 11px; background: #89BBDB; text-align: center; padding: 4px; margin: 2px 0; color: #fff}
.description-info-box{width: 450px; float: right;}
.price-normal,.price-promosi,.price-hemat,.weight,.stock{font-weight: bold;}
.price-promosi{color: #0066ff}
.price-hemat{color: #af0000}
.big_buy_button{padding: 4px;}
.description-overview, .description-spesification{padding: 20px 0;}
.description-overview h3, .description-spesification h3{padding: 8px 10px; background: #2686C0; color: #fff;}

.news{
	margin-bottom: 10px;
}
#news-frontpage h3{ 
	margin: 0px; 
	padding: 0 10px 0 44px; 
	font-weight: bold; 
	background: url(../images/berita.jpg) no-repeat;
	height: 45px;
	line-height: 45px;
	text-transform: uppercase;
	font-size: 12px;
}
.news-item{
	padding: 5px 0 10px 0;
	border-bottom: 1px solid #efefef;
	margin-bottom: 5px;
}
.news-item h4{
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.news-item h4 a, .news-bottom a{
	color: #AB3842;
}
.news-item h4 a:hover, .news-bottom a:hover{
	color: #333;
}
.news-item-info{
	font-size: 11px;
	padding: 2px 0 0 0;
}
.news-bottom{
	text-align: right;
	font-size: 11px;
	padding: 0 10px;
	font-weight: bold;
}

.slide-main{padding-left: 10px; height:200px;}
#slide-item{position:absolute;}
.slide-item {display:none; position:absolute; left:0; top:0;}
.slide-item img{padding: 2px ; border:1px solid #BCD2EA; background:#fff;}
.slide .slide-item{display:block; position:static;}