@charset "utf-8";
/* CSS Document */
body	{
	padding : 0px;
	margin : 0px;
	font-family : Arial, sans-serif;
	font-size : 12px;
	background:url(../../media/images/common/body_bg.jpg) no-repeat top center #0053a0;
}
.SpryHiddenRegion {
	visibility: hidden;
}
.button	{
	color:#FFF;
	background-color:#fd6500;
	padding:2px;
	font-size:12px;
}
hr	{
	color:#FFF;
	padding:0;
	margin:0;
	border-top:1px solid #001347;
}
td	{
	line-height:16px;
	color:#848282;
}
p	{
	margin:0;
	padding:5px 0;
	line-height:16px;
	color:#666;
}
a	{
	color:#fd6500;
}
a:hover	{
	color:#001347;
}
a.learn_more	{
	background:url(../../media/images/common/learn_more_bg.jpg) no-repeat 0 5px;
	padding:0 0 0 9px;
	text-decoration:none;
}
h1	{
	color:#fd6500;
	font-size:36px;
	line-height:38px;
	padding:0 0 10px 0;
	margin:0;
	font-weight:normal;
}
h2	{
	font-size:18px;
	color:#001347;
	padding:0;
	margin:0;
}
h2	a	{
	color:#001347;
	text-decoration:none;
}
h2	a:hover	{
	color:#fd6500;
	text-decoration:none;
}

h3	{
	font-size:14px;
	color:#001347;
	padding:0;
	margin:0;
}

h4	{
	color:#ff6600;
	font-size:12px;
	text-transform:uppercase;
	padding:0;
	margin:0;
}
h5	{
	color:#ff6600;
	font-size:16px;
	line-height:20px;
	padding:15px 0 5px 0;
	font-style:italic;
	margin:0;
}
table.pricing_table	{
	border-top:1px solid #001347;
	border-bottom:1px solid #001347;
	margin-bottom:15px;
	margin-top:5px;
}
table.pricing_table td	{
	padding:3px 0;
}
table.cart_table	{
	border-top:1px solid #001347;
	border-bottom:1px solid #001347;
}
p.landing_page	{
	color:#848282;
	line-height:22px;
	font-size:16px;
}
ul.landing_page	{
	color:#848282;
	line-height:22px;
	font-size:16px;
}
/* structural styles */
div.container	{
	width:965px;
	margin:0 auto;
}

div.shadow_container	{
	width:965px;
	margin-top:10px;
}

/* header styles */
div.header	{
	width:960px;
	height:80px;
}
div.header_flash	{
	float:left;
	width:220px;
	cursor:pointer;
}
div.header_functions	{
	float:right;
}
#google_translate_element	{
	height:45px;
	padding:0;
	margin:0;
	position:relative;
}
#google_translate_element div	{
	color:#acd0e6;
}
#google_translate_element a	{
	color:#acd0e6;
}
ul.header_flags	{
	margin:5px 0 10px 0;
	padding:0;
	list-style-type:none;
	clear:both;
	height:26px;
	float:right;
}
ul.header_flags li	{
	float:left;
	margin-right:15px;
	color:#acd0e6;
	font-size:16px;
	font-weight:bold;
	height:26px;
}
ul.header_flags li.last	{
	margin-right:0;
}
ul.header_flags li.shop_call	{
	margin-right:30px;
	padding-top:15px;
}

ul.header_links	{
	clear:both;
	padding:25px 0 0 0;
	margin:0;
	list-style-type:none;
	overflow:auto;
	float:right;
	width:450px;
}
ul.header_links li	{
	float:left;
	margin-right:20px;
	color:#acd0e6;
	font-size:16px;
	font-weight:bold;
}
ul.header_links li.last	{
	margin-right:0;
}
ul.header_links li a	{
	color:#acd0e6;
	text-decoration:none;
	font-size:12px;
	display:block;
}
ul.header_links li a:focus	{
	outline:none;
}
ul.header_links li a:hover	{
	color:#FFF;
}
ul.header_links li a.msds	{
	background:url(../../media/images/common/msds_request.png) no-repeat;
	padding:0 0 0 15px;
}
ul.header_links li a.cart	{
	background:url(../../media/images/common/view_cart.png) no-repeat;
	padding:0 0 0 17px;
}
ul.header_links li a.profile	{
	background:url(../../media/images/common/company_profile.png) no-repeat;
	padding:0 0 0 17px;
}
ul.header_links li a.contact	{
	background:url(../../media/images/common/contact_us.png) no-repeat;
	padding:0 0 0 19px;
}

