body 
{
    font-family: Arial, Helvetica, sans-serif;
    margin:0px; background-position:center; background-position:top;
	background-color:#e4f2f8; }

/* Header */
.Header a{text-decoration:none;}
.Header ul,.Header ul li{list-style:none;margin:0px;padding:0px;display:inline;}
.Header .HeaderContent
{
	width:864px;
	height:60px; /* was 97 */
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding:10px 0px 0px 0px;

	background-image:images/bg1.gif; 	background-repeat:no-repeat;
}
.Logo{float:left;text-align:left;}
.Logo img{display:block;position:relative;left:0px;}

/* Navigation */
.Nav
{
	width:864px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:35px;
	z-index:1050;
}
.Nav2
{
	width:864px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	z-index:1051;
	height:25px;
	background-image:url(SpryAssets/nav-bg2.gif); background-repeat:repeat-x;
}
		ul.MenuBarHorizontal
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: 100%;
			cursor: default;
			width: auto;
			background-image: url(SpryAssets/nav-bg.gif);
			background-repeat: repeat-x;
		}
		ul.MenuBarHorizontal2
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: 100%;
			cursor: default;
			width: auto;
			background-image: url(SpryAssets/nav-bg2.gif);
			background-repeat: repeat-x;
		}
		/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
		ul.MenuBarActive
		{
			z-index: 1000;
		}
		/* Menu item containers, position children relative to this container and are a fixed width */
		ul.MenuBarHorizontal li
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: 100%;
			position: relative;
			text-align: center;
			cursor: pointer;
			width: 144px;
			float: left;
		}
		ul.MenuBarHorizontal2 li
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: 90%;
			position: relative;
			text-align: center;
			cursor: pointer;
			width: 123px;
			float: left;
		}
		/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
		ul.MenuBarHorizontal ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: 13px;
			z-index: 1080;
			cursor: default;
			width: 15em;
			position: absolute;
			left: -1000em;
		}
		/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
		ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
		{
			left: auto;
		}
		/* Menu item containers are same fixed width as parent */
		ul.MenuBarHorizontal ul li
		{
			width: 15em;
			text-align: left;
			z-index: 1070;
		}
		/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
		ul.MenuBarHorizontal ul ul
		{
			position: absolute;
			margin-top: 5%;
			margin-right: 0;
			margin-bottom: 0;
			margin-left: 95%;
		}
		/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
		ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
		{
			left: auto;
			top: 0;
		}
		
		/*******************************************************************************
		
		 DESIGN INFORMATION: describes color scheme, borders, fonts
		
		 *******************************************************************************/
		
		/* Submenu containers have borders on all sides */
		ul.MenuBarHorizontal ul
		{
			border: 1px solid #232b31;
		}
		/* Menu items are a light gray block with padding and no text decoration */
		ul.MenuBarHorizontal a
		{
			display: block;
			cursor: pointer;
			padding: 0.5em 0.75em;
			color: #FFF;
			text-decoration: none;
			background-image: url(SpryAssets/nav-bg.gif);
			background-repeat: repeat-x;
		}
		ul.MenuBarHorizontal2 a
		{
			display: block;
			cursor: pointer;
			padding: 0.5em 0.75em;
			color: #FFF;
			text-decoration: none;
		
		}
		/* Menu items that have mouse over or focus have a blue background and white text */
		ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
		{
			background-color: #23507e;
			color: #FFF;
		}
		ul.MenuBarHorizontal2 a:hover, ul.MenuBarHorizontal a:focus
		{
			color: #abdaf4;
			text-decoration:underline;
		}
		/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
		ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
		{
			color: #FFF;
			background-image: url(SpryAssets/nav-bg-over.gif);
		}
		
		/*******************************************************************************
		
		 SUBMENU INDICATION: styles if there is a submenu under a given menu item
		
		 *******************************************************************************/
		
		/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
		ul.MenuBarHorizontal a.MenuBarItemSubmenu
		{
			background-image: url(SpryAssets/nav-bg.gif);
			background-repeat: repeat-x;
			background-position: 95% 50%;
		}
		/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
		ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
		{
			background-image: url(SpryAssets/nav-bg.gif);
			background-repeat: repeat-x;
			background-position: 95% 50%;
		}
		/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
		ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
		{
			background-image: url(SpryAssets/nav-bg-over.gif);
			background-repeat: repeat-x;
			background-position: 95% 50%;
		}
		/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
		ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
		{
			background-image: url(SpryAssets/nav-bg-over.gif);
			background-repeat: repeat-x;
			background-position: 95% 50%;
		}
		
		/*******************************************************************************
		
		 BROWSER HACKS: the hacks below should not be changed unless you are an expert
		
		 *******************************************************************************/
		
		/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
		ul.MenuBarHorizontal iframe
		{
			position: absolute;
			z-index: 1010;
			filter:alpha(opacity:0.1);
		}
		/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
		@media screen, projection
		{
			ul.MenuBarHorizontal li.MenuBarItemIE
			{
				display: inline;
				f\loat: left;
				background: #FFF;
			}
		}
