/*----- CMS Version 2.0 Compatible -----*/

/*----- CORE ELEMENTS -----*/

body, .text { font-size: 12px} 
html, body, p, .text { font-family:Helvetica, Arial, sans-serif; color: #333; }
#main_body { padding: 0px; margin: 0px; background: #000}
#main_body_home { padding: 0px; margin: 0px; background: #000;}
#main_container { width: 950px; margin-right: auto; margin-left: auto;}
#main_container_home { width: 950px; margin-right: auto; margin-left: auto; background: #000 url(../images/home/body_bg2.jpg) repeat-y left top;}
#print_header {display:none}
#map h2 {font-size: 16px; line-height: 18px; color: #000; font-weight: normal; margin:0 0px 2px 0px;}
.FTPTable td { padding:5px 0;}

p { margin:0px 0px 10px 0px; }
.PageContent, table {font-size: 1em;}
p, .text, li {line-height: 1.67em}
h1 {font-size: 1.58em; line-height: 1.2em; color: #006db8; font-weight: normal; margin:0px 0px 7px 0px; }
h2 {font-size: 1.35em; line-height: 1.2em; color: #000; font-weight: normal; margin:12px 0px 8px 0px; }
h3 {font-size: 1.25em; line-height: 1.2em; color: #006db8; font-weight: normal; margin:0px 0px 7px 0px; }
h4 {font-size: 1.2em; line-height: 1.2em; color: #006db8; font-weight: normal; margin:5px 0px 10px 0px; }
h5 {font-size: 1.1em; line-height: 1.2em; color: #006db8; font-weight: normal; margin:0px 0px 5px 0px; }
.textColor {color: #31659b}

ul { margin-top: 0px; padding-left: 0px; margin-left: 0px; list-style-type: none; }
ul li { background-image: url(../images/icons/16x16/bullet.gif); background-repeat: no-repeat; background-position: 0px 0px; margin-top: 0px; padding-left: 15px; }
ul li ul { padding-left: 0px; list-style-type: none; margin-left: 0px; }
ul li ul li { background-image: url(../images/icons/16x16/bullet.gif); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 15px; margin-left: 15px; }

a:link, a:visited { color: #fff; text-decoration: none; }
a:hover, a:active { color: #fff; text-decoration: underline; }
.PageContent a:link, .PageContent a:visited, .ValidatorTextClass a:link, .ValidatorTextClass a:visited { color:#d71635; text-decoration:none }
.PageContent a:hover, .PageContent a:active, .ValidatorTextClass a:hover, .ValidatorTextClass a:active { text-decoration:underline }


img { border: 0px; }
form { display:inline }
hr { height:0px; border-top:1px solid #a8a89d; border-right: 0px; border-bottom: 0px; border-left: 0px; }

.formbox, .formtextarea, .formselect, .ValidatorTextClass input {  border: 1px solid #a8a89d; font-size: 11px; line-height:13px; color: #666666;background: url(../images/formboxBG.gif) no-repeat 0 0; }
.formbox, .ValidatorTextClass input { padding: 2px 3px; background-color:#fff}
.formtextarea { padding: 2px 0px; background-color:#fff}
.formselect { padding: 0; }
.formselect option {padding:0 3px; background:#fff;}
.formbox:focus, .formtextarea:focus { background: #FFC}
.formbutton { padding: 2px 3px; background: #d71635; cursor:pointer; border:none; color:#fff; border-bottom: solid 1px #900; border-right: solid 1px #900 }
.formbutton:hover {background:#666; border-bottom: solid 1px #000; border-right: solid 1px #000}
.formbutton:focus {background:#333; border-bottom: solid 1px #000; border-right: solid 1px #000}
.PageContent .requestQuote:link, .PageContent .requestQuote:visited, .PageContent .requestQuote:hover, .PageContent .requestQuote:active  { padding: 4px 5px 4px 13px; color:#fff; text-decoration:none; margin-left:10px; background:#d71635 url(../images/requestArrow.gif) no-repeat 6px 6px;}

#search {width:200px;height:18px;position:absolute;left:176px;top:8px;color:#fff;font-size:11px;line-height:10px;}
.searchBox { height:18px; width:120px;padding:0 2px 0 2px; margin-left:2px; background:url(../images/search_bkg.gif) no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:10px; border:none}

#searchButton {width:9px; height:18px;position:absolute;left:370px;top:8px;}

.nobr { white-space: nowrap }
td { empty-cells:show;}
.photoright { float:right; margin:0px 0px 10px 20px; clear:right; border:1px solid #000}
.photoleft { float:left; margin:0px 20px 10px 0px; clear:left; border:1px solid #000}
.phototreatment { border:1px solid #000}

/*----- PRINT ELEMENTS -----*/

.PrintOnly { display:none; }
.DontPrint { }
.PageContent { width:710px; margin:20px 20px 15px 20px; overflow:hidden}
.contentContainer { width:750px; float:left; background:#eeeeeb url(../images/body_top_shadow.gif) no-repeat right top;}
.leftCol { width:200px; float:left;}

.header { background:url(../images/header_bg.jpg) no-repeat 0 0;}
.header_home { background:url(../images/home/header_bg.jpg) no-repeat 0 0;}
.headLeft { float:left; width:393px; height:54px; margin-top:26px; display:block}
.headRight { float:left; width:404px; height:54px; text-align:right; margin-top:20px; position:relative}

.headRight a:link, .headRight a:visited, .headRight a:hover, .headRight a:active, .headLeft a:link, .headLeft a:visited, .headLeft a:hover, .headLeft a:active { font-size:17px; line-height:17px; font-style:italic; text-decoration:none}
.headRight .contact { color:#fff; font-size:11px; line-height:15px; text-align:right; position:absolute;left:93px;top:25px;}
.headRight .contact span { font-size:15px;}
.homeLeft { width:299px; padding:0 0 0 31px; background:#000; color:#4ba6dd}
.homeRight { width:298px; background:#A8A89D url(../images/home/right_bg.gif) no-repeat 0 0; border-left:1px solid #000; border-right:1px solid #000;}
.welcome { padding:5px 25px 15px 20px; border-bottom:1px solid #999;}
.welcome h1 { line-height:1.24em}
.news { padding:0 20px 0 20px}
/* ul */.news ul { list-style-type: none; margin:5px 0 0 0; padding:0;}
.news ul li { padding:0; margin:0; display:inline; background:none;}
.news ul a:link, .news ul a:visited { width:221px; padding:4px 19px 4px 18px; display:block; background:url(../images/icons/inline/bullet3.gif) no-repeat 6px 10px;}
.news ul a:hover, .news ul a:active { background:#97978d url(../images/icons/inline/bullet3.gif) no-repeat 6px 10px; text-decoration:none;}
.news a:link em, .news a:visited em, .news a:hover em, .news a:active em { color:#000; }
.title { font-size:16px; line-height:18px; padding:15px 0 7px 0; border-bottom:1px solid #dcdcd8;}


/*----- TIER 0 NAVIGATION ELEMENTS (apply these to td) -----*/

.Tier0 { color:#666;font-size:11px;line-height:11px; float:left; margin-top:24px; width:350px}
/* OFF */.headLeft .Tier0 a:link, .headLeft .Tier0 a:visited { text-decoration:none;color:#fff; font-size:11px; line-height:11px; font-style:normal }
/* ON */.headLeft .Tier0 a:hover, .headLeft .Tier0 a:active { color:#eeeeeb; }
.headLeft .Tier0 a:link.On, .headLeft .Tier0 a:visited.On, .headLeft .Tier0 a:hover.On, .headLeft .Tier0 a:active.On { text-decoration:none; color:#d3d3d0; font-size:11px; line-height:11px; font-style:normal}


/*----- TIER 1 NAVIGATION ELEMENTS -----*/

.Tier1 { background:#d71635; padding-right:11px; text-align:right;}
.Tier1 img { margin-left:20px;}


/*----- DHTML NAVIGATION ELEMENTS (set ie6 background color in nav.js) -----*/

ul.DHTMLMenu {background: transparent url(../images/navigation/menu_background.png) repeat 0px 0px; padding: 0px;margin: 0px;border: none;position: absolute;z-index: 500;display: none;}
ul.DHTMLMenu li {background: none;padding: 0;margin: 0;line-height: 20px;}
ul.DHTMLMenu li a:link, ul.DHTMLMenu li a:visited {color: #fff;background: transparent;padding: 3px 5px;margin: 0px;text-decoration: none;display: block; }
ul.DHTMLMenu li a:hover, ul.DHTMLMenu li a:active {color: #d71635;background: #f9f6e9;padding: 3px 5px;margin: 0px;text-decoration: none;display: block;}


/*----- SIDE NAVIGATION ELEMENTS -----*/

/* ul */.SideNav { list-style-type: none; margin:0 0 70px 0; padding:0;}
.SideNav li { padding:0; margin:0; display:inline; background:none;}

/* OFF li */.Tier2_Inactive a:link, .Tier2_Inactive a:visited { width:170px;padding:8px 15px 8px 15px;text-decoration:none;color:#fff;display:block;background: #000 url(../images/navigation/nav.gif) no-repeat 0 0; font-size: 12px; line-height: 14px; }
/* OFF HOVER li */.Tier2_Inactive a:hover, .Tier2_Inactive a:active { background: url(../images/navigation/nav.gif) no-repeat 0 -100px; }
/* ON li */.Tier2_Active a:link, .Tier2_Active a:visited, .Tier2_Active a:hover, .Tier2_Active a:active { width:170px;padding:8px 15px 8px 15px;text-decoration:none;color:#000;display:block;background:url(../images/navigation/nav.gif) no-repeat 0 -200px; font-size: 12px; line-height: 14px; }


/* OFF li */.Tier3_Inactive a:link, .Tier3_Inactive a:visited { width:158px;padding:4px 15px 4px 27px;text-decoration:none;color:#fff;display:block;background: url(../images/navigation/nav.gif) no-repeat 0 -300px; font-size: 11px; line-height: 13px; }
/* OFF HOVER li */.Tier3_Inactive a:hover, .Tier3_Inactive a:active { background: url(../images/navigation/nav.gif) no-repeat 0 -400px; width:158px;padding:4px 15px 4px 27px; display:block; font-size: 11px; line-height: 13px; }
/* ON li */.Tier3_Active a:link, .Tier3_Active a:visited, .Tier3_Active a:hover, .Tier3_Active a:active { width:158px;padding:4px 15px 4px 27px;text-decoration:none;color:#000;display:block;background: url(../images/navigation/nav.gif) no-repeat 0 -500px; font-size: 11px; line-height: 13px; }

/* OFF li */.Tier4_Inactive a:link, .Tier4_Inactive a:visited { width:148px;padding:3px 15px 3px 37px;text-decoration:none;color:#000;display:block;background: url(../images/navigation/nav.gif) no-repeat 0 -600px; font-size: 11px; line-height: 13px; }
/* OFF HOVER li */.Tier4_Inactive a:hover, .Tie4_Inactive a:active { background: url(../images/navigation/nav.gif) no-repeat 0 -700px; }
/* ON li */.Tier4_Active a:link, .Tier4_Active a:visited, .Tier4_Active a:hover, .Tier4_Active a:active { width:148px;padding:3px 15px 3px 37px;text-decoration:none;color:#000;display:block;background: url(../images/navigation/nav.gif) no-repeat 0 -700px; font-size: 11px; line-height: 13px; }


/*----- PAGE ELEMENTS -----*/

.contactLeft { width:179px; padding:47px 10px 0 11px;}
.contactLeft, .contactLeft p { color:#a8a89d; font-style:italic}
.contactLeft a:link, .contactLeft a:visited, .contactLeft a:hover, .contactLeft a:active { text-decoration:none}

.ShareLinks { margin-top:60px;clear:both; }
.ShareLinks a:link, .ShareLinks a:visited { text-decoration:none; }
.ShareLinks a:hover, .ShareLinks a:active { text-decoration:underline; }

/* ul */.homeLeft ul { list-style-type: none; margin:5px 0 15px 0; padding:0 0 15px 0;}
.homeLeft ul li { padding:0; margin:0; display:inline; background:none;}
.homeLeft a:link, .homeLeft a:visited { width:247px; padding:6px 15px 6px 36px; display:block; text-decoration:none; background:url(../images/home/products_off.gif) no-repeat 0 0; font-size:14px; line-height:16px}
.homeLeft a:hover, .homeLeft a:active { color:#000; background:#a8a89d url(../images/home/products_hover.gif) no-repeat 0 0;}


.Footer { color: #666; font-size: 11px; line-height:14px; float:left; width:950px; padding-top:10px}
.Footer p { color:#666; padding:0 0 3px 0; margin:0}
.Footer a:link, .Footer a:visited { color: #4ba6dd; text-decoration:underline; }
.Footer a:hover, .Footer a:active { color: #4ba6dd; text-decoration:none; }
.Footer a:link.On, .Footer a:visited.On, .Footer a:hover.On, .Footer a:active.On { text-decoration:none; color:#666;}
.FooterContainer { border-top:1px solid #d71635; padding:10px 0; margin-top:10px; float:left}
.FooterContainer_home { border-top: solid 1px #ce1533; padding:10px 0 40px 0;}

.fatFooter {float:left;width:910px; padding:10px 20px 5px 20px;color:#fff;font-size:1em; background:url(../images/fatfooter_bkg.gif) bottom left repeat-x;}
.fatFooter li { display:inline; background:none; background-image:none; padding:0; margin:0}
.fatFooter ul li a{color:#fff;display:block;text-decoration:none; margin:0; padding-bottom:3px; line-height:12px; white-space:nowrap;font-size:11px}
.fatFooter ul li a:hover, .fatFooter ul li a:active{color:#4ba6dd}
.fatFooter ul li.on a {color:#4ba6dd}


.fatFooter ul li ul li { margin:0; padding:0}
.fatFooter ul li ul li a, .fatFooter ul li.on ul li a{color:#666666;display:block; line-height:10px; text-decoration:none; margin:0; padding-right:25px; white-space:normal; text-transform:none; font-size:10px; padding-left:0px}
.fatFooter ul li ul li a:hover, .fatFooter ul li ul li a:active{color:#ccc; text-transform:none}
.fatFooter ul li ul li.on a{color:#fff; text-transform:none}

.social { padding:30px 0 0 0; float:right}
/*----- CUSTOM ELEMENTS -----*/
/* these are custom definitions needed for templates */

.productSpecs { margin-top:10px; border-bottom:1px solid #ccc; }
.productSpecs td { padding:3px 5px; }
.productSpecs .units { background:#e9e9e9; color:#006db8; }
.productSpecs .titles { background:#4ba6dd; color:#fff; font-size:13px; font-weight:bold;}
.productSpecs .odd { background:#e3e3e3; }

.applicationNotes { border-top:1px solid #99aec9; border-bottom:1px solid #99aec9; clear:both; margin:3px 0 20px 0; }
.applicationNotes .odd { background:#efefef;}
.applicationNotes .even { background:#ffffff;}
.applicationNotes a:link, .applicationNotes a:visited { width:640px; padding:7px 20px 7px 35px; background-repeat:no-repeat; background-position:10px 5px; display:block; font-size:12px; line-height:15px; text-decoration:none;}
.applicationNotes a:link em, .applicationNotes a:visited em { font-size:11px; line-height:15px; color:#000; }
.applicationNotes a:hover, .applicationNotes a:active { width:640px; padding:7px 20px 7px 35px; background-repeat:no-repeat; background-position:10px 5px; background-color:#666666; color:#fff; display:block; font-size:12px; line-height:15px; text-decoration:none;}
.applicationNotes a:hover em, .applicationNotes a:active em { font-size:11px; line-height:15px; color:#fff;}

/*----- CONTENT AREA ELEMENTS -----*/
/* these are custom definitions needed for content areas throughout site */

.quoteFormDiv { border:1px solid #ccc; background:#dadada; padding:15px 20px 20px}
.quoteForm td{ padding:3px 5px 3px 0; line-height:13px; font-style:italic; color:#555; font-size:.9em}
.quoteForm h2 { color:#006db8; font-size:1.2em; margin:0; font-style:normal}
.quoteForm input, .quoteForm select, .quoteForm td textarea { font-style:normal; color:#333}
.quoteForm table td {padding:0 10px 0 0}
.quoteForm .formbutton { padding: 4px 6px; font-size:1.15em; color:#fff}
.quoteForm hr { border-top-color:#bbb}

.subjClass { visibility: hidden; width:1px; height:1px; }