* {
	margin: 0px;
	padding: 0px;
}
body{
  padding:0;
}
#wrapper {
	width: 1000px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
#header_atas {
	background-color: #e8e8e8;
	height: 25px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c5c5;
	position: relative;
}
#header_atas_content {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 25px;
}
#header_atas_content ul {
	float: right;
	text-align: right;
	width: 177px;
}
#header_atas_content li {
	display: inline;
	line-height: 25px;
	padding-right: 3px;
	padding-left: 3px;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #515151;
}
#header_atas_content li a {
	color: #515151;
	text-decoration: none;
}
#header_atas_content li a:hover {
	color: #e67817;
}
#header_atas_content h1 {
	float: right;
	width: 723px;
	font-family: Arial;
	font-size: 12px;
	color: #515151;
	text-align: right;
	line-height: 25px;
	vertical-align: middle;
}
#header {
	width: 1000px;
	position: relative;
}
#header h1 {
	float: left;
	height: 110px;
	width: 209px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6A9EC3;
}
#header h2 {
	float: left;
	height: 55px;
	width: 791px;
	margin-top: 14px;
	margin-bottom: 14px;
}
#menu {
	float: left;
	height: 28px;
	width: 791px;
}
#menu h3 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-image: url(images/bg_over.gif);
	float: left;
	height: 26px;
	padding-right: 15px;
	padding-left: 15px;
	border-top: 1px solid #6A9EC3;
	border-right: 1px solid #6A9EC3;
	border-bottom: 1px solid #93C2DE;
	border-left: 1px solid #6A9EC3;
	line-height: 26px;
	vertical-align: middle;
}
#menu h3 a {
	color: #000000;
	text-decoration: none;
}
#menu h3 a:hover {
	color: #FFFFFF;
}
#menu h4 {
	float: left;
	height: 27px;
	width: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6A9EC3;
}
#menu h5{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	float: left;
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
	text-decoration: none;
}
#menu h5 a{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-image: url(images/bg_menu.gif);
	float: left;
	height: 26px;
	padding-right: 15px;
	padding-left: 15px;
	border-top: 1px solid #9AB6D2;
	border-right: 1px solid #9AB6D2;
	border-bottom: 1px solid #6A9EC3;
	border-left: 1px solid #9AB6D2;
	line-height: 26px;
	vertical-align: middle;
	text-decoration: none;
}
#menu h5 a:hover {
	background-image: url(images/bg_over.gif);
	border-top: 1px solid #6A9EC3;
	border-right: 1px solid #6A9EC3;
	border-bottom: 1px solid #6A9EC3;
	border-left: 1px solid #6A9EC3;
}
.clear {
	clear: both;
}
#header_tengah {
	background-image: url(images/bg_search.gif);
	height: 48px;
	width: 998px;
	position: relative;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #6A9EC3;
	border-left-color: #6A9EC3;
}
#header_tengah h3 {
	font-family: Arial;
	font-size: 12px;
	line-height: 48px;
	font-weight: normal;
	color: #FFFFFF;
	vertical-align: middle;
	padding-left: 16px;
	width: 134px;
	float: left;
}
#header_tengah h4 {
	font-family: Arial;
	font-size: 12px;
	line-height: 48px;
	font-weight: normal;
	color: #FFFFFF;
	vertical-align: middle;
	float: left;
	width: 58px;
}
#search {
	float: left;
	width: 790px;
}
#search input, #pengiriman input {
	width: 338px;
	margin-top: 12px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #646464;
	padding-left: 5px;
	float: left;
	height: 20px;
}
#search select, #pengiriman select {
	margin-top: 14px;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	width: 142px;
	float: left;
	margin-left: 6px;
	line-height: 23px;
	vertical-align: middle;

}
option {
	padding-left: 5px;
}
#search h5 {
	float: left;
	font-family: Arial;
	font-size: 11px;
	line-height: 23px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	vertical-align: text-top;
}
#search h5 a {
	margin-top: 12px;
	float: left;
	height: 23px;
	width: 106px;
	border: 1px solid #CF6F18;
	background-image: url(images/bg_button_search.gif);
	font-family: Arial;
	font-size: 12px;
	line-height: 23px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	vertical-align: text-top;
	margin-left: 6px;
	text-decoration: none;
}
#search h5 a:hover{
	background-image: url(images/bg_menu.gif);
	border-top: 1px solid #6A9EC3;
	border-right: 1px solid #6A9EC3;
	border-bottom: 1px solid #6A9EC3;
	border-left: 1px solid #6A9EC3;
}
#search h6 {
	float: left;
	width: 177px;
	line-height: 48px;
	height: 48px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
