body {
	margin: 0px;
}
#container {
	width: 1000px;
	padding: 0px;
	text-align: center;
	margin:0 auto;
	font-family: "Trebuchet MS";
}
#header {
	height: 100px;
	text-align: left;
	/*
	background-image: url(../images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	*/
}
#loginregister {
	float: right;
	right: 0px;
	top:0px;
	font-size: 13px;
	color:#4d4d4f;
}

#loginregister a{
	font-size: 13px;
	color:#4d4d4f;
	text-decoration:none;
}
#loginregister a:hover{
	text-decoration:underline;
}
#termbox {
	background-color: #EFEFEF;
	height: 150px;
	width: 500px;
	border: 1px solid #999999;
	overflow-y:scroll;
	padding: 5px;
}

#container_menu {
	height: 38px;
	text-align: left;
	background-image: url(../images/menubar_bg.jpg);
	background-repeat: repeat-x;
	vertical-align: middle;
	
	font-size: 14px;
	color: #FFFFFF;
	margin-bottom: 10px;
}
/*css utk search form */
.search {
	float:left;
	text-align: center;
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #FFFFFF;
	padding: 6px 0px 6px 10px;
	height:15px;
	vertical-align:middle;
}

.top_form {
	background-image: url(../images/top_form.jpg);
	background-repeat: no-repeat;
	height: 5px;
	width: 162px;
}

.center_form {
	background-image: url(../images/center_form.jpg);
	background-repeat: repeat-y;
	height: 14px;
	padding-left: 5px;
}
.bottom_form {
	background-image: url(../images/bottom_form.jpg);
	background-repeat: no-repeat;
	height: 4px;
	width: 162px;
}
#searchbox-text
{
	height: 18px;
	border: 1px solid #FFFFFF;
	color: #666666;
	font-size: 11px;
	width: 150px;
}
.searchbutton {
	padding-left: 5px;
}
.menu a {
	float:left;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #5ea4dd;
	padding: 10px 20px 0px 20px;
	vertical-align: middle;
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #FFFFFF;
	display:block;
	margin: 0px;
	height:28px;
	_height:38px; /*utk sesuaikan tampilan di IE bangsat */
	text-decoration: none;
}
.menu a:hover{
	background-color: #b2d4f0;
	display:block;
	height: 28px;
	_height:38px; /*utk sesuaikan tampilan di IE bangsat */
	margin: 0px;
	color: #515151;
}
.menu_active a{
	float:left;
	background-color: #b2d4f0;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #5ea4dd;
	padding: 10px 20px 0px 20px;
	vertical-align: middle;
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #515151;
	display:block;
	margin: 0px;
	height: 28px;
	_height:38px; /*utk sesuaikan tampilan di IE bangsat */
	text-decoration: none;
}
.titlebar {
	background-image: url(../images/titlebar_bg.jpg);
	background-repeat: repeat-x;
	text-align: left;
	text-indent: 10px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	height: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.title {
	font-size: 20px;
	font-weight: bold;
	color: #155996;
}
.subtitle {
	font-size: 15px;
	font-weight: bold;
	color: #155996;
}
.subtitle a{
	color: #155996;
	text-decoration: none;
}
.subtitle a:hover{
	text-decoration: underline;
}
.list_info {
	font-size: 13px;
	font-weight: normal;
	color: #155996;
}
.list_info a{
	color: #155996;
	font-weight: bold;
	text-decoration: underline;
}

#leftside {
	float: left;
	width: 215px;
	padding: 0px;
	position: relative;
	text-align: justify;
	left:0px;
	top: 0px;
	z-index:100;
	
}

#maincontent {
	float: left;
	width: 550px;
	padding: 0px;
	margin: 0px 10px;
	_margin: 0px 10px 0px 5px; /*utk IE bangsat */
	position: relative;
	text-align: justify;
	color: #4d4d4f;
}

