@import url(http://fonts.googleapis.com/css?family=Lato:300,400);


* {padding:0px; margin:0px;}

body {padding:0px; margin:0px; font-family: "Droid Sans"  ;}

.clear {clear:both;}

.fade, .fade *{transition:all .3s ease-in; -moz-transition:all .3s ease-in;  -webkit-transition:all .3s ease-in;}

a {text-decoration:none; color:#646464;}
a:hover{color:#000;}
ul, li{text-decoration:none; list-style-type:none;}
.highlite{color:#00757f; display:block; font-weight:bold;}
.left{float:left;}
.right{float:right;}
.border_none{border:0;}
.heading{font-size:18px; display:block; text-transform:uppercase; margin-bottom:10px;}
p{margin-bottom:10px; text-align:justify;  line-height:18px; color:#646464;}
.black{font-size:14px; color:#000; display:block;}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx header starts xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

@media all  and (min-width:981px){
.header {width:100%; height: 89px; background: url(../images/header_bg.jpg) repeat-x center top; margin:0px;}

.head {width:955px; height: 89px; margin:0px auto; position:relative;}

.logo {width:153px; height: 85px;  position:absolute; z-index:9; left:0; top:8px;}

.menu {width: auto; height: auto  ; float:right; margin-top:40px; /*background:#0CC;*/}
}

@media all  and (min-width:769px)  and  (max-width:980px){
.header {width:100%; height: auto; background:url(../images/header_bg.jpg) repeat-x center top #e9e9e9 !important; margin:0px;}
.head {width: auto; height: auto; background:#990; }
.logo {width:153px; height: auto; /*background:#6FF; float:left; margin-top:10px;*/  position:absolute; z-index:9; left:0; top:12px;}
.menu {width: auto; height: auto; /*background:#0CC;*/ float:right; margin:25px 0;}
}


@media all and (max-width:768px){
.header {width:100%; height: auto; background: url(../images/header_bg.jpg) repeat-x center top; margin:0px;}
.head {width:100%; height: auto; }
.logo { display:block; height: auto; background:url(../images/header_bg.jpg) repeat-x center top ; text-align:center; padding:10px 0;  }
.menu {width:100%; height: auto; background: #03C;}	
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx header ends xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx banner starts xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
@media all  and (min-width:981px){
.banner_area {width:100%; height: auto; /*background: #0074bd; margin-top:20px;*/ overflow:hidden; position:relative; border-bottom:1px solid #5fc7d1;}

.banner_area .banner1{width:100%; height: auto; background: url(../images/banner1.jpg)center top;}
.banner_area .banner2{width:100%; height: auto; background: url(../images/banner2.jpg)center top;}
.banner_area .banner3{width:100%; height: auto; background: url(../images/banner3.jpg)center top;}

.banner_shdw {width:100%; height: 14px; background: url(../images/banner_shadow.jpg) repeat-x center top;}
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx banner ends xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx container starts xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.container_wrap{margin-bottom:20px !important; font-size:12px;}
.box1{font-family:"Droid Sans"; font-size:12px; }
.box1 img{margin-bottom:10px;}
.box_mid img{margin-bottom:10px;}
.box1 h3{font-size:16px; text-transform:uppercase; margin-bottom:10px;}
.box_mid h3{font-size:16px; text-transform:uppercase; margin-bottom:10px;}
.box1 p{text-align:justify; color:#646464; margin-bottom:10px;}
.more{background:#55c6cf; position:absolute; right:20px; bottom:0; padding:2px 13px; color:#fff; transition:all .3s ease-in;}
.more:hover{background:#ffcb05; color:#000;  transition:all .3s ease-in;}

.box_mid ul{/*background: #CCC;*/ text-align:left;}
.box_mid ul li{background:url(../images/li_bullete.png) no-repeat left 3px; padding-left:10px; float:left; display:inline-block; float:left; width:135px; margin:0 10px 4px 10px;}
.box_mid ul li a{color:#646464;  border-bottom:1px dotted #646464; display:block; padding-bottom:3px;}
.box_mid ul li a:hover{color:#ffcb05;}

@media all  and (min-width:981px){
.container_wrap{width:955px; height: auto; min-height:200px; margin:0 auto; /*background:#FFC;*/ padding:5px 0;}
.box1{width:271px; height:225px; float:left;  background:url(../images/vertical_dvrd.png) no-repeat right top ; margin-right:20px; padding-right:20px; text-align:center; position:relative;}

.box_mid{width:330px; height:225px; float:left;  background:url(../images/vertical_dvrd.png) no-repeat right top ; margin-right:20px; padding-right:20px; text-align:center; position:relative;}


}

@media all and (min-width:568px) and (max-width:980px){
.container_wrap{width:95%; height: auto; margin:15px auto; display:table; /*background: #96C;*/  }
.box1{width:100%; height: auto; float:left; position:relative; text-align:center; /*background: #afafaf;*/ display:table !important; margin-bottom:15px; margin-right:0;}

.box_mid{width:100%; height: auto; float:left; position:relative; text-align:center; /*background: #afafaf;*/ display:table !important; margin-bottom:15px; margin-right:0;}

.more{right:0; bottom:-15px;}
.box_mid ul{display:table; width:100%;}

.box_mid ul li{margin:0 44px 4px 5px; display:inline-block;}

}


@media all and (max-width:567px){
.container_wrap{width:95%; height: auto; margin:15px auto; display:table; /*background:#0CC;*/  }
.box1{width:100%; height: auto; float:left; position:relative; text-align:center; /*background: #afafaf;*/ display:table !important; margin-bottom:15px; margin-right:0;}

.box_mid{width:100%; height: auto; float:left; position:relative; text-align:center; /*background: #afafaf;*/ display:table !important; margin-bottom:15px; margin-right:0;}

.more{right:0; bottom:-15px;}
.box1 h3{font-size:14px; text-transform:uppercase; margin-bottom:10px;}
.box_mid ul li{margin:0 9px 4px 9px;}

}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx container ends xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx footer starts xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



.footer_wrap p{font-size:12px; text-align:justify; line-height:16px; margin-bottom:10px;}

.footer{display:block; font-size:12px; margin-top:15px; line-height:18px;}
.footer a{color:#000;}
.footer a:hover{color:#ffcb05;}
.copyright{color:#636363;}
.footer_menu{float:left;}
.footer_menu ul li{ float:left;}
.footer_menu ul li a{border-right:1px solid #000; color:#000;  padding:0 8px;} 
.footer_menu ul li a:hover{color:#048491;}
.kweb a:hover{color:#048491;}
.kweb{float:right;}

.what_new, .sustainability{-moz-box-shadow: -1px 2px 9px #c2c2c2;
-webkit-box-shadow: -1px 2px 9px #c2c2c2;
box-shadow: -1px 2px 9px #c2c2c2;}


@media all and (min-width:981px){
.footer_wrap{width:955px; height: auto; margin:0 auto 5px auto;  }
.what_new{width:442px; height:110px; background:url(../images/what_new_bg.jpg) repeat-x left top; float:left; border:1px solid #deaf00; padding:8px 13px;}
.what_new .head_1{display:block; background:url(../images/what_new_icon.png) no-repeat left top; font-size:18px; text-transform:uppercase; padding-left:25px; padding-top:2px; margin-bottom:15px;}

.what_new a{font-size:12px; color:#000; float:right;}
.what_new a:hover{color:#707070;}

.sustainability{width:442px; height:110px; background:url(../images/sustain_bg.jpg) repeat-x left top; float:right; border:1px solid #41b4bf;  padding:8px 13px; }

.sustainability .head_2{display:block; background:url(../images/sustain_icon.png) no-repeat left top; font-size:18px; text-transform:uppercase; padding-left:45px; padding-top:2px; margin-bottom:15px;}
.sustainability a{font-size:12px; color:#000; float:right;}
.sustainability a:hover{color:#707070;}

.copyright{float:left; margin-right:20px;}
.footer_menu{float:left;}


}

@media all and (min-width:768px) and (max-width:980px){
.footer_wrap{width:95%; height: auto; margin:0 auto 5px auto; }
.what_new{width:45%; height:128px;  background: #ffcd0e; float:left; border:1px solid #deaf00; padding:8px 13px;}
.what_new .head_1{display:block; background:url(../images/what_new_icon.png) no-repeat left top; font-size:18px; text-transform:uppercase; padding-left:25px; padding-top:2px; margin-bottom:15px;}

.what_new a{font-size:12px; color:#000; float:right;}
.what_new a:hover{color:#707070;}

.sustainability{width:45%; height: auto; background: #59c7d2; float:right; border:1px solid #41b4bf;  padding:8px 13px; }

.sustainability .head_2{display:block; background:url(../images/sustain_icon.png) no-repeat left top; font-size:18px; text-transform:uppercase; padding-left:45px; padding-top:2px; margin-bottom:15px;}
.sustainability a{font-size:12px; color:#000; float:right;}
.sustainability a:hover{color:#707070;}

.footer{width:100%;}
.copyright{ width:100%; margin-bottom:5px;  text-align:center;}
.footer_menu{width:100%; margin-bottom:5px; text-align:center;}
.footer_menu ul{margin:0 auto; display:table;} 
.kweb{width:100%; margin-bottom:5px; text-align:center;}



}

@media all and (min-width:500px) and (max-width:767px){
.footer_wrap{width:95%; height: auto; margin:0 auto 5px auto; }
.what_new{width:95%; height: auto;  background: #ffcd0e; border:1px solid #deaf00; padding:8px 13px; margin-bottom:15px;}
.what_new .head_1{display:block; background:url(../images/what_new_icon.png) no-repeat left top; font-size:18px; text-transform:uppercase; padding-left:25px; padding-top:2px; margin-bottom:15px;}

.what_new a{font-size:12px; color:#000; float:right;}
.what_new a:hover{color:#707070;}

.sustainability{width:95%; height: auto; background: #59c7d2;  border:1px solid #41b4bf;  padding:8px 13px; }

.sustainability .head_2{display:block; background:url(../images/sustain_icon.png) no-repeat left top; font-size:18px; text-transform:uppercase; padding-left:45px; padding-top:2px; margin-bottom:15px;}
.sustainability a{font-size:12px; color:#000; float:right ;}

.footer{width:100%;}
.copyright{ width:100%; margin-bottom:5px;  text-align:center;}
.footer_menu{width:100%; margin-bottom:5px;  text-align:center;}
.footer_menu ul{margin:0 auto; display:table;} 
.kweb{width:100%; margin-bottom:5px; text-align:center;}

}

@media all and (min-width:381px) and (max-width:499px){
.footer_wrap{width:94%; height: auto; margin:0 auto 5px auto; }
.what_new{width:93%; height: auto;  background: #ffcd0e; border:1px solid #deaf00; padding:8px 13px; margin-bottom:15px;}
.what_new .head_1{display:block; background:url(../images/what_new_icon.png) no-repeat left top; font-size:18px; text-transform:uppercase; padding-left:25px; padding-top:2px; margin-bottom:15px;}

.what_new a{font-size:12px; color:#000; float:right;}
.what_new a:hover{color:#707070;}

.sustainability{width:93%; height: auto; background: #59c7d2;  border:1px solid #41b4bf;  padding:8px 13px; }

.sustainability .head_2{display:block; background:url(../images/sustain_icon.png) no-repeat left top; font-size:18px; text-transform:uppercase; padding-left:45px; padding-top:2px; margin-bottom:15px;}
.sustainability a{font-size:12px; color:#000; float:right;}

.footer{width:100%;}
.copyright{ width:100%; margin-bottom:5px;  text-align:center;}
.footer_menu{width:100%; margin-bottom:5px;  text-align:center;}
.footer_menu ul{margin:0 auto; display:table;}
.footer_menu ul li a{padding:0 4px;}
.kweb{width:100%; margin-bottom:5px; text-align:center;}	
}


@media all and (max-width:380px){
.footer_wrap{width:95%; height: auto; margin:0 auto 3px auto;}
.what_new{width:90%; height: auto;  background: #ffcd0e; border:1px solid #deaf00; padding:8px 13px; margin-bottom:15px;}
.what_new .head_1{display:block; background:url(../images/what_new_icon.png) no-repeat left top; font-size:18px; text-transform:uppercase; padding-left:25px; padding-top:2px; margin-bottom:15px;}

.what_new a{font-size:12px; color:#000; float:right;}
.what_new a:hover{color:#707070;}

.sustainability{width:90%; height: auto; background: #59c7d2;  border:1px solid #41b4bf;  padding:8px 13px; }

.sustainability .head_2{display:block; background:url(../images/sustain_icon.png) no-repeat left top; font-size:18px; text-transform:uppercase; padding-left:45px; padding-top:2px; margin-bottom:15px;}
.sustainability a{font-size:12px; color:#000; float:right;}
.sustainability a:hover{color:#707070;}

.footer{width:100%;  font-size:11px;}
.copyright{ width:100%; margin-bottom:5px;  text-align:center;}
.footer_menu{width:100%; margin-bottom:5px; text-align:center;}
.footer_menu ul{margin:0 auto; display:table;} 

.footer_menu ul li a{padding:0 3px;}
.kweb{width:100%; margin-bottom:5px; text-align:center;}

}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx footer ends xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx inner pages starts xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.inner_banner{width:100%; height: auto;  border-bottom:1px solid #5fc7d1; background:#09F; position:relative; }
.inner_banner img{width:100%; height:auto;}
.banner_txt{position:absolute; top:10%; right:12%; color:#005a5a; font-size:20px;} 
.banner_txt span{color:#000; text-transform:uppercase;}

.breadcum{display:block; text-align:left; font-size:12px; color:#646464; margin-bottom:15px;}
.breadcum a{color:#646464;}
.breadcum a:hover{color:#000; margin-bottom:15px;}

.content_left{width:65%; min-height:200px; height:auto; float:left;}
.related_link{width:235px; height: auto; float:right; background:#f1f1f1; -moz-box-shadow: -1px 2px 9px #c2c2c2; -webkit-box-shadow: -1px 2px 9px #c2c2c2; box-shadow: -1px 2px 9px #c2c2c2;}
.link_head{background:#000; color:#fff; text-transform:uppercase; padding:6px 13px; display:block; font-size:18px;}
.related_link ul {margin:10px auto;}
.related_link ul li{padding:5px 13px;}
.related_link ul li a{color:#646464;  background:url(../images/link_li_bullete.png) no-repeat left 2px; padding-left:12px;} 
.related_link ul li a:hover{color:#000; font-weight:bold;}
.related_link ul li a.select{color:#000; font-weight:bold;}
.product{display:block;}
.product table{width:100%; text-align:left; border:1px solid #969696; background:#f8f8f8; -moz-box-shadow: -1px 2px 9px #e2e2e2; -webkit-box-shadow: -1px 2px 9px #e2e2e2; box-shadow: -1px 2px 9px #e2e2e2;}
.product table tr th{padding:7px 20px; text-transform:uppercase; background:#969696; font-size:14px; color:#fff; border:1px solid #969696; }
.product table tr td{padding:7px 20px; font-size:12px; color:#fff; border-right:1px solid #969696; color:#000; width:70%; }
.product table tr td + td{border-right:0; width:30%;}

.address{float:left;  width:30%; height: auto;  line-height:18px; color:#646464;}
.address strong{color:#000;}
.map{float: right;  width:65%; height: auto;  border:1px solid #999 !important; }
.map iframe{border:0; outline:0;}

.gallery_wrap{width:auto; display:table; text-align:left; /*background:#F00;*/ margin:0 auto;}
a.gallery_box{width:200px; height:188px; background:#fff; -moz-box-shadow: 0px 1px 10px #919191; -webkit-box-shadow: 0px 0px 10px #bbb; box-shadow: 0px 0px 10px #bbb; border:1px solid #ddd; padding:5px; text-align:center;  margin:13px; display:inline-block; font-size:14px;}
.gallery_box {color:#000;}
.gallery_box:hover{background:#55c5cf; color:#ffdb52; }
.gallery_box img{width:200px; height:145px; margin-bottom:5px;}

/*.product_inner_wrap{width:98%; display:table; text-align:center; background:#F00; margin:0 auto;}*/

.product_inner_box{width:98%; height: auto; background:#fff; -moz-box-shadow: 0px 1px 10px #919191; -webkit-box-shadow: 0px 0px 10px #bbb; box-shadow: 0px 0px 10px #bbb; border:1px solid #ddd; padding:5px; text-align:center;  margin:10px 0; display:block;   font-size:14px; line-height:22px; text-align:left; text-transform:capitalize;}

.product_inner_box .product_image {float:left; margin-right:3%; border: 1px solid #ccc;}
.product_inner_box .product_image a:hover{ cursor:url(../images/zoom_hover.png), pointer; }

.product_inner_box .product_detail {float:left; }
.product_image img{width:175px; height:127px; }


.product_inner_box span{color:#f00;}

.product_inner_box {color:#000;}
.product_inner_box:hover{background:#55c5cf; /*color:#ffdb52;*/ color:#000;}


@media all  and (max-width:981px){
.gallery_wrap{text-align:center;}	
}


@media all  and (max-width:768px){
.inner_banner{width:100%; height: auto; overflow:hidden; border-bottom:1px solid #5fc7d1; background:#09F; margin-top:10px; }

}

@media all and (min-width:500px) and (max-width:767px){
.banner_txt{position:absolute; top:10%; right:12%; color:#005a5a; font-size:16px; text-align:center;} 
}

@media all  and (max-width:499px){
.banner_txt{position:absolute; top:10%; right:12%; color:#005a5a; font-size:13px; text-align:center;} 
.product_inner_box .product_image{text-align:center;  display:block; width:100%; clear:both; margin-bottom:10px; border:none;}
.product_inner_box .product_detail { width:100%;}
}

@media all and (min-width:768px) and (max-width:80px){
.content_left{width:65%;}
}
@media all and (max-width:767px){
.content_left{width:100%; float:none; margin-bottom:15px; }
.related_link{float:none;  width:235px;}
}

@media all and (max-width:420px){
.product table tr th{padding:7px 10px; text-transform:uppercase; background:#969696; font-size:13px; color:#fff; border:1px solid #969696; }
.product table tr td{padding:7px 10px; font-size:12px; color:#fff; border-right:1px solid #969696; color:#000; width:70%; }
.product table tr td + td{border-right:0; width:30%;}	
}


@media all  and (max-width:768px){
.address{float:none; width:100%; margin-bottom:15px;}	
.map{float:none; width:100%; height:auto; }	
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx inner pages ends xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */