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

body { background: url(../images/body-bk.jpg) top left repeat-x #000; font-family:Arial, Helvetica, sans-serif;}
#container { width: 910px; min-height: 700px; background: url(../images/container-bk.gif) top left no-repeat #fff; margin: 1em auto; clear: both; overflow: auto; }

#header { position: relative; width: 910px; }

#logo { position: relative; left: .75em; top: .75em; margin-bottom: -123px; }
ol#navigation { position: relative; left: 236px; top: 1.25em; margin-bottom: -50px; height: 200px; width: 640px; clear: both; overflow: auto; }
	ol#navigation li { float: left; display: inline; width: 180px; }  
		ol#navigation li ul li { height: 25px; }
	ol#navigation li a { font: .875em Arial, Helvetica, sans-serif; text-decoration: none; color: #ee7b1d; padding-left: 1em; }
	ol#navigation li a:hover { background: url(../images/nav-li-bk.gif) left no-repeat; }
/*Begin Call Out Navigation */

		ol#navigation li ul#ceramic_metal { border-left: 1px solid #ff0000; color: #666; height:90px; }
		ol#navigation ul#ceramic_metal { width: 170px; }
		ol#navigation ul#ceramic_metal a { display: block; color: #666; font-weight:bold; }
			ol#navigation ul#ceramic_metal a:hover { background: none; color: #ee1d25; }
		/*ol#navigation li#glass_metal { width: 170px; }
		ol#navigation li#glass_metal a { display: block; padding: 3em .687em; border-left: 1px solid #ee1d25; color: #666; }
			ol#navigation li#glass_metal a:hover { background: none; color: #ee1d25; } */

ol#content { position: relative; list-style: none; clear: both; overflow: auto; }
	ol#content li { float: left; display: inline;  }
		ol#content li#leftColumn { width: 236px; padding-top: .75em;}
			ol#content li#leftColumn p { font: .75em Arial, Helvetica, sans-serif; line-height: 1.5; margin: .75em 3em .75em 1.5em; }
		ol#content li#rightColumn { width: 640px; }
		
h1 { font: bold 1.75em  Arial, Helvetica, sans-serif; color: #ee1d25; margin: .5em; }
h2, h3, h4, h5 { font: bold 1em  Arial, Helvetica, sans-serif; color: #666; margin: .75em; }
p { font: .875em Arial, Helvetica, sans-serif; color: #333333; line-height: 1.5; margin: .75em; }
strong {font-weight:bold; line-height: 1.5;}
em { font-style: italic;  line-height: 1.5;}
small {font-size:.75em;}
sub { vertical-align: sub; font-size: .687em; }
sup { vertical-align: super; font-size: .687em; }
a { color: #64B2F3; }


ol#address { background: url(../images/address-bk.gif) top center no-repeat; width: 625px; height: 46px; padding-top: 18px; padding-left: 10px; margin-top:72px; }
	ol#address li { font: .75em Arial, Helvetica, sans-serif; display: inline; background: url(../images/address-bullet.gif) left no-repeat; padding: 0 2em 0 2em; }
		ol#address li.nobullet { background: none; }

li#rightColumn ul li {font: .75em Arial, Helvetica, sans-serif; display:list-item; float:none; margin:0 0 5px 45px; padding: .2em; list-style:disc outside; line-height: 1.5;}

li#rightColumn ul.multi_column { clear: both; overflow: auto; }
	li#rightColumn ul.multi_column li { width: 200px; float: left;  }

table {font-size: 100%; font: .75em Arial, Helvetica, sans-serif; }
table.table_content {border-bottom:solid 3px #EE1D25;margin:.5em 0 15px 10px; width:100%; clear:right;}
table.table_content tr {border-top:solid 1px #cecece;}
	table.table_content tr th {padding:10px 5px; vertical-align:middle; font-weight: bold; }
	table.table_content tr td {padding:10px 5px; vertical-align:top;}
	.centered { text-align: center;}
		table.table_content tr td ul li {display:block; clear:both; margin-bottom:5px; list-style:disc outside;}

li#rightColumn ol.ordered li {font: .75em Arial, Helvetica, sans-serif; display:list-item; float:none; margin:0 0 15px 55px; list-style:decimal outside;}

.right {float:right;margin:0 0 15px 5px;}
.title {text-align:right;}
.title_left {text-align:left; }
table#form1 {margin-left:10px; width:80%;}
	table#form1 tr td {padding:3px;}
table tr td input, textarea, select {border:solid 1px #B5161B; padding:2px;}
	
ul#contact_address { padding:5px; width:200px; margin-left:10px;}
	li#rightColumn ul#contact_address li {list-style-type:none; margin:0; padding: 0 .4em;}
	
ol#survey_grade { list-style: none; margin-left: 2em; }
	ol#survey_grade li { display: list-item; float: none; font: .875em Arial, Helvetica, sans-serif; padding: .2em .75em }
	
/*Style the forms */
ol#content li#rightColumn form.cmxform { margin: 1em 0; border-top: 1px solid #ccc; }
ol#content li#rightColumn form.cmxform fieldset {margin: 1em;  }
ol#content li#rightColumn form.cmxform legend {padding: 0 .2em; font: bold .75em Arial, Helvetica, sans-serif;}
ol#content li#rightColumn form.cmxform legend.sectionheader {font: bold 1em Arial, Helvetica, sans-serif; }
ol#content li#rightColumn form.cmxform hr { color: #ee1d25; width: 95%; }
ol#content li#rightColumn form.cmxform label { display: inline-block;line-height: 1.8; vertical-align: top; font: .75em Arial, Helvetica, sans-serif;}
ol#content li#rightColumn form.cmxform fieldset ol { margin: 0; padding: 0;}
ol#content li#rightColumn form.cmxform fieldset li {list-style: none; display: list-item; float: none; padding: 5px; margin: 0;}
ol#content li#rightColumn form.cmxform fieldset fieldset { padding: .4em; margin: 3px 0 0 0;}
ol#content li#rightColumn form.cmxform fieldset fieldset legend {padding: 0 0 5px; font: .75em Arial, Helvetica, sans-serif;}
ol#content li#rightColumn form.cmxform fieldset fieldset label {display: block; width: auto; font-weight: normal;}
ol#content li#rightColumn form.cmxform fieldset fieldset.one_line { clear: both; overflow: auto; margin: 1em auto;}
ol#content li#rightColumn form.cmxform fieldset fieldset.one_line label {float: left; margin: .5em; }
ol#content li#rightColumn form.cmxform fieldset fieldset.one_line label.move_right { margin-left: 300px;}
ol#content li#rightColumn form.cmxform em { font-style: italic; color: #f00;}
ol#content li#rightColumn form.cmxform label { width: 120px; /* Width of labels */}
ol#content li#rightColumn form.cmxform fieldset fieldset label { margin: .75em 1.5em; /* Width plus 3 (html space) */ }

#survey_bug { float: right; margin: 0 0 1em 1em; }


div#lbContent {width:300px;height:300px;background: url(../images/dir_bg.jpg) top left repeat-x;margin:0 auto;padding:20px;border:solid 5px #afbfc5;}
#lightbox.done {background:none;border:none;}
#lightbox ul li label {margin-bottom:2px;display:block;}
#lightbox {font:bold .750em Verdana, Arial, Helvetica, sans-serif;color:#fff;}
#lightbox ul, #lightbox form {text-align:center;}
#lightbox form ul li {margin:10px 0;}
#lightbox input {padding:4px;font-size:1em;color:#0673B6;width:200px;}
#lightbox select, #lightbox option {font-size:1em;color:#0673B6;width:200px;}
#lightbox select {border:solid 1px #afbfc5;}
#lightbox h2{margin:0 0 1em 0;font-size:1.125em;color:#fff;}
#lightbox h3{color:#fff;}
#lightbox.done p{color:#fff;}
.highlight{background: url(../images/dir_bg.jpg) top left repeat-x;}



#calculators_inside { font-size-adjust: 100%; clear: right; overflow: auto; }
#calculators_inside p { font: bold .875em Arial, Helvetica, sans-serif; color: #336699; }
#calculators_inside fieldset {  width: 200px; float: left; height: 150px; margin:1em;}
#calculators_inside legend { font: bold .75em Arial, Helvetica, sans-serif; }
#calculators_inside ol { list-style: none; font: .75em Arial, Helvetica, sans-serif; color: #111; margin: 0; padding: 0; width: 180px; }
	#calculators_inside ol li { font-size: 100%;padding: .4em; text-align: right; border-top: 1px solid #fff; padding-right: 1em; width:100%; background-color:#ececec;}
	#calculators_inside ol li.submit { text-align: center; }
#calculators_inside label { padding: .4em; }
#calculators_inside input {text-align:center; margin-right:3em;}
#calculators_inside input.submitbutton {margin-right:0;}