*{
padding:0px;
margin:0px auto;
}
img{
border:none;
}

img,div,li{ behavior: url(http://maxhome.us/css/iepngfix.htc) }

body{
margin:0px auto;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#403739;
text-align:center;
background:#DCDDE2 url(../images/bg.jpg) repeat-x;
}
#wrapper{
width:940px;
padding:0px;
margin:0px auto;
}
#header{
width:940px;
float:left;
margin-top:10px;
}
#logo{
width:330px;
float:left;
text-align:left;
}
#menu{
width:600px;
float: left;
text-align:right;
padding:40px 0px;
}

a, a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#403739;
}

#menu li{

display:inline;
list-style:none;
text-align:right;
padding:4px 10px;
border-right:1px solid #828282;
}

#menu li a{
color:#403739;
font-size:13px;
font-weight:bold;
text-decoration:none;
padding:0px 5px 3px 0px;
}


#menu li a:hover{
padding:0px 5px 3px 0px;
color:#403739;
font-size:13px;
font-weight:bold;
text-decoration:none;
border-bottom:4px solid #403739;
}

#menu li .select{

padding:0px 5px 3px 0px;
color:#403739;
font-size:13px;
font-weight:bold;
text-decoration:none;
border-bottom:4px solid #403739;
}
#banner{
float:left;
margin-top:5px;
width:940px;
height:373px;
background:#231F20;
}
#banner p{
padding:10px;
margin:0px;
text-align:left;
color: #eee;
line-height:19px;
margin-left:35px;

}
#flash{
float:left;
width:940px;
height:373px;
position:absolute;
margin-top:113px;
background:#231F20;

}

#flash{
float:left;
width:940px;
height:365px;
position:absolute;
margin-top:117px\9;
background:#231F20;

}
*+ html #flash{
float:left;
width:940px;
height:365px;
position:absolute;
margin-left:-940px;
background:#231F20;
clear: right;
float:left;
margin-top:-366px;
}
*html #flash{
float:left;
width:940px;
height:365px;
position:absolute;
margin-left:-940px;
background:#231F20;
clear: right;
float:left;
margin-top:-366px;


}




#flash p{
background:#F6F6F6;
width:926px;
padding:3px 0px 2px 0px;
text-align:right;

}
#flash p a{
color:#fff;
text-decoration:none;
background:#333;
padding:3px 5px 3px 5px;
margin-right:10px;
font-size:11px;

}

#flash embed{
margin-top:5px;
}


#banner h3{

text-align:left;
font-weight:bold;
font-size:18px;
color:#fff;
padding:10px;
margin-left:35px;
}

#bannerinner{
float:left;
margin-top:5px;
width:910px;
background:none;
border:7px solid #403739;
padding:8px;
background:#fff;
}
#bannerinner h5{
float:left;
background: url(../images/icon3.jpg) no-repeat;
color:#434343;
font-size:22px;
font-weight: normal;
height:40px;
padding-left:40px;
line-height:30px;
margin-left:10px;
margin-top:10px;
}

#bannerinnerP{
float:left;
margin-top:5px;
width:940px;
background:none;

}


#leftS{
float:left;
width:350px;
}

#leftS p{
color:#838383;
float:left;
text-align:left;
line-height:19px;
padding:7px;
clear:both;
width:100%;
}

*html #leftS p{
color:#838383;
float:left;
text-align:left;
line-height:19px;
padding:7px 7px 0px 7px;
clear:both;
width:100%;
}
*+html #leftS p{
color:#838383;
float:left;
text-align:left;
line-height:19px;
padding:7px 7px 0px 7px;
clear:both;
width:100%;
}



#leftS ul	{
float:left;
text-align:left;

list-style:none;
clear:both;
width:100%;

}


#leftS ul	{
float:left;
text-align:left;
margin-left:4px;
list-style:none;
clear:both;
width:100%;

}

#leftS li{
padding-left:20px;
background:url(../images/icon1.jpg) no-repeat 0px 3px;
color:#646464;
font-weight:normal;
padding-bottom:12px;
text-decoration:underline;
}

.innerpro-lft {
width: 900px;
float:left;
}

#innerLeftPro ul	{
text-align:left;
margin-left:10px;
clear:both;
width:100%;


}

#innerLeftPro ul ul{
text-align:left;
margin-left:10px;
clear:both;
width:100%;


}

#innerLeftPro .splC{
background:#eee;
padding:10px;
width:98%;
font-weight:bold;
}

#formLeft{
float:left;
text-align:left;
}
#formRight{
float:left;
width:180px;
text-align:left;
background:#E4E4E4;
margin-top:2px;
padding:10px;
}
#formRight h2{
font-weight:bold;
padding:0px;
font-size:15px;
}
#innerLeftPro #formRight p{
font-weight:normal;
padding:0px;
font-size:12px;
padding-bottom:5px;

}

