body{margin:0 auto; padding:0; font-family:calibri; font-size:15px; background:url(/images/bg.jpg); color:#7e7d7d; text-align:justify; letter-spacing:1px;}

@font-face {
    font-family: 'belleroselight';
    src: url('/css/font/bellerose-webfont.eot');
    src: url('/css//css/font/bellerose-webfont.eot') format('embedded-opentype'),
         url('/css/font/bellerose-webfont.woff') format('woff'),
         url('/css/font/bellerose-webfont.ttf') format('truetype'),
         url('/css/font/bellerose-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

.layout{width:1000px; margin:auto; padding:0; clear:both; display:block;}
.main_area{width:1000px; float:left;}
.header{width:1000px; height:100px; float:left;}
.left_header{width:235px; float:left; height:100px;}
.logo{float:left; height:100px;}
.right_header{width:400px; height:100px; float:right; color:#333333;}
.quick_contact{width:400px; height:60px; float:right;}
.quick_contact_text{width:auto; height:auto; float:right; margin-top:10px; text-align:right;}
.social_contact{width:400px; height:40px; float:right; margin:10px 0 0 0;}
.social_contact_data{width:auto; float:right; margin-top:10px;}
.facebook_icon{float:right; margin:7px 0 0 7px; transition:ease-out 0.5s;}
.facebook_icon:hover{opacity:0.2; transition:all 0.2s ease-in-out 0s;}
.menu_space{width:1000px; height:50px; float:left; margin:20px 0 20px 0; background:#e4e4e4;}
.slider_area{width:970px; height:450px; float:left; margin-bottom:20px; border:solid 15px #d5d5d5;}
.banner{width:970px; height:300px; float:left; margin-bottom:20px; border:solid 15px #d5d5d5;}
.products{width:1000px; height:350px; float:left; margin-bottom:20px;}
.welcome_border{width:1000px; float:left; height:20px; background:#e4e4e4; opacity:0.7; margin-bottom:20px;}
.main_layout_area{width:1000px; height:auto; float:left; margin-bottom:20px;}
.left_main_area{width:620px; height:auto; float:left;}
.welcome_note{width:620px; float:left; margin-bottom:20px;}
.heading_page{float:left; height:30px; font-size:22px; font-weight:bold; color:#333333;}
.welcome_heading_page{float:left; height:30px; font-size:22px; font-weight:bold; color:#c85c1a; border-bottom:solid 1px #ccc; width:620px; font-family:'belleroselight';}
.testimonial_heading_page{float:left; height:30px; font-size:22px; font-weight:bold; color:#c85c1a; border-bottom:solid 1px #ccc; width:340px; font-family:'belleroselight';}
.heading_bottom{width:365px; height:auto; float:left; font-size:13px; color:#7e7d7d;}
.welcome_text{width:620px; margin-top:10px; float:left; height:auto;}
.readmore{width:85px; height:17px; float:left; margin-top:10px; border:solid 4px #d5d5d5; transition:ease-out 0s; padding:3px;}
.readmore a{ text-decoration:none; font-size:13px; color:#7e7d7d;}
.readmore a:hover{text-decoration:none; font-size:13px;}
.readmore:hover{border:solid 4px #999; transition:all 0.5s ease-in-out 0s; cursor:pointer;}
.welcome_contact_area{width:620px; height:auto; float:left;}
.contact_data{width:620px; height:auto; float:left; margin-top:10px;}
.contact_map{width:300px; height:190px; float:left; border:solid 4px #d5d5d5; transition:ease-out 0s; cursor:pointer;}
.contact_map:hover{border:solid 4px #999; transition:all 0.5s ease-in-out 0s; cursor:pointer; cursor:pointer;}
.contact_address{width:285px; float:right; height:auto;}
.address_heading{width:auto; height:30px; font-size:18px; color:#333333; float:left; font-weight:bold; text-align:left;}
.adress_text{width:285px; height:auto; float:left; text-align:left;}
.right_main_area{width:340px; float:right; height:auto;}
.welcome_testimonial{width:340px; float:right; height:auto;}
.testi_container{width:340px; float:left; height:auto; margin-top:13px;}
.testi_data{width:340px; height:auto; float:left; border-bottom:solid 1px #ccc; margin-top:15px; margin-bottom:4px;}
.testi_name{width:650px; height:auto; float:left; color:#F00; border-bottom:solid 1px #999;}
.home_testi_name{width:auto; height:auto; float:right; color:#c85c1a; margin-top:20px;}
.footer{width:1000px; height:auto; float:left; text-align:center; font-size:13px; margin-bottom:20px; margin-right:10px;}
.footer_text{width:900px; height:auto; float:left;}
.facebook_icon_footer{width:40px; height:40px; float:right; transition:ease-out 0.5s;}
.facebook_icon_footer:hover{opacity:0.2; transition:all 0.2s ease-in-out 0s;}
.footer a{text-decoration:none; color:#7e7d7d;}
.footer a:hover{text-decoration:none; color:#3c3c3c;}
.side_heading{float:left; height:30px; font-size:22px; font-weight:bold; color:#c85c1a; width:260px; border-bottom:solid 1px #ccc; font-family:'belleroselight';}
.other_data_heading{float:left; height:30px; font-size:22px; font-weight:bold; color:#c85c1a; width:650px; border-bottom:solid 1px #ccc; font-family:'belleroselight';}
.contact_data_heading{float:left; height:30px; font-size:22px; font-weight:bold; color:#c85c1a; width:300px; border-bottom:solid 1px #ccc; font-family:'belleroselight';}
.map_heading{float:left; height:30px; font-size:22px; font-weight:bold; color:#c85c1a; width:600px; border-bottom:solid 1px #ccc; font-family:'belleroselight';}
/*--------Main Page Product Slider--------*/

#imageSliderWrapper {position:relative;border:0px solid green;}
  
#imageSlider 
{
	width:990px;
	height:350px;
	float: left;
	padding: 0;
	overflow: hidden;
	position: relative;
	text-align: center;
}

#imageSlider div.item 
{
    width:210px; height:330px;
    padding:5px;
    border:solid 5px #e4e4e4;
    margin:0 10px 0 10px;
    transition:ease-out 0.5s;
}

#imageSlider div.item:hover{border:solid 5px #999; transition:all 0.5s ease-in-out 0s; cursor:pointer;} 

#imageSlider img 
{
    width:200px; height:175px;
    padding:5px 0 5px 0;
}

.img_area{width:210px; height:350px;}
.part{width:200px; height:15px; margin:5px; background-color:#e4e4e4;}
.slide_text{width:200px; height:120px; margin:5px;}
.heading_page2{height:30px; font-size:16px; font-weight:bold; text-align:left; color:#c85c1a;}
.description_product{height:76px; width:195px; text-align:left; color:#646262; overflow:hidden;}

/*--------End of Product Slider--------*/

/*---------------------------Menu---------------------------*/
#cssmenu {
  padding: 0;
  margin: 0;
  border: 0;
  width: auto;
}
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  position: relative;
  z-index: 597;
  float: left;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
#cssmenu ul ul li {
  float: none;
}
#cssmenu ul ul ul {
  top: 1px;
  left: 99%;
}
#cssmenu ul li:hover > ul {
  visibility: visible;
}
#cssmenu ul ul {
  top: 1px;
  left: 99%;
}
#cssmenu ul li {
  float: none;
}
#cssmenu ul ul {
  margin-top: 1px;
}
#cssmenu ul ul li {
  font-weight: normal;
}
/* Custom CSS Styles */
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  color: #333333;
  display: inline-block;
  font-family:calibri;
  font-size: 20px;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
}
#cssmenu a:hover {
  background: #f6f6f6;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  position: relative;
  top: 0;
}
#cssmenu ul {
  background: #e5e5e5;
  list-style: none;
}
#cssmenu > ul {
  width: 100%;
}
#cssmenu > ul > li { 
  float: left;
  padding: 0px 16px;
  position: relative;
}
#cssmenu > ul > li:hover > a {
  background: #c85c1a;
  position: relative;
  color:#fff;
}

#cssmenu > ul > li > a.activate {
  background: #c85c1a;
  position: relative;
  color:#fff;
}

#cssmenu > ul > li a { /*transition:0.3s;*/
  line-height: 48px;
}
#cssmenu .has-sub:hover ul {
  display: block;
}
#cssmenu .has-sub a {
  display: block;
  position: relative;
}
#cssmenu .has-sub > a:after {
  content: '';
  display: block;
  width: 10px;
  height: 9px;
  position: absolute;
  right: 5px;


}
#cssmenu .has-sub ul {
  background: #f6f6f6;
  border: 1px solid #999;
  display: none;
  padding: 0 0;
  position: absolute;
  left: 50%;
  top: 45px;
  margin-left: -70px;
  width: 250px;
  z-index: 1;
}
#cssmenu .has-sub ul li:hover > a {
  background: #c85c1a;
  color: #fff;
  border-color: #e5e5e5 transparent transparent transparent;
}
#cssmenu .has-sub ul a {
  line-height: 100%;
  padding: 8px 8px;
  font-size:15px;
  border-bottom:solid 1px #999;
  text-align:left;
}


#cssmenu .has-sub .has-sub ul {
  background: #dddddd;
  left: 100%;
  top: 0;
  margin-left: 0;
}
#cssmenu .has-sub .has-sub ul a {
  background: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
#cssmenu .has-sub .has-sub ul a:after {
  background-image: none;
}
#cssmenu .has-sub .has-sub ul a:hover {
  background: #bfbfbf;
}

/*-------------------------End of Menu--------------------------------*/

.other_page_left_area{width:260px; float:left; height:auto; border:solid 2.5px #d5d5d5; padding:15px;}
.product_list{width:260px; height:auto; float:left; margin-top:10px;}
.product_list ul{margin:0; padding:0;}
.product_list li {
  font-size: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.product_list a {
  color:#7e7d7d;
  display: block;
  margin: 0;
  padding: 5px 0px;
  text-decoration: none;
  font-weight: normal;
  transition:ease-out 0.3s;
}
.product_list a:hover {
  color:#3c3c3c;
  margin-left:30px;
  transition:all 0.3s ease-in-out 0s;
}

.product_list a.side_activate {
  color:#c85c1a;
  transition:all 0.3s ease-in-out 0s;
  font-weight:bold;
  font-size:16px;
}

.other_page_right_area{width:650px; height:auto; float:right; border:solid 2.5px #d5d5d5; padding:15px;}
.about_us_data{width:650px; height:auto; float:left; margin-top:10px;}

.product_text_area{width:330px; height:auto; float:left;}
.product_img_area{width:300px; height:auto; float:right; margin-right:2px;}

.highslide_part_page{width:210px; height:auto; float:left; margin:20px;}
.highslide_part_page a{text-decoration:none; color:#3c3c3c;}
.highslide_part_page a:hover{text-decoration:none; color:#999;}
.highslide_bottom{width:210px; height:20px; margin-top:10px; float:left; text-align:center;}

.contact_us_left{width:300px; height:auto; float:left; border:solid 2.5px #d5d5d5; padding:15px;}
.contact_us_right{width:600px; height:auto; float:right; border:solid 2.5px #d5d5d5; padding:15px;}

.inquiry_contact_mail{width:300px; float:right; height:auto; margin-top:10px;}
.map{width:600px; height:559px; float:left; margin-top:10px;}
.text-field{width:150px; height:20px; color:#3c3c3c; font-family:calibri; font-size:14px;}
.text-area{width:150px; height:50px; color:#3c3c3c; font-family:calibri; font-size:14px;}
.button{background-color:#666; color:#fff; border:solid 1px #000; border-radius:3px; width:65px; height:25px; transition:ease-out 0.5s;}
.button:hover{background-color:#fff; color:#666; border:solid 1px #000; border-radius:3px; width:65px; height:25px; transition:all 0.5s ease-in-out 0s;}

.testi_area{width:650px; height:auto; float:left; border-bottom:solid 1px #999;}
.certifiation{width:340px; height:195px; float:left; margin-top:10px;}
.image_space{width:340px; height:150px; float:left; margin-top:10px;}
.image_area{width:137px; height:120px; margin:15px; border:solid 1px #999; overflow:hidden; float:left;}