@charset "utf-8";
/* CSS Document */

body {
	font:11px/130% Tahoma,Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color: #505050;
}
h1 {
	margin:0 0 5px 0;
	padding:10px 0;
	font-size:22px;
	color: #FF9900;
	font-weight: normal;
	text-transform: uppercase;
	line-height: normal!important
}
h2 {
	font-size:14px;
	margin:0;
	padding:5px;
}

a img { border:0;}
a, a:visited{
	color:#003ba2;
	text-decoration: none;
}
a:hover, a:focus {text-decoration:underline;}
/*p {
	margin:5px 0;
	padding:0;
}*/
.sum1 {width:auto;}
.rctop, .rcbot { display: block ;

}

.rcbot { 
margin-bottom:10px;
}

.dlink{
	color:#F17022!important;
}

.rctop *, .rcbot * {
	height: 1px;
	background-color: #fff;
	overflow: hidden;
	display: block;
}
.rcbot * { background-color: #fff }

.r1, .r2, .r3 { height: 1px }
.r1 {
	margin: 0 5px;
	background-color: #ccc;
}
.r2 {
	margin: 0 3px;
	border-width: 0 2px;
	border-style: solid;
	border-color:#ccc;
	
}
.r3 {
	margin: 0 2px;
	border-width: 0 1px;
	border-style: solid;
	border-color:#ccc;
}
.r4 {
	height: 2px;
	margin: 0 1px;
	border-width: 0 1px;
	border-style: solid;
	border-color:#ccc;
}

.rctopb { display: block ;


}

.rctopb * {
	height: 1px;
	background-color: #c20038;
	overflow: hidden;
	display: block;
}

.r1b, .r2b, .r3b { height: 1px }
.r1b {
	margin: 0 5px;
	background-color: #c20038;
}
.r2b {
	margin: 0 3px;
	border-width: 0 2px;
	border-style: solid;
		border-color:#c20038;
	
}
.r3b {
	margin: 0 2px;
	border-width: 0 1px;
	border-style: solid;
		border-color:#c20038;
}
.r4b {
	height: 2px;
	margin: 0 1px;
	border-width: 0 1px;
	border-style: solid;
	border-color:#c20038;
}



.rctopbf { display: block ;
margin-bottom:8px;


}

.rctopbf * {
	height: 1px;
	background-color: #c20038;
	overflow: hidden;
	display: block;
}

.r1bf, .r2bf, .r3bf { height: 1px }
.r1bf {

	height: 2px;
	margin: 0 1px;
	border-width: 0 1px;
	border-style: solid;
	border-color:#c20038;


}
.r2bf {

	margin: 0 2px;
	border-width: 0 1px;
	border-style: solid;
		border-color:#c20038;


	
}
.r3bf {

	margin: 0 3px;
	border-width: 0 2px;
	border-style: solid;
		border-color:#c20038;

}
.r4bf {
	margin: 0 5px;
	background-color: #c20038;
}
.rctopbc { display: block ;
margin-bottom:8px;


}

.rctopbc * {
	height: 1px;
	background-color: #fde2ed;
	overflow: hidden;
	display: block;
}

.r1bc, .r2bc, .r3bc { height: 1px }
.r1bc {

	height: 2px;
	margin: 0 1px;
	border-width: 0 1px;
	border-style: solid;
	border-color:#fde2ed;
}
.r2bc {

	margin: 0 2px;
	border-width: 0 1px;
	border-style: solid;
		border-color:#fde2ed;
}
.r3bc {

	margin: 0 3px;
	border-width: 0 2px;
	border-style: solid;
		border-color:#fde2ed;

}
.r4bc {
	margin: 0 5px;
	background-color: #fde2ed;
}


.aligncenter {text-align:center;}
.alignR {text-align: right;}
.alignL {text-align: left;}
.fLeft { float:left;}
.fRight { float:right;}
.borderLR {
	border-left:1px solid #ccc;
	border-right: 1px solid #ccc;
}

.clear { clear:both;}
.tumb { margin-right:10px;}
.container {
	width:1000px;
	margin: 0 auto;
	padding: 0;
}
.topnav {
	background: #d14500;
	padding: 0 10px;
	color: #fff;
}
.topnav a, .topnav a:visited { color:#FFFFFF;
}
.login { height:30px; margin:0; padding:0;}
.search {
	height:40px;
	padding:0;
	margin:0;
}
.shopping_chart { text-align:right;}
.r4menu, .r4menu li, .hmclass ul, .hmclass li,.hmclass1 ul, .hmclass1 li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.r4menu li, .hmclass li, .hmclass1 li { float: left }
.r4menu li a {
	width: 100px;
	height: 20px;
	line-height: 18px;
	margin-right: 1px;
	padding-left: 10px;
	color: #fff;
	background-color: #D14500;
	display: block;
	text-align:center;
}
.r4menu li a:hover { text-decoration: none }
.r4menu li a.hot1 {
	background-color: #D14500;
}
.hmclass {
	padding: 10px;
	position: absolute;
	background-color: #D14500;
	border-top: 1px solid #ccc;
	visibility: hidden;
	z-index:1000;
	left: 579px;
	top: 88px;
}
.hmclass .tutup {
	width: 250px;
	float:left;
}
.tab11 {
	margin: 0;
	padding: 0;
	width: auto;
}
.tab11 ul, .tab11 li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.tab11 li { float: left }
.tab11 li a {
	margin-right: 1px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 12px;
	padding:10px;
	width:auto;
	float: left;
	background:#000;
}

.tab11 li a:hover, .tab11 li a.selected {
	color: #000;
	background:#ccc
}
.tab11 li a.selected {
	position: relative;
	top: 0px;
	background:#f90;
}

.tab11content {
	display: block;
	width: 200px;
}
.head { margin:0; padding:0;}
.content { margin:0; padding:0;}
.left {
	width: 250px;
	margin-top: 10px;
}
.left h2 {
	padding:15px 20px;
}

.menu {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.img_transparent {
	opacity: 0.6;
}

.img_highlight {
	opacity: 1;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0 2px 0 3px;
	list-style: none;
	float : left;
	width : 240px;
}

#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 25px;
	margin : -1px;
	width: 240px;
	border-bottom : 1px solid #ccc;
}


#nav li li {
  border-bottom: 0;
}


