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

body {margin:0; font-family: Arial, "Lucida Grande", "Lucida Sans", sans-serif; font-size:13px; background-color:#FFFDF5; color:#3c3c3c;}
a:focus {outline: none;}
.gcontainer {margin:0px auto; width:100%;}
.heightlight{color:#00AEEF;}
.heightlight-subtitle{color:#00AEEF; font-size:14px;}
.heightlight-text{color:#00AEEF; font-size:13px;}
#cautions { text-align:justify; padding:10px 0 10px 0; color:#999;}
.grey{color:#999;}
.grey2{color:#999; font-size:10px;}
.padding-bottom{padding-bottom:20px;}
.padding-top{padding-bottom:20px;}
.small-text-grey{color:#999; font-size:11px;}
#paragraph4{width:auto; padding:0 30px 15px 30px; line-height:18px; text-align:justify; font-size:13px;}
#paragraph3{width:auto; padding:5px 30px 30px 30px; line-height:18px; text-align:justify; font-size:13px;}
#paragraph2{width:auto; padding:15px 30px 30px 30px; line-height:18px; text-align:justify; font-size:13px;}
#paragraph{width:auto; padding:15px 30px; line-height:16px; text-align:justify; font-size:13px; clear:both;}
#more a{color:#5A7730; text-decoration:none;}
#more a:hover{color:#00AEEF; text-decoration:none;}
hr[noshade=noshade] { border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: #ececec; background-color: grey;}
hr { border-color: #ececec; width:100%; float:left; display:inline-block; margin:20px 0; border-bottom: 0px; padding: 0; }
ol {counter-reset:li; /* Initiate a counter */
    margin-left:20px; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */}
	
ul {counter-reset:li; /* Initiate a counter */
    margin-left:20px; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */}

/** header **/
#header { height:105px; width:auto;}


/** facebook like | country | language **/
#top-1st-container{ width:auto; height:40px; }
#top-1st-bar { height:40px; width:960px;}
.www-45kilo-com { color:#5A7730; font-size:14px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .www-45kilo-com { color:#5A7730; font-size:14px;}}
#url {font-weight: 900; float:left; width:200px; height:20px; padding:10px 30px 10px 30px; text-align:left;}
#facebook-like {float:left; width:640px; height:20px; padding:12px 30px 8px 30px; text-align:left;}
#countries{ float:left; width:180px;}

#language{ float:left; width:130px;}
#language.input{ float:left; width:130px;}


/** SITE MAP | STUDENT E-PORTAL | LANGUAGE **/
#header_nav_top_container {float:left; width:260px;  height:20px; text-align:center; padding-top:10px;}

#header_nav_top {padding:0; margin:0; list-style:none; position:relative; z-index:999; font: 10px Arial, Arial, sans-serif;  float:right;}
#header_nav_top li.top {display:block; float:left;}
#header_nav_top li a {display:block; float:left; text-decoration:none; padding:0; cursor:pointer;  padding:0 10px 0 5px; text-align:right;}
#header_nav_top li a b{margin-left:-999px;}

#header_nav_top li a.countries {background:none; color:#5A7730;} 
#header_nav_top li a.language {background: url(../images/base/header_nav_arrow_off.png) right center no-repeat; color:#5A7730;}

#header_nav_top li:hover a.countries,
#header_nav_top li a:hover.countries {background:none; color:#00AEEF;}

#header_nav_top li:hover a.language, 
#header_nav_top li a:hover.language {background: url(../images/base/header_nav_arrow_on.png) right center no-repeat; color:#00AEEF;}
#header_nav_top .sub {position:absolute; right:55px; top:-9999px; width:0; margin:0; padding:0; list-style:none;}

#header_nav_top li:hover {position:relative; z-index:9999;}
#header_nav_top a:hover {position:relative; z-index:9999; }
 
#header_nav_top :hover ul.sub{top:10px; width:100px; z-index:300; background-color:#FFFDF5;}

#header_nav_top :hover ul.sub.countries{ right:2px; }
#header_nav_top :hover ul.sub.language{ right:0; }
#header_nav_top :hover ul.sub div
{display:block; border-bottom:0px solid #212021;}
#header_nav_top :hover ul.sub div a
{ color:#5A7730; display: block; text-decoration:none; cursor:pointer; width:84px; padding:3px 0 10px 0; height:10px;}
#header_nav_top :hover ul.sub div a:hover { color:#00AEEF; list-style:none; display: block;}
#header_nav_top .divided {color:#868686;}


/** logo | button **/
#top-2nd-container{ width:auto; height:60px; background: url(../images/root/top-2nd-row-bg-shadow.gif) repeat-x;}
#top-2nd-bar {width:960px; height:60px;}
#logo { float:left; width:140px; height:60px; background: url(../images/root/logo.gif) 30px 9px no-repeat; }

#main-nav {padding:0; margin:0; list-style:none; height:13px; position:relative;  z-index:200; font: 11px Arial, sans-serif; text-align:center;}
#main-nav li.top {display:block; float:right; padding:23px 0px 0 0px;}
#main-nav li a {display:block; float:right; height:13px; text-decoration:none; text-align:center;}
#main-nav li a b{margin-left:-999px;}
#main-nav li a.about {background: url(../images/root/malay-button-about.gif); width:96px; margin:0 15px 0 15px;} 
#main-nav li a.learn{background: url(../images/root/malay-button-learnMore.gif); width:120px; margin:0 15px 0 15px;}
#main-nav li a.success{background: url(../images/root/malay-button-successStories.gif); width:85px; margin:0 15px 0 15px;}
#main-nav li a.faqs{background: url(../images/root/malay-button-faqs.gif); width:75px; margin:0 15px 0 15px;}
#main-nav li a.order{ background: url(../images/root/malay-button-orderNow.gif); width:89px; margin:0 15px 0 15px;}
#main-nav li a.agent{ background: url(../images/root/malay-button-agent.gif); width:95px; margin:0 15px 0 15px;}
#main-nav li a.order-label{ background: url(../images/root/malay_order_labels.png); width:100px; height:72px; position: absolute; top:60px; left:800px;}

#main-nav li:hover a,
#main-nav li a:hover{ background-position:0 13px;}
#main-nav li a.selected{ background-position:0 13px;}
#main-nav li a.order-label:hover{ background-position:0 72px;}

#order-button li.top {display:block; float:right;}
#order-button li a {display:block; float:right; height:33px; text-decoration:none; text-align:center;}
#order-button li a{ position:absolute; z-index:99999999; top:260px; left:343px; width:120px; background:url(../images/root/malay-order-button.png); }
#order-button li a:hover{ background-position:0 33px; }

/** rotation background **/
#jpeg-container {width:100%; height:270px; background: url(../images/root/bg.png) repeat-x;}

/** content **/
#center-container { position: relative; z-index:99999; top:-42px; width:960px; height:auto; overflow:hidden;}

#content-top-rounder {width:960 px; background:url(../images/root/rounded-top.png) no-repeat; height:8px;}
#content { background-color:#FFFFFF; background:url(../images/root/center-content-tile.png) repeat-y; position:relative; z-index:99999;  height:auto; overflow:hidden;}
#content-bottom-rounder {width:960px; background:url(../images/root/rounded-bottom.png) no-repeat; height:8px;}

#content-left {float:left; width:630px;  height:auto; overflow:hidden; }
#content-right {float:right; width:330px; background:url(../images/root/vetical-line.gif) repeat-y; text-align:left;}

#title-container{ width:auto; height:14px; margin:8px 0 10px 30px;}
#about-title {margin:0; text-align:left; font-weight:900; font-size:20px; color:#5A7730;}
#learn-more-title {margin:0; text-align:left; font-weight:900; font-size:20px; color:#5A7730;}
#faqs-title {margin:0; text-align:left; font-weight:900; font-size:20px; color:#5A7730;}
#success-stories-title{margin:0; text-align:left; font-weight:900; font-size:20px; color:#5A7730;}
#customer-title {margin:0; text-align:left; font-weight:900; font-size:20px; color:#5A7730;}
#call-title{margin:0; text-align:left; font-weight:900; font-size:16px; color:#00AEEF;}
#sms-title{margin:0; text-align:left; font-weight:900; font-size:16px; color:#00AEEF;}
#email-title{margin:0; text-align:left; font-weight:900; font-size:16px; color:#00AEEF;}
#shipping-title{margin:0; text-align:left; font-weight:900; font-size:20px; color:#5A7730; padding-bottom:4px; }
#payment-title{margin:0; text-align:left; font-weight:900; font-size:20px; color:#5A7730;}
#order-title {margin:0; text-align:left; font-weight:900; font-size:20px; color:#5A7730;}
#enquiries-title {margin:0; text-align:left; font-weight:900; font-size:20px; color:#5A7730;}
#phone-icon{ background:url(../images/root/icon-phone.gif) 2px no-repeat; width:215px; height:20px; padding-top:1px; text-align:right; color:#00AEEF; margin-top:8px;}
#sms-icon{ background:url(../images/root/icon-sms.gif) no-repeat; width:120px; height:20px; text-align:right; padding-top:2px; color:#00AEEF;}
#email-icon{ background:url(../images/root/icon-email.gif) no-repeat; width:150px; height:20px; text-align:right; color:#00AEEF; margin-top:8px;}
#video{ width:630px; height:285px; background-color:#CCCCCC;}

#facebook-box{ width:auto; padding:0 30px 0 30px;}
#livechat{ width:auto; padding:0 30px 0 30px;}

/** form **/
#particular input {margin: 5px 0 5px 0; width:245px;}
.button input {}
#particular select {width:250px; margin: 5px 0 5px 0;}
textarea {width:245px; 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;}
#orderform input {margin: 5px 0 5px 0; width:200px;}

/** about 45kilo**/
#about {width:auto; padding:15px 30px; line-height:16px; text-align:justify; font-size:13px;}
.about-benefit {colour:#00AEEF;}
#regonization {background:url(../images/about-us/logo-recognition.jpg) center no-repeat; width:auto; height:60px; padding-bottom:20px;}

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

/** success-stories **/
#success-stories {width:auto; line-height:16px; text-align:justify; font-size:13px; margin:0 0 15px 0;}
#before-after-picture{width:270px; height:200px; float:left; margin: 0 0 15px 30px;}
#before-after-text{width:285px; min-height:200px; float:right; padding: 0 30px 0 15px; text-align:left; margin-bottom:15px;}
.name{ font: 15px Arial, sans-serif;}
.place{font: 13px Arial, sans-serif; color:#999999;}
.before-after-picture2{width:auto; height:200px; margin-top:15px;}
#mystory{ margin:15px 0 20px 0;}
#before-after-text2{ width:auto; text-align:left; margin-bottom:15px;}

#success-right{float:right; width:270px; margin:0 30px 0 15px; text-align:left;}
#success-left{float:left; width:270px; margin:0 15px 0 30px; text-align:left;}



/** faqs **/
.heightlight-faq{color:#00AEEF; font-size:15px;}


/**ordernow**/
#order-container{ width:280px; height:14px; margin:8px 0 10px 30px; float:left;}
#order-container-left{ width:320px; height:14px; margin:8px 0 10px 0px; float:left; text-align:right;}
#order-container-left li.top {display:block; float:right; font: 12px Arial, Arial, sans-serif; color:#5A7730;}
#order-container-left li a {display:block; float:right; text-decoration:none; padding:0; cursor:pointer;  padding:0 30px 0 5px; text-align:right; font: 12px Arial, Arial, sans-serif; color:#5A7730;}
#order-container-left li a:hover {font: 12px Arial, Arial, sans-serif; color:#00AEEF;}

#order {width:auto; padding:10px 30px; line-height:16px; text-align:justify; font-size:13px; margin-bottom:10px;}
#price{ width:630px; height:250px; }

#bank-container {width:auto;}
#bank-notice{ font: 11px Arial, Arial, sans-serif; color:#666666;}
#bank { margin:0; list-style:none; z-index:999; font: 13px Arial, Arial, sans-serif; line-height:16px;}
#bank ul {counter-reset:li; /* Initiate a counter */margin-left:0px; /* Remove the default left margin */padding-left:0; /* Remove the default left padding */}
#bank li {display:block; float:left; width:190px; padding:0 0 30px 0;}

.order-form input[type="text"]{margin: 5px 20px 5px 0; width:200px;}
.order-form input[type="radio"]{margin: 5px 3px 5px 20px;}

/** footer **/
#footer-container {width:960px; margin:10px 0 10px 0;  position: relative; z-index:99999; top:-40px; }
#copyright{ float:left; width:300px; font: 11px Arial, sans-serif; text-align:left; color:#5A7730;}
#footer-nav {padding:0; margin:0; list-style: none; height:12px; position:relative; z-index:200; font: 11px Arial, sans-serif; text-align:center; }
#footer-nav li.top {display:block; float:right; line-height:10px; padding:0 5px 0 5px;}
#footer-nav li a {font: 11px Arial, sans-serif; display:block; float:right; height:12px; text-decoration:none; text-align:center; color:#5A7730;}
#footer-nav  li a b{margin-left:-999px;}

#footer-nav li:hover a,
#footer-nav li a:hover{font: 11px Arial, Arial, sans-serif; color:#00AEEF;}


/** jpeg rotator**/
.wt-rotator {font-family:Arial,Helvetica,sans-serif; font-size:11px; background: url(../images/root/bg.png) repeat-x; border:0px solid #000; position:relative; width:auto; height:270px; overflow:hidden;}

.wt-rotator a{outline:none;}
.wt-rotator .screen{ position:relative; top:0; left:0; width:auto; height:270px; 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;}