body{
		background: #DBD6B9;
		margin: 0;
		padding: 0;
		font-family: Georgia, sans-serif;
		font-size: 12px;
	}
	h1, h2{
		font-weight: normal;
		margin: 0;
		padding: 0;
	}
	a, a:hover, a:active, a:visited{
		color:#000;
		text-decoration: none;
	}
	
	#header h1 a{
		position:absolute;
		width: 153px;
		height: 95px;
		z-index: 20;
		top: 52px; 
		margin-left: 34px;
		text-indent: -9999px;

	}
	#wrapper{
		width: 1024px;
		margin: 0 auto;
		padding-top: 25px;
	}
	#header{
		width:1024px;
		height:156px;
		margin-bottom: 7px;
	}
	#content{
		background: #C0DDDD;
		width:1000px;
		margin-left: 10px;
	}
	#footer{
		background:url('/media/images/hain/homepage_03.png') no-repeat;
		width:1024px;
		height:88px;
		color: #FFF;
		padding-top: 15px;
		padding-left: 35px;
		font-family: Arial, sans-serif;
		
	}
	#footer.french{
		background:url('/media/images/hain/homepage_03_fr.png') no-repeat;
	}
	#footer a{
		font-family: Arial, sans-serif;
		font-weight: bolder;
		color: #FFF;
	}
	#navigation{
		position: absolute;
		background: transparent;
		width: 348px;
		height: 53px;
		top: 150px;
		margin-left: 30px;
		z-index: 419;
		cursor: pointer;
		overflow: hidden;
	}
	
	#productWrapper{
		width: 854px;
		margin: 0 auto;
		
	}
	#productTop{
		background:url('/media/images/hain/product_top.png') no-repeat;
		width: 854px;
		height: 54px;
		text-transform: uppercase;
		font-size: 20px;
	}
	#productMid{
		background: #D8E2E4;
		width: 830px;
		height: 320px;
		margin-left: 12px;
		display: none;
	}
	#productBottom{
		background:url('/media/images/hain/product_bottom.png') no-repeat;
		width: 854px;
		height: 54px;
	}
	#teir1{
		float: left;
		background: #FFF url('/media/images/hain/teir1.png') no-repeat; /*Mmmmm rounded*/
		width: 230px;
		height: 293px;
		margin: 10px 5px 10px 10px; /*T R B L*/
		text-transform: uppercase;
		padding: 5px 5px 5px 5px;
		line-height: 25px;
		display: none;
		overflow: auto;
	}
	#teir2{
		float: left;
		background: #FFF url('/media/images/hain/teir2.png') no-repeat; /*Mmmmm rounded*/
		/* width: 300px; */
        width: 290px;
		height: 293px;
		margin: 10px 5px 10px 5px; /*T R B L*/
		text-transform: uppercase;
		padding: 5px 5px 5px 5px;
		line-height: 25px;
		display: none;
		overflow: auto;
	}
    #teir2 strong { font-size: 16px; }
    #teir2 ul { padding: 0 0 0 15px; margin: 0; list-style-type: none; }
    #teir2 ul li { 
        padding: 3px 0 3px 10px; 
        margin: 0; 
        background: url(/media/images/hain/bullet_product.jpg) no-repeat 0 8px;
        line-height: 18px;
    }
	#teir3{
		float: left;
		background: transparent;
		width: 225px;
		height: 290px;
		margin: 10px 5px 10px 5px; /*T R B L*/
		padding: 5px 5px 5px 5px;
		line-height: 25px;
		display: none;
        font-size: 11px;
	}
	#teir3bg{
		background: transparent url('/media/images/hain/teir3.png') no-repeat; /*Mmmmm rounded*/
		width:225px;
		height: 220px;
	}
	#popOverlay{
		background: #595959;
		border: #FFF solid 2px;
		color: #FFF;
		position: absolute;
		z-index: 420;
		top: -300px; /* I know this is display:none, but just in case*/
		left: -300px;
		width: 300px;
		height: 300px;
		overflow: auto;
		display: none;
		padding: 15px;
	}
	#popHead{
		font-size: 18px;
		font-weight: bolder;
		width: 210px;
	}
	#popClose{
		color: #999;
		font-size: 9px;
		cursor: pointer;
		width: 80px;
	}
	#popBody{
		overflow: auto;
	}
	.qmark, .sortBy{
		cursor: pointer;
	}
img, #navImage { behavior: url(/media/images/iepngfix.htc) }