#nav li ul { /* second-level lists */
  position : absolute;
  left: -999em;
  margin-left : 219px;
  margin-top : -28px;
  z-index: 250;
}

#nav li ul ul { /* third-and-above-level lists */
  left: -999em;
}

#nav li a {
	width: auto;
	display : block;
	color : #555;
	font-weight : normal;
	text-decoration : none;
	border : 1px solid #ccc;
	border-bottom: solid 3px #fff;
	padding-left : 20px;
	background: #fff url('../images/arrow.gif') 223px 7px no-repeat;
	border-left: 0;
	border-right: 0;
}

#nav li li a {
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	border-top: 0;
	background: #fff url('../images/arrow.gif') 15px 7px no-repeat;
	padding-left: 45px;
}

#nav li li:first-child a {
	border-left: 0;
	border-top: solid 1px #ccc;
}

#nav li li:last-child a, #nav li li:last-child a:hover {
	border-bottom: solid 2px #ccc;
}

#nav li a:hover {
	color : #000;
	background-color : #fff;
	border-bottom: solid 3px #ccc;
}

#nav li li a:hover {
  border-bottom: solid 3px #fff;
  text-decoration: underline;
  background: #fff url('../images/arrow.gif') 15px 7px no-repeat;
  color: #000;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}

.level1 {
	border-bottom: 1px solid #ccc;
	color: #505050;
	list-style-type: none;
	line-height: 25px;
	margin-left: -40px;
	padding-left: 25px;
	font-family: Tahoma;
}

