@charset "utf-8";
body {
	background-color: #FFF;
	color: #FFF;
	background-image: url(images/Background.png);
	background-repeat: repeat;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* ==== wraper ====*/
#wrapper {
	background-color: #FFF;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	
}
/* ==== header ====*/
#wrapper #header {
	height: 80px;
	width: 990px;
	margin-top: 0px;
	background-color: #FFF;
}
#wrapper #header #logo {
	float: left;
	height: 75px;
	width: 300px;
	background-image: url(images/logo.png);
	margin-left: 0px;
	margin-right: 40px;
}
#wrapper #header #shoping_cart_icon {
	float: left;
	height: 21px;
	width: 31px;
	margin-top: 35px;
	background-image: url(images/shoping%20cart.jpg);
	margin-bottom: auto;
}
#wrapper #header #shoping_cart_text {
	float: left;
	height: 21px;
	width: 142px;
	margin-top: 36px;
	/*background-image: url(images/shopingcart_text.png);*/
	margin-bottom: auto;
}
#wrapper #header #connect {
	float: left;
	height: 9px;
	width: 87px;
	margin-top: 50px;
	margin-left: 100px;
	background-image: url(images/connect%20text.jpg);
}
#wrapper #header #twitter_icon {
	float: left;
	height: 20px;
	width: 20px;
	margin-top: 45px;
	margin-left: 10px;
	background-image: url(images/twitter.jpg);
}
#wrapper #header #facebook_icon {
	float: left;
	height: 20px;
	width: 20px;
	margin-top: 45px;
	margin-left: 10px;
	background-image: url(images/facebook.jpg);
}
#wrapper #header #search_bg_left {
	float: left;
	height: 28px;
	width: 149px;
	margin-top: 45px;
	margin-left: 10px;
	/*background-image: url(images/search%20bg%20right%20left.jpg);*/
}
#wrapper #header #search_bg_midle {
	float: left;
	height: 28px;
	width: 150px;
	margin-top: 41px;
	background-image: url(images/search%20bg.jpg);
	background-repeat: repeat-x;
}
#wrapper #header #search_bg_right{
	float: left;
	height: 28px;
	width: 5px;
	margin-top: 41px;
	;
	background-image: url(images/search%20bg%20right.jpg);
}
#wrapper #header #go_btn {
	float: left;
	height: 20px;
	width: 23px;
	margin-top: 42px;
	margin-left: 10px;
	background-image: url(images/GO-search-button.jpg);
}

/* ==== Main banner ====*/
#wrapper #main_banner {
	/*height: 335px;
	width: 990px;*/
	margin-top: 78px;
	background-color: #FFF;
	/*background-image: url(images/banner.png);*/
}
/* ==== Main menu ====*/
#wrapper #mainnavi #home_navi {
	float: left;
	height: 44px;
	width: 128px;
	margin-right: 0px;
	background-color: #FFF;
	background-image: url(images/Home.jpg);
}
#wrapper #mainnavi #home_navi:hover{
	float: left;
	height: 44px;
	width: 128px;
	margin-right: 0px;
	background-color: #FFF;
	background-image: url(images/Home2.jpg);
}

#wrapper #mainnavi #about_us_navi {
	float: left;
	height: 44px;
	width: 158px;
	margin-right: 0px;
	background-color: #FFF;
	background-image: url(images/About-Us1.jpg);
	
}
#wrapper #mainnavi #about_us_navi:hover {
	float: left;
	height: 44px;
	width: 158px;
	margin-right: 0px;
	background-color: #FFF;
	background-image: url(images/About-Us2.jpg);
	
}
#wrapper #mainnavi #our_product_navi{
	float: left;
	height: 44px;
	width: 138px;
	margin-right: 0px;
	background-color: #FFF;
	background-image: url(images/Our-Product1.jpg);
	
}
#wrapper #mainnavi #our_product_navi:hover{
	float: left;
	height: 44px;
	width: 138px;
	margin-right: 0px;
	background-color: #FFF;
	background-image: url(images/Our-Product2.jpg);
	
}
#wrapper #mainnavi #news_promo_navi{
	float: left;
	height: 44px;
	width: 146px;
	margin-right: 0px;
	background-color: #FFF;
	background-image: url(images/News-Promo1.jpg);
	
}
#wrapper #mainnavi #news_promo_navi:hover{
	float: left;
	height: 44px;
	width: 146px;
	margin-right: 0px;
	background-color: #FFF;
	background-image: url(images/News-Promo2.jpg);
	
}
#wrapper #mainnavi #how_to_order_navi{
	float: left;
	height: 44px;
	width: 154px;
	margin-right: 0px;
	background-color: #FFF;
	background-image: url(images/How-to-Order1.jpg);	
}
#wrapper #mainnavi #how_to_order_navi:hover{
	float: left;
	height: 44px;
	width: 154px;
	margin-right: 0px;
	background-color: #FFF;
	background-image: url(images/How-to-Order2.jpg);
}
#wrapper #mainnavi #faq_navi{
	float: left;
	height: 44px;
	width: 125px;
	margin-right: 0px;
	background-color: #FFF;
	background-image: url(images/Faq1.jpg);
	
}
#wrapper #mainnavi #faq_navi:hover{
	float: left;
	height: 44px;
	width: 125px;
	margin-right: 0px;
	background-color: #FFF;
	background-image: url(images/Faq2.jpg);
	
}
#wrapper #mainnavi #contact_us_navi{
	float: left;
	height: 44px;
	width: 141px;
	margin-right: 0px;
	background-color: #FFF;
	background-image: url(images/ContactUs1.jpg);
}
#wrapper #mainnavi #contact_us_navi:hover{
	float: left;
	height: 44px;
	width: 141px;
	margin-right: 0px;
	background-color: #FFF;
	background-image: url(images/ContactUs2.jpg);
}

