/*
Theme Name: Lanopearl Main Theme
Theme URI: http://www.lanopearl.com.au
Author: Lanopearl Pty Ltd
Author URI: http://www.lanopearl.com.au
Description: This is lanopearl Theme Main CSS
*/	
<style type="text/css">

* {
	margin:0;
	padding:0;
}

html, body {
	height:100% !important;
  	width:100% !important;
	background-image:url(images/general/Lanopearl_01_bg.jpg);
	background-repeat:repeat-x;
	margin-top: 0px;
	position:relative;
  margin:0px 0px !important;
}

#error-wrap{
	width:100%;
	position:fixed;
	margin-top:10px;
	text-align:center;
	z-index:99999999;
}

#error-wrap #error-message{
	display:none;
	max-width:90%;
	width:auto !important;
	border:2px solid #BB1D82;
	color:#BB1D82;
	-moz-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
	background-color:#FF6;	
	margin: 0 auto !important;	
	z-index:99999999;
	height:30px;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:10px;
}

#header-wrap {	
	width:930px;
	height:130px;	
	margin: 0px auto 0;
	position:inherit;
	margin-top: 0px;
	border: 0 0 0 0;	
}

#header-wrap a{
	font-size:12px !important;
}

#header-wrap a:hover{
	text-decoration:underline;
}


/* ---------------------------------------- Top Panel  ---------------------------------------- */
#top-panel {
	width:190px;
	height:30px;
	margin:0px auto 0;
	margin-top: 0px;
	margin-bottom:20px !important;
	margin-right:0px;
	float:right;
	display:block;
	position:relative;
	z-index:50;
	border:0; 
}

#top-panel #top-panel-center{  
	height:30px;
	width:auto;
	/*background:url(images/general/top-panel-center.jpg) repeat-x;*/
	-moz-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
	background-color:#8a745c;
	display:inline-block;
	text-align:center !important;
	float:right;
}

#top-panel  #top-panel-center #mega{
	margin: 0;
	padding: 0;	
	list-style-type: none;
	text-align: center;
	display:inline-block;
	float:right;
	width:width:auto; !important;
}

#top-panel #top-panel-center #mega li{
	height:30px !important;
	width:auto !important;
	display:inline-block !important; 
	float:left;
}

#top-panel #top-panel-center #mega li.last{
	border-right:none;
}




#top-panel  #top-panel-center ul li { 
	display: inline-block; 
	border-right:1px solid #434242; 
	width:auto; float:left;
	padding-left:8px; padding-right:8px;
}

#top-panel  #top-panel-center ul li.last{
	/*border:none !important;*/
}

#top-panel #top-panel-center #header-social-network{
	width:60px;		
	display:inline-block;
	float:left;
	margin:0 !important;	
	padding-left:15px;
}

#top-panel #top-panel-center #header-social-network a{ 
	margin-top:0px !important; 	
	float:left;
}
/* ---------------------------------------- END: Top Panel  ---------------------------------------- */


/* ---------------------------------------- Member Panel  ---------------------------------------- */
#member-panel{ 
	margin:0px auto 0;
	margin-top: 10px;
	margin-right:0px;
	
	width:300px;
	float:right;	
	
	position:relative;
	display:block;	
	background:inherit;
	padding:0 !important;
	float:right;	
}

#member-panel-left{ 
	width:13px;
	height:27px;
	display:inline-block;
	float:right;
	/*background:url(images/general/member-panel-left-bg.jpg) no-repeat;*/
	-moz-border-radius: 5px 0px 0px 5px / 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px / 5px 0px 0px 5px;
	background-color:#8a745c;
}

#member-panel-center{ 	
	height:27px;
	display:inline-block; 
	float:right;
	/*background:url(images/general/member-panel-center-bg.jpg) repeat-x;*/
	background-color:#8a745c;
}

#member-panel-right{ 
	width:13px;
	height:27px;
	display:inline-block;
	float:right;
	/*background:url(images/general/member-panel-right-bg.jpg) no-repeat;*/
	-moz-border-radius: 0px 5px 5px 0px / 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px / 0px 5px 5px 0px;
	background-color:#8a745c;
}

#member-panel ul{   
	height:25px;
	list-style:none;
	display:inline-block; 
	margin:0;
	width:auto !important;
	padding:0 !important;
}

