@charset "utf-8"; 
/* CSS Document */

/* Table of Contents 

	body
	div#container
	img#branding_img
	ol#content
	ol#content li
	li#left
	ol#nav
	ol#nav li a
	ol#nav li a:hover
	ol#nav li.main a
	ol#nav li ul.secondary
	ol#nav li ul.secondary li a
	ol#nav li ul.secondary li a:hover
	li#right
	h1
	p
	p strong
	
End Table of Contents */

body {
	font-size: 100%;
	background: #fff url(../images/body-bk.gif) top left repeat-x;
	padding-bottom: 25px;
	}

div#container {
	width: 972px;
	min-height: 768px;
	margin: 0 auto;
	background: #fff url(../images/hp_container_bk.jpg) top center no-repeat;
	}
	
img#branding_img {
	position: relative;
	top: 25px;
	left: 15px;
	}
	
ol#content {
	position: relative;
	left: 20px;
	top: 25px;
	clear: both;
	overflow: auto;
	}
ol#content li {
	position: relative;
	float: left;
	}
	
li#left {
	width: 250px;
	min-height: 476px;
	background: #fff url(../images/li_left_bk.gif) top left no-repeat;
	}
	
ol#nav {
	position: relative;
	top: 85px;
	left: 40px;
	background: url(../images/ol_nav_bk2.jpg) top center no-repeat;
	width: 173px;
	min-height: 439px;
	font: .75em Arial, Helvetica, sans-serif;
	padding-top: 30px;
	}
ol#nav li { float: none; display: list-item; }
ol#nav li a {
	display: block;
	padding: .375em;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
	color: #000;
	}
ol#nav li a:hover {
	background-color: #a15b5a;
	}
ol#nav li.main a {
	text-transform: uppercase;
	border-top: 1px solid #a15b5a;
	margin-top: 3px;
	}
ol#nav li ul.secondary {
	margin-left: 15px;
	}
ol#nav li ul.secondary li a {
	padding-left: 12px;
	border: none;
	text-transform: none;
	background: url(../images/li_secondary-bk.gif) left no-repeat;
	}
ol#nav li ul.secondary li a:hover {
	background-color: #a15b5a;
	}
	
li#right {
	/*background: #fff url(../images/li_right_bk.jpg) top left no-repeat;*/
	background: #fff url(../images/li_right_bk.gif) top left no-repeat;
	width: 608px;
	min-height: 384px;
	padding: 10px 40px;
	}
h1 {
	font: bold 1.5em Arial, Helvetica, sans-serif;
	color: #b62c29;
	margin-top: 20px;
	}
h2, h3, h4, h5 {
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #b62c29;
	margin-top: 10px;
	}
p {
	font: .875em Arial, Helvetica, sans-serif;
	color: #333333;
	margin-top: 12px;
	margin-right: 150px;
	line-height: 1.5;
	}
p.hp {
	font: .950em Arial, Helvetica, sans-serif;
	width: 355px;
	line-height: 1.5;
	margin-top: 15px;
	}
p strong {
	color: #555758;
	font-weight: bold;
	}
em {
	font-style: italic;
	}
li#right ul {
	list-style: url(../images/li_secondary-bk.gif);
	margin: 12px 15px 5px 50px;
	font: .875em Arial, Helvetica, sans-serif;
	}
li#right ul li { padding: 5px; line-height: 1.5; float: none; display: list-item; }
li#right ul li ul {
	list-style: circle;
	}
	
li#right ol {
	margin: 12px 15px 5px 50px; font: .875em Arial, Helvetica, sans-serif; }
li#right ol li { padding: 5px; line-height: 1.5; float: none; display: list-item; }

li strong {
	color: #555758;
	font-weight: bold;
	}
ul#flags { margin: 0; padding: 20px 0 0 40px; position: relative; top: 28px; left: 760px; width: 250px; height: 38px; margin-bottom: -10px;  }
	ul#flags li { display: inline; border-right: 1px solid #ccc; padding: .4em; }
	
/*ul#flags {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	top: 25px;
	right: 40px;
	}
ul#flags li {
	display: inline;
	margin: 0;
	padding: 0;
	}*/

img.tradeshow {
	position: relative;
	top: 10px;
	left: 15px;
	}
img.centered {
	display: block;
	margin: 10px auto;
	}
	
div#footer {
	background: url(../images/footer.gif) bottom center no-repeat;
	height: 53px;
	width: 941px;
	margin: 100px auto 1em auto;
	clear: both;
	}
p#address {
	font: .6875em Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
table#contact {
	width:385px;
	float:left;
	font: bold .875em Arial, Helvetica, sans-serif;
	}
td.fields {
	text-align: right;
	background-color: #E8EBE0;
	border: 1px solid #000;
	font: .875em Arial, Helvetica, sans-serif;
	}
td.input {
	text-align: left;
	font-weight:normal !important;
	font-size:12px;
	}
	
table {
	border: 1px solid #999999;
	margin-top: 20px;
	font: .75em Arial, Helvetica, sans-serif;
	}
table td {
	padding: 3px;
	text-align: center;
	vertical-align: top;
	}
tr.tabletitle {
	background-color: #E8EBE0;
	font: bold .875em Arial, Helvetica, sans-serif;
	}
