/*
---------------------------------------------
01. MAIN / DEFAULT ELEMENTS
---------------------------------------------
*/
table {
    border-collapse: separate;
    border-spacing: 0px;
    text-indent: 0;
}

body {
	
	background:#FFFFFF url(../images/bg-header.jpg) top repeat-x;
	margin: 0px;
	color:#4b4a4a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	text-align:justify;
}

#footer-background {background: url(../images/bg-footer.jpg) bottom repeat-x;}

#main { 
	margin:0 auto;
	width:862px;
	height:auto;
	background:#FFF;
}

ol { list-style-image:url(../images/bullet.jpg); line-height:15px; }
ol2 { list-style-image:url(../images/bullet.jpg); line-height:25px; }


.te_content {
  overflow: hidden !important;
  width:100%;
  background-color:000;
}



.te_top_up{
	top: 500px; left: 500px; position: absolute; width: auto; height: auto; display: inline-block; 
	
}
.home-box{
	background:url(../images/home-box-bkg.jpg) no-repeat;
	width:325px;
	height:227px;
	float:left;
	margin-left:10px;
	margin-top:15px;
	color:#627a7b;
	font-size:14px;
	line-height:23px;
	text-align:center;
	padding-top:10px;
}
.home-box span{
	font-weight:bold;
}
.home-box .heading{
	font-size:16px;
	font-weight:bold;
}
.clear{
	clear:both;	
}
	
/*  
	#main { 
	margin:0 auto;
	width:975px;
	background: url(../images/top-img.jpg) no-repeat;
}
*/

/*
---------------------------------------------
02. LINKS
---------------------------------------------
*/	