#member-panel ul li{ 
	margin-top:3px;
	display:block;
	float:left;	
	border-right:1px solid #434242; 
	padding-left:5px;
	padding-right: 5px;
}

#member-panel ul li.last{
	border-right:none !important;
}

#member-panel ul li a{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

#member-panel ul li a:hover{
	text-decoration:underline;
}




/* ---------------------------------------- END: Member Panel  ---------------------------------------- */
	

/* ---------------------------------------- Top Menu  ---------------------------------------- */
#top_menu{
	/*margin-top:2px !important; */
}

#top_menu, #top_menu #mega{ 
  position:relative;
}

#mega {
	list-style:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	height:35px;
	color: #FFF !important;	
	margin-top: 0px;
	cursor:pointer;
	display:block; 
	position:relative;
	padding-left:0px;
}

#mega li{
	display:block; 
	margin-left:0px;
	float:left;
	width:133px;
	font-size:11px;
	text-align:center;
	left: 0px;
	color:#FFFFFF;
	line-height:35px;
	position: relative;	
	height:35px;	
	background-repeat:repeat-x;
	z-index:9999 !important;
	
}

#top_menu #mega li.last{
	width:132px !important;
}

#mega li a{
  color:#FFF !important;
	text-decoration: none;
	cursor:inherit;
}

#mega ul li:hover {	
	padding:0px 0 0px 0;
	margin-top:0px;
	z-index: 1;
	cursor:inherit;
	display:block;
	z-index:9999 !important; 
}

#mega ul li a{
	display:block;
	color:#BB1D82 !important;
	outline:0;
	cursor:pointer;	
	text-decoration: none;
	position:relative;
	font-size:13px;	
}

#mega ul li a:hover {
	display:block;
	color:#BB1D82  !important; /*#BB1D82;*/
  	font-weight:bold !important;
	cursor:inherit;
	text-decoration: none;
}

/*Menu 1 "Company"*/
#mega #menu-item-42 {
background-image:url(images/general/Lanopearl_05.jpg);
position:relative;
display:block;
}
#mega #menu-item-42 li:last-child{
	padding-bottom:45px;
	background:url(images/general/SubMenuBIOPEAK.jpg) right no-repeat !important;
	border-bottom:none !important;
}

/*Menu 2 "Research"*/
#mega #menu-item-49 {
background-image:url(images/general/Lanopearl_06.jpg);
position:relative;
display:block;
}
#mega #menu-item-49 li:last-child{
	padding-bottom:45px;
	background:url(images/general/SubMenuBIOPEAK.jpg) right no-repeat !important;
	border-bottom:none !important;
}

/*Menu 3 "Products"*/
#mega #menu-item-63 {
background-image:url(images/general/Lanopearl_07.jpg);
position:relative;
display:block;
}
#mega #menu-item-63 li:last-child{
	padding-bottom:45px;
	background:url(images/general/SubMenuBIOPEAK.jpg) right no-repeat !important;
	border-bottom:none !important;
}

/*Menu 4 "Distributors"*/
#mega #menu-item-487 {
background-image:url(images/general/Lanopearl_08.jpg);
position:relative;
display:block;
}
#mega #menu-item-487 li:last-child{
	padding-bottom:45px;
	background:url(images/general/SubMenuBIOPEAK.jpg) right no-repeat !important;
	border-bottom:none !important;
}

/*Menu 5 "Skin Care Tips"*/
#mega #menu-item-330 {
background-image:url(images/general/Lanopearl_11.jpg);
position:relative;
display:block;
}
#mega #menu-item-330 li:last-child{
	padding-bottom:45px;
	background:url(images/general/SubMenuBIOPEAK.jpg) right no-repeat !important;
	border-bottom:none !important;
}

/*Menu 6 "Media"*/
#mega #menu-item-643 {
background-image:url(images/general/Lanopearl_08.jpg);
position:relative;
display:block;
}
#mega #menu-item-333 li:last-child{
	padding-bottom:45px;
	background:url(images/general/SubMenuBIOPEAK.jpg) right no-repeat !important;
	border-bottom:none !important;
}

/*Menu 7 "Contact Us"*/
#mega #menu-item-157 {
background-image:url(images/general/Lanopearl_10.jpg);
position:relative;
display:block;
}
#mega #menu-item-157 li:last-child{
	padding-bottom:45px;
	background:url(images/general/SubMenuBIOPEAK.jpg) right no-repeat !important;
	border-bottom:none !important;
}