#subcontent {
	float: left;
	width: 745px;
	_width: 770px;
	padding: 5px 15px 15px 15px;
	margin: 0px 0px 0px 10px;
	position: relative;
	text-align: justify;
	color: #4d4d4f;
	font-size: 13px;	
}
#rightside {
	float: right;
	width: 215px;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
#footer {
	background-color: #115c9f;
	width: 1000px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 20px;
	float: left;
	padding-top: 20px;
	height: 70px;
	_height: 100px;
	font-size: 12px;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px;
}
#footer a:hover {
	text-decoration: underline;
	font-size: 13px;
}
table {
	border-collapse:collapse;
	font-size: 13px;
}
#konfirmasi_wrapper {
	background-color: #98ca47;
	font-size: 12px;
	color: #4d4d4f;
	padding: 10px 5px;
	margin: 10px 0px;
	width:205px;
	_width:200px;
}
.textfield {
	border: 1px solid #FFFFFF;
	padding: 2px;
	width: 90px;
	font-size: 10px;
	color: #333333;
}
.konfirmasi_select {
	border: 1px solid #FFFFFF;
	padding: 0px;
	font-size: 12px;
	color: #333333;
}
.konfirmasi_title {
	text-align: left;
	text-indent: 0px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	height: 22px;
}
#calculator_wrapper {
	font-size: 12px;
	color: #4d4d4f;
	border: 1px solid #63a8e1;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.textfield {
	border: 1px solid #b7b7b7;
	padding: 2px;
	width: 120px;
	font-size: 12px;
	color: #333333;
}
.warning {
	background-color: #fcf5d8;
	border: 1px solid #f6d665;
	color: #FF0000;
	text-align: left;
	padding: 5px;
	font-weight: bold;
}
/*================== */
/*END OF MAIN STYLE  */
/*STORE PAGE STYLE  */
/*================= */
.intro_sml_banner {
	margin-right: 2px;
	margin-left: 2px;
	border: 1px solid #CCCCCC;
	width: 244px;
	float: left;
}
.long_banner {
	width:1000px;
	float: left;
	margin: 10px 0px;
}
.product_feature2 {
	float: left;
	width: 1000px;
	margin-bottom: 10px;
}

.highlight_shopcart {
	background-color: #155996;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration:none;
}