/* top nav styles */
ul.top_nav	{
	width:960px;
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:13px;
	font-weight:bold;
}
ul.top_nav li	{
	height:31px;
	float:left;
	border-right:1px solid #001037;
}
ul.top_nav li.last	{
	border-right:none;
}
ul.top_nav li a	{
	color:#FFF;
	text-align:center;
	text-decoration:none;
	padding:8px 0 0 0;
	height:23px;
	display:block;
	background:url(../../media/images/common/top_nav_li_bg.jpg) repeat-x;
}
ul.top_nav li a.home	{
	width:97px;
}
ul.top_nav li a.portable	{
	width:181px;
}
ul.top_nav li a.rv	{
	width:124px;
}
ul.top_nav li a.landfill	{
	width:195px;
}
ul.top_nav li a.septic	{
	width:97px;
}
ul.top_nav li a.hvac	{
	width:97px;
}
ul.top_nav li a.hand_san	{
	width:163px;
}
ul.top_nav li a:hover	{
	display:block;
	background-color:#fd6500;
	color:#001244;
	background-image:none;
}
ul.top_nav li a.selected	{
	background-image:none;
	background-color:#FFF;
	color:#001244;
}

/* sub nav styles */
div.sub_nav_container	{
	width:960px;
	height:22px;
	background-color:#FFF;
	overflow:hidden;
	clear:both;
}
ul.sub_nav	{
	width:939px;
	margin:0;
	padding:0 0 0 21px;
	list-style-type:none;
	overflow:auto;
}
ul.sub_nav li	{
	float:left;
	font-size:11px;
	margin-right:12px;
}

div.sub_nav_container li > ul	{
	display: none;
}
ul.sub_nav li a	{
	color:#ff6600;
	text-decoration:none;
	background:url(../../media/images/common/sub_nav_li_bg.jpg) no-repeat 0 4px;
	padding-left:7px;
}
ul.sub_nav li a:hover	{
	color:#001244;
}

/* content area styles */
div.content_area	{
	clear:both;
	width:920px;
	padding:0 20px;
	background-color:#FFF;
	overflow:auto;
}
div.home_flash	{
	height:420px;
	margin-bottom:16px;
}
div.header_img	{
	margin-bottom:16px;
}
div.home_left	{
	width:609px;
	float:left;
	margin:0 50px 0 21px;
}
div.home_right	{
	width:240px;
	float:left;
}

.home_right h3 {
	color: #FD6500;
	margin-bottom: 0;
}

.home_right p {
	color: #FD6500;
}

.home_right a {
	text-decoration: none;
	color: #FD6500;
}

.home_right a:HOVER {
	color: #001347;
}

