a:link,a:visited {text-decoration:none}
	ul,ol {list-style:none}
	h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
	h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,table,tr, a{ margin:0; padding:0 }
	a img,a:link img,a:visited img {border:none}
	address {font-style:normal}


body{
	background:url(../_img/bgGrad.gif) repeat-x #3F8BD4;
	background-color: #fff;
	font-family: "Trebuchet MS",Arial,Verdana;
	font-size:62.5%;
	background-color: #3F8BD4;
}
#container{
	width:1040px;
	border:0px #FFF solid;
	margin:0 auto;
}
#left_cont{
	width:120px;
	height:100px;
	margin-top:120px;
	float:left;	
}
.cs
{
	text-align:right;
	color:#FFFFFF;
	font-size:14px;
	height: 42px;
	background-image: url(../_img/cs.png);
	background-position:right;
	background-repeat:no-repeat;
}

#right2_cont{
	width:120px;
	height:100px;
	margin-top:200px;
	float:left;
}
#right_cont{
	width:800px;
	float:left;
}
#header{
	height:60px;
	background-image:url(../_img/ekasir_lg_shadow.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	vertical-align:bottom;
}
#header_menu img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
#header_menu{
	width:125px;
	height:27px;
	margin-top:53px;
	margin-right:20px;
	display: inline-block;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/darkblue.png'); 
	float:right;
	color:#FFFFFF;	
	background-color:#fff;
}


#middle{	
	background-color:#fff;
	padding-bottom:5px;		
}

.clearme{
	clear:both;
}

/* Rounder corner atas */
.tl{
	float:left;
	width: 6px;
	height: 6px;
	background-repeat: no-repeat;
	background-position: center;
}

.tr{
	float:left;
	width: 6px;
	height: 6px;
	background-repeat: no-repeat;
	background-position: center;
}

.tengahAtas{
	width:788px;
	float:left;
	height: 6px;
	font-size:4px;
	background-color:#3F8BD4;
}

/* Menu */
#menu_container {
	vertical-align:bottom;
	width:800px;
	margin:0 auto;
	background-color: #3F8BD4;
	background-image: url(../_img/white.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
#merchant_container {
	vertical-align:bottom;
	height:150px;
	width:800px;
	margin:0 auto;
	background-color: #3F8BD4;
	background-image: url(../_img/white.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

/*background menu*/
#menu_inside{
	width:750px;
	margin:0 auto;
	height:30px;
}
#menu_inside_M{
	width:750px;
	margin:0 auto;
	height:30px;
	padding-top:123px;
}

#MainMenu 
{
	background: transparent;
	margin:0;
}
#tab 
{
	margin:0;
	top:0;
}
#tab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tab li 
{
	display:inline;
	float:left;
	margin:0 1px 0 0 ;
	padding:0;
	margin-right:10px;
}
#tab a 
{
	/*background: url("../_img/bright_115.png") no-repeat right top;*/
	background:#3f8bd4;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
}
#tab a span 
{
	display:block;
	/*background:url("../_img/bleft_115.png") no-repeat left top;*/
	background:#3f8bd4;
	padding:0 22px 0 22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:27px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	
}
#tab a:hover span
{
	background-color:#5b9ddc;
	color:#FFFFFF;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
#tab li.item_active a span
{
	background-position:left bottom;
	background-color:#FFFFFF;
	color:#000000;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border-style:solid;
	border-color:#FFFFFF;
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:3px;
	border-left-width:0;
	background: #3F8BD4;
	color:#FFFFFF;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
.dropmenudiv li 
{
	display:inline;
	margin-right:0;
	padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
	width:180px;
	margin:0 1px 0 0 ;
	padding:0;
	display:block;
	border:0 solid ;
	color:#FFFFFF;
	/*background:url("../_img/bleft_115.png") no-repeat left top;*/
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv a span 
{
	float:left;
	display:block;
	line-height:27px;
	/*background:url("../_img/bright_115.png") no-repeat right top;*/
	padding:0 22px 0 22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
.dropmenudiv a span 
{
	float:none;
}
.dropmenudiv a:hover
{
	border:0 solid ;
	background-position:left bottom;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#000000;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#000000;
	font-weight:bold;
}
#middle{
}
#leftbox{
	float:left;
	width:500px;
	padding-top:7px;
	padding-left:10px;
}

#rightbox{
	float:left;
	margin-left:10px;
	width:250px;
}

/* rounded corners */

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#333;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy h3 {font-size:1.2em;color:#0B55C4; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:5px;}

#leftside{
	float:left;
	width:200px;
	padding-top:7px;
	padding-left:5px;
}

#profile_area{
	background:url(../_img/background_01.gif);
	background-repeat:no-repeat;
	width:200;
	height:50px;
}

#saldo_area{
	width:200;
	color:#FFFFFF;
}

#member_area{
	width:200;
	color:#FFFFFF;
}

#email_area{
	width:200;
	color:#FFFFFF;
}

.menu_profile{
	background:url(../_img/background_06.gif);
	background-repeat:repeat-y;
	padding-top:5px;
	padding-bottom:5px;
}

#middleside{
	float:left;
	padding-top:7px;
}

#rightside{
	float:left;
	width:250px;
	padding-top:7px;
	padding-left:10px;
}

#fitur{
	float:left;
}

#isisaldo{
	width:510px;
	display:none;
	padding-top:7px;
	padding-left:10px;
}

#isihistory{
	width:510px;
	display:none;
	padding-top:7px;
	padding-left:10px;
}

#isiprofile{
	width:510px;
	display:none;
	padding-top:7px;
	padding-left:10px;
}

.subtitle{
	text-align:left;
	padding-left:10px;
	margin-bottom:7px;
	font-weight:700;
	color:#FF6600;
}