#search h6 a {
	color: #FFFFFF;
	text-decoration: underline;
}
#search h6 a:hover {
	color: #000000;
}
#header_bawah {
	height: 27px;
	width: 1000px;
	position: relative;
	background-image: url(images/menu_kanan.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#header_bawah h3 {
	font-family: Arial;
	font-size: 10px;
	float: left;
	height: 27px;
	width: 30px;
}
#header_bawah h4 {
	font-family: Arial;
	font-size: 12px;
	line-height: 27px;
	font-weight: normal;
	color: #FFFFFF;
	vertical-align: middle;
	float: left;
	height: 27px;
	width: 57px;
	background-image: url(images/bg_home.gif);
	text-align: center;
}
#header_bawah h4 a {
	color: #FFFFFF;
	text-decoration: none;
}
#header_bawah h4 a:hover {
	color: #000000;
}

#header_bawah_kiri {
	background-color: #F6F6F6;
	float: left;
	height: 26px;
	width: 500px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B1C5DD;
	padding-left: 11px;
}
#header_bawah_kiri li, #header_bawah_kanan li {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #0054FF;
	line-height: 26px;
	vertical-align: middle;
	list-style-type: none;
	padding-right: 2px;
	padding-left: 2px;
	display: inline;
}
#header_bawah_kiri li a, #header_bawah_kanan li a {
	color: #0054FF;
	text-decoration: none;
}
#header_bawah_kiri li a:hover, #header_bawah_kanan li a:hover {
	color: #E67817;
}
#header_bawah_kanan{
	background-color: #F6F6F6;
	float: left;
	height: 26px;
	width: 391px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B1C5DD;
	text-align: right;
}
#header_bawah h5 {
	font-family: Arial;
	font-size: 10px;
	float: left;
	height: 27px;
	width: 11px;
}
#kiri {
	float: left;
	width: 209px;
	margin-top: 10px;
	margin-right: 10px;
}
#category {
	position: relative;
	width: 207px;
	border: 1px solid #FFB64B;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