#innerLeftPro #formRight .boldT{
font-weight:bold;
font-size:12px;

}

#innerLeftPro #form .send{
font-weight:normal;
font-size:12px;
padding:4px;
cursor:pointer;
cursor:hand;
}

#innerLeftPro #formRight .boldT a{
font-weight:bold;
font-size:12px;
color:#403739;

}

#innerLeftPro #formRight .boldT a:hover{
font-weight:bold;
font-size:12px;
color:#403739;

}




#form{
float:left;
font-weight:normal;
}

#innerLeftPro #form h2{
font-weight:bold;
padding:5px;
font-size:15px;
}
#innerLeftPro #form td{
font-weight:normal;
padding:5px;
font-size:11px;

}
#innerLeftPro #form textarea{
border:1px solid #ccc;
}

#innerLeftPro #form .boldT{
font-weight:bold;
font-size:11px;

}
#innerLeftPro #form input{
border:1px solid #ccc;
}

#innerLeftPro li{
padding-left:20px;
background:url(../images/icon1.jpg) no-repeat 0px 3px;
color:#646464;
font-weight:normal;
padding-bottom:12px;
text-decoration:none;
list-style:none;

}

#innerLeftPro ul li ul li{
background:url(../images/icon1.jpg) no-repeat 0px 3px;
padding-left:20px;
list-style:none;
color:#646464;
font-weight:normal;
padding-bottom:12px;
text-decoration:none;
}

#innerLeftPro li ul{
	padding-top:10px;
	margin-left:0px;
}
#innerLeftPro li ul li p{
	color:#646464;
font-weight:normal;
text-decoration:none;
padding-left:0px;
list-style:none;

}

#rightS{
float:left;
width:220px;
margin-top:47px;
margin-left:10px;
}
#rightS img{
padding-bottom:14px;
}
#innerRight{
float:left;
width:295px;
background:#F3F3F3;
text-align:left;
padding:7px;
color:#838383;
line-height:19px;
}

#carousel{

width:940px;
background: url(../images/bottom-bg.jpg) no-repeat;
height: 127px;
float: left;
margin-top:5px;
}

#carousel h5{
color:#eee;
font-size:22px;
font-weight: normal;
height:40px;
padding-left:20px;
line-height:30px;
margin-left:10px;
margin-top:10px;
text-align:left;
}

#carousel p{
float:left;
clear:both;
font-size:11px;
}

#carousel ul{
padding-left:30px;
float:left;
font-size:11px;
text-align:left;
color:#ccc;
width:140px;
}

*html #carousel ul{
padding-left:22px;
float:left;
font-size:11px;
text-align:left;
color:#ccc;
width:140px;
}

#carousel li{
padding-bottom:7px;
background:url(../images/small-icon.png) 3px 3px no-repeat;
padding-left:20px;
list-style:none;

}

*html #carousel li{
padding-bottom:3px;
background:url(../images/small-icon.png) 3px 3px no-repeat;
padding-left:20px;
list-style:none;

}


#carousel li a{
text-decoration:none;
color:#eee;
}

#carousel li a:hover{
text-decoration: underline;
color:#eee;

}

#innerRight p{
padding:10px;
}
#innerLeft{
float:left;
width:600px;
}
#innerLeft h1{
float:left;
}

#innerLeftPro{
float:left;
width:100%;
}
#innerLeftPro-head-outer{
float:left;
width:910px;
height:44px;
}
#innerLeftPro-head{
float:left;
width:191px;
height:44px;
}
#innerLeftPro-head h1{
float:left;
}
#innerLeftPro-head-right{
float:left;
width:700px;
height:44px;
margin-left:10px;
}

#innerLeftPro table h3{
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#fff;
padding:5px 0px;
text-align:center;

 }
 
 #innerLeftPro table td{
 text-align:left;
 padding:10px 10px;
 font-weight:bold;
 }
 
  #innerLeftPro h1{
  float:left;
  }
 
 #innerLeftPro  h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:5px 10px;
text-align:left;
float:left;
width:100%;

 }
 
 #constCont{
margin-left:110px;
 }
 
 #innerLeftPro p{
 text-align:left;
 padding:10px 10px;
 font-weight:normal;
 width:99%;
 float:left;
 color:#838383;
 line-height:19px;
 }

.stepcarousel{
position: relative; /*leave this value alone*/
color:#fff;
overflow: scroll; /*leave this value alone*/
width:87%; /*Width of Carousel Viewer itself*/
height:127px; /*Height should enough to fit largest content's height*/

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0px;
top: 0;
width:100%; 
height:127px;
margin-left:0px;
margin-right:0px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 169px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
color:#111111;
height:127px;

}

