body {margin:0;padding:0;font:12px Verdana;min-width:1000px;color:#828282}
.header {height:50px;background:#636363; min-width:980px; margin-bottom:10px; border-bottom:1px solid #ccc}
.header_content {width:965px; margin:0 auto; }

input[type=submit].pay_now { background:url('../images/pay-now.jpg') center no-repeat; width:109px; height:36px; padding:0; border:none; text-indent:1000}
input[type=submit].pay_now:hover { background:url('../images/pay-now_hover.jpg');}
input[type=submit].pay_now:active { background:url('../images/pay-now.jpg') 1px ;}

/*-- header_removed --*/
/*----------------------
.hd_slide {height:248px;min-width:980px}
.hd_slide_content {width:980px; margin:0 auto; }
.hd_slide_sdb_lf {padding:15px 0 0 0; width:200px;height:150px; float:left}
.hd_slide_sdb_lf_content {background:#f3f3f3; height:188px; padding:10px 5px 0 5px }
.hd_slide_sdb_rg {width:200px; float:right; margin-top:15px; min-height:150px;}
.hd_slide_sdb_rg_content {background:#F3F3F3; height:205px; padding:10px 5px 0 5px}
.slide {width:500px; margin:0 auto; padding-top:20px; min-height:220px;}
.slide_content {height:180px; margin:0 10px; border:2px solid #333; overflow:hidden}
-----------------------*/

.sdb_language {width:70px;float:right; padding-top:15px; padding-left:10px}
.sdb_language a,.sdb_language a:visited {color:#aaa}

.search_form {}
.search_form input[type=text] {
	font-weight:bold; 
	color:#999;
	width:192px;
	margin-bottom:3px;
	}
.search_form input[type=submit] {
	padding:4px 5px;
	margin:0; 
	font-weight:bold; 
	background:#e60402; 
	border:none; 
	color:#eee; 
	float:right;
	}
.search_form select {
	width:159px;
	max-width:159px;
	padding:3px;
	}

.moving_text {padding:5px 10px; background:#000; font-size:18.5px; color:#e60402; font-weight:bold;}
.menu {float:right;}
.menu ul { padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0 2px; border:0;}
.menu ul li a { float:left; margin:0; padding:17px 0; font-size:14px; text-decoration:none; color:#CCCCCC}
.menu ul li a span { padding:0 7px; background:none;}
.menu ul li a:hover { background:#727272 }

/*-- sidebar --*/
.sdb_lf_top {border:1px solid #ccc; padding:5px}
.sdb_lf {border-bottom:1px solid #ccc; margin-bottom:10px;}
.sdb_lf #sidebar_content { font-weight:bold; }
.sdb_lf #sidebar_content ul {}
.sdb_lf #sidebar_content li {list-style: url('../images/small-bullet.gif');margin-left:20px;}
.sdb_lf #sidebar_content li a{ border-bottom:1px dotted #ccc;padding:5px 0 }
.sdb_lf #sidebar_content li a.current {color:#e60402;}
.sdb_lf #sidebar_content li.have_sub {background:url('../images/arrow-small.png') no-repeat 155px 5px;}

.sdb_rg {border-bottom:1px solid #ccc; margin-bottom:10px;}
.sdb_rg #sidebar_content li {border-bottom:1px dotted #ccc;padding:5px 0;list-style: url('../images/small-bullet-2.gif');margin-left:15px;}


#sidebar_title {color:#555 ; font:bold 14px arial; height:24px;background:url('../images/big-bullet.png') #eee 0 0 no-repeat; padding:6px 0 0 45px;}
#sidebar_content {padding:5px 5px 10px 5px; color:#828282; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#sidebar_content ul { margin:0; padding:0}
#sidebar_content li { list-style:none}
#sidebar_content li a {display:block; clear:both; width:100%; color:#828282}
#sidebar_content p {margin:3px 0;}

/*---main menu--*/
#main_menu ul ul {
	display:none;
	padding:0 5px;
	margin-left:-10px;
	}
/*
#main_menu ul li:hover ul{
	display: block;
	}
*/

/*-- content --*/
.body_content {width:965px; margin:0 auto;}
.container {float:left; width:760px; margin-left:5px; min-height:800px; color:#828282; margin-top:5px;}
.container a, .container a:visited {text-decoration:none;}
.container a:hover {text-decoration:underline;}
a, a:visited, label.link {text-decoration:none;color:#4D4D4D;}
a:hover {color:#4D4D4D;text-decoration:underline;}
.prod_img {margin-bottom:3px;border:3px solid #000; max-width:450px;} 

/*-- menu in content --*/
.menu-2 {margin-bottom:10px; text-align:center; font-weight:bold;}
.menu-2 a, .menu-2 a:visited {border-left:1px solid #ddd;padding:3px 11px ; color:#555}
.menu-2 a:hover { color:#999999; text-decoration:none} 
.menu-2 a:first-child { border:none} 

#content {}
#content p {margin:5px 0}
#content label {display:block;float:left; margin-top:3px; cursor:pointer;width:100px;}
#content_title {font-size:18px; padding-bottom:2px; border-bottom:1px solid #CCCCCC; margin-bottom:5px; clear:both; color:#000}
#title_sub { font:bold 15px arial; border-bottom:1px solid #ccc; margin-bottom:3px; clear:both; color:#000}
#box_title {font-size:16px; padding-bottom:2px; border-bottom:1px solid #CCCCCC; margin-bottom:3px; font-weight:bold;}
input[type=text], input[type=password], textarea, select {border: 1px solid #B1B1B1;font: 13px arial;padding: 3px;}
select { padding:2px }
input[type=text]:focus, input[type=password]:focus, textarea:focus {border:1px solid #333;}
input[type=button], input[type=submit], input[type=reset] {background: url('../images/button.gif');border: 1px solid #B9B9B9;cursor: pointer;padding: 2px 15px; font:bold 13px verdana; color:#828282}
input[type=button]:active, input[type=submit]:active, input[type=reset]:active {background: url('../images/button_2.gif');}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { color: #000}

input[type=button].next, input[type=submit].next, input[type=reset] {background: url('../images/button.gif');border: 1px solid #B9B9B9;cursor: pointer;padding: 4px 30px; font:bold 15px verdana; color:#828282}
input[type=button].next:active, input[type=submit].next:active, input[type=reset].next:active {background: url('../images/button_2.gif');}
input[type=button].next:hover, input[type=submit].next:hover, input[type=reset].next:hover { color: #000}

/*-- information --*/
div#success {border:1px solid #00FF33;background:#CCFFCC;padding:3px 10px;margin:5px 0; color:#000}
div#failed {border:1px solid #FF0033;background:#FFB9B9;padding:3px 10px;margin:5px 0; color:#000}
div#info {border:1px solid #CCCCCC;background:#F3F3F3;padding:3px 10px;margin:5px 0; color:#000}
div#message {border:1px solid #FFFF00;background:#FFFFC1;padding:3px 10px;margin:5px 0 15px 0; color:#000; text-align:center}


table#table {border:1px solid #ccc;}
table#table .head {background:#eee; border:1px solid #ccc; font-weight:bold;}
table#table th {padding:5px 10px;text-align:left;border-bottom:1px solid #ccc; font-size:12px}
table#table td {border-bottom:1px solid #ccc; font-size:12px; padding:5px 0}
table#table tr:last-child td { border:none }
table{ font-size:12px }

.footer {height:85px; ;background:url('../images/footer.jpg');min-width:980px; margin-top:10px;}
.footer_content {width:965px; margin:0 auto; padding:40px 10px 0 10px;}
hr {border:1px solid #ccc; border-bottom:none; border-left:none; border-right:none}

/*--product list--*/


/*---lama 3 kolom---
.prod {float:left; width:175px; margin:5px 5px 10px 5px}
.prod-img {height:150px; width:170px;display:block;display: table-cell; vertical-align: middle; border:1px solid #f1f1f1; text-align:center}
.prod-img-thumb {border:3px solid #000; max-height:130px; max-width:150px}
*/
	/*--style 1--*/
/*
.prod-desc {height:48px;min-height:48px; overflow:hidden}
.prod-desc-title {font-weight:bold; text-align:center}
*/
	/*--style 2--*/
/*
.prod-2-table {border:1px dotted #ccc; margin:5px 0; width:100%}
.prod-2-title {font-size:15px; font-weight:bold; border-bottom:1px solid #ccc}
---------------------*/

	/*--style 1--*/
.prod {float:left; width:135px; margin:0 1px 10px 2px}
.prod-img {height:110px; width:130px;display:block;display: table-cell; vertical-align: bottom; /* border:1px solid #f1f1f1; */ text-align:center; padding-bottom:5px;}
.prod-img-thumb {border:3px solid #000; max-height:99px; max-width:110px}
.prod-desc {height:44px;min-height:44px; overflow:hidden}
.add-to {float:left; width:10px; background:#f1f1f1; height:21px; width:66px; font-size:13px; font-weight:bold; padding-top:5px;}
.add-to-cart {width:30px; height:26px; background:#f1f1f1 url('../images/cart_small.gif') center no-repeat; float:right; }
.add-to-wish {width:30px; height:26px; background:#f1f1f1 url('../images/wishlist_small.gif') center no-repeat; float:right; margin:0 3px 0 3px;}
a.cart, a.cart:visited {color:#000; text-decoration:none; margin-right:2px}
a.cart:hover {text-decoration:none;color:#000; }
	/*--style 2--*/
.prod-2-title {font-weight:bold;}
.prod-img-2 {width:170px;display:block;display: table-cell; text-align:center; padding-top:3px;}
.prod-img-thumb-2 {border:3px solid #000; max-height:130px; max-width:150px}
.prod-2-table {border-bottom:1px solid #ccc; width:100%}
.add-to-cart2 { font:bold 13px arial; background:#f1f1f1 url('../images/cart_small.gif') 15px no-repeat; float:right; width:140px; float:left; margin-right:10px; text-align:center; padding:5px 0 5px 20px;}
.add-to-wishlist {background:#f1f1f1 url('../images/wishlist_small.gif') 15px 5px no-repeat; font:bold 13px arial; padding:5px 0 5px 20px; text-align:center}
a.wishlist, a.wishlist:visited {color:#000; display:block;text-decoration:none}
a.wishlist:hover {text-decoration:none;color:#000;}

h4 {font:bold 14px arial; border-bottom:1px solid #ccc; margin:5px 0;}
ul.price {margin:0; padding:0}
ul.price li { list-style:none; cursor:pointer}
ul.price li.active{font-weight:bold; list-style:circle }
span.required {color:red}
ul.price li.so{color:#e60402}
.addr_box {display:none;background:#f3f3f3;-moz-border-radius:5px;padding:10px;position:absolute;border:1px solid #ccc; height:200px; width:250px; margin:-110px 0 0 170px}
.addr_box ul {margin:0; padding:0;}
.addr_box li {list-style:none; cursor:pointer; padding:3px 5px; -moz-border-radius:5px; margin-right:5px;}
.addr_box li:hover { background:#ccc; font-weight:bold}
label {cursor:pointer}
.breadchumb {
	min-height:28px;
	border:1px solid #ccc;
	background:#f3f3f3;
    font-size: 13px;
    color: #afafaf;
	margin-bottom:10px;
}
.breadchumb ul {
    list-style: none;
	margin:5px;
	padding:0;
}
.breadchumb li {
    float: left;
    margin-right: 5px;
}
.breadchumb li a, .breadchumb li a:visited { 
    color: #a2a2a2;
    text-decoration: none;
    background: url('../images/arrow.png') center right no-repeat;
    padding:0 25px 2px 0;
}
.breadchumb li a:hover {
    color: #666;
}
#cat-list a {color:#666666; height:29px; width:139px; float:left; margin:3px; 
background:url('../images/big-bullet.png') #f3f3f3 0 0 no-repeat; padding:0 0 0 40px;}
#cat-list a:hover { text-decoration:none; background:url('../images/big-bullet.png') #e9e9e9 0 0 no-repeat;}
#cat-list a span {height:28px; display:table-cell;vertical-align:middle;}
ul#banner_right {}
span.info {color:#bfbfbf}


/*----- rotator -------*/
div#rotator {
	height:200px;
}
div#rotator ul {
	padding:0;
	margin:0;
}
div#rotator ul li {
	position:absolute;
	list-style: none;
}
div#rotator ul li.show {
	z-index:1
}


.pagination_top {border-bottom:1px solid #ccc; padding:10px 0; margin-bottom:10px;}
.pagination_bottom {border-top:1px solid #ccc; padding-top:10px; margin-top:10px;}
.pagination_top span, .pagination_bottom span { border:1px solid #ccc; padding:3px 6px; background:#f3f3f3; margin:0 3px}
.pagination_top a:hover, .pagination_bottom a:hover { text-decoration:none }
.pagination_top span.current, .pagination_bottom span.current { font-weight:bold; color:#000}

.social {border:1px solid #ccc; padding:7px 10px 3px; margin:10px 0; font-size:15px; font-weight:bold}
.social ul {margin:0}
.social li:first-child {padding-top:6px;}
.social li {margin:0; padding-right:15px; float:left; list-style:none}