#category h1 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #7B2E00;
	background-image: url(images/bg_category.gif);
	height: 23px;
	width: 189px;
	position: relative;
	line-height: 23px;
	vertical-align: middle;
	padding-left: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFB64B;
	margin-bottom: 7px;
}
#category ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 207px;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}
#category ul li {
	position: relative;
	width: 207px;
}
#category li ul {
	position: absolute;
	left: 207px;
	top: -2px;
	display: none;
	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: #FFB64B;
	border-bottom-color: #FFB64B;
	border-left-color: #FFB64B;
	background-color: #FEF5E4;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFB64B;
	z-index: 2;
}
#category ul li a {
	display: block;
	text-decoration: none;
	color: #000000;
	padding: 5px;
}
#category ul li a:hover {
	color: #534EFF;
}
#category ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 207px;
}
#category li:hover ul { 
	display: block;
}
#category li:hover {
	background-color: #FEF5E4;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFB64B;
}
#category li:hover ul, li.over ul { 
	display: block; 
}
/* Holly Hack. IE Requirement \*/
* html #category ul li { float: left; height: 1%; }
* html #category ul li a { height: 1%; }
/* End */
.style1 {
	font-family: Arial;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #0054FF;
}
#livechat, #partner {
	position: relative;
	width: 207px;
	border: 1px solid #8EB4CE;
	margin-top: 17px;
	padding-bottom: 7px;
}
#livechat h1, #partner h1 {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-image: url(images/bg_livechat.gif);
	height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8EB4CE;
	position: relative;
	line-height: 25px;
	vertical-align: middle;
	padding-left: 11px;
	margin-bottom: 7px;
	width: 196px;
}
#livechat h2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-left: 12px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 90px;
}
#livechat h3 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	float: left;
	width: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#livechat h4 {
	width: 90px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
}
#partner li {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	list-style-type: none;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#partner li a {
	color: #000000;
	text-decoration: none;
}
#partner li a:hover {
	color: #E67817;
}
#partner li li {
	text-align: center;
}
#kanan {
	width: 781px;
	margin-top: 10px;
	float: left;
	padding-bottom: 10px;
}
#latest {
	float: left;
	width: 600px;
	border: 1px solid #FFB64B;
	margin-right: 11px;
	padding-bottom: 4px;
}
#latest li {
}
.header_latest {
	background-image: url(images/bg_category.gif);
	background-color: #FFD58D;
	background-repeat: repeat-x;
	background-position: top;
	width: 300px;
	position: relative;

}
.latest_content {
	width: 300px;
	float: left;
}
.latest_content h1 {
	font-family: Arial;
	font-size: 12px;
	line-height: 26px;
	font-weight: bold;
	color: #7B2E00;
	vertical-align: middle;
	width: 214px;
	padding-left: 11px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFB64B;
}
.latest_content h2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	float: left;
	width: 52px;
	padding-right: 11px;
	line-height: 26px;
	vertical-align: middle;
	background-image: url(images/panah_abu.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFB64B;
	text-align: right;
}
.latest_content h2 a {
	color: #000000;
	text-decoration: none;
}
.latest_content h2 a:hover {
	color: #0054FF;
}
.latest_content h3, .latest_content h4 {
	float: left;
	width: 80px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #F9F1E6;
}
.latest_content h4 {
	background-color: #FFFFFF;
}
.latest_content td {
	font-family: Arial;
	font-size: 12px;
	line-height: 28px;
	font-weight: normal;
	color: #000000;
	vertical-align: middle;
	padding-right: 11px;
	padding-left: 11px;
}
.bg_pink {
	background-color: #F9F1E6;
}
.bg_putih {
	background-color: #FFFFFF;
}
#banner {
	float: left;
	width: 168px;
}
#banner h1 {
	padding-bottom: 12px;
	width: 168px;
	position: relative;
}
#banner h2 {
	width: 168px;
	position: relative;
}
#promo {
	position: relative;
	width: 205px;
	border: 1px solid #FFB64B;
	margin-top: 20px;
}
#promo h1 {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #7B2E00;
	background-image: url(images/bg_category.gif);
	height: 23px;
	width: 196px;
	padding-left: 9px;
	position: relative;
	line-height: 23px;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFB64B;
	margin-bottom: 7px;
}
#promo_content {
	width: 187px;
	padding-right: 9px;
	padding-left: 9px;
	position: relative;
}
#promo_content h2 {
	float: left;
	height: 48px;
	width: 48px;
	border: 1px solid #DDDDDD;
	margin-bottom: 8px;
}
#promo_content h3 {
	float: left;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #7B2E00;
	width: 127px;
	padding-left: 10px;
	margin-bottom: 8px;
}
#promo_content h3 a, #stuff_content h2 a, #new_content h1 a, #top_content h1 a {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #499BF1;
	text-decoration: none;
}
#promo_content h3 a:hover, #promo_content h4 a:hover, #stuff_content h2 a:hover, #new_content h1 a:hover, #top_content h1 a:hover, #promo_template_content h4 a:hover {
	color: #FFB64B;
}
.style2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: line-through;
}
#promo_content h4, #promo_template_content h4 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-align: right;
	width: 148px;
	padding-bottom: 5px;
	float: right;
}
#promo_content h4 a, #promo_template_content h4 a {
	color: #000000;
	text-decoration: none;
}
#stuff {
	width: 779px;
	border: 1px solid #FFB64B;
	position: relative;
	margin-top: 11px;
}
#stuff_header {
	background-image: url(images/bg_category.gif);
	height: 23px;
	width: 779px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFB64B;
	margin-bottom: 11px;
}
#stuff_header h1, #new_header h1, #top_header h1 {
	font-family: Arial;
	font-size: 12px;
	line-height: 23px;
	font-weight: bold;
	color: #7B2E00;
	vertical-align: middle;
	float: left;
	width: 200px;
	padding-left: 15px;
}
#stuff_header h2, #new_header h2 {
	font-family: Arial;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #853409;
	background-color: #FCCD74;
	vertical-align: middle;
	float: right;
	height: 15px;
	width: 16px;
	margin-right: 3px;
	border: 1px solid #FF8F27;
	margin-top: 3px;
	text-align: center;
}
#stuff_header h3, #new_header h3 {
	font-family: Arial;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #F16D00;
	vertical-align: middle;
	float: right;
	height: 15px;
	width: 16px;
	text-align: center;
	margin-right: 3px;
	margin-top: 3px;
}
#stuff_header h3 a, #new_header h3 a {
	font-family: Arial;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #F16D00;
	background-color: #FFF5E5;
	vertical-align: middle;
	float: right;
	height: 15px;
	width: 16px;
	border: 1px solid #FFB44E;
	text-align: center;
	text-decoration: none;
}
#stuff_header h3 a:hover, #new_header h3 a:hover {
	color: #853409;
	background-color: #FCCD74;
	border: 1px solid #FF8F27;
}
#stuff_content {
	width: 760px;
	padding-right: 4px;
	padding-left: 15px;
	position: relative;
}
#stuff_content h1 {
	float: left;
	height: 91px;
	width: 91px;
	border: 1px solid #CCCCCC;
	margin-bottom: 14px;
}
#stuff_content h2 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #7B2E00;
	float: left;
	width: 87px;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 150%;
	margin-bottom: 14px;
}
#new {
	float: left;
	width: 380px;
	margin-right: 17px;
	border: 1px solid #FFB64B;
	margin-top: 17px;
}
#new_header, #top_header {
	background-image: url(images/bg_category.gif);
	height: 23px;
	width: 380px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFB64B;
	margin-bottom: 11px;
}
#new_content, #top_content {
	width: 368px;
	padding-right: 6px;
	padding-left: 6px;
	position: relative;
}
#new_content h1, #top_content h1 {
	float: left;
	width: 92px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #7B2E00;
	text-align: center;
	line-height: 130%;
	margin-bottom: 10px;
}
#new_content h1 img, #top_content h1 img {
	height: 75px;
	width: 75px;
	border: 1px solid #CCCCCC;
}
#top {
	float: left;
	width: 380px;
	border: 1px solid #FFB64B;
	margin-top: 17px;
}
#forum {
	float: right;
	width: 380px;
	border: 1px solid #8EB4CE;
	margin-top: 17px;
	margin-left: 17px;
}
#forum h1, #news h1, #pembayaran h1 {
	background-image: url(images/bg_livechat.gif);
	height: 25px;
	width: 363px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8EB4CE;
	margin-bottom: 11px;
	font-family: Arial;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	padding-left: 17px;
}
#forum_content {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-right: 13px;
	padding-left: 13px;
	width: 354px;
	position: relative;
}
#forum_content h2 {
	float: left;
	height: 95px;
	width: 95px;
	border: 1px solid #BFBFBF;
	margin-bottom: 10px;
}
#forum_content h3 {
	float: left;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	width: 243px;
	padding-left: 14px;
	line-height: 150%;
}
#forum_content h3 a {
	color: #000000;
	text-decoration: none;
}
#forum_content h3 a:hover {
	color: #E67817;
}
#forum_content ul {
	float: left;
	width: 243px;
	padding-left: 14px;
	margin-bottom: 10px;
}
#forum_content li {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #828282;
	background-image: url(images/kotak_abu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	padding-left: 10px;
	line-height: 150%;
}
#forum_content li a {
	color: #828282;
	text-decoration: none;
}
#forum_content li a:hover, #forum_content h4 a:hover, #forum_content_bawah h5 a:hover {
	color: #E67817;
}
#forum_content h4 {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #3B80E5;
	background-image: url(images/panah_orange.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	width: 75px;
	text-align: left;
	padding-left: 10px;
	margin-bottom: 3px;
}
#forum_content h4 a {
	color: #3B80E5;
	text-decoration: none;
}
#forum_content_bawah {
	position: relative;
	width: 354px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E5E5E4;
	padding-top: 10px;
}
#forum_content_bawah img {
	float: left;
	height: 36px;
	width: 36px;
	border: 1px solid #BFBFBF;
	margin-bottom: 10px;
}
#forum_content_bawah h5 {
	font-family: Tahoma;
	font-size: 11px;
	color: #696969;
	float: left;
	width: 311px;
	padding-left: 5px;
	font-weight: normal;
	line-height: 150%;
	margin-bottom: 10px;
}
#forum_content_bawah h5 a {
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
#news {
	float: right;
	width: 380px;
	border: 1px solid #8EB4CE;
	margin-top: 17px;
	margin-bottom: 4px;
}
#news_content, #pembayaran_content {
	padding-right: 17px;
	padding-left: 17px;
	width: 346px;
	position: relative;
}
#news_content h2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #828282;
	float: left;
	width: 80px;
	margin-bottom: 5px;
}
#news_content h3 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #0777EC;
	float: left;
	width: 266px;
	margin-bottom: 5px;
}
#news_content h3 a {
	color: #0777EC;
	text-decoration: none;
}
#news_content h3 a:hover {
	color: #E67817;
}
#pembayaran {
	float: right;
	width: 380px;
	border: 1px solid #8EB4CE;
	margin-bottom: 4px;
}
#pembayaran_content h2 {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	float: left;
	width: 173px;
	line-height: 150%;
	margin-bottom: 10px;
}
#pembayaran_content h3 {
	font-family: Tahoma;
	font-size: 12px;
	line-height: 150%;
	font-weight: normal;
	color: #000000;
	float: left;
	width: 173px;
	margin-bottom: 10px;
}
#pembayaran_content h4 {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	float: left;
	width: 285px;
	line-height: 150%;
	padding-bottom: 10px;
}
#pembayaran_content h5 {
	font-family: Tahoma;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	float: left;
	height: 25px;
	width: 59px;
	border: 1px solid #8EB4CE;
	background-image: url(images/bg_submit.gif);
	margin-top: 11px;
}
#pembayaran_content h5 a {
	color: #000000;
	text-decoration: none;
}
#pembayaran_content h5 a:hover {
	color: #3B80E5;
}
#bawah {
	position:relative;
	height: 55px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C5C5C5;
	text-align: center;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #0054FF;
	padding-top: 3px;
	line-height: 150%;
	background-color: #F5F4F4;
	z-index: 2;
	background-image: url(images/bg_bwh.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#bawah a {
	color: #0054FF;
	text-decoration: none;
}
#bawah a:hover {
	color: #000000;
}
.style3 {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
#bawah h1 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	padding-top: 3px;
}
#bawah h1 a {
	color: #000000;
}
#bawah h1 a:hover {
	color: #0054FF;
}

