html, body{ margin:0; padding:0; font: 12px/18px Arial, Helvetica, sans-serif; background-color: #E5E5E5; text-align: center; color: #000; }
#page-container{ width: 762px; text-align: left; margin:12px auto; }
#top{  }
#bottom{  }
#middle{ width: 762px; float:left; background: url("images/box-middle.gif") repeat-y; text-align:center; }
#header{ width: 722px; text-align:left; margin:0 auto; }
#content{ width: 722px; text-align: left; margin: 12px auto; }
#left-side{ width: 150px; float:left; text-align: right; }
#right-side{ width: 550px; float:right; }
		
#content-bg{min-height: 330px;  background: url("images/bg-content.gif") no-repeat; width: 550px; float:right; }
* html #right-side{ height: 330px; }
		
/* CO Addition */
.inside a, a:visited {color:#ff5a00;}
.inside a:hover{color:#FF972F;}
#contact a, a:visited {color: #ff5a00;}
#contact a:hover{color:#FF972F;}

#Content_pnlDatasheets a, a:visited {color: #FF7E00;}
#Content_pnlDatasheets a:hover{color:#FF972F;}

#footer{ width: 462px; text-align:center; float:left; padding: 0 150px 10px 150px; }
#footer ul{ margin: 0 auto; text-align:left; list-style: none; padding:0; display: inline; }
#footer ul li{ display: inline; margin: 0 0 0 0; border-left: 0px solid #a3a3a3; padding: 0 0 0 0px; }
#footer ul li a{ color: #535353; text-decoration: none; text-transform:lowercase;}
#footer ul li.first{ border-left: none; }
#footer ul li a:hover{color:#FF972F;}

table.matrix 
{
width: 100%;
text-align: center;
margin: auto;
background-color: #ff5a00;
}

table.matrix tr td 
{
padding: 2px;
text-align: left;
vertical-align:top;
background: #ffffff;
border:solid 1px #ffffff;
}

table.matrix tr td p 
{
text-align: center;
}

table.matrix tr th 
{padding: 5px;
vertical-align:top;
text-align: center;
background: #ffffff;}

		
/* site wide elements */
.inside{ padding:16px 24px 0 24px; }

/* Original Nav 
ul#nav{ margin:8px 0 32px 0; padding:0; list-style: none; }
ul#nav li{ border-top:1px solid #FF963C; }
ul#nav li.last{ border-bottom: 1px solid #FF963C; }
ul#nav li a, ul#nav li a:visited, ul#nav li a:link{ color:#828282; text-decoration: none; display: block; font-weight:bold; padding: 3px; margin: 1px 0; }
ul#nav li a:active, ul#nav li a:hover, ul#nav li a.on{ background-color:#9f9f9f; color: #fff !important; }
*/

ul#nav{ margin:8px 0 32px 0; padding:0; list-style: none; }
ul#nav li{min-height:15px; padding:1px; margin:1px; border-top:1px solid #FF963C; vertical-align:middle;}

ul#nav li a, ul#nav li a:visited, ul#nav li a:link{height: 15px; color:#828282; text-decoration: none; display: block; font-weight:bold; padding: 0px; margin: 1px 0; }
ul#nav li a:active, ul#nav li a:hover, ul#nav li a.on{height: 15px; background-color:#9f9f9f; color: #fff !important; }

ul#nav li dl{ margin:0; padding:0; }
ul#nav li dl dd{ margin:6px 0; padding:0 3px 0 0; font: 12px Verdana, sans-serif; }
ul#nav li dl dd a, ul#nav li dl dd a:link, ul#nav li dl dd a:visited{ font-weight:normal; display: inline; padding:0; }
ul#nav li dl dd a:hover, ul#nav li dl dd a:active, ul#nav li dl dd a.on{ background-color: #fff; color: #000 !important; text-decoration: underline; }

#left-side p{ color: #767676; }

address{ font-style: normal; font-weight:bold; color: #767676; }
address a{ color: #ff5a00;; text-decoration: none; }

h1.pageTitle{text-transform:capitalize; margin:0; font-size: 16px; font-weight:bold; color: #fff; }
h1.bigTitle{text-transform:capitalize; color: #ff5a00; font: 21px Arial, sans-serif; font-weight:bold; margin:0 0 6px 20px; }
h2.smallTitle{text-transform:capitalize; color: #000; font: 19px Arial, sans-serif; font-weight: bold; margin:0 0 12px 20px; font-style: italic; }
h3{text-transform:capitalize; font-size: 14px; font-weight:bold; color: #767676; }

div.column{ width: 140px; float:left; padding: 0 12px; margin-top: 10px; }
div.column.middle{ border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; padding-left: 16px; padding-right: 16px; }
div.column p{ text-align: center; height: 82px; margin:0; line-height: 14px; }
div.column dl{ margin:0; padding:0; }
div.column dl dt{ margin:0; padding:0; }
div.column dl dd{ margin:0; padding:0; background: url("images/gradient.gif") no-repeat; text-align: right; }
div.column dl dd a{ display: block; padding: 2px 22px 4px 0; color: #fff; font-weight:bold; text-decoration:none; }

table#formcontent{ margin-top: 12px; }
table#formcontent td{ vertical-align: top; padding: 0 6px 6px 0; }
table#formcontent label{ width: 70px; display: block; text-align: right; }
table#formcontent input.text{ width: 124px; }
table#formcontent input.text, textarea{ border: 1px solid #767676; }
table#formcontent input, table#formcontent select, table#formcontent textarea{ font: 12px Arial, Helvetica, sans-serif; }
table#formcontent textarea{ width: 97%; float:left; height:45px; }
* html table#formcontent textarea{ margin-left: 5px; }
td.buttons input{ margin: 0 12px 0 0; background-color:#E6E6E6; border:1px solid #767676; }
table#formcontent p{ margin:0 12px 16px 0; }

address{ font-weight:normal; color: #000; }

#left-side p, #left-side address { font-size: 11px; line-height: 14px; color: #767676; }
#left-side address{ font-weight: bold; }


/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }

.orange{ color:#ff5a00 !important; }

a{ outline: none; }

/*CO Additions */

#datasheets{ margin:8px 0 8px 0; padding:0; list-style: none; }
#datasheets li{ border-top:1px solid #FF963C; }
#datasheets li.last{ border-bottom: 1px solid #FF963C; }
#datasheets li a, #datasheets li a:visited, #datasheets li a:link{ color:#828282; text-decoration: none; font-weight:bold; padding: 3px; margin: 1px 0; }
#datasheets li a:active, #datasheets li a:hover, #datasheets li a.on{ background-color:#9f9f9f; color: #fff !important; }

#datasheets li dl{ margin:0; padding:0; }
#datasheets li dl dd{ margin:6px 0; padding:0 3px 0 0; font: 12px Verdana, sans-serif; }
#datasheets li dl dd a, #datasheets li dl dd a:link, #datasheets li dl dd a:visited{ font-weight:normal; display: inline; padding:0; }
#datasheets li dl dd a:hover, #datasheets li dl dd a:active, #datasheets li dl dd a.on{ background-color: #fff; color: #000 !important; text-decoration: underline; }

.Newsletter{ margin:0; float: right; }
.NewsletterBox{ border: 1px solid #828282; width: 100px; margin-right: 4px; color: #828282; font-size: 13px; padding: 0 2px; }
.NewsletterButton{ background-color: #FF972F; color: #fff; font-size:10px; border: 1px solid #828282; padding: 0 2px; font-weight:bold; width:15; height:10; }

.red{padding-left: 4px;font: Arial;font-size: 10px;color: #FF972F;}
a.SiteMapLinks {padding-left: 20px;color: #FF972F;}
a:hover.SiteMapLinks {color:#828282; }
a.SiteMapSubLinks {padding-left: 40px;color: #FF972F; font-size: 10px;}
a:hover.SiteMapSubLinks {color:#828282;}

#contentform ul{width: 450px;color: #000000;	height: auto;text-align: left;text-decoration: none;list-style-type: none;}
#contentform li {list-style:none;font: 10pt arial, sans-serif; padding-top:5px; padding-bottom:5px;}
#contentform label{color:#828282;width: 10em;float: left;text-align: left;margin-right: 0.5em;display: block;}
#contentform textbox{color: #828282;background-color: #ffffff;}
#contentform textarea{width:250px;font: 10pt arial, sans-serif;color: #828282;}
#contentform checkbox{border: 0px;} 

#olPages {font: 100% verdana, arial, helvetica, sans-serif; border: 1px solid #828282;}
#olPages {font: 89% verdana, sans-serif;margin-left: 10px;width: 400px;color: #828282;}
#olPages_List {font: 100% verdana, sans-serif;width: 350px;color: #828282;}

.clear{clear:both;}

.right{ float: right;margin: 8px 0px 0px 0px;padding-right:10px;clear: both;}

/* DATE PICKER */

.DatePicker{background-color: #ffffff;border:1px solid #ccc;font: normal normal 10px verdana,sans-serif; width:300px;}

.dateheader{background-color:#9f9f9f;color:#fff;font: normal bold 10px verdana,sans-serif;border:0px;}
.dateheader a{text-decoration:underline;color:#ffffff}
.dateheader a:hover{text-decoration:underline;color:#FF953A}
.dateheader a:visited{text-decoration:underline;color:#ffffff}

.SelectedDate
{background-color: #ffffff;color:#FF953A;border:1px solid #FF953A;}

.WeekendDate
{
background-color: #EAEEEE;
color:#fff;
}