body {
	background: url(../images/bkg.jpg) repeat-x;
	margin: 0;	
	overflow: auto;
}

/*--header area*/
.header_bnr{
  padding:10px 0 20px 0;
  
}
.header_bnr_1, .header_bnr_2{
 height:220px;
}
.header_bnr_1{
 background-image: url(../images/hdr_bn_1.jpg);
 width:354px;
}
.callus{
 position:absolute;
 width:330px;
 padding:0 0 0 37px;
 font: normal normal bold 13px/1.7em Tahoma, Arial, verdana, "Trebuchet MS", serif;
}

.header_bnr_2{
 background-image: url(../images/hdr_bn_2.jpg);
 width:413px;
}

.search-obj{
 padding-left: 55px;
}

.srcnav{
 padding-top:3px;
}


.phonenum{
 color:#696969;
}

.imgmnu{
 border:none;
 height:63px;
}


.body_tbl {
	width: 767px;
}

.vert_line {
	background-image: url(../images/vert_line.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.hor_line {
	background-image: url(../images/hor_line.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 10px;
}
.price {
	font-family: tahoma;
	font-size: 12px;
	color: #c72f2f;
	padding-left: 20px;
	font-weight: bold;
	padding-top: 10px;
}
.main_body {
	width: 820px;
}


.tblfooter{
 	font-family: tahoma;
	font-size: 11px;
}
.foot_par{
    padding-top:10px;
	margin:auto;
	background-color: #e0e0e0;
	height: 40px;
	width:100%;
}
.foot_container{
	background: url(../images/btm_footer.gif) no-repeat bottom;
	height:13px;
}
.btm_footer {
	color: #000000;
	text-align: center;
}

.img_padding {
	font-family: tahoma;
	font-size: 11px;
	color: #676767;
	padding-left: 10px;
}
.product_name {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #f58221;
	padding-left: 10px;
}

.btm_blk2 {
	background-image: url(../images/btm_blk2.gif) no-repeat;
	height: 15px;
}




/*Left Navi menu
=------------------*/
.LeftContent{
 position:relative;
 margin-top:-20px;
}

.left_border {
	padding-left:5px;
	background: url(../images/bkg_mid.gif) repeat-y;
}

.top_blk1, .btm_blk1 {
 height:16px;
}
.top_blk1 {
 background: url(../images/btm_bkg_top.gif) no-repeat top left;	 
}
.btm_blk1 {
 background: url(../images/btm_bkg_btm.gif) no-repeat bottom left; 
}

.btn-opener, .btn-closer {
	position: absolute;
	top: 5px; left: 8px;
	width: 14px; height: 14px;
	margin: 0; padding: 0;
	font-size:0;
	line-height:14px;
	}
.btn-opener { background: transparent no-repeat url(../images/btn_opener.gif) 0 0; }
span.btn-opener:hover {	background-position: 0 -14px; }
.btn-opener:active { background-position: 0 -28px; }
.btn-closer { background: transparent no-repeat url(../images/btn_opener.gif) -14px 0; }
span.btn-closer:hover {	background-position: -14px -14px; }
.btn-closer:active { background-position: -14px -28px; }

/* common left boxes */
#category_top {	
	height: 34px;
	text-align: left;
	background: transparent url(../images/kategori.gif) no-repeat top left;
}

#category_top p, #head_content p{
 padding: 10px 0 0 20px;
 font: normal normal bold 13px/1em Tahoma, Arial, Helvetica, sans-serif;
 color: #FFFFFF;
}

/*
.minimize {
	position: absolute;
    top: 10px; right: 20px;
	width: 20px; height: 12px;
	background: transparent url(../images/min_btn.gif) no-repeat right;
	text-indent: -9999px;
	cursor:pointer;
	clear: both;
}
span.minimize:hover {
	background: transparent url(../images/min_hvr.gif) no-repeat right;
}
*/

/* UpperArea Left menu
------------------------------------------------*/
#snaviUpper {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#snaviUpper .nodetop{
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	cursor:pointer;
	}