.menu2_member{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:700;
	padding-top:10px;
	padding-right:0px;
	padding-left:5px;
	text-align:right;
	color:#006699;
}

.isi_menu{
	font-size:12px;
	font-weight:normal;
	margin-right:20px;
}

.subtitle a{
	text-decoration:underline;
	color:#FF6600;
}

.subtitle a:active{
	color:#FF6600;
}

.subtitle a:hover{
	color:#0066CC;
}

.content{
	text-align:left;
	padding-left:10px;
	color:#0066CC;
}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#FBFBFB; border-left:1px solid #CCC; border-right:1px solid #CCC;}
.xb1 {margin:0 5px; background:#CCC;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {
display:block;
font-size:12px;
background:#FBFBFB;
border:0 solid #CCC;
border-width:0 1px;
text-align:center;
/*padding:5px;*/
}

#rightbox .xboxcontent{
	padding-top:10px;
	padding-bottom:10px;
}

.merchantcontent {
padding-left:10px;
display:block;
font-size:12px;
background:#FBFBFB; 
border:0 solid #CCC; 
border-width:0 1px;
/*padding:5px;*/
}

/*unselected Step*/
.stepcontent_un {
padding-left:10px;
display:block;
font-size:12px;
background:#FBFBFB; 
border:0 solid #CCC; 
border-width:0 1px;
text-align:center;
/*padding:5px;*/
}

/*Selected Step*/
.stepcontent_se {
padding-left:10px;
display:block;
font-size:12px;
background-image:url(../_img/bggreen.png);
border:0 solid #CCC; 
border-width:0 1px;
text-align:center;
/*padding:5px;*/
}

/* Left Menu */
#left_menu{
	float:left;
	margin-left:-124px;
	width:126px;
	height: 150px;
}

#left_menu table tr td{
	padding-top: 9px;
	padding-bottom: 9px;
}

#left_menu table tr td a:link{
	color:#fff;
}

#boxindexbox{
	width:100%;
	float:left;
	width:484px;
	height:190px;
	background-color:#FFFFFF;
	border:thin solid #CCCCCC;
	border-bottom:0;
	border-top:thin solid #CCCCCC;
	border-left:thin solid #CCCCCC;
	border-right:thin solid #CCCCCC;
	margin-left:5px;
	padding-left:3px;
}

.indexbox{
	float:left;
	width:160px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	
}
.bigfont_act
{
	font-size:40px;
}
.bigfont_non
{
	color:#999999;
	font-size:40px;
}
.red{color:#FF0000;font-size:10px;}

.itemlist
{
	border-bottom-width:thin;
	border:thin;
	border:#CCCCCC;
}

.productContainer{
	float:left;
	width: 200px;
	/*height:150px;*/
	padding:5px;
	margin-left:10px;
	background-color: #f3f3f3;
	margin-bottom:10px;
	border:1px solid #ccc;
}

.cartAdd{
	display: block;
	position: absolute;
	margin-left:165px;
	/*margin-top:120px;*/
	cursor: pointer;
	/*margin-top:-15px;*/
	height: 32px;
	width: 32px;
	background-image: url(../_img/cart_add.png);
	background-repeat: no-repeat;
	background-position: center;
}

#shoppingCart table{
	border-collapse: collapse;
}

#shoppingCart table thead tr td{
	border-top:1px solid #69D519;
	background-color: #C5EFA7;
	border-bottom:1px solid #69D519;
	padding:5px;
}

#shoppingCart table tbody td,#shoppingCart table tfoot td{
	padding: 5px;
}

.upArrow{
	background-image: url(../_img/up.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 12px; 
	height: 12px;
	display:block;
}

.downArrow{
	background-image: url(../_img/down.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 12px; 
	height: 12px;
	display:block;
}
.inner{
	border: 8px solid #D29C34;
	background: #F5DC63;
	margin: 0 0 20px 0;
	background: #FFFFFF url("../_img/warning_34.png") no-repeat 15px 2px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 20px 10px 55px;
	font-size: 12px;
	color: #000000;
	text-align: left;
	width:77%;
	font-weight:bold;
}
.faqtxt
{
	padding-left:12px;
	padding-top:9px;
}
.faqtxt a
{
	color:#FFFFFF;
}
.faqtxt a:hover
{
	color:#CCCCCC;
}
#faq{
	background-image: url(../_img/darkblue.png);
	background-repeat:no-repeat;
	width:200px;
	height: 31px;
	margin-top:15px;
	margin-left:600px;
	color:#fff;
}

#faq_container {
	margin-right:20px;
	font-size:12px;
	text-align:left;
}

#faq_container ul {
	list-style:square;
	size:14px;
}

#faq_container ol {
	list-style:decimal;
	size:14px;
}

#subtitle{
	margin-left:20px;
	font-size:30px;
	color:#999999;
}

div.sdmenu {
	margin-left:10px;
	width: 560px;
	font-size: 12px;
	padding-bottom: 10px;
}
div.sdmenu div {
	background: url(../_img/title.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url(../_img/title.gif) repeat-x;
}
div.sdmenu div.collapsed {
	height: 30px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: white;
	background: url(../_img/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background-image: url(../_img/collapsed.gif);
}
div.sdmenu div a {
	
}
div.sdmenu div a.current {
	background: #ccc;
}
div.sdmenu div a:hover {
	/*background : #066 url(../_img/linkarrow.gif) no-repeat right center;*/
	color: #fff;
	text-decoration: none;
}

div.sdmenu table
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	color:#006699;
	font-weight:600;
	background:#FFFFFF;
}

div.sdmenu h1{
	margin-top:14px;
}