.level1 a, a:visited, a:hover {
	text-decoration: none;
	color: #101010;
	font-weight: normal;
}
.ads {
	text-align:center;
	margin:15px 0;
	padding:0;
}
.right {
	padding: 0 10px;
}
.breadcrumb a {color:#003ba2;}
.breadcrumb a:hover { text-decoration:underline;}

.produk_wrap {
	clear: both;
	padding: 10px 0 0;
}
.blokout {
	width: 230px;
	margin-bottom: 15px;
}
.blok_mid {
	margin:0 16px;
}
.blokR {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px;
}
.blokR a {
	color: #D14500;
}
.blokR .fav { text-transform: uppercase;
}
.blokR .fav a {
	color: #003ba2;
}

.ads_bawah {
	padding:0 0 10px 0;
	margin: 0 0 10px 0;
}
.bawah {}
.blok_bawah_wr {
	width: 320px;
}
.blok_bawah { padding:10px;
}
.footer {}
.blokout_slider {
	width: 480px;
	margin-bottom: 15px;
	margin-right: 15px;
}
.blokout_slider ul { margin:0; padding:0;}
.blokout_slider ul li {
	display:inline;
	float:left;
	list-style:none;
	margin-right:10px;
	width: auto;
}
.blokout_slider .sum {
	width:80px;
}
.blok_slider {
	padding: 0;
}
.block_news {
	width: 480px;
	margin-bottom: 15px;
	margin-right: 15px;
}
.news_title {
	margin:0 0 5px 0;
	padding:10px 0;
	font-size:22px;
	color: #FF9900;
	font-weight: normal;
	text-transform: uppercase;
}
#slideshow {
	list-style:none;
	color:#fff;
	background: #3D4043;
}
#slideshow span {
	display:none;
	overflow: hidden;
}
#wrapper {
	width:480px;
	margin:0;
	display:block;
}
#wrapper * {margin:0; padding:0}
#fullsize {
	position:relative;
	width:480px;
	height:220px;
	padding:0px;
	overflow: hidden;
}
#information {
	position:absolute;
	bottom:0;
	width:480px;
	height:0;
	background: #999;
	color:#fff;
	overflow:hidden;
	z-index:220;
	opacity:.6;
	filter:alpha(opacity=60)
}
#information h3 {
	padding:4px 8px 3px;
	font-size:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #ffff6f;
}
#information p {padding:0 8px 8px}
#image {
	width:480px;
}
#image img {
	position:absolute;
	z-index:25;
	width:468px
}
.imgnav {
	position:absolute;
	width:25%;
	height:220px;
	cursor:pointer;
	z-index:150;
	top: 2px;
}
#imgprev {
	left:0;
	background-image: url(../images/scroll-left.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#imgnext {
	right:0px;
	background-image: url(../images/scroll-right.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#imglink {
	position:absolute;
	height:300px;
	width:480px;
	z-index:100;
	opacity:0;
	background: #3D4043;
}
.linkhover {background:url(../images/link.gif) no-repeat center center}
#thumbnails {
	margin-top:0px;
	background-color: #3D4043;
}
#slideleft {float:left; width:20px; height:60px; background:#999 url(../images/Arrow3-Left.png) no-repeat center center}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:60px; background:#999 url(../images/Arrow3-Right.png) no-repeat center center}
#slideright:hover {background-color:#333}
#slidearea {
	float:left;
	position:relative;
	width:440px;
	height:60px;
	overflow:hidden;
	background: #999;
	padding: 0;
}
#slider {
	position:absolute;
	left:0;
	height:60px;
	padding: 5px 0 0 0;
}
#slider img {
	cursor:pointer;
	border:1px solid #111;
	padding:2px;
	width: 75px;
	height: 42px;
}
.blokout_toko {
	width:230px;
}
.blokout_toko ul {
	margin: 0;
	padding: 0;
	
}
.blokout_toko ul li{
	list-style: none;
	clear: both;
	margin-bottom: 10px;
}
.blokout_toko .sum {
	width:123px;
}
.tumb_kecil {
	margin-right:6px;
	float: left;
}
.tumb_kecil img{
	border: 2px solid grey;
}

.blok_slider .infoh {
	position:relative; /* diubah dari absolute */
	background:#000;
	opacity:0.8; /* diubah dari 0.9 */
	bottom: 66px; /* diubah dari 70px */
	width: 480px;
	margin-bottom:-70px; /* ditambah baru */
}
.infoh h3, .infoh p  { padding:3px 10px; color:#FFFFFF;}
.tab1 {
	width:150px;
}
.tab2 {
	width:100px;
}
.tab3 {
	width:520px;
	text-align: right;
}
.tab4 {
	width:300px;
}
.tabauto {
	width: auto;
}
.orange { color:#f90;}

.vote
{
    margin-top:0px;
    float:left;
    margin-right:0px;
    width:45px;
    height:30px;
    background:url("../images/vote.gif") no-repeat;
    color:white;
    text-align:center;
    text-transform:uppercase;
    padding-top:17px;
}

.content_other
{
    margin-left: 5px;
    width: 700px;
}

/* table styling */
.table_style {

    border-spacing: 0px;
    font-size: 11px;
    margin: 5px 0 5px 0;
}

.table_style th {
    /*border-bottom: 2px solid #A69A81;*/
    border-bottom: 2px solid #E87808;
    text-align: left;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
    padding-left:5px;
}
.table_style td {
    /*border-bottom: 1px solid #E0D3B8;*/
    border-bottom: 1px dotted #FF9C32;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
    padding-left:5px;
    
}

.table_style tr.hover:hover {background-color:#ccccff}

/* Dropdown panel Search */
#wrapper-panel{
    margin-left: auto;
    margin-right: auto;
    width: 475px; /* diubah dari 310 - 475*/
    text-align: center;
}
#toppanel {
    position: absolute;
    top: 30px; /* diubah dari 37 - 30*/
    width: 315px;
    z-index: 25;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#panel {
    width: 315px;
    position: relative;
    top: 1px;
    height: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
    overflow: hidden;
    text-align: left;
}
#panel_contents {
    background: #fff;
    border: solid 5px #d24500;
    border-top: 0;
    height: 100%;
    width: 305; /* diubah dari 315 - 305 */
    position: absolute;
    z-index: -1;
}
.panel_button {
    margin-left: 0;
    text-align: right; /* diubah dari left - right */
    position: relative;
    top: 1px;
    width: 305px; /* diubah dari 315 - 305 */
    height: 54px;
    z-index: 20;
    cursor: pointer;
    border-top: solid 5px #d24500;
}
.panel_button a {
    text-decoration: none;
    color: #545454;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    left: 10px;
    top: -5px;
    font-family: Arial, Helvetica, sans-serif;
}
.panel_button a:hover {
  color: #999999;
}