/* ==== Left Content ====*/
#wrapper #leftcontent {
	float: left;
	margin-left: 29px;
}
#wrapper #leftcontent #sub_banner_ym {
	/*background-image: url(images/sub%20ym.jpg);
	height: 153px;*/
	width: 230px;
	margin-bottom: 20px;
}
#wrapper #leftcontent #sub_banner_left1 {
	background-image: url(images/sub%20baner%20left.jpg);
	height: 146px;
	width: 230px;
	margin-bottom: 20px;
}
#wrapper #leftcontent #sub_banner_left2 {
	background-image: url(images/sub%20baner%20left4.jpg);
	height: 146px;
	width: 230px;
	margin-bottom: 20px;
}
#wrapper #leftcontent #sub_banner_left3 {
	background-image: url(images/sub%20baner%20left3.png);
	height: 146px;
	width: 230px;
	margin-bottom: 20px;
}

#wrapper #leftcontent #menu_login {
	width: 229px;
}
#wrapper #leftcontent #menu_login #login_top {
	background-image: url(images/Login-header.png);
	height: 97px;
	width: 229px;
}
#wrapper #leftcontent #menu_login #login_midle {
	background-image: url(images/Login-tengah.png);
	height: 150px;
	width: 229px;
	background-repeat: repeat-y;
}
#wrapper #leftcontent #menu_login #login_botom {
	background-image: url(images/Login-bottom.png);
	height: 71px;
	width: 229px;
	background-repeat: repeat-y;
	margin-bottom: 20px;
}

#wrapper #leftcontent #menu_call_center {
	width: 229px;
}
#wrapper #leftcontent #menu_call_center #call_center_top {
	background-image: url(images/Callcenter-header.png);
	height: 55px;
	width: 229px;
}
#wrapper #leftcontent #menu_call_center #call_center_midle {
	background-image: url(images/Callcenter-payment-tengah.png);
	height: 150px;
	width: 229px;
	background-repeat: repeat-y;
}
#wrapper #leftcontent #menu_call_center #call_center_botom {
	background-image: url(images/Callcenter-payment-bottom.png);
	height: 38px;
	width: 229px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

#wrapper #leftcontent #menu_chat_with_us {
	width: 229px;
}
#wrapper #leftcontent #menu_chat_with_us #chat_with_us_top {
	background-image: url(images/Chat_with_Us_Header.png);
	height: 55px;
	width: 229px;
}
#wrapper #leftcontent #menu_chat_with_us #chat_with_us_midle {
	background-image: url(images/Callcenter-payment-tengah.png);
	height: 150px;
	width: 229px;
	background-repeat: repeat-y;
}
#wrapper #leftcontent #menu_chat_with_us #chat_with_us_botom {
	background-image: url(images/Callcenter-payment-bottom.png);
	height: 38px;
	width: 229px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

#wrapper #leftcontent #menu_payment_method {
	width: 229px;
}
#wrapper #leftcontent #menu_payment_method #payment_method_top {
	background-image: url(images/payment-method-header.png);
	height: 55px;
	width: 229px;
}
#wrapper #leftcontent #menu_payment_method #payment_method_midle {
	background-image: url(images/Callcenter-payment-tengah.png);
	height: 150px;
	width: 229px;
	background-repeat: repeat-y;
}
#wrapper #leftcontent #menu_payment_method #payment_method_botom {
	background-image: url(images/Callcenter-payment-bottom.png);
	height: 38px;
	width: 229px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

/* ==== right content ====*/
#wrapper #rightcontent {
	margin-right: 29px;
	float: right;
	margin-top: 39px;
	background-color: #FFF;
}
#wrapper #rightcontent #hot_product_bg {
	height: 195px;
	width: 675px;
	background-image: url(images/Hot-peoduct-BG.png);
	background-repeat: no-repeat;
}

#wrapper #rightcontent #best_product_bg {
	height: 369px;
	width: 670px;
	background-image: url(images/BestProduct-BG.png);
}
#wrapper #rightcontent #new_product_bg {
	height: 513px;
	width: 670px;
	background-image: url(images/NewProduct-BG.png);
}