#mega ul {
	display:block;
	position:absolute;
	left:-999em;
	padding:0 0px 0px;
	border:1px solid #999;
	-moz-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	border-top:0;
	font-weight:normal;
	text-align:left;		
	line-height: 35px;
	cursor:pointer;
	margin-top:0px; 
	width:200px; 
	z-index:9999;
	overflow:hidden;
	text-indent:10px;
}
#mega ul li{
  
	text-align:left !important;
	width:200px;
	background-image: url(images/general/SubMenuOut.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
}

#mega li:hover ul {
	left:0px;
	top:auto;
	cursor:inherit;
	display:block;
}

#mega li.dif:hover ul {
	left:0px;
	cursor:inherit;
	display:block;
}

/* ---------------------------------------- END: Top Menu  ---------------------------------------- */


/* ---------------------------------------- Banner & Content  ---------------------------------------- */

#banner-wrap {
	padding-top:0px;
	width:930px;	
	margin: 0px auto 0;
	margin-top: 0px;
	height:300px;
	float: inherit;
	clear:both !important;	
}


#slider-wrap{ display:block;
	width:930px !important; 
	margin-top:-5px;
}


#slider-wrap {
/*	padding-top:2px;   tong set comment here */		
	margin: 0px auto 0;
	margin-top: 0px;
	height:330px;
	float: inherit;
	clear:both !important;
  	overflow:hidden;
  	text-align:center !important;
}

#container{
	display:block !important; 
	font-family:Arial !important;
	min-height:300px !important;
	width:930px;	
	margin: 0px auto 0;
	margin-top: 0px;
	padding-top:5px;
	clear:both !important;	
}

#container .columns{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display:block !important;
	float:inherit;	
}

/* ---------------------------------------- END: Banner & Content  ---------------------------------------- */

/* ---------------------------------------- Left Panel: Country List  ---------------------------------------- */
#left_country_block{
	width:110px; 
	display:inline-block; 
	padding:5px; 
	font:12px Arial; 
	background-color:#FFF; 
	float:left; 
	position:absolute; 
	margin:3px; 
	z-index:0; 
	border:1px solid #EEE; 
	-moz-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px; 
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px; 
}

#center_country_flags{	
	display:block; 
	clear:both;
	width:930px; 
	height:80px;		
	padding-left:0px;	
	font:12px Arial; 
	margin-top:3px;	 	
	/*-moz-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px; 
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px; */
}

#center_country_flags .country_single{
	display:inline-block; float:left;
	width:114px; 
	height:35px;
	margin-bottom:1px;	
	border:1px solid #CCC; 
	-moz-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px; 
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	background-color: #8c7459; 
}

#center_country_flags .country_single img.left_flag{
	width:35px; 
	margin-left:3px;
	margin-top:3px;	
	display:inline-block; 
	float:left;	
}

#center_country_flags .country_single .country_label{	
	padding-left:3px; 
	margin-top:-23px; 
	padding-top:0px;
	padding-bottom:0px;
	line-height:10px !important;		
	display:inline-block; 
	float:left;	
}

#center_country_flags .country_single .country_label a.country_link{
	font-size:11px;	
	text-decoration:none;
	color:#FFF;	
}

#center_country_flags .country_single .country_label a.country_link:hover{
	text-decoration:underline;
	color:#FFF;
}

/* -------------------- Fix ---------------------------- */

/* ------- Multiple Lines Fix -------- */

#center_country_flags #indo1, #center_country_flags #korea1, #center_country_flags #korea2{
	height:35px;	
}

#center_country_flags #indo1 .country_link, #center_country_flags #korea1 .country_link, #center_country_flags #korea2 .country_link{
	display:inline-block;
	width:55px;
}

#center_country_flags #indo1 .country_label, #center_country_flags #korea1 .country_label, #center_country_flags #korea2 .country_label{
	/*margin-top:-5px;*/
}

/* ------- Myanmar ------- */
#center_country_flags #myanmar{
	height:35px;	
}

#center_country_flags #myanmar .country_link{
	display:inline-block;
	width:55px;
}

#center_country_flags #myanmar .country_label{
	/*margin-top:-5px;*/
}

/* ------- New Zealand ------- */
#center_country_flags .nz_label{
	width:70px; 
}

