@charset "utf-8";

/* CSS Document */
/*-------------------------------------------------------------{ import css }-----------------------------------------------------------------------*/
@import "fonts.css";
@import "style_menu.css";
@import "dropdown_menu.css";
@import "menu_responsive.css";
@import "style_gallerySlider.css";
@import "highslide-gallery.css";
@import "colorbox.css";

/*------------------------------------------------------------{ Blobal Link }-----------------------------------------------------------------------*/
a:link 		{ text-decoration:none; color:#745727; }
a:visited 	{ text-decoration:none; color:#745727; }
a:hover 	{ text-decoration:underline; color:#D99A17; }
a:active 	{ text-decoration:none; color:#000; }
a 			{ outline:none !important; }
a img		{ border:none; }

/*----------------------------------------------------------------{ Img }---------------------------------------------------------------------------*/
.fLeft				{ float:left; }
.fRight				{ float:right; }

.imgShadow			{ margin:0 0 10px 0; padding:3px; background:rgba(255,255,255,0.7); box-shadow: 0 0 2px rgba(0,0,0,0.4); }
.imgShadow.fLeft	{ float:left; margin:0 10px 10px 0; }
.imgShadow.fRight	{ float:right; margin:0 0 10px 10px; }

.imgFloatLeft		{ float:left; margin:0 10px 10px 0; }
.imgFloatRight		{ float:right; margin:0 0 10px 10px; }

.imgOpacity			{ opacity:1; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; 
					  -ms-transition: all 400ms linear; transition: all 400ms linear; }
.imgOpacity:hover	{ opacity:0.5; }

img					{ max-width:100%; }

.imgShadow,
.imgFloatLeft,
.imgFloatRight		{ max-width:98.5%; }


*					{ margin:0px; padding:0px;}
p 					{ margin-bottom:10px; line-height:20px; }
b, .bold			{ font-weight:bold; }
sup					{ font-size:7px; }

ul.ul_style			{ margin:0 0 10px 25px; padding:0; list-style:outside disc; line-height:20px }

hr					{ color:none; clear:both; float:none; width:100%; height:1px; margin:0 0 10px 0; border:none; 
					  border-bottom:1px solid #dedede;}
.clear,
.clearBoth			{ clear:both; margin:0 auto; padding:0px; }


/*---------------------------------------------------------------{ tooltip }-------------------------------------------------------------------------*/
#tooltip 			{ position:absolute; border:1px solid #000; margin-bottom:30px; margin-top:-5px; font-size:12px; line-height:18px;
					  padding:3px 10px 5px 10px; color:#ccc; background:rgba(0,0,0,0.9); display:none; opacity: 0.90; border-radius:3px; z-index:1000; 
					  text-align:left;  font-family:Tahoma, Geneva, sans-serif;}

/*----------------------------------------------------------------{ alert }--------------------------------------------------------------------------*/
.alert				{ margin:3px; padding:5px 10px 5px 35px; display:block; line-height:20px; font-family:Tahoma; background:#f5f5f5;
					  border:1px solid; text-shadow:none; box-shadow:0 0 0 1px rgba(255,255,255,0.1); -webkit-transition: all 100ms linear; 
					  -moz-transition: all 100ms linear; -o-transition: all 100ms linear; -ms-transition: all 100ms linear; 
					  transition: all 100ms linear; font-weight:normal; -moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;}
	.success		{ color:#00632e; border-color:#339933; background:#d1e8d2 url(../img/frontend/tick_circle.png) no-repeat 10px 7px; }
	.error			{ color:#820101; border-color:#dc1c1c; background:#facfcf url(../img/frontend/cross_circle.png) no-repeat 10px 7px; }
	.warning		{ color:#675100; border-color:#d4b64b; background:#fdefbd url(../img/frontend/exclamation.png) no-repeat 10px 7px; }
	.warningbig		{ color:#675100; border-color:#d4b64b; background:#fdefbd url(../images/alrt.png) no-repeat 10px 7px; }
	.info			{ color:#00357b; border-color:#9dbfea; background:#d8e7fa url(../img/frontend/information.png) no-repeat 10px 7px; }
	.note			{ color:#4d4d4d; border-color:#bdbdbd; background:#f4f4f4 url(../img/frontend/notebook.png) no-repeat 10px 7px; }
.alert:hover		{ opacity:0.8; }
.notification		{ cursor:pointer; }

.alertbig				{ margin:3px; padding:5px 10px 5px 50px; display:block; line-height:20px; font-family:Tahoma; background:#f5f5f5;
					  border:1px solid; text-shadow:none; box-shadow:0 0 0 1px rgba(255,255,255,0.1); -webkit-transition: all 100ms linear; 
					  -moz-transition: all 100ms linear; -o-transition: all 100ms linear; -ms-transition: all 100ms linear; 
					  transition: all 100ms linear; font-weight:normal; -moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;}
	.success		{ color:#00632e; border-color:#339933; background:#d1e8d2 url(../img/frontend/tick_circle.png) no-repeat 10px 7px; }
	.error			{ color:#820101; border-color:#dc1c1c; background:#facfcf url(../img/frontend/cross_circle.png) no-repeat 10px 7px; }
	.warning		{ color:#675100; border-color:#d4b64b; background:#fdefbd url(../img/frontend/exclamation.png) no-repeat 10px 7px; }
	.warningbig		{ color:#675100; border-color:#d4b64b; background:#fdefbd url(../images/alrt.png) no-repeat 10px 8px; }
	.info			{ color:#00357b; border-color:#9dbfea; background:#d8e7fa url(../img/frontend/information.png) no-repeat 10px 7px; }
	.note			{ color:#4d4d4d; border-color:#bdbdbd; background:#f4f4f4 url(../img/frontend/notebook.png) no-repeat 10px 7px; }
.alert:hover		{ opacity:0.8; }
.notification		{ cursor:pointer; }

.alertxx				{ margin:3px; padding:5px 10px 5px 35px; display:block; line-height:20px; font-family:Tahoma; background:#;
					  border:1px solid; text-shadow:none; box-shadow:0 0 0 1px rgba(255,255,255,0.1); -webkit-transition: all 100ms linear; 
					  -moz-transition: all 100ms linear; -o-transition: all 100ms linear; -ms-transition: all 100ms linear; 
					  transition: all 100ms linear; font-weight:normal; 
					  -moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
					  }
	.successxx		{ color:#00632e; border-color:#339933; background:#E4F1E6 url(../img/frontend/tick_circle.png) no-repeat 10px 7px; }
	.errorxx			{ color:#820101; border-color:#dc1c1c; background:#FDE3E3 url(../img/frontend/cross_circle.png) no-repeat 10px 7px; }
	.warningxx		{ color:#675100; border-color:#d4b64b; background:#fff url(../img/frontend/exclamation.png) no-repeat 10px 7px; }
	.infoxx			{ color:#00357b; border-color:#9dbfea; background:#fff url(../img/frontend/information.png) no-repeat 10px 7px; }
	.notexx			{ color:#4d4d4d; border-color:#bdbdbd; background:#fff url(../img/frontend/notebook.png) no-repeat 10px 7px; }
.alertxx:hover		{ opacity:0.8; }
.notificationxx		{ cursor:pointer; }

/*--------------------------------------------------------------{ Back top }-------------------------------------------------------------------------*/
.backTop 			{ background:url(../img/frontend/topper.png) no-repeat bottom; width:36px; height:36px; padding:0px; margin:0 10px 0 0;
					  -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -o-transition: all 100ms linear; 
					  -ms-transition: all 100ms linear; transition: all 100ms linear; }
.backTop:hover		{ margin-bottom:2px; opacity:0.8; }

/*---------------------------------------------------------------------{ button }--------------------------------------------------------------------------*/
.readmore a				{ float:right; position:relative; margin:0; padding:4px 10px; color:#8d8c8e; text-shadow:1px 1px 1px #edeaef; font-size:12px; line-height:normal; 
						  font-weight:bold; text-align:center; text-decoration:none; border:1px solid #cac9cb; border-radius:3px; background:#eeebf0; 
						  background:-moz-linear-gradient(top, #f7f6f8 0%, #e1dee6 100%); background:-webkit-linear-gradient(top, #f7f6f8 0%, #e1dee6 100%);
						  box-shadow:inset 0px 0px 5px 1px #fff, 0px 1px 2px 0px rgba(0,0,0,0.1); }
.readmore a:hover		{  color:#F9EFDD; text-shadow:1px 1px 1px #594420; border:1px solid #634A21; background:#947032; 
							  box-shadow:inset 0px 0px 3px 1px #E3BE71, 0px 1px 2px 0px rgba(0,0,0,0.4); }
.readmore a:active		{ color:#F9EFDD; text-shadow:1px 1px 1px #594420; border-color:#634A21; 
							  box-shadow:inset 0px 0px 3px 1px #E3BE71, 0px 1px 2px 0px rgba(0,0,0,0.4); }
						  
						  
						  
						  
.button_bottom			{ float:right; margin:15px 0 10px 0; padding:0; width:700px; }

/*----------------------------------------------------------------{ button }--------------------------------------------------------------------------*/
input.button,
button.button,
.button					{ display:inline-block; margin:0; padding:0; border:1px solid rgba(0,0,0,0.15); border-radius:4px; font-size:12px; 
						  font-weight:bold; font-family:'Roboto Condensed', Arial; 
						  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5), 0 2px 0 rgba(0,0,0,0.05); 
						  background:#e8ebec; background:-moz-linear-gradient(top, #ebebeb, #fff, #ebebeb); 
						  background:-webkit-linear-gradient(top, #ebebeb, #fff, #ebebeb); }
input.button:hover,
button.button:hover,
.button:hover			{ background:#e9f0f3; background:-moz-linear-gradient(top, #e6e6e6, #fff, #e6e6e6);
						  background:-webkit-linear-gradient(top, #e6e6e6, #fff, #e6e6e6); }
input.button:active,
button.button:active,
.button:active			{ background:#e2e9ec; background:-moz-linear-gradient(bottom, #fff 0%, #eceff0 100%);
						  background:-webkit-linear-gradient(bottom, #fff, #eceff0 100%); }
input.button,
button.button			{ cursor:pointer; padding:7px 15px; color:#641a79; text-shadow:1px 1px 0 rgba(255,255,255,0.15); font-weight:bold; }
						  
.button.red				{ border:1px solid rgba(0,0,0,0.1); background:#f5587a; background:-moz-linear-gradient(top, #f56d8a, #f5b3c1, #f56d8a);
						  background:-webkit-linear-gradient(top, #f56d8a, #f5b3c1, #f56d8a); }
.button.red:hover		{ background:#f56a87; background:-moz-linear-gradient(top, #f5829a, #f5b3c1, #f5829a);
						  background:-webkit-linear-gradient(top, #f5829a, #f5b3c1, #f5829a); }
.button.red:active		{ background:#f5587a; background:-moz-linear-gradient(bottom, #f5b3c1 0%, #f5829a 100%);
						  background:-webkit-linear-gradient(bottom, #f5b3c1 0%, #f5829a 100%); }
						  
.button.orange			{ border:1px solid rgba(0,0,0,0.1); background:#f7ab35; background:-moz-linear-gradient(top,#f7ab35, #f7c981, #f7ab35); 
						  background:-webkit-linear-gradient(top, #f7ab35, #f7c981, #f7ab35); }
.button.orange:hover	{ background:#f7b54e; background:-moz-linear-gradient(top, #f7b44d, #f7cd8c, #f7b44d);
						  background:-webkit-linear-gradient(top, #f7b44d, #f7cd8c, #f7b44d); }
.button.orange:active	{ background:#f7ab35; background:-moz-linear-gradient(bottom, #f7cd8c, #f7b44d);
						  background:-webkit-linear-gradient(bottom, #f7cd8c, #f7b44d); }
						  
.button.green			{ border:1px solid rgba(0,0,0,0.1); background:#75c81c; background:-moz-linear-gradient(top,#75c81c, #b1f156, #75c81c);
						  background:-webkit-linear-gradient(top, #75c81c, #b1f156, #75c81c); }
.button.green:hover		{ background:#7fd21e; background:-moz-linear-gradient(top,#7fd21e, #b1f156, #7fd21e);
						  background:-webkit-linear-gradient(top, #7fd21e, #b1f156, #7fd21e); }
.button.green:active	{ background:#75c81c; background:-moz-linear-gradient(bottom, #b1f156, #7fd21e);
						  background:-webkit-linear-gradient(bottom, #b1f156, #7fd21e); }
						  
.button.azure			{ border:1px solid rgba(0,0,0,0.1); background:#39c3eb; background:-moz-linear-gradient(top,#39c3eb, #75d1eb, #39c3eb);
						  background:-webkit-linear-gradient(top, #39c3eb, #75d1eb, #39c3eb); }
.button.azure:hover		{ background:#4dcdf2; background:-moz-linear-gradient(top, #4dcdf2, #86d5eb, #4dcdf2);
						  background:-webkit-linear-gradient(top, #4dcdf2, #86d5eb, #4dcdf2); }
.button.azure:active	{ background:#39c3eb; background:-moz-linear-gradient(bottom, #96d8eb, #47ccf2);
						  background:-webkit-linear-gradient(bottom, #96d8eb, #47ccf2); }
						  
.button.blue			{ border:1px solid rgba(0,0,0,0.1); background:#379ae6; background:-moz-linear-gradient(top,#379ae6, #8ac9f5, #379ae6);
						  background:-webkit-linear-gradient(top, #379ae6, #8ac9f5, #379ae6); }
.button.blue:hover		{ background:#49b2ee; background:-moz-linear-gradient(top, #49b2ee, #91ccf5, #49b2ee);
						  background:-webkit-linear-gradient(top, #49b2ee, #91ccf5, #49b2ee); }
.button.blue:active		{ background:#3e89d6; background:-moz-linear-gradient(bottom, #91ccf5 0%, #49b2ee 100%);
						  background:-webkit-linear-gradient(bottom, #91ccf5 0%, #49b2ee 100%); }

.button.addCart			{ border:1px solid rgba(0,0,0,0.1); background:#f9ca5a; 
						  background:-moz-linear-gradient(left, #f9d787 0%, #f9b000 10%, #f9d787 50%, #f9b000 90%, #f9d787 100%); 
						  background:-webkit-linear-gradient(left, #f9d787 0%, #f9b000 10%, #f9d787 50%, #f9b000 90%, #f9d787 100%); }
.button.addCart:hover	{ background:#f9d274;background:-moz-linear-gradient(left, #f9dc97 0%, #f9bf34 10%, #f9dc97 50%, #f9bf34 90%, #f9dc97 100%); 
						  background:-webkit-linear-gradient(left, #f9d787 0%, #f9b000 10%, #f9d787 50%, #f9b000 90%, #f9d787 100%); }
.button.addCart:active	{ background:#f9ca5a; background:-moz-linear-gradient(left, #f9d787 0%, #f9b000 10%, #f9d787 50%, #f9b000 90%, #f9d787 100%); 
						  background:-webkit-linear-gradient(left, #f9d787 0%, #f9b000 10%, #f9d787 50%, #f9b000 90%, #f9d787 100%); }
						  
.button a				{ position:relative; overflow:hidden; display:inline-block; padding:0px 15px; line-height:25px; color:#8a8d8f; 
						  text-shadow:1px 1px 0 rgba(255,255,255,0.15); background:url(../img/frontend/a_light.png) no-repeat center bottom;
						  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; 
						  -ms-transition: all 200ms linear; transition: all 200ms linear; }
.button a:hover			{ color:#696b6d; text-decoration:none; }
.button a:active		{ text-shadow:1px 1px 0 rgba(0,0,0,0.2); }
.button.red a,
.button.orange a,
.button.yellow a,
.button.green a,
.button.azure a,
.button.blue a			{ color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.2); }

.button span.iconL		{ float:left; position:relative; display:block; margin:-1px -5px -1px -1px; width:40px; height:27px; border-radius:4px 0 0 4px;
						  background:url(../img/frontend/btn_span.png) no-repeat right top; background-size:100px 100%;
						  border-left:1px solid #999; }
						  
.button span:before		{ content:''; position:absolute; left:0; top:0; width:30px; height:26px; }
.button span.login:before	{ background:url(../img/frontend/login_icon.png) no-repeat center; }
.button span.logout:before	{ background:url(../img/frontend/logout_icon.png) no-repeat center; }
.button span.register:before{ background:url(../img/frontend/register_icon.png) no-repeat center; }
.button span.more:before	{ background:url(../img/frontend/more_icon.png) no-repeat center; }
.button span.cmb:before		{ background:url(../img/frontend/link_icon.png) no-repeat center; }

.button a:before		{ content:''; position:absolute; left:0; top:0; width:30px; height:30px; }
.button:hover a:before	{ left:100%; background:url(../img/frontend/shine.png) no-repeat center; background-size:100% 100%;
						  transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; }


/*--------------------------------------------------------------{ Heading }-------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { color:#666; font-family:'Roboto Condensed', Arial, Tahoma; font-style:normal; font-weight:bold; margin:0 0 10px 0; padding:0; }
h1 { font-size:1.80em; }
h2 { font-size:18px; }
h3 { font-size:15px; }
h4 { font-size:14px; }
h5 { font-size:13px; }
h6 { font-size:12px; }


/*h3.h3_style				{ position:relative; margin:-1px -1px 0 -1px; padding:0 40px 0 60px; line-height:35px; color:#fff; font-size:16px; 
						  border-radius:5px 5px 0 0; border:1px solid rgba(0,0,0,0.1); border-bottom:none; text-shadow:0 1px 0 rgba(101,80,32,0.7); 
						  box-shadow:0 3px 0 #000, inset 0 -2px 0 #DCAE4C; background:#D99A17; background:-moz-linear-gradient(top, #C69D59, #8C692F);
						  background:-webkit-linear-gradient(top, #C69D59, #8C692F); } 
*/	



					  
h3.h3_style				{ position:relative; margin:-1px -1px 0 -1px; padding:0 40px 0 60px; line-height:35px; color:#594420; font-size:16px; 
						  border-radius:5px 5px 0 0; border:1px solid rgba(0,0,0,0.1); border-bottom:none; text-shadow:0 1px 0 rgba(255,255,255,0.4); 
						  box-shadow:0 3px 0 #000, inset 0 -2px 0 #DCAE4C; background:#D99A17; background:-moz-linear-gradient(top, #C69D59, #8C692F);
						  background:-webkit-linear-gradient(top, #C69D59, #8C692F); }					
						  
h3.h3_style a.more		{ display:block; position:absolute; right:-1px; top:-1px; padding:12px 0 0 20px; width:25px; height:24px; 
						  background:url(../img/frontend/btn_more.png) no-repeat 0 0; background-size:100% 100%; }
h3.h3_style a.more img	{ width:16px; height:16px; }
h3.h3_style span		{ display:block; position:absolute; left:8px; top:4px; width:36px; height:36px; border-radius:50%; z-index:100; 
						  border:2px solid #fff; box-shadow:0 2px 2px rgba(0,0,0,0.2),inset 0 -1px 1px rgba(0,0,0,0.7); background:#eee;
						  background:-moz-linear-gradient(top, #fff, #ddd, #fff); background:-webkit-linear-gradient(top, #fff, #ddd, #fff); }
h3.h3_style span img	{ width:100%; height:100%; }

h3.h3_style a.more:before{ content:''; position:absolute; left:20px; top:10px; width:16px; height:16px; background:rgba(0,0,0,0.3); border-radius:50%;
						  box-shadow:0 1px 0 rgba(255,255,255,0.3), inset 0 1px 0 rgba(0,0,0,0.5); }
h3.h3_style a.more:after{ content:''; position:absolute; left:26px; top:14px; width:0; height:0; border-left:6px solid rgba(255,255,255,0.5);
						  border-top:4px solid transparent; border-bottom:4px solid transparent; }
h3.h3_style a.more:hover:before	{ background:rgba(0,0,0,0.4); background:-moz-linear-gradient(top, #BD8B24, #947032);
								  background:-webkit-linear-gradient(top, #BD8B24, #947032); }
h3.h3_style a.more:active:before{ background:-moz-linear-gradient(bottom, #BD8B24, #947032); 
								  background:-webkit-linear-gradient(bottom, #BD8B24, #947032); }

h3.h3_style.h3_gray		{ border-bottom:2px solid #a0f240; 
						  box-shadow:0 3px 0 #000, inset 0 -1px 0 #904543,inset 0 0 0 1px rgba(255,255,255,0.5); 
						  background:#fff; background:-moz-linear-gradient(top,#ddd, #fff, #ddd);
						  background:-webkit-linear-gradient(top,#ddd, #fff, #ddd); }


/*----------------------------------------------------------------{ layout }-------------------------------------------------------------------------*/
html					{ margin:0; padding:0; }
body					{ margin:0; padding:0; width:100%; height:100%; font-family:/*'Roboto Condensed',*/ Arial; font-size:12px; color:#777; 
						  background:#fff url(../img/frontend/body.png) repeat-x 0 0; }
#header_panel			{ margin:0 auto; padding:0; width:100%; }
#navigation				{ margin:0 auto; padding:0; width:100%; }
#animasi_panel			{ margin:0 auto; padding:0 0 30px; width:100%; }
#container				{ margin:0 auto; padding:0; width:100%; }
#content_footer			{ margin:0 auto; padding:0; border-top:1px solid #d3d3d3; border-bottom:1px solid #fff; box-shadow:0 -10px #f3f3f3; 
						  background:#ebebeb; }
#footer_panel			{ margin:0 auto; padding:0; border-top:4px solid #000; 
						  background:#c5c5c5 url(../img/frontend/footer_panel.png) repeat-x center top; background-size:1px 100%; }


/*----------------------------------------------------------------{ Header }-------------------------------------------------------------------------*/
#header					{ position:relative; margin:0 auto; padding:0; width:960px; height:100px; 
						  background:url(../img/frontend/header_bg.jpg) no-repeat center 4px; } 
#header .logo			{ position:absolute; left:7px; top:7px; width:251px; transition: all 300ms; }
#header .logo:hover		{ left:18px; }

#header .button_top		{ position:absolute; right:0; top:0; width:255px; height:113px; text-align:center;
						  background:url(../img/frontend/button_top_shadow.png) no-repeat center 32px; }
	.button_top .bt_phone	{ position:relative; margin-bottom:20px; padding:0 30px; height:35px; text-align:left; line-height:30px; 
							  font-family:'Roboto Condensed'; font-size:20px; font-weight:bold; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.3);
							  background:url(../img/frontend/bt_Phone_bg.png) no-repeat center top; background-size:100% 35px;  }
	.button_top .bt_phone span	{ display:inline-block; margin-left:50px; }
	.button_top .bt_phone a		{ display:block; position:absolute; left:33px; width:33px; height:22px; padding:5px 0; text-align:center; 
								  border-radius:50%; border:2px solid #fff; box-shadow:0 1px 2px rgba(0,0,0,0.2); background:#C79F5C; 
								  background:-moz-linear-gradient(top, #fff, #C79F5C); background:-webkit-linear-gradient(top, #fff, #C79F5C);/**/ }
#header .button			{ margin-top:2px; border:1px solid #e65654; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.1); 
						  background:#fbd2d2; background:-moz-linear-gradient(top, #ed8282, #fde0e0, #ed8282);
						  background:-webkit-linear-gradient(top, #ed8282, #fde0e0, #ed8282); }
#header .button:hover	{ background:#fbdcdc; background:-moz-linear-gradient(top, #ed9a9a, #fdeaea, #ed9a9a);
						  background:-webkit-linear-gradient(top, #ed9a9a, #fdeaea, #ed9a9a); }
#header .button:active	{ margin-top:3px; background:#fbd2d2; background:-moz-linear-gradient(top, #ed9a9a, #fdeaea);
						  background:-webkit-linear-gradient(top, #ed9a9a, #fdeaea); }
#header .button a:active,
#header .button a		{ position:relative; overflow:hidden; line-height:28px; color:#c85e5e; font-size:14px; }
#header .button a:hover	{ color:#9d3631; }
#header .button span.iconL	{ height:30px; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; 
							  transition: all 200ms linear; }
#header .button:hover span.iconL	{ margin-right:-10px; width:45px; }
#header .button span:before			{ height:28px; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; 
									  transition: all 200ms linear;}
#header .button:hover span:before	{ width:35px; }


/*---------------------------------------------------------------{ animasi }-------------------------------------------------------------------------*/
#animation_box			{ position:relative; margin:0 auto; padding:10px 10px 12px 10px; width:940px; border-bottom:1px solid #ccc; 
						  border-radius:0 0 10px 10px; background:#fff url(../img/frontend/mainContent_bg.png) repeat-x center top; }
#animation				{ margin:0; padding:0; border:1px solid rgba(0,0,0,0.15); background:#fff; /*border-radius:5px; overflow:hidden;*/ }

#animation_box:before	{ content:''; position:absolute; left:0; bottom:-20px; width:100%; height:20px; 
						  background:url(../img/frontend/animation_box_bg.png) no-repeat center 0; background-size:98% 100%; }
						  
.banner					{ margin:0 0 15px 0; padding:0; border:1px solid #cfd4da; border-radius:5px; 
						  background:#fff; overflow:hidden; }
.banner img				{ width:100%; }


/*----------------------------------------------------------------{ main }--------------------------------------------------------------------------*/
#main					{ margin:0 auto; padding:0 0 15px 0; width:960px; }
#mainContent			{ margin:0 auto; padding:10px 0 25px 0; background:#fff url(../img/frontend/mainContent_bg.png) repeat-x top; }
.sidebar				{ float:left; margin:0; padding:0; width:240px; }
.content_right			{ float:right; margin:0; padding:0; width:710px; }
.content				{ position:relative; margin:0; padding:20px 15px 15px 15px; min-height:250px; border:1px solid #cfd4da; border-radius:5px; 
						  background:#fff url(../img/frontend/content_bg.png) repeat-x bottom; 
						  box-shadow:inset 0 8px 0 #f9f9f9, inset 0 9px 0 #fff, inset 0 10px 0 #cfd4da, 
						  inset 0 0 0 1px rgba(255,255,255,0.8),0 4px 0 rgba(0,0,0,0.04); }
						  
						  
						  
.content h2.titlePage	{ position:absolute; left:10px; top:-38px; margin:0; padding:5px 20px; color:#80602B; font-size:20px; border:1px solid #cfd4da; 
						  border-bottom:none; border-radius:5px 5px 0 0; box-shadow:inset 0 1px 0 #fff, 0 -2px 2px rgba(0,0,0,0.1); 
						  background:#f9f9f9; background:-moz-linear-gradient(top, #f5f5f5, #fff, #f9f9f9);
						  background:-webkit-linear-gradient(top, #f5f5f5, #fff, #f9f9f9); z-index:1; }

.content h2.titlePage:before		{ content:''; position:absolute; left:0; top:10px; width:50px; height:20px; }
.content:hover h2.titlePage:before	{ left:90%; background:url(../img/frontend/shine.png) no-repeat right center; background-size:100% 40px;
									  transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; 
									  -ms-transition: all 1s; }
.content h2.titlePage:after	{ content:''; position:absolute; right:-40px; top:0; width:50px; height:100%; 
							  background:url(../img/frontend/titlePage_after.png) no-repeat 0 0; background-size:100% 100%; z-index:1; }

.content ol,
.content ul				{ margin:0 0 15px 25px; list-style-position:outside; line-height:20px; }
.content span.date		{ display:block; margin:0 0 10px 0; padding:0 0 10px 0; color:#2f931a; font-weight:bold; text-align:right;
						  border-bottom:1px solid #ddd; }
						  
.side_left				{ float:left; margin:0 10px; width:240px; }
.cont_center			{ float:left; margin:0 10px; width:940px; }
.side_right				{ float:right; margin:0 10px; width:240px; }

.side_box				{ margin-bottom:20px; border:1px solid #ced4d9; border-radius:5px; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.9); 
						  background:#f1f1f1; background:-moz-linear-gradient(left, #f1f1f1, #fff, #f1f1f1);
						  background:-webkit-linear-gradient(left, #f1f1f1, #fff, #f1f1f1); }
.about_box				{ margin:0 0 20px 0; padding:10px; border-radius:5px; border-bottom:1px solid #ced4d9; box-shadow:0 3px 0 rgba(0,0,0,0.05); 
						  background:#f9f9f9; background:-moz-linear-gradient(top, #fff, #f9f9f9); 
						  background:-webkit-linear-gradient(top, #fff, #f9f9f9); }
.about_box h2			{ margin:0 0 10px 0; padding:0 0 5px 0; font-weight:bold; border-bottom:2px solid #ccc;
						  box-shadow:0 1px 0 #fff,0 2px 0 #ccc; font-family:'Roboto Condensed', Arial; font-size:20px; }
.about_box p			{ line-height:18px; }
.about_box .button		{ float:right; }

.welcome_box			{ margin:0 0 20px 0; padding:10px; border-radius:5px; border:1px solid #e5e7e9; background:#f9f9f9; }
.welcome_box h3			{ margin-bottom:5px; color:; font-size:14px;  }
.welcome_box .wb_img	{ float:left; position:relative; overflow:hidden; width:140px; height:140px; border:4px solid #fff;
						  box-shadow:0 1px 2px rgba(0,0,0,0.15); }
.welcome_box .wb_img img{ width:140px; height:140px; max-width:100%; max-height:100%; }
.welcome_box .wb_text	{ margin:0 0 10px 160px; }
.welcome_box .wb_text span	{ display:block; margin-bottom:5px; color:#ff6969; font-weight:bold; }
.welcome_box .wb_text p		{ margin:0; line-height:18px; }
.welcome_box .button		{ float:right; }

.welcome_box .wb_img:before	{ content:''; position:absolute; left:-80px; top:0; width:80px; height:100%; }
.welcome_box:hover .wb_img:before{ left:100%; opacity:0.7; background:url(../img/frontend/shine.png) no-repeat center; background-size:100% 100%;
								  transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; 
								  -ms-transition: all 1s; }


/*------------------------------------------------------------{ sub menu }--------------------------------------------------------------------------*/
.sub_menu 				{ background:-moz-linear-gradient(left, #EACD93, #fff, #EACD93); 
						  background:-webkit-linear-gradient(left, #EACD93, #fff, #EACD93); }
.sub_menu h3.h3_style:before{ content:''; display:block; position:absolute; right:-1px; top:-1px; padding:12px 0 0 20px; width:25px; height:24px; 
							  background:url(../img/frontend/btn_more.png) no-repeat 0 0; background-size:100% 100%; }
.sub_menu ul			{ margin:4px 0 13px -1px; padding:0; list-style:none; line-height:normal; font-weight:bold; font-size:14px; 
						  font-family:'Roboto Condensed', Arial; border-top:1px solid #cdcdcd; }
.sub_menu ul li			{ position:relative; margin:0; padding:0; border-bottom:1px solid #cdcdcd; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.7); 
						  background:#eee; background:-moz-linear-gradient(top, #ececec, #fff, #ececec);
						  background:-webkit-linear-gradient(top, #ececec, #fff, #ececec); }
.sub_menu ul li.active,
.sub_menu ul li:hover	{ background:#fff; background:-moz-linear-gradient(top, #EACD93, #fff, #EACD93);
						  background:-webkit-linear-gradient(top, #EACD93, #fff, #EACD93); }
.sub_menu ul li a		{ color:#555; text-shadow:0 1px 0 rgba(255,255,255,0.8); display:block; margin:0; padding:9px 0 10px 50px; 
						  background:url(../img/frontend/sub_menu_a.png) no-repeat -62px center; background-size:100px 100%; 
						  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; 
						  -ms-transition: all 200ms linear; transition: all 200ms linear; }
.sub_menu ul li a:before{ content:''; position:absolute; left:7px; top:38%; width:16px; height:16px;
						  background:url(../img/frontend/readmore_icon.png) no-repeat center; 
						  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; 
						  -ms-transition: all 200ms linear; transition: all 200ms linear; }
.sub_menu ul li.active a,
.sub_menu ul li:hover a	{ padding-left:55px; color:#7b3937; text-decoration:none; background-position:-55px center; }
.sub_menu ul li:hover a:before	{ left:15px; }
.sub_menu ul li.active a:after,
.sub_menu ul li:hover a:after	{ content:''; position:absolute; right:-17px; top:0; width:18px; height:100%; 
								  background:url(../img/frontend/sub_menu_arrow.png) no-repeat 0 0; background-size:100% 100%; }

.sub_menu ul li.tabPlan a:before{ top:13px; }
.sub_menu ul li.tabPlan a:after	{ display:none; }


/*--------------------------------------------------------------{ Tabs }----------------------------------------------------------------------------*/
ul.menu_tabs	{ margin:0 0 2px 0; padding:0; font-size:12px; border-top:1px solid #ddd; background:#f7f7f7; }
ul.menu_tabs h4	{ margin:0; padding:5px; text-align:center; color:#777; border-bottom:1px solid #cdcdcd; background:#eee; 
				  background:-moz-linear-gradient(left, #f0f4fb, #fff, #f0f4fb); background:-webkit-linear-gradient(left, #f0f4fb, #fff, #f0f4fb);
				  box-shadow:inset 0 -1px 0 rgba(255,255,255,0.7); }
ul.menu_tabs li	{ margin:0; padding:10px 15px 10px 35px; color:#c2605e; cursor:pointer;
				  background:#f7f7f7 url(../img/frontend/bullet_sub.png) no-repeat 15px center; -webkit-transition: all 200ms linear; 
				  -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; 
				  transition: all 200ms linear; }
ul.menu_tabs li:hover	{ padding-left:45px; color:#ad4129; background:#f9eeee url(../img/frontend/bullet_sub.png) no-repeat 20px center;}
ul.menu_tabs li.active	{ padding-left:43px; color:#ad4129; background:#f9eeee url(../img/frontend/bullet_sub.png) no-repeat 25px center;}
.tabs_cont				{ margin:0; padding:0; font-size:14px; font-family:'Roboto Condensed', Arial; }
.tabs_cont strong		{ color:#f3871e; }
.tabs_cont h3			{ font-size:17px; color:#555; }

.tab_menuR				{ display:none; margin:0px -15px 15px -15px; padding:0; background:#fff;
						  background:-moz-linear-gradient(top, #f0f4fb, #fff, #f0f4fb); background:-webkit-linear-gradient(top, #f0f4fb, #fff, #f0f4fb);}
.tab_menuR ul			{ margin:0; padding:0 0 1px 0; list-style:none; line-height:normal; font-weight:bold; color:#777; border-top:1px solid #ddd;
						  border-bottom:1px solid #ddd;  }
.tab_menuR ul li		{ position:relative; float:left; padding:8px 20px; cursor:pointer; border-right:1px solid #ddd; border-bottom:1px solid #ddd;
						  background:none; }
.tab_menuR ul li.active,
.tab_menuR ul li:hover	{ padding:8px 20px; color:#ad4129; background:#fff; }

ul.menu_tabs li.active:after,
ul.menu_tabs li:hover:after	{ content:''; position:absolute; right:-17px; top:0; width:18px; height:100%; z-index:1; 
							  background:url(../img/frontend/menu_tabs_arrow.png) no-repeat 0 0; background-size:100% 100%; }
.tab_menuR ul li.active:after,
.tab_menuR ul li:hover:after{ content:''; position:absolute; right:0; top:auto; bottom:-10px; width:100%; height:11px; z-index:1; 
							  background:url(../img/frontend/tab_menuR_arrow.png) no-repeat center top; }


/*----------------------------------------------------------{ product_cont }------------------------------------------------------------------------*/
ul.product_cont			{ margin:0; padding:0; list-style:none; line-height:normal; }
.product_cont li		{ float:left; margin:0; padding:0; width:33.33%; font-family:'Roboto Condensed', Arial; text-align:center; }
.product_cont li .prod_box	{ margin:10px; padding:5px 0 0 0; border:1px solid #cfd4da; border-radius:5px;  background:#f5f5f5; 
							  background:-moz-linear-gradient(left, #f2f2f2, #fff, #f2f2f2); 
							  background:-webkit-linear-gradient(left, #f2f2f2, #fff, #f2f2f2);
							  -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; 
							  transition: all 200ms linear; }
.product_cont li .prod_box:hover	{ box-shadow:0 2px 3px rgba(0,0,0,0.2); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); 
									  -ms-transform:scale(1.05); transform:scale(1.05);}
.product_cont li .prod_box .pb_img		{ position:relative; padding:10px 0 25px 0; height:150px; background:#fff; border-top:1px solid #cfd4da;
										  border-bottom:1px solid #ddd; }
.product_cont li .prod_box .pb_img img	{ max-height:100%; max-width:90%; }
.product_cont li .prod_box .pb_img span.iTitle	{ position:absolute; display:block; left:0; right:0; bottom:0; margin:0; padding:7px 5px; font-size:14px; 
												  font-weight:bold; color:#555; /*text-shadow:0 1px 1px rgba(0,0,0,0.3); */ 
												  background:rgba(255,255,255,0.4); z-index:1; }
.product_cont li .prod_box .pb_price	{ margin:0; padding:10px 5px; font-size:12px; font-weight:bold; background:#fafafa; 
										  border-bottom:1px solid #ddd; box-shadow:inset 0 -5px 3px #f2f2f2; }
.product_cont li .prod_box .pb_price span.price1{ display:block; color:#bd2c40; }
.product_cont li .prod_box .pb_price span.price2{ display:block; color:#775928; }
.product_cont li .prod_box .pb_price strong		{ font-size:15px; }
.product_cont li .prod_box .pb_button	{ padding:10px; }


.numberCircle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    padding: 4px;
    font-size: 12px;
    line-height: 1.4em; 
	font-weight:bold;
    
background-color:#F00; color:#FFF; 


}




/*-------------------------------------------------------------{ gallery }--------------------------------------------------------------------------*/
.gallery_box			{ margin:10px 5px 25px 5px; padding:0; height:; border-radius:8px; background:#fff;
						  box-shadow:0 1px 1px rgba(0,0,0,0.1); }
	.db_title			{ padding:5px 10px; text-align:center; color:#29931a; font-weight:bold; }

ul.gallery_cover		{ margin:0; padding:0; list-style:none; }
.gallery_cover li		{ position:relative; float:left; margin:0; padding:0; width:33.33%; }
.gallery_cover li .cover{ position:relative; margin:10px; padding:0; background:#fff; box-shadow:inset 0 0 0 1px #cfd4da; 
						  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; 
						  -ms-transition: all 200ms linear; transition: all 200ms linear; }
						  
.gallery_cover li:hover .cover	{ -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); 
								  transform:rotate(-5deg); }
.gallery_cover li .cover span	{ position:relative; display:block; background:#fff; box-shadow:inset 0 0 0 1px #cfd4da; 
								  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; 
								  -ms-transition: all 200ms linear; transition: all 200ms linear; }
.gallery_cover li:hover .cover span	{ -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); -ms-transform:rotate(5deg); 
									  -o-transform:rotate(5deg); transform:rotate(5deg); }
.gallery_cover li .cover a		{ position:relative; display:block; padding:5px 5px 15px 5px; background:#fff; border:1px solid #cfd4da; overflow:hidden; 
								  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; 
								  -ms-transition: all 200ms linear; transition: all 200ms linear; }
.gallery_cover li:hover .cover a{ -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); -ms-transform:rotate(5deg); -o-transform:rotate(5deg); 
								  transform:rotate(5deg); box-shadow:3px 3px 2px rgba(0,0,0,0.1); }
.gallery_cover li .cover a img	{ width:200px; height:150px; max-width:100%; }
.gallery_cover li .cover a .cover_title	{ position:absolute; display:block; left:0; right:0; bottom:-100%; margin:0 5px; padding:5px 0; font-weight:bold;
										  text-align:center; background:rgba(220,178,84,0.5); color:#634A21; font-weight:; font-size:13px; opacity:0;
										  -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; 
										  -ms-transition: all 400ms linear; transition: all 400ms linear; }
.gallery_cover li:hover .cover a .cover_title	{ bottom:15px; opacity:1; }

.highslide-bg 				{ float:left; margin:8px; padding:5px; width:200px; box-shadow:inset 0 0 0 1px #cfd4da;
							  background:#fff; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; 
							  -ms-transition: all 200ms linear; transition: all 200ms linear; }
.highslide-bg:hover			{ background:#; box-shadow:inset 0 0 0 3px #E8C88C,0 2px 3px rgba(0,0,0,0.4);
							  -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); }
.highslide-bg a				{ color:#3aaef0; }
.highslide-bg a:hover		{ color:#ae1c89; }
.highslide-bg img 			{ margin-bottom:5px; width:100%; height:150px; }


/*--------------------------------------------------------------{ Video }---------------------------------------------------------------------------*/
.video_box				{ position:relative; margin:10px 5px 0 5px; padding:0; height:157px; background:#fff; border:3px solid #fff; 
						  box-shadow:0 1px 1px rgba(0,0,0,0.1); }
.video_sambutan			{ margin:20px auto; width:400px; height:330px; }

.video_box .covZom		{ position:absolute; left:5%; top:20%; width:90%; height:55%; z-index:100; }
.video_box .covZom a	{ display:block; width:100%; height:100%; background:none; }

	.vb_title			{ position:relative; padding:5px 10px; height:; line-height:17px; text-align:center; color:#777; font-weight:bold; }
	.vb_title span		{ display:block; height:15px; overflow:hidden; }
	.vb_title a			{ display:block; position:absolute; right:-5px; top:-15px; width:25px; height:25px; color:#767a7e; font-weight:bold; 
						  font-size:12px; line-height:15px; z-index:100; border-radius:50%; box-shadow:0 1px 2px rgba(0,0,0,0.3);
						  background:#fff url(../img/frontend/zom_icon.png) no-repeat center;
						  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; 
						  -ms-transition: all 200ms linear; transition: all 200ms linear; }
	.vb_title a:hover{ color:#666; text-decoration:none; background-color:#f2fae2; -moz-transform:scale(1.1); -webkit-transform:scale(1.1); 
						  -ms-transform:scale(1.1); transform:scale(1.1); }
						  

.video_cont					{ margin:0 0 10px 0; padding:0; width:100%; }
.video_cont ul				{ list-style:none; margin:0; padding:0; }
.video_cont	li				{ float:left; margin:0; padding:0; width:50%; text-align:center; }

.video_cont	li .cover_video	{ position:relative; margin:10px 10px 0 10px; padding:5px; height:200px; background:#fff; border:1px solid #cfd4da; 
							  border-radius:4px 4px 0 0; }
.video_cont	li .cover_video:hover	{ box-shadow:0 3px 2px rgba(0,0,0,0.4);  z-index:100; }

.video_cont	li .cover_video .covZom	{ position:absolute; left:5%; top:20%; width:90%; height:55%; z-index:100; }
.video_cont	li .cover_video .covZom a	{ display:block; width:100%; height:100%; background:none; }

.video_cont	li .vc_title	{ margin:0 10px 10px 10px; position:relative; padding:5px; line-height:20px; font-weight:bold; border-radius:0 0 4px 4px;
							  border-bottom:1px solid #cfd4da; box-shadow:inset 0 -1px 0 rgba(255,255,255,0.7); background:#fff; 
							  background:-moz-linear-gradient(top, #fff, #ededed); background:-webkit-linear-gradient(top, #fff, #ededed); }
.video_cont	li .vc_title span{ display:block; height:20px; overflow:hidden; }
.video_cont	li .vc_title a	{ display:block; position:absolute; right:-5px; top:-15px; width:25px; height:25px; color:#767a7e; font-weight:bold; 
							  font-size:12px; line-height:15px; z-index:100; border-radius:50%; box-shadow:0 1px 2px rgba(0,0,0,0.3);
							  background:#fff url(../img/frontend/zom_icon.png) no-repeat center;
							  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; 
							  -ms-transition: all 200ms linear; transition: all 200ms linear; }
.video_cont	li .vc_title a:hover{ color:#666; text-decoration:none; background-color:#f2fae2; -moz-transform:scale(1.1); -webkit-transform:scale(1.1); 
								  -ms-transform:scale(1.1); transform:scale(1.1); }


/*-----------------------------------------------------------{ testimonial }------------------------------------------------------------------------*/
.testi_box				{ margin-bottom:20px; padding-bottom:10px; border-radius:5px; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.9); 
						  background:#f1f1f1; }
.testi_box h3.h3_style			{ margin:0 0 5px 0; border:none; border-top:1px solid #ccc; border-bottom:2px solid #E8A824; }
.testi_box h3.h3_style a.more	{ right:0; }

.testi_box ul			{ margin:0; padding:12px 0; list-style:none; line-height:normal; }
.testi_box ul li		{ margin:0; padding:5px 10px; background:#f1f1f1; border-bottom:1px solid #ddd; box-shadow:0 1px 0 rgba(255,255,255,0.8); 
						  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; 
						  -ms-transition: all 200ms linear; transition: all 200ms linear; }
.testi_box ul li:hover	{ background:#fff; }
.testi_box ul li .tb_img		{ float:left; position:relative; overflow:hidden; margin:3px 0 0 0; width:40px; height:45px; text-align:center; 
								  background:#fff; border:4px solid #A57D39; }
.testi_box ul li:hover .tb_img	{ border-color:#D99A17; }
.testi_box ul li .tb_img img	{ width:100%; height:100%; }
.testi_box ul li .tb_text		{ margin:0 0 0 60px; padding:0; height:60px; line-height:18px; overflow:hidden; }
.sidebar .testi_box ul li .tb_text	{ height:auto; }
.testi_box ul li .tb_text h4	{ margin-bottom:5px; font-size:13px; }
.testi_box ul li .tb_text span	{ display:block; color:#D99A17; font-size:11px; font-weight:bold; }
.testi_box ul li .tb_text p		{ margin:0; padding:0; line-height:17px; }

.testi_detail_box		{ float:right; margin:0 0 10px 10px; padding:10px; background:#fafafa; border:1px solid #ddd; border-radius:5px; 
						  box-shadow:inset 0 0 0 3px #fff; }
.testi_detail_box .tdb_img	{ float:right; position:relative; overflow:hidden; padding:2px; width:80px; height:80px; border:3px solid #ddd; 
							  transition: all 200ms;}
.testi_detail_box .tdb_img:hover	{ border-color:#D99A17; }
.testi_detail_box .tdb_text { margin-right:100px; padding:0 5px; max-width:200px; }
.testi_detail_box .tdb_text h4	{ margin-bottom:4px; color:#29931a; }
.testi_detail_box .tdb_text span{ display:block; padding:3px 0; font-weight:bold; color:#76c924; }
.testi_detail_box .tdb_text strong	{ display:block; padding:3px 0; font-weight:bold; font-size:15px; }

.testi_detail_box .tdb_img:before,
.testi_box ul li .tb_img:before	{ content:''; position:absolute; left:-40px; top:0; width:40px; height:45px; }
.testi_detail_box:hover .tdb_img:before,
.testi_box ul li:hover .tb_img:before{ left:100%; opacity:0.7; background:url(../img/frontend/shine.png) no-repeat center; background-size:100% 100%;
									   transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; 
									   -ms-transition: all 1s; }
.testi_detail_box .tdb_img:before	{ height:100%; }


/*---------------------------------------------------------------{ news }--------------------------------------------------------------------------*/
.news_box				{ margin-bottom:20px; padding-bottom:10px; border-radius:5px; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.9); 
						  background:#f1f1f1; }
.news_box h3.h3_style			{ margin:0 0 5px 0; border:none; border-top:1px solid #ccc; border-bottom:2px solid #E8A824; }
.news_box h3.h3_style a.more	{ right:0; }

.news_box ul			{ margin:0; padding:10px 0; list-style:none; line-height:normal; }
.news_box ul li			{ margin:0; padding:5px 10px; background:#f1f1f1; border-bottom:1px solid #ddd; box-shadow:0 1px 0 rgba(255,255,255,0.8); 
						  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; 
						  -ms-transition: all 200ms linear; transition: all 200ms linear; }
.news_box ul li:hover	{ background:#fff; }
.news_box ul li .nb_img	{ float:left; position:relative; overflow:hidden; margin:3px 0 0 0; width:40px; height:45px; text-align:center; 
						  background:#fff; border:4px solid #65c539; }
.news_box ul li:hover .nb_img	{ border-color:#7cd93f; }
.news_box ul li .nb_img img		{ width:100%; height:100%; }
.news_box ul li .nb_text		{ margin:0 0 0 60px; padding:0; height:60px; line-height:18px; overflow:hidden; }
.sidebar .news_box ul li .nb_text	{ height:auto; }
.news_box ul li .nb_text h4		{ margin-bottom:5px; font-size:13px; }
.news_box ul li .nb_text span	{ display:block; color:#76c924; font-size:11px; font-weight:bold; }
.news_box ul li .nb_text p		{ margin:0; padding:0; line-height:17px; }

.news_box ul li .nb_date		{ float:left; position:relative; overflow:hidden; margin-top:4px; padding-top:15px; width:50px; height:35px; 
								  text-align:center; font-family:Arial;font-weight:bold; background:url(../img/frontend/date_bg.png) no-repeat 0 0; }
.news_box ul li .nb_date span.day	{ display:block; font-size:16px; color:#86652D; text-shadow:0 1px 0 rgba(255,255,255,0.5); line-height:17px; }
.news_box ul li .nb_date span.month	{ display:block; font-size:11px; color:#86652D; text-shadow:0 1px 0 rgba(255,255,255,0.3); line-height:normal; }

.news_box ul li .nb_date:before,
.news_box ul li .nb_img:before	{ content:''; position:absolute; left:-40px; top:0; width:40px; height:45px; }
.news_box ul li:hover .nb_date:before,
.news_box ul li:hover .nb_img:before{ left:100%; opacity:0.7; background:url(../img/frontend/shine.png) no-repeat center; background-size:100% 100%;
									  transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; 
									  -ms-transition: all 1s; }
.news_box ul li .nb_date:before	{ height:50px; }


/*-----------------------------------------------------------{ list_cont }--------------------------------------------------------------------------*/
ul.list_cont			{ margin:-10px -15px 10px -15px; padding:0; list-style:none; line-height:normal; }
ul.list_cont li			{ margin:0; padding:10px 15px; background:; border-bottom:1px solid #ddd; box-shadow:inset 0 3px 0 #fff,inset 0 -3px 0 #fff;
						  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; 
						  -ms-transition: all 200ms linear; transition: all 200ms linear; }
ul.list_cont li:nth-of-type(even)	{ background:; }
ul.list_cont li:hover	{ background:#fff5f5; }
ul.list_cont li .lc_date{ float:left; position:relative; overflow:hidden; margin-top:4px; padding-top:15px; width:50px; height:35px; 
						  text-align:center; font-family:Arial;font-weight:bold; background:url(../img/frontend/date_bg.png) no-repeat 0 0; }
ul.list_cont li .lc_date span.day	{ display:block; font-size:16px; color:#80602B; text-shadow:0 1px 0 rgba(255,255,255,0.5); line-height:17px; }
ul.list_cont li .lc_date span.month	{ display:block; font-size:11px; color:#80602B; text-shadow:0 1px 0 rgba(255,255,255,0.3); line-height:normal; }
ul.list_cont li .lc_text	{ margin:0 0 0 60px; padding:0; line-height:18px; overflow:hidden; }
ul.list_cont li .lc_text h4,
ul.list_cont li .lc_text h3		{ margin-bottom:5px; font-size:15px; color:#e03935; }
ul.list_cont li .lc_text span	{ display:block; margin-bottom:5px; color:#555; font-size:11px; font-weight:bold; }
ul.list_cont li .lc_text p		{ margin:0; padding:0; line-height:20px; }
ul.list_cont li .lc_img	{ float:left; position:relative; overflow:hidden; width:100px; height:100px; border:2px solid #C8C8C8; border-radius:5px;
						  background:#fff; padding:2px; }
ul.list_cont li .lc_img:hover	{ border-color:#C29B58; }
ul.list_cont li .lc_img img		{ width:100%; height:100%; }
ul.list_cont li .lc_img + .lc_text	{ margin-left:125px; }
ul.list_cont li .button	{ float:right; margin-top:10px; }

ul.list_cont li .lc_img:before	{ content:''; position:absolute; left:-100px; top:0; width:100px; height:100%; }
ul.list_cont li .lc_img:hover:before{ left:100%; opacity:0.7; background:url(../img/frontend/shine.png) no-repeat center; background-size:100% 100%;
									  transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; 
									  -ms-transition: all 1s; }

/*ul.list_cont li:first-child .lc_text h3:after	{ content: 'New!'; margin-left:5px; padding:0 5px; color:red; display:inline-block; background:#FF0; 
												  border-radius:3px; border:1px solid #FC0; font-size:11px; line-height:normal; 
												  -moz-animation:blink 1s ease infinite; -webkit-animation:blink 1s ease infinite; }*/
@-moz-keyframes blink	{	0%	{ opacity:1.0; } 50% {opacity:0; } 100%{ opacity:1.0; }	}
@-webkit-keyframes blink	{	0%	{ opacity:1.0; } 50% {opacity:0; } 100%{ opacity:1.0; }	}


/*---------------------------------------------------------{ Download }----------------------------------------------------------------------------*/
.download_style			{ margin:-10px -15px 15px -15px; padding:0px; width:auto; text-align:left; }
.download_style .row	{ margin:0; padding:10px 15px; width:auto; min-height:60px; border-top:1px solid #fff; border-bottom:1px solid #ddd; 
						  background:#fff; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; 
						  -ms-transition: all 200ms linear;  transition: all 200ms linear; }
.download_style .row:nth-of-type(even)	{ background: #fbfbfb; } 
.download_style .row:hover { background:#fff5f5; }
.download_style .row:first-child{ border-top:0; }

.download_style .row .downBox	{ float:left; padding:10px; width:160px; text-align:; font-weight:bold; background:#fff; 
								  border:1px solid #cfd5d7; }
.download_style .row .downBox .downIcon	{ float:left; position:relative; margin:0 5px 0 0; padding:0; width:40px; height:40px; overflow:hidden; }
.download_style .row .downBox .downIcon img	{ -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; 
											  -ms-transition: all 300ms linear; transition: all 300ms linear; }
.download_style .row:hover .downBox .downIcon img{ opacity:0.5 }
.download_style .row .downBox a			{ display:block; text-decoration:underline; }
.download_style .row .downBox a:hover	{ text-decoration:none; }
.download_style .row .downBox span		{ display:block; font-size:12px; color:#ef9f12; line-height:25px; text-decoration:none; }

.download_style .row .downInfo		{ margin:0 5px 0 195px; padding:0; }
.download_style .row .downInfo h3	{ color:#555; font-size:13px; }
.download_style .row .downInfo p	{ margin-bottom:0; line-height:18px; }

.download_style .row .icon_down		{ position:absolute; top:-30px; left:9px; width:24px; height:24px; opacity:0.4; /**/
									  background:transparent url(../img/frontend/arrow_down_red.png) no-repeat top left; }
.download_style .row:hover .icon_down	{ -webkit-animation:slideDown 0.9s linear infinite; -moz-animation:slideDown 0.9s linear infinite; 
										  animation:slideDown 0.9s linear infinite; }

.download_style .row .downSecurity	{ margin:10px 0; padding:10px 5px; background:#fff; border:1px solid rgba(0,0,0,0.15); border-radius:5px; }
/*.download_style .row .downSecurity .downSecRow:nth-of-type(even)	{ background: #f8f8f9; } */
.download_style .row .downSecurity .downSecRow label{ display:block; float:left; padding:5px 10px; width:175px; line-height:25px; }
.download_style .row .downSecurity .downSecRow span	{ display:block; margin:0 5px 0 190px; padding:5px 0; position:relative; line-height:25px; }
.download_style .row .downSecurity .downSecRow span input	{ margin:0 0 0 0; padding:0; width:148px; height:25px; color:#6a6e72; 
															  text-align:center; background:#fff; border:1px solid #a8b0b7; 
															  box-shadow:inset 1px 1px 1px #eee; }
.download_style .row .downSecurity
.downSecRow span input:focus	{ background:#FBF3E6; color:#555; border:1px solid #555; box-shadow:inset 1px 1px 1px #ceccd1; }

.download_style .row .downSecurity 
.downSecRow span span.textError{ position:absolute; top:3px; left:155px; z-index:1; margin:0; width:auto; 
								 background:url(../img/frontend/span_error_bg2.png) no-repeat left center;}
.download_style .row .downSecurity 
.downSecRow span span.textError p{ margin:0 0 0 5px; padding:3px 7px; line-height:normal; font-size:10px; color:#ccc; background:#000; 
								   background:rgba(0,0,0,0.9); border:1px solid #000; border-radius:3px; }

.download_style .row .downSecurity 
.downSecRow span input.button	{ float:none; position:relative; margin:0; padding:4px 10px; width:auto; height:30px; color:#8a8d8f; font-weight:bold; 
								  text-shadow:1px 1px 0 rgba(255,255,255,0.15); border:1px solid rgba(0,0,0,0.15); border-radius:4px; font-size:12px; 
								  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5), 0 2px 0 rgba(0,0,0,0.05); 
								  background:#e8ebec; background:-moz-linear-gradient(top, #ebebeb, #fff, #ebebeb); 
								  background:-webkit-linear-gradient(top, #ebebeb, #fff, #ebebeb); }
.download_style .row .downSecurity 
.downSecRow span input.button:hover	{ color:#777; background:#e9f0f3; background:-moz-linear-gradient(top, #e6e6e6, #fff, #e6e6e6);
									  background:-webkit-linear-gradient(top, #e6e6e6, #fff, #e6e6e6); }
.download_style .row .downSecurity 
.downSecRow span input.button:active{ background:#e2e9ec; background:-moz-linear-gradient(bottom, #fff 0%, #eceff0 100%);
									  background:-webkit-linear-gradient(bottom, #fff, #eceff0 100%); }

@keyframes slideDown				{ 0% { top: -30px; } 100% { top: 80px;} }
@-webkit-keyframes slideDown		{ 0% { top: -30px; } 100% { top: 80px;} }
@-moz-keyframes slideDown			{ 0% { top: -30px; } 100% { top: 80px;} }



.chcr_box .download_box	{ margin:0; padding:0; height:64px; }
.chcr_box .download_box ul	{ margin:0; padding:0; list-style:none; line-height:normal; }
.chcr_box .download_box ul li{ margin:0; padding:5px; height:54px; font-weight:bold; }

.download_box .downBox	{ padding:6px; font-weight:bold; background:#fff; border:1px solid #cfd5d7; }
.download_box .downBox .downIcon	{ float:left; position:relative; margin:0 10px 0 0; padding:0; width:40px; height:40px; overflow:hidden; }
.download_box .downBox .downIcon img{ -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; 
									  -ms-transition: all 300ms linear; transition: all 300ms linear; }
.download_box:hover .downBox .downIcon img{ opacity:0.5 }
.download_box .downBox a		{ display:block; text-decoration:underline; }
.download_box .downBox a:hover	{ text-decoration:none; }
.download_box .downBox span		{ display:block; font-size:12px; color:#777; line-height:25px; text-decoration:none; }

.download_box .icon_down		{ position:absolute; top:-30px; left:9px; width:24px; height:24px; opacity:0.4; /**/
								  background:transparent url(../img/frontend/arrow_down_red.png) no-repeat top left; }
.download_box:hover .icon_down	{ -webkit-animation:slideDown 0.9s linear infinite; -moz-animation:slideDown 0.9s linear infinite; 
								  animation:slideDown 0.9s linear infinite; }
/*-------------------------------------------------------------------{ Form }-----------------------------------------------------------------------*/
.form_style				{ line-height:normal; }
.form_style .row		{ margin:0; padding:10px; background:#fff; }
.form_style .row:nth-of-type(even)	{ background-color:#F5F5F5; }
.form_style .row label	{ display:block; float:left; margin:0; padding:0; width:40%; line-height:28px; font-weight:bold; }
.form_style .row span	{ display:block; float:left; position:relative; margin:0; padding:0; width:60%; line-height:20px; }
.form_style .row span select,
.form_style .row span textarea,
.form_style .row span input	{ margin:0; padding:5px; width:200px; color:#888; background:#fff; border:solid 1px #d4d8db;  }
.form_style .row span select:hover,
.form_style .row span textarea:hover,
.form_style .row span input:hover{ color:#9089a2; border:1px solid #c9c2d8; }
.form_style .row span select:focus,
.form_style .row span textarea:focus,
.form_style .row span input:focus{ background:#f5f3f9; color:#663399; border:1px solid #663399; box-shadow:inset 1px 1px 1px #ceccd1; }
.form_style .row span select	{ width:212px; }
.form_style .row span select option	{ padding:0 5px; }

.form_style .row input.submit	{ position:relative; margin:0 0 5px 0; padding:4px 10px; width:auto; color:#F5E8CB; text-shadow:1px 1px 1px #316395; text-align:center; 
								  font-family:Tahoma; font-size:12px; font-weight:bold; text-decoration:none; border:1px solid #634A21; border-radius:3px; cursor:pointer;
								  background:#9B7433; box-shadow:inset 0px 0px 3px 1px #B88A3D, 0px 1px 2px 0px rgba(0,0,0,0.4); }
.form_style .row input.submit:hover	{ text-shadow:1px 1px 1px #80602B; border:1px solid #634A21; background:#B88A3D; 
										  box-shadow:inset 0px 0px 3px 1px #C69B55, 0px 1px 2px 0px rgba(0,0,0,0.4); }
.form_style .row input.submit:active	{ color:#F5E8CB; text-shadow:1px 1px 1px #80602B; border-color:#80602B; 
										  box-shadow:inset 0px 0px 3px 1px #C69B55, 0px 1px 2px 0px rgba(0,0,0,0.4); }
										  
										  
										  
										  
.form_style .row span.textError		{ left:215px; }
						  
/*-------------------------------------------------------------------{ Form table }-----------------------------------------------------------------------*/
.form_style						{ margin:20px 0; padding:0; width:100%; font-size:13px; }
.form_style fieldset			{ padding:0px; border:solid 1px #cac7cd; border-radius:3px; -moz-border-radius:3px;
								  -khtml-border-radius:3px; -webkit-border-bottom-radius:3px; }
.form_style fieldset legend 	{ color:#444444; border:solid 1px #cac7cd; margin-left:10px; padding:5px 15px; font-weight:bold; border-radius:3px; }

.form_style table				{ margin:0 auto; padding:0; width:100%; border:none; border-collapse:collapse; }
.form_style table tr.row2		{ background:#F5F5F5; }
.form_style table td			{ margin:0; padding:12px 5px; }
.form_style table td span		{  }
.form_style table td label		{ padding:5px 0 0 0; display:block; font-weight:bold; }
.form_style table td input,
.form_style table td textarea, 
.form_style table td select		{ padding:3px 3px 4px 3px; width:190px; color:#888; background:#fff; border:solid 1px #d4d8db; }
.form_style table td input:hover,
.form_style table td textarea:hover, 
.form_style table td select:hover	{ color:#878a91; border:1px solid #878a91; }
.form_style table td input:focus,
.form_style table td textarea:focus, 
.form_style table td select:focus	{ background:#f5f3f9; color:#86652D; border:1px solid #86652D; box-shadow:inset 1px 1px 1px #ceccd1; }

.form_style table td input.submit	{ position:relative; margin:0 0 5px 0; padding:4px 10px; width:auto; color:#F5E8CB; text-shadow:1px 1px 1px #634A21; text-align:center; 
									  font-family:Tahoma; font-size:12px; font-weight:bold; text-decoration:none; border:1px solid #634A21; border-radius:3px; cursor:pointer;
									  background:#9B7433; box-shadow:inset 0px 0px 3px 1px #B88A3D, 0px 1px 2px 0px rgba(0,0,0,0.4); }
.form_style table td input.submit:hover	{ text-shadow:1px 1px 1px #80602B; border:1px solid #634A21; background:#B88A3D; 
										  box-shadow:inset 0px 0px 3px 1px #C69B55, 0px 1px 2px 0px rgba(0,0,0,0.4); }
.form_style table td  input.submit:active	{ color:#F5E8CB; text-shadow:1px 1px 1px #80602B; border-color:#80602B; 
											  box-shadow:inset 0px 0px 3px 1px #C69B55, 0px 1px 2px 0px rgba(0,0,0,0.4); }






.form_style table td textarea	{ width:300px; height:100px; }

.form_style span.textError		{ position:absolute; top:2px; left:200px; padding-left:7px; z-index:1; 
								  background:url(../img/frontend/span_error_bg2.png) no-repeat left center; }
.form_style span.textError p	{ margin:0; padding:3px 7px; line-height:normal; font-size:10px; color:#ccc; background:#000; 
								  background:rgba(0,0,0,0.9); border:1px solid #000; border-radius:3px; }
.form_style p					{ margin:0px; padding:0px; }
.notification					{ cursor:pointer; }
						  
						  


.hOffice_wrap			{ float:left; margin-bottom:15px; width:50%; background:; }
.hOffice_wrap img.img_gedung	{ width:85%; }
.head_office			{ margin:5px; padding:0; }
.head_office .row		{ background:#fbfbfb; }
.head_office .row:nth-of-type(even)	{ background:#f6f6f6; }
.head_office label		{ float:left; display:block; padding-left:12%; width:28%; line-height:30px; font-size:13px; font-weight:bold; }
.head_office label code	{ float:right; display:inline-block; margin-right:5px; }
.head_office span		{ display:block; margin-left:40%; line-height:30px; font-size:15px; font-weight:bold; }
.head_office span a		{ float:left; margin:5px 5px 0 0; }


/*------------{ Legality }----------------*/
.legality_style	{ margin:0; padding:0; text-align:left; }
.legality_style fieldset	{ padding:10px; border:1px solid #c9cfd5; border-radius:4px; }
.legality_style legend		{ padding:3px 10px; font-weight:bold; color:#777; border:1px solid #c9cfd5; border-radius:3px; }
.legality_style .row		{ margin:0; padding:15px; background:#fbfbfb; border-bottom:1px solid #eff1f3; }
.legality_style .row:nth-of-type(odd)	{ background:#f6f6f6; }
.legality_style .row:hover	{ background:#fff; }
.legality_style label		{ display:block; float:left; margin-right:2%; width:38%; text-align:right; }
.legality_style span		{ display:block; float:left; width:60%; font-size:15px; font-weight:bold; }


/*-------------------------------------------------------------------{ table }--------------------------------------------------------------------------*/
.table					{ margin:0 0 15px 0; padding:0px; width:100%; font-size:12px; border-collapse:collapse; box-shadow:0px 5px 0px #f4f4f4; }
.table th				{ padding:7px 10px; font-family:"Oswald", Tahoma; color:#555; text-shadow:1px 1px rgba(255,255,255,0.2);
						  text-transform: uppercase; font-weight:500; border:1px solid #ddd; 
						  box-shadow:inset 0px 1px 0px #fff,inset 0px 0px 0px 1px #f3f7fb;
						  background:#f5f5f5; background:-moz-linear-gradient(top,#eee, #fff, #eee);
						  background:-webkit-linear-gradient(top, #eee, #fff, #eee); }
.table td				{ padding:7px 10px; border:1px solid #ddd; font-weight:; }
.table tr					{ background:#fafafa; }
.table tr:nth-of-type(even)	{ background:#f7f7f7; } 
.table tr:hover				{ background:#fff; color:#555; }

.table td h3			{ margin-bottom:5px; font-size:14px; color:#555; }
.table td a				{ color:; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.table, .table thead, .table tbody, .table th, .table td, .table tr { display: block; }
	.table thead tr 		{ position: absolute; top: -9999px; left: -9999px; } 
	.table tr				{ border: 1px solid #ddd; border-bottom:0px; margin-bottom:5px; } 
	.table td				{ border: none; border-bottom: 1px solid #ddd; position: relative; padding-left:45%; text-align:left; } 
	
	.table td:before		{ position: absolute; top:7px; left:10px; width:39%; padding-right: 10px; color:#555; white-space:nowrap;
							  font-weight:normal; }
	.table td:before		{ content: attr(data-title); }
	.table tr:hover td:before	{ color:#444; }
	
	
	.table.event_table td		{ padding-left:100px; } 
	
	.table.event_table td:before{ width:100px; font-weight:bold; }
}


/*---------------------------------------------------------------{ pagination }---------------------------------------------------------------------*/
.pagiNation				{ margin:0; padding:10px 0 10px 0; line-height:20px; text-align:center; font-family:'Roboto Condensed', Arial; }
.pagiNation span		{ display:inline-block; margin:2px; padding:0; color:#470b2b; font-weight:bold; border:1px solid #d9e4f0; border-radius:3px; 
						  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5); background:#fff; }
.pagiNation span:hover	{ background:#f6f6f6; }
.pagiNation span.ui-state-disabled,
.pagiNation span.active	{ padding:0 8px; color:#96423e; text-shadow:0 1px 0 rgba(255,255,255,0.15); background:#f6acac; box-shadow:none; 
						  border-color:rgba(0,0,0,0.1); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2); }
.pagiNation span:active	{ background:#fff; }
.pagiNation span a		{ display:block; margin:0; padding:0 8px; color:#777; text-shadow:0 1px 0 rgba(255,255,255,0.15); }
.pagiNation span a:hover{ color:#ff6969; text-decoration:none; }
.pagiNation span:active a	{ color:#777; }
.pagiNation span:first-child a,
.pagiNation span:first-child{ border-radius:5px 0 0 5px; }
.pagiNation span:last-child a,
.pagiNation span:last-child	{ border-radius:0 5px 5px 0; }


/*---------------------------------------------------------{ content_footer }-----------------------------------------------------------------------*/
#cf_cont				{ margin:0 auto; padding:35px 0 15px 0; width:960px; background:-moz-radial-gradient(circle, #fff 0%, rgba(255,255,255,0) 100%);
						  background:-webkit-radial-gradient(circle, #fff 0%, rgba(255,255,255,0) 100%); }
#cf_cont .cfc_box		{ float:left; margin:0; padding:0; width:25%; }
	.cfc_box h3			{ margin:0 10px 0 10px; padding:0 0 5px 0; font-size:20px; color:#594420; border-bottom:1px solid #d3d3d3; 
						  box-shadow:0 1px 0 rgba(255,255,255,0.8); font-weight:normal; }
	.cfc_box h3 a		{ color:#594420; }
	.cfc_box h3 a:hover	{ color:#b12d2a; text-decoration:none; }
	.cfc_box ul			{ margin:0 10px 0 10px; padding:10px 0; list-style:none; line-height:normal; font-weight:bold; }
	.cfc_box ul li		{ margin:0; padding:0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear;
						  -ms-transition: all 300ms linear; transition: all 300ms linear; }
	.cfc_box ul li:hover{ background:rgba(255,255,255,0.8); border-radius:5px; }
	.cfc_box ul li a	{ display:block; padding:5px 0 5px 25px; color:#777; background:url(../img/frontend/bullet.png) no-repeat 5px 5px;
						  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear;
						  -ms-transition: all 200ms linear; transition: all 200ms linear; }
	.cfc_box ul li a:hover	{ padding-left:35px; color:#fd5a5a; background-position:10px 5px; text-decoration:none; }

#cf_cont .cfc_box.cb_link	{ width:240px; }

#cf_cont .cfc_box.shareThis	{ width:160px; }
#cf_cont .cfc_box.shareThis ul li a	{ padding-left:30px; }
#cf_cont .cfc_box.shareThis ul li:hover a		{ padding-left:40px; background-position:10px 5px; }
	.cfc_box.shareThis ul li:nth-of-type(1) a	{ color:#3d629f; background:url(../img/frontend/facebook.png) no-repeat 5px 5px; }
	.cfc_box.shareThis ul li:nth-of-type(2) a	{ color:#00b9f6; background:url(../img/frontend/twitter.png) no-repeat 5px 5px; }
	.cfc_box.shareThis ul li:nth-of-type(3) a	{ color:#DD8C04; background:url(../img/frontend/youtube.png) no-repeat 5px 5px; }
	.cfc_box.shareThis ul li:nth-of-type(4) a	{ color:#d91400; background:url(../img/frontend/googleplus.png) no-repeat 5px 5px; }
	.cfc_box.shareThis ul li:nth-of-type(5) a	{ color:#68257b; background:url(../img/frontend/ym_icon.png) no-repeat 5px 5px; 
												  background-size:13px 13px; }

#cf_cont .cfc_box.contactBox	{ width:320px; }
#cf_cont .cfc_box.contactBox .nn	{margin-left:10px; margin-top:5px;  }
#cf_cont .cfc_box.contactBox ul li	{ background:none; }
#cf_cont .cfc_box.contactBox ul li a{ display:inline; padding:0; background:none; }
#cf_cont .cfc_box.contactBox ul li label{ display:block; float:left; padding-left:10%; width:20%; line-height:20px; color:#634A21; }
#cf_cont .cfc_box.contactBox ul li label code	{ float:right; margin-right:5px; }
	.cfc_box.contactBox ul li.phone label	{ background:url(../img/frontend/phone.png) no-repeat 10px 2px; }
	.cfc_box.contactBox ul li.email label	{ background:url(../img/frontend/email.png) no-repeat 10px 2px; }
	.cfc_box.contactBox ul li.mobile label	{ background:url(../img/frontend/sms.png) no-repeat 10px 2px; }
	.cfc_box.contactBox ul li.fax label		{ background:url(../img/frontend/fax.png) no-repeat 10px 2px; }
#cf_cont .cfc_box.contactBox ul li span	{ display:block; margin-left:30%; line-height:20px; color:#777; font-size:15px; }
#cf_cont .cfc_box.contactBox p	{ margin:0; padding:13px 10px 0 10px; line-height:normal; font-size:11px; }
#cf_cont .cfc_box.contactBox ul h5{ margin-bottom:5px; font-size:15px; }
#cf_cont .cfc_box.contactBox ul li span .bbm{ display:inline-block; margin-left:10px; padding-left:18px; font-size:14px; 
											  background:url(../img/frontend/bbm.png) no-repeat 0 center; background-size:13px 13px; }

	
/*---------------------------------------------------------------{ footer }-------------------------------------------------------------------------*/
#footer					{ margin:0 auto; padding:15px 0; width:960px; text-align:center; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.3); 
						  font-weight:bold; background:url(../img/frontend/footer_bg.png) no-repeat center 0; background-size:100% 100%;
						  color:rgba(255,255,255,0.8); font-size:12px; }
#footer	p				{ margin:0; padding:0; line-height:150%; }
#footer	a				{ color:#fff; }






/*------------------------------------------------------{ shake efek(bergetar/bergoyang) }------------------------------------------------------*/
@-moz-keyframes shake{0%{-moz-transform:translate(2px,1px) rotate(0deg)}10%{-moz-transform:translate(-1px,-2px) rotate(-1deg)}20%{-moz-transform:translate(-3px,0px) rotate(1deg)}30%{-moz-transform:translate(0px,2px) rotate(0deg)}40%{-moz-transform:translate(1px,-1px) rotate(1deg)}50%{-moz-transform:translate(-1px,2px) rotate(-1deg)}60%{-moz-transform:translate(-3px,1px) rotate(0deg)}70%{-moz-transform:translate(2px,1px) rotate(-1deg)}80%{-moz-transform:translate(-1px,-1px) rotate(1deg)}90%{-moz-transform:translate(2px,2px) rotate(0deg)}100%{-moz-transform:translate(1px,-2px) rotate(-1deg)}}
@-webkit-keyframes shake{0%{-webkit-transform:translate(2px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px,0px) rotate(1deg)}30%{-webkit-transform:translate(0px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(2px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(2px,2px) rotate(0deg)}100%{-webkit-transform:translate(1px,-2px) rotate(-1deg)}}
@-o-keyframes shake{0%{-o-transform:translate(2px,1px) rotate(0deg)}10%{-o-transform:translate(-1px,-2px) rotate(-1deg)}20%{-o-transform:translate(-3px,0px) rotate(1deg)}30%{-o-transform:translate(0px,2px) rotate(0deg)}40%{-o-transform:translate(1px,-1px) rotate(1deg)}50%{-o-transform:translate(-1px,2px) rotate(-1deg)}60%{-o-transform:translate(-3px,1px) rotate(0deg)}70%{-o-transform:translate(2px,1px) rotate(-1deg)}80%{-o-transform:translate(-1px,-1px) rotate(1deg)}90%{-o-transform:translate(2px,2px) rotate(0deg)}100%{-o-transform:translate(1px,-2px) rotate(-1deg)}}
@keyframes shake{0%{transform:translate(2px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0px) rotate(1deg)}30%{transform:translate(0px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(2px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(2px,2px) rotate(0deg)}100%{transform:translate(1px,-2px) rotate(-1deg)}}

.shake{display:inline-block}
.shake:hover,.shake:focus{-moz-animation:shake .8s linear infinite;-webkit-animation:shake .8s linear infinite;-o-animation:shake .8s linear infinite;animation:shake .8s linear infinite;-moz-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}



#google_translate_element * {
    background-color: transparent;
    border: none;
    display: inline-block;
	margin-top:1px;
    color: #333333 !important;
}

#google_translate_element {
    background: none  !important;
    display: inline-block;
    position: relative;
    height: 26px;
}

#google_translate_element span {
    display: inline-block;
    margin: 0 2px;
    border: none !important;
}

#google_translate_element img {
    display: none;
}

/*-------------------------------------------------------------------{ product }-----------------------------------------------------------------------*/
#content_product		{ margin:0 auto; padding:16px 16px 22px 16px; width:928px; }
						  
#wrap_prod				{ margin:0; padding:0; }
#btn_slide				{ margin:0px auto -22px auto; padding:0 15px; width:160px; height:22px; color:#333; position:relative; text-align:center;
						  background:url(../img/frontend/btn_slide_bg.png) no-repeat top center; }
#btn_slide span.open,
#btn_slide span.close	{ margin:0; padding:0 15px 0 0; height:15px; color:#3E3E3E; font-size:11px; font-weight:bold; text-align:center; text-transform:uppercase; cursor:pointer;
						  background:url(../img/frontend/btn_open_close.png) no-repeat right 0px; }
#btn_slide span.open	{ background:url(../img/frontend/btn_open_close.png) no-repeat right -15px; }
#btn_slide span.open:hover	{ color:#000; background-position:right -45px; }
#btn_slide span.close:hover	{ color:#000; background-position:right -30px; }


.product_cont				{ margin:0 0 10px 0; padding:0; width:100%; font-size:12px; }
.product_cont ul			{ margin:0; padding:0; list-style:none; }
.product_cont ul li			{ float:left; margin:8px; padding:0; width:210px; }
.product_cont ul li .prod_cont	{ margin:0; padding:3px 0 0 0; width:auto; height:328px; border:1px solid #d2cbda; border-radius:3px; 
							  background:#f0f0f1 url(../img/frontend/prod_cont_bg.png) repeat-y top center; }
.product_cont ul li .prod_cont .prod_img{ margin:0 0 1px 0; padding:0; width:auto; height:190px; background:#fff; border-top:1px solid #d2cbda; border-bottom:1px solid #d2cbda;
										  position:relative; text-align:center; }
.product_cont ul li .prod_cont .prod_img img{ margin:0 auto; max-width:100%; height:150px; }
.product_cont ul li .prod_cont .prod_img .prod_title	{ position:absolute; margin:0; padding:5px 0; left:0; bottom:0; width:100%; font-weight:bold; text-align:center; 
														  color:#663399; text-transform:; background:url(../img/frontend/prod_title_bg.png) repeat; line-height:normal; }
.product_cont ul li .prod_cont .prod_img .prod_title a		{ color:#663296; }
.product_cont ul li .prod_cont .prod_img .prod_title a:hover{ color:#f99800; }
.product_cont ul li .prod_cont .prod_text	{ margin-bottom:1px; padding:5px 2px; height:60px; overflow:hidden; text-align:center; line-height:20px; background:#fff; 
											  border:1px solid #d2cbda; border-left:0; border-right:0; }
.product_cont ul li .prod_cont .prod_btn	{ margin:0; padding:0; width:100%; text-align:center; font-weight:bold; }
.product_cont ul li .prod_cont .prod_btn a	{ display:block; margin:0; padding:0 15px; line-height:21px; color:#948f9b; border-top:1px solid #fff; border-bottom:1px solid #fff; }
.product_cont ul li .prod_cont .prod_btn a:hover	{ color:#663399; }
.product_cont ul li .prod_cont .prod_btn .btn_view	{ /*float:left;*/ margin:0; padding:0; min-width:90px; height:23px; border:1px solid #d2cbda; border-left:0; border-right:0;
													  background:#f1f1f2 url(../img/frontend/prod_btn_bg.png) repeat-x top; }
.product_cont ul li .prod_cont .prod_btn .btn_view a span	{ margin:0; padding:0 0 0 20px; background:url(../img/frontend/view_icon.png) no-repeat left center; }
.product_cont ul li .prod_cont .prod_btn .btn_add_cart	{ /*float:right;*/ margin:0; padding:0; height:23px; border:1px solid #d2cbda; border-left:0; border-right:0; border-top:0; 
														  background:#f1f1f2 url(../img/frontend/prod_btn_bg.png) repeat-x top; }
.product_cont ul li .prod_cont .prod_btn .btn_add_cart a span	{ background:url(../img/frontend/add_cart_icon.png) no-repeat left center; margin:0; padding:0 0 0 22px; }
.product_cont ul li .prod_cont .prod_btn .btn_view:active,
.product_cont ul li .prod_cont .prod_btn .btn_add_cart:active	{ background:#f1f1f2; }
.product_cont ul li .prod_cont .prod_price	{ margin:0; padding:0; height:35px; line-height:35px; text-align:center; font-size:15px; color:#009933; font-weight:bold; }

.product_detail_info		{ margin:0 -9px 0px -9px; padding:5px 9px 15px 9px; width:auto; background:#f7f7f7; border-bottom:4px solid #f1f1f1; 
							  box-shadow:inset 0 -1px 0 0 #fff; }
.product_detail_text		{ margin:0 -9px 0 -9px; padding:0px 9px 9px 9px; width:auto; border-top:1px solid #ddd; /*border-radius:4px 4px 0 0;*/ }
.product_detail_text ul		{ margin:0 0 10px 25px; padding:0; list-style:url(../img/frontend/bullt_news.png) outside; line-height:20px; }

.detail_product_box			{ float:right; margin:0 0 0px 0; padding:0; width:335px; background:#f4f4f4; border:1px solid #d5d5d5; border-radius:3px;
							  box-shadow:inset 0px 0px 0px 1px #fbfbfc; font-size:12px; }
.detail_product_box h2		{ margin:0; padding:8px 10px; font-size:14px; text-transform:uppercase; text-shadow:1px 1px 0px #fbfbfc; background:#f3f3f4;
							  background:-moz-linear-gradient(top, #fff 0%, #eeeef0 100%); background:-webkit-linear-gradient(top, #fff 0%, #eeeef0 100%);
							  border-bottom:1px solid #fbfbfc; border-radius:3px 3px 0 0; }
.detail_product_box h2 span,
.product_detail_text h2 span	{ font-size:13px; text-transform:none; }

.detail_product_box .info_brief	{ margin:0; padding:5px 10px; width:auto; max-height:140px; overflow:hidden; font-family:Tahoma; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.detail_product_box .info_brief p	{ line-height:20px; }

.detail_product_box .info_product_box	{ margin:0; padding:5px 10px; width:auto; font-family:Tahoma; border-top:1px solid #fbfbfc; border-bottom:1px solid #ddd; }
.detail_product_box .info_product_box label	{ display:block; float:left; width:120px; color:#777; line-height:25px; }
.detail_product_box .info_product_box span	{ display:block; float:left; width:205px; color:#777; font-weight:bold; line-height:25px; }
.detail_product_box .info_product_box span.ready	{ color:#009933; }
.detail_product_box .info_product_box span.no_ready	{ color:red; }

.detail_product_box .price_box	{ margin:0; padding:5px 10px; width:auto; border-top:1px solid #fbfbfc; border-bottom:1px solid #ddd; }
.detail_product_box .price_box label	{ display:block; float:left; width:120px; color:#777; line-height:25px; }
.detail_product_box .price_box span		{ display:block; float:left; width:205px; font-weight:bold; line-height:25px; }
.detail_product_box .price_box span.uncorrect	{ color:red; font-size:14px; text-decoration:line-through; }
.detail_product_box .price_box span.correct		{ color:#B08640; font-size:17px; }
.detail_product_box .btn_box	{ margin:0; padding:5px 10px; width:auto; border-top:1px solid #fbfbfc; }
.detail_product_box .btn_box .add_to_cart	{ float:right; margin:0; padding:0; background:#fff; border:1px solid #d5d5d5; border-radius:3px; }
.detail_product_box .btn_box .add_to_cart a	{ display:block; color:#726390; font-weight:bold; border:1px solid #f1eef9; border-radius:3px; background:#ebe6f7;
											  background:-moz-linear-gradient(top, #e7e1f6 0%, #fff 50%, #e7e1f6 100%);
											  background:-webkit-linear-gradient(top, #e7e1f6 0%, #fff 50%, #e7e1f6 100%); }
.detail_product_box .btn_box .add_to_cart a:hover	{ color:#555; border:1px solid #fff; background:#f0f0f1;
													  background:-moz-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%);
													  background:-webkit-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%); }
.detail_product_box .btn_box .add_to_cart a:active	{ color:#000; border:1px solid #fff; background:#e6e6e7; background:-moz-linear-gradient(top, #fff 0%, #e6e6e7 50%, #fff 100%);
													  background:-webkit-linear-gradient(top, #fff 0%, #e6e6e7 50%, #fff 100%); }
.detail_product_box .btn_box .add_to_cart a span{ float:left; display:block; margin:0; padding:0 15px; line-height:30px; border-left:1px solid #fff; }
.detail_product_box .btn_box .add_to_cart a img	{ float:left; margin:-1px 0; padding:8px; border-right:1px solid #d5d5d5; box-shadow:inset -1px 0px 0px #fff; }

.catalysis_box				{ float:left; margin:0; padding:10px; width:300px; background:#f4f4f4; border:1px solid #d5d5d5; border-radius:5px; box-shadow:inset 0 0 0 1px #fff; }

.consultation_box			{ float:right; margin:10px 0 0 0; padding:10px 5px; width:300px; background:#f4f4f4; border:1px solid #d5d5d5; border-radius:3px;
							  box-shadow:inset 0px 0px 0px 1px #fbfbfc; font-size:12px; }
.consultation_box_img		{ float:left; padding:3px; width:54px; height:64px; background:#fff; border:1px solid #ccc; }
.consultation_box_img img	{ width:100%; height:100%; }
.consultation_box_ym		{ float:right; }
.consultation_box_ym img	{ width:100px; }
.consultation_box_info		{ float:left; margin:0 0 0 5px; width:165px; }
.consultation_box_info label{ display:block; line-height:normal; font-weight:bold; }
.consultation_box_info span	{ display:block; margin:5px 0 7px 0; font-weight:bold; line-height:normal; font-size:14px; color:#663399; }
.consultation_box_info .bb_icon	{ padding-left:23px; font-size:15px; color:#3b80c6; font-weight:bold; background:url(../img/frontend/phone_icon.png) no-repeat 0px 6px; }

.product_slide2				{ margin:0 -9px 20px -9px; padding:20px 0; font-size:12px; line-height:normal; border:1px solid #ccc; border-left:0; border-right:0; }

/*----------------------------------------------------------------{ img zom Product }--------------------------------------------------------------------*/
.photo_product_detail		{ float:left; margin:0 10px 0 0; padding:0 0 5px 0; min-height:300px; background:#f7f7f7; border:1px solid #d5d5d5; border-radius:0 0 5px 5px; }

.display_img				{ margin:0; padding:0; border-bottom:1px solid #d5d5d5; }
.display_img img			{ width:321px; height:321px; }

.sxy-zoom-slider 			{ position: relative; margin:10px auto 7px auto; width:100%; }
.sxy-zoom-slider ul 		{ height: 71px; margin:0; padding: 0; list-style:none; }
.sxy-zoom-slider li 		{ width: 70px; height: 70px;  float: left; margin: 0 5px; list-style: none; position: relative;}
.sxy-zoom-slider a 			{ opacity: 0.7; -webkit-transition: opacity .70s ease-in-out; }
.sxy-zoom-slider img		{ width:71px; height:71px; border:1px solid #d5d5d5; }
.sxy-zoom-slider a:hover, 
.sxy-zoom-slider a.active	{ opacity: 1; -webkit-transition: opacity 1s ease-in-out; }


.sxy-zoom-sliderx 			{ position: relative; margin:10px auto 7px auto; width:100%; }
.sxy-zoom-sliderx ul 		{ height: 85px; margin:0; padding: 0; list-style:none; }
.sxy-zoom-sliderx li 		{ width: 85px; height: 85px;  float: left; margin: 0 11px; list-style: none; position: relative;}
.sxy-zoom-sliderx a 			{ opacity: 0.7; -webkit-transition: opacity .70s ease-in-out; }
.sxy-zoom-sliderx img		{ width:85px; height:85px; border:1px solid #d5d5d5; }
.sxy-zoom-sliderx a:hover, 
.sxy-zoom-sliderx a.active	{ opacity: 1; -webkit-transition: opacity 1s ease-in-out; }


table.docs 					{ width: 100%; }
table.docs thead th 		{ text-align: left; }
table.docs tr 				{ border-bottom: 1px solid #999; }
table.docs td, table.docs th{ padding: 10px; }
table.docs td 				{ background:#fff; }
table.docs .type 			{ font-size: 11px; }

.big-button
{
	-webkit-transition: all 0.3s ease 0s;
	padding: 22px 25px; color: #fff; background: #00aeef !important; font-size: 14px; font-weight: bold;
	border-radius: 3px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.big-button:hover
{
	text-decoration: none;
	background: #0084B5 !important
}


/*----------------------------------------------------------------{menu tab product detail}-----------------------------------------------------------------*/
.tabs_prod_detail						{ margin:0 -9px 15px -9px; padding:0; width:auto; background:#f4f4f4; border-radius:4px 4px 0 0;
										  box-shadow:inset 0px 1px 0px #f6f9fb, inset 0px -1px 0px #d1d4d8, inset -1px 0px 0px #f6f9fb; }
.tabs_prod_detail ul.menu_tabsx			{ margin:0; padding:0; list-style:none; text-align:center; }
.tabs_prod_detail ul.menu_tabsx li		{ float:left; margin:0; padding:7px 20px; color: #777777; font-weight:600; display: block; position:relative; 
										  font-size:13px; font-family:Tahoma; border-left:1px solid #f6f9fb; border-right:1px solid #d1d4d8; border-top: 1px solid #f6f9fb; 
										  border-bottom:1px solid #d1d4d8; cursor: pointer; background:#f4f4f4; box-shadow:0px 1px 0px #f6f9fb; }
.tabs_prod_detail ul.menu_tabsx li:first-child	{ border-radius:4px 0 0 0; }
.tabs_prod_detail ul.menu_tabsx li:last-child	{ border-right:none; }

.tabs_prod_detail ul.menu_tabsx li:hover			{ color:#755726; text-shadow:none; background:#fff; }
.tabs_prod_detail ul.menu_tabsx li.active		{ color:#B08640; text-shadow:none; background:#fff; }
.tabs_prod_detail ul.menu_tabsx li.active:hover	{ color:#755726; }

.tabs_prod_detail ul.menu_tabsx li span.arrow_tabs	{ position:absolute; right:0px; bottom:0px; width:0px; height:0px; z-index:10; }

.tabs_prod_detail ul.menu_tabsx li.active span.arrow_tabs{ position:absolute; right:20px; bottom:-10px; width:20px; height:10px; 
														  background:url(../img/frontend/arrow_tabsx.png) no-repeat top; }
														  
.tabs_cont			{ min-height:150px; }



/*---------------------------------------------------------------------{ content_cart }--------------------------------------------------------------------*/
.content_cart			{ margin:0 0 15px 0; padding:0px; width:938px; min-height:550px; border:1px solid #cac7cd; border-radius:5px; font-size:12px; 
						  background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top; }
.content_cart h3		{ margin-bottom:0; padding:10px; color:#666; font-size:13px; background:#f4f4f5; border-bottom:1px dashed #ccc; box-shadow:inset 0 0 0 1px #fff; }
.content_cart_left		{ float:left; margin:0; padding:0; width:702px; }
.content_cart_right		{ float:right; margin:0 0 40px 0; padding:0px; width:235px; }

.page_cont				{ margin:0; padding:0; width:100%; height:; border-bottom:1px solid #cac7cd; border-radius:4px 0 0 0; background:#f1f1f1;
						  background:-moz-linear-gradient(top, #fff 0%, #eaeaea 100%); box-shadow:inset 0px -1px 0px #fcfcfc; }
.page_cont ul			{ margin:0; padding:0; list-style:none; font-family:Tahoma; font-size:12px; color:#cac7cd; text-shadow:1px 1px 0px #fcfcfc; font-weight:bold; }
.page_cont ul li		{ float:left; margin:0; padding:9px 20px 9px 10px; background:url(../img/frontend/pageList_bg.png) no-repeat right center; }
.page_cont ul li.hompag	{ padding:9px 10px; border-right:1px solid #cac7cd; background:none; box-shadow:inset 0px 0px 0px 1px #fcfcfc, 1px 0px 0px #fcfcfc; 
						  border-radius:4px 0 0 0; }
.page_cont ul li.iconPrint	{ float:right; padding:9px 10px; background:none; border-left:1px solid #ccc; border-right:1px solid #ccc; 
							  box-shadow:inset 0px 0px 0px 1px #fcfcfc; }
.page_cont ul li.iconEmail	{ float:right; padding:9px 10px; background:none; border-right:1px solid #ccc; box-shadow:inset 0px 0px 0px 1px #fcfcfc; }
.page_cont ul li:nth-of-type(5){background:none; }
.page_cont ul li:hover	{ color:#cac7cd; }
.page_cont ul li.active { color:#009933; }
.page_cont ul li a		{ color:#888; }
.page_cont ul li a:hover{ color:#cac7cd; }

.cart_view					{ margin:5px 0 0 0; padding:0; list-style:none; font-size:11px; border-top: 1px solid #ddd; border-right:1px solid #ddd; }
.cart_view li				{ margin:0; padding:10px; background:#fefefe; border-top:1px solid #fff; border-bottom:1px solid #ddd; }
.cart_view li:nth-of-type(even)	{ background:#f4f4f5; }
.cart_view li:hover			{ background:#f9f9f9; }
.cart_view li h2			{ color:#555; margin:0 0 10px 0; padding:0; line-height:15px; font-size:12px; text-transform:none }
.cart_view li h2 a			{ color:#663399; }
.cart_view li h2 a:hover	{ color:#009933; }
.cart_view li h2 a:active	{ color:#000; }
.cart_view li .img_cart		{ float:left; margin:0 10px 0 0; padding:3px; width:50px; height:50px; background:#eee; border:1px solid #cac7cd; }
.cart_view li .img_cart:hover{ border-color:#663399; }
.cart_view li .img_cart img	{ margin:0; padding:0; width:50px; height:50px; }

.info_cart					{ float:left; margin:0; padding:0; width:180px; }
.info_cart span				{ display:block; line-height:18px; }

.remove_edit_cart			{ float:left; margin:0; padding:0px; width:100px; min-height:30px; line-height:30px; text-align:right; }
.remove_edit_cart a.remove			{ color:red; margin-right:10px; padding:3px 5px 3px 23px; background:#f9efef url(../img/frontend/cross_circle.png) no-repeat 3px center; 
									  border:1px solid #cac7cd; border-radius:3px; box-shadow:inset 0px 0px 0px 1px #fff,0px 1px 2px #ddd; }



.remove_edit_cart a.remove:hover	{ color:#c42500; }
.remove_edit_cart a.remove:active	{ background-color:#fff; text-shadow:1px 1px 0px #ddd; box-shadow:none; }
.remove_edit_cart a.save,
.remove_edit_cart a.edit			{ color:#009933; margin-left:10px; padding:2px 5px; background:#e1ebe3; border:1px solid #cac7cd; border-radius:3px; 
									  box-shadow:inset 0px 0px 0px 1px #fff,0px 1px 2px #ddd; }
.remove_edit_cart a.save:hover,
.remove_edit_cart a.edit:hover		{ color:#009426; }
.remove_edit_cart a.save:active,
.remove_edit_cart a.edit:active		{ background:#fff; text-shadow:1px 1px 0px #ddd; box-shadow:none; }
.remove_edit_cart a.save			{ display:none; }

.price_all_cart				{ float:left; margin:0; padding:0; width:333px; text-align:right; overflow:hidden; }
.price_all_cart span		{ margin:0; padding:0 5px; line-height:30px; display:inline-block; }
.price_all_cart span input	{ margin:0; padding:3px 5px; width:20px; color:#aaa; background:#f9f9f9; text-align:center; border:1px solid #ccc; }
.price_all_cart span input:focus	{ color:#663399; background:#fff; border-color:#663399; box-shadow:inset 1px 1px 2px #ddd; }

.cart_total_order			{ margin:0 0 10px 0; padding:10px 15px; width:auto; color:#000; font-size:15px; font-weight:bold; text-align:right; line-height:30px; 
							  background:#f6f6f6; border-top:1px solid #fff; border-bottom:1px solid #ddd; }
.cart_total_order label		{ display:inline-block; padding-right:20px; }
.cart_total_order span		{ display:inline-block; margin-right:0px; }
.cart_total_order input.update	{ margin:0; padding:0 10px 2px 10px; height:30px; font-weight:bold; font-size:11px; color:#848286;
								  text-shadow:1px 1px rgba(255,255,255,0.5); cursor:pointer; border:1px solid #cac7cd; border-radius:3px; background:#e2e2f1; 
								  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5); background:-moz-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%);
								  background:-webkit-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%); }
.cart_total_order input.update:hover	{ color:#755099; text-shadow:1px 1px 0px #eadbfd; border-color:#9f8db0; background:#d8d8e6; 
										  background:-moz-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%);
										  background:-webkit-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%);
										  box-shadow:inset 0px 0px 0px 1px #dcc2fd, 0px 1px 2px #bbb; }
.cart_total_order input.update:active	{ color:#865eb3; text-shadow:1px 1px 1px #eadbfd; border-color:#9f8db0; box-shadow:inset 0px 0px 2px 1px #ac76e4, 0px 1px 2px #ccc;
										  background:-moz-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%);
										  background:-webkit-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%); }

.tree_header 				{ margin:0; padding:5px; width:auto; font-weight:bold; color:#999; }
.tree_header h3				{ margin:-4px -5px 0 -5px; padding:0; height:35px; line-height:35px; font-size:12px; color:#663399; text-shadow:1px 1px 0px #f5f5f5; text-align:center;
							  background:#f1f1f1; background:-moz-linear-gradient(top, #fff 0%, #eaeaea 100%); box-shadow:inset -1px -1px 0px #fcfcfc;
							  border-bottom:1px solid #cac7cd; border-radius:0px 4px 0px 0px; }
.tree_header ul				{ margin:5px 0 15px 0; padding:0px; list-style:none; background:#f9f9f9; border:1px solid #ddd; border-radius:0 0 5px 5px; }
.tree_header ul li 			{ padding:5px 10px; color:#666; }
.tree_header ul li span 	{ float:right; font-weight:bold; color:black; font-size:13px; }

.tree_header ul li.total_item	{ margin:-1px -1px 0 -1px; padding:5px 0 5px 33px; color:#fff; background:#663399 url(../img/frontend/cart_top_icon.png) no-repeat 7px center; 
								  border-bottom:1px solid #000; }

.tree_header .cart_terms	{ margin:0; padding:0; line-height:30px; text-align:center; font-size:11px; }
.tree_header .cart_terms a		{ color:#999; }
.tree_header .cart_terms a:hover{ color:#666; }

.continue_empty				{ margin:0 -5px 15px -5px; padding:0; }
.continue_shopping			{ float:left; margin:0; padding:0; line-height:30px; text-align:right; border:1px solid #d6d6d6; border-left:0px; background:#f0f0f1;
							  background:-moz-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%);
							  background:-webkit-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%); }
.continue_shopping:hover	{ background:#e2e2f1; background:-moz-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%);
							  background:-webkit-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%); }
.continue_shopping a		{ display:block; margin:0; padding:0; color:#00a928; border:1px solid #fff; border-left:0px; }
.continue_shopping a:hover	{ color:#009426; }
.continue_shopping a:active	{ color:#fd3000; }
.continue_shopping a span	{ margin:0; padding:0 8px 0 24px; background:url(../img/frontend/continue_icon.png) no-repeat 6px center; }

.empty_cart					{ float:left; margin:0; line-height:30px; text-align:right; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; 
							  background:#f0f0f1; background:-moz-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%);
							  background:-webkit-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%); }
.empty_cart:hover			{ background:#e2e2f1; background:-moz-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%);
							  background:-webkit-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%); }
.empty_cart a				{ display:block; margin:0; padding:0; color:#e82323; border:1px solid #fff; }
.empty_cart a:hover			{ color:#bc201c; }
.empty_cart a:active		{ color:#ff2626; }
.empty_cart a span			{ margin:0; padding:0 8px 0 23px; background:url(../img/frontend/empty_icon.png) no-repeat 8px center; }

#backtop					{ margin:15px auto; padding:2px 5px 2px 0; max-width:90px; text-align:center; font-family:Tahoma; font-size:11px; border:1px solid #ddd; 
							  background:url(../img/frontend/backtop.png) no-repeat 83px center; border-radius:3px; }
#backtop:hover				{ border-color:#bbb; box-shadow:0px 1px 2px #ddd; }
#backtop:active				{ border-color:#aaa; box-shadow:none; }
#backtop a					{ color:#999; }
#backtop:hover a			{ color:#888; }
#backtop:active a			{ color:#aaa; }

.btn_check_out				{ position:relative; margin:0 auto; width:120px; }
button.btn_check_out		{ width:70px; }
button.btn_check_out,
.btn_check_out a			{ margin:0 auto; padding:0 0px; line-height:30px; color:#848286; text-shadow:1px 1px 0px #fff; display:block; font-family:Arial;
							  font-size:12px; font-weight:bold; text-align:center; text-decoration:none; border:1px solid #cac7cd; border-radius:3px;
							  background:#e2e2f1; background:-moz-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%);
							  background:-webkit-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%); box-shadow:inset 0px 0px 0px 1px #fff; }
button.btn_check_out:hover,
.btn_check_out a:hover		{ color:#755099; text-shadow:1px 1px 0px #eadbfd; border-color:#9f8db0; background:#d8d8e6; 
							  background:-moz-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%);
							  background:-webkit-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%);
							  box-shadow:inset 0px 0px 0px 1px #dcc2fd, 0px 1px 2px #bbb; }
button.btn_check_out:active,
.btn_check_out a:active		{ color:#865eb3; text-shadow:1px 1px 1px #eadbfd; border-color:#9f8db0; box-shadow:inset 0px 0px 2px 1px #ac76e4, 0px 1px 2px #ccc;
							  background:-moz-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%);
							  background:-webkit-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%); }
button.btn_check_out		{ cursor:pointer; }
.btn_check_out span			{ position:absolute; display:none; left:-52px; padding:5px 0 0 0; width:225px; text-align:center; transition:all .5s;
							  background:url(../img/frontend/span_check_out_bg.png) no-repeat top center; }
.btn_check_out span p		{ margin:0; padding:5px; font-size:11px; font-weight:normal; line-height:15px; border:1px solid #000; border-radius:3px; background:#000;
							  background:rgba(0,0,0,0.92); }
.btn_check_out:hover span	{ display:block; }

.shipping_address		{ margin:5px 0 0 0; padding:0 0 10px 0; border:1px solid #ddd; border-left:0; }
.shipping_address .row	{ margin:0 10px; display:block; padding:10px; background:#fff; }
.shipping_address .row:nth-of-type(even) { background:#f4f4f5; }
.shipping_address .row label	{ float:left; display:block; padding:0 2% 0 0; width:35%; line-height:28px; text-align:right; font-weight:bold; }
.shipping_address .row span		{ float:left; position:relative; display:block; padding:0; width:63%; line-height:30px; }
.shipping_address .row select	{ width:232px; }
.shipping_address .row textarea,
.shipping_address .row input	{ margin:0; padding:5px; width:220px; color:#333; background:#fff; border:1px solid #c6c3ce; }
.shipping_address .row textarea:focus,
.shipping_address .row input:focus	{ color:#663399; border-color:#663399; background-color:#f5f3f9; box-shadow:inset 1px 1px 1px #ceccd1; }
.shipping_address .row code		{ color:#c00; font-weight:normal; }
.shipping_address .row span.textError	{ position:absolute; width:auto; top:2px; left:235px; z-index:1; 
										  background:url(../img/frontend/span_error_bg2.png) no-repeat left center; }
.shipping_address .row span.textError p	{ margin:0 0 0 5px; padding:3px 7px; line-height:normal; font-size:10px; color:#ccc; background:#000; 
										  background:rgba(0,0,0,0.9); border:1px solid #000; border-radius:3px; }

.shipping_method		{ margin:5px 0 0 0; padding:0; border:1px solid #ddd; border-left:0; }
.shipping_method ul		{ margin:0 0 5px 0; padding:0; list-style:none; }
.shipping_method ul li	{ margin:0; padding:10px; border-top:1px solid #fff; border-bottom:1px solid #ddd; }
.shipping_method ul li:nth-of-type(even){ background:#f9f9f9; box-shadow:inset -1px -1px 0px #fff; }
.shipping_method ul li input[type=radio]{ float:left; margin-right:1%; width:2%; height:20px; cursor:pointer; }
.shipping_method ul li label			{ float:right; display:block; padding:0; width:97%; line-height:18px; cursor:pointer; }
.shipping_method ul li label span		{ margin-left:25px; color:#be2323; font-size:11px; }

.shipping_note			{ margin:5px 0 0 0; padding:0; border:1px solid #ddd; border-left:0; }
.shipping_note span		{ display:block; margin:10px; padding:10px; line-height:18px; border:1px dashed #ddd; background:#fff; }
.shipping_note textarea			{ margin:10px; padding:5px; width:669px; height:90px; color:#999; background:#fff; border:1px solid #ccc; }
.shipping_note textarea:focus	{ color:#777; box-shadow:inset 1px 1px 2px #eee; }

.payment_method			{ margin:5px 0 20px 0; padding:0; border:1px solid #ddd; border-left:0; }
.payment_method ul		{ margin:0 0 5px 0; padding:0; list-style:none; }
.payment_method ul li	{ margin:0; padding:10px; border-top:1px solid #fff; border-bottom:1px solid #ddd; }
.payment_method ul li:nth-of-type(even)	{ background:#f9f9f9; box-shadow:inset -1px -1px 0px #fff; }
.payment_method ul li input[type=radio]	{ float:left; margin-right:1%; width:2%; height:35px; cursor:pointer; }
.payment_method ul li label				{ float:left; display:block; padding:0; width:97%; line-height:35px; cursor:pointer; }
.payment_method ul li label b			{ margin-left:10px; }
.payment_method ul li label img			{ float:right; }
/*.payment_method ul li span			{ float:right; display:block; padding:0; width:50%; text-align:right; }*/
.payment_method .box1	{ float:left; margin:0; padding:10px; width:500px; border-right:1px dashed #ddd; }
.payment_method .box2	{ float:right; margin:0; padding:10px; width:160px; text-align:center; }
.payment_method .box2 img	{ margin-bottom:5px; }
.payment_method .box2 p	{ margin-bottom:0px; line-height:18px; }
.payment_method .box2 b	{ font-size:13px; }

.payment_method .klikpay-container		{ }
.payment_method .klikpay-arrow 			{ position:relative; z-index:1; margin:0 0 -1px 10px; width:20px; height:10px; 

										  background:url(../img/frontend/arrow_info2.png) no-repeat center top;}
.payment_method .klikpay-content 		{ margin:0; padding:5px 10px; background:#f9f9f9; border:1px solid #e1e1e1; border-top:; /*box-shadow:#e7e7e7 0px 1px 1px inset;*/}

.payment_method .klikpay-content div.col11 { padding: 10px; border-bottom: 1px solid #ccc}
.payment_method .klikpay-content label	{ float:left; display:block; padding:0 2%; width:38%; text-align:right; line-height:28px; }
.payment_method .klikpay-content span	{ float:right; display:block; padding:0; width:58%; text-align:left; }
.payment_method .klikpay-content input	{ margin:0; padding:5px; width:220px; color:#c5c5c5; background:#fff; border:1px solid #c6c3ce; }
.payment_method .klikpay-content input:focus	{ color:#663399; border-color:#663399; background:#f5f3f9; box-shadow:inset 1px 1px 1px #ceccd1; }
						  
.klikpay-patent 		{ padding:5px; color:black}
.klikpay-help 			{ border-radius:5px; background:#308be4; float:right; width:15px; text-align:center; color:white; text-shadow:#1069c2 -1px -1px 1px; font-weight:700}

.klikpay-content select { padding:5px}
.klikpay-note 			{ padding:10px 5px 7px 5px; color:#be2323; font-size:11px; display:inline-block; }
.hide {display:none} 
.nopad {padding:0!important}/**/

/*----------------------------------------------------------------{ Payment Confirmation }--------------------------------------------------------------------*/
.payment_confirmation	{ margin:0 0 15px 0; padding:0px; width:938px; min-height:400px; border:1px solid #cac7cd; border-radius:5px; font-size:12px; 
						  background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top; }
.pay_conf_left			{ float:left; margin:0; padding:10px; width:470px; }
.pay_conf_right			{ float:right; margin:0; padding:10px; width:428px; }
.pay_conf_right .info_pc{ margin:0; padding:10px; background:#f0f0f1; border:1px solid #ccc; box-shadow:inset 0px 1px 0px #fff; }

/*----------------------------------------------------------------------{ Member }-------------------------------------------------------------------------*/
.sidebar_personal			{ float:left; margin:0 0 10px 0; padding:0; width:230px; background:; }
.personal_menu 				{ margin:0; padding:0; width:auto; display:block; color:#666; border:1px solid #cac7cd; border-radius:5px;
							  background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top; }
.personal_menu h3			{ margin:0; padding:0; line-height:40px; font-size:13px; color:#663399; text-shadow:1px -1px 0px rgba(255,255,255,0.3); text-align:center;
							  border-bottom:1px solid #cac7cd; }
.personal_menu ul			{ margin:0; padding:0; list-style:none; }
.personal_menu li			{ margin:0; padding:0; height:35px; border-top:1px solid #fff; border-bottom:1px solid #ddd; background:#f7f7f7;
							  -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; 
							  transition: all 300ms linear; }
.personal_menu ul li.active,
.personal_menu ul li:hover		{ background:#ece8f3; border-bottom-color:#d3c9e3; border-top-color:#fff; }
.personal_menu ul li.active		{ font-weight:bold; }
.personal_menu ul li:active		{ background:#fff; }
.personal_menu ul li:last-child	{ border-bottom:none; border-radius:0 0 5px 5px; }
.personal_menu ul li a			{ margin:0; padding:0 0 0 15px; line-height:35px; display:block; color:#666; text-shadow:1px 1px 0px rgba(255,255,255,0.3);
								  -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; 
								  transition: all 300ms linear;  }
.personal_menu ul li.active a,
.personal_menu ul li a:hover	{ padding:0 0 0 30px; font-weight:bold; color:#663399; text-shadow:1px 1px 0px #fffdf1; }
.personal_menu ul li a img		{ float:left; margin:9px 10px 0 0; }

.personal_cont					{ float:right; margin:0 0 15px 0; padding:0; width:698px; min-height:300px; border:1px solid #cac7cd; border-radius:5px; font-size:14px; 
								  background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top; line-height:25px; }

.personal_menu ul.subcategory li a:focus{ padding:0 0 0 30px; color:#663399; text-shadow:1px 1px 0px rgba(255,255,255,0.3); font-weight:bold; background:#ece8f3; 
										  border-bottom:1px solid #d3c9e3; }
                    
.help_cont 						{ float:left; padding:0; width:100%; }
.help-info						{ padding:3px 10px; color:#3d5485; background:#F3F7FD; border:1px solid #85ACDB; margin-top:5px; text-align:right;
								  -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; 
								  -ms-transition: all 400ms linear; transition: all 400ms linear; }
.help-info:hover				{ background:#d2e4fb; cursor:pointer; }
.help-info-hid					{ cursor:pointer; }
.hid							{ display:block; }

.help-content h2				{ margin:0; padding:0 10px; line-height:40px; text-shadow:1px 1px 0px rgba(255,255,255,0.3); border-bottom:1px solid #cac7cd; }
.help-content h3 				{ margin:0; padding:10px; color:#666; font-weight:bold; font-size:11px; border:none; border-bottom:1px solid #ddd;
								  background:#f9f9f9 url(../img/frontend/arrow2.png) no-repeat 680px center; -webkit-transition: all 200ms linear; 
								  -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.help-content h3:hover 			{ cursor:pointer; color:#111; background-color:#fff; }
.help-content img				{ max-width:100%; }
.help-content ul				{ margin:0 0 10px 15px; padding:0; list-style:disc outside; line-height:23px; }
.help-content ul li 			{ background:none; }

.help-content-paragraph			{ padding:5px 10px; margin-bottom:2px; border-bottom:1px dashed #ddd; }
							  
.purchase_history_cont		{ margin:0; padding:0; border-top:1px solid #cac7cd; }
.purchase_history_cont table	{ margin:0; padding:0; width:100%; border:none; border-collapse:collapse; }
.purchase_history_cont tr		{ margin:0; padding:0; border-bottom:1px solid #ddd; background:#fff; }
.purchase_history_cont tr:hover	{ background:#f7f7f7; }
.purchase_history_cont th		{ margin:0; padding:10px 10px; font-size:15px; color:#ae300e; text-align:left; }
.purchase_history_cont td		{ margin:0; padding:15px 10px; }/**/

.imgku4z {
	margin: 0; 
	padding: 2px; 
	background: #fff; 
	border: #A4A4A4 1px solid; 
	line-height: 0; 
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	margin-right:5px;
	

}

#load{
position:absolute;
z-index:1;
font-size: 14px;
background-image:url(../images/ploads3.gif);
width:128px;
height:128px;
margin-top:-130px;
margin-left:-70px;
top:50%;
left:50%;
text-align:center;
line-height:300px;
font-family:"Trebuchet MS", verdana, arial,tahoma;
color:#FFF;
}

	div.pagings {
	padding     : 2px;
	margin      : 2px;
	font-family : Tahoma;
	font-size   : 11px;
	line-height:220%;
}
div.pagings a {
	padding:4px 7px 4px 7px;
	margin:2px;
	border:1px solid #C2D0DC;
	color: #444444;
	border-radius:3px;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-decoration:none;
	background:#ecf1f5; background:-moz-linear-gradient(top, #f6f9fb 0%, #d9e1e9 100%); 
								  background:-webkit-linear-gradient(top, #f6f9fb 0%, #d9e1e9 100%); box-shadow:inset 0px 1px 0px #fff,inset 0px 0px 0px 1px #f3f7fb;
}
div.pagings a:hover {
	border: 1px solid #999;
	color: #000;
}
div.pagings span.current {
	 margin: 2px;
	padding:4px 7px 4px 7px;
		border: 1px solid #999;
	color: #fff;
		border-radius:3px;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-decoration:none;
	background:#ecf1f5; background:-moz-linear-gradient(top, #00CE8B 0%, #009B69 100%); 
								  background:-webkit-linear-gradient(top, #00CE8B 0%, #009B69 100%); box-shadow:inset 0px 1px 0px #fff,inset 0px 0px 0px 1px #f3f7fb;
}
div.pagings span.disabled {
	padding:4px 7px 4px 7px;
		margin:2px;
		border:1px solid #E2E2E2;
		color:#CCCCCC;
		border-radius:3px;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-decoration:none;
		background:#ecf1f5; background:-moz-linear-gradient(top, #ffffff 0%, #E2E2E2 100%); 
								  background:-webkit-linear-gradient(top, #ffffff 0%, #E2E2E2 100%); box-shadow:inset 0px 1px 0px #fff,inset 0px 0px 0px 1px #f3f7fb;
}
div.pagings span.prevnext {
  font-weight : bold;
}
/*---------------------------------------------------------------{ pagination }---------------------------------------------------------------------*/
.pagiNation				{ margin:0; padding:15px 0; line-height:25px; text-align:center; font-family:'Gotham', Arial; font-size:11px; }
.pagiNation span		{ display:inline-block; margin:2px; padding:0; color:#494949; font-weight:bold; border:1px solid #8F6B30; border-radius:3px; 
						  background:#C29B58; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.pagiNation span:hover	{ background:#fff; border-color:#8F6B30; }
.pagiNation span.ui-state-disabled,
.pagiNation span.active	{ padding:0 10px; color:#80602B; text-shadow:0 1px 0 rgba(255,255,255,0.15); background:#EED8A8; box-shadow:none; 
						  border-color:#8F6B30; }
.pagiNation span:active	{ background:#EED8A8; }
.pagiNation span a		{ display:block; margin:0; padding:0 10px; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.3); }
.pagiNation span a:hover{ color:#80602B; text-decoration:none; text-shadow:none; }
.pagiNation span:active a	{ color:#000; }
.pagiNation span:first-child a,
.pagiNation span:first-child{ border-radius:5px 3px 3px 5px; }
.pagiNation span:last-child a,
.pagiNation span:last-child	{ border-radius:3px 5px 5px 3px; }

.clearfix { zoom: 1; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.bzoom { direction: ltr; }

.bzoom,
.bzoom_thumb,
.bzoom_thumb_image,
.bzoom_big_image,
.bzoom_zoom_preview,
.bzoom_icon,
.bzoom_hint { display: none }

.bzoom .bzoom_thumb { background: #fff url(./img/loading.gif) center no-repeat; }

.bzoom,
.bzoom ul,
.bzoom li,
.bzoom img,
.bzoom_hint,
.bzoom_icon,
.bzoom_description {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none
}

.bzoom,
.bzoom_magnifier div,
.bzoom_magnifier div img,
.bzoom_small_thumbs ul,
ul .bzoom_small_thumbs li,
.bzoom_zoom_area div,
.bzoom_zoom_img { position: relative }

.bzoom img,
.bzoom li {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  user-drag: none
}

.bzoom,
.bzoom_small_thumbs li { float: left }

.bzoom_right { float: right }

.bzoom li { position: absolute }

.bzoom img {
  vertical-align: bottom;
  width: 50px;
  height: 70px
}

.bzoom .bzoom_zoom_area,
.bzoom_zoom_area {
  background: #fff url(../img/loading.gif) center no-repeat;
  border: 1px solid #ddd;
  padding: 6px;
  -webkit-box-shadow: 0 0 10px #ddd;
  -moz-box-shadow: 0 0 10px #ddd;
  box-shadow: 0 0 10px #ddd;
  display: none;
  z-index: 1000;
}

.bzoom_zoom_area div { overflow: hidden; }

.bzoom_zoom_area .bzoom_zoom_img { position: absolute; }

.bzoom_wrap .bzoom_magnifier {
  background: #fff;
  outline: #bbb solid 1px;
  display: none;
  cursor: move;
}

.bzoom_magnifier div { overflow: hidden; }

.bzoom_wrap .bzoom_small_thumbs { overflow: hidden; }

.bzoom_wrap .bzoom_small_thumbs li {
  border: 1px solid #FFF;
  margin: 0px 10px 0px 0px;
  position: relative;
}

.bzoom_wrap ul li.bzoom_smallthumb_active {
  -webkit-box-shadow: 0 0 10px #ddd;
  -moz-box-shadow: 0 0 10px #ddd;
  box-shadow: 0 0 10px #ddd;
  border: 1px solid #535353;
}

/*----------------------------------------------------------------------{ Cek Domain }-------------------------------------------------------------------------*/
#containerdm {
		margin:0 auto;
		width:500px;
		text-align:center;
	}
#stage {
		display:none;
		width:400px;
		margin:0 auto;
		padding:20px;
		background:#ececec;
		border-radius:10px;
		margin-top:20px;
	}
	.box {
		width:380px;		
		padding:20px;
		background:url(../img/frontend/bg.jpg) left center repeat-x;
		border-radius:15px;
		margin:0 auto;
		margin-top:20px;
		text-align:center;
		border:5px solid #fff;
		box-shadow:1px 1px 5px #666;
	}
	.box input[type=text] {
		padding:5px;
		font:bold 15px arial;
		color: #80602B;
		border:1px solid #ccc;
		width:70%; 
	}
	.box select {
		padding:5px;
		font:bold 15px arial;
		color: #80602B;
	}
	.box input[type=submit] {
		
		 padding:4px 10px;  font-size:14px; line-height:normal; cursor: pointer;
		  font-weight:bold; text-align:center; text-decoration:none;  border-radius:3px; margin-left:5px;  
			color:#F9EFDD; text-shadow:1px 1px 1px #594420; border:1px solid #634A21; background:#947032; 
			box-shadow:inset 0px 0px 3px 1px #E3BE71, 0px 1px 2px 0px rgba(0,0,0,0.4); }
	
	
	.box input[type=submit] a:hover {  color:#F9EFDD; text-shadow:1px 1px 1px #594420; border:1px solid #634A21; background:#947032; 
							  box-shadow:inset 0px 0px 3px 1px #E3BE71, 0px 1px 2px 0px rgba(0,0,0,0.4); }
			
			
		
.box input[type=submit] a:active		{ color:#F9EFDD; text-shadow:1px 1px 1px #594420; border-color:#634A21; 
							  box-shadow:inset 0px 0px 3px 1px #E3BE71, 0px 1px 2px 0px rgba(0,0,0,0.4); }	
			
			
			
			
			
	p strong {
		font-wight:bold;
	}
	
	.label,.badge{display:inline-block;padding:2px 4px;font-size:15.844px;font-weight:bold;line-height:14px;color:#ffffff;vertical-align:baseline;white-space:nowrap;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#999999;}
.label{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.badge{padding-left:9px;padding-right:9px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.label:empty,.badge:empty{display:none;}
a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;}
.label-important,.badge-important{background-color:#b94a48;}
.label-important[href],.badge-important[href]{background-color:#953b39;}
.label-warning,.badge-warning{background-color:#f89406;}
.label-warning[href],.badge-warning[href]{background-color:#c67605;}
.label-success,.badge-success{background-color:#468847;}
.label-success[href],.badge-success[href]{background-color:#356635;}
.label-info,.badge-info{background-color:#3a87ad;}
.label-info[href],.badge-info[href]{background-color:#2d6987;}
.label-inverse,.badge-inverse{background-color:#333333;}
.label-inverse[href],.badge-inverse[href]{background-color:#1a1a1a;}

/*----------------------------------------------------------------{ login_cont }--------------------------------------------------------------------*/
.login_cont				{ margin:0 0 15px 0; padding:0px; width:auto; min-height:300px; border:1px solid #cac7cd; border-radius:5px; font-size:12px; 
						  background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top;}
.login_cont	h3			{ margin-bottom:20px; padding:10px 0 10px 30px; color:#c75050; border-bottom:1px dashed #ccc;
						  background:url(../img/frontend/login_icone.png) no-repeat 10px 9px; }

.line_dashed_log		{ display:block; float:left; margin:10px 0 100px 0; height:220px; border-right:1px dashed #ccc; }
						  
.login_wrapper			{ float:left; margin:15px 35px; padding:10px; width:375px; background:#f7f7f7; border:1px solid #c5c5c5; border-radius:4px; 
						  box-shadow:inset 0px 1px 0px #fff; }
.login_wrapper label	{ display:block; margin:10px 0 5px 0; font-family:Tahoma; font-weight:bold; }
.login_wrapper input		{ margin:0 0 0px 0; padding:5px 5px; width:96.5%; color:#999; background:#fff; border:1px solid #ccc; box-shadow:inset 2px 2px 2px #eee; }
.login_wrapper input:hover	{ color:#666; background:#f9f9f9; border-color:#c5c5c5; box-shadow:inset 2px 2px 2px #eee; }
.login_wrapper input:focus	{ color:#444; background:#f9f9f9; border-color:#aaa; box-shadow:inset 2px 2px 2px #eee,0px 1px 2px #ddd; }

/*----------------------------------------------------------------{ register_cont }--------------------------------------------------------------------*/
.register_cont			{ margin:0 0 15px 0; padding:0px; width:auto; min-height:300px; border:1px solid #cac7cd; border-radius:5px; font-size:12px; 
						  background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top;}
.register_cont	h3		{ margin-bottom:20px; padding:10px 0 10px 30px; color:#c75050; border-bottom:1px dashed #ccc;
						  background:url(../img/frontend/register_icone.png) no-repeat 10px 9px; }
.line_dashed_reg		{ display:block; float:left; margin:10px 0 20px 0; height:580px; border-right:1px dashed #ccc; }

.register_wrapper		{ float:left; margin:15px 35px; padding:10px; width:375px; background:#f7f7f7; border:1px solid #c5c5c5; border-radius:4px; 
						  box-shadow:inset 0px 1px 0px #fff; }
.register_wrapper label	{ display:block; margin:10px 0 5px 0; font-family:Tahoma; font-weight:bold; }
.register_wrapper input			{ margin:0 0 0px 0; padding:5px 5px; width:96.5%; color:#999; background:#fff; border:1px solid #ccc; box-shadow:inset 2px 2px 2px #eee; }
.register_wrapper input:hover	{ background:#f9f9f9; border-color:#c5c5c5; box-shadow:inset 2px 2px 2px #eee; }
.register_wrapper input:focus	{ color:#666; background:#f9f9f9; border-color:#aaa; box-shadow:inset 2px 2px 2px #eee,0px 1px 2px #ddd; }
.register_wrapper input[type="checkbox"]	{ margin-right:5px; width:auto; }
.register_wrapper .table_agreement			{ margin:5px 0; padding:5px; color:#475e75; border:1px solid #85acdb; background:#f3f7fd; }
.register_wrapper .table_agreement a		{ color:#475e75; }
.register_wrapper .table_agreement a:hover	{ color:#475e75; text-decoration:underline; }

span.textError p		{ margin:0; padding:0 0 0 20px; color:#de5130; font-family:Tahoma; font-size:11px; display:inline-block; 
						  background:url(../img/frontend/alert.png) no-repeat left 2px; }
input.btn_submit,
.register_wrapper input.btn_submit,
.login_wrapper input.btn_submit	{ margin:10px auto 5px auto; padding:5px 15px 5px 15px; width:auto; color:#F5E8CB; text-shadow:1px 1px 1px #634A21; text-align:center; 
								  font-family:Tahoma; font-size:12px; font-weight:bold; text-decoration:none; border:1px solid #634A21; border-radius:3px; cursor:pointer;
								  background:#9B7433; box-shadow:inset 0px 0px 3px 1px #B88A3D, 0px 1px 2px 0px rgba(0,0,0,0.4); }


input.btn_submit:hover,
.register_wrapper input.btn_submit:hover,
.login_wrapper input.btn_submit:hover	{ color:#F5E8CB; text-shadow:1px 1px 1px #80602B; border:1px solid #634A21; background:#B88A3D; 
										  box-shadow:inset 0px 0px 3px 1px #C69B55, 0px 1px 2px 0px rgba(0,0,0,0.4); }
input.btn_submit:active,
.register_wrapper input.btn_submit:active,
.login_wrapper input.btn_submit:active	{ color:#F5E8CB; text-shadow:1px 1px 1px #80602B; border-color:#316395; 
										  box-shadow:inset 0px 0px 3px 1px #C69B55, 0px 1px 2px 0px rgba(0,0,0,0.4); }

input.btn_submit				{ float:left; max-width:none; padding:5px 15px; }
.register_wrapper input.btn_submit{ float:left; margin-right:10px; max-width:160px; }

.contentprima { font-family:Arial, Helvetica, sans-serif; font-size:12px;   }


.submit		{ width:auto; position:relative; cursor:pointer; margin:0 5px 0 0; padding:4px 8px; color:#767a7e; text-shadow:1px 1px 0px #ecf0f3; 
										  font-family:Tahoma; font-size:12px; font-weight:600; text-align:center; text-decoration:none; 
										  border:1px solid #b2c0cb; border-radius:3px; box-shadow:inset 0px 0px 0px 1px #fff, 0 1px 2px rgba(136,136,136,0.3);
										  background:#e3eaf0; background:-moz-linear-gradient(top, #f6f8f9 0%, #dde4ea 100%); 
										  background:-webkit-linear-gradient(top, #f6f8f9 0%, #dde4ea 100%); 
										  
										  }
.submit:hover{ color:#fff; text-shadow:1px 1px 0px #000000; border:1px solid #999999; background:#CCCCCC; 
										  background:-moz-linear-gradient(top, #999999 0%, #333333 100%); background:-webkit-linear-gradient(top, #999999 0%, #333333 100%);
										  box-shadow:inset 0px 0px 0px 1px #CCCCCC, 0px 1px 2px 0px rgba(136,136,136,0.4); }
.submit:active{ color:#999999; text-shadow:1px 1px 0px #000000; }

.submitkecil		{ width:auto; position:relative; cursor:pointer; margin:0 5px 0 0; padding:2px 6px; color:#767a7e; text-shadow:1px 1px 0px #ecf0f3; 
										  font-family:Tahoma; font-size:12px; font-weight:600; text-align:center; text-decoration:none; 
										  border:1px solid #b2c0cb; border-radius:3px; box-shadow:inset 0px 0px 0px 1px #fff, 0 1px 2px rgba(136,136,136,0.3);
										  background:#e3eaf0; background:-moz-linear-gradient(top, #f6f8f9 0%, #dde4ea 100%); 
										  background:-webkit-linear-gradient(top, #f6f8f9 0%, #dde4ea 100%); 
										  
										  }
.submitkecil:hover{ color:#fff; text-shadow:1px 1px 0px #000000; border:1px solid #999999; background:#CCCCCC; 
										  background:-moz-linear-gradient(top, #999999 0%, #333333 100%); background:-webkit-linear-gradient(top, #999999 0%, #333333 100%);
										  box-shadow:inset 0px 0px 0px 1px #CCCCCC, 0px 1px 2px 0px rgba(136,136,136,0.4); }
.submitkecil:active{ color:#999999; text-shadow:1px 1px 0px #000000; }
.primapc {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	padding:4px 11px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.primapc:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.primapc:active {
	position:relative;
	top:1px;
}
.primapc2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
	font-family:arial;
	font-size:12px;
	padding:4px 11px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.primapc2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.primapc2:active {
	position:relative;
	top:1px;
}
.agusnew {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:5px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.agusnew:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.agusnew:active {
	position:relative;
	top:1px;
}
.vpb_main_wrapper
{
	max-width:430px;
	margin: 0 auto;
	
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	font-size:13px;
}


#vasplus_pb {
	border:0px solid #F1F1F1;
	font-family:'Roboto Condensed', Arial;
	font-size:12px;
	margin:0px;
	padding:0;
	min-width:100px;
	text-align:left
}

/* Common Widgets */

.chatReminderPopup {
	border: 2px solid #DCB052;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #8D530A repeat-x top;
	width: 400px;
	position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -200px; margin-left: -200px;
	padding: 10px 0 0 0;
	box-shadow: 0 4px 8px #000000;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.8), 0 1px 220px rgba(0, 0, 0, 1);
	display: none;
	transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-webkit-transform-origin: 50% 0;
	transform: scaleY(0.95);
	-moz-transform: scaleY(0.95);
	-webkit-transform: scaleY(0.95);
	transition: transform 0.25s ease-out;
	-moz-transition: -moz-transform 0.25s ease-out;
	-webkit-transition: -webkit-transform 0.25s ease-out;
	z-index: 10000;
}
	
	.chatReminderPopup.popupVisible {
		transform: scaleY(1);
		-moz-transform: scaleY(1);
		-webkit-transform: scaleY(1);
	}
	
		.chatReminderPopup .menuArrow {
			width: 400px;
			height: 6px;
			margin: -16px 0 0 0;
			background: url(../images/) 340px 0 no-repeat;
			float: left;
		}
	
		.chatReminderPopup .menuSection {
			background: url(../images/top.png) top left no-repeat;
			margin: 0 10px 0 10px;
			height: 250px;
		}
		
		.chatReminderPopup .menuSection .bubbleText {
			padding: 40px 0 0 180px;
			font-size: 20px;
			line-height: 1.3em;
		}
		
		.chatReminderPopup .menuSection .bubbleButton {
			margin: 5px 0 0 230px;
		}
		
		
		#chatReminderPopup .menuSection .bubbleButton a.commonButton {
			float: left !important;
			height: 29px !important;
			background-position: top;
		}
		
		#chatReminderPopup .menuSection .bubbleButton a.commonButton span {
			line-height: 21px;
		}
		
		#chatReminderPopup .menuSection .bubbleButton a:hover.commonButton {
			float: left !important;
			height: auto !important;
			background-position: bottom;
		}
		
		.chatReminderPopup .menuSection .bubbleCloseButton {
			margin: 110px 10px 0 64px;
			text-align: right;
		}
		
		.chatReminderPopup .menuSection .bubbleCloseButton a {
			color: #cccccc;
		}
		
		.chatReminderPopup .menuSection .bubbleText .main {
			font-weight: bold;
		}

		.chatReminderPopup .menuSection .bubbleText .sub {
			font-size: 18px;
		}

	/* main wrapper */