/*css untuk template*/
#promo_template {
	position: relative;
	width: 166px;
	border: 1px solid #FFB64B;
	margin-bottom: 15px;
}
#promo_template h1 {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #7B2E00;
	background-image: url(images/bg_category.gif);
	height: 23px;
	width: 157px;
	padding-left: 9px;
	position: relative;
	line-height: 23px;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFB64B;
	margin-bottom: 7px;
	padding-bottom: 0px;
}
#promo_template_content {
	width: 148px;
	padding-right: 9px;
	padding-left: 9px;
	position: relative;
}
#promo_template_content h2 {
	float: left;
	height: 48px;
	width: 48px;
	border: 1px solid #DDDDDD;
	margin-bottom: 8px;
}
#promo_template_content h3 {
	float: left;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #7B2E00;
	width: 92px;
	padding-left: 6px;
	margin-bottom: 8px;
}
#promo_template_content h3 a {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #499BF1;
	text-decoration: none;
}
#promo_template_content h3 a:hover {
	color: #FFB64B;
}
#content {
	width: 576px;
	border: 1px solid #FFB64B;
	margin-right: 11px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 180%;
	text-align: justify;
	padding: 12px;
	position: relative;
	float: left;
}
#content a, #alamat a {
	color: #000000;
	text-decoration: none;
}
#content a:hover, #alamat a:hover {
	color: #0777EC;
}
#content h1 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #0054FF;
	padding-bottom: 20px;
	float: left;
}
#content h1 a {
	color: #0054FF;
	text-decoration: none;
}
#content h1 a:hover {
	color: #000000;
}
#alamat {
	width: 148px;
	padding-right: 9px;
	padding-left: 9px;
	position: relative;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	line-height: 150%;
	padding-bottom: 10px;
}