/* ---------------------------------------- END: Left Panel: Country List  ---------------------------------------- */


/* ---------------------------------------- Left Panel: Skin Care Tips  ---------------------------------------- */

#left_panel #skincare_tips, #left_panel #media_widget ul{
  	list-style:none;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	height:35px;
	color: #000000;	
	margin-top: 0px;
	cursor:pointer;
	display:block;
	position:relative;  
	  
}

#left_panel #skincare_tips li,  #left_panel #media_widget li {	
	margin-left:0px;	
	width:125px;		
	color:#BB1D82;	
	position: relative;	
	height:15px;	
	background-repeat:repeat-x;
	z-index:9999 !important;	
  	text-align:right !important; 
 	border-bottom: 1px solid #BB1D82;
}

#left_panel #skincare_tips li.last,  #left_panel #media_widget li.last {
  	border-bottom:none;
}



#skincare_tips li a,  #left_panel #media_widget li a {
	display:block;
	color:#BB1D82;
	outline:0;
	cursor:pointer;	
	text-decoration: none;	
	font-size:13px;	
}

#skincare_tips li a:hover, #skincare_tips li.current-menu-item a,
#media_widget  li a:hover, #media_widget li.current-menu-item a {
	display:block;	
	cursor:inherit;
	text-decoration: none;
  font-weight:bold;
}


/* ---------------------------------------- END: Left Panel: Skin Care Tips  ---------------------------------------- */


/* ---------------------------------------- Right Panel  ---------------------------------------- */
#menuRightSide {
	width:150px;
	height:850px;
	margin: 0px auto 0;
	margin-top: -900px;
  	margin-left: 0px !important;
	float:right;
}
/* ---------------------------------------- END: Right Panel  ---------------------------------------- */

/* ---------------------------------------- Special Contents ---------------------------------------- */

/*Distributor List*/
.distributor-row{
	display:inline-block; 
	border:1px dotted #DDD; 
	-moz-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px; 
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px; 
	padding:10px; 
	float:left; 
	margin:5px;
}

.distributor-row .title{
	font-size: 12px; 
	font-weight: bold;
}

.distributor-row .distributor-detail{
	font-size: 12px;
}

/* ---------------------------------------- END: Contents ---------------------------------------- */

/* ---------------------------------------- Footer  ---------------------------------------- */
div#footer{
	display:block !important;
	/*border:1px solid red !important;	*/
	width:100% !important;
	min-height:300px !important;	
	margin: 0px auto 0;	
	position:relative !important;		
	background:url(images/general/footer-bg-long.jpg) center bottom  no-repeat  !important;		
	margin-top: 50px;
}

#footer-tab-wrap{
	height:40px;
	margin: 0px auto 0;	
	display:block !important;
	width:100% !important;
	background:url(images/general/footer-bg-top.jpg) top repeat;	 		
}

#footer a{
	text-decoration: none;
	/*color: #BB1D82;*/
	color:#000;
	background-color: inherit !important;
}

#footer .small-links a{
	color: #666;	 background-color: inherit !important;
}
#footer .small-links a:hover{
	color: #BB1D82; background-color: inherit !important;
}

#footer #legalOrganic, #footer #legaltitle{
	display:inline-block;
	float:left;
}

#footer #legaltitle {
	padding-top:5px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size: 15px;
	text-align: left;
	float: left;
	margin: 0 0 0 0;
	line-height:15px;
	text-align:left; background-color: inherit !important;
}

#footer .legalgold {
	color: #D1AB64;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
	text-align: left;
	float: left;
	width: 930px;
	height: 50px;
	margin: 0 0 0 0; background-color: inherit !important;
}

#footer .footer-tab{
	display:block;
	width: 930px;
	margin: 0px auto 0;
	border-top:1px solid #BB1D82;
}

#footer .footer-tab a{
	color:#FFF;
}

#footer .legal {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
	text-align: left;
	display:block;	
	width: 930px;	
	margin: 10px auto 0;
	line-height:10px;	
}

#footer-column-1, #footer-column-2, #footer-column-3, #footer-column-4{
	min-height:90px;	
}

#footer-column-1{
	display:inline-block;
	line-height:13px;
	width:200px;	
	float:left;
	padding-left:15px;
	color:#666;
	border-right:1px dotted #BB1D82;
}

#footer-column-1 b{
	color:#BB1D82;
}

