BODY {
BACKGROUND: #ffffff; MARGIN: 5px; COLOR: #000000;font-family:verdana, Arial, sans-serif;font-size:14px
}

h1 {
FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif;margin:0 0 0 0;padding:0 0 0 0;
}
h2 {
FONT-WEIGHT: bold; FONT-SIZE: 17px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif;margin:0 0 0 0;padding:0 0 0 0;
}
h3 {
FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif;margin:0 0 0 0;padding:0 0 0 0;
}
h4 {
FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif;margin:0 0 0 0;padding:0 0 0 0;
}
h3 a, h4 a{text-decoration:none;color:#000000}
h3 a:hover, h4 a:hover{text-decoration:underline}

#head1 {
	padding : 10px;
	background-color:#180052;
	margin:0;

}
#head1 h1 {font-size:17px;color:#FFFFFF}
#headertop #logo {
	width : 300px;
	float : left;vertical-align:middle;
}

#headertop #logo img {
	width:100%;
	max-width:100%;
	
}
#headertop #menu {
	text-align:center;
	margin-top:0;
}

#headertop #menu a{
	display:block;
	float:right;
	width:80px;
	padding:10px 3px 0 3px;
	height: 30px;
	border-radius: 15px 15px 15px 15px;
	color:#180052;
	margin-left:5px;
	font-size:14px;
}

#headertop #menu img { 
	width:100%;
	max-width:100%;
	border:0;
}
#headertop #menu a:hover{color:#FFFFFF}
#headertop #menu a:active{color:#000000}

.text1 {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif
}
.text2 {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif
}
.text3 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif
}
.text4 {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif
}
.text18 {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif
}
.error {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #FF0000; FONT-FAMILY: Verdana, Arial, sans-serif
}
.helptext{
	FONT-WEIGHT: normal;  FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif
}
.category{ FONT-WEIGHT: bold;  FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif

}
.baskettext {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif
}
.totalbasket {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif
}



A{
		FONT-WEIGHT: normal;  COLOR: #1d5987; FONT-FAMILY: Verdana, Arial, sans-serif;text-decoration:none
}
A:hover {
	COLOR: #e17009;
}


td.cs{font-size:12px}
a.homeheading {FONT-WEIGHT: bold; FONT-SIZE: 15px; text-decoration:none}

h1.dispheading,h2.dispheading{margin: 0 0 0 10px; 
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 14px; text-decoration:none}

TD.DialogTitle {
 height: 15px; border-top : 2px solid  #bbc3d3;
 border-bottom:1px solid #bbc3d3; padding-top : 3px;padding-bottom:3px;
}
div#tableright{
margin-top:0;;width:180px;
margin-left:5px;
}
div#tableright .rightbox{
margin:1em 0;border-left : 1px solid #374b75;
padding-bottom:5px; border-bottom : 1px solid #374b75;
border-radius:5px 0 0 5px;
}
div#tableright .sponsor{
margin:1em 0;border-left : 1px solid #374b75;border-top : 1px solid #374b75;
padding:5px 0; border-bottom : 1px solid #374b75;
border-radius:5px 0 0 5px;
}
div#tableright .rightbox h3{
 font-weight:bold;padding: 5px 0;
border-top : 2px solid #374b75;
border-bottom: 1px solid #374b75;
margin-bottom:3px;text-align:left;padding-left:10px;
border-radius:5px 0 0 0;
font-size:14px;
}

div#tableleft{
margin: 0; width:140px;padding:0 0 0 8px; ;
}

div#tableleft .product{
margin:1em 0;
padding-bottom:5px; text-align:left;
}

div#tableleft .product h3{
font-weight:bold;padding: 5px 0;
font-size:14px;color:#ffffff;
}
.product h4 a{display:block;
 font-weight:bold; margin:12px 0 5px 8px; font-size:15px;color:#ffffff
}
div#reseller ul, div#tableleft .product ul{margin:0;padding:0}
div#reseller li, div#tableleft .product li{
list-style-type:none;
width:130px;
height:40px;
margin-bottom:5px;
}

