body
{
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-size: small;
	text-align: center;
}

* html body {
	font-size: x-small; /* for IE 5 Windows */
	f\ont-size: small; /* for IE Windows other versions */
}

a:link { color: #1E62BB; }
a:hover { color: #3E7DDA; }
a:active { color: #FFCC00; }
a:visited { color: #003366; }
a img {
	text-decoration: none;		
}
 

.joinnow a:link{
 color: #1E62BB; text-decoration: none;
}
.joinnow a:visited{
 color: #1E62BB; text-decoration: none;
}
.joinnow a:active{
 color: #1E62BB; text-decoration: none;
}

.joinnow a:hover{
 color: #1E62BB; text-decoration: none;
}



#container
{
	width: 768px;
	margin: auto;
	text-align: left;
	background-image: url(../images/bg_nosidebar.gif);
}

#masthead { height: 90px; }

/* styling of the logo in the masthead */
h1#logo
{
	padding: 0;
	float: left;
	display: inline;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 22px;
}

h1#logo img
{
	border: none;
	padding: 0px;
	margin: 0;
}

/* global content styling of headers and paragraphs for content area */
#content h1 {
	padding: 0px;
	font-size: 150%;
	color: #6BBB2D;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: .25em;
	margin-left: 0px;
}

#content h2 {
	margin: 0px;
	padding: 0px;
	font-size: 135%;
	line-height: 120%;
	color: #FF6600;
	font-weight: bold;
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: .25em;
	margin-left: 0px;
}

#content h3 {
	padding: 0px;
	font-size: 115%;
	color: #FF6600;
	font-weight: bold;
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: 0em;
	margin-left: 0px;
}

#content h4 {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	color: black;
	font-weight: bold;
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: .25em;
	margin-left: 0px;
}

#content p {
	padding: 0px;
	font-size: 100%;
	margin-top: .5em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	line-height: 130%;
}


/* styling of the utility navbar at the top of the page */
#nav_utility
{
	width: 450px;
	float: right;
	display: inline;
	padding: 0px;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
	font-size: 90%;
}

#nav_utility td.login
{
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	font-size: 90%;

}



#nav_utility td.searchlabel
{
	padding-left: 10px;
	padding-right: 4px;
	color: #666666;
		font-size: 90%;

}

/* styling of the footer subscription area */
#footer td.subscribelabel
{
	padding-left: 10px;
	padding-right: 4px;
	color: #666666;
		font-size: 90%;

}

#nav_utility form, #nav_utility input, #footer form, #footer input { display: inline; }

form, input
{
	margin: 0;
	padding: 0;
}
select {
	font-size:100%;
}

#search { width: 150px; }
#search, #submit, #subscribe, #subscribelabel{ vertical-align: bottom; }

#search, input[type="text"], input[type="password"], textarea
{
	background: #FBFAF4;
	border: 2px solid;
	border-color: #999 #D9D9D9 #D9D9D9 #999;
}
#footer
{
	clear: both;
	background-image: url(../images/bg_footer.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 60px;
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#footer table {
	margin-top: 16px;
}



#footerlinks {
	width: 760px;
	margin: auto;
	padding-top: 3px;
	padding-bottom: 10px;
}

#footerlinks ul {
	font-size: 80%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#footerlinks li {
	padding-right: 3px;
	padding-left: 3px;
	float: right;
}

#footerlinks li#copyright { float: left; }

#footer p
{
	display: inline;
	margin: 0;
	padding: 0;
}


/* styling the content container, main content area, and sidebar */
#container #content_container { background-image: url(../images/bg_sidebar.gif); }

#content
{
	float: right;
	width: 567px;
	line-height: 120%;
}

#content_padding { padding: 20px; }
#content_sidebar {
	float: right;
	width: 180px;
	display: inline;
	margin-top: 25px;
	margin-bottom: 20px;
	margin-left: 20px;
	font-size: 90%;
}
#content_sidebar h3 {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}
#content_sidebar h4 {
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 0.25em;
	margin-left: 0;
	line-height: 100%;
	padding-top: .5em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.content_sidebar_box {
	background-color: #E9F3FF;
	background-image: url(../images/bg_sidebarbox.gif);
	padding: 4px;
	margin-bottom: 10px;
}
.content_footer_box {
	background-color: #E9F3FF;
	background-image: url(../images/bg_sidebarbox.gif);
	padding: 4px;
	margin-top: .5em;
	clear: right;
}
.content_sidebar_boxcontents, .content_footer_boxcontents {
	background-color: #E9F3FF;
	border: 1px solid #FFFFFF;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
.content_sidebar_boxcontents p, .content_footer_boxcontents p, {
	padding: 0;
	margin: 0;
}
#content .content_footer_boxcontents h4 {
	padding: 0;
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: .5em;
	margin-left: 0;
}

#sidebar_promo
{
	width: 193px;
	float: left;
	margin: 0px;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}


