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

body {margin:0; font-family: Arial, "Lucida Grande", "Lucida Sans", sans-serif; font-size:13px; background-color:#fff; color:#3c3c3c; }

a:focus {outline: none;}
header {width:100%; height:135px; background:url(../images/root/logo.png) center no-repeat;}
nav { width:auto; height:35px; border-bottom-style:solid; border-color: #ececec; border-bottom-width:0px;  }
#the-nav{ width:auto; height:35px; border-bottom-style:solid; border-color: #ececec; border-bottom-width:1px;}

#more {color: #333; text-decoration:none;}
#more a{color: #333; text-decoration:none;}
#more a:hover{color:#333333; text-decoration:none;}

/** main navigation **/
#nav-container {width:280px; height:22px; padding-top:0px; padding-left:17px; } 

#nav-main { padding:0; margin:0; list-style:none; height:22px; position:relative; z-index:200; font: 12px Arial, Arial, sans-serif; text-align:center;}
#nav-main li.top { display:block; float:left;}
#nav-main li a { display:block; float:left; height:22px; text-decoration:none; padding:0; cursor:pointer; text-align:center;}
#nav-main li a b{margin-left:-999px;}
#nav-main li a.home { background:url(../images/root/button-home.png); width:60px;}
#nav-main li a.products { background:url(../images/root/button-products.png); width:140px; }
#nav-main li a.contact { background:url(../images/root/button-contact.png); width:80px; } 

#nav-main li:hover a.home,
#nav-main li a.home:hover{ background-position:0 22px;}

#nav-main li:hover a.products,
#nav-main li a.product:hover{ background-position:0 44px;}

#nav-main li:hover a.contact,
#nav-main li a.contact:hover{ background-position:0 22px;}
  
#nav-main .sub { position:absolute; left:-9999px; top:-9999px; width:0; margin:0; padding:0; list-style:none; }
 
#nav-main li:hover {position:relative; z-index:200;}
#nav-main a:hover {position:relative; z-index:200;}
 
#nav-main :hover ul.sub
{top:10px; width:140px; z-index:998; }

html>/**/body #nav-main :hover ul.sub, x:-moz-any-link, x:default { top:10px; width:140px; z-index:9999; }

#nav-main :hover ul.sub.products { left:0; line-height: 0px; padding-top:12px;}

#nav-main :hover ul.sub li {background:#eb1c23; width:160px; list-style:none; display:block; line-height:0px;}
#nav-main :hover ul.sub li a { background:#eb1c23; color:#fff; display:block; width:120px; height:100%; padding:10px 10px 10px 10px;  text-decoration:none; border:0px solid #eb1c23; line-height:5px; list-style:none; }
#nav-main :hover ul.sub li a:hover{ color:#000; list-style:none; background:#eb1c23;}
	
#nav-main :hover ul.sub li {}


/** breadcrum **/
#breadcrumb{width:100%; height:50px;}
#breadcrumb_container{width:960px; text-align:left; padding-left:0; top:160px;}
#breadcrumb_nav li.top {display: inline;}
#breadcrumb_nav li a {float:left; border:0px solid #888; text-decoration:none; cursor:pointer; height:26px;}

#breadcrumb_nav li a.level1 { font:12px Arial, "Lucida Grande", "Lucida Sans",  sans-serif; color:#898989; padding:13px 35px 0 10px; top:100px; background: url(../images/root/breadcrumb-shadow-small.png) right no-repeat;}
#breadcrumb_nav li a.level1:hover { font:12px Arial, "Lucida Grande", "Lucida Sans",  sans-serif; color:#eb1c23;padding:13px 35px 0 10px; background: url(../images/root/breadcrumb-shadow-small.png) right no-repeat;}

#breadcrumb_nav li a.level2 { font:12px Arial, "Lucida Grande", "Lucida Sans",  sans-serif; color:#898989; padding:13px 35px 0 10px; top:100px; background: url(../images/root/breadcrumb-shadow-small.png) right no-repeat;}
#breadcrumb_nav li a.level2:hover { font:12px Arial, "Lucida Grande", "Lucida Sans",  sans-serif; color:#eb1c23;padding:13px 35px 0 10px; background: url(../images/root/breadcrumb-shadow-small.png) right no-repeat;}

#breadcrumb_nav li a.level3{ font:12px Arial, "Lucida Grande", "Lucida Sans",  sans-serif; color:#898989; padding:13px 35px 0 10px; background: url(../images/root/breadcrumb-shadow-small.png) right no-repeat;}
#breadcrumb_nav li a.level3:hover{ font:12px Arial, "Lucida Grande", "Lucida Sans",  sans-serif;  color:#eb1c23; padding:13px 35px 0 10px; background: url(../images/root/breadcrumb-shadow-small.png) right no-repeat;}

#breadcrumb_nav li a.level3b{ font:12px Arial, "Lucida Grande", "Lucida Sans",  sans-serif; color:#898989; padding:13px 40px 0 10px;}
#breadcrumb_nav li a.level3b:hover{ font:12px Arial, "Lucida Grande", "Lucida Sans",  sans-serif;  color:#eb1c23; padding:13px 35px 0 10px; }

#breadcrumb_nav li a.level4{ font:12px Arial, "Lucida Grande", "Lucida Sans",  sans-serif; color:#898989; padding:13px 40px 0 10px;}
#breadcrumb_nav li a.level4:hover { font:12px Arial, "Lucida Grande", "Lucida Sans",  sans-serif;  color:#eb1c23; padding:13px 35px 0 10px;}
/**-------------------- end breadcrum --------------------**/


/** main **/
.success-stories-title { font-size:18px; color:#333333;}
.learn-more-title { font-size:18px; color:#333333;}
.recognition-title { font-size:18px; color:#333333;}
.contact-title { font-size:21px; }
.enquiries-title { font-size:21px; }
#content{width:960px; clear: both;}
.heightlight1{ font-size:18px;}

#news-container{ font-family: Arial, "Lucida Grande", "Lucida Sans",sans-serif; font-weight:bold; font-size:12px; border-bottom:1px solid #bed73d; margin-bottom:0px; text-align:left; color:#666; padding:5px 0 0 0;}

/** col **/
#three-col {width:960px; margin:20px 0 40px 0; clear:both;}
#col-1{width:280px; height:210px; float:left; text-align:left; padding:0 8px 40px 22px;}
#col-2{width:280px; height:210px; float:left; text-align:left; padding:0 8px 0 22px;}
#col-3{width:280px; height:210px; float:left; text-align:left; padding:0 8px 0 22px;}
#shadow{width:15px; height:210px; float:left; background: url(../images/root/divider-shadow.png) no-repeat;}

/** contact **/
#two-col {width:960px; margin:20px 0 40px 0;}
#tc-col-1{width:525px; height:auto; float:left; text-align:left; padding:0 0 40px 0;}
#tc-col-2{width:390px; height:auto; float:left; text-align:left; padding:0 0 40px 30px;}
#tc-shadow{width:15px; height:210px; float:left; background: url(../images/root/divider-shadow.png) no-repeat;}


/** learn more **/
#main-ingredient-container{width:auto; line-height:16px;  font-size:13px; margin:0 0 30px 0; clear:both;}
#main-ingredient-container2{width:auto; line-height:16px;  font-size:13px; margin:10px 0 0 0;}
#main-ingredient-photo{width:70px; height:70px; margin:2px 15px 8px 0; float:left;}
#main-ingredient-text{width:180px; margin:0; float:left; text-align:left; text-align:justify; margin-bottom:30px; clear:both;}

/** success-stories **/
.success-stories-name { font: 14px Arial, sans-serif; color:#000000;}
.success-stories-place {font: 11px Arial, sans-serif; color:#555;}
.success-stories-before-after-picture2 { width:auto; height:200px; margin-top:15px;}
#success-stories-mystory{ margin:15px 0 20px 0; line-height:16px;}

/** footer **/
footer { width:auto; height:35px; border-top-style:solid; border-color: #ececec; border-top-width:1px; clear: both;}
#footer-container { width:960px; text-align:left; font-size:10px; padding-top:8px;}

/** rotation background **/
#jpeg-container { width:100%; height:400px;  text-align:center; top:auto; clear:both;}
html>/**/body #jpeg-container, x:-moz-any-link, x:default {width:100%; height:400px;  text-align:center; clear:both;}


/** form **/
#particular input {margin: 5px 0 5px 0; width:300px;}
.button input {}
#particular select {width:298px; margin: 5px 0 5px 0;}
textarea {width:300px; margin: 5px 0 5px 0; font-family: Arial, "Lucida Grande", "Lucida Sans", sans-serif; font-size:13px;}
#order-paypal{width:auto; padding:35px 30px; line-height:16px; text-align:justify; font-size:13px;}




/** jpeg rotator**/
.wt-rotator {font-family:Arial,Helvetica,sans-serif; font-size:11px; border:0px solid #000; position:relative; width:auto; height:400px; overflow:hidden;}

.wt-rotator a{outline:none;}
.wt-rotator .screen{ position:relative; top:0; left:0; width:auto; height:480px; overflow:hidden;}
.wt-rotator .main-img{ display:none; position:absolute; top:0; left:0; z-index:0; border:0;}
.wt-rotator .preloader{ background:url(../images/root/loading.gif) no-repeat center; float:left; width:24px; height:24px; position:absolute; top:50%; left:50%; margin-top:-17px; margin-left:-17px; z-index:4; display:none;}
.wt-rotator #timer{ position:absolute; left:0; height:4px; background-color:#FFF; filter:alpha(opacity=0); opacity:0.50; z-index:4; visibility:hidden; font-size:0;}
.wt-rotator .desc{ color:#000; position:absolute; top:0; left:0; z-index:6; overflow:hidden; visibility:hidden; text-align:left;}
.wt-rotator .inner-bg{ position:absolute; width:100%; height:100%; background: url(../images/root/bg.png) repeat-x;; filter:alpha(opacity=75); opacity:0.75; z-index:0;}
.wt-rotator .inner-text{ position:absolute; padding:10px; z-index:1;}
.wt-rotator .c-panel{ position:absolute; float:left; top:0;left:0; z-index:7; visibility: hidden;}
.wt-rotator .cp-bg{
background:#222;
background:-webkit-gradient(linear, left top, left bottom, from(#333333), to(#111111));
background:-moz-linear-gradient(top,  #333333,  #111111);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#111111')" !important; 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#111111') !important;
border:1px solid #000;
}
.wt-rotator .thumbnails,
.wt-rotator .buttons{
float:right;
overflow:hidden;
}
.wt-rotator .thumbnails ul{
list-style:none;
margin:0;
padding:0;
}
.wt-rotator .thumbnails li,
.wt-rotator .play-btn,
.wt-rotator .prev-btn,
.wt-rotator .next-btn{
list-style:none;
display:block;
float:left;
margin-right:0px;
overflow:hidden;
width:10px;
height:10px;
line-height:10px;
text-align:center;
color:#FFF;
background-color:#000;
border:0px solid #000;
cursor:pointer;
font-weight:bold;
background: url(../images/root/main_dot_white.png) no-repeat;
}
.wt-rotator .thumbnails li.thumb-over{
color:#FFF;
background: url(../images/root/main_dot_blue.png) no-repeat;
}
.wt-rotator .thumbnails li.curr-thumb{
color:#000;
background: url(../images/root/main_dot.png) no-repeat;
cursor:default;
}
.wt-rotator .thumbnails li *{
display:none;
}
.wt-rotator .thumbnails li div{
position:absolute;
color:#FFF;
background-color:#000;
}
.wt-rotator .play-btn{
background:#000 url(../images/root/play.png) no-repeat center;
}
.wt-rotator .pause{
background:#000 url(../images/root/pause.png) no-repeat center;
}
.wt-rotator .prev-btn{
background:#000 url(../images/root/prev.png) no-repeat center;
}
.wt-rotator .next-btn{
background:#000 url(../images/root/next.png) no-repeat center;
}
.wt-rotator .button-over{
background-color:#CCC;
}
#rotator-tooltip{
position:absolute;
top:0;
left:0;
z-index:99999;
display:none;
}
#rotator-tooltip.txt-up{
margin-left:-10px;
margin-bottom:5px;
background:url(../images/root/tail.png) no-repeat;
background-position:10px bottom;
background-position-x:10px;
background-position-y:bottom;
}
#rotator-tooltip.txt-down{
margin-left:-10px;
margin-top:24px;
background:url(../images/root/rev_tail.png) no-repeat;
background-position:10px top;
background-position-x:10px;
background-position-y:top;
}
#rotator-tooltip.img-up{
margin-left:5px;
margin-bottom:5px;
background:url(../images/root/tail.png) center bottom no-repeat;
}
#rotator-tooltip.img-down{
margin-left:5px;
margin-top:24px;
background:url(../images/root/rev_tail.png) center top no-repeat;
}
#rotator-tooltip .tt-txt{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#FFF;
background-color:#000;
max-width:300px;
padding:4px;
margin:8px 0;
}

#rotator-tooltip .tt-img{ background-color:#000; padding:2px;margin:8px 0;}
.wt-rotator .block,
.wt-rotator .vpiece,
.wt-rotator .hpiece { position:absolute; z-index:2;}
.title{ font-weight:bold; line-height:1.5em;}