@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color:#0a4c88
}

TD {FONT-SIZE: 11px; FONT-FAMILY: Arial; }
A {FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-FAMILY: Arial; COLOR: #000000}
A:hover {COLOR: #000000; TEXT-DECORATION: none	}
A.newsgroup {	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #0850A0; TEXT-DECORATION: none}
A.newsgroup:hover {COLOR: #ff6600; TEXT-DECORATION: none	}
A.toolbar{COLOR: #000000; TEXT-DECORATION: none }
A.toolbar:Hover {COLOR: #ff6600; TEXT-DECORATION: none}
A.menu {FONT-WEIGHT: bold; color: #201460; TEXT-DECORATION: none}
A.menu:hover {	FONT-WEIGHT: bold; COLOR: #999999; TEXT-DECORATION: none}
A.gateway {FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none}
A.gateway:hover {FONT-WEIGHT: bold; COLOR: #ff6600; TEXT-DECORATION: none}
A.link:Hover { COLOR:#800000; font-size: 8pt; font-family: Arial; text-decoration:none}
A.link	{color:black; font-size: 8pt; font-family: Arial; text-decoration:none }
/* for the directory add-on */
A.cat {font-size: 13px; font-weight: bold; font-family: Tahoma}
A.subcat {font-size: 12px; font-weight: normal; font-family: Tahoma}	
A.trail {font-size: 12px; font-weight: normal; font-family: Tahoma}
input.mini {font-size: 10px; font-family: Arial;}
/* Here you can customize the size of the eframe */
iframe.external{width: 100%; height: 600px;}
					
.maintable{
width:960;
}

.maincontent{
width:100%;
background-color:#FFFFFF;
}

.menutable{
background-color:#000000;
z-index:999;
width:100%;
}

/* TOOLBAR */
.tbtable{
height:25;
width:100%;
padding:4;
background-color:#FFFFFF;
color:#000000;
text-align:center;
}

/* PAGE TITLE */
.pagetitle{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000000;
}

.bodytitle{
width:100%;
color:#990000;
font-size:14px;
font-weight:bold;
padding-top:5;
}

.bodytitleicon{
}

/* MAIN BODY */
.mainbody{
vertical-align:top;
padding-left:10;
padding-right:10;
}

/* LEFT MARGIN */
.leftmargin{
width:200;
vertical-align:top;
}

/* LEFT MARGIN BOX */
.lmtable{
margin-bottom:10;
}

.lmtitletable{
padding-left:10px;
height:35;
font-size: 14px;
font-weight: bold;
}

.lmtitleicon{
}

/* RIGHT MARGIN */
.rightmargin{
width:200;
vertical-align:top;
background-color:#FFFFFF;
}

/* RIGHT MARGIN BOX */
.rmtable{
margin-bottom:10;
}

.rmtitletable{
padding-left:10px;
height:35;
font-size: 14px;
font-weight: bold;
}

.rmtitleicon{
}
/* BANNER */
.banner{
text-align:center;
background-color:#000000;
}

/* FOOTER */
.footer{
background-color:#FFFFFF;
}

/* form elements */
form {
	margin:10px; padding: 0;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	margin:5px 0 0;
}
input {
	padding: 2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:300px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #4284B0;	
}

/* search form */
form.searchform {
	background: transparent;
	border: none;
	margin: 4px; padding: 0;
}

form.searchform label{
display:inline; margin-right: 4px;
}

form.searchform input.textbox { 
	margin-right: 4px;
	width: 120px;
	background: #FFF;
	color: #333; 
	height: 22px;
	vertical-align: top;
}

form.searchform input.button { 
	margin: 0; 
	padding: 2px; 
	font: bold 12px Arial, Sans-serif; 
	background: #FAFAFA;
	border: 1px solid #f2f2f2;
	color: #777;	
	vertical-align: top;
}

/* login form */
form.loginform {
	background: transparent;
	border: none;
	margin: 0; padding: 0;
}
form.loginform input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #9EC630; 
	background: #FFF;
	color: #333; 
	height: 22px;
	vertical-align: top;
}
form.loginform input.button { 
	margin: 0; 
	padding: 2px 3px; 
	font: bold 12px Arial, Sans-serif; 
	background: #FAFAFA;
	border: 1px solid #f2f2f2;
	color: #777;	
	width: 30px;
	vertical-align: top;
}

.jqueryslidemenu{
font: bold 12px Verdana;
background: #414141;
width:100%; display:table;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

.sidemenu{margin:0; padding-left:20px;}
.sidemenu ul{margin:0; padding-left:20px;}

.pagination{margin:10px; padding:2px; text-align: right; font-size: 12px; float:none;}
.pagination a, .pagination a:visited{padding: 0 5px; border: 1px solid #9aafe5; text-decoration: none; color: #2e6ab1;}
.pagination a:hover, .pagination a:active{border: 1px solid #2b66a5; color: #000; background-color: #FFFF80;}
.pagination a.currentpage{background-color: #2e6ab1; color: #FFF !important; border-color: #2b66a5; font-weight: bold; cursor: default;}
.pagination a.disablelink, .pagination a.disablelink:hover{background-color:#666666; cursor: default; color: #929292; border-color: #929292;font-weight: normal !important;}
.pagination a.prevnext{font-weight: bold;}

/* 7Commerce */
#productmenu{margin:0 0 10px; padding:0; width:100%; height:auto; overflow:hidden; border:1px solid #C67171;}
#productmenu #title{height:35; color:#FFFFFF; font-size: 14px; font-weight: bold; margin:0; padding:5px;}
#productmenu ul{ list-style:none; margin:0; padding: 0 0 0 20px;}
#productmenu li{}
#productmenu li span{ display:block; margin:3px 0; width:90%;}
#productmenu a{ color:#000000; text-decoration:none; }
#productmenu a:hover{ color:#CCCCCC;}
#productmenu #bottom{}

#latestproduct{display:block; position:relative; width:100%; float:none; text-align:center;}
#productcomm{display:block; position:relative; width:100%; float:none; text-align:center;}
#itemcomm{display:block; position:relative; float:left; width:145px; height:250px; overflow:hidden;  margin:2px; padding-bottom:4px; text-align:center; color:#000000;}
#imagebox{width:143px; height:150px; overflow:hidden; border:1px dotted #CCCCCC; margin:0; padding:0;}
#itemcomm a{ text-decoration:none; color:#000000; font-size:12px; font-weight:bold;}
#itemcomm a:hover{ color:#990000;}	

.warna_1{background-color:#000000; width:15px; height:15px; margin:2px; cursor:pointer; border:1px solid #000000; float:left;}
.warna_2{background-color:#FF0000; width:15px; height:15px; margin:2px; cursor:pointer; border:1px solid #000000; float:left;}
.warna_3{background-color:#006600; width:15px; height:15px; margin:2px; cursor:pointer; border:1px solid #000000; float:left;}
.warna_4{background-color:#000066; width:15px; height:15px; margin:2px; cursor:pointer; border:1px solid #000000; float:left;}