td.parade {
	padding: 3px;
	width: 127px;
	text-align: center;
	vertical-align: top;
}
.parade a{
	color: #4d4d4f;
	font-size: 12px;
	text-decoration: none;
}
p.parade {
	color: #09467c;
	font-size: 12px;
	font-weight: bold;	
}
.random_header {
	background-color: #3f8ef3;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;	
}
.random_list a {
	color: #4d4d4f;
	font-size: 12px;
	text-decoration: none;
}
.random_list {
	color: #4d4d4f;
	font-size: 12px;
	text-decoration: none;
}
.review_img {
	color: #4d4d4f;
	font-size: 12px;
	text-decoration: none;
	float: left;
	width: 150px;
}
.review_pointer {
	text-decoration: none;
	float: left;
	width: 30px;
	background-repeat: no-repeat;
	background-position: right center;
	height: 100px;
	background-image: url(../images/review_pointer.jpg);
}
.review_list {
	float:left;
	background-color: #b2d356;
	padding: 15px;
	width:337px;
	font-size: 13px;
	color: #000000;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
}
.review_title {
	color: #c83b21;
	font-size: 18px;
}
.review_date {
	color: #c83b21;
	font-size: 12px;
	font-weight:bold;
}
.review_more a {
	color: #c83b21;
	font-size: 12px;
	font-weight:bold;
	text-align: right;
	display: block;
	text-decoration: none;
}
/*STYLE FOR FEATURED ITEM */
/*======================= */
.featured_wrapper_atas {
	float: left;
	width: 145px;
	height: 180px;
	padding: 15px 15px;
	margin:3px;
	
	_width: 173px;
	_height: 215px;
	_padding: 15px 15px;
	_margin:5px;
	
	position: relative;
	text-align: center;
	left:0px;
	top: 0px;
	border: 1px solid #999999;	
}
.featured_add_atas_no_link{
	background-color: #328ad3;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	float: left;
	position: absolute;
	left: 10px;
	bottom: 10px;
	padding: 5px;
	display:block;
	font-size: 10px;
	width: 70px;
	_width: 90px;
}
.featured_add_atas a{
	background-color: #328ad3;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	float: left;
	position: absolute;
	left: 10px;
	bottom: 10px;
	padding: 5px;
	display:block;
	font-size: 10px;
	width: 70px;
	_width: 90px;
}
.featured_detail_atas a {
	background-color: #115c9f;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	float: left;
	position: absolute;
	right:10px;
	bottom: 10px;
	padding: 5px;
	font-size: 10px;
	width: 65px;
}
.featured_wrapper_bawah {
	float: left;
	width: 160px;
	height: 200px;
	padding: 10px 15px;
	margin:4px;
	
	/*utk IE BANGSAT */
	_width: 190px;
	_height: 250px;
	_padding: 10px 10px;
	_margin:5px;
	/*end of utk IE BANGSAT */
	
	
	position: relative;
	text-align: center;
	left:0px;
	top: 0px;
	border: 1px solid #999999;
	
}
.featured_add_bawah_no_link{
	background-color: #328ad3;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	float: left;
	position: absolute;
	left: 10px;
	bottom: 10px;
	padding: 5px;
	display:block;
	font-size: 10px;
	width: 80px;
	_width: 100px;
}
.featured_add_bawah a{
	background-color: #328ad3;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	float: left;
	position: absolute;
	left: 10px;
	bottom: 10px;
	padding: 5px;
	display:block;
	font-size: 10px;
	width: 80px;
	_width: 100px;
}
.featured_detail_bawah a {
	background-color: #115c9f;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	float: left;
	position: absolute;
	right:10px;
	bottom: 10px;
	padding: 5px;
	font-size: 10px;
	width: 70px;
}
.games_wrapper {
	float: left;
	width: 145px;
	height: 250px;
	padding: 5px 15px;
	margin:3px;
	position: relative;
	text-align: center;
	left:0px;
	top: 0px;
	border: 1px solid #999999;	
}
/*STYLE FOR FEATURED ITEM END */
/*======================= */

.side_banner {
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 13px;
	color: #4d4d4f;
	text-align: justify;
}

.pricelist_choice {
	width: 160px;
	float: left;
	margin: 3px;
	padding: 5px;
}

.pricelist_choice a{
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}
.pricelist_choice a:hover{
	text-decoration: underline;
}
.pricelist_header {
	background-color: #155996;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.pricelist_list {
	font-size: 12px;
	font-weight: normal;
	color: #4d4d4f;
	text-align: center;
}
.pricelist_list a{
	font-size: 12px;
	font-weight: normal;
	color: #4d4d4f;
	text-decoration: none;
}
.pricelist_list a:hover{
	text-decoration: underline;
}
.order_tracking_wrapper {
	background-color: #b2d4f0;
	padding: 15px;
	width:550px;
	font-size: 13px;
	color: #000000;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	margin-bottom: 30px;
}
.filter_option {
	background-color: #F0F0F0;
	padding: 15px;
	width:715px;
	font-size: 13px;
	color: #000000;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	margin-bottom: 30px;
	border: 1px solid #CCCCCC;
	color: #155996;
}

.filter_option a{
	color: #155996;
	text-decoration: none;
}

