@charset "utf-8";
/* CSS Document */
body{margin:0}
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 974px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#ffffff
}

#header {
	margin: 0;
}
#header #logo{width:974px;height:50px;margin:0 0 3px 0;padding:0}
#header #logo h1
{
font-size:18px;
line-height:18px;
font-weight:bold;
text-align:center;
margin:0;padding:0
}
#header .menu{width:974px;height:37px;background:url(image/menubg.gif);margin-bottom:8px;padding:0}
#header .menu table{margin:0;padding:0}
#header .menu #flag{padding:10px;margin:0}
#header .menu #flag a{text-decoration:none;color:#16387c;font-size:11px}
#header .menu #search{padding-top:6px;margin:0;padding-left:15px;color:#16387c}
#topnav{text-align:center;list-style-type:none;padding-top:7px}
#topnav .topping {border:1px solid #4d7888}
#topnav .topping a{text-decoration:none;font-weight:bold;color:#16387c;margin:0;padding-left:8px;padding-right:8px;}
#topnav .topping a:hover{color:#16387c;background:#ffffff}

#side-a {
	float: left;
	width: 160px;
}
#side-a p{margin:0}
#side-b p{margin:0}
#side-a .body {margin:0 0 8px 0;padding:0;width:160px}
#side-a ul{margin:0;padding:0}
#side-a .body h2{margin:0;background:#beccd4;font-size:14px;font-weight:bold;height:20px;padding:5px 0 0 15px;color:#16387c}
#side-a  .body .maincategory{margin:5px 0 0 0;height:18px}
#side-a  .body a{text-decoration:none}
#side-a  .body a:hover{text-decoration:underline}
#side-a  .body li.maincategory {list-style-type:none;margin:0;font-weight:bold}
#side-a  .body li.maincategory  a{padding-left:12px;text-decoration:none;font-weight:bold;color:#16387c}
#side-a  .body li.maincategory  a:hover{text-decoration:underline}

#side-a  .body .subcategory{margin:0;background:url(image/cat-list.gif) no-repeat 10px 7px;border-bottom:1px dashed #ddeaef;height:17px}
#side-a  .body li.subcategory {list-style-type:none}
#side-a  .body li.subcategory  a{padding-left:20px;text-decoration:none;color:#16387c;font-size:12px}
#side-a  .body li.subcategory  a:hover{text-decoration:underline}

#side-a  .body li.cs{list-style-type:none;padding-left:13px}
#side-a  .body .box{margin:0;padding:3px;width:152px;border:1px solid #beccd4;background:#e9eef1}


#side-a  .body .box2 {
margin:0;padding-left:3px;padding-top:3px;width:155px;
height: expression( this.scrollHeight > 249 ? "250px" : "auto" ); /* sets max-height for IE */
max-height: 250px; /* sets max-height value for all standards-compliant browsers */
overflow:auto;border:1px solid #beccd4;background:#e9eef1
}

#side-b {
	float: right;
	width: 200px;
}

#side-b  .body{margin:0 0 8px 0;padding:0}
#side-b  .body h2{margin:0;background:#beccd4;font-size:14px;font-weight:bold;width:185px;height:20px;padding:5px 0 0 15px;color:#16387c}
#side-b  .body .box{margin:0;width:195px;padding-left:3px;padding-top:3px;padding-bottom:3px;
border:1px solid #beccd4;background:#e9eef1}

#side-b  #tablecart{font-size:11px;font-family:Arial, Helvetica, sans-serif}
#side-b  table,tr,td{border-color:#16387c}
#side-b  .highlight{background:#beccd4}
#side-b  .body .rightbody2{margin:0;width:195px;padding-left:3px;padding-top:3px;
height: expression( this.scrollHeight > 299 ? "300px" : "auto" ); /* sets max-height for IE */
max-height: 300px; /* sets max-height value for all standards-compliant browsers */
overflow:auto;border:1px solid #beccd4;background:#e9eef1
}

.smalltext{font-size:12px}
.error{font-size:10px;color:red}
#content { 
	float: left;
	width: 62%;
	margin-bottom:8px;
}

#content .header {width:585px;height:30px;margin-left:12px;background:#beccd4}
#content .header h2{padding-top:5px;margin:0 0 0 8px;font-size:16px;font-weight:bold;color:#16387c;float:left;padding-left:0.5em}

#content .row{margin-left:12px;clear:left}
#content .row .item{float:left;width:585px;margin-right:5px}
#content .row .item .body{width:583px;margin:0;border:1px dashed #d0c9c1;margin:0 0 3px 0}
#content .row .item .body .content{padding-left:5px;padding-right:5px;margin:0}
#content .row .item .body .content .pict{margin:0 5px 0 5px}
#content .row .item .body .content .item_desc{text-align:left;width:430px;padding:5px}


#content img{border:1px solid #beccd4}
#content .bigbox{margin-left:12px;margin-bottom:8px;}
#content .bigbox td h1{font-size:24px}
#content .bigbox .body{width:583px;margin:0;border:1px solid #beccd4;background:#e9eef1;padding:5px 0}
#content .bigbox .body .content{padding-left:10px;padding-right:10px;margin:0}
#content #reviewdiv img{border:0}

#content .paging{float:right;padding-right:1em;padding-top:8px;font-size:14px;font-weight:bold}
#content .paging a{border:1px solid gray;text-decoration:underline;font-weight:normal;padding:0 3px}
#content .paging a:hover{text-decoration:none;background:#ffffff}
#content .pagingb{text-align:center;clear:both;padding-right:1em;padding-top:8px;font-size:14px;font-weight:bold}
#content .pagingb a{border:1px solid gray;text-decoration:underline;font-weight:normal;padding:0 3px}
#content .pagingb a:hover{text-decoration:none;background:#bbc3d3;}

#content table.displaytable{background:#e9eef1}
#footer {
	clear: both;
	background:#beccd4;
	text-align:center;
	height:25px
}
#footer p{margin:0;padding-top:2px}


input {font-size:11px;font-family:Arial, Helvetica, sans-serif}
li {list-style-type:none}
a{text-decoration:none;color:blue}
a:hover{text-decoration:underline}
img{border:0}
a.buybutton  {color:#16387c;background:url(image/small_button_bg.gif); 
width:60px;height:18px;display:block;text-decoration:none;margin-top:3px;margin-bottom:3px;font-weight:bold;font-size:110%;text-align:center}
a.buybutton:hover{background-position:0 -18px;color:#fff}
a.buttonmedium {color:#16387c;background:url(image/button_bg.gif); width:100px;height:20px;display:block;text-decoration:none;margin-top:5px;font-weight:bold;font-size:110%}
a.buttonmedium:hover {background-position:0 -20px;color:#fff}

table{border-collapse:collapse}

a.kantor{text-decoration:none;color:black;font-size:14px}
#kantorid{margin-bottom:1em;padding:0}