#satu a,#dua a,#tiga a,#empat a{padding:0;height:20px;display:block;margin-top:7px;}
#satu a{background:url(../images/home.gif) no-repeat;background-position:0 0;width:60px;margin-right:2em;}
#satu a:hover,#satu a#active{color:black;background:url(../images/home.gif) no-repeat;background-position:0 -20px;}
#dua a{background:url(../images/browse.gif) no-repeat;	background-position:0 0;width:80px;	margin-right:2em;}
#dua a:hover,#dua a#active{	color:black;background:url(../images/browse.gif) no-repeat;	background-position:0 -20px;}
#tiga a{background:url(../images/stores.gif) no-repeat;background-position:0 0;width:70px;margin-right:2em;}
#tiga a:hover,#tiga a#active{color:black;background:url(../images/stores.gif) no-repeat;background-position:0 -20px;}
#empat a{background:url(../images/faqs.gif) no-repeat;	background-position:0 0;width:70px;	margin-right:;}
#empat a:hover,#empat a#active{color:black;background:url(../images/faqs.gif) no-repeat;background-position:0 -20px;}
#sub_header {
    margin:3em 1em 1em 0;
    }
#footer{text-align:center;font-size:10px;color:#454545;}
#footer p{margin:0;padding:5px 0 5px 0;line-height:140%;border-top:1px solid gray;}
#footer a{color:#454545;text-decoration:none;}
#footer a:hover{color:#EE7600;text-decoration:underline;}
.header_panel a{height:25px;padding:0 0 0 5px;font:helvetica;color:white;font-size:10px;background-color: #EE7600;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px #EE7600;padding: 5px;}
.header_panel2{height:auto;line-height:25px;padding:0 0 0 5px;font:Helvetica;font-size:20px;background-color: #EE7600;	-moz-border-radius: 5px;-webkit-border-radius: 5px;	border: 1px #EE7600;padding: 5px;}
.header_panel2 a{height:auto;line-height:35px;padding:0 0 0 5px;font:Helvetica;color:white;	font-size:20px;background-color: #EE7600;}
.header_panel3{height:auto;line-height:25px;padding:0 0 0 5px;border-bottom:0px solid black;font-family:fantasy,Helvetica,sans-serif;color:blue;font-size:20px;	background-color: #EE7600;}

.left_search{padding:8px 5px 8px 5px;margin:1px 0 0 0;}
.left_news{padding:8px 5px 8px 5px;	margin:1px 0 0 0;}
.input_text_panel{width:100%;border:1px solid #666;font-size:12px;color:#666;}
.input_text_panel_num{width:50px;border:1px solid #666;background-color:black;font-size:11px;color:#666;}
.submit_panel{border:1px solid #666;background-color:#EE7600;color:white;font-size:12px;-moz-border-radius: 15px;webkit-border-radius: 15px;}
.submit_panel_disabled{border:1px solid #ccc;background-color:#ccc;color:black;font-size:11px;margin-top:3px;padding:4px;}
.select_panel{width:100%;border:1px solid #666;font-size:12px;color:#666;}
#container{margin:0 auto;width:980px;}
#logincontainer{margin:200px auto;width:300px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid gray;padding: 15px;}
#activecontainer{margin:200px auto;width:500px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid gray;padding: 15px;}
#activecontent{margin:auto;width:inherit;}
#flash{border:1px solid #333;width:730px;height:200px;margin:0;padding:0;}
#content{clear:both;width:980px;margin:5px 0;padding:0;}
#left{width:175px;float:left;margin:3px 6px 0 3px;padding:0;}

#left_up{width:238px;float:left;margin:0;padding:0;border:1px solid #333;float:left;}
#left_mid{width:175px;float:left;margin:6px 0 6px 0;padding:0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid gray;padding: 00px;}
#left_ban{width:175px;margin-top:6px;margin-right: auto;padding:0;float:none;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#left_ban img{height:228px;}
#left_bottom{width:175px;margin-top:6px;margin-right:auto;padding:0;float:none}
#left_bottom2{width:238px;margin:6px 0 0 0;padding:0;border:1px solid #333;float:left;}
#middle{width:606px;margin:0;padding:0;float:left;-moz-border-radius: 5px;-webkit-border-radius:5px;}
#middle2{width:480px;margin:0;padding:0;float:left;}
#middle_search{width:970px;height:33px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background-color: #421515;color: white;margin: 0 0 1px 0;	border:1px solid #333;	vertical-align: middle;}
#middle_up{width:606px;margin:0 0 6px 0;padding:0;border:1px solid #333;float:left;-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border: 1px solid gray;}
#middle_bottom{width:606px;margin:0 0 0 0;padding:0;border:1px solid #333;float:left;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid gray;}
#right{	width:175px;float:left;	margin:0 0 0 6px;padding:0;}
#right_cart{width:175px;margin:0;padding:0;float:left;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid gray;}
#right_ban{width:175px;margin:6px 0 0 0;padding:0;float:left;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid gray;}
#right_ban img{height:228px;}
#right_up{width:175px;margin:6px 0 0 0;padding:0;float:left;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid gray;}
#right_bottom{width:175px;margin:6px 0 0 0;padding:0;float:left;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid gray;}
.body_panel{padding:8px 5px 8px 5px;}
.body_panel2{padding:8px 5px 8px 5px;}
.news_panel{padding:8px 5px 8px 5px;}
.news_panel_left{width:60%;float:right;padding:0;margin-bottom:5px;}
.news_panel_right{width:30%;float:left;padding:0;margin-bottom:5px;}
.body_panel_left{width:55%;float:left;padding:5px;}

.body_panel_left1{width:100%;float:left;padding:0;line-height:125%;}
.browse_panel{width:50%;float:left;padding:0;line-height:200%;}
.body_panel_left p{margin-top:5px;line-height:140%;}
.body_panel_left ol{margin:0;padding:0 0 0 23px;}
.body_panel_left ol li{margin-bottom:5px;}
.body_panel_right{width:40%;padding:5px;float:right;}
.divider{width:98%;border:.6px dotted #ccc;}
.author{font-size:10px;color:#ccc;}
.space{clear:both;height:1em;}
.error{color:#c00;}
.renggang{padding:0 5px 0 5px;color:#630;letter-spacing:.05em;text-decoration:none;}
p{margin:0;padding:0;color:#454545;}
li a{color:#454545;text-decoration:none;}
ol li a{color:blue;text-decoration:none;}
a{color:#454545;text-decoration:none;}
b a{color:white;text-decoration:none;}
a:hover{color:#f5a500;text-decoration:underline;}
form{margin:5px 0 5px 0;padding:0;}
h1{margin:0;padding:0;font-size:1em;}
h1 a{color:blue;}
h1 a:hover{text-decoration:underline;color:#EE7600;}
#header_content{background-image:url(../images/sub_header_01.jpg);height:100px;border-bottom:1px solid #454545;}
#header_content2{background-image:url(../images/sub_header_02.jpg);height:100px;border-bottom:1px solid #454545;}
#header_content3{background-image:url(../images/sub_header_03.jpg);height:100px;border-bottom:1px solid #454545;}
#header_content h1,#header_content2 h1,#header_content3 h1{margin:0;padding:8px 0 8px 10px;color:#454545;font-size:14px;width:180px;background-color:#291111;position:absolute;top:140px;}
html>body #container #content #header_content h1{top:137px;}
html>body #container #content #header_content2 h1{top:137px;}
html>body #container #content #header_content3 h1{top:137px;}
.book{padding:0;margin:10px 0 0 0;}
.book_left{float:left;margin:0 6px 0 0;}
.book_right p,.tbl_cat p{margin:0;padding:0;line-height:140%;}
.book_author{font-style:italic;color:#454545;}
.book_author2{font-style:normal;color:#454545;}
.formStyle{margin:0;padding:0;}
.form_contact th{padding:0 0 0 00px;text-align:left;width:20%;vertical-align:top;color:#454545;}
.form_contact td{padding:0;}
.input_contact{font-family:Arial,Helvetica,sans-serif;font-size:11px;vertical-align:middle;width:98%;border:1px solid #CCC;padding:2px;}
.input_submit{font-family:Arial,Helvetica,sans-serif;font-size:11px;vertical-align:middle;color:#454545;border:1px solid #333;padding:1px;}
.small{font-size:11px;margin:8px 0 0 0;padding:0;}
.big{font-size:14px;margin:20px 0 0 0;padding:0;color:#666;text-align:center;}
.cartFormStyle{margin:0;padding:0 10px 10px 0px;}
.input_cart{vertical-align:middle;font-family:Arial,Helvetica,sans-serif;font-size:11px;width:160px;border:1px solid #CCC;padding:2px;}
.input_num_cart{vertical-align:middle;font-family:Arial,Helvetica,sans-serif;font-size:11px;width:50px;border:1px solid #CCC;padding:2px;}
.select_cart{vertical-align:middle;font-family:Arial,Helvetica,sans-serif;font-size:11px;width:96px;border:1px solid #CCC;padding:2px;}
.submit_cart{vertical-align:middle;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#454545;background-color:white;border:1px solid #666;padding:1px;}
html>body #container #wrap #left .cartFormStyle .submit_cart{padding:3px;}
.tbl_cat td{line-height:100%;padding:5px 10px 5px 0;vertical-align:top;}
.tbl_cat img{float:left;margin:0 6px 3px 0;}
.tbl_cat p{line-height:100%;margin-bottom:20px;}
.tbl_clean th{padding:5px 10px 5px 10px;text-align:left;background-color:#EE7600;color:white;}
.tbl_clean td{line-height:100%;padding:5px 5px 5px 10px;width:50%;vertical-align:top;}
.tbl_clean tr .genap{background-color:#f1f1f1;}
.tbl_cart td{font-size:12px;font-weight:bold;}
.fb-like{position:relative; width:310px; color: #004993; height: 15px; margin-bottom:5px;}


/* baru */
html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
}
div,p,blockquote,h1,h2,code,ol,ul,dl,li,dt,dd,td,th{font-family:Arial,Helvetica,sans-serif;font-size:12px;}
body {
    color:#454545;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    }
#bookshelf {	
    margin: 5px 0 0 0;	
    height:inherit;
    }
#bookshelf td {
    border:1px solid silver;
}
#bookshelf a img:hover {	
    border:none;	
    vertical-align: baseline;
    }
#bookshelf .block-image {
    display:block;
    height: 100px;
    margin-top:5px;
    margin-bottom:5px;
}
#bookshelf .block-description {
    display:block;
    height: 30px;
    margin-bottom: 5px;
}
#bookshelf .block-price {
    display:block;
    height: 30px;
    margin-bottom: 5px;
}
#bookshelf .block-cart {
    display:block;
    height: 30px;
    margin-bottom: 5px;
}
#header {
    padding:1em 0 0 0;
    }
#header_left {
    float:left;
    }
#header_right {
    float:right;
    }
#navlist {
    padding:0;	
    margin:0;
    list-style:none;
    }
#navlist li {
    float:left;	
    position:relative;
    }
.header_panel {
    height:22px;
    line-height:25px;
    font:helvetica;
    color:white;
    font-size:20px;
    background-color: #EE7600;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border: 1px #EE7600;
    padding: 5px;
    }
#left_menu {
    font-size:.8em;
    float:left;
    width:175px;
    margin-bottom:0;
    z-index:1000;
    }
/*content block*/
#banner_block {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }
#newrelease_block {
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid gray;*/
    margin-top:5px;
    }
#popular_block {
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid gray;*/
    margin-top:5px;
    }
#recommend_block {
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid gray;*/
    margin-top:5px;
    }
/* Product Panel */
#header_text {
    margin: 5px;
    font-size: 18px;
    }
.product_panel_left {
    width:40%;
    padding:5px;
    float:left;
    } 
.product_panel_right {
    width:55%;
    padding:5px;
    float:right;
    }
.product_title {
    font-size:24px;
    font-weight:bold;
    font-family: serif;
    }
/* menu */
#menu {
    margin:1px 0 0 0;
    padding:0;
    list-style:none;
    width:175px;
    }
#menu li {
    position:relative;
    z-index: 1000;
    }
#menu li ul {
    position:absolute;
    left:135px;
    top:0;
    display:none;
    list-style:none;
    z-index: 1000;
    }
#menu li a {
    display:block;
    text-decoration:none;
    padding:6px 0 6px 10px;
    border-bottom:1px solid gray;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;border: 
    1px solid gray;padding: 5px;
    }
* html #menu li {
    float:left;
    height:1%;
    }
* html #menu li a {
    height:1%;
    }
#menu li a:hover {
    background:#000;
    /*font-size:14px;
    font-weight:bold;*/
    }
#menu li ul li a {
    width:140px;
    padding:6px 10px 6px 10px;	
    background:white;
    background-position:0 -60px;
    border:1px solid #555;
    }
#menu li ul li a:hover {
    color:#f5a500;
    background:#000;
    }
#menu li:hover ul,#menu li.over ul {
    display:block;
    }
#viewcart {
    font-size: 20px;
    }
#product-shelf {	
    margin: 5px 0 0 0;	
    height:inherit;
    }

