/* ********** beginning of MAIN BODY STYLES ********** */
html, body, #container { min-height: 100%; /*Sets the min height to the height of the viewport.*/
    width: 100%;
    height: 100%; /*Effectively, this is min height for IE5+/Win, since IE wrongly expands an element to enclose its content. This mis-behavior screws up modern browsers*/
    margin: 0 auto;
    padding: 0;
	text-align:center; }

html>body #container { height: 100%; /*this undoes the IE hack, hiding it from IE using the child selector*/ }

body { font : 78%/180% Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
color : #000000;
background-image: url(http://duct-sox.cn/images/bg3.jpg);
background-repeat: repeat-x;
background-color: #8DCEE4;
text-align : center; }



/* Main content styles */
#lit_wrapper {margin: 1.5em 0 0 0 ;
padding:0;
min-height:400px;
height:400px;}

.lit {margin: 0 0 0 1.5em ;
padding:0;}

.lit a:link { text-decoration: none;
color: #0076c3; }

.lit a:hover { text-decoration: none;
color: #0076c3; }

.lit a:visited { text-decoration: none;
color: #0076c3; }

#container {
text-align:left;
margin:0;
padding:0;}

#content_container{position:relative;
margin: 0;
padding: 0;
width:890px;
height:auto;}

#content_body{background-image:url(http://www.whiteinkdesign.com/images/green.jpg);
background-repeat:repeat-x;
position:relative;
background-color:#ffffff;
margin: 0 auto;
padding: 0;
width:850px;
min-height:300px;
height:auto;
overflow:auto;}

#content_1 ul{position:relative;
margin: -1.5em 2em -1em 3.25em;
padding: 0;}

#content_1 { float:left;
background-color:#ffffff;
border-top:solid 3px #000000;
width: 398px;
min-height:400px;
height:100%;
margin:36px 0 0 0;
padding: 0;
padding-bottom:2em;}

#content_1 p{ position:relative;
height: auto;
margin: 0;
padding: 25px; }

#welcome {font-size:12px;
line-height:2em;
margin: 15px 0 0 0;
padding: 0 25px 25px 25px;}

.bordertag5 {float: right; position: relative; right: -20px; clear:left;}

#content_2 {width: 398px;
min-height:400px;
height:100%;
margin:0 0 0 376px;
padding: 2em; }

.main_col2_section_header{font-weight:bold;
width: 398px;
line-height:15px;
border-bottom:solid 1px #000000;
margin:1em 0 1em 15px;
padding:0 0 2px 0 ;}

.main_col2_section_intro {width: 398px;
margin:1em 0 1em 15px;
padding:0 0 2px 0 ;}

.main_col2_section_message {width: 398px;
margin:1em 0 1em 15px;
padding:0 0 2px 0 ;
color:#CC0000;}

#location_item {float:left;
width: 380px;
min-height:130px;
height:130px;
margin:0 0 0 2em;
padding:0;
overflow:hidden;}

#location_item ul{
margin:0;
padding:0;
line-height:2em; }

#location_item li{float:left;
clear:both;
list-style-type:none;
font-size:10px;
line-height:1.5em;
margin:0;
padding:0; }

#location_item_header {font-weight:bold;
width: 350px;
line-height:15px;
font-size:12px;
border-bottom:solid 1px #000000;
margin:0;
padding:10px 0 4px 0 ;}

#product_section_header{font-weight:bold;
width: 398px;
line-height:15px;
font-size:15px;
border-bottom:solid 1px #000000;
margin:1em 0 1em 15px;
padding:0 0 2px 0 ;}

#product_section_intro {width: 398px;
margin:1em 0 1em 15px;
padding:0 0 2px 0 ;}

#product_section_intro li{list-style-type:disc;
line-height:1.5em;
margin:0;
padding:0; }

.product_item {float:left;
width: 780px;
height:auto;
margin: 0 0 2em 25px;
padding:0;}

.product_item ul{
height:auto;
margin:0;
padding:0; }

.product_item li{float:left;
list-style-type:none;
line-height:1.5em;
height:auto;
margin:0;
padding:0; }

.product_item_catagory_header {font-weight:bold;
width: 800px;
line-height:15px;
font-size:15px;
border-bottom:solid 1px #000000;
margin:1em 0 1em 15px;
padding:0 0 2px 0 ;}