/* Nodetop Anchor with Tree opener
------------------------------------------------*/
.snNodetopAnchor,
.snNodetopAnchor:link,
.snNodetopAnchor:visited,
.snNodetopAnchorSelected,
.snNodetopAnchorSelected:link,
.snNodetopAnchorSelected:visited {
	display: block;
	width: 180px;
	padding: 0.5em 0 0.3em 28px;
	font: normal normal bold 12px/1em Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
.snNodetopAnchor,
.snNodetopAnchor:link,
.snNodetopAnchor:visited{
  background: #F6F6F6;
}
.snNodetopAnchorSelected,
.snNodetopAnchorSelected:link,
.snNodetopAnchorSelected:visited  {
  /*background: #A3BCD1;*/
  background: #E1E8F4;
}
.snNodetopAnchor,
.snNodetopAnchor:link,
.snNodetopAnchor:visited,
.snNodetopAnchorSelected,
.snNodetopAnchorSelected:link,
.snNodetopAnchorSelected:visited  {
	border-left: 1px solid #ECECEC;
	border-top: 1px solid #FEFEFE;
	border-bottom: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;	
	color: #004F8D;
	text-decoration: none;
	}
span.snNodetopAnchor:hover {
	border-top: 1px solid #D9F1FF;
	border-bottom: 1px solid #D7DDE8;
	background: #E1E8F4;	
	color: #0099FF;
	text-decoration: none;
	}

/* Inner Menu
------------------------------------------------*/
/*
.dotter{
 position:absolute;
 height:5px; width:5px;
 left:22px;
 margin-top:2px;
 background: url(../images/dot.gif) no-repeat;
 clear: both;
}
*/
.innermenu {
	display: block;
	width: 200px;
	margin-left: 9px;
	padding-left: 0;
	border-right: 1px solid #E0E0E0;
	border-bottom: 4px solid #eee;
	/*border-left:1px solid #E6E6E6;*/
	line-height: 0;
	}

.snTreeTerminate,
.snTreeTerminateSelected {
	display: block;	
	margin: 0;
	padding: 0;
	border-top: none;
	border-bottom:1px solid #E6E6E6;
	border-left: 4px solid #E6E6E6;
	border-right: 1px solid #eee;
	line-height: 0;
	}

.snTreeTerminateSelected {
	background: #C6E3F9 no-repeat url(../images/snavi_innerSelected.gif) left top;
	border-bottom:1px solid #C6E3F9;
	border-left: 4px solid #E6E6E6;
	}

.snTreeTerminate a,
.snTreeTerminate a:link,
.snTreeTerminate a:visited,
.snTreeTerminateSelected a,
.snTreeTerminateSelected a:link,
.snTreeTerminateSelected a:visited {
	display: block;	
	padding: 0.5em 0 0.4em 20px;
	font: normal normal normal 11px/1em Geneva, Arial, Helvetica, sans-serif;	
	text-decoration: none;
	}
.snTreeTerminate a,
.snTreeTerminate a:link,
.snTreeTerminate a:visited {
	background: #FFF no-repeat url(../images/dot.gif) 10px 0.8em;
	color: #004F8D;
	}
.snTreeTerminate a:hover {
	background-color: #F0F5FF;
	color: #0099FF;
	text-decoration: none;
	}
.snTreeTerminateSelected a,
.snTreeTerminateSelected a:link,
.snTreeTerminateSelected a:visited,
.snTreeTerminateSelected a:hover {
	background: transparent no-repeat url(../images/arrow_s_white.gif) 11px 0.7em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	}

#snResidential,
#snCommercial,
#snVRV,
#snNetwork,
#snWater {
	display: block;
	}
	

/* RIGHT Conntent
------------------*/


.header_top_right {
  background: url(../images/hdr_top_right.gif) no-repeat top left;
  height:43px;
  width:538px;
  /*vertical-align:bottom;*/
}

.top_right_blk1, .top_right_blk2, .top_right_blk3 {
 height:43px;
}
.top_right_blk3, .top_right_blk1{
 width:14px;
}
.top_right_blk1 {
 background: url(../images/righthdr_L.gif) no-repeat top left;	 
}
.top_right_blk2 {
 background: url(../images/righthdr_M.gif) repeat-x; 
}
.top_right_blk3 {
 background: url(../images/righthdr_R.gif) no-repeat top right; 
}
.mid_rightc{ 
 background: url(../images/right_midc.png) repeat-y;
}
.btm_rightc {
 background: url(../images/btm_blk2.gif) no-repeat; 
}

.right_container{
 padding-left:5px;
}
.contnt_dynamic{
 padding:0 7px 0 6px; 
}