/* styling of the navigation */
#navigation_secondary
{
	background-color: #E9F3FF;
	margin-left: 4px;
	margin-right: -4px;
	text-align: left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#navigation_secondary a
{
	text-decoration: none;
}
#navigation_secondary ul, #content_sidebar .content_sidebar_boxcontents ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navigation_secondary ul li, #content_sidebar .content_sidebar_boxcontents ul li
{
	font-weight: bold;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0px;
	background-image: url(../images/bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 23px;
}
#navigation_secondary ul li.navigation_secondaryactive
{
	font-weight: bold;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0px;
	background-image: url(../images/bullet_green.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 23px;
}


#navigation_secondary ul li ul
{
	padding: 0;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 15px;
	list-style-type: circle;
}
#navigation_secondary ul li ul li
{
	padding: 0;
	font-weight: normal;
	font-size: 85%;
	margin-top: .25em;
	margin-right: 0;
	margin-bottom: .25em;
	margin-left: 0;
	background-image: none;
}

#navigation_secondary ul li ul li.classon {
  font-weight:bold;
}

/* styling the sidebar advertising */
#sidebar_promo img {
	margin-bottom: 2px;
}

#sidebar_sponsored {
	padding-top: 13px;
	padding-bottom: 10px;
}

/* hide promo text and set sizes for advertising */
#sidebar_promo h3
{
	padding: 0px;
	/*height: 99px;
	width: 193px; */
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
}

#sidebar_promo h3 a
{
	/* height: 99px;
	width: 193px; */
	text-indent: -5000px;
	text-decoration: none;
	display: block;
}

/* advertising hover images */
h3#promo1 a
{
	background-color: transparent;
	background-image: url(../images/promo1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 99px;
	width: 193px;
}

h3#promo1 a:hover
{
	background-color: transparent;
	background-image: url(../images/promo1.jpg);
	background-repeat: no-repeat;
	background-position: -193px 0px;
	height: 99px;
	width: 193px;
}

h3#promo2 a
{
	background-color: transparent;
	background-image: url(../images/promo2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 99px;
	width: 193px;
}

h3#promo2 a:hover
{
	background-color: transparent;
	background-image: url(../images/promo2.jpg);
	background-repeat: no-repeat;
	background-position: -193px 0px;
	height: 99px;
	width: 193px;
}

h3#promo3 a
{
	background-color: transparent;
	background-image: url(/images/freesub.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 153px;
	width: 193px;
}

h3#promo3 a:hover
{
	background-color: transparent;
	background-image: url(/images/freesub.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 153px;
	width: 193px;
}


/* styling of the home page Flash area and columns for home page */
#homeflash
{
	height: 178px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
}

.homecol
{
	float: left;
	width: 155px;
	font-size: 85%;
	margin-right: 20px;
}

.homecol_last
{
	float: left;
	width: 155px;
	font-size: 85%;
	margin-right: 0px;
}

.homecol h2, .homecol_last h2
{
	font-size: 110%;
	margin: 0px;
	padding: 0px;
	color: #FF6600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.homecol dl, .homecol_last dl, .homecol ul
{
	padding: 0px;
	margin-top: .75em;
	margin-right: 0px;
	margin-bottom: 1.5em;
	margin-left: 0px;
	list-style-type: none;
}

.homecol dt, .homecol_last dt
{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0em;
	margin-left: 0px;
}

.homecol dd, .homecol_last dd, .homecol li
{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: .75em;
	margin-left: 0px;
	list-style-type: none;
}

#nav_primary
{
	height: 30px;
	clear: both;
}

/* set up primary navigation bar */
#container #navigation
{
	margin: 0px;
	height: 30px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
}

#container #navigation ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/nav.gif);
	height: 30px;
	width: 760px;
}

#container #navigation ul li
{
	float: left;
	text-indent: -5000px;
}

#container #navigation ul li a
{
	text-indent: -5000px;
	text-decoration: none;
}

/* set width of membership button, make clickable, and set hover state */
li#nav_membership
{
	height: 30px;
	width: 128px;
}

li#nav_membership a
{
	height: 30px;
	width: 128px;
	display: block;
}

li#nav_membership a:hover, #membership li#nav_membership a
{
	background-color: transparent;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}

li#nav_membership.on
{
	background-color: transparent;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}

/* set width of resources button, make clickable, and set hover state */
li#nav_resources
{
	height: 30px;
	width: 127px;
}

li#nav_resources a
{
	height: 30px;
	width: 127px;
	display: block;
}

li#nav_resources a:hover, #resources li#nav_resources a
{
	background-color: transparent;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -128px -30px;
}
li#nav_resources.on {
	background-color: transparent;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -128px -30px;
}

/* set width of journal button, make clickable, and set hover state */
li#nav_journal
{
	height: 30px;
	width: 116px;
}

li#nav_journal a
{
	height: 30px;
	width: 116px;
	display: block;
}

li#nav_journal a:hover, #journal li#nav_journal a
{
	background-color: transparent;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -255px -30px;
}

li#nav_journal.on {
	background-color: transparent;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -255px -30px;
}

/* set width of faqs button, make clickable, and set hover state */
li#nav_guide
{
	height: 30px;
	width: 139px;
}

li#nav_guide a
{
	height: 30px;
	width: 139px;
	display: block;
}

li#nav_guide a:hover, #guide li#nav_guide a
{
	background-color: transparent;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -371px -30px;
}

li#nav_guide.on {
	background-color: transparent;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -371px -30px;
}

/* set width of gallery button, make clickable, and set hover state */
li#nav_insurance
{
	height: 30px;
	width: 101px;
}

li#nav_insurance a
{
	height: 30px;
	width: 101px;
	display: block;
}

li#nav_insurance a:hover, #insurance li#nav_insurance a
{
	background-color: transparent;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -510px -30px;
}

li#nav_insurance.on {
	background-color: transparent;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -510px -30px;
}


