/* CSS Document */

body {
	background: url( ../images/bg_line.jpg ) repeat-x;
	/*background-color: #000000;*/
	
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#container {
	/* background-color: #000000; */
	color: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	width: 880px !important;
	width: 880px;
	text-align: left;
	/* border: 1px solid #000000; */
}

#leftbgt {
	float : left;
	min-height: 500px !important;
	
	width: 10px;
	/* background: url( ../images/shadowleft.png ) left top repeat-y; */
	/* border: 1px solid #000000; */
}

#rightbgt {
	float : left;
	height: 950px;
	width: 10px;
	/* background: url( ../images/shadowright.png ) right top repeat-y; */
         /* border: 1px solid #000000; */
}

#bodybgt {
	float : left;
	width: 850px;
	min-height: 500px !important;
	
/* background: url( ../images/shadowright.png ) right top repeat-y; */
	/* border: 1px solid #000000; */
}

.skip
{
	display: none;
} 

/*--------------------- Header ----------------------*/

#header
{
	width: 800px;
	height: 106px;
	
}

#logo {
	/* border: 1px solid #000000; */
	float: left;
	text-align: right;
}

#lang {
	float: right;
	padding: 20px 11px 20px 20px;
	color: #CCCCCC;
}

#lang a:link, #lang a:visited {
	color: #CCCCCC;
}

#lang a:hover {
	color: #FF7300;
}

#search {
	clear: right;
	float: right;
	padding: 0 11px 14px 20px !important;
	padding: 14px 11px 14px 20px;
}

#headermenu {
	text-align: left;
	/* border: 1px solid #000000; */
	margin: 0;
	padding: 0;
	width:704px;
	float:left;
	background-image: url(images/templates/searchon.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
#searchbox {
	text-align: left;
	/*border: 1px solid #000000; */
	margin: 0;
	float:right;
	width:146px;
	height:45px;
	background-image: url(../images/searchon.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
ul#mainlevel-nav {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#mainlevel-nav li {
	background-image: none;
	padding: 0;
	float: left;
	margin: 0;
	white-space: nowrap;
	color: #CCCCCC;
	font-size: 11px;
}

ul#mainlevel-nav li a:link, ul#mainlevel-nav li a:visited {
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	color: #CCCCCC;
	background: transparent;
}

ul#mainlevel-nav li a:hover {
	color: #FF7300;
}

ul#mainlevel-nav li a.mainlevel-nav#active_menu-nav {
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	color: #FF7300;
	background: transparent;
}



ul#mainlevel-nav li a.mainlevel-nav:hover#active_menu-nav {
	color: #CCCCCC;
}

#headermenu a.mainlevel {
	color: #444444;
}

/*--------------------- Frontpage --------------------*/

#frontpage {
	/* border: 1px solid #000000; */ 
	background: url( ../images/topmargin.jpg ) repeat-x top;
	width: 850px;
	/*height: 865px;*/
}

#frontleft {
	/* border: 1px solid #000000; */ 
	float: left;
	width: 584px;
	/*height: 822px;*/
	margin: 20px 0 0 0;
	
}

#frontleftbanner {
	margin: 0;
	padding: 0;
	padding-bottom: 18px !important;
	padding-bottom: 15px;
	height: 580px;
	
}

#frontright {
	/* border: 1px solid #000000; */ 
	float: right;
	padding: 20px 19px 0 0;
}

#frontrightbanner {
	padding: 9px 0 0 0;
	margin: 0;
}

#frontrightbanner .banner {
	padding: 0 0 13px 0;
	margin: 0;
}

#frontbottom {
	height: 140px;
	width: 800px;
	float: left;
	background: url( ../images/frontbottombgflat.jpg ) no-repeat;
}

#frontbottomleft {
	float: left;
	width: 182px;
	height: 134px;
	margin: 8px 4px 0 10px !important;
	margin: 8px 4px 0 5px;
}

#frontbottomcenter {
	float: left;
	width: 183px;
	height: 134px;
	margin: 8px 3px 0 5px;
}

