body { background-color: #fafaf4; background-repeat: repeat-x; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size:16px; }
body#T1 { background-image:url(../images/mainBkg.jpg); }
body#T2 { background-image:url(../images/mainBkgContent.jpg); background-color: #FFF; }


/*---------FOR IE PNG SUPPORT----------*/
img, div, a, input { behavior: url(css/iepngfix.htc); }
/*-------------------*/

h1 { font-size: 210%; position: relative; letter-spacing: -0.08em; color: #ECEADE; left: 34px; padding-top: 13px; margin-bottom: 13px; width: 750px; }

#wrapper { background-image: url(../images/footerBkg.jpg); background-repeat: repeat-x; background-position: right bottom; position: relative; }
#container { width: 920px; margin-right: auto; margin-left: auto; top: 0px; position: relative; }
#header { height: 154px; width: 902px; position: relative; margin-right: auto; margin-left: auto; z-index: 101; }

#topNav { position: absolute; height: 34px; top: 104px; width: 902px; background-image: url(../images/topnavBkg.jpg); z-index: 100; left: 0px; }
#topNav ul { list-style-type: none; display: inline; z-index: 100; position: relative; }
#topNav ul li { float: left; background-image: url(../images/topnavBkg.jpg); background-repeat: repeat-x; background-position: left top; position: relative; }
#topNav ul li:hover { float: left; background-position: left bottom; }
#topNav ul .noHover:hover { background-position: right top; }
#topNav ul li span { color: #FBFBF6; font-size: 75%; padding-left: 8px; padding-right: 8px; white-space: nowrap; position: relative; background-image: url(../images/topnavDivider.jpg); background-repeat: no-repeat; background-position: right; height: 34px; display: block; *float: left; }
#topNav ul li img { position: absolute; left: -8px; top: -14px;}
#topNav ul .noHover span { background-position: right top; padding-left: 1px; padding-right: 0px; }
#topNav ul li span a { color: #FBFBF6; text-decoration: none; position: relative; display: block; top: 7px; }
#topNav ul#dropdown li ul { margin: 0; *margin-left:0px; padding: 0; position: absolute; visibility: hidden; z-index: 101; top: 30px; background-color: #B3405F; clear:both; width: auto; padding: 0 10px 5px 10px; border: solid 1px #B3405F; -moz-border-radius-bottomleft: .5em; -webkit-border-bottom-left-radius: .5em; -moz-border-radius-bottomright: .5em; -webkit-border-bottom-right-radius: .5em; -webkit-box-shadow: 2px 3px 3px #333; box-shadow: 2px 3px 3px #333; }
#topNav ul#dropdown li ul li { color: #FBFBF6; font-size: 75%; float: none; clear: both; white-space: nowrap; background-image: url(none); padding-top: 5px; }
#topNav ul#dropdown li ul li a { width: auto; color: #FBFBF6; text-decoration: none; }
#topNav ul#dropdown li ul li a:hover { text-decoration: underline; }
.topNavLeft { float: left; }
.topNavRight { float: right; position: absolute; right: 0px; }

#tagline { height: 28px; width: 592px; position: absolute; left: 318px; top: 62px; }
#topLogo { height: 74px; width: 74px; position: absolute; left: 34px; top: 15px; }
#homeIllus { height: 482px; width: 205px; position: absolute; z-index: 100; top: 33px; left: 367px; }

#contentHome { width: 920px; position: relative; height: 515px; }
#panelLeft { background-image: url(../images/panelLeft.png); background-repeat: no-repeat; height: 406px; width: 609px; float: left; z-index: 10; }
#panelRight { background-image: url(../images/panelRight.png); background-repeat: no-repeat; height: 396px; width: 311px; float: left; padding-top: 10px; }
#panelRight .box1, #panelRight .box2 { width: 265px; *padding-top: 8px; *padding-bottom: 8px; padding-top: 9px; padding-bottom: 9px; padding-right: 10px; padding-left: 10px; margin-left: 11px; }
#panelRight .box1 { background-image: url(../images/panelRightDivider.png); background-position: bottom; background-repeat: no-repeat; }
#panelRight h3 { font-size: 100%; color: #7E1D3E; }
#panelRight h3 a:link, #panelRight h3 a:visited { color: #7E1D3E; text-decoration:none; }
#panelRight h3 a:hover { color: #7E1D3E; text-decoration:underline; margin-right:10px; }
#panelRight p { font-size: 75%; color: #FBFBF6; }
#panel { width: 325px; height: 320px; overflow: hidden; position: absolute; left: 51px; top: 55px; }
#panel p { width: 288px; }

#subNav, #aboutSubNav { font-family:Arial, Helvetica, sans-serif; font-size: .75em; color: #FFF; background-color: #F79F36; height: 23px; width: 868px; margin-top: 0px; padding: 7px 0 0 25px; position: relative; left: 11px; }
#subNav ul, #aboutSubNav ul { list-style-type: none; display: inline; height: 34px; }
#subNav ul li, #aboutSubNav ul li { margin-right:12px; position: relative; height: 34px; display: inline; float: left; }
#subNav a, #aboutSubNav a { color: #FFF; text-decoration:none; }
#subNav ul li:hover, #aboutSubNav ul li:hover { background-image: url(../images/navArrow.png); background-repeat: no-repeat; background-position: center bottom; }
#subNav ul li.selected, #aboutSubNav ul li.selected { background-image: url(../images/navArrow.png); background-repeat: no-repeat; background-position: center bottom; }

#content { width: 915px; position: relative; margin-left: 3px; background-image: url(../images/contentTop2.jpg); background-repeat: repeat-x; background-color: #FFF; background-position: 0 14px; float: left; z-index: 10; min-height: 575px; }
#contentR { background-image: url(../images/contentR.png); background-repeat: no-repeat; position: absolute; height: 525px; width: 11px; left: 904px; top: 14px; }
#contentLeft { background-image: url(../images/contentL.png); background-repeat: no-repeat; position: absolute; height: 525px; width: 11px; top: 14px; float: left; }
#contentTop { background-image: url(../images/contentTop.png); background-repeat: no-repeat; position: absolute; height: 14px; width: 915px; top: 0px; }
#contentMain { background-repeat: repeat-x; width: 843px; overflow: visible; margin-top: 20px; margin-left: 36px; padding-bottom: 25px; float: left; }

/*About Me Page*/

#aboutContent { width: 608px; position: relative; margin-left: 3px; background-image: url(../images/contentTop2.jpg); background-repeat: repeat-x; background-color: #FFF; background-position: 0 14px; float: left; z-index: 10; }
#aboutContentMainRight { width: 296px; position: relative; float: right; z-index: 10; overflow:auto;}
#aboutContentR {
	background-image: url(../images/aboutcontentR.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 525px;
	width: 11px;
	left: 608px;
	top: 14px;
}
#aboutContentLeft { background-image: url(../images/aboutcontentL.png); background-repeat: no-repeat; position: absolute; height: 525px; width: 11px; top: 14px; float: left; }
#aboutContentTop { background-image: url(../images/aboutContentTop.jpg); background-repeat: no-repeat; position: absolute; height: 14px; width: 619px; top: 0px; }
#aboutContentMain { background-repeat: repeat-x; width: 555px; overflow: visible; margin-top: 20px; margin-left: 36px; padding-bottom: 25px; float: left;}

#aboutSubNav {width: 572px;}

#aboutContentCol1 {float: left; width: 525px; position: relative; padding-right: 20px}
#aboutContentCol1 img { float: left; margin-right: 15px; }

#aboutCatalogBox { background:url(../images/aboutCatalogBox.png) no-repeat; position: relative; height: 203px; width: 245px; padding: 10px 25px 0 25px;}
#aboutCatalogBox h2 { font-size: 16px; color: #7E1D3E;}
#aboutCatalogBox h3 { font-size: 24px; color: #7E1D3E;}
#aboutCatalogBox h3 a {color: #7E1D3E; text-decoration:none}
#aboutCatalogBox h3 a:hover {text-decoration:underline}
#aboutCatalogBox h4 { margin: 0 0 5px; }
#aboutCatalogBox p { font-size: 85%; color: #FBFBF6; margin: 5px 0 10px 0;}

#aboutLinkBoxTop { padding: 10px 0; position: relative; width: 295px; background-image: url(../images/aboutLinkboxTop.png); background-repeat: no-repeat;}
#aboutLinkBoxTop .box1, #aboutLinkBoxTop .box2, #aboutLinkBoxTop .box0 { width: 255px; *padding-top: 8px; *padding-bottom: 8px; padding-top: 9px; padding-bottom: 9px; padding-right: 10px; padding-left: 10px; margin-left: 11px; }
#aboutLinkBoxTop .box1 { background-image: url(../images/aboutContentRule.gif); background-position: bottom; background-repeat: no-repeat;}
#aboutLinkBoxTop .box0 { background-image: url(../images/aboutContentRuleTop.gif); background-position: bottom; background-repeat: no-repeat;}
#aboutLinkBoxTop h3, #aboutCatalogBox h4 { font-size: 100%; color: #7E1D3E; }
#aboutLinkBoxTop h3 a:link, #aboutLinkBoxTop h3 a:visited, #aboutCatalogBox h4 a:link, #aboutCatalogBox h4 a:visited { color: #7E1D3E; text-decoration:none; }
#aboutLinkBoxTop h3 a:hover, #aboutCatalogBox h4 a:hover { color: #7E1D3E; text-decoration:underline; margin-right:10px; }
#aboutLinkBoxTop p { font-size: 75%; color: #FBFBF6; }

#aboutLinkBoxBottom {position: relative; width: 295px; background-image: url(../images/aboutLinkboxBottom.png); background-repeat: no-repeat;height: 27px;}

.miniCatalog { margin: 1em 0; }
#contentCol2 .miniCatalog p { margin-top: .5em;  }
/*End About Me Page*/


#contentCol1 { float: left; width: 555px; position: relative; border-right-width: 1px; border-right-style: solid; border-right-color: #407487; padding-right: 20px; }
#contentCol2 { float: left; width: 245px; padding-left: 20px; }
#contentMain h2, #aboutContentMain h2 { font-size: 160%; color: #99274B; letter-spacing: -0.06em; margin-bottom: 15px; }
#contentMain h3, #aboutContentMain h3 { font-size: 120%; color: #99274B; letter-spacing: -0.06em; margin-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #99274B; margin-top: 30px; }
#contentCol1 h4, #aboutContentCol1 h4 { font-size: 110%; color: #333; margin-bottom: 8px; }
#contentCol1 p, #contentCol4 p, #contentCol3 p,  .content3col12 p, .content3col3 p, #content2Col1 p, #content2Col2 p, #contentColLower p, #aboutContentCol1 p { font-size: 80%; line-height: 1.5; color: #333; margin-bottom: 10px; }
#contentCol3 { float: left; width: 264px; }
#contentCol4 { float: left; width: 555px; position: relative; padding-left: 24px; }
#contentCol2 h4, #contentCol3 h4 { font-size: 100%; line-height: 1.5; color: #99274B; text-align: center; font-weight: bold; margin-bottom:15px; }
#contentCol3 h4 { text-align: center; }
#contentCol1 p a, #contentCol4 p a, #contentCol3 p a, .content3col12 p a, .content3col3 p a, #content2Col1 p a, #content2Col2 p a, #contentCol2 p a, #contentColLower p a { color: #99274B; text-decoration: underline; }
#contentCol1 p a:hover, #contentCol4 p a:hover, .content3col12 p a:hover, .content3col3 p a:hover, #content2Col1 p a:hover, #content2Col2 p a:hover, #contentCol2 p a:hover, #contentColLower p a:hover { color: #71971F; }
#contentCol2 img { padding-top: 25px; padding-bottom: 25px; }
#contentColLower { float: left; width: 843px; margin-top: 35px; }
.content3col12, .content3col3 { width: 262px; float: left; margin-bottom: 20px; }
.content3col12{ margin-right:25px; }
#contentMain #mailLink { }
#contentColLower h4, #contentCol4 h4 { font-weight: bold; color: #769B20; font-size: 90%; margin-bottom: 5px; }
#contentCol4 .price { font-weight: bold; color: #99274B; font-size: 90%; margin-bottom: 10px; }
#contentCol2 p { font-size: 80%; color: #333; text-align: right; }
#contentCol1 ul, #contentCol4 ul { font-size: 80%; color: #71971F; margin-top: 5px; }
/*#contentCol1 ul li, #contentCol4 ul li{ margin-bottom:8px; }*/
#contentColLower ul { font-size: 80%; color: #333; margin: 5px 0 0 15px; padding-left:-1em; }
#contentColLower table ul li { }
.content3col12 p, .content3col3 p { margin-bottom: 0px; line-height: 1; }
.content3col12 h5, .content3col3 h5 { font-weight: bold; color: #769B20; font-size: 80%; line-height: 1.25; }
#contentCol4 p img { float: left; margin-right: 10px; margin-bottom: 10px; }
#content2Col1 { float: left; width: 400px; margin-right: 40px; margin-top: 50px; }
#content2Col2 { float: left; width: 400px; margin-top: 50px; }
.content3col12 img, .content3col3 img { float: left; margin-right: 8px; }
#contentCol1 img { float: left; margin-right: 15px; }
#contentCol3 img { text-align: center; display: inline; }
#contentCol3 p.smallText { font-size: 70%; }
#contentColLower table p { font-size: 11px; line-height: 1; margin-bottom: 5px; }
#contentColLower table li { }
#contentColLower table ul { }
#contentCol4 .boxLg h4, #contentCol1 .boxLg h4 { font-size: 90%; font-weight: bold; padding-right: 25px; padding-left: 25px; color: #31576A; }
#contentCol4 .boxLg ul { font-size: 75%; color: #31576A; line-height: 1.25; float: left; width: 225px; list-style-type: disc; }
#contentCol1 .boxLg p{ padding-right: 15px; padding-left: 15px; }



#footer { position: relative; display: block; clear: both; background-image: url(../images/footerBkg.jpg); background-repeat: repeat-x; background-color: #fafaf4; height: 300px; }
#footerContainer { width: 900px; margin-right: auto; margin-left: auto; position: relative; background-image: url(../images/footerBkg.jpg); background-repeat: repeat-x; display: block; }
.footerCol1, .footerCol2, .footerCol3 { background-image: url(../images/footerColBkg.jpg); background-repeat: repeat-x; margin-right: 20px; float: left; position: relative; margin-top: 2px; padding: 10px 10px 0 10px; display: block; }
.footerCol1 { width: 158px; }
.footerCol2 { width: 133px; }
.footerCol3 { width: 198px; }
.footerCol4 { float: left; width: 280px; padding-top: 15px; }
#footer h4 { font-size: 95%; color: #7A9D26; margin-bottom: 8px; }
#footer p { font-size: 70%; color: #8E2E4F; margin-bottom: 8px;}
#footer p a { color: #8E2E4F; text-decoration:none; border-bottom:dotted 1px #8E2E4F; }
#footer p a:hover { background-color: #E5E3D4; }
#footer #form1 { margin-top: 7px; }
#form1 label #emailListSubmit { font-size: 75%; color: #9B2E4F; }


#mailListEmail { color: #9C2E4F; font-size: 10px; background-color: #DDDDC5; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }


#tabs .emphasis { font-weight: bold; color: #99274B; }

.boxLg { width: 553px; float: left; background-color: #f6fee5; border: solid #1e4658 1px; padding: 10px 0 10px 0; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.boxLg img { float: left; margin-right: 0px; margin-bottom: 0px; }
.boxLg p { margin: 10px; }
.button { background-image: url(../images/buttons/cart.png); background-repeat: no-repeat; width: 99px; background-position: left top; height: 35px; position: relative; }
.button:hover { background-position: left bottom; }
.callout { color: 1E4658; }
.Columns {
	margin-bottom: 25px;
	font-size: 120%;
	color: #333;
	float: left;
	margin-right: 20px;
	width: 250px;
}
.Columns p { font-size: 70%; margin-top: 15px; }
.ecsProfile { float: left; height: 50px; width: 275px; margin-bottom: 25px; }
.floatR { float: right; }
.floatL { float: left; }
.footerCol4 img {
	float: left;
}
.widgets {
	clear: both;
	margin: 15px 0 0 0;
	padding: 0;
	float: left;
	width: 280px;
}
#fb { clear: left; width: 52px; height: 48px; background: url(../images/fb.png) no-repeat; display: block; float: left; }
#fb span { position: absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
#tw { width: 52px; height: 48px; background: url(../images/twitter.png) no-repeat; display: block; float: left; margin-left: 3px; }
#tw span { position: absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
.subscribe {
	float: left;
	margin-left: 5px;
	text-align: center;
}
.hidden { display: none; }
.introText img { margin-bottom: 30px; }
.spacer{clear:both; height:1px; }
.text65 { font-size: 60%; }
.quoteTag {text-align: right; display: block; color: #80A637; font-style: italic;}
.nolink { cursor:default; }




/* ----------- Forms ----------- */
.bdForm{ margin:0 25px 25px 0; }
#sform{ width: 540px; margin-top: 25px; }
#sform label{ color:#333; display:block; text-align:right; width:225px; float:left; }
#sform .small{ color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:200px; }
#sform .txtInput{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #666; width:250px; margin:0 0 20px 10px; background-color: #FFF; background-image: url(../images/inputBG.png); background-repeat: repeat-x; }
#sform .listmenu{ float:left; font-size:12px; padding:4px 2px; width:250px; margin:0 0 20px 10px; }
#sform .button { float: right; margin-right: 25px; margin-top: 25px; }
#sform { font-size: 90%; color: #333; }
/* ---------------------- */



#tabs img { float: left; margin-right: 10px; margin-bottom: 10px; }

#cleaningMenu {
	position: relative;
	z-index:10;
	width:100%; 
	display:none;
}
#cleaningMenu div.jqDockWrap {margin:0 auto;}
#cleaningMenu img {padding:0 10px;}