/* General-purpose reset */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, img, p, pre, blockquote, ul, ol, dl {margin: 0; padding: 0; border: none;}

/* General elements */
body {text-align: center; font: 75% verdana, helvetica, arial, sans-serif; background-color: #003973; color: #332d2f;}
a img {border: none;}
ul, dl {margin-left: 1.1em; padding-left: 1.1em;}
ol {margin-left: 1.4em; padding-left: 1.4em;}

/* Containers */
#container {width: 980px; margin: 0 auto; background: #fff url(/images/template/bgContainer.gif) top left repeat-y; text-align: left;}
#skipTo {position: absolute; left: -9000px; width: 999px;}
#masthead {position: relative; width: 960px; height: 157px; margin-left: 10px; background: #6d6d6d url(/images/template/bgBanner1.jpg) top left no-repeat;}
#masthead .logoLarge {width: 225px; height: 60px; position: relative; top: 21px; left: 15px;}
#masthead .logoSmall {display: none;}
#masthead .contactInfo {position: relative; left: -9000px;}
#masthead .contactInfo .contactInfoElectronic {position: relative; left: 9056px; top: 5px;}
#menuUtility {width: 700px; height: 26px; position: absolute; top: 2px; right: 170px; text-align: right;}
#menuPrimaryContainer {display: inline; width: 960px; margin-left: 10px; padding: 0; float: left; background: #002762 url(/images/template/bgMenuHoriz.gif) top left repeat-x; text-align: center;}
#menuPrimary {margin-left: 25px;}
#content {display: inline; width: 960px; margin-left: 10px; float: left; padding-bottom: 10px; background: #fff url(/images/template/bgContentTertiary.gif) top left repeat-y;}
#contentTertiary {display: inline; width: 195px; min-height: 150px; float: left; padding: 21px 19px 0 0; overflow: hidden; background: #6e6f70 url(/images/template/bgMenuVert.gif) top left repeat-x;}
#contentTertiary .applicableIndustries {width: 167px; margin: 20px 0 0 19px; padding: 0; border: 2px solid #0078e3;}
#contentPrimary {display: inline; width: 489px; margin-left: 19px; padding: 21px 0 0 0; float: left;}
#contentSecondary {display: inline; width: 193px; margin-right: 19px; padding: 21px 0 0 0; float: right;}
#contentSecondary .sidebarBox {width: 165px; margin-bottom: 20px; padding: 0 14px 4px 14px; overflow: hidden; border: 2px solid #0078e3;}
#footer {width: 960px; height: 25px; margin-left: 10px; clear: both; font-size: .9em; line-height: 25px; text-align: center; background: #dd540d url(/images/template/bgFooter.gif) top left repeat-x; color: #fff;}
.noSidebar #contentPrimary {width: 710px;}
.noSidebar #contentSecondary {display: none;}

/* Content Appearance */
.noDisplay {display: none;}
#masthead .contactInfo {color: #00539b; line-height: 1.3;}
#masthead .contactInfo a {color: #00539b; text-decoration: none;}
#skipTo a:focus, #skipTo a:hover,  #skipTo a:active {position: absolute; top: -55px; left: 9210px; background-color: #002762; color: #fff; padding: 1em; font-weight: bold; border: 3px solid #dd540d; width: 20em; z-index: 9; line-height: 1.6; text-align: center;}
#masthead a:focus, #masthead a:hover, #masthead a:active {text-decoration: underline;}
#masthead a.phoneLink:focus, #masthead a.phoneLink:hover, #masthead a.phoneLink:active {text-decoration: none; cursor: default;}

#contentTertiary h1 {margin: 0 0 1.25em 19px; font-size: 1.2em; text-transform: uppercase; color: #fff;}
#contentTertiary .applicableIndustries h3 {display: block; width: 161px; padding: 5px 3px; margin: 0; background: #002762 url(/images/template/bgSidebarHeading.gif) top left repeat-x; color: #fff; text-align: center; font-size: 1em; text-transform: uppercase;}
#contentTertiary .applicableIndustries ul {padding: 0; margin: 0;}
#contentTertiary .applicableIndustries li {height: 100%; margin: 0; padding: 0; background: transparent url(/images/template/bgIndustryListSeparator.gif) top center no-repeat; list-style-type: none;}
#contentTertiary .applicableIndustries li.first {background-image: none;}
#contentTertiary .applicableIndustries a {display: block; padding: 1.2em 1em 1.2em 60px; color: #fff; background-position: 12% center; background-repeat: no-repeat; text-decoration: none; text-transform: uppercase;}
#contentTertiary .applicableIndustries a:focus, #contentTertiary .applicableIndustries a:hover, #contentTertiary .applicableIndustries a:active {text-decoration: underline;}

#contentPrimary a {color: #003973; border-bottom: 1px solid #00529b; text-decoration: none;}
#contentPrimary a:focus, #contentPrimary a:hover, #contentPrimary a:active {border-bottom-style: dotted;}
#contentPrimary a:visited {color: #002762;}
#contentPrimary p, #contentPrimary ol, #contentPrimary ul {margin-bottom: 1em;}
#contentPrimary h2, #contentPrimary h3, #contentPrimary h4, #contentPrimary h5, #contentPrimary h6 {font-weight: bold; font-style: normal;}
#contentPrimary h2 {margin-bottom: .75em; font-size: 1.5em; color: #e87d1e;}
#contentPrimary h3 {margin-bottom: .5em; font-size: 1.1em; text-transform: uppercase;}
#contentPrimary h4 {font-size: 1.1em;}
#contentPrimary h5 {font-size: 1em;}
#contentPrimary p, #contentPrimary li {line-height: 1.4;}

#contentPrimary .productImage {float: left;}
#contentPrimary table.productSpecs {margin-top: 25px; clear: left; border-collapse: collapse;}
#contentPrimary table.productSpecs th, #contentPrimary table.productSpecs td {padding: .2em; vertical-align: top; border: 1px solid #6a6a6a; color: #332d2f; font-size: .9em;}
#contentPrimary table.productSpecs thead td {font-weight: bold; text-align: center; vertical-align: bottom;}

#contentSecondary .sidebarBox h3 {display: block; width: 187px; padding: 5px 3px; margin: 0 0 7px -14px; background: #002762 url(/images/template/bgSidebarHeading.gif) top left repeat-x; color: #fff; text-align: center; font-size: 1em; text-transform: uppercase;}
#contentSecondary a {color: #003973; border-bottom: 1px solid #00529b; text-decoration: none;}
#contentSecondary a:focus, #contentSecondary a:hover, #contentSecondary a:active {border-bottom-style: dotted;}
#contentSecondary a:visited {color: #002762;}
#contentSecondary p, #contentSecondary ol, #contentSecondary ul {margin-bottom: 1em;}
#contentSecondary h4, #contentSecondary h5, #contentSecondary h6 {font-weight: bold; font-style: normal;}
#contentSecondary h4 {font-size: 1.1em;}
#contentSecondary h5 {font-size: 1em;}
#contentSecondary p, #contentSecondary li {line-height: 1.3;}
#contentSecondary ul, #contentSecondary dl {margin-left: .9em; padding-left: .9em;}
#contentSecondary ol {margin-left: 1.1em; padding-left: 1.1em;}

#contentSecondary .relatedItems ul {margin-left: .6em; padding-left: .6em;}
#contentSecondary .relatedItems li {margin: .75em 0; color: #003973;}

#footer a {color: #fff; text-decoration: none;}
#footer a:focus, #footer a:hover, #footer a:active {text-decoration: underline;}

/* Specialty Appearance */
.pullQuoteLeft, .pullQuoteRight {width: 37%; padding: .2em 10px; border-top: 3px double #e87d1e; border-bottom: 3px double #e87d1e; font: italic 2em/1.4 "palatino linotype", palatino, georgia, "times new roman", times, serif !important;  color: #e87d1e;}
.pullQuoteLeft {float: left;}
.pullQuoteRight {float: right;}
.accentImageLeft {float: left; margin-right: 1em;}
.accentImageRight {float: right; margin-left: 1em;}
span.superscript  {vertical-align: super; font-size: .8em;}

#productListImages p {width: 24%; height: 17em; float: left; text-align: center;}
#productListImages img {display: block; margin: 0 auto;}
#productListImages a, #productListImages a:focus, #productListImages a:hover, #productListImages a:active {border: none;}
#productListImages a span {border-bottom: 1px solid #00529b}
#productListImages a:focus span, #productListImages a:hover span, #productListImages a:active  span{border-bottom-style: dotted;}

#contentTertiary .applicableIndustries li.industryAgriculture a {background-image: url(/images/template/bgIndustryAgriculture.gif);}
#contentTertiary .applicableIndustries li.industryAutomotive a {background-image: url(/images/template/bgIndustryAutomotive.gif);}
#contentTertiary .applicableIndustries li.industryCabinetry a {background-image: url(/images/template/bgIndustryCabinetry.gif);}
#contentTertiary .applicableIndustries li.industryDisplay a {background-image: url(/images/template/bgIndustryDisplay.gif);}
#contentTertiary .applicableIndustries li.industryHvac a {background-image: url(/images/template/bgIndustryHvac.gif);}
#contentTertiary .applicableIndustries li.industryWholesale a {background-image: url(/images/template/bgIndustryWholesale.gif);}

#contentSecondary div.tutorials {width: 193px; padding: 0;}
#contentSecondary div.tutorials h3 {width: 183px; display: block; margin: 0; padding-left: 5px; padding-right: 5px; overflow: hidden;}
#contentSecondary .tutorialList {height: 200px; padding: 4px; overflow-y: auto; overflow-x: hidden;}
#contentSecondary .tutorialList table {border-collapse: collapse;}
#contentSecondary .tutorialList td {vertical-align: top; padding: 8px 5px 8px 0; border-bottom: 1px dotted #ddd;}

.home #content {background-image: none;}
.home #contentPrimary {width: 703px;}
.home #contentPrimaryHome {width: 703px; float: left;}
.home .productList {width: 48%; float: right;}
.home #contentPrimaryHome div.first {padding-right: 15px; float: left; border-right: 1px solid #ccc;}
.home  #contentPrimaryHome .productList * {color: #332d2f !important;}
.home .productList table {border-collapse: collapse;}
.home .productList td {padding: 5px; vertical-align: top;}
.home #contentPrimaryHome .productList h3 {margin-bottom: 0 !important; color: #003973 !important;}
.home #contentPrimaryHome .productList a {border-bottom-color: #332d2f;}

.home #contentSecondary .applicableIndustries h3 {display: block; width: 187px; padding: 5px 3px; margin: 0 0 7px -14px; background: #002762 url(/images/template/bgSidebarHeading.gif) top left repeat-x; color: #fff; text-align: center; font-size: 1em; text-transform: uppercase;}
.home #contentSecondary .applicableIndustries ul {padding: 0; margin: 0;}
.home #contentSecondary .applicableIndustries li {height: 100%; margin: 0; padding: 0; background: transparent url(/images/template/bgIndustryListSeparator.gif) top center no-repeat; list-style-type: none;}
.home #contentSecondary .applicableIndustries li.first {background-image: none;}
.home #contentSecondary .applicableIndustries a {display: block; padding: 1.2em 1em 1.2em 60px; border: none; color: #003973; background-position: 8% center; background-repeat: no-repeat; text-decoration: none; text-transform: uppercase;}
.home #contentSecondary .applicableIndustries a:focus, .home #contentSecondary .applicableIndustries a:hover, .home #contentSecondary .applicableIndustries a:active {text-decoration: underline;}
.home #contentSecondary .applicableIndustries li.industryAgriculture a {background-image: url(/images/template/bgIndustryAgricultureBlue.gif);}
.home #contentSecondary .applicableIndustries li.industryAutomotive a {background-image: url(/images/template/bgIndustryAutomotiveBlue.gif);}
.home #contentSecondary .applicableIndustries li.industryCabinetry a {background-image: url(/images/template/bgIndustryCabinetryBlue.gif);}
.home #contentSecondary .applicableIndustries li.industryDisplay a {background-image: url(/images/template/bgIndustryDisplayBlue.gif);}
.home #contentSecondary .applicableIndustries li.industryHvac a {background-image: url(/images/template/bgIndustryHvacBlue.gif);}
.home #contentSecondary .applicableIndustries li.industryWholesale a {background-image: url(/images/template/bgIndustryWholesaleBlue.gif);}

/* Forms */
.generalForm fieldset {border: 1px solid #0078e3; margin-bottom: 1em; padding: 5px 5px 0 5px;}
.generalForm fieldset ol {margin-left: 0; border: 1px solid gray; padding: 6px; background-color: #ea7f1e; list-style-type: none;}
.generalForm li {padding: 0 !important; margin: 0 !important;}
.generalForm legend {background-color: inherit; color: #002762 !important; margin-bottom: .3em;}
.generalForm label {display: block; font-weight: bold; font-size: .9em;}
.generalForm label span{font-weight: normal;}
.generalForm input, .generalForm select, .generalForm textarea {display: block; margin: 0 0 .8em 0; padding: 0; border: 1px #aaa inset; background-color: #feecd3; color: #000;}
.generalForm #submitForm {margin: 0; padding: .1em; border: 2px #333 outset; background-color: #002762; color: #fff;}
.generalForm input.fullWidth, .generalForm select.fullWidth, .generalForm textarea.fullWidth {width: 98%;}
.generalForm input:focus, .generalForm select:focus, .generalForm textarea:focus {background-color: #fef5e7; color: #000;}
.generalForm br {display: none;}
.generalForm .radioGroup  input {display: inline; margin: 0 0 0 .5em; padding: 0; border: none; background-color: #ea7f1e;}
.generalForm .checkboxGroup {border: none; padding-left: 0; padding: 0;}
.generalForm .checkbox {padding: 0; margin: 0; border: none; clear: both;}
.generalForm .checkbox.last {margin-bottom: 1em;}
.generalForm .checkbox label {display: inline; font-weight: normal;}
.generalForm .checkbox input {width: 1.5em; display: inline; margin: .1em 0; background-color: #feecd3; color: inherit; border: none;}
.generalForm img.verImage {border: 2px #333 outset;}
.generalForm input.validationError, .generalForm textarea.validationError {border: 1px solid red; background-color: #ffff00;}
.generalForm .radioGroup input.validationError {background-color: #ea7f1e;}

#eFormValidationMessages {margin-bottom: 1em;}
#eFormValidationMessages br { display: block;  margin-bottom: 1em;}
#eFormValidationMessages p.errorList {margin-left: 1em;}


/* Utility Menu */
#menuUtility li {display: inline; padding-left: 10px; vertical-align: middle; list-style-type: none;}
#menuUtility a, #menuUtility input {font-size: .9em;}
#menuUtility a {color: #fff; text-decoration: none;}

#masthead #ajaxSearch_form {display: inline; position: absolute; top: 1px; right: 10px; text-align: right;}
#masthead #ajaxSearch_form  label {display: inline;}
#masthead #ajaxSearch_form fieldset {display: inline; }
#masthead #ajaxSearch_form #ajaxSearch_input {width: 70px; auto; margin: 0; padding: 1px; font-size: .9em; vertical-align: middle; color: #332d2f;}
#masthead #ajaxSearch_form #ajaxSearch_submit {border: none; background: transparent; color: #fff;}

#languageSelector select {color: #000; font-size: .9em;}
#languageSelector option {background-color: #fff; color: #000;}

/* Primary Menu */
#menuPrimary li {display: inline; list-style-type: none;}
#menuPrimary li a {display: block; height: 100%; padding: 5px 10px; float: left; border-right: 2px solid #fff; color: #fff; text-decoration: none; font-size: .9em;}
#menuPrimary li.first a {border-left: 2px solid #fff;}
#menuPrimary li.active a {background: #2f3031 url(/images/template/bgMenuHorizActive.gif) top left repeat-x;}
#menuPrimary a:focus, #menuPrimary a:hover, #menuPrimary a:active {text-decoration: underline; background: #2f3031 url(/images/template/bgMenuHorizActive.gif) top left repeat-x;}
#menuPrimary li.active a:focus, #menuPrimary li.active  a:hover, #menuPrimary li.active a:active {text-decoration: none; cursor: default;}

/* Secondary Menu */
#menuSecondary {margin: 0; padding: 0;}
#menuSecondary li {height: 100%; margin: 0; padding: 0; list-style-type: none;}
#menuSecondary li ul {display: none;}
#menuSecondary li.active ul {display: block; margin-left: 0; padding-left: 0;}
#menuSecondary a {display: block; margin-bottom: 1em; color: #fff; text-decoration: none; line-height: 1.2;}
#menuSecondary li a {padding-left: 19px;}
#menuSecondary li li a {padding-left: 38px;}
#menuSecondary li.activeCurrent a {background: transparent url(/images/template/bgMenuVertActive.gif) left center no-repeat;}
#menuSecondary li.activeCurrent li a {background-image: none;}
#menuSecondary li li.activeCurrent a {background: transparent url(/images/template/bgMenuVertActive.gif) 10% center no-repeat;}
#menuSecondary a:focus, #menuSecondary a:hover, #menuSecondary a:active {background: transparent url(/images/template/bgMenuVertActive.gif) left center no-repeat;}
#menuSecondary li li a:focus, #menuSecondary li li a:hover, #menuSecondary li li a:active {background: transparent url(/images/template/bgMenuVertActive.gif) 10% center no-repeat;}
#menuSecondary li.activeCurrent a:focus, #menuSecondary li.activeCurrent  a:hover, #menuSecondary li.activeCurrent a:active {cursor: default;}
#menuSecondary li.activeCurrent li a:focus, #menuSecondary li.activeCurrent li a:hover, #menuSecondary li.activeCurrent li a:active {cursor: pointer;}