#frontbottomcenterpromo {
	float: left;
	width: 185px;
	height: 134px;
	margin: 8px 20px 0 5px;
}

#frontbottomrighttop {
	float: left;
	width: 162px !important; 
	width: 190px;
	height: 30px !important;
	height: 47px;
	margin: 8px 0 0 0;
	padding: 17px 0 0 28px;
}

#frontbottomrightbottom {
	float: left;
	width: 190px;
	height: 87px;
	margin: 0;
	padding: 0 0 0 0;
	text-align: center;
}

.bannerfront {
	border-right: 1px solid #171717;
}

/*--------------------- Front round -------------------*/

#round {
	margin: 0;
	padding-left: 24px;
	padding-bottom: 12px !important;
	padding-bottom: 6px;
	width: 543px !important;
	width: 569px;
}

#round .top {
	background: url( ../images/roundtop.jpg ) no-repeat bottom;
	height: 10px;
}

#round .middle1 {
	margin-left: 0 !important;
	margin-left: 1px;
	padding: 0 0 0 13px;
	background: url( ../images/roundmiddle.jpg ) repeat-y;	
	height: 55px;
}

#round .middle1 .banner {
	float: left;
	padding: 0 9px 0 0;	
}

#round .middle2 {
	margin-left: 0 !important;
	margin-left: 1px;
	padding: 0 0 0 17px;
	background: url( ../images/roundmiddle.jpg ) repeat-y;	
	height: 127px;
}

#round .middle2 .body {
	/* background: url( ../images/tmp_itpn.jpg ) no-repeat; */
	border: 1px solid #F1A371;
	height: 125px;
	width: 500px;
	padding: 0;
	margin: 0;
}


#round .bottom {
	background: url( ../images/roundbottom.jpg ) no-repeat top;
	height: 10px;
}

/*--------------------- Navigation -------------------*/

#navigation {
	width: 239px;
	float: right;
	padding: 30px 23px 0 0;
	/* border: 1px solid #000000; */
}

#navigationtop {
	width: 239px;
	height: 10px;
	background: url( ../images/leftrdtop.gif ) no-repeat bottom;
	/* background-color: #FFFFFF; */
}

#navigationtitle {
	width: 239px;
	height: 28px;
	margin: 0;
	padding: 0 0 0 18px;
	/* background: url( ../images/navgradtitle.jpg ) repeat-y; */
	/* background-color: #FFFFFF; */
}

#navigationcontainer {
	width: 239px;
	background: url( ../images/leftrdmiddle.jpg ) repeat-y;
	/* background-color: #FFFFFF; */
	padding: 0 0 0 18px;
}

#navigationbanner {
	width: 239px;
	padding: 14px 0 0 0;
	/* border: 1px solid #000000; */
}

#navigationbottom {
	width: 239px;
	height: 10px;
	background: url( ../images/leftrdbottom.gif ) no-repeat top;
	/* background-color: #FFFFFF; */
}

#navigationorderonline {
	padding: 25px 0 30px 43px;
	margin: 0;
	width: 134px;
	height: 30px;
	text-align: center;
}

a.navonline:link, a.navonline:visited {
	display: block;
	background: url( ../images/onlinemain.jpg ) no-repeat;
	width: 134px;
	height: 30px;
	line-height: 30px;
}

a.navonline:hover {
	background-position: 0 -30px;
}

/*--------------------- Content ----------------------*/

#content {
	width: 850px;
	min-height: 500px;
	background: url( ../images/topmargin.jpg ) repeat-x top;
	/* border: 1px solid #000000; */
}

#bgcontent {
	width: 850px;
	min-height: 500px;
	/* background: url( ../images/bgmain.png ) top no-repeat ; */
	/* border: 1px solid #000000; */
}

a.faxonly  {
	color: #000000;
	text-decoration: none;
}
#content_outer_tent {
	display: inline;
	width: 550px !important;
	width: 576px;
	float: left;
	padding: 20px 0 0 24px;
	margin: 20px 0 0 0;
	background: url( ../images/tentangwimode.jpg ) left top no-repeat ;
}

