/* CSS Document */
/* Reset CSS v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end reset css */
html { height: 100%; }
body { background: url(../images/background.jpg) repeat-x; font-size: 12px; height: 100%;}
dt { font-weight: bold;}
dd { padding-bottom: 10px; margin-left: 15px;}
.error, .checkout form p.error,#login-form p.error {color: #990000;border:1px solid #990000;padding:3px;display: block;}
.og-page { width: 980px; margin: 0 auto; overflow:hidden;position:relative;min-height: 100%;}
label.required {}
label.required:before{content: "*";color: #990000;}

/* Header */
.og-head-email-odorguy {
	background: none repeat scroll 0 0 #990000;
	border: 1px solid #FFFFFF;
	padding: 7px 0px;
	margin: 10px auto 0;
	display: block;
	width: 400px;
	text-align: center;
	font-size: 14px;
	position: relative;
}
.og-email-odorguy-button {
	display: block;
	color: #FFFFFF;
	font-weight: bold;
}
.og-head-email-label {
	color: #FFF;
}
.og-head-email-odorguy-form {
	background: none repeat scroll 0 0 #990000;
	border-color: #FFFFFF;
	border-style: none solid solid;
	border-width: 1px;
	left: -1px;
	padding: 10px 0 10px;
	position: absolute;
	top: 32px;
	width: 400px;
	z-index: 3;
	display: none;
}
.og-form-field { padding: 0 0 10px; margin: 0 10px; text-align: left;}
#og-head-email-message {width: 100%; height: 200px; margin-top: 6px; }

.learn a { display: block; text-indent: -9999px; overflow: hidden; width: 82px; height: 14px; background: url(../images/learn_more.png) no-repeat;}
#page-body { clear: both; overflow: hidden;background: url(../images/family-bg.png) no-repeat 0 0px;margin: 0 0 120px 6px;}
#logo { background: url(../images/head.png) no-repeat; float: left; width: 210px; height: 40px;margin: 0 0 0 25px;text-indent: -9999px;overflow:hidden;}
#slogan { background: url(../images/head.png) -216px 0 no-repeat; float: left; width: 500px; height: 44px;margin: 0 0 0 16px;text-indent: -9999px;overflow:hidden; float: left;}
#page-head {margin: 0 0 16px;overflow:hidden; position: relative;}
#cart-summary {float:right; margin: 26px 20px 0 0;font-size:13px;color:#FFF;text-decoration: none;}
#cart-summary:hover {text-decoration: underline;}

#page-sidebar1 {float: left;width: 240px;background: url(../images/family-image-frame.png) no-repeat 2px 4px;color: #0F4F87;font-family: Georgia, "Times New Roman", Times, serif;font-size: 13px;font-style:italic;}
#page-sidebar1 img {margin: 17px 0 20px 16px;}
#page-sidebar1 dl {clear:both;margin-right: 10px;}
#page-sidebar1 dt {font-weight: bold;margin:0 0 10px 15px;}
#page-content {float: left; width: 728px; margin: 0px;position:relative;}
.wp #page-content {width: auto; padding: 10px; }
h1, .product h2 {color: #0F4F87; font-size: 26px; margin: 20px 0 21px 0;font-weight: normal;}

/* Navigation */
.skip-link {display: none;}
#category-nav li, #content-nav li { float: left;}
#category-nav{clear: both;float:left;}
#content-nav {float:left;}
#category-nav li a, #content-nav li a{ display: block;text-decoration: none;}
#category-nav li a span, #content-nav li a span{ display: block; height: 54px; overflow: hidden; background-image:url(../images/main_nav_bg.png);background-repeat:no-repeat; color: #666; font-weight: bold; font-size: 13px; padding: 15px 0 0; height: 39px;background-position: right -119px;text-align:center;}
#category1 a{ width: 73px;}

#category-nav li.active a, #content-nav li.active a{ background-position:right 0;}
#category-nav li a:hover, #content-nav li a:hover{ background-position: right -59px;}
#category-nav li.active a span, #content-nav li.active a span{ background-position:right 0;}
#category-nav li a:hover span, #content-nav li a:hover span{ background-position: right -59px;}



#category-nav li#category2 a{ background-image:url(../images/main_nav_bg.png);background-repeat:no-repeat; background-position: 0 -292px;padding-left: 9px;}
#category-nav li#category2 a span {width: 107px;}
#category-nav li#category2.active a {background-position: 0 -173px;}
#category-nav li#category2 a:hover {background-position: 0 -232px;}


#content-nav li#category-contact a{ background-image:url(../images/main_nav_bg.png);background-repeat:no-repeat; background-position: right -292px;padding-right: 9px;}
#content-nav li#category-contact a span{ background-position: left -119px; width: 98px;}
#content-nav li#category-contact.active a span{ background-position: left 0;}
#content-nav li#category-contact a:hover span{ background-position: left -59px;}
#content-nav li#category-contact.active a { background-position: right -173px;}
#content-nav li#category-contact a:hover { background-position: right -232px;}



#category3 a{ width: 135px;}
#category-testimonials a{ width: 136px;}
#category-where a{ width: 154px;}
#category-solutions a{ width: 188px;}
#category-faq a{ width: 71px;}




/* Footer */
#page-footer-wrapper {background: #4E763E url(../images/footer.png) repeat-x; height: 100px; color: #9BB347; clear: both;border-top:1px solid #FFFFFF;position:relative;margin-top:-101px;}
#page-footer-wrapper a {color: #9BB347; text-decoration: none;}
#page-footer {width: 980px; margin: 15px auto;}
#page-footer li { float: left; width: 165px; }
#page-footer li#footer-copy { width: 275px; float: right;}
#page-footer dt {background-image: url(../images/footer-icons.gif); background-repeat: no-repeat; height: 18px; padding-left: 25px;font-size: 11px;white-space:nowrap;}
#page-footer dd {margin: 0 0 3px 25px; padding: 0;}
#footer-email dt{background-position: 0 -25px;}
#footer-call dt{background-position: 0 -50px;}
#footer-industrial dt{background-position: 0 -75px;}
#footer-copy dt{background-position: 0 -100px;}

/* Home Page styles */
#home-cms {clear: both; overflow: hidden; position: relative; height: 387px; top: 15px;}
#home-cms dt { float: left; height: 40px; position: relative; z-index: 2;}
#home-cms dt.active { background-image: url(../images/cms_pointer.png);background-repeat: no-repeat;}
#home-category1 {background-position: 52px bottom;}
#home-category2 {background-position: 52px bottom;}
#home-category3 {background-position: 85px bottom;}
#home-cms dd { position: absolute; margin-left: 0; left: 0; top: 37px; background: url(../images/cms_bg.png); width: 980px; height: 345px; z-index: 1; display: none; padding: 0;}
.og-home-cms {background: url(../images/wp_cms_bg.png);padding-top:20px;}
.og-home-cms-bottom {background: url(../images/wp_cms_bg.png) left bottom;height:20px;}
/*#home-cms dd.active {display: block;}*/
#home-cms dt a { font-weight: normal; font-size: 19px; color: #FFF;text-decoration:none;}
#home-category1 { margin-right: 130px; }
#home-category1 a{ }
#home-category1 a:hover{}
#home-category2 { margin-right: 183px; margin-left: 90px;  }
#home-category2 a{}
#home-category2 a:hover{ }
#home-category3 a{ }
#home-category3 a:hover{}
#home-utilities { clear: both; overflow: hidden; }
#home-utilities li {float: left;width:25%;position:relative;}
#home-utilities dt a {height: 69px; overflow: hidden; text-indent: -9999px; margin-top: 20px; display:block;}
#home-testimonials dt a {background: url(../images/bspot_icons.png) 0 0; width: 100%; }
#home-where dt a {background: url(../images/bspot_icons.png) -245px 0; width: 100%; }
#home-solutions dt a {background: url(../images/bspot_icons.png) -490px 0; width: 100%; }
#home-commercial dt a {background: url(../images/bspot_icons.png) -735px 0; width: 100%; }
#home-utilities dd {margin-top: 5px; }
div#embedded-video {position:absolute;right:0;bottom:0;z-index:10;display:none;padding:5px;background:#FFF;border:1px solid #CCC;}
.close {float:right;color:#900;text-decoration:none;margin:0 1px 5px 0;}
#home-solutions strong {text-transform: uppercase;}
#home-commercial dd a { display: block; height: 192px; width: 236px; background: url(../images/commercial.png); overflow: hidden; text-indent: -9999px;}
.lifestyle-img { margin: 11px 0 0 15px; }
#page-content .shop-now { position: absolute; bottom: 30px; right: 77px; width: 158px; height: 32px; overflow: hidden; text-decoration: none;margin: 0;}
.og-home #page-body, .home #page-body {background: none; margin: 0 0 120px; }
.og-home #page-content, .home #page-body #page-content {width:980px; padding: 0;margin:0;}
.home #page-body #page-content h1 {display:none;}
/* End Home Page Styles */

/* Family Page Styles */
.product-list {overflow: hidden;}
.product-list li {
color:#4C4C4C;
display:inline-block;
margin:0 0 10px 0;
vertical-align:top;
width:230px;
height: 310px;
border-bottom: 1px dashed #CCC;
}
.product-list a, .product-description a {color: #4C4C4C; text-decoration: none; }
.product-list h3, .product-description h3 {font-size: 12px;margin-bottom: 4px;}
.product-list p, .product-description p {font-family: Georgia, "Times New Roman", Times, serif;font-size: 11px;line-height: 17px;}


/* Product page styes */
.product img { float: left; }
.main-product-image {width: 394px;height:394px;}
.product #page-copy {font-family: Georgia, "Times New Roman", Times, serif;font-size: 15px;line-height:17px;}
#product-description h1 {color: #4C4C4C; font-weight: bold; padding-bottom: 4px; margin: 50px 0 0 0; font-size: 15px;}
#product-description p{ }
.product form { float: left; background:url(../images/add-to-cart-box.png) no-repeat; width: 280px; height: 160px; margin: 15px 0 0 0;}
.product form label {float: left;margin: 26px 0 0 10px;}
#product-qty {float: left; margin: 24px 0 0 10px;}
.add-to-cart {width: 158px; height: 32px; border: 0;background: url(../images/add-to-cart.png) no-repeat;text-indent: -9999px; float: right; margin: 18px 5px 0 0;cursor: pointer;}

#product-description { float: left; width: 320px; }
.product .shop-now { border: 0; position: static; }
.product h4 {clear: both; border-top: 1px dashed #CCC;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px;padding-top: 15px;text-transform:capitalize; margin-right: 5px;}

/* Testimonials */
#testimonials li {margin-bottom: 10px; border-bottom: 1px dashed #CCC;}
#testimonials li p {margin-bottom: 10px;}
/* Cart */
.cart #page-content, .wp #page-content, .info #page-content, .corp #page-content, .thanks .og-page #page-content, .review .og-page #page-content { width: 928px; margin: 20px; min-height: 163px;border-right:none;}
#cart, .thanks .og-page #cart, .review .og-page #cart { width: 924px; border-style: none none solid solid; border-width: 1px; border-color: #CCC;}
#cart tbody {}
#cart td { border-style: solid solid none none; border-width: 1px; border-color: #CCC; vertical-align: top; padding: 10px;}
#cart th {background:#0258AB;color:#FFF;font-size:13px; padding: 5px 6px;}
#cart .product-image { float: left; }
#cart .product-description { float: left; margin: 3px 0 0 10px;}
form.updateItem {margin-top: 5px;}
.price {text-align: right;}
.quantity {text-align: center;}
.remove-item { margin-top: 8px; background: #CCCCCC; }
#cart button {background: none; border: none;padding:0;cursor:pointer;}
#cart button span {display:block;background:url(../images/cart/button_right.png) right no-repeat; height: 22px;color: #0258AB;padding:0;white-space:nowrap;}
#cart button span span{background:url(../images/cart/button_left.png) left top no-repeat; margin-right: 4px;padding: 2px 7px;}
.proceed-to-checkout {background: url(../images/proceed-to-checkout.png) no-repeat; width: 235px; height: 32px; text-indent: -9999px; overflow: hidden; float:right; margin: 15px 0 0 0; border:none;}
#cart tfoot {}
#cart tfoot td {padding: 10px 5px 0;background:#EBEBEB;}
#cart tfoot dl {float:right;clear:both;margin-bottom: 10px;}
#cart tfoot dt {float:left;text-align:right;width: 370px;clear:both;margin: 0;}
#cart tfoot dd {float:left;text-align:right;margin:0 0 0 15px;width: 60px;padding: 0;}
#order-total {font-size:14px;}

/* Checkout */
.secondary-nav {overflow: hidden;width:968px;margin:0;}
.secondary-nav li {float: left; padding: 10px 0; background-image:url(../images/progress-bg.png);background-repeat:no-repeat;background-position:-10px 0;}
#checkout-progress li {width: 25%;}
.secondary-nav li.complete {background-position:-10px -120px;}
.secondary-nav li.current {background-position:-10px -60px;color:#0F4F87;}
.secondary-nav li.current span {color:#0F4F87;}
.secondary-nav li.first {background-position:left 0px;}
.secondary-nav li.last {background-position:right 0px;}
.secondary-nav li.first.complete {background-position:left -120px;}
.secondary-nav li.last.complete {background-position:right -120px;}
.secondary-nav li.first.current {background-position:left -60px;}
.secondary-nav li.last.current {background-position:right -60px;}
.secondary-nav li span,.secondary-nav li a {margin-left: 5px;border-right:1px solid #FFF;display:block;text-align:center;color:white;text-decoration: none; font-weight: bold;}
.secondary-nav li.last span, .secondary-nav li.last a {border-right:none;}
.secondary-nav li.current span {border-right:none;}
.secondary-nav li.complete a {border-left:1px solid #FFF;border-right:none;}
.secondary-nav li.first.complete a {border: none;}
.secondary-nav li.last span {border:none;}
.checkout #page-content { border-right: 1px solid #CCC; width: 630px;margin: 0 0 10px 20px;}
.reset-password #page-content { border-right: none; }
fieldset {clear: both;}
.checkout h1 {margin-left: 18px;}
.checkout form p {overflow: hidden; margin: 10px 15px 0 0; border-bottom: 1px dashed #CCC;padding-bottom: 10px;}
.checkout #page-content form label {width: 220px; clear: both; float:left;margin: 2px 10px 0;text-align:right;font-weight: bold;}
.checkout #page-content form input {width: 300px; float: left;}
.checkout #page-content form label.error {border: none;margin-left:238px;text-align: left;}
.checkout #page-content #ship-options p {border: none;}
.checkout #ship-options {margin-top: 10px;}
.checkout #shipping-address {display:none;}

.checkout #shipping-summary, .checkout #billing-summary {margin-top:15px;padding-top:12px;border-top:1px dashed #CCC;}
.checkout #billing-summary {margin-top: 10px;}
.checkout #login-form, .checkout #logged-in-summary {margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed #CCC;overflow:hidden;}
.checkout #page-content #ship-options legend {color:#0F4F87; font-size:14px; font-weight:bold;}
.checkout #page-content #ship-options label {float:right;width:406px;text-align:left;margin-left:0;}
.checkout #page-content #ship-options input {float:left;width:auto;margin-left: 178px;}
.checkout #page-content form #cc-ccv {width: 3em;}
.checkout #page-content form #expiration-month-wrapper,.checkout #page-content form #expiration-year-wrapper {float:left;margin-right:5px;}
.checkout #page-content form #expiration-month-wrapper label.error,.checkout #page-content form #expiration-year-wrapper label.error{clear:both;margin:0;width:auto;}
.checkout #page-content form #expiration-month-wrapper select,.checkout #page-content form #expiration-year-wrapper select{clear:both;}

.checkout h2 {color:#0F4F87; font-size:16px; font-weight:bold;margin: 0 0 15px;}

.checkout #page-sidebar1 { float: right; background: none; margin: 0 20px 20px 0; width: 290px; font-style:normal;font-size: 10px;}
.checkout #page-sidebar1 label, .thanks .og-page #account-creation form label {float:left;width: 80px;margin-right:5px;font-style:normal;font-weight:bold;text-align:right;color:#000;}
.checkout #page-sidebar1 input, .thanks .og-page #account-creation form input {float:left;width: 180px;}
.checkout #page-sidebar1 p#persist-name-option input {width:auto;margin-left:40px;margin-right:7px;}
.checkout #page-sidebar1 p#persist-name-option label {width:auto;}
.checkout #page-sidebar1 dl {position:relative;overflow:hidden;padding-bottom:10px;left:5px;width:260px;}
.checkout #page-sidebar1 dt {margin: 0; width: 120px; text-align: right;}
.checkout #page-sidebar1 dd {width: 130px; text-align: right;padding:0;position:absolute;bottom:10px;margin:0;right:0;border-bottom: 1px solid #CCC;}
dl.promo {color:#900;}
#logout-link {float:right;}
.checkout #cart {width: 605px;margin-bottom:20px;}


.thanks .og-page #page-content, .review .og-page #page-content {margin-top:0;}
.thanks h1, .review h1 {margin-bottom:15px;}
.thanks .og-page #billing-summary,.thanks .og-page #shipping-summary,.review .og-page #shipping-summary, .review .og-page #billing-summary {margin-top:0; width:50%;float:left;margin-bottom:15px;}
.thanks .og-page #billing-summary,.thanks .og-page #shipping-summary, .thanks .og-page #account-creation {width:33%;overflow:hidden;}
.thanks .og-page #account-creation {float:right;margin-bottom:15px;border:2px solid #CCC;background: #EBEBEB;}
.thanks .og-page #account-creation p {margin-right:0;}
.thanks .og-page #account-creation form, .thanks .og-page #account-creation #logged-in-summary{overflow: hidden;margin:5px;}
.thanks .og-page #order-summary {clear:both;border-top:1px dashed #CCC;padding-top:15px;}
.thanks .og-page #account-creation h2 {background: #0258AB;padding:5px;color:#FFF;}
.thanks .og-page #order-items, .thanks .og-page #payment-summary, .review .og-page #order-items, .review .og-page #payment-summary {clear:both;border-top:1px dashed #CCC;padding-top:15px;}
.thanks #order-summary dl {overflow: hidden;position:relative;width:100%;margin-bottom:10px;}
.thanks #order-summary dt {float: left; width: 270px; text-align: right;margin:0;}
.thanks #order-summary dd {width: 650px; text-align: right; border-bottom:1px solid #CCC;position:absolute;bottom:0px;right:0px;padding:0;margin:0;}
#print-request {margin:0 0 20px 20px;}
.proceed {background: url(../images/proceed-to-checkout.png) no-repeat; width: 235px; height: 32px; text-indent: -9999px; overflow: hidden; float:right; margin: 15px 15px 0 0; border:none;cursor: pointer;}
.continue-form {width: 50%;float:right;}
.continue {margin: 15px 0 0 0;cursor: pointer; float: right; border: none;background: transparent;overflow:visible;}
.product .continue {margin:18px 5px 0 0;}
.continue span.button-text {background: url(../images/button-left.png) no-repeat left;height:32px;font-size:14px;font-weight:bold;text-transform: uppercase;letter-spacing: 1px;display:inline-block;line-height: 35px;color:#FFF;vertical-align: middle;padding: 0 5px 0 15px;font-family:Helvetica,Arial,Verdana,sans-serif;white-space:nowrap;}
.continue span.button-arrow {background: url(../images/button-right.png) no-repeat right;height:32px;width:27px;display:inline-block;vertical-align:middle;}
dl.continue-shopping {float: left; display: inline; margin: 15px 0 0 10px;}
dl.continue-shopping dt {color: #4C4C4C; font-weight: bold; text-decoration: none;padding-bottom: 5px;}
dl.continue-shopping dd {padding-bottom: 3px;}
dl.continue-shopping dd a {text-decoration: none;}
/*Login*/
#login-form .continue {margin:0 10px;}
#login-form p {border-bottom: none;}
#login-form label {font-size: 12px;}
#login-form input {width: 180px; }

/*Where it works*/
.og-product-line {
    border-right: 1px dashed #CCCCCC;
    float: left;
    padding: 7px;
    width: 170px;
		text-align: center;
}
.og-product-line-last {
	border-right: none;
}

.og-product-line h2 {color: #0F4F87; font-size: 22px; margin: 20px 0 21px 0;font-weight: normal;}
.og-product-line-name{clear: both;display:block; font-size: 16px;}
#og-product-line-home .og-product-line-name{
    color: #F00;
    font-family: cursive;
}
#og-product-line-best-in-show .og-product-line-name{
    color: #0C9;
}
#og-product-line-combo .og-product-line-name{
    color: #F00;
}
#og-product-line-professional .og-product-line-name, #og-product-line-professional h2 {
    color: #060;
}
.og-product-line dd {margin-left: 0;}