/* CSS Document */

body {font-size: 12px; line-height: 22px; font-family:Arial, Helvetica, sans-serif; background:#FFF; min-width: 100%; margin:0 !important; padding:0; color:#333; font-weight:normal; text-rendering: optimizeLegibility !important; font-stretch:normal !important;}
html{height:100%; margin-bottom:0px;}
* { margin: 0; padding: 0; outline: 0; }

.clear {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

h1 { width:100%; text-align: left; color:#333 ; font-size:24px; line-height:40px ; margin:0; padding:0 !important;  font-weight:400;}

h2 { width:100%; text-align: left; color:#333 ; font-size:20px; line-height:30px ; margin:0; padding:0 !important; font-weight:400;}

h3 { width:100%; text-align: left; color:#E6090D ; font-size:18px; line-height:28px ; margin:0; padding:0 !important; font-weight:400;}

p { font-size:13px; font-weight:normal; color:#333 !important; text-align: justify; line-height:18px; font-weight:500; margin:0px; padding:0px; width:100%;}
p a {  text-decoration:none; color:#E6090D;}
p a:hover { color:#666;}
p span { color:#E6090D; font-weight:700; font-size:13px; font-style:italic;}
p strong { color:#E6090D; font-weight:700; font-size:13px;}

#wrapper { width:100%; height:100%; margin:0; padding:0;}

header{  width:100%; min-height:100px; height: auto; margin:0; padding:0; background: url(../images/header-bg.png) repeat-x center top;}
header:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.center { width:1000px; min-height:20px; height:auto; margin:0 auto;}
.center:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/*LOGO*/
.logo { float:left; width:318px; height:78px; margin:10px; padding:0; background:#FFF; border:1px solid #E6090D; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
/*LOGO*/

/**NAV**/

.menu { float:left; width:auto; height:40px; margin:30px 0 0 0; padding:0px;  display:block; }
.menu:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#nav { float:left; width: auto; height:40px; margin:0px; padding:0px;  display:block; }
#nav ul { float:left; margin:0px; padding:0px; list-style:none; z-index:100}
#nav li {float: left; position: relative; height:40px; width:auto; margin:0px; padding:0px; line-height:40px;list-style: none; border-right:1px solid #A4060B; border-left:1px solid #FA6165;}
/* main level link */
#nav a { float:left; font-size:15px;font-weight:400;color:#FFF;text-decoration: none;display: block; padding:0px 20px;margin: 0;}
#nav a:hover { float:left; background:#A4060B url(../images/nav-hover.png) no-repeat center bottom; color: #fff; }
/* main level link hover */
#nav .current a, #nav li:hover > a { float:left; color:#FFF; line-height:40px; background:#A4060B url(../images/nav-hover.png) no-repeat center bottom; }

/* sub levels link hover */
#nav ul li:hover a { float:left;background: none;border: none;color:#FFF; height:25px; line-height:25px;} 
#nav li:hover li a { float:left;background: none;color: #FFF;  height:25px; line-height:25px;}
#nav ul a:hover { float:left;color: #FFF !important; background:#A4060B !important}

/* dropdown */
#nav li:hover > ul {display: block; float:left; height:auto;}

/* level 2 list */
#nav ul { float:left;display: none;margin: 0;padding: 5px 0px 5px 0px;width: 205px;height:auto;position: absolute;top: 40px;left: 0;background:#E6090D;  -webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
#nav ul li { float:left; width:205px;/*float: none;*/margin: 0px; border-left:none; border-right:none; border-bottom:1px solid #FA6165; padding: 0px 0px; background:none; height:25px;}
#nav ul a { float:left;font-weight: normal; font-size:12px; width:185px; margin:0; padding:0 10px; }

/* level 3+ list */
#nav ul ul { float:left;left: 205px;top: 0px;}

/* rounded corners of first and last link */
#nav ul li:first-child > a { float:left;}
#nav ul li:last-child > a { float:left;}

#nav {display: inline-block;} 

#nav:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/**NAV**/

/***** BANNER *****/
.banner {width:1000px; height:375px; margin:0px auto; padding:0px;  position:relative;}
.slider-wrapper {padding:0px;width:1000px;height:375px;position:relative;overflow:hidden;}
.slider {width:1000px;height:375px;position:relative;}
.items {display:none;}
.pagination {position:absolute;left:915px;top:350px;z-index:99;}
.pagination li {float:left;margin-right:5px; list-style:none;}
.pagination li a {display:block;width:15px;height:15px;text-indent:-5000px;background:url(../images/slider-pagination.png) right top no-repeat;}
.pagination li.current a, .pagination li a:hover {background-position:left top;}
.pagination li.current a {cursor:default;}
/***** BANNER *****/

.main-wrapper { width:100%; height: auto; min-height:50px; margin:10px 0 0 0; padding:10px 0; background:#F4F4F4;}
.main-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.main-wrapper h1 { width:100%; text-align: center; color:#333; font-size:24px; line-height:40px ; margin:0; padding:0 !important;  font-weight:400; }
.main-wrapper p {width: auto; font-size:13px; font-weight:400; line-height:18px; text-align: center; margin: 0; padding:0; color:#333; display:block; }

.main-wrapper-button { width:130px; height: auto; margin:10px auto 0 auto; padding:0; display:block;}
.main-wrapper-button a { float:left; width:100%; height:35px; line-height:35px; margin:0; padding:0; text-align:center; background:#333; font-size:14px; color:#FFF; text-decoration:none; font-weight:400;}
.main-wrapper-button a:hover { color:#FFF; background:#E6090D;}

/*Service*/
.service-box { float:left; width:320px; height: auto; margin:10px 7px 0 7px; padding:0; background:#F4F4F4;}
.service-box1 { float:left; width:320px; height: auto; margin:10px 6px 0 6px; padding:0; background:#FFF;}

.service-box h1, .service-box1 h1 { width:100%; text-align: center; color:#333; font-size:20px; line-height:40px ; margin:0; padding:0 !important;  font-weight:400; }

.service-img { float:left; width:106px; height:106px; margin:10px 105px; padding:0; background:#FFF; border:2px solid #666; -moz-border-radius:200px;-webkit-border-radius:200px;border-radius:200px; overflow:hidden; }
.service-img:hover { border:2px solid #E6090D;}

.service-text { float:left; width:280px; height:auto; min-height:30px; margin:10px 20px; padding:0;}
.service-text p {width: auto; font-size:13px; font-weight:400; line-height:18px; text-align: center; margin: 0; padding:0; color:#333; display:block; }

.service-button { width:100px; height: auto; margin:0px auto; padding:0; display:block;}
.service-button a { float:left; width:100%; height:35px; line-height:35px; margin:10px 0; padding:0; text-align:center; background:#333; font-size:14px; color:#FFF; text-decoration:none; font-weight:400;}
.service-button a:hover { color:#FFF; background:#E6090D;}
/*Service*/

/*Our Brands*/
.our-brands { float:left; width:490px; height:auto; min-height:50px; margin:10px 5px 0 5px; padding:0;}
/*four_icon*/
.four_icon { float:left; margin:5px 0 0 0; padding:0px; float:left; width:490px; height:100px;}
/********Scroll******/
.simply-scroll-container { position: relative;float:left;}
/* Clip DIV - automatically generated */
.simply-scroll-clip { position: relative;overflow: hidden;}
/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { overflow: hidden;margin: 0;padding: 0;list-style: none;float:left;}
.simply-scroll-list li {padding: 0;margin: 0px 0px 0px 0px;list-style: none;float:left;}
.simply-scroll-list li img {border: none;display: block;}
/* Custom class modifications - adds to / overrides above
.simply-scroll is default base class */
/* Container DIV */
.simply-scroll { width:auto;height:100px; }
/* Clip DIV */
.simply-scroll .simply-scroll-clip {width:490px;height: 100px; margin:0;}
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {float: left; /* Horizontal scroll only */
width: auto;height:98px;margin:0px 10px 0px 0px; border:1px solid #CCC;  -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; overflow:hidden;}
/********Scroll******/
/*Our Brands*/

/**Request A Quote**/

.keep-in-touch { float:left; width:100%; height:auto; min-height:150px; margin: 0; padding:0;  }
.keep-in-touch ul { float:left; margin:0 0 0 0; padding:0; list-style:none; }
.keep-in-touch ul li { float:left; width: auto; height:auto; min-height:30px; margin:10px 10px 0 10px; padding:0; color:#3E4095 !important; font-size:13px;}


.keep-err { float:left; width: auto; height:auto; min-height:20px; line-height:20px; margin:0; padding:0; color:#F00;}

.bor { float:left; font-size:13px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:301px; height:38px; background:#FFF; border:1px solid #CCC; }



.textarea { float:left; font-size:13px; margin:0; padding:10px 0 0 10px; color:#333 !important;  width:968px; height:113px; background:#FFF; border:1px solid #CCC; font-family:Arial, Helvetica, sans-serif; }

.bor:focus, .sel:focus, .textarea:focus { border:1px solid #E6090D; background:#FFF;  }

input.bt { float: left; width: auto; text-align:center; font-weight:normal; background:#333; font-size:14px; margin:0; padding:0 15px !important; height:35x !important; line-height:35px !important; color:#FFF !important; text-decoration:none; border: none;  cursor:pointer; }
input.bt:hover {background:#E6090D; border: none; text-decoration:none;}

/**Request A Quote**/

/**FOOTER**/
footer { width:100%; margin:10px 0 0 0; padding:0 0 10px 0; display:block; background:#333; border-top:2px solid #000; min-height:30px; height:auto;}
footer:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.copyright { float:left; width: auto; height:auto; line-height:30px; margin:5px 0 0 10px; padding: 0 ; font-size:12px; text-align: left; font-weight:normal; color:#CCC;}

.footernav { float: right; width:auto; height:auto; min-height:30px; margin:5px 0 0 0; padding:0;}
.footernav ul { float:left; margin:0; padding:0; list-style:none;}
.footernav ul li { float:left; width:auto; height:auto; line-height:30px; margin:0; padding:0px 13px 0 10px; background:url(../images/footer.png) no-repeat right top;}
.footernav ul li a { float:left; text-align:left; font-size:12px; color:#CCC; line-height:30px; text-decoration:none; margin:0; padding:0;}
.footernav ul li a:hover { color:#E6090D;}
/**FOOTER**/

.main { float:left; width:100%; height:auto; min-height:200px; margin:0; padding:0; }

.sub-banner { float:left; width:1000px; height:220px; margin:0px 0px 10px 0px; padding:0px;}
.sub-banner-titel { float:left; width: auto; height:50px; line-height:50px; margin:-70px 0 0 0; padding:0px 90px 0px 20px; font-size:22px; font-weight:500; text-align:left; font-style:italic;   z-index:100; display:block; background:#E6090D;color:#FFF; -moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0; }

.line { float:left; width:100%; height:1px; margin:10px 0; padding:0; background:#CCC}	

.home-img { float:left; width:130px; height:130px; margin:10px 10px 10px 0; padding:5px;  box-shadow:0 1px 3px #333;-moz-box-shadow:0 1px 2px #333;-webkit-box-shadow:0 1px 3px #333; background:#CCC;  -moz-border-radius:200px;-webkit-border-radius:200px;border-radius:200px;}	

/*PRODUCT*/
.product { float:left; width:190px; height:auto; min-height:50px; margin:10px 10px 0px 0; padding:0;}
/*PRODUCT*/

.download-icon { width:200px; height:auto; margin:10px auto 0 auto; padding:0; display:block;}
.download-icon:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.download-icon a { display:block; margin:0px 0 0 0; padding:0px 0 0 0}
.download-icon a:hover {opacity:0.7;}

#download #download_inner {/*background-color: #333333;*/ background-image: url(../images/download-btn.png);color: #FFFFFF;
cursor: pointer; height: 40px; right:0; margin-right: -160px; overflow: hidden; position: fixed; text-indent: -100000px;    top: 200px; width:200px; z-index: 100000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
#download #download_inner:hover {/*background-color: #333333;*/ background-image: url(../images/download-btn.png); color: #FFFFFF;
cursor: pointer; height: 40px; right:0; margin-right: 0px; overflow: hidden; position: fixed; text-indent: -100000px; top: 200px; width:200px; z-index: 100000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}

.powered { width:auto; height:auto; margin:10px auto; padding:10px 0; text-align: center;} 
.powered a { display:block;}
.powered a:hover {opacity:0.7;}
.powered:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; padding:0;}