/***** Common Formatting *****/
ul{list-style-image: url('images/dothijau.gif')}

/***** Global Classes *****/
.themelight{color:#85BC00}
.thememedium{color:#71A602}
.themenormal{color:#6A8500}
.themedarker{color:#618901;}
.themedark{color:#336600}
.themedarkest{color:#008000}

.themeleftpane{background-color:#e7e8e5}

.bgthemenormal{background-color:#E9EDDA}
.bgthemedark{background-color:#E0E4CF}

.themeborder{border:1px solid #7c8b3f;}
.themeborderleftright{border-left:1px solid #7c8b3f;border-right:1px solid #7c8b3f;}
.themeborderleft{border-left:1px solid #7c8b3f;}
.themeborderleftbottom{border-left:1px solid #7c8b3f;border-bottom:1px solid #7c8b3f;}
.themeborderright{border-right:1px solid #7c8b3f;}
.themeborderrightbottom{border-right:1px solid #7c8b3f;border-bottom:1px solid #7c8b3f;}
.themeborderbottom{border-bottom:1px solid #7c8b3f;}
.themebordertop{border-top:1px solid #7c8b3f;}
.themebar{background-image:url('images/top_bg.gif');height:36px;}
.themebarwide{background-image:url('images/bg3.gif');height:35px;background-repeat:repeat-x}
.themebarnewletter{background-image:url('images/bar_bg_newsletter.gif');height:40px;}

/***** Links *****/
a.black{color:#000000;text-decoration:underline;}
a.theme{color:#336600;font-weight:bold;text-decoration:none}
a.theme:hover{}
a.themenormal{color:#6A8500;font-weight:bold;text-decoration:underline}
a.themenormal:hover{text-decoration:none}
a.product {font-weight: bold;}
a.salelink{color:#7D8A2E;text-decoration:none;font-family:Myriad Pro;font-size:small}

label {cursor:pointer;}

#calcBackground{background-image:url('images/calc_bg.gif');background-repeat:repeat-x;}

#top{border:none;position:relative;height:36px;background-image:url('images/top_bg.gif');background-repeat:repeat-x;}
#topleft{border:none;position:absolute;left:0px;top:0px;background-image:url('images/top_kiri.gif');background-repeat:no-repeat;height:36px;width:9px;}
#topright{border:none;position:absolute;right:0px;top:0px;background-image:url('images/top_kanan.gif');background-repeat:no-repeat;height:36px;width:8px;float: right; position: absolute;}

/***** POPUP PanelVV *****/
.modalBackground {background-color:Gray;filter:alpha(opacity=70);opacity:0.7;} 
.plain{position:relative;border:1px solid #333333;}
.plain .close{background-image:url('images/close.gif');background-repeat:no-repeat;width:26px;height:26px;position:absolute;top:-10px;right:-10px;}
.plain .hd{border-bottom:1px solid #333333;background-color:#eeeeee;}
.plain .hd .tl {float:left;width:30px;background-color:#666666;border-right:1px solid #333333}
.plain .hd .tr {float:right;width:30px;background-color:#666666;border-left:1px solid #333333}
.plain .bd{}
.plain .ft{}
.plain iframe{width:100%;height:350px}

.story{position:relative;border:1px solid #7c8b3f;width:700px;background-image:url('../../images/grey_bg3.gif');background-repeat:repeat-x;height:400px}
.story .close{background-image:url('images/close.gif');background-repeat:no-repeat;width:26px;height:26px;position:absolute;top:-10px;right:-10px;}
.story .hd{height:61px;background-image:url('images/ornament_top.gif');background-repeat:no-repeat;background-position:center}
.story .hd .tl {}
.story .hd .tr {}
.story .bd{width:590px;height:280px;margin:0px 50px 0px 50px}
.story .ft{margin-bottom:20px;height:26px;background-image:url('images/ornament_bottom.gif');background-repeat:no-repeat;background-position:center}
.story iframe{width:100%;height:350px}

.product{position:relative;border:1px solid #7c8b3f;width:500px;background-image:url('../../images/grey_bg3.gif');background-repeat:repeat-x;height:400px;}
.product .close{background-image:url('images/close.gif');background-repeat:no-repeat;width:26px;height:26px;position:absolute;top:-10px;right:-10px;z-Index:1}
.product .hd{height:35px;padding-left:25px}
.product .hd .tl {background-image:url('images/line_left.gif');width:25px;height:150px;background-repeat:no-repeat;position:absolute;left:0px}
.product .hd .tr {background-image:url('images/line_right.gif');width:25px;height:150px;background-repeat:no-repeat;position:absolute;right:0px;z-Index:0;}
.product .bd{margin:0px 26px 0px 26px}
.product .ft{clear:both;height:35px;background-image:url('../../images/grey_bg4.gif');background-repeat:repeat-x; background-position:bottom}
.product iframe{width:440px;height:350px}

.popup{position:relative;border:1px solid #7c8b3f;background-image:url('../../images/grey_bg3.gif');background-repeat:repeat-x;font-size:11px}
.popup .close{background-image:url('images/close.gif');background-repeat:no-repeat;width:26px;height:26px;position:absolute;top:-10px;right:-10px;z-Index:1}
.popup .hd{height:35px;padding-left:25px}
.popup .hd .tl {background-image:url('images/line_left.gif');width:25px;height:150px;background-repeat:no-repeat;position:absolute;left:0px}
.popup .hd .tr {background-image:url('images/line_right.gif');width:25px;height:150px;background-repeat:no-repeat;position:absolute;right:0px;z-Index:0;}
.popup .bd{margin:0px 26px 0px 26px}
.popup .ft{clear:both;height:35px;background-image:url('../../images/grey_bg4.gif');background-repeat:repeat-x; background-position:bottom}
.popup iframe{}
/***** POPUP Panel^^ *****/

/**ini nanti check apakah masih di pakai?**/
.panelhd{background:transparent url(images/aqua_hd_bg.gif); color:#000; height:41px; text-align:left; overflow:visible;}
.navigation{font-weight:bold;color:white;text-decoration:none;}
.navigation a{font-weight:bold;color:white;text-decoration:none;}
#navigation td{padding-left:10px;}
/**ini nanti check apakah masih di pakai?**/

/***** Global Settings *****/
html,body{
	font-family:arial,Verdana;
	font-size:12px;
	background-image: url(../images/main-bg.gif);
}
img{
	border-width: 0;
	text-align: center;
}

/***** Menu *****/
.menu {position: absolute; text-align: left; font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; border: 1px solid #336600; padding: 10px; background-color: white; color: #000000; font-weight: normal;}
.menu li {list-style: none;}
.menu a {color: #336600; text-decoration: none;}
.menu a:hover {color: #FF6600;}
.menu .orange {color: #FF6600;}
.menu .tiny {font-size: smaller; color: #666666; margin-left: 10px; display: block;}

/***** Forms *****/
form {margin:0;padding:0;display:inline;}
form select,textarea{border:1px solid #808080;}
form .checkbox{border:0px}
.textnormal{border:1px solid #E6E6E6}
.text{padding-left:0; background-color:#FFFFFF;border:1px solid #808080;font-size:12px;}
.button{padding-left:0; background-color:#85BC00;border:1px solid #808080;font-size:12px;padding:2px;border-bottom:2px solid #008000;}
.textyellow{font-family: Trebuchet MS; font-size: 12px; border: 1px solid #CACACA; background-color:#FFFFCA}
.loadingbox
{
    position:absolute;
    top:40%;
    left:40%;
    border:1px solid lightsteelblue; 
    background-color: #ffffff; 
    height:50px; 
    width:250px;
    text-align:center;
    padding-top:20px
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);
}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}

.std {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
.divContent {width: 100%; height: 100%; z-index: 0; margin: 0px; padding: 0px;}
.divInnerContent {position: relative; text-align: left; width: 993px; height: 100%; margin: auto; z-index: 0;}
.divMembership {position: absolute; font-weight: bold; text-align: right; height: 18px; right: 7px; top: 4px; font-size: 12px;}
#divCalculator {position: fixed;top: 0px; width: 973px; z-index: 1;}
#divheader {position: fixed; top: 100px; text-align: left; background-image:url(../../Image/b_menu2.gif); width: 1014px; z-index: 1;}

#Search {font-family: Verdana; border: 1px solid #6A8500; vertical-align: middle;}
#frmServer {margin: 0px; padding: 0px;}
#copyrights {margin: auto; text-align: center; color: #808080; font-size: 0.9em;}
#flyoutTopeng {position: absolute; width: 200px; left: 9px; top: 0px; height: 115px;}

.sh{margin-top:10px;font-weight:bold;position:absolute;left:230px;width:350px;font-size:12px;vertical-align:middle}
.sh a{font-weight:bold;font-size:12px;text-decoration:none;color:Black}
.shoppingcart
{width:100%}

.shoppingcart thead th
{color:#666666;font-weight:bold;border-top: 1px solid rgb(192, 192, 192); border-bottom: 1px solid rgb(192, 192, 192);background-color:#f3f3f3;}
.shoppingcart .footer td
{color:#666666;font-weight:bold;border-top: 1px solid rgb(192, 192, 192); border-bottom: 1px solid rgb(192, 192, 192);background-color:#f3f3f3;}

.box
{border: 1px solid #C0C0C0; background-color:#f3f3f3;}

.large{font-size:15px;}
.small{font-size:9px;}
.blurlight{color:#C0C0C0}
.blur{color:#808080}
.blurdark{color:#666666}
.black{color:black}
.orange{color:#FF6600}
.red{color:#800000}
.redlite{color:#FF0000}
.blue{color:#0000FF}

/*ini untuk product relations di product detail*/
.selectedProduct{padding: 5px;font-size:12px;}
.selectedProduct input{border:none}
.selectedProduct .img {margin-left:20px;width:80px;float:left}
.selectedProduct .title {color:#6A8500;display:block;}
.selectedProduct .desc{width:513px;font-weight:bold;float:left;}
.selectedProduct .price{float:right;width:136px;text-align:center;vertical-align:middle ;}
.selectedProduct .select{float:right;width:80px;text-align:center;vertical-align:middle ;border: 1px solid #666633;background-color:#E9EDDA;}
.relatedproductcontainer{font-size:11px;clear:both;position:relative;}
.relatedproduct{width:300px;float:left;padding:2px;padding-bottom:5px;}
.relatedproduct input{border:none}
.relatedproduct .img{width:68px;float:left;}
.relatedproduct .desc{margin-left:68px;}
.relatedproduct .title{color:Black;text-decoration:underline;font-size:12px;font-weight:bold;display:block;}
.relatedproduct .price{font-size:12px;}
.relatedproduct .select{width:80px;vertical-align:middle ;border: 1px solid #666633;background-color:#E9EDDA;}
.relatedproduct .select table{font-size:12px}
.hr hr{background-color: #476901;color:#eceef4;border:none;height:1px;display:block;width: 100%;}
.hr {clear:both;padding:1px 0px 0px 0px;}
.small{font-size:11px;}
.header{color:#EC5F00;font-weight:bold;}
/*di atas ini untuk product relations di product detail*/
.beli{width:42px;height:21px;cursor:pointer;padding:0px;margin:0px;background-repeat:no-repeat;background-image:url('images/beli.gif');display:block;}
.belidisabled{width:42px;height:21px;cursor:normal;padding:0px;margin:0px;background-repeat:no-repeat;background-image:url('images/beli_blur.gif');display:block;}
.add{width:42px;height:21px;cursor:pointer;padding:0px;margin:0px;background-repeat:no-repeat;background-image:url('images/add.gif');display:block;}
.adddisabled{width:42px;height:21px;cursor:normal;padding:0px;margin:0px;background-repeat:no-repeat;background-image:url('images/add_blur.gif');display:block;}

.belilarge{width:51px;height:24px;cursor:pointer;padding:0px;margin:0px;background-repeat:no-repeat;background-image:url('images/buy.gif');display:block;}
.belidisabledlarge{width:51px;height:24px;cursor:normal;padding:0px;margin:0px;background-repeat:no-repeat;background-image:url('images/beli_blur.gif');display:block;}
.addlarge{width:51px;height:24px;cursor:pointer;padding:0px;margin:0px;background-repeat:no-repeat;background-image:url('images/add.gif');display:block;}
.adddisabledlarge{width:51px;height:24px;cursor:normal;padding:0px;margin:0px;background-repeat:no-repeat;background-image:url('images/add_blur.gif');display:block;}

.belisale{width:42px;height:21px;cursor:pointer;padding:0px;margin:0px;background-repeat:no-repeat;background-image:url('images/beli_hitam.gif');display:block;}

.buynow{
	background:url('images/tag_buy_green.gif') no-repeat;
	width:45px;
	height:15px;
	border:outset 0px buttonface;
	margin:0px;
	vertical-align:middle;
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	font-size:0;
	line-height:0;
	text-indent:-500px;
}
.moreinfo{
	background:url('images/tag_info_green.gif') no-repeat;
	width:45px;
	height:15px;
	border:outset 0px buttonface;
	margin:0px;
	vertical-align:middle;
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	font-size:0;
	line-height:0;
	text-indent:-500px;
}
.thumbnail{width:60px;height:48px;background-repeat:no-repeat;}

div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;
}

div#mb_center {
background-color: #FFF;
}

div#mb_contents {
width: 400px;
height: 400px;
border: 1px solid #DDD;
overflow: hidden;
background-color: #FFF;
visibility: hidden;
}

.mb_loading {
background: #DDD url(../../images/loading.gif) no-repeat center center;
}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
}

#mb_error em {
font-size: 0.8em;
}

div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
line-height: 1.4em;
text-align: left;
border: 1px solid #DDD;
border-top-style: none;
}

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(../../images/closelabel.gif) no-repeat;
margin: 5px 0;
}

div#mb_caption {
margin-right: 71px;
}

/***grid****/
.gridblur{
	font-family:arial;
	font-size:12px;
	color:#808080;
}
.gridblur .header /*.gridHeader*/
{border-collapse: collapse;background-image: url('../../images/bar_bg.gif');background-repeat:repeat-x;color:black;font-size:13px;height: 46px;}
.gridblur .header a{color: black;}
.gridblur .header th /*.gridHeader td*/
{padding-top: 0px;height: 46px;font-weight: bold;color: black;vertical-align: middle;padding-left: 5px;padding-right: 0px;}
.gridblur .alternate td{background-color: #EFEFEF;padding-left: 5px;padding-right: 0px;}
.gridblur .selected td{background-color: #CCCCCC;padding-left: 5px;padding-right: 0px;}
.gridblur .row{background-color: #FFFFFF;padding-left: 5px;padding-right: 0px;}
.gridblur .row a{color:#808080;text-decoration:underline;}
.gridblur .row a:hover{font-weight:bold}
.gridblur .alternate a{color:#808080;text-decoration:underline;}
.gridblur .alternate a:hover{font-weight:bold}
.gridblur .row td{border-bottom:1px solid #E6E6E6;padding-left: 5px;padding-right: 0px;}
.gridblur .footer {background-color: #C0C0C0;}
.gridblur .footer td{border-top:3px solid #999999;padding:3px 0px 3px 5px;}
/***grid****/

/***grid****/
.grid{
	font-family:arial;
	font-size:12px;
	color:black;
}
.grid .header /*.gridHeader*/
{border-collapse: collapse;background-image: url('../../images/bar_bg.gif');background-repeat:repeat-x;color:black;font-size:13px;height: 46px;}
.grid .header a{color: black;}
.grid .header th /*.gridHeader td*/
{padding-top: 0px;height: 46px;font-weight: bold;color: black;vertical-align: middle;padding-left: 5px;padding-right: 0px;}
.grid .selected td{background-color: #CCCCCC;padding-left: 5px;padding-right: 0px;}
.grid .row td{background-color: #FFFFFF;padding-left: 5px;padding-right: 0px;}
.grid .row a{text-decoration:underline;}
.grid .row a:hover{font-weight:bold}
.grid .alternate td{background-color: #EFEFEF;padding-left: 5px;padding-right: 0px;}
.grid .alternate a{text-decoration:underline;}
.grid .alternate a:hover{font-weight:bold}
.grid .footer {background-color: #C0C0C0;}
.grid .footer td{border-top:3px solid #999999;padding:3px 0px 3px 5px;}
/***grid****/

/***detailview***/
.detailview .insertrow td{border:0px}
.detailview .header{font-weight:bold;color:black;}
.detailview .row{}
.parade .content{}
.parade .header{background-image:url('images/org45.gif');background-position:center;background-repeat:no-repeat;height:40px;}
.parade .footer{background-image:url('images/org452.gif');background-position:center;background-repeat:no-repeat;height:40px;}

.ajax-loading{width:80px;background:url("images/spinner.gif"/*tpa=http://demos.mootools.net/demos/Group/spinner.gif*/) no-repeat 0 0;background-position:left;}

/***** Accordion *****/
.toggler {
	margin: 0px;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia;
	text-align: center;
	cursor: pointer;
}