/* General-purpose reset */
* {background-image: none !important;}

/* General elements */
body {text-align: left;}

/* Containers */
#container {width: auto; margin: 1px; padding: 3px;}
#skipTo {position: static; margin: 1em 0; padding-left: 0; list-style-type: none;}
#skipTo a {color: #0083f7;}
#masthead {position: static; width: auto; height: auto; margin-left: 0; background-color: #fff;}
#masthead .logoLarge {display: none;}
#masthead .logoSmall {display: block; width: 160px; height: 43px;}
#masthead .contactInfo {position: static; color: #00539b;}
#masthead .contactInfo .contactInfoElectronic {position: static;}
#menuUtility {width: auto; height: auto; position: static; text-align: left;}
#menuPrimaryContainer {display: block; width: auto; margin-left: 0; float: none; text-align: left; background-color: #fff;}
#menuPrimary {margin-left: 0;}
#content {display: block; width: auto; margin-left: 0; float: none; padding-bottom: 0; }
#contentTertiary {display: block; width: auto; float: none; padding: 0; overflow: visible; background-color: #fff;}
#contentTertiary .applicableIndustries {width: auto; margin: 0; border: none;}
#contentPrimary {display: block; width: auto; margin-left: 0; padding: 0; float: none;}
#contentSecondary {display: block; width: auto; margin-right: 0; padding: 0; float: none;}
#contentSecondary .sidebarBox {width: auto; margin-bottom: 0; padding: 0; overflow: visible; border: none;}
#footer {width: auto; height: auto; margin-left: 0; font-size: 1em; line-height: normal; text-align: left; color: #332d2f; background-color: #fff;}
.noSidebar #contentPrimary {width: auto;}

/* Content Appearance */
#masthead .contactInfo a {text-decoration: underline;}
#skipTo a:focus, #skipTo a:hover,  #skipTo a:active {position: static; background-color: #fff; color: #0083f7; padding: 0; font-weight: normal; border: none; width: auto; z-index: 1; line-height: normal; text-align: left;}
#masthead a.phoneLink:focus, #masthead a.phoneLink:hover, #masthead a.phoneLink:active {text-decoration: underline; cursor: pointer;}

#contentTertiary h1 {margin: 0; font-size: 1.2em; text-transform: uppercase; color: #003973;}
#contentTertiary .applicableIndustries h3 {width: auto; padding: 0; color: #003973; text-align: left; background-color: #fff;}
#contentTertiary .applicableIndustries ul {padding-left: .9em; margin: 1em 0 1em .9em;}
#contentTertiary .applicableIndustries li {height: 100%; list-style-type: disc;}
#contentTertiary .applicableIndustries a {display: inline; padding: 0; color: #0083f7; text-decoration: underline; text-transform: capitalize;}

#contentPrimary .productImage {float: none;}
#contentPrimary table.productSpecs {margin-top: 0;}

#contentSecondary .relatedItems {margin: 1em 0;}
#contentSecondary .sidebarBox h3 {width: auto; padding: 0; margin: 0;  color: #003973; background-color: #fff; text-align: left; text-transform: capitalize;}
#contentSecondary .relatedItems ul {margin-left: .6em; padding-left: .6em;}
#contentSecondary .relatedItems li {margin: 0; color: #003973;}
#contentSecondary .relatedItems img.tutorialScreenCap {margin: -7px 0 0 -14px;}

#footer a {color: #332d2f; text-decoration: underline;}

/* Specialty Appearance */
.pullquoteLeft, .pullquoteRight {display: none;}

#productListImages p {width: auto; float: none; text-align: left;}

/* TODO */
.home #content {background-image: none;}
.home #contentPrimary {width: 703px;}
.home #contentPrimaryHome {width: 703px; float: left;}
.home #contentPrimaryHome * {color: #003973;}
.home .productList {width: 46%; float: right;}
.home #contentPrimaryHome div.first {float: left;}
.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: 12% 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.industryAutomotive a {background-image: url(/images/template/bgIndustryAutomotiveBlue.gif);}
.home #contentSecondary .applicableIndustries li.industryCabinetry a {background-image: url(/images/template/bgIndustryCabinetry.gif);}
.home #contentSecondary .applicableIndustries li.industryDisplay a {background-image: url(/images/template/bgIndustryDisplay.gif);}
.home #contentSecondary .applicableIndustries li.industryHardware a {background-image: url(/images/template/bgIndustryHardware.gif);}
.home #contentSecondary .applicableIndustries li.industryHvac a {background-image: url(/images/template/bgIndustryHvac.gif);}
.home #contentSecondary .applicableIndustries li.industryLawngarden a {background-image: url(/images/template/bgIndustryLawngarden.gif);}


/* Utility Menu */
#menuUtility {margin: 1em 0; padding: 0;}
#menuUtility a, #menuUtility input {font-size: 1em;}
#menuUtility a {color: #0083f7; text-decoration: underline;}
#menuUtility form label {display: block;}
#menuUtility form #searchTerms {height: auto; font-size: 1em; color: #000;}
#menuUtility form .formSubmit {border: 2px outset blue; background-color: #003973; color: #fff;}
#menuUtility li {display: block; padding-left: 0;}


/* Primary Menu */
#menuPrimary {margin: 1em 0; padding: 0;}
#menuPrimary li {display: block;}
#menuPrimary li a {display: inline; height: auto; padding: 0; float: none; border: none; color: #0083f7; text-decoration: underline; font-size: 1em;}
#menuPrimary li.first a {border: none;}
#menuPrimary li.active a {background-color: #fff;}

/* Secondary Menu */
#menuSecondary {margin-bottom: 1em;}
#menuSecondary li {height: auto;}
#menuSecondary li ul {margin-left: .9em; padding-left: .9em;}
#menuSecondary a {display: inline; margin-bottom: 0; color: #0083f7; text-decoration: underline; line-height: normal;}
#menuSecondary li a {padding-left: 0;}
#menuSecondary li li a {padding-left: 0;}

