* {
	margin:0;
	padding:0;
	font-family:arial,verdana,helvetica,sans-serif;
	color:#888888;
}

/*  Centre the #content div horizontally */
html {  }
body { 
	font-size:75%;    /* ~12px */ 
	text-align:center; /* center content in IE */ 
}

#content-wrapper {
	width:960px;
    min-width:960px; 
    margin-top:50px;
    margin-left:auto;  /* centre page in non-IE */
    margin-right:auto;
	text-align:left;
    background:#FFF url('/images/left-right-borders.gif') repeat-y;
	position:relative;
	padding:70px 50px 59px 50px;
	border:0px solid #FFF;
}	

* html #content-wrapper {
	width:1060px;
    min-width:1060px; 
}

#content {
	position:relative;
	width:960px;
/*	margin:60px 50px 40px 50px; */
	border:1px solid #FFF;
}

#top-border, #bottom-border { 
	width:1060px; 
	position:absolute; 
	left:0px;     
	background-color:#FFF;
	background-repeat:no-repeat;
}

#top-border {  
	height:22px;
	top:0px;
	background-position:3px 0;
	background-image:url('/images/top-border.gif');
}

#bottom-border {  
	height:20px;
	bottom:-1px; /* for IE */
	background-position:3px 0;
    background-image:url('/images/bottom-border.gif');
}

#footer { 
	position:absolute;
	font-size:11px;
	bottom:-30px;
	left:17px;
	width:1020px;
	height:30px;
	text-align:right;
}
#footer a { margin-left:10px; text-decoration:none; }
#logo { 
	width:180px;
	height:51px;
	position:absolute;
	top:0;
	left:0;
    background:#FFF url('/images/100-percent-pure-herbs-herron-logo.gif') 0 0 no-repeat;
}
#logo a { display:block; height:51px; }
#menu {  
	width:131px;
	height:179px;
	position:absolute;
	top:150px;
	left:10px;
    background:#FFF url('/images/main-menu-sprite.gif') 0 -896px no-repeat;
}
.home #menu { background-position:0 0; }
.extracts #menu { background-position:0 -175px; }
.process #menu { background-position:0 -356px; }
.pledge #menu { background-position:0 -542px; }
.contact #menu { background-position:0 -720px; }

#menu a { 
	display:block;
	width:131px;
	position:absolute;
	left:0px;
}
#menu #link-home { height:19px; top:0;  }
#menu #link-extracts { height:19px; top:38px;  }
#menu #link-process { height:22px; top:78px;  }
#menu #link-pledge { height:24px; top:117px;  }
#menu #link-contact { height:20px; top:155px;  }
#bottle-menu { 
	position:absolute; 
	width:150px;
	height:61px;
	top:450px;
/*	bottom:-28px;  */
	left:0;
	background-color: #fff;
    background-image: url('/images/bottle-nav-sprite.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}

#onlyoz { width:150px; height:139px; position:absolute; top:520px; }
#onlyoz a, #onlyoz a img { text-decoration: none; border: 0; }

body.ginseng #bottle-menu {   background-position:0 -61px; }
body.thistle #bottle-menu {   background-position:0 -122px; }
body.st-johns #bottle-menu {  background-position:0 -183px; }
body.valerian #bottle-menu {  background-position:0 -244px; }
body.cranberry #bottle-menu { background-position:0 -305px; }
body.echinacea #bottle-menu { background-position:0 -366px; }
#bottle-selector.ginseng #bottle-menu {   background-position:0 -61px !important; }
#bottle-selector.thistle #bottle-menu {   background-position:0 -122px !important; }
#bottle-selector.st-johns #bottle-menu {  background-position:0 -183px !important; }
#bottle-selector.valerian #bottle-menu {  background-position:0 -244px !important; }
#bottle-selector.cranberry #bottle-menu { background-position:0 -305px !important; }
#bottle-selector.echinacea #bottle-menu { background-position:0 -366px !important; }
#bottle-menu a { display:block; height:45px; width:25px; border:0px solid #DDD; float:left; }
#bottle-menu a.left { /*margin-left:5px;*/ }
#hero {
	position:absolute; 
	background-color:#FFF;
	background-position:0 0;
	background-repeat:no-repeat;
}