.cn_product_item_catagory_header {width: 800px;
line-height:15px;
font-size:15px;
border-bottom:solid 1px #000000;
margin:1em 0 1em 15px;
padding:0 0 2px 0 ;}

.product_item_header_wrapper {position:relative;
float:left; clear:right;
width:780px;
margin:0 0 5px 0;
padding:0;}

.product_item_header {float:left;
font-size:15px;
font-weight:bold;
color:#0575BC;
line-height:15px;
margin:0 5px 0 0;
padding:0 ;}

.product_image_wrapper {position: relative;
float:left;
width: 75px;
margin:5px 0 0 0;
padding:0; }

.product_image {position: relative;
background-color:#CCCCCC;
width: 75px;
min-height:75px;
height: 75px;
margin: 0 0 5px 0;
padding:0; }

#product_disclaimer {font-style:italic;
line-height:1.5em;
width:800px;
margin: 20px 0 5px 25px;
padding:0;}

.color_opt_wrapper {margin:0;
height:13px;
padding:0;
float:left;}

.color_opt {float:left;
margin:0 5px 5px 0;
padding:0; }

#color_opt img{display:block;
width:13px;
height:13px;
margin:0;
padding:0; }

.product_desc {position:relative;
float: left;
width: 300px;
min-height:75px;
height: auto;
margin:0;
padding-left:15px; }

.war_image {position:relative;
float: right;
width: 56px;
margin:5px 0 0 0;
padding:0; }

.product_wrapper {margin: 0 0 2em 0;
padding:0; }

.specs_wrapper{position:relative;
float:left;
margin:5px 0 0 2.75em;
padding:0;
width:250px;}

.stat_wrapper{position:relative;
float:left;
margin:0 0 5px 0;
padding:0;
width:250px;}

.stat_ttl{position:relative;
float:left;
margin:0;
padding:0;
font-size:10px;
font-weight:bold;
line-height:1.5em;
width:60px;}

.cn_stat_ttl{position:relative;
float:left;
margin:0;
padding:0;
font-size:10px;
line-height:1.5em;
width:60px;}

.stat_info{position:relative;
float:left;
margin:0;
padding:0;
font-size:10px;
line-height:1.5em;
width:190px;}

#content_2 p{ position:relative;
margin:0;
padding:0; }

#wrapper {position: relative;
margin: 0 auto;
padding: 0;
width:890px;
min-height: 100%;
height:100%; }

#branding_container {position:relative;
margin:0;
padding:0;
width: 890px;
min-height:121px;
height: 121px; }

#sh_t_lt {position:absolute;
width:20px;
height:300px;
left:-20px;
top:0px}

#branding {position:relative;
margin:0 20px 0 20px;
padding:0;
width:850px;
min-height:121px;
height:121px;}

#sh_t_rt {position:absolute;
width:20px;
height:300px;
right:-20px;
top:0px}
 
#btm_sh_lt {position:absolute;
width:20px;
height:300px;
left:-20px;
bottom:0px}

#btm_sh_rt {position:absolute;
width:20px;
height:300px;
right:-20px;
bottom:0px}

/* Site info styles*/
div#site_info {position:relative;
background-color : #000000;
clear:both;
width : 850px;
height: 25px;
margin : 0 auto;
padding : 0;
text-align : left; }

div#site_info ul {margin:0 0 0 1em;
padding:.25em 0 0 0; }

div#site_info li {list-style-type:none;
display:inline;
color: #ffffff;
border-right: solid 1px #ffffff;
margin:0;
padding:0 .75em 0 .5em;}

div#site_info a:link { text-decoration: none;
color: #cccccc; }

div#site_info a:hover { text-decoration: none;
color: #e6f0fa; }

div#site_info a:visited { text-decoration: none;
color: #ffffff; }

/* Top Menu styles*/
div#top_menu {position:relative;
clear:both;
width : 850px;
height: 25px;
margin : 0 auto;
padding : 0;
text-align : right; }

div#top_menu ul {margin:0 0 0 1em;
padding:.25em 0 0 0; }

div#top_menu li {list-style-type:none;
display:inline;
color: #ffffff;
border-right: solid 1px #ffffff;
margin:0;
padding:0 .75em 0 .5em;}

div#top_menu a:link { text-decoration: none;
color: #cccccc; }

div#top_menu a:hover { text-decoration: none;
color: #e6f0fa; }

div#top_menu a:visited { text-decoration: none;
color: #ffffff; }