tr.tabletitle td {
	vertical-align: middle;
	text-align: center;
	padding: 3px;
	}
img.right {
	float: right;
	margin: 0 5px 5px 5px;
	}
.left {
	float: left;
	margin: 0 1em;
	}	
	
div.right {
	float: right;
	margin: 0 5px 5px 5px;
	padding: 10px;
	width: 250px;
	background-color: #e8ebe0;
	border: 2px dashed #fff;
	}
div.right p {
	margin: 0;
	}
ol#columns {
	margin: 0;
	padding: 0;
	margin-top: 25px;
	clear: both;
	overflow: auto;
	}
	ol#columns li {
		float: left;
		line-height: 1.5;
		}
		ol#columns li p {
			margin: 0;
			padding: 0;
			}
		ol#columns li#left_column {
			width: 240px;
			float: left;
			border-right: 1px dashed #999999;
			}
		ol#columns li#right_column {
			float: left;
			width: 240px;
			}
			ol#columns li#left_column ul {
				margin: 10px 10px 10px 20px;  
				}
				ol#columns li#left_column ul li {
					display: list-item;
					}
			ol#columns li#right_column ul {
				margin: 10px 10px 10px 30px; 
				}
				ol#columns li#right_column ul li {
					display: list-item;
					}
	
img.maps {
	display: inherit;
	margin: 10px auto;
	}

ul#contact_addresses {
	margin-left:15px !important;
	display:block !important;
	float: left !important;
	}
	
ul#contact_addresses li {
	list-style: none;
	position: relative;
	width: 130px;
	margin: 3px;
	height: 130px;
	}

blockquote p {
	font: .875em Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #333333;
	margin: 12px 50px;
	line-height: 1.5;
	}
blockquote p cite  {
	font-weight: bold;
	font-style: normal;
	text-align: right;
	color: #555758;
	}
	
.home_images {
	margin-top:20px;
	}
li.address {
	font:.75em Arial, Helvetica, sans-serif;
	}
li.addresschina {
	width: 160px !important;
	font:.75em Arial, Helvetica, sans-serif;
	}
li#right ul#address_vert { margin: 10px auto; }	
li#right ul#address_vert li {
	list-style: none;
	padding: 0;
	}
	
blockquote p{ width: 400px; margin-right: 0; margin-left: 15px;}

ol.techlibrary { margin: .75em; font: .875em Arial, Helvetica, sans-serif; }
	ol.techlibrary li { padding: .4em; line-height: 1.5; color: #666;}

fieldset { margin: .75em auto; }	
	legend { font: bold .875em Arial, Helvetica, sans-serif; }
	label { padding: .4em; text-align: right; }



form.cmxform {margin-top:11px; width:443px; font-size:.9em;font-family:Arial, Helvetica, sans-serif;}
form.cmxform fieldset { margin-bottom: 15px; border:solid 1px #777; width:443px; padding:.5em;}
form.cmxform legend { padding: 1em 2px; font-weight: bold; }
form.cmxform label {display: inline-block;line-height: 1.8;vertical-align: top;text-align:right;margin-right:1.5em;margin-top:-4px;}
form.cmxform fieldset ol {margin: 0;padding: 0;}
form.cmxform fieldset li {list-style: none;margin: 0;}
form.cmxform fieldset fieldset {border: none;margin: 3px 0 0;}
form.cmxform fieldset fieldset legend {padding: 0 0 5px;font-weight: normal;}
form.cmxform fieldset fieldset label {display: block;width: auto;}
form.cmxform em {font-weight: bold;font-style: normal;color: #f00;}
form.cmxform label {width: 135px; /* Width of labels */}
form.cmxform fieldset fieldset label {margin-left: 138px; /* Width plus 3 (html space) */}
form.cmxform ol.needs li label {width:400px;text-align:left;margin-left:1.5em;}
form.cmxform ol.needs li {margin-left:1.5em;}
label.cmxradio {float:left !important;width:375px !important; margin-left:0 !important;}
form.cmxform textarea {margin-left:150px;}
form.cmxform #comments {font-family:Arial, Helvetica, sans-serif;font-size:1em;}

form.cmxform div.product {display:block;border-bottom:solid 1px #efd2d1;padding:.25em 0; width:393px; height:20px;}
	div.product input[type=checkbox] {float:left; display:block;margin-right:4px;}
	div.product span {float:left;display:block;height:22px;}
	.description {width:160px;}
	.price {width:50px;text-align:right;margin-right:30px;}
	.quantity {width:130px;}
		.quantity span {margin-bottom:2px;}
	
#map_canvas {width:370px;height:300px;border:solid 2px #58595B;}
#route {width:360px;border:solid 2px #eee;}
	#route table {font:.687em Arial, Helvetica, sans-serif;color:#666;}
	#route div {font:1em Arial, Helvetica, sans-serif;color:#666;}
	
#directions-box {border:solid 1px #e8ebe0;list-style-type:none;background-color:#fafafa;margin:20px 0;padding:.25em .25em 1em .25em; clear:left; width:376px; float:left;}
	#directions-box label {display:inline-block; width:100px;}
	#directions-box li {list-style:none !important;}