@charset "utf-8";
/* CSS Document */

body{ padding:0px; margin:0px; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:12px; background: #fff url(../assets/images/header-bg.png) left top no-repeat; color:#7f7d7d; }

* { margin:0px; padding:0px;}
.container {margin: 0 auto; width:980px;}
.abt-container {float:left; width:930px; padding:30px 0 50px 50px;}
.about-container {float:left; width:930px; padding:30px 0 50px 50px;}
.pro-container {float:left; width:980px; padding:50px 0;}
.middle-bottom {float:left; width:100%; margin:10px 0; }

#header {width:100%; background:url(../assets/images/headder-bg.jpg) center 140px no-repeat; float:left; height:188px;}
#middle-part {width:100%; float:left; }
#footer {width:100%;  background:url(../assets/images/footer-bg.gif) left top  repeat-x; float:left; height:89px;}

h1 {margin:0 0 15px 0; width:550px;}
h1 span {color:#33c1e9; font-size:26px; font-weight:normal; text-transform: uppercase}

img {border:0px;}
a {color:#7f7d7d; text-decoration:none;}
a:hover {color:#33C1E9}
input, textarea {font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:12px;  color:#7f7d7d;  border:none; line-height:20px;}
.clear{clear:both;}
.logo { float:left; width:100%; text-align:center; height:140px;}
.navigation {float:left; width:100%; height:47px; }
.navigation ul {width:758px; float:left; display:inline; list-style:none;  margin:0px; padding:0px; height:47px;}
.navigation ul li {float:left; width:108px; text-align:center;  color:#fff; font-size:12px;}
.navigation ul li a {color:#fff!important; padding:15px 0 0; float:left; width:108px;}



.navigation ul li#home a:hover, .navigation ul li#home.active a{color:#fff; background:url(../assets/images/bee-light.gif) left top no-repeat; float:left; width:108px; text-align:center;height:32px; padding:15px 0 0;}
.navigation ul li#about a:hover, .navigation ul li#about.active a{color:#fff; background:url(../assets/images/bee-light.gif) -108px top no-repeat; float:left; width:108px; text-align:center;height:32px; padding:15px 0 0;}
.navigation ul li#product a:hover, .navigation ul li#product.active a{color:#fff; background:url(../assets/images/bee-light.gif) -216px top no-repeat; float:left; width:108px; text-align:center;height:32px; padding:15px 0 0;}
.navigation ul li#stores a:hover, .navigation ul li#stores.active a{color:#fff; background:url(../assets/images/bee-light.gif) -324px top no-repeat; float:left; width:108px; text-align:center;height:32px; padding:15px 0 0;}
.navigation ul li#contact a:hover, .navigation ul li#contact.active a{color:#fff; background:url(../assets/images/bee-light.gif)  -432px top no-repeat; float:left; width:108px; text-align:center;height:32px; padding:15px 0 0;}
.navigation ul li#investor a:hover, .navigation ul li#investor.active a{color:#fff; background:url(../assets/images/bee-light.gif) -540px top no-repeat; float:left; width:108px; text-align:center;height:32px; padding:15px 0 0;}




.search {float:right; width:170px;}
.search fieldset {border:none;}
#ajaxSearch_submit {float:left; background:url(../assets/images/search-button.gif) left top no-repeat; width:22px; height:21px; border:none; cursor:pointer; color:#fff; font-size:11px; text-align:center; }
#ajaxSearch_input {float:left; background:none;  width:110px; height:21px; margin:0 10px 0 0; padding:0 0 0 6px;  }
.search-input{float:left; background:url(../assets/images/search-bg.gif) left 16px no-repeat; width:170px; height:47px;  }
.ajaxSearch_resultsInfo {color:#e96f88; font-size:14px; font-weight:bold;}
.ajaxSearch_resultLink {color:#33c1e9; font-weight:bold;}




.top-line { background:url(../assets/images/footer-bg-top.gif) left bottom repeat-x; float:left; width:100%; height:4px; line-height:2px; font-size:2px;}
#footer ul { display:inline; width:100%; text-align:center; padding:25px 0 10px 0!important; float:left;   list-style:none;  margin:0px;}
#footer ul li { display:inline;  padding:0px 5px; }
#footer ul li a { color:#7F7D7D; }
#footer ul li a:hover {color:#33C1E9}
#footer p {text-align:center;}




.newsletter {float:right; width:259px; background:url(../assets/images/newsletter-bg.gif) left top no-repeat; height:110px; padding:50px 0 0  30px}
.TXNewsletters_form_labelGauche {display:block;padding-top:2px;float:left;width:180px;height:18px;color: #333333;position:relative;top:0px;text-align:left;margin-right:2px;}
.TXNewsletters_form {padding:0px; float:left; width:253px}
.TXNewsletters_form_item {margin:0 0 5px 0;  float:left;} 
.TXNewsletters_form_text input { width:210px!important;}
.TXNewsletters_form_right input {width:30px; background:#dfdcde; float:left; height:28px; font-size:12px; font-weight:bold; padding:5px; margin-top:10px;} 
.TXNewsletters_form_item INPUT {height:20px; background:#f3f1f2; border:none; float:left; padding:5px; width:170px; margin:10px 10px 0 0}
INPUT.TXNewsletters_form_noborder {border:0;}
.TXNewsletters_form_noborder {border:0;}
.TXNewsletters_form_inputErr {border:1px solid #ff0000;}
.TXNewsletters_form_labelErr {color:#ff0000; padding:5px 0px; float:left;}

.home-banner{float:left; width:677px; padding:0 0 0 6px;}
.right-content {float:right; width:332px; }
.proright-content {float:right; width:360px; }
.left-content {float:left; width:600px; position:relative; height:400px; }


/*inner page Contact us  */
.required {color:#cc0000}
.errors {color:#cc0000; float:left; width:100%; padding:0 0 20px 0; }
.contact-form { float:left; width:400px; }
.contact-form form { float:left; width:100%;  }
.contact-form .div-line { float:left; width:100%; height:30px; line-height:16px; }
.contact-form label { float:left; width:150px; padding:0 5px 0 0; text-align:right; }
.contact-form input { float:right; width:242px; background:#f3f1f2; height:20px;}
.contact-form textarea { float:right; width:242px; height:115px; background:#f3f1f2; }
.contact-form .submit { float:right; width:70px; height:20px; background:#DFDCDE; font-weight:bold; padding:0 0 3px 0 }
/*inner page Contact us  */




ul.thumb { float: left; list-style: none; width: 360px; margin: 0; padding:0 }
ul.thumb li { margin: 0; padding: 5px; float: left; position: relative;  /* Set the absolute positioning base coordinate */ width: 110px; height: 110px; }
ul.thumb li img { width: 100px; height: 100px; /* Set the small thumbnail size */ -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */ border: 1px solid #ddd; padding: 5px; background: #f0f0f0; position: absolute; left: 0; top: 0; }
ul.thumb li img.hover { background:url(../assets/images/thumb_bg.png) no-repeat center center; border:none; padding: 0px;
  /* Get rid of border on hover */ }

ul.thumb li span{background:none repeat scroll 0 0 #000; bottom:14px; position:absolute; right:15px; width:95px; height:16px; text-align:right; filter:alpha(opacity:70); KHTMLOpacity:0.70; MozOpacity: 0.70; 
opacity: 0.70; color:#fff; padding:3px 5px 3px 0px;}

.fadeshow , .mainBanner {height:389px; width:600px; left:0;position:absolute!important;top:0;}
.gallery, .text {display:none;}

.sitemap ul {width:100%;list-style:none;}
.sitemap ul li {float:left; width:100%; line-height:20px;}
.sitemap ul li a{color:#33C1E9;}

.all-text { float:left; width:100%; padding:20px 0 0 0; position:relative; }
.bannerText {left:0;position:absolute!important;top:20px; float:left; width:100%; background:#fff; }