/* ********** end of Top Menu STYLES ********** */

/* Mid Menu styles*/
div#mid_menu_container {position:relative;
background-color:#333333;
clear:both;
width : 850px;
height: 25px;
margin : 0 auto;
padding : 0;
text-align : left; }

div#mid_menu {position:relative;
float:left;
width : 700px;
height: 25px;
margin : 0;
padding : 0;
text-align : left; }

div#mid_menu ul {margin:0 0 0 1em;
padding:.25em 0 0 0; }

div#mid_menu li {list-style-type:none;
display:inline;
color: #ffffff;
border-right: solid 1px #ffffff;
margin:0;
padding:0 .75em 0 .5em;}

div#mid_menu a:link { text-decoration: none;
color: #cccccc; }

div#mid_menu a:hover { text-decoration: none;
color: #e6f0fa; }

div#mid_menu a:visited { text-decoration: none;
color: #ffffff; }



/* ********** end of Top Mid STYLES ********** */

/* Language Menu styles*/
div#language_menu {position:relative;
background-color:#333333;
float:right;
width : 150px;
height: 25px;
margin : 0;
padding : 0;
text-align : center; }

div#language_menu ul {margin:2px 0 0 0;
padding:0; }

div#language_menu li {list-style-type:none;
display:inline;
margin:0;
padding:0;
border:0;}

div#language_menu a:link { text-decoration: none; 
border:0; color:#FFFFFF;}

div#language_menu a:hover { text-decoration: none; 
border:0; color:#FFFFFF;}

div#language_menu a:visited { text-decoration: none;
border:0;  color:#FFFFFF;}

div#language_menu img {border:0;}


/* ********** end of Language Menu STYLES ********** */


/* ********** begin map STYLES ********** */

#blurb {width:auto;
margin:0 1.5em 0 0;
font-size:.8em;
line-height:1.5em;}

#blurb_ttl {width:auto;
margin:0;
padding:0;
font-size:1.2em;
font-weight:bold;
line-height:2em;}

#contact_form_container {position:relative;
float:left;
margin:0 0 0 0;
padding:.5em 0 2em 2em;
font-size:10px;
width:300px;}

.smallbtn {font-size:9px;}
.cn_smallbtn {font-size:9px;width:5em;}

#map {position:relative;
float:left;
width: 500px;
height: 400px;
margin:0;
padding:0; }

/* ********** end map STYLES ********** */

/* ********** begin gallery STYLES ********** */

#content_3 {width: 850px;
min-height:400px;
height:400px;
margin:0 0 20px 0;
padding:0 0 50px 0; }

#gallery_wrapper{position:relative;
margin:10px 0 0 0;
padding: 0 0 20px 0;
width:800px; }

.gallery_cat{position:relative;
float:left;
font-weight:bold;
margin:20px 20px 0 20px;
padding: 0;
width:800px;
border-bottom:solid 1px #000000;}

.cn_gallery_cat{position:relative;
float:left;
margin:20px 20px 0 20px;
padding: 0;
width:750px;
border-bottom:solid 1px #000000;}

.gallery_img{position:relative;
float:left;
margin: 0 0 0 20px;
padding: 0;
width:85px;
min-height:85px; }

/* ********** end gallery STYLES ********** */

/* ********** begin LIGHTBOX STYLES ********** */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}


/* ********** begin en links ********** */
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.duct-sox.cn/js/english/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.duct-sox.cn/js/chinese/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.duct-sox.cn/js/chinese/images/nextlabel.gif) right 15% no-repeat; }
/* ********** end en links ********** */

/* ********** begin cn links ********** */
#cn_prevLink, #cn_nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.duct-sox.cn/js/english/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#cn_prevLink { left: 0; float: left;}
#cn_nextLink { right: 0; float: right;}
#cn_prevLink:hover, #cn_prevLink:visited:hover { background: url(http://www.duct-sox.cn/js/english/images/prevlabel.gif) left 15% no-repeat; }
#cn_nextLink:hover, #cn_nextLink:visited:hover { background: url(http://www.duct-sox.cn/js/english/images/nextlabel.gif) right 15% no-repeat; }
/* ********** end cn links ********** */

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/* ********** end LIGHTBOX STYLES ********** */

/* ********** FAQ STYLES ********** */
#faq_container {position:relative;
margin:0 0 0 25px;
padding:0 0 3em 0;
float:left;
width:700px; }

