html, body { margin: 0 ;
	

 }
body {
	padding: 0;
	font-family: Tahoma;
	font-size: 12px;
	color: #333;
	background-color: #eeeeee;
	background-image: url(../images/bg_all.gif);
	background-repeat: repeat-x;
	background-position: center top;
	line-height:130%;

}

a {
	font-weight: normal;
	text-decoration: none;
	color: #44a5bc;
}
a:hover { text-decoration: underline }

p{
padding:0px;
margin-bottom:8px;
}

img { border: none }

.clr { clear: both }

.title_green{
font-weight:bold;
font-size:13px;
color:#7DAA05;
margin-bottom:8px;
float:left;
width:230px;
}
.title_green1{
font-weight:bold;
font-size:13px;
color:#7DAA05;
margin-bottom:8px;
float:left;
width:330px;
}
.title_green2{
font-weight:bold;
font-size:13px;
color:#7DAA05;
margin-bottom:8px;
float:left;
width:180px;
}

.title_tosca{
font-weight:bold;
font-size:13px;
color:#0D94AA;
margin-bottom:3px;
margin-top:20px;

}
.title_tosca a{
font-weight:bold;

}

.index_link{
float:left;
}

input, textarea, select{
border:1px solid #CCCCCC;
padding:2px 2px 2px 2px;

font-size:13px;
}
.submit1{

float:left;
margin-right:8px;
margin-top:0;
padding:0 0 5px 8px;
background-image: url(../images/button_left.gif);
background-repeat:no-repeat;




} 
.submit1 a{
color:#fff;
font-weight:bold;

} 


.submit2{

float:right;
margin-right:8px;
margin-top:0;
padding:0 0 5px 8px;
background-image: url(../images/button_left.gif);
background-repeat:no-repeat;




} 
.submit2 a{
color:#fff;
font-weight:bold;

} 
/* -------------- border start here ---------------------- */



.rctop, .rcbot { display: block ;

}

.rcbot { 
margin-bottom:10px;
}


