@charset "utf-8";
/* CSS Document */

body {background:url(../images/pattern3.jpg) top left; margin:0; padding:0; width:100%; font-family:Arial; font-size:14px;}

h1,h2,h3,form,ul,ol,li {margin:0; padding:0;}
h1 {font-size:1.8em;}
h2 {font-size:1.5em;}
h3 {font-size:1.2em;}
ul,ol,li {list-style:none;}
table tr td {vertical-align:top;}
a {text-decoration:none; color:#fff; }
a:hover { }
a img {border:none;}
p{margin:0; padding:2px 0;}

#wrapper {width:960px; margin:0 auto; padding:0; }

#header {height:110px; color:#fff;}
	#upper_header {height:90px; background:#5b2638;}
	/*original upper_header #upper_header {height:90px; background:#5b2638;} */
	/*17 upper_header #upper_header {height:90px; background:url(../images/bg_17.gif) 55% center no-repeat #a20202;} */
	/*idulfitri #upper_header {height:90px; background:url(../images/bg_idulfitri.gif) 55% center no-repeat #104b0b;} */
	/*xmas #upper_header {height:90px; background:url(../images/bg_xmas.gif) 55% center no-repeat #ed1c24;} */
		#logo {float:left; margin-top:1.9em;}
		/* original logo #logo {float:left; margin-top:1.9em;}*/
		/* 17 logo #logo {float:left; margin-top:1.1em;}*/
		/* ramadhan logo #logo {float:left; margin-top:0.5em;}*/
		/* idul fitri #logo {float:left; margin-top:0em;}*/
		/* xmas #logo {float:left; margin-top:0em;}*/
			#logo a {position:relative;}
		#search_link {float:right; width:270px; }
			#link {font-size:0.8em; height:auto;width:230px; border:1px dashed #897b74; padding:5px; margin:10px 10px 10px 0;}
				#link a {position:relative;}
				#link a:hover {text-decoration:underline;}
			#online { float:right; font-size:0.8em; color:#84cacd; text-align:right; padding-right:20px; margin:2px 10px 0 0;}
			#search_header { float:left; font-size:0.8em; position:relative;}
			
	
	#lower_header {height:21px; line-height:21px; margin-top:-59px; padding-top:59px; background:url(../images/nav4.gif) top left no-repeat; }
/*		#tcindo {float:left; width:72px; text-align:center; }
		#tcindo a{color:#61483c; padding:0 15px; }
*/		#tc {float:left; width:357px; color:#61483c; font-size:1em; letter-spacing:1px; font-weight:bold;}
		#tc a{color:#61483c; padding:0px 100px 0 5px;}
		
		#nav {float:left; width:584px; height:21px; line-height:21px; font-size:0.85em;}
			#nav ul {list-style:none;}
			#nav ul li {float:left; border-left:2px solid #fff;}
			#nav ul li a{padding:4px 15px 2px; }
			
#content {background:#fff; width:960px; min-height:500px; height: expression( this.scrollHeight < 501 ? "500px" : "auto" ); /* sets min-height for IE */}
	#mainNav {float:left; width:170px; padding:10px 5px;}
		#tcpromo { width:166px; height:40px; background:#5BA8A8; padding:5px 2px; color:#fff; text-align:center; margin-bottom:10px;}
			#tcpromo h3 {font-size:1em; margin-bottom:.2em;}
		#search { height:30px; }
		#browse_list {background:#F5F5D0; }
			#browse_list h3 {font-size:1.1em; margin-bottom:.2em; text-align:center; padding:5px 0;}
			
			ul#city_list { color:#fff; }
			* html ul#city_list li { border-bottom: 1px groove;  }
			ul#city_list li a { padding-left:10px; background:url(../images/ulcity_bg.jpg) top left no-repeat #5BA8A8; line-height:26px; display:block;}
			ul#cate_list li { padding-left:10px; color:#aaa; }
			ul#cate_list li a { font-size:0.8em; font-family:Arial; font-weight:bold; padding-left:0; color:#5A3B2C; background:none; line-height:normal; padding-top:5px; padding-bottom:5px; padding-right:5px;}
			ul#cate_list li a:hover { color:#6FAE1F;}
			
			ul#cate_list li a span.subcate {font-size:0.9em; font-family:"trebuchet ms"; font-weight:normal; margin:0; padding:0; margin-right:-5px; color:#999; }
/*			span.subcate:after { content: ","; } 
			span.subcate:last-child:after { content: ""; }
*/			
	
	/* movie carousel */
		#mycarousel li {}
		#movie {position:relative; width:490px; height:165px; margin-bottom:10px;}
			#movie h2 {color:#fff; font-size:1.3em; line-height:1em;padding:5px; background:#fda937; }
		#movie_desc { display:none; text-align:left; position:absolute; z-index:100; bottom:150px; left:20px; width:450px; padding:5px; background:#5b263a; color:#fff; -moz-border-radius: 10px;}
			#hover_title { border-bottom: 1px solid #fff; }
	/* movie carousel */
	
	
	/* member page */
	#memberNav {float:left; width:220px; padding:10px 5px; }
		#memberNav a{ color:#000; }
		#memberNav h2{ color:#faa933;}
		#member_photo {float:left; width:100px; margin-right:5px;}
			#member_photo img {width:100px; height:100px;}
		#some_menu {float:left; width:115px; font-size:0.9em;}
	#submenu { width:140px;}
		#submenu li { padding:5px; border-bottom:1px solid #D8ECED;}
		#submenu li a {padding:5px 15px; color:#5BA8A8; font-weight:bold; }
	#memberContent {float:left; width:720px; padding:10px 5px; font-size:0.9em;}
		#memberContent h1{ margin-bottom:10px;}
		#memberContent a { color:#5A3B2C;}
		#memberContent a:hover { color:#57850D;}
		img.thumb {max-width:200px; width: expression(this.width > 200 ? 200: true);}
	/* member page */
	
	/* comment page */
	form#submit_wall,form#submit_wall_nojs {padding-bottom:10px; border-bottom:1px solid #ccc;}
	ul#wall li{padding:5px 0;border-bottom:1px solid #ccc;width:588px; }
		#wall_photo {float:left; width:60px; margin-right:10px;}
			#wall_photo img {width:60px; height:60px;}
		#wall_message {float:left; width:510px; margin-bottom:10px;position:relative;}
		#wall_logo {float:left; width:60px; margin-right:10px;}
			#wall_logo img {width:60px; }
	#delete_wall {position:absolute; bottom:0; right:0;}
	#wall_login { border:1px dashed #666; width:260px; padding:5px;}		
	
	/* comment page */
	
	#secret {display:none;}
	
	#log { font-family:"trebuchet ms";color:red;}
	
	#loginContent {width:640px; margin:0 auto; padding:10px 25px; }
		#member {background:#fbe8ad; padding:5px 10px; margin-bottom:20px; width:570px;}
		#member ul li { float:left; font-size:0.7em; width:55px;  padding:4px; text-align:center;}
		#member img {width:55px; height:55px; }
		#loginContent a { color:#57850D;}
		#loginLeftContent {  float:left; width:328px; margin-right:5px; border:1px solid #ccc; padding:5px 10px;}
			#loginLeftContent img {width:265px;}
		#loginRightContent {float:left; width:200px;  padding:5px 10px; margin-left:20px; background:#eee;}
			#loginRightContent h2{color:#5F3E2F; font-size:1.6em;}
			#login { }

	#registerContent,#blogContent {width:940px; padding:10px 5px 10px 25px;}
		#registerContent a, #blogContent a { color:#57850D;}
		#registerLeftContent, #blogLeftContent {float:left; width:640px; margin-right:15px;}
			#registerLeftContent h2{color:#5F3E2F; font-size:1.6em;}
		#registerRightContent, #blogRightContent {float:left; width:265px; }
			#registerRightContent img {width:265px;}
		#advRightContent {float:left; width:255px; border:1px dashed #666; padding:5px;}
	
	#advertising_text ol,#advertising_text ul { padding:5px 0; margin:0; }
	#advertising_text ol li { list-style:decimal; margin-left:30px;  }
	#advertising_text ul li { list-style:disc; margin-left:30px; }
	#advertising_text p {margin-bottom:10px;}
	
	/*blog*/
	#archive li {padding-left:10px;}
	#archive li a{ color:#57850D;}
	#archive li a:hover, #archive li a.open{ color:#5F3E2F;}
	
	#blog_post ol,#blog_post ul { padding:2px 0; margin:0; }
	#blog_post p { padding:5px 0; }
	#blog_post ul li{list-style:disc; margin-left:30px;}
	#blog_post ol li{list-style:decimal;margin-left:35px;}
	#blog_post img {max-width:635px; width: expression(this.width > 635 ? 635: true); height:auto;}
	
	#blog_wall {width:650px;}

	#blog_wall li{padding:5px 0;border-bottom:1px solid #ccc;width:640px; }
		#blog_wall_photo {float:left; width:60px; margin-right:10px;}
			#blog_wall_photo img {width:60px; height:60px;}
		#blog_wall_message {float:left; width:570px; margin-bottom:10px;position:relative;}
	#delete_blog_wall {position:absolute; bottom:0; right:0;}
	
	/*blog*/
	
	/*for news, article,vacancy page */
	#newsContent {float:left; width:770px; padding:10px 5px 10px 0;  }
		#newsContent a { color:#5A3B2C;}
			#newsContent a:hover { color:#6FAE1F;}
	/*end */
	
	#mainContent {float:left; width:770px; padding:10px 5px 10px 0;  }
		#mainContent a { color:#57850D;}
		#leftContent {position:relative;float:left; width:500px; margin-right:5px;}
		
/*			#leftContent h2{color:#5F3E2F; font-size:1.6em;}
*/			
			#indexContent {width:500px;}
/*				#latest_news { float:left;width:235px; height:230px; padding:2px 5px; margin-right:5px; background:#fbe8ad; }
				#latest_vacancy { float:left;width:240px; padding:2px 5px; }
					#vacancy_logo { float:left; width:80px; margin-right:5px; }
					#vacancy_logo img {width:80px;}
					#vacancy_desc { float:left; width:150px; }
*//*				#latest_blog { float:left;width:250px; padding:0px 0px; position:relative; }
				#latest_blog #stat {position:absolute; top:5px; padding:2px 5px; right:0; color:#5F3E2F;}
				#latest_blog #stat a:hover span{ color:#5F3E2F; text-decoration:underline;}
				#latest_blog h2 {color:#fff; font-size:1.3em; line-height:1em;padding:5px; margin-bottom:5px; background:#5ba8a8; }
*/					
					#blog_thumb { float:left; width:45px; margin-right:5px;}
					#blog_thumb img { width:45px; }
					#blog_detail { float:left; width:425px; }
					#comment_logo { float:left; width:60px; margin-right:5px;}
					#comment_logo img { width:60px; }
					#comment_detail { float:left; width:410px; }
/*			#new_merchant {width:500px; position:relative; }
				#new_merchant h2 {color:#fff; font-size:1.3em; line-height:1em;padding:5px; background:#a4c05c; }
				#new_merchant ul li { float:left; margin-right:5px; margin-bottom:10px; padding:5px 0;}
				#new_merchant img { width:90px;}
			#new_merchant #stat {position:absolute; top:5px; padding:2px 5px; right:0; color:#5F3E2F;}
*/
			#latest h2 {color:#fff; font-size:1.3em; line-height:1em;padding:5px; background:#a4c05c; margin-bottom:3px;}

			#news_blog h2 {color:#fff; font-size:1.3em; line-height:1em;padding:5px; background:#5ba8a8; margin-bottom:3px;}

			.latest_product {width:480px; position:relative;}
				.latest_product ul#list { }
				.latest_product ul#list li { float:left; position:relative; margin-right:5px; text-align:center; width:90px; font-size:0.8em; }
				.latest_product ul#list li #status {position:absolute; top:0; right:0; color:#fff;}
				.latest_product ul#list li a img { padding:4px;border:1px solid #aaa; width:80px;}

/*			#new_card {width:265px; position:relative; margin-top:5px;}
				#new_card h2 {color:#5F3E2F;font-size:1.3em; line-height:1em;padding:5px; background:#fbe8ad;}
				#new_card ul li { float:left; margin-right:5px; margin-bottom:0px;padding:0px 0; }
				#new_card img { width:78px;}
			#new_card #stat {position:absolute; top:5px; padding:2px 4px; right:0px; color:#5F3E2F;}
*/


		#rightContent {float:left; width:265px;}
			#rightContent img {width:265px; width: expression(this.width > 265 ? 265: true);}

			#quiz_winner {width:265px; margin-top:5px;}
				#quiz_winner h2 {color:#5F3E2F;font-size:1.3em; line-height:1em;padding:5px; background:#fbe8ad;}
				#quiz_winner ul li { float:left; font-size:0.7em; width:45px;  padding:2px; text-align:center;}
				#quiz_winner img {width:45px; height:45px; }


			ul#card_list {}
				ul#card_list li {}
				ul#card_list li img { float:left; margin-right:10px; margin-bottom:10px; width:140px;}



			#new_member {width:265px; }
				#new_member h2 {color:#5F3E2F; font-size:1.3em; line-height:1em;padding:5px; background:#fbe8ad;}
				#new_member ul li { float:left; font-size:0.7em; width:55px;  padding:4px; text-align:center;}
				#new_member img {width:55px; height:55px; }
			#new_photo {position:relative;}
			#new_fb {position:absolute; top:0; left:0;}
				#new_fb img {width:15px; height:auto;}
			
			#community {border-bottom:1px dashed #ccc;  }
			#community h2 {color:#fff; font-size:1.3em; line-height:1em;padding:5px; background:#793657; }
			#community img { width:60px; height:60px; margin-right:1px; border:1px solid #fda937;}
			#facebook img { width:auto; height:76px; margin-right:10px;}

		/* merchant_list page */
		#mainLeftContent {float:left; padding:5px; width:583px; border:1px solid #ccc;min-height:250px; height: expression( this.scrollHeight < 251 ? "250px" : "auto" ); /* sets min-height for IE */}
			#alphabet {margin-top:10px; font-size:0.8em; color:#BBB; border-bottom:1px solid #eee; padding-bottom:10px; text-align:center;}
				#alphabet strong {color:#000;}
				#alphabet a {text-decoration:underline; color:#2B7BA7; margin:1px; font-weight:bold;}
				#alphabet a.alphabetselected { text-decoration:none; color:#CB0101;}

			#store_container { padding:5px 0; border-bottom:1px solid #eee; width:583px;}
				#store_logo {float:left; margin-right:5px; width:120px;}
					#store_logo img {width:120px; height:45px;}
				#store_desc {float:left; width:455px;}
					#store_desc a {color:#0192C5; text-decoration:underline; font-weight:bold;}
					#store_desc a.non_member {color:#aaa; font-weight:normal;}
			
			#advanced_partner {padding:5px 0;  background:#f1f6cf;}
				#advanced_partner ul {margin-right:5px;}
				#advanced_partner ul.column {float:left; width:175px;}
				
				
		#mainRightContent {float:left; width:160px; margin-left:5px;}
			#banner img {width:170px;}
			#update_box {background:url(../images/heading_bg.gif) no-repeat #fff; width:160px; padding:0 5px; margin-bottom:10px;}
				#update_box h2 { color:#fff; font-size:1.3em; height:45px;}
				#update_box a {color:#5A3B2C; }
				#update_box a.non_member {color:#aaa; font-weight:normal;}
		/* merchant_list page */

		/* merchant detail page */
		#merchant_menu {width:760px; padding:0 5px; background:url(../images/store_menu.gif) no-repeat #ACC970; height:44px; line-height:44px; margin-bottom:10px;}
			#merchant_menu #title {width:90px; line-height:normal; height:40px; padding:4px 0 0 10px; float:left;}
			#merchant_menu ul#menu {float:left; width:650px;}
			#merchant_menu ul#menu li{float:left; }
			#merchant_menu ul#menu li a {color:#57850D; padding:15px 30px; font-weight:bold;}
			#merchant_menu ul#menu li a.menuselected { color:#FBD565;}
			
		#merchantLeftContent {float:left; width:600px; }
			#affinity_text p,#affinity_text ol,#affinity_text ul { padding:5px 0; margin:0; }
			#affinity_text ol li { list-style:decimal; margin-left:30px;  }
			#affinity_text ul li { list-style:disc; margin-left:30px; }

			#promo {margin-bottom:5px; pa}
				#promo img{width:600px;}
			#lowker { width:590px; padding:5px;}
				#lowker h2 {color:#5F3E2F; font-size:1.5em;}
			#about { width:590px; padding:5px;}
				#about h2 {color:#5F3E2F; font-size:1.5em;}

				#about_desc { padding:5px 0; width:585px; }
					#about_detail {width:450px; float:left; font-size:0.85em;}
						#about_detail h3 {color:#3E3B3D; font-size:1.4em; font-weight:normal;}
						#about_detail #desc { width:585px;}
						#about_detail ul li { list-style:disc; margin-left:30px; }
						#about_detail ol li { list-style:decimal; margin-left:30px; }
					#about_image {width:120px; float:right;}
			#product_list{ width:590px; padding:5px;}
				#product_list h2{color:#5F3E2F; font-size:1.6em;}
				#product_list ul#list li {float:left; position:relative; margin-right:7px;  text-align:center; width:110px; font-size:0.8em; height:180px;}
				#product_list ul#list li #status {position:absolute; top:0; right:0; color:#fff;}
				.promo {background:url(../images/promo.png) no-repeat; width:40px; height:20px; }
				.new {background:url(../images/new.png) no-repeat; width:40px; height:20px; }
				.out {background:url(../images/out.png) no-repeat; width:80px; height:20px; }
				#product_list ul#list li a img {padding:4px;border:1px solid #aaa; }
				#product_list ul#gal_list li {float:left; margin-right:8px;  text-align:center; width:110px; font-size:0.8em; margin-bottom:10px; }
				#product_list ul#gal_list li a img {padding:5px;border:1px solid #aaa; }
			
				#product_image {float:left; position:relative; margin-right:5px; width:100px;}
				#product_image #status {position:absolute; top:0; right:0; color:#fff;}
				#product_detail {float:left; width:480px;}
					#product_detail h2 {font-size:1.2em;}
				
				#product_desc ul {  list-style-type:inherit; font-size:0.8em;}
				#product_desc ul li{ list-style-position:inside; list-style-type:inherit;}

			#news_content img {max-width:600px; width: expression(this.width > 600 ? 600: true);}
				
		#merchantRightContent {float:left; width:160px; margin-left:5px;}
			#merchantRightContent h2 {background:#F19157; color:#fff; text-align:center; font-size:1.1em; line-height:2em; }
				#store_cate	{ margin-bottom:10px; }
				#store_cate ul {padding:5px 0; padding-left:5px; }
				#store_cate ul li a {font-weight:bold; padding:5px 0; font-size:0.8em; color:#5A3B2C; }
				#store_cate ul li a:hover {color:#6FAE1F; }
		/* merchant detail page */

		/* ARTICLE PAGE */
		.article_list{}
		.article_list ul li { padding:5px 0;}
			.article_image { float:left; margin-right:10px; padding:2px; width:56px; height:56px; border:1px solid #999;}
			.article_desc { float:left; width:410px; }

		.all_article_list{}
		.all_article_list li { padding:5px 0;}
			.all_article_thumb { float:left; margin-right:10px; padding:2px; width:56px; height:56px; border:1px solid #999;}
			.all_article_desc { float:left; width:510px; }
			.all_blog_desc { float:left; width:560px; }
			
		#article { }
		#article h2 {color:#fff; font-size:1.3em; line-height:1em;padding:5px; background:#fda937; margin-bottom:3px; }
		#article_c {width:580px; }
		#article_thumb img{ margin-right:10px; border:1px solid #999; }
		#article_content {}
		#article_content p {margin-bottom:8px;}
		
		/* ARTICLE PAGE */


		/* COMMUNITY PAGE */
		#club_logo {text-align:center;}
		#club_logo img {max-width:170px; width: expression(this.width > 170 ? 170: true);}

		#clubLeftContent {float:left; width:540px; padding:0 5px; }
		#clubLeftContent img{max-width:540px;  width: expression(this.width > 540 ? 540: true);}

		#clubRightContent {float:left; width:205px; margin-left:5px;}
		#clubRightContent table { margin:0; padding:0;}

		#clubcate_list {border:1px dashed #ccc; padding:10px; margin:0 10px 10px 0; width:200px; float:left;}
		#clubcate_list a {cursor:pointer;}
		#clubcate_image {float:left; margin-right:10px;}
		#clubcate_detail {float:left;}

		#club_list {border:1px solid #ccc; padding:10px; margin:0 10px 10px 0; width:520px; }
		#club_list div {position:relative;}
		#club_list #join {position:absolute; top:40%; right:0;}
		#club_list a {cursor:pointer;}
		#club_image {float:left; margin-right:10px; width:65px;}
		#club_image img{width:65px;}
		#club_detail {float:left; width:435px;}
		
		#club_member { background:#fbe8ad; padding:5px 5px;}
		ul#member_list {margin:0; padding:0;}
		ul#member_list li {float:left; margin-right:3px;width:50px; }
		ul#member_list li img {width:50px; height:50px;}
		#photo{}
		
		#other_club {}
		#other_club ul { margin:0; padding:0; }
		#other_club ul li {float:left; margin-right:5px;}
		#other_club ul li img {width:65px; height:65px;}

		#club_login { border:1px dashed #666; width:190px; padding:5px;}		
		
		#club_wall {width:550px;}


		form#submit_club_wall {padding-bottom:10px; }
		#club_wall li{padding:5px 0;border-bottom:1px solid #ccc;width:540px; }
			#club_wall_photo {float:left; width:60px; margin-right:10px;}
				#club_wall_photo img {width:60px; height:60px;}
			#club_wall_message {float:left; width:470px; margin-bottom:10px;position:relative;}
		#delete_club_wall {position:absolute; bottom:0; right:0;}
		
		/* COMMUNITY PAGE */

#footer { color:#fff; font-size:0.8em; background:#5b263a; width:960px; height:29px; line-height:29px;}
	#copyright {float:left; padding-left:5px;}
	#sitemap {float:right; padding-right:10px;}
		#sitemap a {margin:0 2px;}
	
.clear {clear:both;}
.btn {background:#fff; border:1px solid #BBA27A; color:#BBA27A; width:30px; cursor:pointer;}
.mediumtext {width:120px; font-size:1em; font-family:"trebuchet ms";}
.mediumtext:focus {border:2px solid #BBA27A; }
.narrowtext {width:90px; font-size:1em; font-family:"trebuchet ms";}
.narrowtext:focus {border:2px solid #BBA27A; }

.walltext {width:470px; height:50px; overflow:auto; font-size:1em; font-family:"trebuchet ms";}
.walltext:focus {border:2px solid #BBA27A; }

.blogtext {width:570px; height:50px; overflow:auto; font-size:1em; font-family:"trebuchet ms";}
.blogtext:focus {border:2px solid #BBA27A; }

.contacttext {width:260px; overflow:auto; font-size:1em; font-family:"trebuchet ms";}
.contacttext:hover {border:2px solid #BBA27A; }
.contacttext:focus {border:2px solid #BBA27A; }
.captchatext {padding:3px 0; width:50px; font-size:1em; font-family:"trebuchet ms";}
.captchatext:focus {border:2px solid #BBA27A; }
.contactselect {width:264px; padding:2px; font-size:1em; font-family:"trebuchet ms";}
.dobselect {padding:2px; font-size:1em; font-family:"trebuchet ms";}
.contactbutton { background:#fff; text-transform:uppercase; padding:2px 10px; border:1px solid #BBA27A; cursor:pointer;font-size:1em; font-family:"trebuchet ms";}
.contactbutton:hover {color:#57850D;}
a.joinbutton {border:1px solid #BBA27A; color:#000; text-transform:uppercase; padding:2px 10px; line-height:2.2em; background:#eee; cursor:pointer;font-size:0.8em; font-family:"trebuchet ms";}


.list tr th {background:#eee;}
.list a {color:#5BA8A8;}
.list img {width:60px;}
.stripe{background:#EEE;}

.underline {text-decoration:underline;}
.trebuchet {font-family:"trebuchet ms";}
.padding {padding:5px;}
.dashed {border:1px  dashed #ccc;}
.alphabetselected { color:#CB0101;}
.mcselected {background:#fff;}
.selected {background:#f00;}
.bitsmaller {font-size:0.9em;}
.smaller {font-size:0.8em;}
.muchsmaller {font-size:0.7em;}
.lineh {line-height:1.5em;}
.bigger {font-size:1.1em;}
.center {text-align:center;}
.bold {font-weight:bold;}
.margin-right { margin-right:5px;}
.margin-bottom {margin-bottom:5px;}
.margin-bottom-more {margin-bottom:10px;}
.margin-top {margin-top:25px;}
.lowercase {text-transform:lowercase;}
.uppercase {text-transform:uppercase;}
.strike {text-decoration:line-through;}
.gray {color:#aaa;}
.red {color:#f00;}
.brown {color:#5F3E2F;}
.white {color:#fff;}
.blue {color:#5BA8A8;}
.orange {color:#FFC450;}
.yellow {color:#FFB63C;}
.italic {font-style:oblique;}
.circle {list-style:disc; margin-left:20px;}
.quote {list-style-image:url(../images/quote.jpg); margin-left:20px;}
.bullet {list-style-image:url(../images/bullet-list.gif);}
.bullet2 {list-style-image:url(../images/bullet-list.gif); margin-left:20px;}
.left {float:left;}

/* Pagination styling */
div.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
	font-size:0.95em;
}

#store_list div.pagination a, #memberContent div.pagination a, #mainLeftContent div.pagination a, #clubLeftContent div.pagination a, #merchantLeftContent div.pagination a, #blogLeftContent div.pagination a{
	padding: 2px 5px 2px 5px;
	margin: 2px;	
	text-decoration: none; /* no underline */
	color: #333;
	cursor:pointer;
}

div.pagination span.prev {
	display:inline-block;
	background:url(../images/prev_page.jpg) no-repeat;
	width:71px;
	height:20px;
	line-height:20px;
	text-align:right;
	padding-right:10px;
	font-size:0.8em;
}

div.pagination span.next {
	display:inline-block;
	background:url(../images/next_page.jpg) no-repeat;
	width:46px;
	height:20px;
	line-height:20px;
	text-align:left;
	padding-left:10px;
	font-size:0.8em;
}

div.pagination a:hover, div.pagination a:active {
	text-decoration: none;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;	
	font-weight: bold;
	color: #CB0101;
}
span.disabled {
	color: #888;
}


/* end pagination styling */



/******* FORM *******/
.chattext {width:120px; border:1px solid #5F3E2F;}
/******* /FORM *******/

/******* MENU *******/
#container{
	margin: 1em auto;
	width: 160px;
}
/*#container ul{
	list-style: none;
	list-style-position: outside;
}
#container ul.menu li{
	float: left;
	margin-right: 5px;
	margin-bottom: -1px;
}
#container ul.menu li{
	font-weight: bold;
	display: block;
	padding: 5px 10px 5px 10px;
	background: #fff;
	border: 1px solid #d0ccc9;
	border-width: 1px 1px 0 1px;
	position: relative;
	color: #5f95ef;
	cursor: pointer;
}
*//******* /MENU *******/
/******* CONTENT *******/
.content{
	font-family:"trebuchet ms";
	margin: 0 auto;
	background:#fbe8ad;
	border: 1px dashed #5F3E2F;
	padding: 5px;
	padding-bottom: 20px;
	font-size: 0.8em;
	margin-bottom:5px;
	height:250px;
	overflow:auto;
	width:150px;
	}
.content img{
	height:1em;
}
.content ul li.firstrow{
	margin-left:0;
}
.content ul li{
	padding:0px;
	margin-left:15px;
}
.content ul li div{
	margin-left:-5px;
}
.content h3{
	line-height: 1em;
	font-size: 1.2em;
	margin-bottom:10px;
	text-decoration:underline;
/*	border-bottom:1px solid #5F3E2F;
	background: transparent url(images/bubble.jpg) no-repeat scroll left top;
*/
}
.date{
	font-weight: normal;
	font-size: 0.8em;
	color: #aaa;
}
/******* /CONTENT *******/
/******* LOADING *******/
#loading{
	text-align: center;
}

#loading img{
	width:25px;
}
/******* /LOADING *******/

/******************SLIDESHOW************************/
	#divTrigger{
	margin:5px;
	}
	
	 #divTrigger a{ 
	    background: #000000;
	 }
 	#divTrigger a:link,#divTrigger a:visited{
	 	text-decoration: none; /* hilangkan garis bawah pada link */
	 	margin:4px 0px; /* memberi jarak antar link */
	 	padding: 1px 4px; /* menjadikan link seperti kotak */
	 	border: 1px solid #CCC;
	    background-color: #FFF;
	    color: #000;
	 }
	 /* link yang dilalui oleh mouse dan element dengan class='selected' akan mempunyai efek yang sama */
	 #divTrigger a:hover,#divTrigger a:active{ 
  		background-color:#FF9900;
	    color: #FFF;
	 }
	 #divContent{
	 	border:1px solid #CCC; margin:1px; width:495px; padding:1px; height:307px;
	 }
	 #text {padding:5px; width:480px; color:#000;font-size:1.1em; height:46px; overflow:hidden;}
	 #text strong {font-size:1.2em;}
	 #divContent div{ 
	 	/* semua div di dalam element dengan id='divContent' akan di sembunyikan sementara */
	 	display:none;
		width:490px;
		margin:2px;
	
		font-family:Arial; font-size:10px;
	
	 }
	 #divContent img{ 
	 	width:490px;
	 	/* semua div di dalam element dengan id='divContent' akan di sembunyikan sementara */
	 	height:248px;
	
	 }