.tbl_head_float td{
 font: normal normal bold 13px/1em Tahoma, verdana, arial, serif;
 color:#FFF;
 padding: 12px 10px 0 10px;
}

.head_kurs, .title_rcontent{
 color:#FFF;
 font-weight:bold;
 vertical-align:middle;
}
.title_rcontent #title{
 padding-left:10px;
}

#headmenu {
	position: relative;	
	height: 32px;	
	text-align: left;
	background: transparent url(../images/catg_top.png) no-repeat top left;
}

.header_left,
.header_right {
 width: 8px; 
 height: 32px;
}

.tbl_header .header_left{
 background: transparent url(../images/catg_top_L.png) no-repeat top left;
}
.tbl_header .header_mid{
 background: transparent url(../images/catg_top_M.png) repeat-x top center;
}
.tbl_header  .header_right{
 background: transparent url(../images/catg_top_R.png) no-repeat top left;
}

/*--Category -
--------------*/
.tabel_harga .row1:hover, .tabel_harga .row2:hover{
 background-color: #F0F5FF;
}

.tabel_harga .row1{
 background-color: #F5F5F5;

}
.tabel_harga .row2{
 background-color: #E8E8E8;
}
.tabel_harga{
 font: normal normal normal 11px/1em Tahoma, Arial, Helvetica, sans-serif;
 color: #676767;
 border-left: 2px solid #E6E6E6; 
 border-right: 2px solid #E6E6E6; 
 border-bottom: 4px solid #E6E6E6; 
}


.tabel_harga .item{
 width:100%;
}
.tabel_harga .tdprice{
 text-align:right;
 width:180px;
 padding-right: 10px;
}



/*--itProduct--
--------------*/
.list_product  {
 width:100%;
 font: normal normal normal 14px/1em Tahoma, Arial, Helvetica, sans-serif;
 /*border-top: 4px solid #a6a6a6; */ 
}

.tdimg, .tddesc, .list_product .tdprice {
 border-bottom: 1px solid #cdcdcd;
 border-width: .1em;
}

.imglight{
 border: none;
}
 
.tdimg {
 width:90px; 
 padding: 5px;
}
.tddesc, .tddetail {
 text-align:left;
 padding: 5px 0 5px 0;
 font-size: 11px;
 font-family: tahoma;
}

.list_product .row1:hover, .list_product .row2:hover, .tddesc:hover {
 background-color: #F9F9F9;
}

.list_product .tdprice, .promocontainer .tdprice {
	font-size: 12px;
	font-weight:bold;
	font-family: tahoma;
	color: #c72f2f;
	padding-right: 10px;
	text-align:right;
}

.description, .subtitle {
	color: #676767;
}

#prodPicture{
 width:120px;
}
.titlePromo { 
 font: normal normal normal 11px/1em Tahoma, Arial, Helvetica, sans-serif; 
}

.promocontainer .tdprice{
 text-align:left;
 padding-left: 10px;
}
.title_codename, .titlePromo {
	font-weight: bold;
	color: #f58221;
}
/*--paging--*/

.below_paging{
 padding:0;
 float:right;
 background-color:#D6E3FE; 
 line-height:19px;
}
.below_paging a{
 font: normal normal bol 12px/0.5em Tahoma, "Trebuchet MS", Helvetica, sans-serif, Arial;
 text-decoration:none;
 color:#696969;
}
.pagenumerik , .pagestat{
 float:left;
 padding:0 5px 1px 5px;
 border:1px #353F55 solid;
}
.pagestat {   
 background-color: #004F75;
 color:#ffffff;
}
.pagenumerik {  
 background-color: #E1E4EC; 
}
.numberpg a:hover{
 background:#004F75;
 color: #FFFFFF;
 padding:2px 0 2px 0; 
}


/*--PROMO--*/
/*---*/
.promocontainer{
 vertical-align:top;
}

.perprodColumn{
 width:50%; 
 vertical-align:top;
}

.perproduct_content{
 padding: 2px;
}


/*DOT LINE
===============*/
.vTtkLine{
    background:transparent url("../images/ttk_v.gif") top center repeat-y;
    width: 20px;
    font-size: 1px;
}

.hTtkLine{
    background-image:url("../images/ttk_h.gif");
	height:1px !important;	
}