.product ul li a{
text-align:center;
padding-top:10px;
font-size:14px;
display:block;
width:130px;
height:30px;
color:#180052;border-radius:15px 15px 15px 15px;

}
.product ul li a:hover{color:#FFFFFF}
.product ul li a:active{color:#000000}
a.kanan{
margin-left:35px; 
}

a.buybutton  {color:white;background:url(image/buy-button.gif); 
width:100px;height:20px;display:block;text-decoration:none;margin-top:5px;margin-bottom:5px;text-align:left}
a.buybutton .beli {padding-left:15px;padding-top:1px;font-weight:bold;font-size:12px}
a.buybutton:hover{background-position:0 -18px;color:#000000}

a.buybutton2  {color:white;background:url(image/buy-button2.gif);margin-left:10px; 
width:200px;height:18px;display:block;text-decoration:none;margin-top:3px;margin-bottom:5px;text-align:left}
a.buybutton2 .beli {padding-left:20px;padding-top:1px;font-weight:bold;font-size:12px}
a.buybutton2:hover{background-position:0 -18px;color:#000000}

img.imageproduk {border:1px solid #dddddd; border-radius:5px}
img.imageproduk:hover{border:1px solid #000000}

div.frontwhat{
margin:0 30px 15px 20px;
font-size:13px;
}
div.frontwhat h3{
font-size: 13px;
font-weight: bold;
margin-bottom: 0;
padding: 5px 0px 2px 0;
}
div.frontwhat ul{
margin:0px;
}
div.frontwhat ul li{
list-style-image: url(image/check.png);
margin: 5px 0px;
padding: 0px 0px 0px 0px;
display: list-item;
font-size: 14px
}

.paging2 {margin-right:10px;}
.paging2 a{border:1px solid gray;
text-decoration:none;margin:0;padding:0 5px; color:#000000}
.paging2 a:hover{background:#db542d;color:#000000;}

select,textarea,input {
	font-size:14px;
	background: #F0F5FB;
	border: 1px solid #619CD8;
	padding: 0 3px;
  	border-radius: 5px;
}

input.mybutton {
	font-size:18px;
	background: #afd8f8;
	color:#03243e;
	padding:0 3px;
}

input.mybutton:hover
{
	background:#79b7e7;
}
#frontpage {margin:0 10px;}
#content_header {
	font-size:18px;
	padding: 5px;
	margin:5px 10px 10px 10px;
	border-bottom:1px solid #180052;
	border-top:1px solid #180052;
}

#content_header a{
	font-size:18px;
}
#content {
	margin: 10px;
}
#mastercontent { margin:10px}

.block { width:32%;height:200px;text-align:center;float:left;padding-top:30px;margin-left:8px}
#leftcolumn { width:148px; background: #180052}
#smallcolumn {display:none}
@media screen and (max-width: 1024px){
#headertop #logo {
	width : 200px;
	float : left;
	margin-top:10px;
}

#headerbottom h1 {
FONT-SIZE: 15px;
}

#tableleft{
	display:none;
}
#leftcolumn{
	width:10px;
	background: #180052;
}
#smallcolumn {display:block;color:#ffffff;cursor: pointer;
cursor: hand;}
}

@media screen and (max-width: 800px) {
	#headertop #menu a{ width:60px; font-size:10px}
}

.merah { background: url(image/merah.jpg) repeat-x}
.ungu { background: url(image/ungu.jpg) repeat-x}
.orange { background: url(image/orange.jpg) repeat-x}
.biru { background: url(image/biru.jpg) repeat-x}
.ungu2 { background: url(image/ungu2.jpg) repeat-x}
.hijau { background: url(image/hijau.jpg) repeat-x}

.tbl_img img{
	width:120px; 
}

.tbl_client{ 
background:url(image/rview.jpg);
font-size:14px; text-align:center;width:36px;height:22px;padding-top:2px}