/*css untuk why*/
#why {
	width: 576px;
	padding-bottom: 20px;
	position: relative;
}
#why h2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	float: left;
	width: 120px;
}
#why h3 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	float: left;
	width: 15px;
}
#why h4 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	float: left;
	width: 441px;
}

/*css untuk page*/
#page {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: right;
	width: 576px;
	position: relative;
	margin-bottom: 20px;
}
#page a {
	color: #000000;
	text-decoration: none;
}
#page a:hover {
	color: #FF8400;
	text-decoration: underline;
}

/*css untuk about*/
#dukungan {
	width: 576px;
	position: relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B3B3B3;
}
#dukungan h2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding-top: 20px;
}
#dukungan li {
	padding-top: 10px;
	padding-bottom: 10px;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B3B3B3;
}

/*css untuk contact*/
#contact {
	position: relative;
	width: 576px;
	padding-top: 10px;
	text-align: left;
}
#contact label {
	float: left;
	width: 150px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#contact input, #contact textarea, #contact select {
	margin-top: 5px;
	margin-bottom: 5px;
}
#contact img {
	margin-left: 150px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#button {
	padding-left: 150px;
	margin-bottom: 10px;
	margin-top: 10px;
}

/*css untuk products*/
#products, #pengiriman {
	width: 576px;
	position: relative;
}
#products li {
	padding-top: 15px;
	padding-bottom: 15px;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B3B3B3;
	padding-right: 10px;
	padding-left: 10px;
}
#products img, #content_forum img {
	float: left;
	margin-right: 10px;
	border: 1px solid #CCCCCC;
}
.style4 {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #0054FF;
}
#products h2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	float: left;
	width: 100px;
}
#products h3 {
	float: left;
	width: 10px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