.rctop *, .rcbot * {
	height: 1px;
	background-color: #fff;
	overflow: hidden;
	display: block;
}
.rcbot * { background-color: #fff }

.r1, .r2, .r3 { height: 1px }
.r1 {
	margin: 0 5px;
	background-color: #ededed;
}
.r2 {
	margin: 0 3px;
	border-width: 0 2px;
	border-style: solid;
		border-color:#ededed;
	
}
.r3 {
	margin: 0 2px;
	border-width: 0 1px;
	border-style: solid;
		border-color:#ededed;
}
.r4 {
	height: 2px;
	margin: 0 1px;
	border-width: 0 1px;
	border-style: solid;
	border-color:#ededed;
}



/*---------- css start  ---------*/

.framework  {
	width: 960px;
	height: 100%;
	margin: 0 auto;

}
/*---------- header  ---------*/
.framework .header  {
width: 960px;
	padding-top:5px;
	float:left;

}

.framework .header .logo  {
	width: 133px;
	float:left;
	

}

.framework .header .tanggal  {
	width: 150px;
	float:left;
	padding-top:5px;

    padding-top:45px;

}
.framework .header .topmenu  {
	float:left;
	width:670px;
}

.framework .header .topmenu .topup {
float:right;
padding-top:5px;
padding-bottom:22px;
color:#cc0000;
font-weight:bold;
}


.framework .header .topmenu .topup a {
	font-weight: bold;
	text-decoration: none;
	color: #cc0000;
}
.framework .header .topmenu .topup a:hover { text-decoration: underline }


.framework .header .topmenu .topdown {
float:right;

}
/*---------- menu  ---------*/


.framework .mainmenu  {
width:960px;

	float:left
}

.framework .mainmenu .mcenter {
	background-image: url(../images/menu_center.gif);
	float:left;
	background-repeat: repeat-x;
	padding-top:10px;
	padding-bottom:20px;
	width:940px;
	text-align:center;
}

.framework .mainmenu .mcenter ul  {
	list-style:none;
margin:0;
padding:0;
	float:left;
	width:940px;
	
}

.framework .mainmenu .mcenter li  {
	display:block;

	float:left;
	padding-right:7px;


}


.framework .mainmenu .mcenter li  a {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
.framework .mainmenu .mcenter li  a:hover { text-decoration: underline }


.framework .mainmenu .mleft {
	float:left;
	background-image: url(../images/menu_left.gif);
	background-repeat: no-repeat;
}
.framework .mainmenu .mright {

	background-image: url(../images/menu_right.gif);
	background-repeat: no-repeat;
	float:left
}

/*---------- search  ---------*/
.framework .search  {
width:960px;
float:left;

}
.framework .search .searchbox {

width:150px;
float:left;
padding-left:10px;
padding-right:10px;


}

.framework .search .searchbox .submit1{

float:left;
margin-right:8px;
margin-top:0;
padding:0 0 5px 8px;
background-image: url(../images/button_left.gif);
background-repeat:no-repeat;
border:1px solid;



} 
.framework .search .searchbox .submit1 a{
color:#fff;
font-weight:bold;

} 

.framework .search .result {
width:426px;
float:left;
padding-top:5px;
padding-right:10px;

}

.framework .search .result a {
	font-weight: normal;
	text-decoration: none;
	color: #666;
	padding-right:5px
}
.framework .search .result a:hover { text-decoration: underline }



.framework .search .lang {
width:179px;
float:left;

	color: #0d94af;
	padding-top:5px;
}

.framework .search .lang a {
	font-weight: bold;
	text-decoration: none;
	color: #cc0000;

}
.framework .search .lang a:hover { text-decoration: underline }

.framework .search .login {
padding-top:5px;
width:110px;
float:left;

	color: #0d94af;
}

.framework .search .login a {
	font-weight: bold;
	text-decoration: none;
	color: #0d94af;

}
.framework .search .login a:hover { text-decoration: underline }



/*----body------*/

.framework .bodies{
width:960px;
float:left;


}

/*--- body left ---*/
.framework .bodies .body_left{
width:300px;
margin-right:10px;
float:left;

}

.framework .bodies .body_left .pcategory{
margin-bottom:10px;
padding:6px 6px 0px 4px;
border:1px solid #ddd;
background:#fafafa;

}

.framework .bodies .body_left .pcategory .rccenter{
padding:6px 4px 0px 4px;
border-left:1px solid #ededed;
border-right:1px solid #ededed;
background:#fff;
float:left;
width:278px;
}

.framework .bodies .body_left .pcategory .rccenter ul{

padding:0px;
margin:0px;
}

.framework .bodies .body_left .pcategory .rccenter li{
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 15px;
	list-style-position: outside;
	list-style-image: url(../images/bullet.gif);

}

.framework .bodies .body_left .pcategory .rccenter .cleft{
float:left;
width:150px;

}




.framework .bodies .body_left .pcategory .rccenter .cright{
float:left;
width:128px;

}



.framework .bodies .body_left .particle {
float:left;
padding:10px;
border:1px solid #ddd;
background:#fff;
margin-bottom:10px;
width:278px;
}



.framework .bodies .body_left .particle .title {
padding-bottom:5px;
}
.framework .bodies .body_left .particle .title a{
color:#0D94AF;
font-weight:bold;

}

.framework .bodies .body_left .particle .source{
color:#79AA01;
padding-bottom:5px;

}

.framework .bodies .body_left .particle .imgs{
float:left;
margin-right:10px;
}


.framework .bodies .body_left .particle ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style:none;
list-style-position: outside;
}
.framework .bodies .body_left .particle li{
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
list-style:none;
list-style-position: outside;
}

.framework .bodies .body_left .particle li .date {
padding-left:-10px;
}

.framework .bodies .body_left .particle li .title a{
color:#0D94AF;
font-weight:bold;

}

.framework .bodies .body_left .particle li .subtitle{
color:#7DAA05;


}
/*--- body right ---*/


.framework .bodies .body_right{
width:645px;
float:left;

}



.framework .bodies .body_right .product_subcategory{
	width:630px;
	float:left;
	border-top:2px solid #0991ac;
	border-left:1px solid #0991ac;
	border-right:1px solid #0991ac;
	border-bottom:2px solid #0991ac;
	margin-bottom:10px;
	padding:7px;
	background-color: #29abc9;
	background-image: url(../images/subcat.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	

}
.framework .bodies .body_right .product_subcategory .sub_cat{
width:95px;
float:left;
border-right:1px solid #3cbad9;
margin-right:7px;
}

.framework .bodies .body_right .product_subcategory .sub_cat ul{
margin:0px;
padding:0px;
}
.framework .bodies .body_right .product_subcategory .sub_cat li{
margin:0px;
padding:0px;
list-style:none;
padding-bottom:3px
}

.framework .bodies .body_right .product_subcategory .sub_cat li a{
color:#CAEFFF;
}



.framework .bodies .body_right .product_subcategory .sub_cat1{
width:95px;
float:left;

}

.framework .bodies .body_right .product_subcategory .sub_cat1 ul{
margin:0px;
padding:0px;
}
.framework .bodies .body_right .product_subcategory .sub_cat1 li{
margin:0px;
padding:0px;
list-style:none;
padding-bottom:3px
}

.framework .bodies .body_right .product_subcategory .sub_cat1 li a{
color:#CAEFFF;
}


.framework .bodies .body_right .fitur1{
	border:1px solid #ccc;
	background-color: #eeeeee;
	background-image: url(../images/bg_grey1.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	float:left;
	margin-bottom:10px;
}

.framework .bodies .body_right .img{
	float:left;
	margin-right:10px;
}


.framework .bodies .body_right .fleft{
	float:left;
	width:214px;
	background-image: url(../images/sparator.gif);
	background-repeat: repeat-y;
	background-position: right top;

}

.framework .bodies .body_right .fcenter{
float:left;
width:214px;
	background-image: url(../images/sparator.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

.framework .bodies .body_right .fright{
float:left;
width:215px;
}









.framework .bodies .body_right .top_product{
border:1px solid #ddd;
float:left;
width:641px;
padding:1px;
background:#fff;
margin-bottom:10px;

}


.framework .bodies .body_right .top_product .top_head{
	padding:10px 10px 5px 10px;
	float:left;
	background-image: url(../images/bg_grey2.gif);
	background-repeat: repeat-x;
	
}
.framework .bodies .body_right .top_product  .top_head .top_left{
float:left;
width:400px;

}

.framework .bodies .body_right .top_product .top_head .top_left .top_title{
font-size:18px;
color:#0D94AA;
padding-bottom:0px;

}

.framework .bodies .body_right .top_product  .top_head .top_left1{
float:left;
width:300px;
padding-bottom:10px;

}
.framework .bodies .body_right .top_product .top_head .top_left1 .top_breadcump{
padding-top:5px;

}






.framework .bodies .body_right .top_product .top_head .top_right{
float:left;
width:221px;
text-align:right;

}

.framework .bodies .body_right .top_product .top_head .top_right1{
float:left;
width:321px;
padding-top:5px;
padding-bottom:1px;
text-align:right;
}

.framework .bodies .body_right .top_product .top_head .top_right1 a{
border:1px solid #ccc;
background:#fff;
color:#ccc;
padding:1px 5px;
}

.framework .bodies .body_right .top_product .top_head .top_right1 a:hover{
border:1px solid #0D94AF;
background:#CAEFFF;
color:#0D94AF;
padding:1px 5px;
}

.framework .bodies .body_right .top_product .top_head .top_right1 a:selected{
border:1px solid #0D94AF;
background:#CAEFFF;
color:#0D94AF;
padding:1px 5px;
}





.framework .bodies .body_right .top_product .bottom_paging{
float:left;
width:631px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
text-align:right;
background:url(../images/bg_grey2.gif);
border-top:1px solid #fff;

}

.framework .bodies .body_right .top_product .bottom_paging a{
border:1px solid #ccc;
background:#fff;
color:#ccc;
padding:1px 5px;
}

.framework .bodies .body_right .top_product .bottom_paging a:hover{
border:1px solid #0D94AF;
background:#CAEFFF;
color:#0D94AF;
padding:1px 5px;
}

.framework .bodies .body_right .top_product .bottom_paging a:selected{
border:1px solid #0D94AF;
background:#CAEFFF;
color:#0D94AF;
padding:1px 5px;
}




.framework .bodies .body_right .top_product .product_listing{
	background-image: url(../images/bg_grey3.gif);
	background-repeat: repeat-x;
	background-position: center top;
	padding:10px;
	margin-top:1px;
	height:190px;
	

}


.framework .bodies .body_right .top_product .product_listing .product_title{
padding-bottom:5px;
font-weight:bold;
font-size:13px;
}

.framework .bodies .body_right .top_product .product_listing .product_title a{
padding-bottom:5px;
font-weight:bold;
font-size:13px;
}

.framework .bodies .body_right .top_product .product_listing .product_item{
	width:150px;
	text-align:center;
	float:left;
border:1px solid #fff;
padding:8px 0;
}
.framework .bodies .body_right .top_product .product_listing .product_item:hover{
border:1px solid #ccc;
background:#fafafa;
padding:8px 0;
}


.framework .bodies .body_right .top_product .product_listing .product_item .product_item_title{

}
.framework .bodies .body_right .top_product .product_listing .product_item .product_item_price{
color:#666;
}
.framework .bodies .body_right .top_product .product_listing .product_item .product_item_price_strip{
color:#666;
	text-decoration: line-through;
}
.framework .bodies .body_right .top_product .product_listing .product_item .product_item_price_discount{

color:#cc0000;
}


/*---- article ----*/


.framework .bodies .body_right .article_paging{
border:1px solid #fff;
}


.framework .bodies .body_right .article_paging ul{
margin:25px 10px 0px 10px;
padding:0px;
}

.framework .bodies .body_right .article_paging li{
margin:0px 0px 15px 0px;
padding:0px 0px 5px 0px;
border-bottom:1px solid #ddd;
list-style:none;
}

.framework .bodies .body_right .article_paging li .imgs{
float:left; 
margin-right:10px;
padding:2px;
border:1px solid #ddd;
}

.framework .bodies .body_right .article_paging li .date{

}
.framework .bodies .body_right .article_paging li .subtitle{
color:#79AA01;
padding-bottom:1px;
font-size:12px;

}
.framework .bodies .body_right .article_paging li .title{
font-weight:bold;
font-size:16px;
color:#0D94AF;
margin-bottom:10px;
line-height:16px;
}

.framework .bodies .body_right .article_paging li .title a{
font-weight:bold;
font-size:16px;

}









/*---- search ----*/


.framework .bodies .body_right .search_paging{

}


.framework .bodies .body_right .search_paging ul{
margin:25px 10px 0px 10px;
padding:0px;
}

.framework .bodies .body_right .search_paging li{
margin:0px 0px 15px 0px;
padding:0px 0px 5px 0px;
border-bottom:1px solid #ddd;
list-style:none;
float:left;
}

.framework .bodies .body_right .search_paging li .imgs{
float:left; 
margin-right:10px;
padding:2px;
border:1px solid #ddd;
}

.framework .bodies .body_right .search_paging li .article{
width:380px;
float:left;

}

.framework .bodies .body_right .search_paging li .article .subtitle{
color:#79AA01;
padding-bottom:1px;

}
.framework .bodies .body_right .search_paging li .article .title{
font-weight:bold;
font-size:16px;
color:#0D94AF;

}

.framework .bodies .body_right .search_paging li .article .title a{
font-weight:bold;
font-size:16px;

}


.framework .bodies .body_right .search_paging li .harga{
float:left;
width:180px;
margin-left:10px;
/*background-color:#FFCCFF;*/
}

.framework .bodies .body_right .search_paging li .hargaa{
float:left;
width:50px;
color:#0D94AF;
font-weight:bold;

}

.framework .bodies .body_right .search_paging li .hargab{
float:left;
width:50px;
color:#cc0000;
font-weight:bold;


}

.framework .bodies .body_right .search_paging li .hargarp{
float:left;
width:120px;
color:#0D94AF;
font-weight:bold;


}
.framework .bodies .body_right .search_paging li .hargarp_coret{
	float:left;
	width:120px;
	color:#0D94AF;
	font-weight:bold;
	text-decoration: line-through;

}

.framework .bodies .body_right .search_paging li .hargarp_red{
float:left;
width:120px;
color:#cc0000;
font-weight:bold;

}


.framework .bodies .body_right .search_paging li .beli{
float:left;
width:50px;
text-align:right;

}



/*---- detail ----*/


.framework .bodies .body_right .top_productd{
border:1px solid #ddd;
float:left;
width:953px;
padding:1px;
background:#fff;
margin-bottom:10px;

}


.framework .bodies .body_right .top_productd .top_headd{
background:url(../images/bg_grey2.gif) top left repeat-x;

padding:10px 10px 5px 10px;
float:left;
width:933px;
}






.framework .bodies .body_right .top_productd  .top_headd .top_detail{
float:left;


}

.framework .bodies .body_right .top_productd .top_headd .top_detail .top_title{
font-size:18px;
color:#0D94AA;
padding-bottom:0px;

}

.framework .bodies .body_right .top_productd  .top_headd .top_detail1{
float:left;

padding-bottom:10px;

}
.framework .bodies .body_right .top_productd .top_headd .top_detail1 .top_breadcump{
padding-top:5px;
padding-bottom:10px;
}


.framework .bodies .body_right .top_productd .detail_left{
float:left;
width:400px;

margin-right:15px;
margin-left:15px;
margin-top:25px;
margin-bottom:15px;
}

.framework .bodies .body_right .top_productd .detail_left .detail_img{
margin-bottom:10px;
}

.framework .bodies .body_right .top_productd .detail_left .detail_bar{
margin-bottom:25px;
text-align:center;
}
.framework .bodies .body_right .top_productd .detail_left .detail_bar a{
margin:0px 2px;
}


.framework .bodies .body_right .top_productd .detail_left .detail_acc{
margin-bottom:1px;
text-align:center;
color:#44a5bc;
font-weight:bold;
}
.framework .bodies .body_right .top_productd .detail_left .detail_acc1{
margin-bottom:15px;
text-align:center;

}

/*---login---*/

.framework .bodies .body_right .top_productd .detail_left1{
float:left;
width:370px;

margin-right:15px;
margin-left:15px;
margin-top:35px;
margin-bottom:15px;
}

.framework .bodies .body_right .top_productd .detail_left1 .login{
border:1px solid #ddd;
background:#eee;
padding:20px 25px 25px 25px;
float:left;
width:210px;
margin-left:65px;
}

.framework .bodies .body_right .top_productd .detail_left1 .login .title{
font-weight:bold;
font-size:18px;
color:#44A5BC;
padding-bottom:10px;
}

.framework .bodies .body_right .top_productd .detail_left1 .login .logtit{

font-size:12px;
color:#44A5BC;
padding-bottom:5px;
}
.framework .bodies .body_right .top_productd .detail_left1 .login .logform{

font-size:12px;
color:#44A5BC;
padding-bottom:5px;
}


/*---register---*/

.framework .bodies .body_right .top_productd .detail_left2{
float:left;
width:450px;

margin-right:15px;
margin-left:15px;
margin-top:35px;

padding-bottom:15px;
}

.framework .bodies .body_right .top_productd .detail_left2 .login{
border:1px solid #ddd;
background:#eee;
padding:10px 10px 10px 10px;
float:left;
width:420px;


}

.framework .bodies .body_right .top_productd .detail_left2 .login .title{
font-weight:bold;
font-size:18px;
color:#44A5BC;
padding-bottom:20px;

}

.framework .bodies .body_right .top_productd .detail_left2 .login .logtit{

font-size:12px;
color:#44A5BC;
padding-bottom:10px;
float:left;
width:100px;
}
.framework .bodies .body_right .top_productd .detail_left2 .login .logform{

font-size:12px;
color:#44A5BC;
padding-bottom:10px;
float:left;
width:310px;
}


/*---detail right--*/


.framework .bodies .body_right .top_productd .detail_right1{
float:left;
width:380px;

margin-top:35px;
margin-right:15px;
margin-bottom:15px;
line-height:16px;
}


.framework .bodies .body_right .top_productd .detail_right1 .subtitle{
color:#79aa01;
margin-bottom:5px;
font-size:14px;
font-weight:bold;
}


.framework .bodies .body_right .top_productd .detail_right{
float:left;
width:460px;

margin-top:25px;
margin-right:15px;
margin-bottom:15px;
}


.framework .bodies .body_right .top_productd .detail_right .subtitle{
color:#79aa01;
margin-bottom:5px;
font-size:14px;
font-weight:bold;
}
.framework .bodies .body_right .top_productd .detail_right .title{
color:#44a5bc;
margin-bottom:15px;
font-size:24px;
line-height:26px;

}
.framework .bodies .body_right .top_productd .detail_right .spec{
width:120px;
float:left;
padding-bottom:2px;
}
.framework .bodies .body_right .top_productd .detail_right .spec_detail{
width:300px;
float:left;
padding-bottom:2px;
}

.framework .bodies .body_right .top_productd .detail_right .specg{
width:120px;
float:left;
font-weight:bold;
color:#44a5bc;
padding-bottom:2px;
}
.framework .bodies .body_right .top_productd .detail_right .specg_detail{
width:300px;
float:left;
font-weight:bold;
color:#44a5bc;
padding-bottom:2px;
}
.framework .bodies .body_right .top_productd .detail_right .specg_detail_coret{
	width:300px;
	float:left;
	font-weight:bold;
	color:#44a5bc;
	text-decoration: line-through;
	padding-bottom:2px;
}
.framework .bodies .body_right .top_productd .detail_right .specr{
width:120px;
float:left;
font-weight:bold;
color:#cc0000;
padding-bottom:2px;
}
.framework .bodies .body_right .top_productd .detail_right .specr_detail{
width:300px;
float:left;
font-weight:bold;
color:#cc0000;
padding-bottom:2px;
}
.framework .bodies .body_right .top_productd .detail_right .tombol{
margin-top:10px;
margin-bottom:0px;
float:left;
width:300px;
}

.framework .bodies .body_right .top_productd .detail_right .boxtext{
border:1px solid #44a5bc;
color:#44a5bc;
}

.framework .bodies .body_right .top_productd .detail_right .detail_title{
margin-top:20px;
color:#44a5bc;
margin-botom:10px;
font-weight:bold;
font-size:14px;
}

/*--- news---*/

.framework .bodies .body_right .news{
border:1px solid #ddd;
float:left;
width:623px;
padding:1px;
background:#fff;

padding:10px;

}


.framework .bodies .body_right .news .news_left {
	width:380px;
	float:left;
background-image: url(../images/sparator.gif);
	background-repeat: repeat-y;
	background-position: right top;

}


.framework .bodies .body_right .news .news_left ul {
margin:0px;
padding:0px;

}
.framework .bodies .body_right .news .news_left li {
margin:0px;
padding-bottom:10px;
list-style:none;
color:#79AA01;
list-style-position: outside;
}


.framework .bodies .body_right .news .news_left li .ndate {
	padding-left:-15px;


}

.framework .bodies .body_right .news .news_left li .ntitle {
	font-weight:bold;


}

.framework .bodies .body_right .news .news_left li .ntitle a {
	font-weight:bold;


}

.framework .bodies .body_right .news .news_right {
width:230px;
float:left;
	
	padding-left:10px;

}

.framework .bodies .body_right .news .news_right .nsend {
font-weight:bold;
color:#0D94AA;
padding-bottom:10px;

}




/*----Footer------*/

.framework .footer{
width:960px;
float:left;
margin-top:15px;
margin-bottom:5px;
}
.framework .footer .fleft{
	float:left;
	background-image: url(../images/bottom_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.framework .footer .fcenter{
background:#44a5bc;
float:left;
width:946px;
height:77px;
}

.framework .footer .fcenter ul{
margin:0px;
padding:0px;
}

.framework .footer .fcenter li{
	margin-left:15px;
	list-style-position: outside;
	list-style-image: url(../images/triangle.gif);
	color:#fff;
	padding-bottom:0px;
font-size:11px;
}

.framework .footer .fcenter a{
color:#fff;
}
.framework .footer .fcenter .ftext1{
float:left;
width:120px;
padding:9px 10px 8px 10px;
color:#fff;
}
.framework .footer .fcenter .ftext2{
float:left;
width:85px;
padding:9px 10px 8px 10px;
color:#fff;
}

.framework .footer .fcenter .ftext3{
	float:left;
	width:190px;
padding:9px 10px 8px 10px;
	color:#fff;
	background-image:url(../images/bottom_sparator.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.framework .footer .fcenter .frss{
	float:left;
	width:145px;
	padding:17px 10px 16px 10px;
	color:#fff;

	text-align:center;
}

.framework .footer .fcenter .ftwitter{
	float:left;
	width:145px;
	padding:17px 10px 16px 10px;
	color:#fff;
	background-image:url(../images/bottom_sparator.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:center;
}
.framework .footer .fcenter .ffacebook{
	float:left;
	width:130px;
	padding:17px 10px 16px 10px;
	color:#fff;
	background-image:url(../images/bottom_sparator.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:center;
}



.framework .footer .fright{

float:left;
	background-image: url(../images/bottom_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.copytubruk{
width:960px;
float:left;
text-align:center;
color:#0D94AA;
margin-bottom:20px;
}





/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 11px tahoma;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 8px;
margin-right: 3px;
border: 1px solid #ddd;
color:#fff;
background:#0d94af;
font-weight:bold;
}



.shadetabs li a:hover{
text-decoration: underline;
color:#fff;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(../images/bg_tab.gif);
border-bottom-color: white;
color:#79AA01;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
color:#79AA01;
}

.tabcontent{
display:none;
color:#666;
float:left;
}

.tabcontent .fproduk{
float:left;
width:100px;
text-align:center;
padding:10px 17px;
height:120px;
}
.tabcontent .flist{
width:275px;
border-bottom:1px solid #ddd;
padding-bottom:10px;
margin-bottom:10px;
float:left;
}

.tabcontent .flist .ftitle{
padding-top:15px;
width:122px;
float:left;
height:30px;
margin-right:8px;
}

.tabcontent .flist .fprice{
padding-top:15px;
width:80px;
float:left;
color:#cc0000;

}

.tabcontent .flist .fprice1{
padding-top:5px;
width:80px;
float:left;
color:#cc0000;

}
.tabcontent .flist .fpricecoret{
padding-top:15px;
width:80px;
float:left;
color:#0D94AF;
text-decoration: line-through;
}


@media print {
.tabcontent {
display:block !important;
}
}

/****password***/
#passwordStrength {
	height:10px;
	display:block;
	float:left;
}
.strength0 {
	width:250px;
	background:#cccccc;
}
.strength1 {
	width:50px;
	background:#ff0000;
}	
.strength2 {
	width:100px;
	background:#ff5f5f;
}
.strength3 {
	width:150px;
	background:#56e500;
}	
.strength4 {
	background:#4dcd00;
	width:200px;
}	
.strength5 {
	background:#399800;
	width:250px;
}


/* Style For Register Page */











/* = #mainNav2 & #mainNav3 & #mainNav4 & #mainNav5
----------------------------------------------------------------------------------------------------*/
#mainNav{clear:both;

	

}

*{margin:0; padding:0;}

 ul, ol { list-style-position:inside;

margin-left:0px;
}

#mainNav li{
	height:93px;
	list-style:none;
	float:left;
	background-color:#caefff;
	background-image: url(../images/wizard/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 14px;
}

#mainNav li.current{
	background-color:#79aa01;
	background-image: url(../images/wizard/navCurrentBtn.gif);

}

#mainNav li.lastDone{
	background-color:#79AA01;
	background-image: url(../images/wizard/navLastDoneBtn.gif);
}

#mainNav li.done{
	background-color:#79AA01;
	background-image: url(../images/wizard/navDoneBtn.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#0D94AA;
text-decoration: none;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
color:#fff;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

#mainNav li a em{
width:150px;
display:block;
margin:6px 0 0 10px;
font-style:normal;
font-weight:bold;
	
}

#mainNav li a span{
width:140px;
display:block;
margin-left:5px;
font-weight:normal;

}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:71px;
display:block;
}

/* #mainNav.fiveStep */
#mainNav.fiveStep li{width:181px;}
#mainNav.fiveStep li a{width:181px;}

/* #mainNav.fourStep */
#mainNav.fourStep li{width:227px;}
#mainNav.fourStep li.mainNavNoBg{width:229px;}
#mainNav.fourStep li a{width:227px;}

/* #mainNav.threeStep */
#mainNav.threeStep li{width:303px;}
#mainNav.threeStep li.mainNavNoBg{width:304px;}
#mainNav.threeStep li a{width:303px;}

/* #mainNav.twoStep */
#mainNav.twoStep li{width:455px;

}
#mainNav.twoStep li a{width:455px;}


#wizardpanel {
	background-color: #fff; margin:5px;display:none;

	
}
#wizardcontent {
	/*height:300px*/
	
	
}
#wizardcontent #wizard1 .reg_domain{
	padding-top: 10px;
	text-align: center;
	
}

#wizardwrapper{width:100%;
}
 .mtitle{
	font-size: 20px;
	padding-bottom: 15px;
	color:#0D94AA;
	font-family:tahoma;
	
}

.fitur{
	margin-top: 20px;
	width: 100%;
	float:left;
}
.fitur .maintitle{
	color: #0991AC;
	font-size: 14px;
	font-weight:bold;
	padding: 0px 0px 5px 0px;
}
.fitur .title{
	width: 98%;
	background: #0991AC;
	padding: 5px;
	-moz-border-radius: 4px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight:bold;
margin-bottom:10px;
float:left;
}
.fitur .content{
	padding: 2px;
	width: 98%;
}
/*.fitur .content input, textarea, select{
	border: 1px solid #0991AC;
	font-size: 14px;
	font-family: Tahoma;
	color:#0991AC;
	padding: 2px;
}*/

/* input, textarea, select{
	border: 1px solid #0991AC;
	font-size: 14px;
	font-family: Tahoma;
	color:#0991AC;
	padding: 2px;
}*/

.fitur .content .level{
	font-size: 14px;
	font-weight:bold;
	color: #0991AC;
}	
.fitur .content .level ul{
	font-size: 11px;
	color: #333333;
	padding-left: 15px;
	font-weight:normal;
	line-height: 20px;
	margin-bottom:15px;
}	
.fitur .content .left{
	float:left;
	width: 30%;
	margin-top:15px;
}
.fitur .content .no-left{
	float:left;
	
}

.fitur .clr{
	clear:both;
	height: 10px;
}
.fitur .regform{
	width: 100%;
	line-height: 20px;
	padding: 5px;
	color:#0991AC;
	font-size: 14px;
}
/*.fitur .regform input, select{

	color:#0991AC;

	padding: 0px;
}*/
.fitur .regform .submit, .fitur .content .submit{
	font-size: 14px;
	font-family: Tahoma;
	font-weight: bold;
	color:#FFFFFF;
	background: #79AA01;
	-moz-border-radius: 7px;
	border: 1px solid #79AA01;
	padding: 2px;
}
.fitur .regform .ul-s{
	font-size: 12px;
	font-family: Tahoma;
	padding-top: 10px;
	padding-left: 100px;
	color:#000000;
}

.fitur .regform .ul-s ul{
	list-style-position: outside;
	list-style-type: square;
}

.fitur .regform .ul-s li{
	list-style-position: outside;
	list-style-type: square;
}

.thanks{
	margin-top: 30px;
	margin-bottom: 30px;
	color: #666666;
	font-size: 12px;
	text-align:center;
	line-height: 20px;	
}
.thanks .title{
	font-size: 18px;
	font-weight: bold;	
	color: #0991AC;
	padding-bottom: 30px;
}


#subtext{
	font-size: 12px;
	line-height:110%;
}

