@charset "utf-8";
/* CSS Document */

body { background: #191919; padding: 0px; margin: 0px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; }
a { color: #2f8927; text-decoration: none; cursor: pointer; }
a:hover { color: #003082; }
h1, .h1 { color: #2f8927; font-size: 22px; }
h1.borderBottom { border-bottom: 1px solid #999999; padding-bottom: 2px; }
h2 { margin-top: 40px; padding-bottom: 2px; border-bottom: 1px solid #999999; font-size: 17px; }
h3 { color: #2f8927; }
p.content-text { padding: 0; }
img { max-width: 100%; border: none; }
textarea { font-family: Arial, Helvetica, sans-serif; }

.errorMessage { color: red; }
.successMessage { color: green; }
.warningMessage { color: orange; }
.noteMessage { color: #999; }

#header-content { background: #fff; padding: 0; }
#main-logo { height: 140px; }
.main-logo-container { float: left; min-height: 160px; text-align: center; vertical-align: top; padding-top: 15px; }
.secondary-nav-container { background: #43953c; text-align: right; padding: 8px 0; }
.secondary-nav-container a { color: #fff; padding: 8px; border-left: 1px solid #fff; }
.secondary-nav { text-align: center; margin-bottom: 10px; }
.secondary-nav a { margin-left: 20px; }
.search-container { display: none; text-align: center; margin-bottom: 10px; }
.search-input { width: 150px; border: 1px solid #ccc; color: #ccc; font-style: italic; font-size: 11px; padding: 2px 8px; border-radius: 8px; }

#main-nav { display: inline; }

#main-content { background: #fff; padding: 0 4px 8px 4px; color: #000; margin: auto;  }

#footer-content { font-size: 9px; color: #999; margin: auto; border-top: 1px solid #000; }
.footer-content-column { padding: 10px; border-left: 1px dotted #999; text-align: left; vertical-align: top; }
.footer-link { color: #999; display: block; margin-bottom: 4px; }
.footer-link:hover { color: #97c493; }

.breadcrumbsNav { font-size: 14px; padding: 4px; margin: 0 -4px; background: #43953c; color: #fff; clear: both; }
.breadcrumbsNav a { margin: 0; font-weight: bold; color: #fff; }

.callout { background: url(/images/footer-gradient-0-28.png) bottom left repeat-x #ffffff; border: 1px outset #cccccc; text-shadow: 1px 1px 1px #ffffff; padding: 16px; margin-top: 20px; margin-bottom: 20px; }
.callout-inline { display: inline-block; border: 1px solid #ccc; background: #f4f4f4; padding: 20px; margin: 20px; color: #666; }
.callout-inline-title { font-size: 24px; font-weight: bold; color: #000; }

.sidebar-nav { padding: 0; background: #eee; margin: 0 -4px; display: block; }
.sidebar-nav h1 { margin: 0; padding: 2px; border-bottom: 1px solid #ccc; background: #fff; display: none; }
ul.catalog-nav { padding: 0px 0px 0px 20px; list-style: none; }
ul.content-subMenu { padding: 4px; margin: 0; list-style: none; text-align: center; }
ul.content-subMenu li { margin: 0 12px; padding: 0; line-height: 30px; display: inline; white-space: nowrap; }
.content-subMenu-heading { padding-left: 8px; }
.content-container { display: block; padding-top: 10px; }

.button-link { background: #2f8927; padding: 5px 15px; border-radius: 8px; color: #fff; font-weight: bold; font-size: 12px; }
.button-link:hover { background: #97c493; color: #fff; }

.products-menu { display: none; }
.products-content { text-align: center; }

.product-group-1 { }
.product-group-2 { margin-bottom: 40px; }

table.productH1 { border-radius: 8px; min-height: 36px; }
table.productH1 th { background: #004280; text-align: right; vertical-align: bottom; padding: 4px 8px; border-radius: 8px 0px 0px 8px; color: #ffffff; font-weight: normal; font-size: 11px; width: 200px; }
table.productH1 td { background: #2f8927; text-align: left; vertical-align: bottom; padding: 4px 8px; border-radius: 0px 8px 8px 0px; color: #ffffff; font-weight: normal; font-size: 18px; }
.product-title { margin: 20px 0px 8px 0px; }
.product-descriptionTitle { font-weight: bold; padding: 0px 0px 2px 8px; }
.product-descriptionBody { padding: 0px; }
.product-sectionTitle { color: #003082; font-size: 14px; margin-top: 20px; font-weight: bold; border-top: 1px solid #cccccc; padding: 4px 12px 4px 0px; }
.product-sectionSubTitle { font-weight: bold; margin-top: 20px; padding: 0; }
.product-sectionBody { padding: 4px; }
.product-descriptionTable td { text-align: center; vertical-align: top; padding: 0px 20px; }
.product-orderSection { margin-top: 10px; border: 1px solid #cccccc; background-color: #fafafa; padding: 12px; }
.product-orderSectionTitle { color: #003082; font-size: 14px; padding-bottom: 8px; font-weight: bold; }
.product-orderSectionBody { }

.product-iconItem { padding: 8px; display: inline-block; width: 110px; height: 120px; margin: 10px; text-align: center; vertical-align: middle; }
.product-iconItem:hover { }
div.product-iconItem { color: #999999; }
div.product-iconItem:hover { background-color: #efefef; }
.product-iconItem300 { padding: 8px; display: inline-block; width: 250px; height: 300px; margin: 10px; text-align: center; vertical-align: middle; }
.product-iconItem300:hover { }
.product-iconItem400 { padding: 8px; display: inline-block; width: 400px; height: 400px; margin: 10px; text-align: center; vertical-align: middle; }
.product-iconItem400:hover { }

.product-optionsTable { border-collapse: collapse; border: 1px solid #000000; }
.product-optionsTable th { border: 1px solid #000000; background: #efefef; color: #003082; padding: 6px; font-weight: bold; text-align: left; vertical-align: top; }
.product-optionsTable td { border: 1px solid #000000; padding: 6px; text-align: left; vertical-align: top; }
.product-optionsTable .alt1 { background: #000000; color: #ffffff; }
.product-optionsTable .alt2 { background: #003082; color: #ffffff; }
.product-optionsTable .alt3 { background: #eaf3e9; text-align: center; }

.blog-preview-section { border-bottom: 1px dotted #ccc; margin-bottom: 0; }
.blog-preview-section-last { border-bottom: none; }
.blog-preview-title { font-size: 12px; font-weight: bold; margin: 0; padding: 20px 0; }
.blog-preview-content { font-size: 11px; padding-left: 10px; margin: 0; }
.blog-preview-link { text-align: right; clear: both; }
.blog-content-wrapper { }
.blog-sidebar-wrapper { }
.blog-posts-wrapper { padding: 20px 0; }
.blog-post { border-bottom: 1px dotted #666; padding: 0 4px 20px 4px; margin-bottom: 20px; }
.blog-post-title { font-size: 18px; color: #2f8927; font-weight: bold; }
.blog-post-details { font-size: 10px; color: #666; margin-bottom: 20px; }
.blog-post-content { font-size: 11px; padding-left: 0px; margin-bottom: 20px; }
.blog-post-footer { font-size: 10px; color: #666; }
.blog-links-wrapper { padding-bottom: 20px; }
.blog-links-section { margin-bottom: 20px; }
.blog-links-title { font-weight: bold; font-size: 12px; padding: 6px; border-bottom: 1px solid #ccc; }
.blog-links-list { font-size: 12px; padding-left: 20px; margin: 10px; }
.blog-author-details { margin-top: 20px; }
.blog-author-name { font-size: 18px; font-weight: bold; }
.blog-author-email { font-size: 12px; margin-top: 4px; }
.blog-author-description { margin-top: 10px; margin-bottom: 40px; padding-left: 20px; }

.news-heading { border-bottom: 1px solid #ccc; padding: 4px 8px; background: url(/images/vert-grad-100-0-ffffff-75-30px.png) top left repeat-x #2f8927; color: #fff; border-radius: 8px; }

.distributor-contact-info { border: 1px solid #ccc; background: #f4f4f4; padding: 20px; margin: 20px; display: inline-block; }

.home-icon-nav { padding: 20px 0; text-align: center; }
.home-icon-nav-item { display: inline-block; vertical-align: top; width: 150px; margin: 10px 0; }
.home-content-wrapper { padding: 0; }
.home-blog-wrapper { }
.home-news-wrapper { }
.home-blog-wrapper h3, .home-news-wrapper h3 { font-weight: bold; font-size: 14px; padding: 4px; margin: 0 -4px; background: #43953c; color: #fff; }
.home-blog-wrapper h3 a, .home-news-wrapper h3 a { color: #fff; }
.home-news-item { border-bottom: 1px dotted #ccc; padding: 10px 0; clear: both; }
.home-news-item h2 { margin-top: 0; font-size: 18px; border-bottom: none; }
.home-news-more-wrapper { text-align: center; }
.home-news-more-item { display: inline-block; vertical-align: top; border: none; padding: 10px; margin: 10px; text-align: center; width: 100px; }

.colorchart-items { margin: 0; padding: 0; text-align: center; }
.colorchart-items li { list-style: none; display: inline-block; vertical-align: top; width: 125px; margin: 30px 10px; }

.faq-question { font-size: 14px; font-weight: bold; margin: 20px 0 10px 0; }
.faq-answer { padding-left: 20px; }
.footnote { color: #f00; font-weight: bold; }

.search-result { margin-bottom: 15px; padding: 5px; }
.search-title { font-size: 14px; font-weight: bold; }
.search-summary { }

#customers-selected { text-align: left; padding: 4px; margin: 0 -4px; background: #eee; border-bottom: 1px solid #fff; color: #999; }
#customers-selected-name { display: inline-block; vertical-align: top; border: 1px solid transparent; cursor: pointer; }
#customers-selected-name:hover { border: 1px solid #2f8927; }
#customers-selected-links { display: inline-block; vertical-align: top; }
#customers-selected-links a { font-size: 10px; padding: 0 10px; }
#customers-menu { display: none; }
#customers-menuToggle { text-align: right; background: #eee; margin: 0 -4px; border-bottom: 1px solid #fff; }
#customers-menuToggle-toggleButton { padding: 0; margin: 0; border-left: 1px solid #fff; }

.application-nav { background-color: #eee; display: block; list-style: none; padding: 10px 4px; margin: -14px -4px 20px -4px; border-bottom: 1px solid #999; text-align: center; }
.application-nav li { display: inline-block; vertical-align: bottom; list-style: none; padding: 10px 4px; margin: 0; }
.application-nav li a { font-weight: normal; padding: 4px 10px; margin: 0; }
.application-nav li a:hover { background-color: #f4f4f4; }
.application-nav li a.active { background-color: #63a75d; font-weight: bold; color: #fff; }

.button-nav { display: block; list-style: none; padding: 0; margin: 0; }
.button-nav li { display: inline-block; vertical-align: bottom; list-style: none; padding: 10px 2px; margin: 0; }
.button-nav li img { border: none; vertical-align: middle; }

.icon-nav { display: block; padding: 0; margin: 0; text-align: center; }
.icon-nav a { display: inline-block; text-align: center; vertical-align: top; border: 1px solid #ddd; background: url(/images/white_100-0_75_120px.png) top left repeat-x #eee; padding: 4px; margin: 4px; width: 80px; height: 80px; }
.icon-nav a:hover { background-color: #cbe1c9; }
.icon-nav img { display: block; margin: 0 auto 8px auto; border: none; vertical-align: middle; }

.application-icon-nav { padding-bottom: 10px; border-bottom: 1px dotted #ccc; margin-bottom: 20px; }

.valuesTable { }
.valuesTable th, .valuesTable-th { color: #999; font-weight: bold; font-size: 10px; padding: 2px; vertical-align: middle; }
.valuesTable th { text-align: right; }
.valuesTable td { color: #000; font-weight: normal; font-size: 12px; padding: 2px; vertical-align: middle; text-align: left; }
.valuesTable input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0; padding: 4px; margin: 0; outline: 0; border: 1px solid #ccc; }
.valuesTable input[type="radio"] { -webkit-appearance: radio; }
.valuesTable input[type="checkbox"] { -webkit-appearance: checkbox; }
.valuesTable select { -webkit-appearance: menulist; }
.valuesTable-small { font-size: 10px; }
.valuesTable-paddedLink { padding: 0 10px; }
.valuesTable-noteText { font-size: 11px; color: #666; }
.valuesTable th.listTitle { vertical-align: top; padding-top: 6px; }
.valuesTable-vertical { }
.valuesTable-vertical th { color: #999; font-weight: bold; font-size: 10px; padding: 10px 2px 2px 2px; vertical-align: bottom; text-align: left; }
.valuesTable-vertical td { color: #000; font-weight: normal; font-size: 12px; padding: 2px; vertical-align: top; text-align: left; }

.dataTable-basic { border: 1px solid #ccc; empty-cells: show; border-spacing: 0; border-collapse: collapse; }
.dataTable-basic td { border-top: 1px solid #ccc; text-align: left; vertical-align: top; padding: 2px; }
.dataTable-basic th { background-color: #2f8927; font-weight: bold; color: #fff; text-align: left; vertical-align: bottom; padding: 2px; }
.dataTable-basic tr { height: 24px; }
.dataTable-basic tr.odd { background-color: #fff; }
.dataTable-basic tr.even { background-color: #eee; }
.dataTable-basic td.numeric, .dataTable-basic th.numeric { text-align: right; }
.dataTable-basic td.actions, .dataTable-basic th.actions { text-align: right; }

.dataTable-blockList { border-top: 1px dotted #999; }
.dataTable-blockList div.odd { background-color: #fff; }
.dataTable-blockList div.odd:hover { }
.dataTable-blockList div.even { background-color: #f4f4f4; }
.dataTable-blockList div.even:hover { }
.dataTable-blockList-item { padding: 10px; border-bottom: 1px dotted #999; }
.dataTable-blockList-item h3 { margin: 0; padding: 0 0 10px 0; }
.dataTable-blockList-item p { margin: 0; padding: 0 0 0 20px; }

.dataTable-mobile { border: 1px solid #ccc; empty-cells: show; border-spacing: 0; border-collapse: collapse; }
.dataTable-mobile th, .dataTable-mobile td { border-top: 1px solid #ccc; padding: 4px; text-align: left; vertical-align: middle; }
.dataTable-mobile tr:first-child th, .dataTable-mobile tr:first-child td { border-top: none; }
.dataTable-mobile tr.odd { background-color: #fff; }
.dataTable-mobile tr.even { background-color: #eee; }
.dataTable-mobile th.numeric, .dataTable-mobile td.numeric { text-align: right; }

.button-primary { border: 1px solid #2f8927; background-color: #43953c; padding: 5px 10px; margin: 0; white-space: nowrap; font-size: 11px; font-weight: bold; color: #fff; cursor: pointer; text-shadow: 0 -1px 1px rgba(0, 0, 0, .25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5); border-radius: 4px; }
.button-primary:hover { background-color: #63a75d; color: #fff; }
.button-secondary { border: 1px solid #ccc; background-color: #eee; padding: 5px 10px; margin: 0; white-space: nowrap; font-size: 11px; font-weight: bold; color: #333; cursor: pointer; text-shadow: 0 1px 1px rgba(255, 255, 255, .5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5); border-radius: 4px; }
.button-secondary:hover { background-color: #f4f4f4; color: #333; }
.button-primary-small { border: 1px solid #2f8927; background-color: #43953c; padding: 2px 6px; margin: 0; font-size: 11px; font-weight: bold; color: #fff; cursor: pointer; text-shadow: 0 -1px 1px rgba(0, 0, 0, .25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5); border-radius: 4px; }
.button-primary-small:hover { background-color: #63a75d; color: #fff; }
.button-secondary-small { border: 1px solid #ccc; background-color: #eee; padding: 2px 6px; margin: 0; font-size: 11px; font-weight: bold; color: #333; cursor: pointer; text-shadow: 0 1px 1px rgba(255, 255, 255, .5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5); border-radius: 4px; }
.button-secondary-small:hover { background-color: #f4f4f4; color: #333; }
.button-primary-smaller { border: 1px solid #2f8927; background-color: #43953c; padding: 1px 4px; margin: 0; font-size: 10px; font-weight: bold; color: #fff; cursor: pointer; text-shadow: 0 -1px 1px rgba(0, 0, 0, .25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5); border-radius: 4px; }
.button-primary-smaller:hover { background-color: #63a75d; color: #fff; }
.button-secondary-smaller { border: 1px solid #ccc; background-color: #eee; padding: 1px 4px; margin: 0; font-size: 10px; font-weight: bold; color: #333; cursor: pointer; text-shadow: 0 1px 1px rgba(255, 255, 255, .5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5); border-radius: 4px; }
.button-secondary-smaller:hover { background-color: #f4f4f4; color: #333; }
.button-small { padding: 2px 6px; }
.button-smaller { padding: 1px 4px; font-size: 10px; }
.button-large { padding: 4px 12px; font-size: 18px; }
input.button-primary { -webkit-appearance: none; -webkit-border-radius: 0; font-family: Verdana, Geneva, sans-serif; border: 1px solid #2f8927; background-color: #43953c; padding: 5px 10px; margin: 0; font-size: 11px; font-weight: bold; color: #fff; cursor: pointer; text-shadow: 0 -1px 1px rgba(0, 0, 0, .25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5); border-radius: 4px; }
input.button-secondary { -webkit-appearance: none; -webkit-border-radius: 0; font-family: Verdana, Geneva, sans-serif; border: 1px solid #ccc; background-color: #eee; padding: 5px 10px; margin: 0; font-size: 11px; font-weight: bold; color: #333; cursor: pointer; text-shadow: 0 1px 1px rgba(255, 255, 255, .5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5); border-radius: 4px; }


.col2 { display: inline-block; vertical-align: top; width: 310px; }




.bordered3 { border: 1px solid #333; }
.bordered6 { border: 1px solid #666; }
.bordered9 { border: 1px solid #999; }
.borderedC { border: 1px solid #ccc; }
.size9 { font-size: 9px; }
.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size14 { font-size: 14px; }
.color3 { color: #333; }
.color6 { color: #666; }
.color9 { color: #999; }
.colorC { color: #ccc; }
.inline-block { display: inline-block; }
.inline { display: inline; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.margin10 { margin: 10px; }
.margin20 { margin: 20px; }
.margin40 { margin: 40px; }
.clear { clear: both; }


/* Override styles */
.noBorder { border: none; }
.noPaddingLeft { padding-left: 0px; }
.noPaddingRight { padding-right: 0px; }
.marginAuto { margin: auto; }

.todo { color: #f00; font-weight: bold; font-style: italic; margin-top: 40px; margin-bottom: 40px; }





/* Nivo Slider styles */
.theme-default #slider {
    margin-top: 0px;
    width: 922px; /* Make sure your images are the same size */
    height: 303px; /* Make sure your images are the same size */
}
#slider .nivo-controlNav {
	position:absolute;
	bottom:-10px; /* Put the nav below the slider */
	left: 50px;
}
#slider .nivo-controlNav img {
	display:inline; /* Unhide the thumbnails */
	position: absolute;
	margin-right:10px;
}