.belt{
width: 151px;
float:left;
margin-top:18px;

}

.belt img{
width:141px;
float:left;
height:88px;


}

.belt p{
width: 141px;
text-align:left;
float:left;

}

#im1{
width:141px;
float:left;
height:88px;
}

#im1 img{

}



#contents{
background:url(../images/bottom-bg.jpg) repeat-y;
float:left;
width:940px;
height:157px;
margin-top:5px;
text-align:left;}
#contents h3{
padding:10px 20px 0px 20px;


}
#contents p{
padding:10px 20px;
color:#666666;
line-height:19px;
text-align:left;
}
#contents a{
color:#ccc;
text-decoration:none;
font-size:11px;
text-decoration: underline;
}

#contents a:hover{
color:#ccc;
text-decoration: none;
font-size:11px;
font-weight:normal;
}

#footer{
width:100%;
margin-top:5px;
padding:0px;
height:44px;
background:#BBBBBB;
float:left;
}

#footercont{
width:940px;
text-align:left;
padding:10px;
}
.fLeft{
color:#373737;
font: normal 11px/26px Arial, Helvetica, sans-serif;
width:350px;
float:left;
height: 25px;
display: block;
}
.fLeft a {
color:#373737;
font: normal 11px Arial, Helvetica, sans-serif;
color:#373737;
text-decoration:none;
}

.fLeft img { 
position: absolute;
margin: 0px;
padding: 0px;
margin-left: 2px;
}

.fRight{
width:350px;
color:#000;
font-size:11px;
text-align:right;
float: right;

}
.fRight a{
color:#373737;
text-decoration:none;
}
.fRight a:hover{
color:#373737;
text-decoration: underline;
}







.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	margin:7px;
}



.kwicks li{
	float: left;
	width: 231px;
	height: 359px;
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;

}

.kwicks li a{
color:#fff;
font-size:11px;
font-weight:bold;
text-decoration: underline;
}

.kwicks li a:hover{
color:#fff;
font-size:11px;
font-weight:bold;
text-decoration:none;
}



#kwick1 { 
	background:url(../images/banner-1.jpg) no-repeat;


}
#kwick2 {
	background:url(../images/banner-2.jpg) no-repeat;
}
#kwick3 {
	background:url(../images/banner-3.jpg) no-repeat;
}
#kwick4 { 
	background:url(../images/banner-4.jpg) no-repeat;
	
}
#blank {
display: none;
}
.tb-cell {
clear:both;
margin-top: 10px;
margin-bottom: 10px;
border: #CCCCCC solid 1px;
border-collapse: collapse;
}

.tb-cell th{
background: #333;
font: bold 14px/30px arial;
color:#FFFFFF;
border: #CCCCCC solid 1px;
border-collapse: collapse;
height: 30px;
padding: 3px;
padding-left: 25px;
}
.tb-cell td{
font-weight:normal;
border: #CCCCCC solid 1px;
border-collapse: collapse;
}

.spec-style001 {
position: absolute;
margin: 320px 0px 0px 80px;
}

.img-spec001 {
float: left;
margin: 25px 0px 5px 20px;
}
#fullscreendemo {
clear: both;
width: 888px;
height: 600px;
text-align:left;
display: block;
border:#CCCCCC solid 1px;
margin: 0px;
padding: 0px;
margin-left: 10px;
}

.warranty-wrap, .warranty-wrap * {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.warranty-wrap { 
	width:98%;
	display:block;
	margin:0 auto;
}
.warranty-con {
	border:1px solid #403739;
	display:block;
	clear:both;
	border-radius:0 0 10px 10px;
	margin:0 0 10px 0;
	padding:0 10px 10px 10px;
}
.warranty-wrap h1 {
	display:block;
	clear:both;
	width:100%;
	padding:10px;
	background-color:#403739;
	color:#fff;
	border-radius:10px 10px 0 0;
	margin:30px 0 0 0;
}
.warranty-wrap h2 {
	text-align:left;
	padding:20px 10px 10px 10px;
	display:block;
	width:100%;
}
.warranty-wrap h3 {
}
.warranty-left {
	width:50%;
	float:left;
	padding:0 20px 0 0;
	border-right:1px solid rgba(0,0,0,0.2);
}
.warranty-right {
	width:50%;
	float:left;
	padding:0 0 0 20px;
}
.warranty-wrap ul {
	margin:10px;
}
.warranty-wrap ul li {
	padding-left: 20px;
	background: url(../images/icon1.jpg) no-repeat 0px 3px;
}