#faq_header{font-weight:bold;
width: 700px;
line-height:15px;
font-size:15px;
border-bottom:solid 1px #000000;
margin:2em 0 0 0;
padding:0 0 .5em 8px;}

#cn_faq_header{width: 700px;
line-height:15px;
font-size:15px;
border-bottom:solid 1px #000000;
margin:2em 0 0 0;
padding:0 0 .5em 8px;}

.faq_wrapper {margin: 1.5em 0 0 1.5em;
padding:0;
width:700px;
float:left;
clear:both; }

.faq_icon_question {position:relative;
margin:.25em 0 0 0;
padding:0;
width:12px;
background-image: url("http://www.duct-sox.cn/images/q.jpg");
background-repeat:no-repeat;
float:left;}

.faq_icon_answer {position:relative;
margin:.25em 0 0 0;
padding:0;
width:12px;
background-image: url("http://www.duct-sox.cn/images/a.jpg");
background-repeat:no-repeat;
float:left;}

.faq_question {position:relative;
float:left;
margin:0;
padding:0 0 0 8px;
width:676px;
font-weight:bold;
line-height:1.5em;}

.cn_faq_question {position:relative;
float:left;
margin:0;
padding:0 0 0 8px;
width:676px;
line-height:1.5em;}

.faq_answer {position:relative;
float:left;
margin:0 0 0 8px;
padding:0;
width:676px;
line-height:1.5em;
color:#0575BC;}
/* ******** end FAQ STYLES ******** */

.photo {width:148px;
min-height:225px;
height:275px;
border:solid 1px #000000;
float: left;
margin-top:6px;
margin-right:18px;
margin-bottom:3px;
}

.photocap {font-size:.75em;
line-height:1.5em;
padding: .5em;
margin: 1em 0 0 0; }

#submit_container {margin:-26px 0 0 0; padding: 0;
float:right;
width: 50px;}

#contact_form_fields input {width:295px;}

#required {margin:0 0 0 12px; padding:0;}



#text_edit_wrapper {float:left;margin:0 0 0 20px; padding:0; width: 545px; }

#text_edit_container {margin:25px 0 0 0; padding:5px 10px 20px 10px; border:double #676767; background-color:#F3F3F3;
width: 500px; 
overflow:auto;}

#text_edit_button {margin:0 0 4px 0; padding:0;
width: 500px;
height:19px;
min-height:19px; }

#text_edit_directions {margin:0 0 5px 0; padding:0 0 8px 0; border-bottom:1px solid #ffffff;
width: 500px;
font-size:12px;
font-family:"Times New Roman", Times, serif;
color:#676767; 
line-height:1.25em; }

#text_edit_textarea {margin:0; padding:0; width:500px; overflow:auto;}

#text_edit_submits {margin:5px 0 0 0; padding:4px 0 0 0;
text-align:center;
width: 500px;
height:19px;
min-height:19px; }

#submits_edit_directions {margin:0 0 5px 0; padding:0 0 8px 0; border-bottom:1px solid #ffffff;
width: 500px;
font-size:12px;
font-family:"Times New Roman", Times, serif;
color:#676767; 
line-height:1.25em; }

#file_upload_top_spacer {margin:0 auto; padding:0;
width: 500px;
height:10px;
min-height:10px;}

#file_upload_container {margin:0; padding:5px 10px 20px 10px; border:double #676767; background-color:#F3F3F3;
width: 500px; }

#file_upload_browse {width:480px; margin:0 auto; padding:0; height:35px;
min-height:35px; }

#file_upload_submit {width:480px; margin:0 auto; padding:0; }

#browse_button_container {width:480px;margin:0 auto; padding:0; }

.browse_info {width:480px; font-size:12px;
font-family:"Times New Roman", Times, serif;
color:#676767; }

#browse_btn {float: left; width:375px;}

#btn_vert_offset {float:left; margin: 0 0 0 65px; width:50px;}

#choose_edit_page {float:left;width:265px; margin:0; padding:0;height:200px; min-height:200px;}
#choose_edit_select_wrapper { width:265px; margin:25px 0 0 0; padding:0;height:200px; min-height:200px;}
#choose_edit_select {width:265px; margin:0; padding:0;height:30px; min-height:30px;}
#choose_edit_image {width:265px; margin:0; padding:0; border:solid 1px #676767;}