#wrapper #rightcontent #sub_right_banner1 {
	height: 310px;
	width: 418px;
	background-image: url(images/sub%20banner%20bg%201.jpg);
	float: left;
	margin-top: 26px;
}
#wrapper #rightcontent #sub_banner_23 {
	float: left;
	width: 229px;
	background-color: #FFF;
	margin-top: 26px;
	margin-left: 20px;
}

#wrapper #rightcontent #sub_banner_23 #small_banner_right1 {
	background-image: url(images/sub%20banner%20bg%202.png);
	height: 146px;
	width: 229px;
	margin-bottom: 18px;
}
#wrapper #rightcontent #sub_banner_23 #small_banner_right2 {
	background-image: url(images/sub%20banner%20bg%202.png);
	height: 146px;
	width: 229px;
}
#clearer {
	clear: both;
}
/* ==== Footer ====*/
#wrapper #footer {
	font-family: Arial;
	font-size: 10px;
	margin-top: 20px;
	color: #FFF;
	height: 29px;
	background-image: url(images/bg%20sub%20navi.png);
	background-repeat: repeat-x;
	text-align: center;
	padding-top: 7px;
}
#wrapper #latest_news {
	background-repeat: no-repeat;
	width: 936px;
	margin-top: 20px;
	margin-left: 29px;
}
#wrapper #latest_news #lates_news_top_bg {
	background-image: url(images/latest_news_top.png);
	height: 55px;
	width: 929px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #latest_news #lates_news_repeat_bg {
	background-image: url(images/latest_news_repeat.png);
	background-repeat: repeat-y;
	width: 929px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #latest_news #lates_news_bottom_bg {
	background-image: url(images/latest_news_bottom.png);
	height: 18px;
	width: 929px;
	margin-right: auto;
	margin-left: auto;
}

#wrapper #copyright {
	font-family: Arial;
	font-size: 11px;
	color: #440604;
	background-color: #FFF;
	height: 48px;
	width: 990px;
	text-align: center;
	padding-top: 10px;
}





















/*Image Css3 - by :dEsTa */
.image {
	background-color: #fff;
	padding: 2px;
	margin: 3px 5px 3px 0;
	border: 1px solid #ddc688;
	float: left;
}


 /* Pagination Css3 - by :dEsTa */		
.pagination {
	margin: 10px 0px 10px;
	float: left;
	font-size: 12px;
	}	
.pagination a {
	padding: 3px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ddd;
	color:#ff9c00;
	background-color: #FFFFFF;	
	
}
.pagination a:hover {	
	border: 1px solid #49b9e7;
	color:#ff6000;
	background-color: #FFFFFF;
}


/*Button Css3 - by :dEsTa */
.button{
	border:0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#4b4b4b;
	color:#b0b0b0;
	text-transform:uppercase;
	font-size:11px;
	padding:5px 8px;
	cursor:pointer;
}
.button:hover{ background-color:#777777}

.box {
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-BOTTOM: silver 1px solid;
	BORDER-LEFT: silver 1px solid;
	BORDER-RIGHT: silver 1px solid;
	BORDER-TOP: silver 1px solid;
	COLOR: #000000;
	FONT-FAMILY: Verdana,Arial,Helvetica;
	FONT-WEIGHT: NORMAL;
	FONT-SIZE: 11;
}
.box:focus {
	BACKGROUND-COLOR:#fff;
	-moz-box-shadow: 0 0 20px #ec0805;  
	-webkit-box-shadow: 0 0 20px #ec0805; 
	box-shadow:0px 0px 30px #ec0805;
}
.date1 {
	COLOR: #f82e6e;
	FONT-FAMILY: Verdana;
	FONT-WEIGHT: NORMAL;
	FONT-SIZE: 9px;
}
.header1 {
	COLOR: #b50400;
	FONT-FAMILY: Verdana;
	FONT-WEIGHT: BOLD;
	FONT-SIZE: 14;
}
.text1 {
	COLOR:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
}
.text2 {
	COLOR:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
}
A.menu1:link {
	FONT-WEIGHT: 550; FONT-SIZE: 11px; COLOR: #7f7f7f; FONT-FAMILY: Verdana, Arial ; FONT-WEIGHT: NORMAL; TEXT-DECORATION: none
}
A.menu1:visited {
	FONT-WEIGHT: 550; FONT-SIZE: 11px; COLOR: #7f7f7f; FONT-FAMILY: Verdana, Arial ; FONT-WEIGHT: NORMAL;  TEXT-DECORATION: none
}
A.menu1:hover {
	FONT-WEIGHT: 550; FONT-SIZE: 11px; COLOR: #ff0000; FONT-FAMILY: Verdana, Arial ; FONT-WEIGHT: NORMAL;  TEXT-DECORATION: none
}
.image {
	background-color: #fff;
	padding: 2px;
	margin: 3px 5px 3px 0;
	border: 1px solid #ddc688;
	float: left;
}