/* 
*  Author: Tim Willison
*  Medium
*  site.css
*  css file for exceed.com
*/

/* { border: 1px solid blue; }

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: 0 none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a:focus, div:focus { outline: 0; }
#merv-info-lightbox #merv-info-close a, #exceedFooter #footerWrapper #footerRight #members-of-wrapper #member-usgb a, #exceedFooter #footerWrapper #footerRight #members-of-wrapper #member-nafa a, #cartRest #cartContentsWrap #closeCart a, a.cartSummaryLink, #homeContent #hero #hero-rollover, #reorderRest #reorderContentsWrap #closeReorder a { behavior: url(/css/iepngfix.htc); cursor: pointer; }

/* TYPE */
body { background-color: #f2eee5; font-family: Arial, sans-serif; font-size: 11px; }
div.hr { height: 1px; color: rgb(216, 208, 193); background: rgb(216, 208, 193) scroll center; }
div.hr hr { display: none; }
li { list-style: disc; }
div.noDisplay,
a.noDisplay { display: none; }
span.bold { font-weight: bold; }
p { margin-bottom: 5px; }

/* CUSTOM FONTS : EZZO */
@font-face {
   font-family: 'Ezzo-Black';
   src: url('Ezzo_EOT/Ezzo-Black.eot');
   src: local('Ezzo-Black'), url('Ezzo_OTF/Ezzo-Black.otf') format('opentype');
}
@font-face {
   font-family: 'Ezzo-Medium';
   src: url('Ezzo_EOT/Ezzo-Medium.eot');
   src: local('Ezzo-Medium'), url('Ezzo_OTF/Ezzo-Medium.otf') format('opentype');
}
@font-face {
   font-family: 'Ezzo-Bold';
   src: url('Ezzo_EOT/Ezzo-Bold.eot');
   src: local('Ezzo-Bold'), url('Ezzo_OTF/Ezzo-Bold.otf') format('opentype');
}
@font-face {
   font-family: 'Ezzo-Light';
   src: url('Ezzo_EOT/Ezzo-Light.eot');
   src: local('Ezzo-Light'), url('Ezzo_OTF/Ezzo-Light.otf') format('opentype');
}
@font-face {
   font-family: 'Ezzo-BoldItalic';
   src: url('Ezzo_EOT/Ezzo-BoldItalic.eot');
   src: local('Ezzo-BoldItalic'), url('Ezzo_OTF/Ezzo-BoldItalic.otf') format('opentype');
}
@font-face {
   font-family: 'Ezzo-MediumItalic';
   src: url(Ezzo_EOT/Ezzo-MediumItalic.eot);
   src: local('Ezzo-MediumItalic'), url('Ezzo_OTF/Ezzo-MediumItalic.otf') format('opentype');
}

/*******************************
 *           HEADER            *
 *******************************/
#exceedHeader { width: 100%; height: 123px; background: url('../images/exceed-header.png') repeat-x top center; z-index: 0; }
#exceedHeader #headerWrapper { position: relative; width: 760px; height: 123px; left: 0; right: 0; margin: 0 auto 0 auto; top: 0; z-index: 2000; }

/* LOGO */
#exceedHeader #headerWrapper #logo a { position: absolute; float: left; width: 238px; height: 0; overflow:hidden; top: 25px; padding-top: 72px; background: url('../images/exceed-logo.png') no-repeat; cursor: pointer; }

/* SHOPPING CART LINKS */
#exceedHeader #headerWrapper #cart { position: relative; float: right; width: 400px; margin-top: 10px; font-family: Arial sans-serif; color: #a7e7f5; font-size: 12px; margin-right: -38px; }
#exceedHeader #headerWrapper #cart div.text { position: relative; float: left; width: 215px; padding-top: 5px; font-family: Arial, sans-serif; font-size: 12px; }
#exceedHeader #headerWrapper #cart span.highLine { position: relative; float: left; width: 1px; height: 16px; background: url('../images/line.png') no-repeat top; margin-right: 8px; }
#exceedHeader #headerWrapper #cart span#cart-links { position: relative; float: left; right: 0; width: 170px; padding: 0; margin-top: 3px; font-size: 10px; }
#exceedHeader #headerWrapper #cart span#cart-links a { float: left; font-family: 'Ezzo-Medium'; color: #fff; text-decoration: none; font-size: 10px; margin-right: 8px; margin-top: 5px; }
@-moz-document url-prefix() {
  #exceedHeader #headerWrapper #cart span#cart-links a { margin-top: 2px; }
}
#exceedHeader #headerWrapper #cart span#cart-links a span.u { background: url(../images/view-cart-underline.png) no-repeat bottom center; }

/*** NAVIGATION ***/
#exceedHeader #headerWrapper ul#nav { position: absolute; float: right; width: 429px; height: 80px; right: 0; top: 40px; list-style: none; padding: 0; z-index: 1; }
#exceedHeader #headerWrapper ul#nav li { display: inline; }
#exceedHeader #headerWrapper ul#nav li a { position:relative; height: 0; overflow: hidden; padding-top: 39px; float:left; background-image: url('../images/nav-main.png'); background-repeat: no-repeat; }

/* BUTTONS */
#exceedHeader #headerWrapper ul#nav li#n-home a { background-position: 0 0; width: 92px; }
#exceedHeader #headerWrapper ul#nav li#n-products a { background-position: -92px 0; width: 124px; }
#exceedHeader #headerWrapper ul#nav li#n-about a { background-position: -216px 0; width: 93px; }
#exceedHeader #headerWrapper ul#nav li#n-contact a { background-position: -311px 0; width: 118px; }

/* OVER STATES */
#exceedHeader #headerWrapper ul#nav li#n-home a:hover { background-position: 0 -39px; }
#exceedHeader #headerWrapper ul#nav li#n-products a:hover { background-position: -92px -39px; }
#exceedHeader #headerWrapper ul#nav li#n-about a:hover { background-position: -216px -39px; }
#exceedHeader #headerWrapper ul#nav li#n-contact a:hover { background-position: -311px -39px; }

/* PRESSED STATES */
#exceedHeader #headerWrapper ul#nav li#n-home a:active { background-position: 0 -39px; }
#exceedHeader #headerWrapper ul#nav li#n-products a:active { background-position: -92px -39px; }
#exceedHeader #headerWrapper ul#nav li#n-about a:active { background-position: -216px -39px; }
#exceedHeader #headerWrapper ul#nav li#n-contact a:active { background-position: -311px -39px; }

/* ON STATES */
#exceedHeader #headerWrapper ul#nav.home li#n-home a { background-position: 0 -78px !important; padding-top:52px; }
#exceedHeader #headerWrapper ul#nav.products li#n-products a { background-position: -92px -78px !important; padding-top: 52px; }
#exceedHeader #headerWrapper ul#nav.about li#n-about a { background-position: -216px -78px !important; padding-top: 52px; }
#exceedHeader #headerWrapper ul#nav.contact li#n-contact a { background-position: -311px -78px !important; padding-top: 52px; }

/*******************************
 *        REORDER VIEW         *
 *******************************/
#reorderView { position: absolute; float: right; right: 0; margin-right: 76px; z-index: 2000; }
#reorderInitial { position: absolute; width: 89px; height: 123px; right: -1px; background: url(../images/exceed-cart.png) no-repeat center; padding: 0; text-align: center; font-size:10px; }
#reorderInitial a { position:relative; font-family: 'Ezzo-Medium'; color: #fff; top: 18px; font-size: 10px; text-decoration: none; }
@-moz-document url-prefix() {
   #reorderView #reorderInitial a { top: 13px; }
}
#reorderInitial a span.u { background: url(../images/view-cart-underline.png) no-repeat bottom center; }
#reorderRest { position: absolute; width: 194px; min-height: 81px; right: 3px; background-color: rgb(9, 124, 149); top: 41px; border-left: 1px solid rgb(84, 179, 206); border-right: 1px solid rgb(84, 179, 206); border-bottom: 1px solid rgb(84, 179, 206); font-family: 'Arial Rounded MT Bold', Arial, sans-serif; font-size: 11px; color: rgb(152, 228, 245); }
#reorderRest #reorderContentsWrap { position: relative; width: 161px; min-height: 51px; margin: 15px; }
#reorderRest #your-reorder { font-family: 'Ezzo-Medium'; font-size: 12px; color: rgb(152, 228, 245); }
#reorderRest #reorderContentsWrap div.item { font-family: Arial; color: #ffffff; margin-top: -10px; line-height: 15px; }
#reorderRest #reorderContentsWrap div.item span.dot-space { font-size: 8px; color: rgb(152, 228, 245); }
#reorderRest #reorderContentsWrap div.item div.item-type { float: left; font-family: 'Arial Rounded MT Bold';  margin-top: -3px; }
#reorderRest #reorderContentsWrap div.item div.item-price { float: right; font-weight: bold; margin-top: -3px; }
#reorderRest #reorderContentsWrap div.item div.item-partNum { margin-top: -3px; }
#reorderRest #reorderContentsWrap div.hr { color: rgb(62, 154, 174); background-color: rgb(62, 154, 174); margin: 5px 0; }
#reorderRest #reorderContentsWrap #numItems { float: left; }
#reorderRest #reorderContentsWrap #subtotal { float: right; }
#reorderRest #reorderContentsWrap #closeReorder { float: left; margin-top: 15px; margin-bottom: 15px; }
#reorderRest #reorderContentsWrap #closeReorder a { float: left; width: 49px; height: 0; overflow: hidden; padding-top: 14px; background: url(../images/cart-close.png) no-repeat top; }
#reorderRest #reorderContentsWrap input.text { margin: 5px 0; width: 150px; background: white; background-image: none; border: none; }
#reorderRest #reorderContentsWrap #submit { float: right; margin-top: 12px; }
#reorderRest #reorderContentsWrap #reorder-link { position: absolute; color: rgb(152, 228, 245); text-decoration: none; font-size: 10px; width: 190px; display: inline; margin-top: -8px; left: 0; text-align: left; }
#reorderRest #reorderContentsWrap #reorder-link:hover { text-decoration: underline; }

/*******************************
 *          CART VIEW          *
 *******************************/
#cartView { position: absolute; float: right; right: -2px; z-index: 2000; }
#cartInitial { position: absolute; width: 89px; height: 123px; right: -1px; background: url(../images/exceed-cart.png) no-repeat center; padding: 0; text-align: center; font-size:10px; }
#cartInitial a { position:relative; font-family: 'Ezzo-Medium'; color: #fff; top: 18px; font-size: 10px; text-decoration: none; }
@-moz-document url-prefix() {
   #cartView #cartInitial a { top: 13px; }
}
#cartInitial a span.u { background: url(../images/view-cart-underline.png) no-repeat bottom center; }
#cartRest { position: absolute; width: 194px; min-height: 81px; right: 3px; background-color: rgb(9, 124, 149); top: 41px; border-left: 1px solid rgb(84, 179, 206); border-right: 1px solid rgb(84, 179, 206); border-bottom: 1px solid rgb(84, 179, 206); font-family: 'Arial Rounded MT Bold', Arial, sans-serif; font-size: 11px; color: rgb(152, 228, 245); }
#cartRest #cartContentsWrap { width: 161px; min-height: 51px; margin: 15px; }
#cartRest #your-cart { font-family: 'Ezzo-Medium'; font-size: 12px; color: rgb(152, 228, 245); }
#cartRest #cartContentsWrap div.item { font-family: Arial; color: #ffffff; margin-top: -10px; line-height: 15px; }
#cartRest #cartContentsWrap div.item span.dot-space { font-size: 8px; color: rgb(152, 228, 245); }
#cartRest #cartContentsWrap div.item div.item-type { float: left; font-family: 'Arial Rounded MT Bold';  margin-top: -3px; }
#cartRest #cartContentsWrap div.item div.item-price { float: right; font-weight: bold; margin-top: -3px; }
#cartRest #cartContentsWrap div.item div.item-partNum { margin-top: -3px; }
#cartRest #cartContentsWrap div.hr { color: rgb(62, 154, 174); background-color: rgb(62, 154, 174); margin: 5px 0; }
#cartRest #cartContentsWrap #numItems { float: left; }
#cartRest #cartContentsWrap #subtotal { float: right; }
#cartRest #cartContentsWrap #closeCart { float: left; margin-top: 30px; margin-bottom: 15px; }
#cartRest #cartContentsWrap #closeCart a { float: left; width: 49px; height: 0; overflow: hidden; padding-top: 14px; background: url(../images/cart-close.png) no-repeat top; }

/********************************
 *       HOMEPAGE CONTENT       *
 ********************************/
#homeContent { position: relative; width: 760px; height: 1040px; left: 0; right: 0; margin: 0 auto; }
/* HERO */
#homeContent #hero { position: absolute; float: left; top: 30px; left: 0; }
#homeContent #hero #hero-rollover { position: relative; width: 518px; height: 347px; margin-top: -350px; margin-left: 4px; background: url('../images/exceed-hero-rollover.png') no-repeat center; visibility: hidden; cursor: default; }
#homeContent #hero #hero-rollover.show { visibility: visible; }

/* MERV LIGHTBOX */
#merv-info-lightbox { position: absolute; width: 214px; height: 95px; top: 250px; left: 50%; margin-left: -112px; background-color: rgb(7, 108, 133); border: 1px solid rgb(84, 179, 206); color: rgb(152, 228, 245); font-family: Arial; font-weight: bold; font-size: 12px; line-height: 16px; padding: 20px 15px; z-index: 3001; }
#merv-info-lightbox #merv-info-close { position: absolute; float: right; right: 15px; top: 105px; }
#merv-info-lightbox #merv-info-close a { position: relative; float: left; width: 51px; height: 0; overflow: hidden; padding-top: 14px; background: url(../images/merv-info-close.png) no-repeat top; }
#lightbox { position: absolute; width: 100%; top:0; background: black; opacity:0.3; filter:alpha(opacity=30); z-index: 3000; }

/* FILTERS FORM */
#homeContent #home-filters { float: right; width: 213px; height: 353px; margin-top: 30px; background: url('../images/home-filters.png') no-repeat center; }
#homeContent #home-filters #residential { width: 185px; height: 125px; padding-top: 15px; padding-left: 15px; }
#homeContent #home-filters #commercial { width: 185px; padding-top: 45px; padding-left: 15px; }
#homeContent #home-filters div.filters-header { font-family: 'Ezzo-Medium'; font-size: 15px; line-height: 13px; padding-bottom: 5px; }
#homeContent #home-filters span.filters-header-thin { font-family: 'Ezzo-Light'; }
#homeContent #home-filters div.filters-header.blue { color: rgb(5, 82, 103); }
#homeContent #home-filters div.filters-header.green { color: rgb(1, 108, 31); }

/* Merv info link */
#homeContent #home-filters div.merv-info a { position: relative; float: left; width: 12px; height: 0; overflow: hidden; background-repeat: no-repeat; padding-top: 12px; margin-left: 3px; cursor: pointer; }
#homeContent #home-filters #res-merv-info a { background-image: url('../images/merv-info-blue.png'); }
#homeContent #home-filters #com-merv-info a { background-image: url('../images/merv-info-green.png'); }

#homeContent #home-filters label { float: left; font-family: 'Ezzo-Black'; font-size: 10px; line-height: 17px; }
#homeContent #home-filters label.blue { color: rgb(20, 132, 175); }
#homeContent #home-filters label.green { color: rgb(89, 144, 14); }
#homeContent #home-filters input.go-button { float: right; }

/* Custom Select Elements */
.elect-container { float: left; display:block; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 0; margin: -3px 0 5px; }
.elect-element { width: 185px; padding: 5px 0; margin:0; border: 0 none; color: rgb(112, 111, 111); font-size: 11px; line-height: 11px; outline: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; cursor: default; background: url(../images/exceed-select.png) no-repeat; }
.elect-value { background: transparent url(../images/exceed-select-arrow.png) no-repeat; background-position: 160px 0; width: inherit; display: block; }
.elect-element span { padding-left: 9px; }
.elect-options { width: 184px; background-color: rgb(240, 238, 234); display: block; padding: 0; margin: 0; border: 1px #d7d7d7 solid; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-left-radius: 3px; }
.elect-options li { display: block; color: rgb(112, 111, 111); font-size: 11px; padding: 6px 7px 4px 7px; line-height: 11px; border-top: 1px #eee solid; cursor: default; }
.elect-options li.first { border-top: none; }
.elect-options li.hover { background: #ddd; }
.elect-options li.selected { font-weight: bold; }

/* NANOFIBERS DESCRIPTION */
#homeContent #nano-desc { position: relative; float: left; width: 271px; height: 405px; background-color: rgb(223, 216, 199); margin-top: 20px; top: 387px; text-align: center; }
#homeContent #nano-desc #desc-wrapper { padding: 15px; text-align: left; }
#homeContent #nano-desc #desc-header { font-family: 'Ezzo-Medium'; font-size: 13px; color: rgb(5, 82, 103); }
#homeContent #nano-desc #nano { margin: 10px 0; font-size: 12px; color: rgb(97, 95, 90); line-height: 15px; }

/* ABOUT EXCEED */
#homeContent #home-about { width: 465px; height: 340px; float: right; margin-top: 20px; }
#homeContent #home-about #home-about-header { font-family: 'Ezzo-Light'; color: rgb(1, 108, 31); font-size: 22px; width: 280px; height: 0; overflow: hidden; padding-top: 24px; background: url(../images/logo-header.png) no-repeat top left; margin-bottom: 5px; }
#homeContent #home-about span#ebi { font-family: 'Ezzo-MediumItalic'; }
#homeContent #home-about span#trademark { font-size: 8px; }
#homeContent #home-about #home-about-text { font-size: 13px; }
#homeContent #home-about #home-about-text a { color: rgb(78, 151, 178); }
#homeContent #home-about #eliminates { width: 466px; height: 172px; }

/* FEATURES AND BENEFITS TABS */
#homeContent #home-tabs { float: right; width: 466px; height: 240px; margin-top: 10px; }
#homeContent #home-tabs a { position: absolute; height: 0; overflow: hidden; margin: 0; background: url(/images/tabs.png) no-repeat; cursor: default; }

/* On States */
#homeContent #home-tabs #features-button a { background-position: 0 0; width: 74px; padding-top: 28px; margin-top: 0; }
#homeContent #home-tabs #benefits-button a { background-position: -74px 0; width: 70px; margin-left: 77px; margin-top: 0; padding-top: 28px; }
#homeContent #home-tabs #testimonials-button a { background-position: -144px 0; width: 98px; margin-left: 150px; padding-top: 28px; margin-top: 0; }

/* Over and Active States */
#homeContent #home-tabs #features-button.shaded a:hover,
#homeContent #home-tabs #features-button.shaded a:active { background-position: 0 -28px !important; }
#homeContent #home-tabs #benefits-button.shaded a:hover,
#homeContent #home-tabs #benefits-button.shaded a:active { background-position: -74px -28px !important; }
#homeContent #home-tabs #testimonials-button.shaded a:hover,
#homeContent #home-tabs #testimonials-button.shaded a:active { background-position: -144px -28px !important; }

/* Not selected states */
#homeContent #home-tabs #features-button.shaded a { background-position: 0 -52px !important; padding-top: 24px; margin-top: 4px; cursor: pointer;  }
#homeContent #home-tabs #benefits-button.shaded a { background-position: -74px -52px !important; padding-top: 24px; margin-top: 4px; cursor: pointer; }
#homeContent #home-tabs #testimonials-button.shaded a { background-position: -144px -52px !important; padding-top: 24px; margin-top: 4px; cursor: pointer; }

/* Hr, Text, and UL margin */
#homeContent #home-tabs div.hr.features { height: 2px; margin-top: 28px; color: rgb(28, 174, 231); background-color: rgb(28, 174, 231); }
#homeContent #home-tabs div.home-tabs-text { position: relative; width: 466px; padding-top: 10px; font-family: Arial; font-size: 12px; line-height: 18px; color: rgb(97, 95, 90); }
#homeContent #home-tabs div.home-tabs-text ul { margin-left: 15px; }

/* END TABS */

/* LEARN MORE */
#homeContent #learn-more { position: relative; float: left; width: 270px; height: 172px; margin-top: 20px; top: 65px; }

/*******************************
 *           FOOTER            *
 *******************************/
#exceedFooter { position: relative; float: right; width: 100%; height: 116px; bottom: 0; margin-top: auto; background-color: rgb(233, 227, 215); color: rgb(59, 59, 59); overflow: hidden; }
#exceedFooter #footerWrapper { width: 760px; height: 100px; left: 0; right: 0; margin: 0 auto; padding-top: 15px; }

/* COPYRIGHT AND ADDRESS */
#exceedFooter #footerWrapper #footerLeft { float: left; width: 280px; font-family: Arial; font-size: 11px; font-weight: normal; line-height: 15px; }
#exceedFooter #footerWrapper #footerLeft span#ezzoSmall { font-family: 'Ezzo-Black'; margin-right: 10px; }
#exceedFooter #footerWrapper #footerLeft span#trademarkSmall { position: absolute; margin-top: -1px; font-size: 7px; }
#exceedFooter #footerWrapper #footerLeft span#medium { font-family: Helvetica; font-weight: bold; font-size: 11px; }
#exceedFooter #footerWrapper #footerLeft span#medium a { text-decoration: none; color: rgb(59, 59, 59); }
#exceedFooter #footerWrapper #footerLeft span.small { font-size: 8px; }

/* EMAIL */
#exceedFooter #footerWrapper #footerRight { float: right; width: 335px; height: 80px; }
#exceedFooter #footerWrapper #footerRight form { position: relative; float: left; width: 220px; height: 100px; }
#exceedFooter #footerWrapper #footerRight #CLEmailAddress { position: absolute; float: left; left: 0; width: 150px; height: 13px; display: block; margin-top: 15px; border: 0; padding: 6px 0; text-indent: 5px; z-index: 0; background: url('../images/email-back2.png') no-repeat left; color: rgb(123, 123, 123); }
#exceedFooter #footerWrapper #footerRight #CLEmailAddress:focus { outline: 0; }
#exceedFooter #footerWrapper #footerRight #submit-email { position: absolute; right: 21px; width: 57px; height: 21px; top: 18px; z-index: 1; }

/* MEMBER OF */
#exceedFooter #footerWrapper #footerRight #members-of-wrapper { position: relative; float: left; width: 100px; height: 80px; overflow: hidden; margin-left: -5px; }
#exceedFooter #footerWrapper #footerRight #dotted-line { position: absolute; float: left; width: 5px; height: 71px; background: url('../images/footer-dotted-line.png') no-repeat; }
#exceedFooter #footerWrapper #footerRight .footer-label { float: left; font-family: 'Ezzo-Medium'; font-size: 11px; display: block; margin-bottom: 5px; }
#exceedFooter #footerWrapper #footerRight #members-of { position: absolute; margin-left: 25px; }
#exceedFooter #footerWrapper #footerRight #members-of-wrapper #member-usgb a { position: relative; float: left; width: 43px; height: 0; overflow: hidden; padding-top: 43px; background: url('../images/USGB.png') no-repeat; display: block; margin-left: 20px; margin-top: 18px; }
#exceedFooter #footerWrapper #footerRight #members-of-wrapper #member-nafa a { position: relative; float: right; width: 28px; height: 0; overflow: hidden; padding-top: 45px; background: url('../images/NAFA.png') no-repeat; display: block; margin-top: 18px; }

/******************************************
 *    PRODUCTS CATEGORIES PAGE CONTENT    *
 ******************************************/
#productsContent { width: 760px; left: 0; right: 0; margin: 0 auto; }
#productsContent a { float: left; width: 154px; height: 0; overflow: hidden; padding-top: 139px; margin: 15px; }
#productsRes { width: 760px; }
#productsRes #products-res-banner { width: 756px; height: 0; overflow: hidden; padding-top: 45px; background: url(../images/products-res-banner.png) no-repeat center; margin-top: 30px; }
#productsRes ul#res-links { width: 740px; height: 185px; background-color: rgb(221, 214, 198); margin-top: 5px; padding-left: 15px; padding-top: 15px; }
#productsRes ul#res-links li { float: left; list-style: none; }
#productsRes ul#res-links #products-home { background: url(../images/products-home.png) no-repeat top; }
#productsRes ul#res-links #products-allergy { background: url(../images/products-allergy.png) no-repeat top; }
#productsCom { width: 760px; }
#productsCom #products-com-banner { width: 755px; height: 0; overflow: hidden; padding-top: 46px; background: url(../images/products-com-banner.png) no-repeat center; margin-top: 25px; }
#productsCom ul#com-links { width: 743px; height: 355px; background-color: rgb(221, 214, 198); margin: 5px 0 40px; padding-left: 12px; padding-top: 15px; }
#productsCom ul#com-links li { float: left; list-style: none; }
#productsCom ul#com-links #products-animal-clinics { background: url(../images/products-animal-clinics.png) no-repeat top; }
#productsCom ul#com-links #products-spray-booths { background: url(../images/products-spray-booths.png) no-repeat top; }
#productsCom ul#com-links #products-leed { background: url(../images/products-leed.png) no-repeat top; }
#productsCom ul#com-links #products-apartment { background: url(../images/products-apartment.png) no-repeat top; }
#productsCom ul#com-links #products-health-care { background: url(../images/products-health-care.png) no-repeat top; }
#productsCom ul#com-links #products-clean-room { background: url(../images/products-clean-room.png) no-repeat top; }
#productsCom ul#com-links #products-contamination-control { background: url(../images/products-contamination-control.png) no-repeat top; }
#productsCom ul#com-links #products-commercial-buildings { background: url(../images/products-commercial-buildings.png) no-repeat top; }

/********************************
 *      ABOUT PAGE CONTENT      *
 ********************************/
#aboutContent { width: 760px; left: 0; right: 0; margin: 0 auto; }
#hero-about { width: 760px; height: 308px; margin-top: 25px; }
#about-text { width: 475px; overflow: hidden; float: left; font-family: Arial; font-size: 12px; margin: 15px 2px 0 0; color: rgb(102, 101, 98); line-height: 16px; padding-bottom: 40px; }
#about-text div.about-heading { font-family: 'Ezzo-Medium'; font-size: 14px; color: rgb(6, 108, 72); line-height: 25px; }
#about-view a { width: 272px; height: 0; float: right; overflow: hidden; padding-top: 215px; background: url(../images/exceed-about-view.png) no-repeat top; margin-top: 20px; }
span.dot-space { letter-spacing: 1px; font-size: 8px; line-height: 25px; font-family: Arial; }

/********************************
 *     CONTACT PAGE CONTENT     *
 ********************************/
#contact-footer-spacer { position: relative; width: 100%; }
#contactContent { position: relative; width: 760px; height: 400px; left: 0; right: 0; margin: 20px auto; }
#contactLeft { float: left; width: 294px; }
#contactLeft #contact-about-header { font-family: 'Ezzo-Light'; color: rgb(1, 108, 31); font-size: 16px; line-height: 22px; width: 189px; height: 0; overflow: hidden; padding-top: 22px; background: url(../images/contact-logo.png) no-repeat top; }
#contactLeft #contact-about-header span#ebi { font-family: 'Ezzo-MediumItalic'; }
#contactLeft #contact-about-header span#trademark { font-size: 7px; margin-top:-5px; }
#contactLeft #contact-text { font-family: Arial; font-size: 13px; color: rgb(60, 60, 60); font-weight: normal; }
#contactLeft #contact-text #sp-lineheight { line-height: 25px; margin-top: -5px; }
#contactLeft #contact-text span.small { font-size: 10px; font-weight: bold; }
#contactRight { float: left; width: 380px; margin-bottom: 40px; z-index: 0; }

/* CONTACT FORM */
#contactRight #contactForm { position: relative; z-index: 0; }
#contactRight #contactForm .elect-container { margin-top: 2px; }
#contactRight #contactForm .elect-element { width: 190px; }
#contactRight #contactForm label { font-family: Arial; font-weight: bold; font-size: 10px; color: rgb(80, 80, 80); line-height: 15px; }
#contactRight #contactForm input.text { width: 177px; height: 13px; border: 0 none; padding: 4px 5px 3px; background: url(../images/contact-text-small.png) no-repeat top left; color: rgb(80, 80, 80); font-family: Arial; font-size: 12px; margin-bottom: 5px; }
#contactRight #contactForm div.text-left { width: 190px; float: left; display: inline; }
#contactRight #contactForm div.text-right { width: 100px; float: left; margin-left: 10px; display:inline; }
#contactRight #contactForm textarea { width: 383px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border: 1px solid rgb(195, 188, 174); padding: 2px 2px; color: rgb(80, 80, 80); display: block; font-size: 12px; font-family: Arial; }
#contactRight #contactForm textarea { height: 150px; }
#contactRight #contactForm #catwebformbutton { float: right; width: 47px; height: 23px; border: 0 none; }
#contactRight #contactForm input.invalid, 
#contactRight #contactForm textarea.invalid { border:2px red inset; }

/********************************
 *      PRODUCT LIST PAGES      *
 ********************************/
#product-list-content { width: 760px; left: 0; right: 0; margin: 25px auto 0; }
#product-list-content #hero { width: 758px; height: 207px; }
#product-list-content img#filter1 { width: 333px; height: 215px; float: left; margin-top: 20px; border: 1px solid rgb(186, 234, 252); }

/* DESCRIPTION */
#product-list-content #filter-desc { float: left; width: 405px; height: 220px; margin-top: 25px; margin-left: 15px; font-size: 12px; color: rgb(68, 68, 68); line-height: 16px; }
#product-list-content #filter-desc #filter-label { float: left; font-family: 'Ezzo-Bold'; font-size: 11px; color: rgb(20, 132, 175); line-height: 20px; margin-right: 5px; }

/* Select Elements */
#product-list-content .elect-element { width: 325px; background: url(../images/product-list-select.png) no-repeat; }
#product-list-content .elect-options { width: 322px; }
#product-list-content .elect-value { background-position: 301px 0; }

#product-list-content #filter-desc #product-list-text { margin-top: 5px; margin-bottom: -9px; }
#product-list-content #filter-desc #product-p { margin-top:-12px; }
#product-list-content #filter-desc #best-choice { background: url(../images/little-arrow.png) no-repeat left; margin-top: -5px; font-style: italic; font-family: Arial; font-size: 12px; color: rgb(8, 115, 139); padding-left: 15px; }
/* END DESCRIPTION */

/* LIST */
#product-list-content div.filter-list { float: right; width: 760px; background-color: rgb(233, 227, 213); margin: 10px 0; padding-bottom: 15px; }
#product-list-content div.filter-list div.filter-list-left { float: left; width: 230px; }
#product-list-content div.filter-list div.filter-list-left div.filter-type { font-family: Arial; font-weight: bold; font-size: 14px; color: rgb(20, 132, 175); margin-top: 15px; margin-left: 15px; }
#product-list-content div.filter-list div.filter-list-left img.filter2 { width: 211px; height: 181px; margin-left: 15px; margin-top: 5px; border: 1px solid rgb(214, 205, 187); }
#product-list-content div.filter-list div.filter-list-left #sale-text { font-size: 12px; margin: 10px 0 0 15px; color: red; font-style: italic; font-family: Arial; }
#product-list-content div.filter-list div.filter-list-right { float: left; width: 490px; font-family: Arial; font-size: 11px; margin-left: 20px; margin-top: 15px; }
#product-list-content div.filter-list div.filter-list-right div.row0 { position: relative; font-weight: bold; left: 10px; margin-bottom: 5px; }
#product-list-content div.filter-list div.filter-list-right span.row0size { position: absolute; left: 115px; }
#product-list-content div.filter-list div.filter-list-right span.row0price { position: absolute; left: 237px; }
#product-list-content div.filter-list div.filter-list-right span.row0quantity { position: absolute; left: 330px; }
#product-list-content div.filter-list div.filter-list-right div.hr { margin-bottom: 3px; }
#product-list-content div.filter-list div.filter-list-right div.row { position: relative; float: left; width: 490px; height: 22px; font-family: Arial; font-size: 12px; color: rgb(70, 70, 70); margin-top: -3px; margin-left: -3px; }
#product-list-content div.filter-list div.filter-list-right div.row span.partNum { position: absolute; left: 10px; margin-top: 3px; }
#product-list-content div.filter-list div.filter-list-right div.row span.size { position: absolute; left: 124px; margin-top: 3px; }
#product-list-content div.filter-list div.filter-list-right div.row span.price { position: absolute; left: 247px; margin-top: 3px; }
#product-list-content div.filter-list div.filter-list-right div.row input.productTextInput { position: absolute; width: 31px; height: 13px; padding: 3px 5px 2px; background: url(../images/quantity-text.png) no-repeat left; border: 0 none; text-align: right; left: 341px; }
#product-list-content div.filter-list div.filter-list-right div.row span.add-to-cart { position: absolute; left: 413px; }
#product-list-content div.filter-list div.filter-list-right div.row span.add-to-cart a { float: left; width: 71px; height: 0; overflow: hidden; padding-top: 19px; background: url(../images/add-to-cart.png) no-repeat top; cursor: pointer; }
#product-list-content div.filter-list div.filter-list-right div.row span.add-to-cart a:hover,
#product-list-content div.filter-list div.filter-list-right div.row span.add-to-cart a:active { background: url(../images/add-to-cart-click.png) no-repeat top; cursor: pointer; }
#product-list-content div.filter-list div.filter-list-right div.row div.hr { position: relative; top: 21px; }
#product-list-content #product-list-spacer { position: relative; float: right; width: 100%; height: 50px; }
#product-list-content div.filter-list div.filter-list-right div.volume { padding-left: 10px; padding-top: 10px; }
#product-list-content div.filter-list div.filter-list-right div.volume a { color: rgb(78, 151, 178); }

/* BUSINESS CATALYST FIXES */
#product-list-content input.productSubmitInput { position:absolute; left: -9999px; width: 1px; }
#cartRest #cartContentsWrap table.cartSummaryTable { float: left; width: 170px; }
#cartRest #cartContentsWrap td.cartSummaryItem { position: relative; float: left; width: 170px; height: 10px; font-size: 11px; color: rgb(142, 220, 238); }
#cartRest #cartContentsWrap td.cartSummaryItem a { float: right; width: 73px; height: 0; overflow: hidden; padding-top: 25px; background: url(../images/cart-checkout.png) no-repeat top; margin-top: 20px; margin-bottom: 12px; margin-right: 5px; z-index: 0; }
.system-error-message { margin: 0; padding: 20px 0 0 0; }
.system-message { margin: 0; padding: 20px 0 0 0; }

/* BUSINESS CATALYST SHOPPING CART */
div.shop-cart { color: rgb(80, 80, 80); }
div.shop-cart table { text-align: left; }

/* BUSINESS CATALYST CHECKOUT and QUOTE */
#catCartDetails { color: rgb(80, 80, 80); }
#catCartDetails form { text-align: left; font-family: Arial; font-size: 12px; }
#catCartDetails form input,
#catCartDetails form textarea { -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid rgb(195, 188, 174); padding: 3px 3px; }
#catCartDetails form label { font-family: Arial; font-weight: bold; font-size: 11px; color: rgb(80, 80, 80); line-height: 25px; font-variant: small-caps; }
#catCartDetails form .elect-container { margin-right: 5px; }
#catCartDetails form .elect-element { background: url(/images/checkout-select.png) no-repeat top left; width: 155px; }
#catCartDetails form div.cat_dropdown .elect-element { background: url(/images/checkout-select-big.png) no-repeat top left; width: 300px; }
#catCartDetails form .elect-value { background-position: 130px 0; }
#catCartDetails form div.cat_dropdown .elect-value { background-position: 275px 0; }
#catCartDetails form .elect-options { width: 153px; }
#catCartDetails form div.cat_dropdown .elect-options { width: 298px; }
#catCartDetails form #catwebformbutton { float: left; cursor: pointer; }
#catCartDetails form a { color: rgb(78, 151, 178); font-size: 11px; text-decoration: underline; line-height: 25px; }
#catCartDetails div.item.right { float: right; }
/* CCV Lightbox */
#catCartDetails #ccv-lightbox { position: absolute; width: 350px; height: 500px; text-align: center; top: 500px; left: 500px; padding: 0 30px 20px; background: white; border: 2px solid rgb(195, 188, 174); -webkit-border-radius: 10px; -moz-border-radius: 10px; cursor: pointer; z-index: 5000; }

/**** CENTER TEMPLATE CONTENT ****/
#generalContent { width: 760px; left: 0; right: 0; margin: 0 auto; text-align: center; margin-top: 20px; }
#generalContent span { text-align:left; }
#generalContent div.webform-results { padding-bottom: 20px; }
#generalContent div.webform-results table.tabledefault { text-align: left; left: 0; right:0; margin: 0 auto; }
#generalContent div.webform-results #customfields table.tabledefault { margin-left: -1px; }