#products h4 {
	float: left;
	width: 204px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
#products h5, #detail_news h2 {
	font-family: Arial;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	text-align: right;
}
.beli {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#products_kiri {
	float: left;
	width: 262px;
}
#products_kiri img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#products_kiri h5{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	float: left;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 20px;
}
#products_kiri h5 a{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-image: url(../images/bg_menu.gif);
	float: left;
	height: 20px;
	padding-right: 15px;
	padding-left: 15px;
	border: 1px solid #9AB6D2;
	line-height: 20px;
	vertical-align: middle;
	text-decoration: none;
}
#products_kiri h5 a:hover {
	background-image: url(../images/bg_over.gif);
	border: 1px solid #6A9EC3;
	color: #000000;
}
#products_kanan {
	float: left;
	width: 314px;
}
#products_content h2 {
	float: left;
	width: 100px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}
#products_content h3 {
	float: left;
	width: 102px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}
#products_content h4 {
	float: left;
	width: 70px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}
#products_content h5 {
	float: left;
	width: 258px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
	text-align: left;
}

/*css untuk shopping cart*/
#shopping, #tabel_pengiriman, #products_content {
	width: 570px;
	border: 1px solid #CCCCCC;
	position: relative;
	margin-left: 3px;
	padding-bottom: 10px;
}
#shopping ul, #tabel_pengiriman ul, #products_content ul {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D9D9D9;
}
#shopping li, #products_content li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D9D9D9;
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 10px;
}
#shopping h2 {
	float: left;
	width: 152px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}