a { color: #585858; text-decoration: none; }
a:hover, a:focus { color: #585858; text-decoration:underline }
a:visited { color: #585858; }

a.linkBlue:link {color: #0000FF; text-decoration:none}
a.linkBlue:visited {color: #0000FF; text-decoration:none}
a.linkBlue:hover {color: #D7B440;text-decoration:underline}

a.linkyellow:link {color: #4b4a4a; text-decoration:underline}
a.linkyellow:visited {color: #4b4a4a; text-decoration:underline}
a.linkyellow:hover {color: #D6AD04;text-decoration:underline}

a.linkWhite:link {color: #FFFFFF; text-decoration:none}
a.linkWhite:visited {color: #FFFFFF; text-decoration:none}
a.linkWhite:hover {color: #D6AD04;text-decoration:none}




/*
---------------------------------------------
03. NAVIGATION
---------------------------------------------
*/	


#navArea #nav_home, #nav_thecompany, #nav_products, #nav_spa, #nav_education, #nav_testimonials, #nav_outlets, #nav_blog, #nav_contact { 
  height: 42px;
  border-style: none;
  margin: 10 auto 0px;
  color: transparent;
  font-size: 1px;
  text-indent: -1500px;
  cursor: pointer;
  float: left;
}

#navArea #nav_home:hover, #nav_thecompany:hover, #nav_products:hover, #nav_spa:hover, #nav_education:hover, #nav_testimonials:hover, #nav_outlets:hover, #nav_blog:hover, #nav_contact:hover {
  background-position: 0 -42px;
}

#nav_home{ background:  url(../images/home-nav.jpg) scroll repeat-x 0 0; width: 67px;}
#nav_thecompany { background:  url(../images/company-nav.jpg) scroll repeat-x 0 0; width: 108px;}
#nav_products { background: url(../images/products-nav.jpg) scroll repeat-x 0 0; width: 75px;}
#nav_spa{ background: url(../images/becomespa-nav.jpg) scroll repeat-x 0 0; width: 129px;}
#nav_education { background: url(../images/education-nav.jpg) scroll repeat-x 0 0; width: 155px;}
#nav_testimonials { background:  url(../images/testimonials-nav.jpg) scroll repeat-x 0 0; width: 97px;}
#nav_outlets { background: url(../images/retailoutlets-nav.jpg) scroll repeat-x 0 0; width: 104px;}
#nav_blog { background: url(../images/blog-nav.jpg) scroll repeat-x 0 0; width: 51px;}
#nav_contact { background: url(../images/contact-nav.jpg) scroll repeat-x 0 0; width: 76px;}
                                                                                 



/*
---------------------------------------------
04. HOME BUTTON
---------------------------------------------
*/	


#HomebuttonArea #button_products, #button_seminars, #button_retailer , #button_pointofskin , #button_pointofskin , #button_education{ 
  height: 126px;
  border-style: none;
  margin: 10 auto 0px;
  color: transparent;
  font-size: 1px;
  text-indent: -1500px;
  cursor: pointer;
  float: left;
}

#HomebuttonArea #button_products:hover, #button_seminars:hover, #button_retailer:hover, #button_pointofskin:hover, #button_education:hover {
  background-position: 0 -126px;
}

#button_products{ background:  url(../images/home-button1.jpg) scroll repeat-x 0 0; width: 214px;}
#button_seminars { background:  url(../images/home-button2.jpg) scroll repeat-x 0 0; width: 217px;}
#button_retailer { background: url(../images/home-button3.jpg) scroll repeat-x 0 0; width: 217px;}
#button_pointofskin{ background: url(../images/home-button4.jpg) scroll repeat-x 0 0; width: 214px;}
#button_education{ background: url(../images/home-button-edu.jpg) scroll repeat-x 0 0; width: 214px;}





/*
---------------------------------------------
04. LIST PROPERTIES
---------------------------------------------
*/	

ul.bullet li{
	list-style:url(../images/bullet.gif);
	margin-bottom:15px;
}


/*
---------------------------------------------
04. Side NAV
---------------------------------------------
*/	
.navigation {
border-bottom-color:#CCCCCC;
border-bottom-style:dotted;
border-bottom-width:1px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:15px;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}
.navigation li {
-x-system-font:none;
border-top-color:#CCCCCC;
border-top-style:dotted;
border-top-width:1px;
color:#2C2626;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:26px;
}
.navigation ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:10px;
padding-left:17px;
padding-right:0;
padding-top:0;
}

.navigation ul li a {
}
.navigation ul li a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-attachment:scroll;
background-color:transparent;
background-image:none;
background-position:0 0;
background-repeat:repeat;
text-decoration:underline;
}
.navigation li a {
display:block;
padding-bottom:0;
padding-left:10px;
padding-right:0;
padding-top:0;
text-decoration:none;
width:95%;
}
.navigation li p {
-x-system-font:none;
color:#2C2626;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:34px;
padding-bottom:0;
padding-left:18px;
padding-right:0;
padding-top:0;
}
.navigation li a:hover {
	background-image:url(../images/menu-rollover.jpg);
color:#000000;
display:block;
text-decoration:none;
width:95%;
}



/*
---------------------------------------------
05. BOX AND BORDERS
---------------------------------------------
*/	

#topheaderArea {width:100%; height:91px; background-image:url(../images/topheader-bg.jpg);}
#topheaderlogo{width:862px; height:90px; margin:0 auto;  font-family: Helvetica, Arial, sans-serif; font-size:11px; }
#bannerArea {width:100%; height:319px; padding-top:20px; background-image:url(../images/topbanner-bg.jpg); }
#bannerArea2 {width:100%; height:319px; padding-top:20px; background-image:url(../images/topbanner-bg2.jpg); }
#bannerArea3 {width:100%; height:319px; padding-top:20px; background-image:url(../images/topbanner-bg3.jpg); }
#bannerArea4 {width:100%; height:319px; padding-top:20px; background-image:url(../images/topbanner-bg4.jpg); }
#bannerArea5 {width:100%; height:319px; padding-top:20px; background-image:url(../images/topbanner-bg5.jpg); }
#bannerArea6 {width:100%; height:319px; padding-top:20px; background-image:url(../images/topbanner-bg6.jpg); }
#bannerArea7 {width:100%; height:319px; padding-top:20px; background-image:url(../images/topbanner-bg7.jpg); }
#bannerArea8 {width:100%; height:319px; padding-top:20px; background-image:url(../images/topbanner-bg8.jpg); }
#bannerArea9 {width:100%; height:319px; padding-top:20px; background-image:url(../images/topbanner-bg9.jpg); }



#banner {width:883px; height:319px; margin:0 auto; color:#aec772; }
#navArea {width:862px; height:50px; }
#bodyArea {width:862px; height:100px; overflow:auto; background:url(../images/home_images/bg-main-top.jpg) repeat-x top;}
#container { width: 862px; background: #FFFFFF; margin: 0 auto; text-align: left; } 
#sidebar { float: left; width: 215px; background: #f4f5f7;} 
#sidebar2 {width: 215px; padding: 0px 0px 5px 0px; } 
#sidebar3 {width: 205px; height:24px; padding: 0px 0px 0px 0px; background-image:url(../images/side-top-bg.jpg); font-weight:bold; color:#FFF; } 
#sidebar4 {width: 215px; height:8px; padding: 0px 0px 0px 0px; background-image:url(../images/side-bottom-bg.jpg);} 

#topsocial { float: right; width: 425px;  padding: 45px 0px 10px 0px; text-align:right; } 
#bottomsocial { float: right; width: 425px;  padding: 5px 0px 5px 5px; text-align:right; } 
#bottom-button { float: left; width: 309px;   padding: 0px 0px 0px 0px; text-align:left;  } 
#home-button{width:862px; height:128px; padding-top:15px; }

#mainContent { margin: 0 0 0 230px; padding: 0 10px 20px 10px; } 
#mainContent2 { margin: 0 0 0 0px; padding: 0 10px 20px 10px; } 

#homemainContent { margin: 0 0 0 0px; padding: 0 0px 20px 0px; text-align:justify; } 
#homemainContent2 { margin: 0 0 0 0px; padding: 0 0px 20px 0px;} 


#contentArea {width:400px; float:left; }
#link1 {width:285px; float:left;background:#f5f5f5; padding-left:15px; height:40px; margin-bottom:3px; line-height:15px; padding-top:10px; }
#link1r {width:285px; float:left;background:#f5f5f5; padding-left:15px; height:40px; margin-bottom:3px; margin-left:10px; line-height:15px; padding-top:10px;  }

#link2 {width:285px; float:left;background:#efeeee; padding-left:15px; height:40px; margin-bottom:3px; line-height:15px; padding-top:10px;  }
#link2r {width:285px; float:left;background:#efeeee; padding-left:15px; height:40px; margin-bottom:3px; margin-left:10px;  line-height:15px; padding-top:10px; }

#outlet1 {width:295px; float:left;background:#f5f5f5; padding-left:15px; height:80px; margin-bottom:25px; line-height:18px; padding-top:10px;  margin-left:10px; }
#outlet1r {width:285px; float:left;background:#f5f5f5; padding-left:15px; height:80px; margin-bottom:25px;  line-height:18px; padding-top:10px;  }

.seminarTable tr td {background:#f5f5f5; padding:5px 8px; border:#FFF solid 1px; }
td.whiteCell {background:#FFF;}
.seminarTable .title{font-size:14px; color:#d6ad04; border-top:#FFF 7px solid; background:#FFF;}


#seminar1 {width:100px; float:left;background:#f5f5f5; padding-left:15px; height:25px; margin-bottom:2px; line-height:18px; padding-top:5px;  margin-left:0px; font-weight:bold; }
#seminar1r {width:480px; float:left;background:#f5f5f5; padding-left:15px; height:25px; margin-bottom:2px;  line-height:18px; padding-top:5px; margin-left:2px;  }

#seminar2 {width:165px; float:left;background:#f5f5f5; padding-left:15px; height:25px; margin-bottom:2px; line-height:18px; padding-top:5px;  margin-left:0px; }
#seminar2r {width:410px; float:left;background:#f5f5f5; padding-left:15px; height:25px; margin-bottom:2px;  line-height:18px; padding-top:5px; margin-left:2px;  }

.seminarButtons {font-size:10px; font-style:italic; display:block; clear:left; padding:15px 0;}

#professionals2 {width:150px; float:left;background:#F5F5F5; padding-left:15px; height:25px; margin-bottom:2px; line-height:18px; padding-top:5px;  margin-left:0px; }
#professionals2r {width:220px; float:left;background:#F5F5F5; padding-left:15px; height:25px; margin-bottom:2px;  line-height:18px; padding-top:5px; margin-left:2px;  }
#professionals2r2 {width:530px; float:left;background:#F5F5F5; padding-left:15px; height:25px; margin-bottom:2px;  line-height:18px; padding-top:5px; margin-left:2px;  }
#professionals3 {width:150px; float:left;background:#EFEEEE; padding-left:15px; height:25px; margin-bottom:2px; line-height:18px; padding-top:5px;  margin-left:0px; }
#professionals3l {width:150px; float:left;background:#EFEEEE; padding-left:15px; height:85px; margin-bottom:2px; line-height:18px; padding-top:5px;  margin-left:0px; }
#professionals3r {width:220px; float:left;background:#EFEEEE; padding-left:15px; height:25px; margin-bottom:2px;  line-height:18px; padding-top:5px; margin-left:2px;  }
#professionals3r2 {width:530px; float:left;background:#EFEEEE; padding-left:15px; height:25px; margin-bottom:2px;  line-height:18px; padding-top:5px; margin-left:2px;  }
#professionals3rl {width:530px; float:left;background:#EFEEEE; padding-left:15px; height:85px; margin-bottom:2px;  line-height:18px; padding-top:5px; margin-left:2px;  }
#professionals2main1 {width:390px; float:left;background:#F5F5F5; padding-left:15px; height:25px; margin-bottom:2px; line-height:18px; padding-top:5px;  margin-left:0px; }
#professionals2main3 {width:390px; float:left;background:#FFFFFF; padding-left:0px; height:25px; margin-bottom:2px; line-height:18px; padding-top:5px;  margin-left:0px; }

#professionals2main11 {width:390px; float:left;background:#FFFFFF; padding-left:0px; height:55px; margin-bottom:2px; line-height:18px; padding-top:15px;  margin-left:0px; }


#professionals2main {width:515px; float:left;background:#F5F5F5; padding-left:15px; height:25px; margin-bottom:2px; line-height:18px; padding-top:5px;  margin-left:0px; }

#professionals2main2 {width:390px; float:left;background:#F5F5F5; padding-left:15px; height:90px; margin-bottom:2px; line-height:18px; padding-top:5px;  margin-left:0px; }
#professionals2main6 {width:390px; float:left;background:#EFEEEE; padding-left:15px; height:90px; margin-bottom:2px; line-height:18px; padding-top:5px;  margin-left:0px; }



#seminarb2 {width:600px; clear:both; background:#FFFFFF; padding-left:10px; height:15px; margin-bottom:2px; line-height:18px; padding-top:1px;  margin-left:0px; }
#seminarb2r {width:390px; float:left;background:#FFFFFF; padding-left:10px; height:15px; margin-bottom:2px;  line-height:18px; padding-top:1px; margin-left:2px;  }




#contact1 {width:295px; float:left; padding-left:0px; height:80px; margin-bottom:15px; line-height:18px; padding-top:10px;  }
#contactr {width:283px; float:left; padding-left:0px; height:80px; margin-bottom:15px;  line-height:18px; padding-top:10px; margin-left:2px;  }

#professionals1 {width:400px; float:left; padding-left:0px; height:auto; margin-bottom:15px; line-height:18px; padding-top:10px;  }
#professionalsr {width:400px; float:left; padding-left:0px; height:auto; margin-bottom:15px;  line-height:18px; padding-top:10px; margin-left:2px;  }

#outletbox1 {width:259px; float:left;background:#f5f5f5; padding-left:15px; height:160px; margin-bottom:3px; line-height:16px; padding-top:10px; margin-left:10px; margin-bottom:5px;  }
#outletbox1r {width:259px; float:left;background:#f5f5f5; padding-left:15px; height:160px; margin-bottom:3px; margin-left:10px; line-height:16px; padding-top:10px; margin-bottom:5px;  }

#outletbox2 {width:259px; float:left;background:#efeeee; padding-left:15px; height:160px; margin-bottom:3px; line-height:16px; padding-top:10px; margin-left:10px;  margin-bottom:5px; }
#outletbox2r {width:259px; float:left;background:#efeeee; padding-left:15px; height:160px; margin-bottom:3px; margin-left:10px;  line-height:16px; padding-top:10px; margin-bottom:5px; }

#outletbox3 {width:285px; float:left;background:#efeeee; padding-left:15px; height:120px; margin-bottom:3px; line-height:16px; padding-top:10px;  }
#outletbox3r {width:285px; float:left;background:#efeeee; padding-left:15px; height:120px; margin-bottom:3px; margin-left:10px;  line-height:16px; padding-top:10px; }

#facebook-outletbox {width:240px; float:left;background:#f5f5f5; padding-left:15px; height:160px; margin-bottom:3px; line-height:16px; padding-top:10px; margin-right:10px; margin-bottom:5px;  }


#rightNavArea {width:260px; float:right; }
#footerArea {width:100%; height:120px; margin:0 auto; background-image:url(../images/footer-bg.jpg); }
#footerArea2{width:862px; height:100px; margin:0 auto; padding-top:20px; font-family: Helvetica, Arial, sans-serif; font-size:11px; }
#copyrights { float: right; width: 60%;  padding: 0px 0px 5px 0px; text-align:right; } 
#div-1 {
 position:static;
 float:left;
 width:200px;
}

.videoBox {width:180px; height:170px;  float:left; text-align:center; margin-bottom:20px; margin-right:20px; font-weight:bold;}


.image { border: 1px solid #95abbd; background: #bcc5ce; padding: 2px;}

.lineGray {border-bottom:solid 1px #d7d7d7; margin:10px 0px;}
/*********************************************/


/*
---------------------------------------------
06. PARAGRAPH TAGS
---------------------------------------------
*/
h1 {
	font-size: 16px;
	color:#000000;
	margin-top:0;
	margin-bottom:5px;
	
}

h2 {
  	font-size: 18px;
	color: #d6ad04;
	margin-top:0;
	margin-bottom:5px;
}


/*
---------------------------------------------
07. PAGE TEXT
---------------------------------------------
*/
.textGray12 {
	font-size: 12px;
	color: #4b4a4a;
	font-weight:normal;
}

.textYellow13 {
	font-size: 12px;
	color: #deb405;
	font-weight:bold;
}

.textGray16 {
	font-size: 16px;
	color: #4b4a4a;
}

.textYellowMedium {
	font-size: 15px;
	color: #deb405;
}


/*
---------------------------------------------
08. FORMS
---------------------------------------------
*/

.formField {
	
	width:250px;
	height:16px;
	padding:2px 2px;
	background:#ffffff;
	border:1px solid #cccccc;
	color:#404040;
}

.formField2 {
	
	width:150px;
	height:16px;
	padding:2px 2px;
	background:#ffffff;
	border:1px solid #cccccc;
	color:#404040;
}

.formField3 {
	
	width:150px;
	height:18px;
	padding:2px 2px;
	background:#ffffff;
	border:1px solid #cccccc;
	color:#404040;
}

.formField4 {
	
	width:150px;
	height:18px;
	padding:2px 2px;
	background:#ffffff;
	border:1px solid #cccccc;
	color:#404040;
}

.formMessage {
	font-family: Arial;
	font-size: 12px;
	width:360px;
	height:60px;
	background:#ffffff;
	border:1px solid #cccccc;
}

.formFieldVerify {	
	width:110px;
	height:21px;
	font-family: Arial;
	font-weight:bold;
	font-size: 13px;
	background:#ffffff;
	border:1px solid #7c7c7c;
	color:#0071bb; 
	padding:6px 0px 0px 5px;
	margin: 0px 5px 0px 5px;	
}

/*.formbutton:hover {background:transparent url("../images/contact-btn3b.gif") no-repeat center top;}*/

.formSubmit {
	width:85px;
	height:26px;
	background:#404040;
	color:#3e3e3e;
	border:1px solid #aeaeae;
	background: transparent url(../images/submit.jpg) ;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}


.formSubmit2 {
	width:200px;
	height:26px;
	background:#404040;
	color:#3e3e3e;
	border:1px solid #aeaeae;
	background: transparent url(../images/submit.jpg) ;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}


form.myform .formSubmit:focus {
  background: transparent url(../images/submit.jpg) no-repeat center top;
  border: none;
}

form.myform input:focus, form.myform textarea:focus {
    background-image: none;
    background-color: #ffffff;
    border: solid 1px #1fae4b;
}

/*********************************************/

#vs {
    border: 0 solid #515151;
    height: 388px;
}