/*
cool gray 5: #b2b3b5
cool gray 10: #707276
*/
HTML, BODY { width: 100%; height: 100%; margin: 0px; padding: 0px;}
BODY, TH, TD, LI, UL, OL { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333; }
BODY { background-color: #FFF; }
FORM { margin: 0px; padding: 0px; border: 0px; }
INPUT, SELECT, TEXTAREA { font-size: 11px; line-height: 12px; margin: 0px; padding: 0px; border: 1px solid #C6C6C6; }
INPUT.button { font-size: 11px;  font-weight: bold; color: #fff; background: #707276; border: 1px solid; border-color:  #eee  #C6C6C6  #C6C6C6  #eee; margin: 0px; padding: 0px 0px 2px 0px; vertical-align: middle; }
INPUT.checkbox { border: 0px; }
TABLE, TH, TD {padding: 0px; margin: 0px; }
TH { font-weight: bold; text-align: left; vertical-align: bottom; }
A { color: #000; text-decoration: underline; font-weight: normal; }
A:hover { text-decoration: none; color: #C00; }
H1 { font-size: 20px; font-weight: bold; color: #707276; line-height: 23px; margin: 4px 0px 11px 0px; }
H2 { font-size: 14px; font-weight: bold; color: #707276; line-height: 17px; margin: 0px 0px 7px 7px; }
H3 { font-size: 16px; font-weight: bold; color: #707276; line-height: 20px; margin: 0px 0px 0px 0px; }
H4 { font-size: 12px; font-weight: bold; color: #707276; line-height: 14px; margin: 0px 0px 7px 0px; }
H5 { font-size: 12px; font-weight: bold; color: #707276; line-height: 14px; margin: 0px 0px 7px 0px; }
H6 { font-size: 12px; font-weight: bold; color: #707276; line-height: 14px; margin: 0px 0px 7px 0px; }
h2.spotlight span{color:#000}
H4 A { color: #b2b3b5; }
P { font-size: 12px; line-height: 15px; margin: 0px 0px 15px 0px; }
HR { color: #C6C6C6; background-color: #C6C6C6; border: 0px; width: 100%; height: 1px; }

.bold{font-weight:bold}
.big{font-size:14px}
.bigger{font-size:16px}
.small{font-size:10px}
.smaller{font-size:8px}

/* Page Components */
#header{border-collapse:collapse;width:100%;border:0;padding:0;margin:0 0 0 0}
#header td{padding:0}
#header img{border:0;margin:0}
#pageTable { width: 100%; height: 100%; background-color: #FFF; }
#headBanner {  }
#headLogo{vertical-align:middle;padding:0px 0 0 0px;width:398px}
#headLogo img{margin:2px 2px 2px 2px}
#usaflag{text-align:center;margin:0px 0 10px 0}
#navGlobal {background: #fff;}
#navGlobal table{margin:22px 0px 3px 0}
#navGlobal table tr td{text-align:center;vertical-align:bottom;}
#navGlobal a span{display:none}
#navGlobal a{margin:0 10px 2px 10px;font-size:}
#navGlobal a:hover{border-bottom:2px solid #707276}
#pageBreadcrumb { height: 25px; }
DIV#pageHead { margin: 0px 0px 11px 0px; border-bottom:1px solid #000; padding-bottom:1px;}
#pageHead H1 { font-size: 20px; font-weight: bold; color: #707276; line-height: 23px; margin: -2px 0px 0px 0px;}
#pageHead H2 { font-size: 14px; font-weight: bold; color: #707276; line-height: 17px; margin: 0px; }
#pageBody { font-size: 12px; line-height: 15px; margin: 0px; padding: 0px; border: 0px; }
#pageSidebar { margin: 31px 0px 0px 0px; padding: 0px; }
#pageFlag { margin: 0px 0px 1px 0px; padding: 0px; }
#pageFlag P { font-size: 9px; line-height: 11px; color: #FFF; background-color: #A0A0A0; padding: 2px 5px; margin: 0px; text-align: center; width: 130px; }
#pageFooter { font-size: 10px; line-height: 13px; color: #666; background: #b2b3b5 url(/img/div.gif) top repeat-x; padding: 5px 10px; }
#pageFooter P { margin: 0px 0px 5px 0px; }
#beautyshot {margin-bottom:20px; text-align:center;}

/* Quick Search box */
#quicksearch { margin: 0px; padding: 0px; text-align: left; line-height: 0px; white-space: nowrap; }
#qsLabel { font-size: 10px; line-height: 11px; margin-top: 5px; padding: 0px; color: #333; }
#query { border: 1px solid #C6C6C6; width: 105px; height: 16px; margin: 0px 5px 0px 0px; padding: 0px; vertical-align: middle; }
#go { font-size: 11px;  height: 18px; margin: 0px; padding: 0px 0px 2px 0px;}

#iqueMakers { font-size: 10px; line-height: 12px; color: #000; text-align: center; margin: 20px 0px; padding: 0px; }
#iqueMakers IMG { margin: 0px; padding: 0px; border: 0px; line-height: 0px; }
#iqueMakers A, #iqueMakers A:hover { text-decoration: none; }

/* Navigation Table */
TABLE#navLeft { margin: 0px; border-width: 0px; border-collapse: separate; border-spacing: 0px; width: 150px; }
.lnav1 A, .lnav1 A:hover, .lnav1On A, .lnav1On A:hover, .lnav1Over A, .lnav1Over A:hover { text-decoration: none; color: #FFF; font-weight: bold; font-size: 14px; line-height: 18px; }
TH.lnav1, TH.lnav1On, TH.lnav1Over { text-align:left; background-color: #707276; padding: 3px 8px; border-bottom: 2px solid #FFF; cursor: hand; cursor: pointer; }
/*TH.lnav1Over { background-image: url(/img/tabMark.gif); background-repeat: no-repeat; background-position: top right; }*/

.lnav2 A, .lnav2 A:hover, .lnav2On A, .lnav2On A:hover, .lnav2Over A, .lnav2Over A:hover { text-decoration: none; color: #000; font-size: 10px; line-height: 13px; }
TD.lnav2, TD.lnav2On, TD.lnav2Over { border-width: 1px 0px 1px 1px; border-style: solid; padding: 2px 8px 2px 12px; cursor: hand; cursor: pointer; }
TD.lnav2 { background-color: #b2b3b5; border-color: #b2b3b5 #FFF #b2b3b5 #b2b3b5; }
TD.lnav2On { background-color: #FFF; border-color: #C6C6C6 #FFF #C6C6C6 #C6C6C6; }
.lnav2On A, .lnav2On A:hover { color: #000; }
TD.lnav2Over { background-color: #FFF; border-color: #FFF; }
.lnav2Over A, .lnav2Over A:hover { color: #C00; }


/* Errors */
TD.error { background: #DDDDDD; color: #C00; font-weight: bold; }
P.error { color: #C00; font-weight: bold; }
DIV.error { font-size: 12px; line-height: 15px; color: #333; font-weight: normal; }
div.sidebar_error{ background: #DDDDDD; color: #C00; font-weight: bold; }
div.sidebar_success{ background: #DDDDDD; color: #0c0; font-weight: bold; }


/* Common Page Styles */
/*DIV.breadcrumb { font-size: 11px; line-height: 12px; color: #C6C6C6; margin-bottom: 3px; }*/
DIV.breadcrumb { font-size: 10px; padding: 3px 8px 3px 8px; background-color: #b2b3b5; }
DIV.breadcrumb  table{width:100%; border-collapse:collapse}
DIV.breadcrumb  table td{}
DIV.breadcrumb .quicklinks {text-align:right}
DIV.breadcrumb .quicklinks form{display:inline}
DIV.breadcrumb #quicksearch{display:inline;margin-right:3px}
DIV.breadcrumb #quicksearch #qslabel{font-size:.8em;margin-right:2px;display:none}
DIV.breadcrumb SPAN.this { color: #707276; }
DIV.breadcrumb A { color: #000; text-decoration: none;}
DIV.breadcrumb .quicklinks a{font-size:.8em;margin:0px 9px 0px 2px; border-right:1px solid #000;padding-right:9px;color:#000}
DIV.breadcrumb .quicklinks a img{margin:1px 2px -5px 0;border:0}
DIV.breadcrumb A:hover { text-decoration: underline; }

DIV.backToTop { font-size: 12px; font-weight: normal; color: #333; line-height: 14px; margin: 20px 0px 40px 0px; clear: both; }
DIV.intro, DIV.body { font-size: 12px; font-weight: normal; color: #333; line-height: 18px; margin-bottom: 18px; clear: both; }
.body P { margin: 0px 0px 15px 0px; }
/*DIV.caption { font-size: 11px; font-weight: normal; color: #333; line-height: 16px; margin-bottom: 20px; font-style: italic; }
DIV.caption A { font-weight: normal; text-decoration: none; }*/

/* COMMON FORM STYLES */
TABLE.form {}
TABLE.form TH { font-size: 11px; line-height: 13px; font-weight: bold; vertical-align: top; text-align: right; padding: 2px; }
TABLE.form TD { font-size: 11px; line-height: 13px; vertical-align: top; text-align: left;  padding: 2px; }
TABLE.formStack { margin-bottom: 15px; padding: 0px; border-collapse: collapse; border-spacing: 0px; }
TABLE.formStack TH { font-size: 12px; line-height: 13px; font-weight: bold; color: #333; text-align: left; vertical-align: bottom; padding: 8px 0px 2px 0px; }
TABLE.formStack TD { font-size: 12px; line-height: 16px; color: #333; vertical-align: top; }
TABLE.formStack TR.buttons TD { padding: 8px; border-top: 1px solid #ADADAD; background-color: #E0E0E0; }

/* COMMON LIST CLASSES */
TABLE.list { margin: 0px 0px 20px 0px; border-width: 0px; border-collapse: separate; border-spacing: 0px; }
.list TH { background-color: #000; border-style: solid; border-color: #C6C6C6; border-width: 1px 1px 1px 0px; color: #FFF; text-align: left; font-size: 12px; line-height: 15px; padding: 3px; }
.list TH A, .list TH A:hover { color: #FFF; text-decoration: none; }
.list TH.Over { cursor: hand; cursor: pointer; border-bottom: #FFF solid 3px; }

.list TH.asc { border-bottom: #C00 solid 3px; }
.list TH.ascOver { cursor: hand; cursor: pointer; border-top: #FFF solid 3px; border-bottom: #C00 solid 3px; }

.list TH.desc { border-top: #C00 solid 3px; }
.list TH.descOver { cursor: hand; cursor: pointer; border-top: #C00 solid 3px; border-bottom: #FFF solid 3px; }

.list TD { padding: 4px 8px 4px 3px; border-style: solid; border-width: 0px 0px 1px 0px; font-size: 11px; line-height: 13px; color: #333; }
.list TR.over TD { background-color: #E0E0E0; border-color: #FFF; }
.list TR.odd TD { background-color: #FFF; border-color: #C6C6C6; }
.list TR.even TD { background-color: #b2b3b5; border-color: #C6C6C6; }
TR.odd TD TD, TR.even TD TD { border: 0px; font-size: 10px; line-height: 12px; color: #333; }
TD.event TD { padding: 0px; }
.list TD.event H3 { font-size: 13px; line-height: 15px; margin: 0px; padding: 0px; }
.list TD.event P { font-size: 10px; line-height: 12px; margin: 0px; padding: 0px; }
.list TD.event P.date { font-size: 12px; line-height: 13px; }

TD.news TD .projects.list TD { padding: 0px; }
.list TD.news H3, .projects.list TD H3 { font-size: 13px; line-height: 15px; margin: 0px; padding: 0px; }
.list TD.news P, .projects.list TD P { font-size: 10px; line-height: 12px; margin: 0px; padding: 0px; }
.list TD.news P.date, .projects.list TD .date, .projects .date { font-size: 12px; line-height: 13px; }

.projects P.date, .news P.date{margin:0}

TD.listtab { padding: 0px; border: 0px; }
TABLE.listtab { margin: 0px; border-width: 0px; border-collapse: separate; border-spacing: 0px; }
TABLE.listtab TD { font-size: 9px; line-height: 10px; border: 0px; padding: 4px 8px 1px 8px; background-color: #FFF; color: #333; }
TABLE.listtab TD A, .listtab TD A:hover { text-decoration: none; }
TABLE.listtab TD.On { background-color: #000; background-image: url(/img/tabMark.gif); background-repeat: no-repeat; background-position: top right; color: #FFF; font-weight: bold; }
TABLE.listtab TD.On A, .listtab TD.On A:hover { color: #FFF; }
TABLE.listtab TD.Off { color: #000; background-color: #b2b3b5; background-image: url(/img/tabMark.gif); background-repeat: no-repeat; background-position: top right; border-left: 1px solid #C6C6C6; }
TABLE.listtab TD.Off A { color: #000; }
TABLE.listtab TD.Off A:hover { text-decoration: underline; }

DIV.download H3 { font-size: 16px; line-height: 20px; margin: 0px; }
DIV.download H4 { font-size: 12px; line-height: 15px; margin: 15px 0px 0px 0px; border-bottom: 1px dotted #000; }
DIV.download P { font-size: 12px; line-height: 15px; margin: 0px 0px 15px 0px; }
DIV.download TH, DIV.download TD { font-size: 12px; line-height: 15px; padding-right: 15px; vertical-align: top; }
TABLE.download { background-color: #b2b3b5; border-bottom: 1px solid #C6C6C6; }
TABLE.download TD { font-size: 12px; line-height: 15px; padding: 3px; }

/* CATALOG LIST CLASSES */
TABLE.catalog { margin: 0px 0px 20px 0px; border-width: 0px; border-collapse: separate; border-spacing: 0px; width: 100%; clear: both; }
.catalog TH { background-color: #707276; border-bottom: 1px solid #000; color: #FFF; text-align: left; font-size: 12px; line-height: 14px; padding: 2px 6px; }
.catalog TH A, .catalog TH A:hover { color: #FFF; text-decoration: none; }
.catalog TD { padding: 6px 8px 6px 5px; border-bottom: 1px solid #C6C6C6; font-size: 11px; line-height: 13px; color: #333; }
.catalog TR.catalogGroup TD { background-color: #b2b3b5; font-weight: bold; color: #333; }
.catalog TABLE TD { padding: 0px; border: 0px; }

/* Quick Links Sidebar */
TABLE#quicklinks { margin: 0px 0px 15px 0px; padding: 0px; border: 1px solid #C6C6C6; border-collapse: separate; border-spacing: 0px; width: 100%; }
TABLE#quicklinks TH { font-size: 12px; line-height: 15px; background-color: #b2b3b5; color: #000; padding: 3px 10px; text-align: left; }
TABLE#quicklinks TD { font-size: 11px; line-height: 14px; padding: 0px; }
TABLE#quicklinks A { color: #000; text-decoration: none; }
TABLE#quicklinks A:hover { text-decoration: underline; }

/* Informational Sidebar */
TABLE.sideinfo { margin: 0px 0px 15px 0px; padding: 0px; border: 1px solid #C6C6C6; border-collapse: separate; border-spacing: 0px; width: 100%; }
TABLE.sideinfo TH { font-size: 12px; line-height: 15px; background-color: #b2b3b5; color: #000; padding: 3px 10px; text-align: left; }
TABLE.sideinfo TD { font-size: 10px; line-height: 12px; padding: 5px 10px; }
TABLE.sideinfo P { font-size: 10px; line-height: 12px; margin: 0px 0px 12px 0px; }
TABLE.sideinfo A { color: #000; text-decoration: none; }
TABLE.sideinfo A:hover { text-decoration: underline; color: #C00; }

/* Recent News Sidebar */
TABLE#recentnews { margin: 0px 0px 15px 0px; padding: 0px; border-collapse: separate; border-spacing: 0px; width: 100%; }
TABLE#recentnews TH { font-size: 12px; line-height: 15px; background-color: #b2b3b5; color: #000; padding: 3px 10px; text-align: left; }
TABLE#recentnews TD { font-size: 11px; line-height: 14px; padding: 5px 8px 8px 10px; }
TABLE#recentnews TD SPAN.date { font-size: 10px; line-height: 12px; color: #A8A8A8; }
TABLE#recentnews A { font-size: 10px; line-height: 12px; color: #C00; text-decoration: none; }
TABLE#recentnews A:hover { text-decoration: underline; }

/* Upcoming Events Sidebar */
TABLE#upcomingevents { margin: 0px 0px 15px 0px; padding: 0px; border-collapse: separate; border-spacing: 0px; width: 100%; }
TABLE#upcomingevents TH { font-size: 12px; line-height: 15px; background-color: #b2b3b5; color: #000; padding: 3px 10px; text-align: left; }
TABLE#upcomingevents TD { font-size: 11px; line-height: 14px; padding: 5px 8px 8px 10px; }
TABLE#upcomingevents TD STRONG { display: block; font-size: 11px; line-height: 12px; font-weight: normal; color: #000; border-bottom: 1px solid #000; padding: 0px; margin: 2px 0px; }
TABLE#upcomingevents A { font-size: 10px; line-height: 12px; color: #C00; text-decoration: none; }
TABLE#upcomingevents A:hover { text-decoration: underline; }

/* Welcome */
DIV#welcome { font-size: 12px; line-height: 18px; color: #333; margin: 0px 0px 20px 0px; padding: 0px; }
DIV#welcome, DIV { font-size: 12px; line-height: 18px; }
DIV#welcome H1 { display:none;font-size: 20px; line-height: 20px; color: #707276; font-weight: bold; text-align: left; margin: 0px; padding: 0px; }
DIV#welcome H1 EM { font-style: normal; color: #000; }
DIV#welcome P { margin: 5px 0px 0px 0px; font-size:1.2em}

/* Product Spotlight */
TABLE#spotlight { margin: 0px 0px 15px 0px; padding: 0px; border-collapse: separate; border-spacing: 0px; width: 100%; }
TABLE#spotlight TH { padding: 0px; text-align: right; }
TABLE#spotlight H2 { border-bottom: 1px solid #000; font-size: 16px; line-height: 19px; color: #b2b3b5; margin: 0px 0px -3px 0px; padding: 0px; text-align: left; }
TABLE#spotlight TD { padding: 10px 0px 0px 0px; }
TABLE#spotlight TD.body { font-size: 12px; line-height: 18px; color: #333; padding: 10px 20px 0px 15px; }
TABLE#spotlight TD.body P { margin: 0px 0px 18px 0px; }
TABLE#spotlight TD.body A { font-size: 14px; line-height: 16px; font-weight: bold; color: #C00; text-decoration: none; }
TABLE#spotlight TD.body A:hover { text-decoration: underline; }

/* Product Description */
.lock .description {margin-top:5px}
.lock UL.features {margin-top:10px;clear:both}
.lock UL.features LI{list-style-type:square}
.lock UL.features DIV.description{border:2px solid #444;padding:5px;background:#ddd;margin:auto;width:75%}
.lock UL.features .jTip{border-bottom:1px dotted}
.lock UL.children{margin:5px 0 0 0}
.lock UL.children LI{list-style-type:none}
.lock UL.children LI A{color:#000;font-size:14px;font-weight:bold}
.lock UL.projects {margin:5px 0 0 0}
.lock UL.projects LI{list-style-type:none;clear:both;}
.lock UL.projects LI IMG{float:left;margin:0 10px 10px 0;border:1px solid #707276}
UL.lock.trim.list{list-style:none}
UL.lock.trim.list LI{float:left}
UL.lock.trim.list LI A{font-size:14px;}
UL.lock.trim.list LI TABLE{display:inline;}
UL.lock.trim.list LI TABLE TR{vertical-align:top}
UL.lock.trim.list LI TABLE TD{border:none;height:115px;}
A.more{color:#d00;text-decoration:none}
A.more:hover{color:#f00;text-decoration:underline}
H3{clear:both}

/* Trims */
.trim TABLE.list {border:0;padding:0 0 0 2px}
.trim TABLE.list TD {border:1px solid #000; padding:5px;width:175px;height:175px;text-align:center}
.trim.list A{text-decoration:none;padding-bottom:1px}
.trim.list A IMG{border:0;margin-bottom:3px}
.trim.list A .name{text-decoration:underline;font-size:12px}

/* Sales Rep Locator */
.formField { font-size: 11px; line-height: 14px; }
FIELDSET.territory { font-size: 12px; line-height: 16px; padding: 0px; margin: 0px 0px 25px 0px; border: 1px solid #C6C6C6; }
FIELDSET.territory LEGEND { font-size: 14px; line-height: 17px; font-weight: bold; color: #C00; margin: 0px; padding: 2px 5px; border: 1px solid #C6C6C6; background-color: #FFF; }
FIELDSET.territory H3 { font-size: 14px; line-height: 17px; font-weight: bold; color: #C00; background-color: #b2b3b5; border-bottom: 1px solid #C6C6C6; margin: 0px; padding: 3px 8px; }
TABLE.territory { margin: 5px 0px; border-collapse: separate; border-spacing: 0px; }
TABLE.territory TD { font-size: 12px; line-height: 16px; padding: 0px 8px 0px 8px; }

TABLE.contacts { margin: 10px 0px 0px 0px; border-collapse: separate; border-spacing: 0px; }
TABLE.contacts TD { font-size: 12px; line-height: 16px; padding: 8px 30px 20px 8px; border-top: 1px solid #b2b3b5; }
TABLE.contacts H4 { font-size: 12px; line-height: 16px; margin: 0px; color: #333; font-weight: bold; }


/* CMS */
.login TH, .login TD { font-size: 12px; line-height: 15px; text-align: left; font-weight: bold; }
.success { color: #00DD00; font-weight: bold; }
.required { color: #C00; font-weight: bold; }

TABLE.skipPage { margin: 0px; border: 1px solid #BDC9D4; background-color: #707276; border-collapse: separate; border-spacing: 1px; }
.skipPage TD { font-size: 11px; color: #000; padding: 0px; white-space: nowrap; background-color: #FFFFFF; }
.skipPage TD A { color: #000; text-decoration: none; padding: 2px 4px; }
.skipPage TD A:hover { background-color: #b2b3b5; color: #000; text-decoration: none; }
.skipPage TD.on, .skipPage TD.on A, .skipPage TD.on A:hover { background-color: #000; color: #FFFFFF; font-weight: bold; }
.skipPage TD.info { background-color: #b2b3b5; padding: 0px 4px; }

.debug {background:#FFDDFF none repeat scroll 0%;display:block; border: 1px solid #FFAAFF;padding:2px;margin:2px}

.nodisplay{display:none}
.hidden{visibility:hidden}

#popupTrim{display:none;border:1px solid;background:#fff;position:absolute}
#popupTrim #popupTitle{border-bottom:1px solid;padding-left:3px}
#popupTrim #popupTitle A{text-decoration:none}
#popupTrim #popupDescription{padding:5px;margin:0}