#content_outer_meng {
	display: inline;
	width: 550px !important;
	width: 576px;
	float: left;
	padding: 20px 0 0 24px;
	margin: 20px 0 0 0;
	background: url( ../images/mengapawimode.jpg ) left top no-repeat ;
}

#content_outer_laya {
	display: inline;
	width: 550px !important;
	width: 576px;
	float: left;
	padding: 20px 0 0 24px;
	margin: 20px 0 0 0;
	background: url( ../images/layananwimode.jpg ) left top no-repeat ;
}

#content_outer_cust {
	display: inline;
	width: 550px !important;
	width: 576px;
	float: left;
	padding: 20px 0 0 24px;
	margin: 20px 0 0 0;
	background: url( ../images/customercare.jpg ) left top no-repeat ;
}

#content_outer_prod {
	display: inline;
	width: 550px !important;
	width: 576px;
	float: left;
	padding: 20px 0 0 24px;
	margin: 20px 0 0 0;
	background: url( ../images/produk.jpg ) left top no-repeat ;
}

#content_inner_tent {
	padding: 250px 0 0 0;
}

#content_inner_meng {
	padding: 250px 0 0 0;
}

#content_inner_laya {
	padding: 250px 0 0 0;
}

#content_inner_cust {
	padding: 250px 0 0 0;
}

#content_inner_prod {
	padding: 250px 0 0 0;
}


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

#footerupper {
	width: 800px;
	height: 20px;
	margin: 0 auto !important;
	margin-left: 40px;
	background: url( ../images/dot.jpg ) bottom center repeat-x;
}

#footer {
	padding: 10px 0 0 0;	
	width: 800px;
	height: 30px;
	/* background-color: #000000; */	
	vertical-align: middle;
	margin: 0 auto !important;
	margin-left: 40px;
}

#footer .smalllogo {
	margin: 0 0 0 20px;
	float: left;
	background: url( ../images/bakrie.jpg ) no-repeat;
	height: 30px;
	width: 240px;

}

#footer .copyright {
	float: left;
	color: #444444;
	width: 330px;

}

#footer .footermenu {
	float: left;
	text-align: center;
	color: #444444;
	width: 175px;

}

#footer .footermenu table td {
	text-align: center;
	color: #CCCCCC;
}

a.mainlevel {
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	color: #444444;
}

a.mainlevel:hover, a.mainlevel#active_menu {
	font-size: 10px;
	color: #FE0000;
	text-decoration: none;
	font-weight: normal;
}
/*---------------table search---------------*/
table.searchintro td {
	color:#000000
}
.pagenav {
	color:#000000
}
/*--------------------- HTML Core ----------------------*/
.inputbox-src { 
	color: #9babb9;
	width: 100px; 
	height:auto; 
	border:#ffffff 1px solid; 
	background: #ffffff;
	margin-top:15px;
	margin-left:25px;
	margin-right:auto;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

input, textarea, select {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

}

input:focus, textarea:focus, select:focus {
	background: #F1F1F1;
}

img, form {
	border: 0;
	margin: 0;
	padding: 0;
}

hr {
	display: none;
}

a:link, a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #FF7300;
}

p {
	padding: 0;
	margin: 0;
	line-height: 1.6;
}

.clr {
	clear: both;
}

.mosimage {
padding: 0 20px 0 0;
}
.mosimage_caption {
color: #000000;
}

#navigationcontainer table tr td {
	margin: 1px 0 1px 0;
}

/* ---------- Left Navigation ---------- */

.mainlevel_left, .sublevel_left {
	background: url( ../images/dot1.jpg ) repeat-x;
}

a.mainlevel_left:link, a.mainlevel_left:visited, span.mainlevel_left {
	line-height: 30px;
	width: 156px !important;
	width: 181px;
	display: block;
	vertical-align: middle;
	text-decoration: none;
	/* border-bottom: 1px solid #333333; */
	
	padding: 0 0 0 25px;
	font-weight: bold;
	color: #666666;
}

a.mainlevel_left:hover {
	/*background: #2E2E2E;*/
	width: 156px !important;
	width: 181px;
	color: #FF7300;
}