#shopping h3 {
	float: left;
	width: 92px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}
#shopping h4 {
	float: left;
	width: 356px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
	text-align: right;
}
#shopping h2.header, #shopping h3.header, #tabel_pengiriman h2.header, #products_content h2.header, #products_content h3.header, #products_content h4.header, #products_content h5.header {
	font-weight: bold;
	text-align: center;
	background-color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}
#shopping_button {
	width: 410px;
	margin-right: auto;
	margin-left: auto;
}
#shopping_button h3, #pengiriman h2, #forum_button h3, #content_forum h2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	float: left;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
#shopping_button h3 a, #pengiriman h2 a, #forum_button h3 a, #content_forum h2 a {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-image: url(../images/bg_menu.gif);
	float: left;
	height: 20px;
	padding-right: 15px;
	padding-left: 15px;
	border: 1px solid #9AB6D2;
	line-height: 20px;
	vertical-align: middle;
	text-decoration: none;
}
#shopping_button h3 a:hover, #pengiriman h2 a:hover, #forum_button h3 a:hover, #content_forum h2 a:hover {
	background-image: url(../images/bg_over.gif);
	border: 1px solid #6A9EC3;
	color: #000000;
}

/*css untuk pengiriman*/
#pengiriman input {
	width: 125px;
	margin-right: 3px;
}
#pengiriman h2 a {
	margin-top: 3px;
}
#tabel_pengiriman {
	margin-top: 20px;
	width: 568px;
}
#tabel_pengiriman li {
	list-style-type: none;
}
#tabel_pengiriman h2 {
	float: left;
	width: 132px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}

/*css untuk forum*/
#forum_button {
	width: 150px;
	margin-right: auto;
	margin-left: auto;
}
#content_forum {
	padding-bottom: 20px;
}
#content_forum input {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px;
}

/*css untuk outlet*/
#outlet {
	text-align: center;
	width: 576px;
	position: relative;
}
#outlet img {
	border: 1px solid #CCCCCC;
}
.header_latest_selling{
	background-image:url("images/bg_category.gif");
	background-repeat:repeat-x;
	color:#000000;
	padding:2px;
	background-color: #FFD58D;
	border-bottom: 1px solid #FFB64B;
	border-right: 1px solid #FFB64;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	

}
.header_latest_h1{
font-family: Arial;
	font-size: 12px;
	line-height: 26px;
	font-weight: bold;
	color: #7B2E00;
	vertical-align: middle;
	width: 214px;
	padding-left: 11px;

}
.latesttd{
	width:70px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align:center;
}

.notover{
	background-color:#000000;
}
.box{
border: 1px solid #8EB4CE;
font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align:justify;
	
	
}
.box table{
	margin:20px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align:justify;
}
.box h1{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background:url(images/bg_livechat.gif) repeat-x top left;
	height: 25px;
	width:574px;
	padding:0px;

}
.box hr{
	color:#0099CC;
	margin-top:3px;
	border:.2px dashed #ddd;
}

