div { }

	html {
		background: #AFAE61;
		color: #333;
		font-size: 62.5%;
		height: 100%;
		margin: 0%;
		padding: 0%;}

	body {
		font-family: helvetica, veranda, arial, sans-serif;
		margin: 0;
		padding: 0;
		text-align: center; }

		a { color: #1C114A}

/*Wrapper - Sorrounds everything*/

	#wrapper { background: #fff; height: 100%; margin: 0 auto; padding: 0 auto; width: 90%;}

/*Top - Contains Heading and Shopping Navigation*/	

	#top {float: left; height: 120px; width: 100%;}

/*Heading*/

	#heading {padding: 1em; text-align: left; }
	h1 { display: none;}
	#heading img { float: left; }
	
	#viewcart {  float: right; }
	
	#logo {width: 166px; height: 94px;}
	
	#slogan { float: right;  height: 30px; margin-top: -30px; }
		#slogan p {color: #1C114A; font-size: 2em; font-style: italic; margin: 0 1em;}
	
/*Shopping Navigation.*/

	#navShop { position: relative; top: -20px; float: right; height: 40px; width: 400px; }
	#navShop ul { float: right; }
	#navShop li  {display: block; float: right; width: 12em;}
			

/*Navigation. - Every Page has Navigation
*	The rules for navigation start here.
*	Heavily inspired by the following articles:
*		http://www.fiftyfoureleven.com/weblog/web-development/css/light-weight-css-tabs
*/
	
	#nav { 	float:left;
		background: #6E7B52;
		font-size:1.5em;
		line-height:normal;
		padding: 0em;
		margin: 0em;
		margin-bottom: 1.5em;
		width: 100%;}		
	#nav ul { list-style-type: none; margin: 0; padding:10px 0 0 10px;}
	#nav li { float: left; padding: 0em; margin-right: 1em;}
	#nav a { float:left; background:#A98FBA; padding:0 0 0 9px; text-decoration:none; color:#000;}	
	#nav span a {float:left; display:block; background:#A98FBA; padding:4px 12px; }
		
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */

/*
*	1. At this point many things are simplified. The hover and background colors are set,
*	and no positions are used because we aren't swapping images
*	2. 'padding-bottom:4px;' on the active span pushes that tab 1px higher than the others,
*	exposing 1px of the background color of #nav and giving the effect of an underline.
*/

#nav #active span a { padding-bottom:4px; }
#nav a:hover, #nav span a:hover { background-color:#D7D6A2; color:#000; } 
#nav #active span a, #nav #active a { background-color:#fff; }

/*Content*/

	#content {
		background: #fff;
		clear: both;
		margin: 0 auto;
		padding: 0 auto;
		width: 100%;
		text-align: left; }

	#content h2 { margin: 0;padding: 0; }
	
/*Right is the main body */

	#right { clear: both; margin: 0 2em 2em; padding: 0; }

	#right p { font-size: 1.2em; line-height: 1.3em; }
	#right table { background: #fff; }
	#right table tr td { }
	#right h2 { font-size: 2em; font-weight: normal; margin: 0; padding: 0; width: 100%;}
	#right h3 {background: #333; color: #A98FBA; display: block; font-size: 1.4em; font-weight: normal; margin: 0px 0px 5px 0px; padding: .5em;}	
	#product h4 {background: #333; color: #A98FBA; display: block; font-size: 1.4em; font-weight: normal; margin: 0px 0px 10px 0px; padding: .5em;color: #fff; }
	
#rightTable {margin: 0; padding: 0; }

#picliner img {width: 190px; }

/*Right Column/Bottom Bar*/

#columnright {clear: both; margin: 0 2em;text-align: left; }
#columnright table {width: 100%; }
#columnright tr td {width: 25%; }
#columnright div { height: 60px;}
#columnright p {font-size: 1.3em; margin: 0; padding: 0; }

#bbarnews, #bbarproduct, #bbarcontact, #bbarconversions {border: .1em solid #333; padding: 1em;}

#bbarnews {margin-right: 1.5em; }
#bbarnews .ontheweb {margin: 0 auto; padding: 0 50px; height:50px; overflow: hidden; }
#bbarnews ul {margin: 0; }
#bbarnews li {height: 15px; }
#bbarnews #shoppingGuide {display: none; }
#bbarnews h2 {font-weight: normal; font-size: 1.5em; }
#bbarnews .more { display: block; margin:0; padding: 0; text-align: right;}

#bbarproduct {background: url(images/MHM602/home/3.jpg) no-repeat top right; margin: 0 1.5em; text-align: right;}
#bbarproduct a {color: #fff; display: block; font-size: 2.5em; font-weight: bold; height: 100%; margin: 0; text-decoration: none; width: 100%;}

#bbarcontact {margin-left: 1.5em; margin-right: 1.5em;   }
#bbarcontact a {background: #1C114A; color: #ccc; display: block; height: 100%; margin: 0; padding: 0;text-decoration: none; width: 100%;}
.p2 {font-size: 2em; font-weight: bold;  }

#bbarconversions {margin-left: 1em;  }
#bbarconversions a {text-decoration: none; font-size: 1.8em; }
#bbarconversions table {width: 100%; padding: 0; }
#bbarconversions img {width: 90px; border: 0px; }

/*Footer*/

#footer {clear: both; height: 20px; margin: 0em;  }



/*CLASSES*/

	.warning { color: red; }

	.bold { font-weight: bold; }
	.actions { text-align: right; }
	.indent { margin-left: 2em; }
	.nolh { line-height: 0; }
	.Pleft {text-align: left; }
	.Pright {text-align: right; }
	.smaller {font-size: smaller}
	.Bigtext {font-size: 2.2em; font-weight: bold;}
	.textcenter {text-align: center;}
	
/*Prodcut - this should be on style-product.css but I could not adjust the settings on the print.css if it was there*/
#printcontent {display: none; }

	#push {clear: both;}
		#push p {display: none;}