a.mainlevel_left:link#active_menu_left, a.mainlevel_left:visited#active_menu_left {
	line-height: 30px;
	width: 156px !important;
	width: 181px;
	display: block;
	vertical-align: middle;
	text-decoration: none;
	padding: 0 0 0 25px;
	/* border-bottom: 1px solid #333333; */
	
	/*background: #2E2E2E;*/
	color: #FF7300;
	font-weight: bold;
}

a.mainlevel_left:hover#active_menu_left {
	/*background: #2E2E2E;*/
	color: #FF7300;
	font-weight: bold;
	width: 156px !important;
	width: 181px;
}

a.sublevel_left:link, a.sublevel_left:visited {
	line-height: 30px;
	width: 147px !important;
	width: 182px;
	display: block;
	vertical-align: middle;
	text-decoration: none;
	/* border-bottom: 1px solid #333333; */
	
	padding: 0 0 0 50px;
	margin: 0 0 0 -5px;
	/*
	background: url( ../images/indent2.jpg ) no-repeat;
	background-position: 23px 10px; 
	*/
	font-weight: bold;
	color: #666666;
}

a.sublevel_left:link#active_menu_left, a.sublevel_left:visited#active_menu_left {
	line-height: 30px;
	width: 147px !important;
	width: 182px;
	display: block;
	vertical-align: middle;
	text-decoration: none;
	padding: 0 0 0 50px;
	/* border-bottom: 1px solid #333333; */
	
	/*background: #2E2E2E;*/
	color: #FF7300;
	font-weight: bold;
}



a.sublevel_left:hover {
	/*background: #2E2E2E;*/
	font-weight: bold;
	width: 147px !important;
	width: 182px;
	color: #FF7300;
}

/* ---------- Heading ------------ */

.contentheading {
	font-size: 18px;
        font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6A3107;
	padding: 18px 0 20px 0;
	margin: 0;
}

.contentheading-products {
	font-size: 12px;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #FF7300;
	width: 180px;
	padding: 0;
	margin: 0;
}

.contentheading_sub {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; color: #FF7300;
}

a.contentheading_sub, a.contentheading_sub:link, a.contentheading_sub:visited {
	color: #000000;
}

a.contentheading_sub:hover {
	color: #FF7300;
}

div.componentheading, div.componentheading-products, h2.componentheading{
	font-size: 18px;
        font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6A3107;
	padding: 20px 0 20px 0;
	margin: 0;
}

div.message {
	font-weight: normal;
	padding: 20px 0 0px 0;
	margin: 0;
}

.msg {
	color: #FF0000;
}

/* ---------- Table --------------- */

.contentpaneopen {
	margin: 0;
	padding: 0;
	color: #000000;
}
table.contentpaneopen label,table.contentpaneopen fieldset div {
	margin: 0;
	padding: 0;
	color: #000000;
}
/* ---------- Order Form ---------- */

table.orderform td {
	padding: 5px 5px 5px 0px;
	vertical-align: top;
}

table.orderform th {
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	color: #FF7300;
}

td.spacer {
	height: 15px;
}

table.orderproducts {
	border: 1px solid #000000;
}

table.orderproducts th, table.orderproducts td {
	padding: 8px;
	color: #000000;
}

table.ordersummary {
	border: 1px solid #000000;
}

table.ordersummary th {
	padding: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

table.ordersummary td {
	padding: 5px;
	color: #000000;
}

tr#vword td {
	font-size: 13px;
	font-weight: bold;
	vertical-align: top;
}

.orderexplang {
	color: #FF7300;
}

table.personalinformation {
	border: 1px solid #000000;
	width:500px;
}

table.personalinformation td {
	padding: 8px 8px 8px 35px;
	color: #000000;
}

table.personalinformation th {
	padding: 8px 8px 8px 30px;
}

.readonly {
	background-color:#000000; 
	color: #FFFFFF; 
	border: 0; 
	text-align: right;
}

.errorMsg li {
	color: #FF0000;
	padding: 3px;
}

.spacer30 {
width: 100%;
height: 30px;
}