.headerth{

	background:url(images/bg_livechat.gif) repeat-x top left;
	padding:2px;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
	border:none;
	padding-left:10px;
	text-align:center;
	
}
.tdbackground{
	padding-left:10px;
border: 1px solid #8EB4CE; 
padding-right:10px;
text-align:center;

}
.headerh2{
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;


}

		/*this is the css for the vertical version*/
		.vertical ul{
			list-style-type: none;
			padding: 0;
			width: 100px;
			margin: 0;
			position: relative;
	
		}
		.vertical li a{
			display: block;
			width: 200px;
			text-decoration: none;
			height: 1em;
			padding: .1em 1px;
			border: 1px solid;
			border-top: 0px;
		}
		.vertical li{
			border:1px solid #ddd;
			border-bottom: 1px solid transparent;
			margin-bottom: -1px;
		} 
		.vertical li:first-child>a{
			border-top: 1px solid;
		}
		.vertical a.first{
			border-top: 1px solid;
		}
		.vertical li ul{
			position: absolute;
			top: -1px;
			left: 203px;
		}
		.vertical.left ul ul ul,.vertical .left ul{
			left: -203px;
		}
		/*this is the css for the horizontal version*/
		.horizontal ul{
			border: none;
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
		.horizontal ul li{
			float: left;
			position: relative;
		}
		.horizontal ul li a{
			display: block;
			width: 125px;
			text-decoration: none;
			height: 1em;
			padding: .1em 1px;
			overflow: hidden;
			border: 1px solid;
			border-left: none;
		}
		.horizontal li li{
			float: none;
			border-bottom: 1px solid transparent;
			margin-bottom: -1px;
		}
		.horizontal li li.last{
			border-bottom: none;
		}
		.horizontal ul li ul{
			position: absolute;
			top: 1.3em;
			left: -1px;
			margin-top: -1px;
		}
		.horizontal ul ul ul{
			width: 130px;
			top: -1px;
			left: 128px;
			margin-top: 0;
		}
		.horizontal.left ul ul ul,.horizontal .left ul ul{
			top: -1px;
			left: -128px;
		}
		.horizontal ul li li a{
			border: 1px solid;
			border-top: none;
		}
		.horizontal ul li:first-child>a{
			border-left: 1px solid;
		}
		.horizontal ul li a.first{
			border-left: 1px solid;
		}
		.horizontal ul li li a.first{
			border-top: 1px solid;
		}
		.horizontal ul li li:first-child>a{
			border-top: 1px solid;
		}
		div.horizontal ul li.pixelfix ul{
			left: 0;
		}
		div.horizontal ul li.pixelfix ul ul{
			left: 128px;
		}
		/*here we use a little CSS to make a basic/backup dropdown menu in modern browsers *cough* not IE6 or less *cough* if javascript is disabled.Flickering never happens in these browsers*/
		.mlmenu li ul{
			display: none;
		}
		.mlmenu li:hover>ul{
			display: block;
		}
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		.accessible li ul{
			display: block;
		}
		/*Code to show an element has a child*/
		.mlmenu.plus li a:first-child:not(:last-child):after{
			content: '';
		}
		.plus a span{
			padding-left: .5em;
		}
		.noshow{
			visibility: hidden;
		}
		/*colors for menu*/
		.blackwhite li a{
			background-color: white;
			color: black;
			border-color: black;
		}
		.blackwhite li a:hover,.blackwhite li a.first:hover,.blackwhite .trail a.hover{
			background-color:#fff;
			color: white;
			border-color: black;
		}
		.blackwhite li:first-child>a:hover{
			background-color: #fff;
			color: white;
			border-color: black;
		}
		.blackwhite ul{
			border-color: black;
		}
		.bluewhite li a{
			background-color: white;
			color: #000033;
			border-color: #000033;
		}
		.bluewhite li a:hover,.bluewhite li a.first:hover,.bluewhite .trail a.hover{
			background-color: #fff;
			color: white;
			border-color: #000033;
		}
		.bluewhite li:first-child>a:hover{
			background-color: #fff;
			color: white;
			border-color: #000033;
		}
		.bluewhite ul{
			border-color: #000033;
		}
.sub_header{
color: #a45200;
	font: bold 15px tahoma, verdana, arial, sans-serif;
	border-bottom: 1px solid #d5d5d5;
	display: block;
	padding: 13px 3px 7px 10px;
	margin-bottom: 15px;
}


.sub_header_two{
color: #a45200;
	font: bold 15px tahoma, verdana, arial, sans-serif;
	border-bottom: 1px solid #d5d5d5;
	display: block;
	padding: 30px 3px 10px 10px;
	text-align:center;
	margin-bottom: 15px;
}
#banner-footer{
	margin-top:10px;
	border:1px solid #ddd;

}