@charset "utf-8";
/* CSS Document */
body, p, td, th, div, li, a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

form { margin:0; padding:0;}
.topbar { background: url(images/temperature-process-controls.gif) top right no-repeat; padding-right: 1px;}
.topbar td { color: #70a4f7; }
.topbar a:link, .topbar a:visited, .topbar a:active { color: #064076; text-decoration: underline; margin: 0 10px; padding: 0; }
.topbar a:hover { color: #009933; text-decoration: underline; margin: 0 10px; padding: 0; }
.topbarmenu { background-image: url(images/bg_menu.gif); height: 27px; padding-left: 10px; }
.topbarcart { background: url(images/nav_cart.gif) top left no-repeat; padding-left: 28px; line-height: 27px; }
.topbarcart a:link, .topbarcart a:visited, .topbarcart a:active { font-weight: bold; color: #FFF; text-decoration: none; }
.topbarcart a:hover { font-weight: bold; color: #FFCC00; text-decoration: underline; }

.footer { background: url(images/bg_footer.gif) top left repeat-x; height: 91px; }
.footer td { color: #7cb6e6; line-height: 45px; }
.footer a:link, .footer a:visited, .footer a:active { color: #FFF; text-decoration: none; margin: 0 10px; }
.footer a:hover { text-decoration: underline; margin: 0 10px; }

.breadcrumbs { height: 32px; background: url(images/bg_midbar.jpg) top left repeat-x; line-height: 32px; font-size: 10px; color: #333; text-align: left; padding-left: 18px; }
.breadcrumbs a { font: normal 10px Verdana, Arial, Helvetica, sans-serif; }
.rightcolumn { background: url(images/column-start-blue.gif) top left no-repeat; padding: 13px 0 25px 0; }
.leftcolumn { background: url(images/column-start-teal.gif) top left no-repeat; padding: 13px 0 25px 0; }
.pageright { background: url(images/bg_page_right.jpg) top right no-repeat; }
.content { background: url(images/bg_page_left.jpg) top left no-repeat; padding: 35px 31px 55px 35px; color: #333; }

.whelp { padding-left: 1px; } /* fixes font clipping for expanded characters */
.columnblue, .columngreen, .columnteal, .columngrey { width: 170px; padding-bottom: 20px;  }
.columnblue p, .columngreen p { margin: 0; padding: 0 0 9px 0; width: 100%; } 
.columngrey p, .columnteal p { margin: 0; padding: 0 0 14px 0; width: 100%; }
.columngrey a { font-weight: bold; text-transform: capitalize; }
.columnblue { background: url(images/bg_column_blue.jpg) top left no-repeat; color: #003366; }
.columngreen { background: url(images/bg_column_teal.jpg) top left no-repeat; color: #003366; }
.columnteal { background: url(images/bg_column_teal.jpg) top left no-repeat; color: #085a97; }
.columngrey { background: url(images/bg_column_grey.jpg) top left no-repeat; color: #333; }
.columnblue h4, .columngreen h4, .columnteal h4 , .columngrey h4{ font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; margin:-3px 0 15px 0; padding:0; }
.columnblue input.search { width: 118px; border: 1px solid #638fbe; font: 11px Arial, Helvetica, sans-serif; color: #333; margin: 0 3px 3px 0;}
.columnblue select.search { width: 123px; font: 11px Arial, Helvetica, sans-serif; color: #333; }
.columnblue input.button { margin-top: 4px; cursor: pointer; }
.columnblue label, .locator label { font: normal 10px Arial, Helvetica, sans-serif; color: #003366; }
.locator select { width: 160px; }

.indexmiddle { background: url(images/bg_page_left.jpg) top left no-repeat; padding: 31px; color: #333; }
.indexmiddle p { width: 100%; color: #333; margin: 0; padding: 0 0 14px 0; line-height: 14px; }

.hr { height: 20px; width: 100%; background: url(images/hr.gif) bottom repeat-x; margin: 12px 0 3px;}
.banner { height: 91px; background: url(images/banner.jpg) top left no-repeat; }
.result { float: left; border-bottom: 1px solid #CCC; height: 200px; font-size: 13px; }
.clear { clear: both; }

/* design of spec content area */
.spec_tabcontent { width: 750px; padding: 30px 12px 20px 12px; border-bottom: 3px solid #e9e9e9; border-top: 5px solid #437aa6; background-color: #d7d7d7; }
p.subhead { color: #003366; font: bold 12px Arial, Helvetica, sans-serif; }

/* design of tabs themselves */
TD.tabs_on { border: #437aa6 1px solid; padding: 3px 13px; cursor: pointer; background-color: #437aa6;}
TD.tabs_off { border: #d7d7d7 1px solid; padding: 3px 13px; cursor: pointer; background-color: #ede9e2;}
TD.tabs_on a { font-weight: bold; color: #FFF; text-decoration: none;}
TD.tabs_off a { font-weight: bold; color: #003366; text-decoration: none;}
.table_1, .table_2, .table_3, .table_4, .table_5, .table_6 { width: 100%; }

.table_1 { display: inline}
.table_2 { display: none}
.table_3 { display: none}
.table_4 { display: none}
.table_5 { display: none}
.table_6 { display: none}


.column1_spec, .columnC_spec { font-weight: bold; color: #003366; background-color:#CCC; padding: 6px 6px 6px 10px;}
.column2_spec, .columnA_spec, .columnB_spec { color: #000; background-color:#EEE; padding: 6px 6px 6px 10px;}
table.tableoutline { border: none; border-spacing:5px;}
.header_faq, .header_sidebar { height: 21px; font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; background-color:#437aa6; padding-left: 10px; }
.header_faq h3, .header_sidebar h3 { font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; margin:0; padding:0;}

.column3_other { font-weight: bold; color: #003366; background-color:#FBDBA6; padding: 2px 5px 2px 2px; text-align: right;}
.column4_other { color: #003366; background-color:#EEE; padding: 2px 4px;}
.column5_white { border: 1px solid #EEEEEE; background-color:#FFF; padding: 2px 4px;}

#steps { font: bold 14px Arial, Helvetica, sans-serif; color: #E7E7E6; margin: 0px 0px 15px 0px; }
#stepblue { color: #00467D; }

#error { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #930000; font-weight: bold; background-color: #FFD5D5; border: 1px dotted #930000; padding: 5px; margin: 0px 0px 10px 0px; }
#success { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #2A8A00; font-weight: bold; background-color: #E2FFD5; border: 1px dotted #2A8A00; padding: 5px; margin: 0px 0px 10px 0px; }