.pledge #hero {  
	width:344px;
	height:230px;
	top:245px;
	left:180px;
	background-image:url('/images/purity-pledge-hero.gif')
}
.process #hero, .site-map #hero, .privacy-policy #hero {  
	width:211px;
	height:447px;
	top:10px;
	left:210px;
	background-image:url('/images/the-process-hero.gif')
}
#home-image {
	width:600px;
	height:219px;
	margin-top:128px;
	margin-bottom:145px;
	margin-left:280px;
    background:#FFF url('/images/100-percent-home.gif') 0 0 no-repeat;
}
* html #home-image { /* IE is not repsecting the margins set above, so... */
	height:400px;
    background-position:0 128px;
}
#home-text {  
	position:absolute; 
	width:277px;
	height:44px;
	bottom:0px;
	left:280px;
    background:#FFF url('/images/100-natural-extract.gif') 0 0 no-repeat;
}
#extracts-image {
	/*width:510px;*/
	width:731px;
	height:262px;
	margin-top:130px;
	margin-bottom:145px;
	/*margin-left:360px;*/
	margin-left:257px;
    background:#FFF url('/images/bottles.png') 0 0 no-repeat;
}
* html #extracts-image { /* IE is not respecting the margins set above, so... */
	height:395px;
    background-position:0 130px;
}
#extracts-image a { display:block; height:260px; width:100px; margin-right:21px; float:left; }
#extracts-image a.left { margin-left:5px; }
* html #extracts-image a { /* for IE */
	position:relative;
	top:130px;
}
#extracts-text {  
	position:absolute; 
	width:613px;
	height:92px;
	bottom:30px;
	left:290px;
    background:#FFF url('/images/product-text.gif') 0 0 no-repeat;
}
#product-image {
	position:absolute; 
	width:240px;
	height:204px;
	top:140px;
	left:230px;
    background-position:0 0;
	background-repeat:no-repeat;
}

#product-text {  
	width:360px;
	margin-top:90px;
	margin-left:540px;
	margin-bottom:40px;
	min-height:450px;
}

* html #product-text {
   padding:90px 0 40px 0;
}
* html .pledge #product-text {
   padding-bottom:140px;
}
* html .site-map #product-text {
   padding-bottom:180px;
}
.ginseng #product-image {  background-image:url('/images/ginseng-withania-hero.gif') }
.thistle #product-image {  background-image:url('/images/milk-thistle-hero.gif') }
.st-johns #product-image {  background-image:url('/images/st-johns-wort-hero.gif') }
.valerian #product-image {  background-image:url('/images/valerian-hero.gif') }
.cranberry #product-image {  background-image:url('/images/cranberry-hero.png') }
.echinacea #product-image {  background-image:url('/images/echinacea-hero.png') }

#page-title {  
	position:absolute; 
	width:420px;
	height:63px;
	top:0px;
	left:530px;
    background-position:0 0;
	background-repeat:no-repeat;
	font-family:'Trebuchet MS','Lucida Sans Unicode','Lucida Grande',Arial,Helvetica,sans-serif;
	font-size:24px;
	font-weight:lighter;
	padding-left:5px;
}
.ginseng #page-title {  background-image:url('/images/geinseng-withania-title.gif') }
.thistle #page-title {  background-image:url('/images/milk-thistle-title.gif') }
.st-johns #page-title {  background-image:url('/images/st-johns-wort-title.gif') }
.valerian #page-title {  background-image:url('/images/valerian-title.gif') }
.cranberry #page-title {  background-image:url('/images/cranberry-title.png') }
.echinacea #page-title {  background-image:url('/images/echinacea-title.png') }
.pledge #page-title {  background-image:url('/images/our-purity-pledge-title.gif') }
.process #page-title {  background-image:url('/images/the-process-title.gif') }
		
#text { 
	min-height:500px; 
	
}

h1 { font-weight:bold; text-transform:uppercase; font-size:15px; margin:0.6em 0; }
h2 { font-weight:normal; color:#000; text-transform:uppercase; font-size:13px; margin:0.5em 0; }
ul { margin:5px 0 15px; list-style-type:none; }
ul li { background-image:url('/images/green-bullet.gif'); background-position:0 3px; background-repeat:no-repeat; padding-left:25px; margin-bottom:5px; }
ol { margin:0 0 15px 30px; }
p { margin-bottom:1.5em; line-height:1.5em; }
blockquote { margin:0 0 15px 25px; }
sup { font-size:8px; }
.clear { clear:both; height:0; line-height:0; visibility: hidden; font-size:px; /* IE hack to make zero height */ }
.text { color:#332401; }