/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif; font-size:11px;
	color: #000000;
	background: #000000;
	margin: 0px;
	padding: 0px 0px 0px 0px;	
}
A {TEXT-DECORATION: none; color:#FFFFFF }
A:link {TEXT-DECORATION: none; }
A:visited {TEXT-DECORATION: none;}
A:hover {TEXT-DECORATION: underline; color:#FF9900} 
	
#body {margin:auto; padding:0px; }
#header_wrapper {margin:auto; background:black; width:100%; height:107px; padding-top:20px;}
#header {margin:auto; width:800px; padding:0px; height:107px; }
.left {float:left; background:black; width:32px; height:107px}
.logo {float:left; width:736px; height:107px; background:url(../image/bg_logo.jpg);}
.logo_men {float:left; width:736px; height:107px; background:url(../image/header_product.jpg);}
.right {float:left; background:black; width:32px; height:107px }

#menu {margin:auto; width:736px; padding:0px;}

#content {margin:auto; width:736px; padding:5px 0px 0px 0px;}

.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #FFFFFF;
}

.content { margin:0px; width:100%; font:Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:left;}
.content_kiri {float:left; width:60%; font:Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:left;}
.content_kanan {float:right; width:40%;}
.intro {padding:10px 10px 10px 10px; }
.red {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#f21f25;}
.black {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:black;}
.white {font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; color:white;}
.title_white {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:white; padding:0px 0px 3px 10px}
.gallery {padding:5px 0px 5px 0px;}
.display {padding-right:5px; vertical-align:top}
.tab_display {text-align:left; margin:0px}
#content_product {margin:auto; width:736px; padding:0px; background:#FFFFFF}
.product { padding:10px;}
#cont_product {margin:0px; padding:0px; background:#ececea;}
.cont_item {border:solid 1px #e0e0df; width:170px;padding:5px; color:#151248}
.cont_text {background:#FFFFFF;  }
#footer { background:#000000; height:30px; margin:0px; padding:0px; width:100%; text-align:center; padding-top:10px; font-size:12px;  color:white}
.footlink {font-size:9px; text-decoration:none; color:#FFFFFF}
.text_content_bold { font-size:12px; font-weight:bold; text-decoration:none; color:#2b2a66}
.text_content { font-size:11px; text-decoration:none; color:#2b2a66}
.colortbl { color:#971b1e;}
.suckertreemenu {width:736px; margin:0px 0px 0px 0px; padding:0px}
.suckertreemenu ul{float:left; margin:0px 0px 0px 3px; padding:0px; list-style-type: none; background:none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline; width:180px; padding:0px 3px 0px 0px;
float: left;
height:21px;
background: none; /*overall menu background color*/
background-image:url(../image/butt_men_red_180.png);
background-repeat:no-repeat;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 180px; /*Width of top level menu link items*/
padding: 4px 0px 0px 0px;
border: 0px solid black;
border-left-width: 0;
text-decoration: none; font:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold;
height:21px
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0; margin:0px; padding:0px;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
height:21px
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item; padding:0px 0px 0px 0px; margin:0px;
float: left;
height:21px;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
height:21px;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 180px; /*width of sub menu levels*/
color: white;
text-decoration: none; 
padding: 4px 0px 0px 0px;
border: 0px solid #ccc;
}

.suckertreemenu ul li a:hover{
/*background-color: black;*/
color: gray; height:21px; width: 180px;background-image:url(../image/butt_men_red_180_on.png); background-repeat:no-repeat; 
}