/* BUTTONS */
.buttons{margin:10px;clear:both}
.next1 {
	float:right;
	background: #79AA01;
	padding-left: 4px;
	border: 1px solid #79AA01;
	-moz-border-radius: 7px;
	color: #FFFFFF;
	font-family: tahoma;
}
.previous {
	float:left;
	background: #79AA01;
	padding-left: 4px;
	border: 1px solid #79AA01;
	-moz-border-radius: 7px;
	color: #FFFFFF;
	font-family: tahoma;
}







 .fp-slider {
	width: 900px;
	height: 150px;
	padding-top: 5px;
	float: left;

}



 .fp-slider #bleft{

	float: left;
	margin-top:50px;

		margin-right:10px;
}
 .fp-slider #bmiddle{

	float: left;


}

.fp-slider #bmiddle  li{
margin-left:4px;
margin-right:4px;
margin-top:3px;
border:1px solid #ccc;
padding-bottom:5px;


text-align:center;
}
.fp-slider #bright{
	margin-top:50px;
	float: right;

margin-right:10px;
}


/* STYLE FOR JQUERY CARROUSEL */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	margin-top: 40px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 105px;
    height: 150px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
	margin-top: 20px;
    z-index: 3;
    display: none;
}

.jcarousel-prev {
	margin-top: 20px;
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    
	/* border: 1px solid #346F97; */
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 820px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  100%;
    height: 120px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 130px;
    height: 150px;
}

.jcarousel-skin-tango .jcarousel-item img{
    border: 1px solid #000066;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/carrousel/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/carrousel/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/carrousel/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/carrousel/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


/********************************* LiveValidation *************************************/

.LV_valid {
    color:#0991AC;
}
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:normal;
    margin:0 0 0 5px;
	font-size:11px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #0991AC;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}