/* End Navigation */

blockquote { font:Arial, Helvetica, sans-serif; }
img{border:0px;}
hr{border-color:#e6e6e6;color:#e6e6e6;background-color:#e6e6e6;}

img.featureBot{position:absolute;bottom:-2px;left:0px;}




.facebook { float:right; margin-left:6px; width:152px; }

a#shopping-cart:active, a#shopping-cart:link, a#shopping-cart:visited {
	display: block;
	background-image:url(images/cart-button.gif); background-repeat:no-repeat;
	display: block;
	height: 30px;
	width:149px;
	float:right;
	}
a#shopping-cart:hover {
	display: block;
	background-image:url(images/cart-button-over.gif); background-repeat:no-repeat;
	display: block;
	height: 30px;
	width:149px;
	float:right;
	}

.MainContainer
{
	width:864px;
	text-align:left;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-color:#02a3c9;
    /*min-height:450px;*/
}
.MainContent
{
	/*padding:30px;*/
    text-align:left;
	padding:20px;
	height: auto;
}
.MainContent h1
{
    font-size:18px;
    color:#149c13;
    margin:0px 0px 5px 0px;
}
.MainContent p, .MainContent td, .MainContent input, .MainContent li
{ font-size:13px; font-family:Verdana; }
.MainContent p{margin-top:0px;}
.MainContent a{color:#0046ad; text-decoration:none;}
.MainContent a:hover{text-decoration:underline;}
.MainContent ul{list-style:none;}

#MainFeatureHome{width:834px; background-image:url(images/home-bg2.gif);position:relative;height:527px;float: left;}
#MainFeatureHome h1{color:#0046ad;}

#MainFeatureGroomer{width:834px; background-color:#FFF; position:relative;height:550px;float: left;}
#MainFeatureGroomer h1{color:#0046ad;}
#MainFeatureGroomer h2{color:#159e14;font-size: 16px;text-align: center;}

#MainFeature{width:834px; background-color:#FFF; position:relative;height:507px;float: left;}
#MainFeature h1, #MainFeature2 h1 {color:#0046ad; font-size:20px; font:Arial, Helvetica, sans-serif;}
#MainFeature h2{color:#0046ad; font-size:16px; font:Arial, Helvetica, sans-serif;}
#MainFeature h3{color:#159e14;font-size: 16px;text-align: center;}

#MainFeature2 {	width:834px;background:#b8e1f7;height:auto;}

#easywash{	background:url('images/easywash.jpg');background-repeat:no-repeat;	height: 552px;	float: right;width: 265px;background-position:top right;padding:0px 0px 10px 10px;}

.newspage {margin:115px 20px 0px 0px; background-color:#e9eaec; width:325px; float:right; padding-left:10px;} 

.subHeader
{
    height:100px;
    background:url('images/subHead_bg.png') repeat-x;
    position:relative;
}
.subHeader h1
{
    color:#fff;
    position:absolute;
    top:0px;
    left:0px;
    text-transform:uppercase;
    font-size:36px;
    display:block;
    margin:30px;
}
.subHeader img { float:right; }
.homeGroomer { width:814px; background-color:#abdaf4; margin-left:auto; margin-right:auto; position:relative; height:255px; padding:10px;}
.homeGroomer h1{color:#0046ad; text-align:left;}



/* Controls the random quote generator */
.quote{
	width:834px;
	height:auto;
	float:left;
	background:#1b4877;
}
.quotes{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-align:center;
}


/* SubFeatures */
    #subFeature1,#subFeature2{width:394px;height:190px;float:left;position:relative; padding:9px;}
    #subFeature1{background:#1b4877;margin-right:9px;}
    #subFeature2{background:#1b4877;}
	#subFeature1 a:active, #subFeature1 a:visited, #subFeature1 a:link, #subFeature1 a, #subFeature1 a:hover
	#subFeature2 a:active, #subFeature2 a:visited, #subFeature2 a:link, #subFeature2 a, #subFeature2 a:hover
	{ color:#2ed72d; }




/* Controls the Footer */
.Footer
{
	width:864px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	color:#000;
	margin-top:0px;
	margin-bottom:10px;
	font-size:13px;
	background-color:#02a3c9;
}

.Footer a, .Footer a:active, .Footer a:link, .Footer a:visited {color:#000; font-size:13px; padding:0px 10px 0px 5px; text-decoration:none;}
.Footer a:hover{color:#abdaf4; font-size:13px; padding:0px 10px 0px 5px; text-decoration:underline;}


/* Other */
.quoter { font:Arial, Helvetica, sans-serif; font-size:14px; color:#159e14; }
.health a:active, .health a:visited, .health a:link { font:Arial, Helvetica, sans-serif; font-size:16px; color:#060; }
.health2 a:active, .health2 a:visited, .health2 a:link { font:Arial, Helvetica, sans-serif; font-size:14px; color:#060; }
.affiliate { font:Arial, Helvetica, sans-serif; color:#006; font-size:18px; }
.contact { font:Arial, Helvetica, sans-serif; color:#006; font-size:22px; }