@charset "utf-8";
/*------------------------ CSS RESET ------------------------*/
*						   { margin:0px; padding:0px;}
body					   { background:url(../img/body-bg.jpg); font:normal 12px/18px Arial, Helvetica, sans-serif; color:#4d4d4d;}
img,a					   { border:none; outline:none;}
ul,li					   { list-style:none;}
table					   { border-collapse:collapse; border-spacing:0;}
a                          { color:#4d4d4d; text-decoration:none;}
button					   { background:none; outline:none; border:none;}
@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('../fonts/Chunkfive-webfont.eot');
    src: url('../fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Chunkfive-webfont.woff') format('woff'),
         url('../fonts/Chunkfive-webfont.ttf') format('truetype'),
         url('../fonts/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*------------------------ REGULAR SELECTORS ------------------------*/
.bgn					   { background:none!important;}
.m-p-r0                    { margin-right:0px!important; padding-right:0px!important;}
.t-a-center				   { text-align:center;}
.bbn					   { border-bottom:none!important;}
.clr					   { clear:both;}
.left					   { float:left;}
.right					   { float:right;}
/*------------------------ CONTAINER SELECTORS ------------------------*/
.main					   { width:970px; margin:0 auto;}
/*------------------------ HEDER SELECTORS ------------------------*/
.header					   { background:url(../img/header-bg.jpg) repeat-x; border-top:none!important; position:relative;
                             border:1px solid #bdbcbd; border-radius:0 0 5px 5px; width:948px;float:left; padding:15px 11px 10px;                             margin-bottom:11px;}
/*.header ul 				   {}
.header ul li			   { float:left; padding-right:4px; margin-right:3px; background:url(../img/navigation-li-bg.jpg) no-repeat right center;}

.header ul li a			   { padding-left:30px; line-height:37px; display:block; color:#000; font-weight:bold;}
.header ul li a span	   { padding-right:30px; line-height:37px; display:block;}
.header ul li a:hover	   { background:url(../img/navigation-span.png) no-repeat left 0px; color:#fff; text-shadow:2px 2px 2px #333;}
.header ul li a:hover span { background:url(../img/navigation-span.png) no-repeat right bottom;}
.header ul li a.selected   { background:url(../img/navigation-span.png) no-repeat left 0px; color:#fff; text-shadow:2px 2px 2px #333;}
.header ul li a.selected span{ background:url(../img/navigation-span.png) no-repeat right bottom;}*/
.header ul li.logo-area	   { width:248px; margin:0px 11px 0 12px; padding:0px;}
.logo					   { position:absolute; top:0px; left:360px; z-index:9999999999;}
/*------------------------ BANNER SELECTORS ------------------------*/
.banner                    { margin-bottom:11px; float:left;}
/*------------------------ CONTENT CONTAINER SELECTORS ------------------------*/
.content-container		   { border:1px solid #bdbcbd; box-shadow: 0px 0px 5px #ccc; border-radius:5px; width:968px; float:left; 
                             background:#fff; margin-bottom:12px;}
.content				   { padding:0 14px; float:left; width:940px; margin-top:12px; }
.content-top			   { float:left; margin-top:16px; margin-bottom:16px; }
.content-top-left		   { width:613px; float:left; padding-bottom:7px; margin-right:18px; border-bottom:1px solid #bdbcbd;}
.content-top-left img	   { border:1px solid #c6c6c6; padding:4px; border-radius:4px; margin:0 12px 0 8px; float:left;}
.content-top-left p		   { line-height:20px;}	
.read-more		           { border:1px solid #bdbcbd; color:#c30; border-radius:3px; line-height:27px; display:inline-block; 
                             padding:0 9px;}
.read-more:hover           { color:#4d4d4d;}
.content-top-left h1       { font-size:24px; font-weight:bold; line-height:32px; color:#19937f!important;  
                             border-bottom:2px solid #6fbaad; font-family:'ChunkFiveRegular', Arial, sans-serif;}
.content-top-right		   { width:309px; float:left; padding-bottom:5px;}	
.content h3                { font-size:22px; font-weight:bold; line-height:32px; color:#6f7372; font-family:'ChunkFiveRegular', Arial, sans-serif; }
.product-features          { border:1px solid #bdbcbd; width:287px; float:left; padding:10px 10px 25px 10px; float:left;}
.product-features-box	   {  width:277px; float:left;  }
.product-features-box img  { }	
.arrow                     { text-align:center; margin-top:6px;}
.content-bottom            { float:left; padding-bottom:14px;}
.content-bottom-left	   { width:340px; float:left;}
.content-bottom-left p	   { margin-bottom:7px;}
.content-bottom-right	   { width:600px; float:left;}
.content-bottom-right div  { float:left; width:172px; margin: 0 14px;}
.content-bottom-right div img{ width:172px; height:172px;}
.content-bottom-right div strong{ text-align:center; display:block; margin-bottom:5px;}
.content-bottom-right div span  { display:block; text-align:center;}
/*------------------------ FOOTER SELECTORS ------------------------*/
.footer					   { width:970px; color:#757474; text-align:center;}
.footer a				   { color:#757474; padding:0 11px;}
.footer a:hover			   { color:#555; text-decoration:underline;}
.footer a.selected		   { color:#555; text-decoration:underline;}
.footer p				   { margin-bottom:12px; margin-top:3px;}
/*------------------------ INNER SELECTORS ------------------------*/
.inner-content			   {}
.inner-content img		   { float:right; margin-left:12px;}
.content h1                { font-size:24px; font-weight:bold; line-height:32px; color:#6f7372;  font-family:'ChunkFiveRegular', Arial, sans-serif;  }
.inner-content p		   { margin-bottom:8px;}
/*------------------------ CONTACT US SELECTORS ------------------------*/
.contact-us                {}
.contact-us-top            { border-top:1px solid #ccc; width:940px; margin-bottom:28px;  border-bottom:1px solid #ccc; height:40px; padding:15px 0px;}
.contact-us-top-left	   { width:186px; float:left; border-right:1px solid #ccc; padding:0 13px;}
.phone					   { background:url(../img/phone-icon.jpg) no-repeat left top; display:block; padding-left:33px; 
                             font-weight:bold;}
.phone-no				   { padding-left:27px; font-size:14px;}
.contact-us-top-mid	       { float:left; width:244px;  border-right:1px solid #ccc; padding:0 13px;}
.fax                       { background:url(../img/fax.jpg) no-repeat left top; display:block; padding-left:32px; font-weight:bold;}
.fax-icon                  { background:url(../img/fax-icon.png) no-repeat left top; display:block; padding-left:32px; font-weight:bold;}
.fax-no					   { padding-left:32px; font-size:14px;}
.mail					   { padding-left:32px; font-size:12px;}
.mail a					   { color:#4d4d4d; text-decoration:underline;}
.mail a:hover			   {  color:#333; text-decoration:none;}
.contact-us-top-right	   { width:430px; float:left; padding:0 13px;}
.contact-us-bottom		   {}
.contact-us-bottom-left	   { width:373px; float:left; background:url(../img/contact-us-bottom-left-bg.jpg) no-repeat right;
                              padding-right:17px; height:397px; padding-left:10px;}
.address				   { background:url(../img/address-icon.jpg) no-repeat left top; display:block; padding-left:22px; 
                             font-weight:bold;}
.address-detail			   { padding-left:22px;}
.map					   { margin-top:12px; float:left; border:1px solid #ececec; border-radius:5px; padding:4px;}
.contact-us-bottom-right   { padding-left:20px; float:left; width:508px; padding-right:12px;}
.query					   { background:url(../img/form-icon.jpg) no-repeat left top; padding-left:27px; display:block; 
                             font-weight:bold; line-height:21px; margin-bottom:5px;}
.input-block               { width:238px; float:left; margin-right:16px; margin-bottom:9px; }							 
.input-block label		   { display:block; line-height:21px; margin-bottom:2px;}
.input-block input		   { width:226px; padding:9px 5px; border:1px solid #c6c6c6; color:#4d4d4d;}
.input-text5               { width:236px; padding:9px 5px; border:1px solid #c6c6c6; color:#4d4d4d;}
/*------------------------ ENQUIRY SELECTORS ------------------------*/
.enquiry				   {}
.enquiry-left			   { width:795px; float:left; margin-top:6px; border:1px solid #c6c6c6; }
.enquiry-left img		   { float:left; margin-left:21px; margin-right:25px;}
.enquiry-right			   { float:left; width:114px; margin-top:6px; padding-right:29px; padding-top:33px;}
.enquiry-block			   { margin-top:26px;}
.enquiry-left button       { cursor:pointer;}
.enquiry-left button img   { margin-left:0px; }
/*------------------------ PRODUCT SELECTORS ------------------------*/
.product                   { padding-bottom:34px; float:left;}
.product-left			   { width:648px; float:left; margin-right:11px;}
.product-left-content	   { width:606px; float:left; border:1px solid #d4d9d8; background:#f6fcfb; border-radius:4px; 
                             padding:0 13px 0 27px; margin-bottom:8px;}
.product-left-content:hover{ background:#e8f5f3; }
.product-left-content h2   { background:url(../img/product-left-content-h2-bg.png) no-repeat left 7px; float:left; width:120px;                             font-size:16px; color:#000; line-height:24px; padding-left:13px; margin:40px 16px 0 0px;}
.product-left-content img  { float:left; margin:4px 0px;}
.product-left-content a	   { padding:0 14px; line-height:39px;  margin:46px 0 46px 18px; background:#51ae9e; border-radius:5px;                              font-weight:bold; color:#fff; text-shadow:1px 1px 1px #444; display:inline-block}
.product-right			   { float:left; width:279px; margin-top:-32px;  background:#f6f6f6; border:1px solid #c6c6c6}
.right-menu		           { padding:5px; border-bottom:1px solid #c6c6c6;}
.right-menu ul		       {}
.right-menu ul li		   { border-bottom:3px solid #f6f6f6;}
.right-menu ul li a		   { line-height:38px; background:#f0f0f0 url(../img/right-menu-li-a-bg.jpg) no-repeat 16px center; 
                             padding:0 0 0 26px; display:block; color:#6a6868}
.right-menu ul li a:hover  {background:#e1e1e1 url(../img/right-menu-li-a-hover-bg.jpg) no-repeat 16px center; color:#000;}
.right-menu ul li a.selected{background:#e1e1e1 url(../img/right-menu-li-a-hover-bg.jpg) no-repeat 16px center; color:#000;}
.phone-content             { border-bottom:1px solid #c6c6c6;  padding:24px 0px 24px 18px;}
/*------------------------ INNER PRODUCT SELECTORS ------------------------*/
.inner-product             { background:#f6fcfb; float:left; border:1px solid #d4d9d8; border-radius:5px; }
.product-block			   { border-bottom:1px solid #d4d9d8; float:left; padding:7px 8px 7px 16px;}
.product-block div		   { width:196px; float:left; margin-right:11px;}
.product-block div h2      { color:#242525; font-size:16px; padding-left:6px; text-transform:uppercase; line-height:24px;}
.product-block div img	   { width:190px; height:189px; border:3px solid #e1e4e4; background:#fff;}
.product-block div span	   { display:block; line-height:18px; font-size:12px; text-align:center; font-weight:bold;}
/*------------------------ PRODUCT SLIDERS SELECTORS ------------------------*/
.slides1_wrap              { position: relative; width:277px;}
#slides1                   { overflow: hidden; width:287px;}
#slides1 li                { list-style: none; width:287px;}
#slides1 li img            { padding:4px; border-radius:3px; margin-bottom:3px; background:#fff; border:1px solid #ececec; 
                             box-shadow:0 0 3px #f4f4f4; float:left; width:190px; height:126px; padding:0 45px;}
.slides1_wrap .prev        { position: absolute; left:120px; top: 160px; outline: 0;}
.slides1_wrap .next        { position: absolute; left:150px; top: 160px; outline: 0;}
.over-write                { padding-right:170px;} 
/*------------------------ NAVIGATION  SELECTORS ------------------------*/

   #nav {
  
   
    display: block;
}
    #nav li { float: left; padding-right:4px; margin-right:3px; background:url(../img/navigation-li-bg.jpg) no-repeat right center;}
        #nav li:hover { position: relative }
        #nav li:hover > a { 
            background-color: #4eab9b;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius:5px;         
			color:#fff;
        }

            #nav li.sub:hover > a {
                border-radius: 10px 10px 0 0;
                -moz-border-radius: 10px 10px 0 0;
                -webkit-border-radius: 10px 10px 0 0;        
            }

            #nav li a {
                color: #000;
                font-weight: bold;
                text-decoration: none;
                padding:10px 30px;
                display: block;
            }
                #nav li a:hover { background-color: #4eab9b; color:#fff; }  
				#nav li a.selected { background-color: #4eab9b;  border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius:5px; color:#fff;}  
                    
    #nav li ul { 
        background: #fff;
        margin-top: -3px;
        display: none;   
    }
        #nav li:hover ul {
            display:block; 
            position:absolute; 
			z-index:9999999;
        }
 #nav li ul li{ background:none; margin-right:0px; padding-right:0px;}
        #nav li ul {
            background: rgba(255,255,255,0.9);

            border:1px solid #52af9f;
			
    
            
            border-radius: 0px 15px 15px 15px;
            -moz-border-radius: 0px 15px 15px 15px;
            -webkit-border-radius: 0px 5px 5px 5px;
        }
            #nav li ul li a, #nav li ul li a:hover {
                background: transparent;
                color: #000;
				border-bottom:1px solid #52af9f;
                width: 150px;
				padding:8px;
                font-size: 12px;
                font-weight: normal;
            }
			
                #nav li ul li a:hover { text-decoration:none; 
                    box-shadow: none;
                    -moz-box-shadow: none;
                    -webkit-box-shadow: none;
                     color:#444;
                    border-radius: 0;
                    -moz-border-radius: 0;
                    -webkit-border-radius: 0;
                }

.content-mid{ border:3px solid #19937f; text-align:center; float:left; width:940px; padding:10px 0px; -webkit-border-radius:10px; -moz-border-radius:10px; -0-border-radius:10px; border-radius:10px; font-size:22px; font-weight:bold; line-height:32px; color:#6f7372; font-family:'ChunkFiveRegular', Arial, sans-serif; margin-bottom:20px;}

.content-mid a{ display:block; border:none;}
.content-mid:hover{ -webkit-transition:all 2s ease; -moz-transition:all 2s ease; border:3px solid #333; -o-transition:all 2s ease; transition:all 2s ease; }





.health-care-product{}
.health-care-product li{ width:300px; height:220px; padding:5px; float:left; margin:10px 5px; -webkit-box-shadow:0 0 3px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 0 3px 1px rgba(0, 0, 0, 0.150); -o-box-shadow:0 0 3px 1px rgba(0, 0, 0, 0.150); box-shadow:0 0 3px 1px rgba(0, 0, 0, 0.15)}
.health-care-product li.block{ width:300px; height:220px; position:relative; overflow:hidden;}
.product-info{ position:absolute; width:300px; height:220px; left:0; top:0; background:rgba(0, 0, 0, 0.8); width:100%; height:100%; top:-19%; left:-87%; -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; transition:all 200ms linear; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);}
.health-care-product li.block:hover .product-info{ left:0; top:0; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg)}
.product-info h5{ font-size: 2em; padding: 10px 20px; background: rgba(25, 147, 127, 0.7); color: #E7E7E7; position: absolute; top: 25px; left: -100%; transition: left 200ms linear; -webkit-transition: left 200ms linear; -moz-transition:left 200ms linear;}
.product-info:hover h5 { left: 0; transition-delay: 200ms; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; }
.product-info p{ font-size:14px; line-height:1.4; color:#fff; position:absolute; top:70px; left:10%; width:80%; text-align:center;  -webkit-transition-delay:opacity 200ms linear; -moz-transition-delay:opacity 200ms linear; -o-transition-delay:opacity 200ms linear; transition-delay:opacity 200ms linear;}
.product-info:hover p { opacity: 1;  -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; transition-delay:600ms;}

.health-product{  overflow:hidden;}
.health-product h2{ margin-top:15px; margin-bottom:10px;}
.health-product p{ font-size:14px; line-height:21px;}
.health-product img{ float:left; margin-right:12px;}

hr.soften {
  height: 1px;
  margin: 10px 0;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  border: 0;
}