#footer-column-2, #footer-column-3, #footer-column-4{
	color:#BB1D82;
	display:inline-block; 
	width:140px;	
	float:left;
	padding-left:30px;
	border-right:1px dotted #BB1D82;
}

#footer-column-5{
	color:#BB1D82;
	display:inline-block; 
	width:150px;	
	float:left;
	padding-left:15px; 
  border-right:none !important;
}

/* ----------------- Footer Menu Style ----------------- */
#footer_row_1,
#footer_row_2,
#footer_row_3
{
	margin-top:0px;
}

#footer_row_1 li,
#footer_row_2 li,
#footer_row_3 li
{
	list-style:none;
	margin-left:-40px !important;
	cursor:pointer;
	display:block;
	position:relative;
	padding-top:5px;
}

#footer_row_1 li a,
#footer_row_2 li a,
#footer_row_3 li a
{
	color: #BB1D82;
}

#footer_row_1 li a:hover,
#footer_row_2 li a:hover,
#footer_row_3 li a:hover{
	text-decoration:underline;
}
/* ----------------- END: Footer Menu Style ----------------- */


/* ---------------------------------------- END: Footer  ---------------------------------------- */
  
/* ---------------------------------------- Basic jQuery Slider essential styles ----------------- */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{
	display:block !important;
	list-style: none; 
	padding: 0; 
	margin: 0;
	margin-top:-25px !important; position:absolute;
	width:100%;
	z-index:99999999;
}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{
	display:inline-block;
	padding-right:5px;
	padding-left:5px;
	border:1px solid #b92c92;
	font-family:Arial;
	font-size:11px;
	text-decoration:none;
	margin-left:5px;
	color:#FFF !important;
	background:#b92c92;
	font-weight:bold;
}
ol.bjqs-markers li.active-marker a{
	background-color:#666 !important;
	border:1px solid #000;
}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
/* ---------------------------------------- END: Basic jQuery Slider essential styles ----------------- */

/* ---------------------------------------- Breadcrumb ---------------------------------------- */
.breadcrumb{
	display:block;
	margin-top:5px;
	clear:both !important;	
	text-align:right;
	font-size:11px;
	font-weight:bold;	
}
.breadcrumb a{
	text-decoration:none !important;
}
/* ---------------------------------------- END: Breadcrumb ---------------------------------------- */

/* ----------------------------------------* Contact Form Class ---------------------------------------- */

#loginform .round-corner td.label, 
#register-form .round-corner td.label,
#update-account-form  .round-corner td.label{
	text-align:right;
	font-weight:normal !important;
	width:150px;
}

#update-account-form  .round-corner td.label{
	width:200px;
}

#loginform a{
	font-size:11px;
	display:inline-block;
	padding-left:10px;	
}
#loginform a:hover{
	cursor:pointer;
	text-decoration:underline;
}


table.contact-tbl{
	padding-top:10px;
}

.success_notification{
	color: #bb1d82;
	font-size:16px;
	font-weight: bold;
}

table.round-corner{
	margin-left:20px;
	width:500px; 
	border:1px solid #bb1d82; 
	border-top-left-radius: 5px 5px; 
	-moz-border-radius-topleft: 5px 5px; 
	border-top-right-radius: 5px 5px; 
	-moz-border-radius-topright: 5px 5px;
}

table.round-corner td.header{
	padding:5px 10px;  
	background-color:#bb1d82; 
	font-size:16px; 
	font-weight:bold; 
	color:#FFF;
}

table.round-corner td.info-notice{
	font-size:10px;
	padding-left:20px;
	text-decoration:underline;
}

table.round-corner td.label{
	padding-left:20px;
	width:100px;
	vertical-align:text-top;
	font-weight:bold;
}

table.round-corner td.input-info{
	vertical-align:text-top;
}

table.round-corner td .required{
	color:red;
	font-size:10px;
}

.invalid_input{
	border:1px dashed #bb1d82;
}

table.round-corner .inputtext{
	font-family:Arial;
	font-size:12px;
}

table.round-corner select{
	font-size:11px !important;
	width:210px !important;
}

.pic_menuleft img {
	width:200px;
    box-shadow: 0 0px 3px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0px 3px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0px 3px 0 rgba(0,0,0,0.3);
}
/* ----------------------------------------* END: Contact Form Class ---------------------------------------- */
</style>