.filter_option a:hover{
	text-decoration: underline;
}
.product_list_header {
	background-image: url(../images/titlebar_bg.jpg);
	background-repeat: repeat-x;
	height: 27px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 12px;
}
.product_list td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-size: 13px;
}
.product_list a{
	color: #155996;
	text-decoration: none;
	font-weight: bold;
}
.overview {
	background-image: url(../images/detail-icon.jpg);
	height: 26px;
	vertical-align: middle;
	font-size: 18px;
	background-repeat: no-repeat;
	color: #155996;
	padding-left: 35px;
	font-weight: bold;
	display:block;
}
/*============================*/
/* CSS For PAGING Starts Here */
div.paging {
	padding : 2px;
	margin: 2px;
	text-align:right;
	font-family:Arial;
	font-size:12px;
	line-height: 25px;
}

div.paging a{
	padding: 2px 5px 2px 5px;
	margin-right:2px;
	border:1px solid #9AAFE5;
	text-decoration:none;
	color:#2e6AB1;
	background-color: #FFFFFF;
}

div.paging a:hover {
	border:1px solid #2B66A5;
	color:#000000;
	background-color:#FFFF80;
}

div.paging span.current {
	padding : 2px 5px 2px 5px;
	margin-right:2px;
	border:1px solid navy;
	font-weight:bold;
	background-color:#2E6AB1;
	color:#ffffff;
}		
div.paging span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right:2px;
	border:1px solid #999999;
	color:#999999;
}
div.paging span.prevnext {
	font-weight:bold;
}
/* CSS For PAGING Ends Here */
/*==========================*/
.tablecontent1 {
	background-color: #F8F8F8;
	font-size: 13px;
}

.tablecontent2 {
	background-color: #ffffff;
	font-size: 13px;
}

.shopcart-product a {
	color: #155996;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
.shopcart-detail {
	font-size: 12px;
	color: #777777;
}
.qty_cart {
	border: 1px solid #999999;
	text-align: center;
}
.remove-item {
	padding-top: 5px;
}
.total {
	background-color: #155996;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.info {
	background-color: #ffffff;
	border: 1px solid #18771d;
	color: #18771d;
	font-family: Arial;
	font-size: 12px;
	padding: 7px 5px 7px 40px;
	text-align: left;
	background-image: url(../images/info.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.message {
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
	color: #155996;
	font-family: Arial;
	font-size: 12px;
	padding: 15px 10px 15px 100px;
	text-align: left;
	background-image: url(../images/msgicon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	min-height:55px;
}
.inputbox
{
	border: 1px solid #CCCCCC;
	padding: 2px;
	background-color: #FFFFCC;
	width: 220px;
}

.inputbox2
{
	border: 1px solid #999999;
	padding: 2px;
}

.selectbox_sim_product
{
	border: 1px solid #999999;
	padding: 2px;
	width: 430px;
}

.selectbox_sim_qty
{
	border: 1px solid #999999;
	padding: 2px;
	width: 45px;
}

.next {
	float: right;
}

.previous {
	position: relative;
	right: 5px;
	float: right;
}
.price_before_disc {
	text-decoration: line-through;
	font-weight:normal;
	color: #4d4d4f;
}
.price {
	color: #155996;
	font-weight:bold;
}
.date {
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}
.readme {
	font-weight: bold;
	color: #155996;
}
.img_review {
	padding-right: 5px;
	padding-top:5px;
}
.readme a{
	text-decoration: none;
	font-weight: bold;
	color: #155996;
}
.readme a:hover{
	text-decoration: underline;
}
.cat_feat_wrapper {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.cat_feat_content {
	padding: 15px;
	line-height: 15px;
}

.cat_feat_content table{
	font-size: 12px;
}

.cat_feat_content a{
	color: #155996;
	text-decoration: none;
 	font-weight: bold;
	font-size: 13px;
}

.most-wrapper {
	height: 220px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.most-content {
	padding: 15px;
	line-height: 15px;
}

.most-content table{
	font-size: 12px;
}

.most-content a{
	color: #155996;
	text-decoration: none;
 	font-weight: bold;
	font-size: 13px;
}


.picture_detail_single {
	border: 1px solid #CCCCCC;
	height: 300px;
	width: 280px;
}

.special a{
color:yellow;
}