/* set width of notify button, make clickable, and set hover state */
li#nav_board
{
	height: 30px;
	width: 80px;
}

li#nav_board a
{
	height: 30px;
	width: 80px;
	display: block;
}

li#nav_board a:hover, #board li#nav_board a
{
	background-color: transparent;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -611px -30px;
}

li#nav_board.on {
	background-color: transparent;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -611px -30px;
}


/* set width of about button, make clickable, and set hover state */
li#nav_about
{
	height: 30px;
	width: 69px;
}

li#nav_about a
{
	height: 30px;
	width: 69px;
	display: block;
}

li#nav_about a:hover, #about li#nav_about a
{
	background-color: transparent;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -691px -30px;
}


li#nav_about.on
{
	background-color: transparent;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -691px -30px;
}
/* end all navigation styles */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* End hide from IE-mac */



.requiredfield { color: #990000; }

.errormessage
{
	margin: 0px;
	padding: 3px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	color: #993300;
}

.errormsg
{
	margin: 0px;
	margin-top: 20px;
	padding: 5px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	color: #993300;
	border: 1px solid;
}

#cartinfo {
	text-align: right;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 11px;
}

.storeproducts {
	margin-top: 0px;
}

#content .storeproducts h2 {
	margin-bottom: 3px;
	margin-top: 3px;
}

.storeproducts p {
	margin-top: 0px;
	padding-top: 0px;
}

.productgrouptable {
	text-align: left;
	font-size: 12px;
}

.productgrouptable th {
	border-bottom: 1px solid #cccccc;
	padding: 8px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.productgrouptable td {
	border-bottom: 1px solid #cccccc;
	padding: 8px;
}

.productphoto {
	float: left;
	width: 240px;
}

.productdetails {
	width: 280px;
	padding-left: 10px;
	float: right;
}

.productspecs {
	color: #000000;
	font-size: 11px;
}

.price {
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	margin: 0px;
}

.addtocart {
	border: 1px solid #999999;
	margin-top: 15px;
}

.outofstock {
	font-size: 11px;
	color: #990000;
	padding: 0px;
	margin: 0px;
}

.alertbox {
	background-color: #FFFFCC;
	border: 1px solid #990000;
	padding: 10px;
	margin-bottom: 10px;
}

.alertbox li
{
	font-size: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.alertbox p
{
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}

.alertbox h5
{
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	color: #663300;
}

.alertbox ul
{
	font-size: 10px;
	margin: 8px 0px;
	padding: 0px;
	list-style-type: none;
}

.datatable thead td
{
	font-size: 14px;
	font-weight: bolder;
}

.datatable tfoot td { font-size: 14px; }

.datatable th
{
	font-size: 11px;
	font-weight: bolder;
	color: #333333;
	padding-left: 5px;
}

.datatable td
{
	font-size: 11px;
	color: #333333;
	padding-left: 5px;
}

.datatable td h5
{
	font-size: 14px;
	color: #663300;
	margin-top: 4px;
	margin-bottom: 4px;
}

.datatable td h6 { font-size: 12px; }

.dataheader
{
	font-weight: bolder;
	font-size: 12px;
}#content li {
	margin-bottom: .5em;
}

/* styles for all input forms */
table.formstyle {
	width: 100%;
	border: 1px solid #CCCCCC;
	margin-top: 1em;
}
table.formstyle td {
	vertical-align: top;
	background-color: #F5F5F5;
}
table.formstyle td.formlabel {
	width: 160px;
	text-align: left;
	background-color: #EEEEEE;
	font-weight: bold;
	padding: 5px;
}
table.formstyle td.formlabel p{
	text-align: left;
	font-size: 80%;
	font-weight: normal;
	padding: 5px;
}
table.formstyle option {
	font-size: 100%;
}
/* calendar listing classes */
#calendarlisting h4 {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 15px;
	margin-bottom: 5px;
}
#calendarlisting td {
	padding-bottom: 15px;
}

/* locator classes */
table#laundrylocator {
	margin-left: 4px;
}
.fivestar {
	background-color: #FFFFCC;
	border: 1px solid #CCCC99;
	padding: 5px;
	height:auto;
}

#webinar-listings {margin-bottom:15px;padding-bottom:15px;border-bottom:solid 1px #F60;line-height: 17px;border-spacing: 0px;}
#webinar-listings .division {border-left:solid 1px #ccc;padding-left:10px;}
.spacing-1 {padding-right:10px;}