.panel_button img{
  position: relative;   
  top: 0;
  border: none;
}

/* Style for Usual tabs */
.usual {
  background:#fff;
  color:#111;
  width:285px;
  margin: 10px;
}
.usual li { 
  list-style:none; 
  float:left; 
  margin: 0;
  padding: 0;
}
.usual ul {
  margin: 0;
  padding: 0;
}

.usual ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:10px Verdana;
  color:#000;
  background:#eee;
}
.usual ul a:hover {
  color:#FFF;
  background:#111;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#fff;
  background:snow;
  border-bottom:1px solid snow;
  cursor:default;
  background:#d24500;
}
.usual div {
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:snow;
  font:10pt Georgia;
}
.usual div a { color:#000; font-weight:bold; }

.header_link a:hover
{
    text-decoration: underline;
    color:FFFFFF;
}

#err_message {
	font-weight: bold;
	color: red;
}

.err_message {
	color: red;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	display:block;
}

.ok_message {
	color: green;
	padding-top: 5px;
	padding-bottom: 5px;
	display:block;
}

.tf-normal {
	width: 250px;
}

.tf-narrow {
	width: 125px;
}

.tf-wide {
	width: 375px;
}

.tf-wider {
	width: 475px;
}

.tf-widest {
	width: 575px;
}

.pagetitle {
	font-size: 14px;
	font-weight: bold;
	margin-bottom:15px;
}

/*** search **/

.search-form {
	position: relative;
	top: -10px;
	float: right;
}

.search-form input{
	padding-left: 4px;
	background: url(../uploads/style/input-bg.gif) repeat-x;
}

.search-title{
	background:url();
	font-weight: bold;
}

#cse-search-results ul {
	list-style-type: none;
	padding: 0;
	padding-top:10px;
}

#cse-search-box input{
	padding-left: 4px;
	background: url(../uploads/style/input-bg.gif) repeat-x;
}

span.voucher-icon {
	background: url(../uploads/style/ico_set_ogi.png) no-repeat;
	width: 20px;
	padding: 10px 13px 0 9px ;
	background-position: -72px 1px;
}

span.info-diskon-icon {
	background: url(../uploads/style/ico_set_ogi.png) no-repeat;
	width:20px;
	padding: 10px 12px 0 10px ;
}

span.toko-online-icon {
	background: url(../uploads/style/ico_set_ogi.png) no-repeat;
	width:20px;
	padding: 10px 12px 0 10px ;
	background-position: -22px 1px;
}

span.article-icon {
	background: url(../uploads/style/ico_set_ogi.png) no-repeat;
	width:20px;
	padding: 10px 12px 0 10px ;
	background-position: -98px 1px;
}

.search-nav {
	position: relative;
	top: 5px;
	text-align: center;
	color: #00b5ec;
	font: 12px arial;
	
}

.search-nav {
	position: relative;
	top: 5px;
	text-align: center;
	color: #00b5ec;
	font: 12px arial;
	
}
.search-nav a:active{
	color: #00b5ec;
}

a.search-nav-next-button{
	background:url(../uploads/style/nav-button.png) no-repeat;
	padding: 2px 0px 0 12px;
	background-position: -22px -1px;
}

a.search-nav-prev-button{
	background:url(../uploads/style/nav-button.png) no-repeat;
	padding: 2px 0px 0 12px;
	background-position: -4px -1px;
}

.search-nav a:active{
	opacity: 0.5;
}
/* end css search */
.myfieldset {
	background-color:#fff9e7;
	
	border-width:2px;
	border-style:solid;
	border-color:#7c5b47;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
		
	margin:10px 0px 10px 0px;
	/* width:200px; */
	position:relative;
	display:block;
	padding: 0px 7px 7px 7px;
	
}

.mylegend {
	background-color:#7c5b47;
	
	border-width:1px;
	border-style:solid;
	border-color:#7c5b47;
	
	color:#ffcc99;
	font-weight:bold;
	font-variant:small-caps;
	font-size:110%;
		
	padding:2px 5px;
	margin:0px 0px 10px 0px;
	position:relative;
	top: -12px;
	
}