ul.home_right_links	{
	width:240px;
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.home_right_links li	{
	padding-bottom:10px;
}
a.call_to_action	{
	display:block;
	background:url(../../media/images/common/call_to_action_bg.jpg) no-repeat;
	padding:5px 0 0 38px;
	font-size:16px;
	color:#001244;
	text-decoration:none;
	height:22px;
	font-weight:bold;
}
a.call_to_action:hover	{
	background:url(../../media/images/common/call_to_action_bg_over.jpg) no-repeat;
}

div.footer	{
	clear:both;
}
img.footer_logo	{
	float:left;
	margin-right:28px;
	margin-bottom:25px;
	margin-top:25px;
}

div.footer_info	{
	border-top:1px solid #fd6500;
	float:left;
	width:768px;
	margin-top:25px;
	padding:10px 0 25px 0;
	color:#848282;
	font-size:12px;
	line-height:17px;
}
div.footer_info_right	{
	float:right;
}
div.bottom_shadow	{
	margin-bottom:30px;
}

/* secondary page styles */

/* left nav styles */
div.left_nav_container	{
	width:266px;
	float:left;
	margin:0 42px 0 0;
}
div.nav_heading	{
	background:url(../../media/images/common/nav_heading_bg.jpg) no-repeat #04357f top;
	color:#FFf;
	font-size:16px;
	font-weight:bold;
	padding:10px 10px 10px 27px;
}
ul.left_nav	{
	background-color:#8bc2e2;
	list-style-type:none;
	margin:0 0 30px 0;
	padding:0;
}
ul.left_nav li a	{
	background:url(../../media/images/common/left_nav_li_bg.png) no-repeat 10px 12px;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:8px 8px 8px 25px;
	margin:0;
	border-bottom:1px solid #FFF;
}
ul.left_nav li a:hover	{
	color:#001244;
	background:url(../../media/images/common/left_nav_li_bg_over.png) #bde1f5 no-repeat 10px 12px;
}
ul.left_nav li a.open	{
	color:#001244;
	background:url(../../media/images/common/left_nav_li_selected.png) #bde1f5 no-repeat 10px 12px;
	border-bottom:none;
}
ul.left_nav li a.last	{
	border-bottom:none;
}

ul.sub_nav_left	{
	display:none;
	list-style-type:disc;
	padding:0 0 10px 36px;
	margin:0;
	background-color:#bde1f5;
	border-bottom:1px solid #FFF;
}
ul.sub_nav_left li a	{
	background:none;
	font-weight:normal;
	color:#001244;
	border-bottom:none;
	padding:3px 0;
}
ul.sub_nav_left li a:hover	{
	background:none;
	color:#fd6500;
}
ul.sub_nav_left li a.selected	{
	background:none;
	color:#001244;
	font-weight:bold;
}

div.content	{
	width:580px;
	float:left;
}
div.content_wide	{
	width:888px;
}

div.product	{
	clear:both;
}
div.product h2	{
	padding:20px 0 5px 0;
}
div.product p	{
	margin:0;
	padding:0;
	line-height:16px;
	color:#848282;
}
div.product img	{
	float:left;
	margin-right:12px;
}


a.where_to_buy	{
	display:block;
	background:url(../../media/images/common/where_to_buy_bg.jpg) no-repeat;
	padding:3px 0 0 30px;
	width:100px;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	height:22px;
	font-weight:bold;
}
a.where_to_buy:hover	{
	background:url(../../media/images/common/where_to_buy_bg_over.jpg) no-repeat;
}


a.contact_for_pricing	{
	display:block;
	background:url(../../media/images/common/contact_for_pricing_bg.jpg) no-repeat;
	padding:3px 0 0 30px;
	width:158px;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	height:22px;
	font-weight:bold;
}
a.contact_for_pricing:hover	{
	background:url(../../media/images/common/contact_for_pricing_over_bg.jpg) no-repeat;
}
a.contact	{
	display:block;
	background:url(../../media/images/common/contact_bg.jpg) no-repeat;
	padding:3px 0 0 30px;
	width:85px;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	height:22px;
	font-weight:bold;
}
a.contact:hover	{
	background:url(../../media/images/common/contact_bg_over.jpg) no-repeat;
}
a.download_pdf	{
	display:block;
	background:url(../../media/images/common/download_pdf.jpg) no-repeat;
	padding:3px 0 0 30px;
	width:112px;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	height:22px;
	font-weight:bold;
}
a.download_pdf:hover	{
	background:url(../../media/images/common/download_pdf_over.jpg) no-repeat;
}

.design_signal {

}

a.download_pdf_septic	{
	display:block;
	background:url(../../media/images/common/download_pdf_septic.jpg) no-repeat;
	padding:3px 0 0 30px;
	margin-left:15px;
	margin-top:10px;
	width:250px;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	height:22px;
	font-weight:bold;
}
a.download_pdf_septic:hover	{
	background:url(../../media/images/common/download_pdf_septic_over.jpg) no-repeat;
}


/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
div.home_right {

    /* required settings */
    position:relative;
    overflow:hidden;
	height: 300px;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.home_right div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
div.home_right div.items div {
    float:left;
}

/* you may want to setup some decorations to active the item */
div.items div.active {
    border:1px inset #ccc;
    background-color:#fff;
}

.navi a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../../media/images/common/navigator.png) no-repeat scroll 0 0;
	display:block;
	float:left;
	font-size:1px;
	height:6px;
	margin:2px;
	width:6px;
	cursor:pointer;
}
.navi a:hover {
	background-position: -6px -0;
}
.navi a.active {
	background-position: -12px 0;
}