.H3 { font-style: normal; font-weight: normal; font-size: 10px; line-height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif }
.H2       { font-style: normal; font-weight: normal; font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif ; text-align: left; }
.H1 { font-style: normal; font-weight: normal; font-size: 13px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif }
.link  { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif }
A         { color: #4f2683; text-decoration: none }
A:hover    { text-decoration: underline }
A:active { text-decoration: underline }
body   { background-color: #e1d9e9; background-position: 0 0; margin: 0; list-style-image: url(media-new/general/bullet-purple.png); }
strong { font-weight: bold; }

	div.hr {
		background-image: url(images/hr-bg.gif);
		background-position: middle;
		background-repeat: repeat-x;
		height: 3px;
		margin-top: 10px;
		margin-bottom: 10px;
		width: 620px;
		border: 0;
		clear: both;
		}
	
	img#buy-button {
		float: right;
		margin-right: 21px;
		}

	div#page-header {
		width: 978px;
		height: 187px;
		background-image: url(images/header-bg.gif);
		background-repeat: no-repeat;
		text-align: left;
		}
		
		div#page-header img#page-logo {
			float: left;
			margin-top: 36px;
			margin-left: 41px;
			}
			
		div#page-navigation {
			float: left;
			height: 98px;
			margin-top: 36px;
			margin-left: 70px;
			}
	
		ul#primary-navigation {
			height: 18px;
			}
			
			ul#primary-navigation li {
				float: left;
				margin-right: 10px;
				}
				
				ul#primary-navigation li a {
					display: block;
					line-height: 18px;
					font-family: Arial, Helvetica, sans-serif;
					text-decoration: none;
					color: #828282;
					font-size: 17px;
					font-weight: bolder;
					text-transform: lowercase;
					}
					
				ul#primary-navigation li a, ul#secondary-navigation li a, ul#tertiary-navigation li a {
					/* hide text, show bg images */
    				padding-top: 18px;
    				overflow: hidden;
    				background-repeat: no-repeat;
					/* fix for old ie versions */
    				height: 0px !important;
    				height /**/:18px;
					}
					
					/* Primary Navigation */
								
					ul#primary-navigation li a#ni-home { background-image: url(images/navigation/home.gif); width: 58px; }
					ul#primary-navigation li a#ni-home:hover, ul#primary-navigation a#ni-home.selected { background-image: url(images/navigation/home-on.gif); }
					
					ul#primary-navigation li a#ni-drinks { background-image: url(images/navigation/drinks.gif); width: 61px; }
					ul#primary-navigation li a#ni-drinks:hover, ul#primary-navigation li a#ni-drinks.selected { background-image: url(images/navigation/drinks-on.gif); }
					
					ul#primary-navigation li a#ni-tips { background-image: url(images/navigation/tips.gif); width: 43px; }
					ul#primary-navigation li a#ni-tips:hover, ul#primary-navigation li a#ni-tips.selected { background-image: url(images/navigation/tips-on.gif); }
					
					ul#primary-navigation li a#ni-blog { background-image: url(images/navigation/blog.gif); width: 48px; }
					ul#primary-navigation li a#ni-blog:hover, ul#primary-navigation li a#ni-blog.selected { background-image: url(images/navigation/blog-on.gif); }
					
					ul#primary-navigation li a#ni-together { background-image: url(images/navigation/together.gif); width: 79px; }
					ul#primary-navigation li a#ni-together:hover, ul#primary-navigation li a#ni-together.selected { background-image: url(images/navigation/together-on.gif); }
					
					ul#primary-navigation li a#ni-news { background-image: url(images/navigation/news.gif); width: 55px; }
					ul#primary-navigation li a#ni-news:hover, ul#primary-navigation li a#ni-news.selected { background-image: url(images/navigation/news-on.gif); }
					
					ul#primary-navigation li a#ni-where { background-image: url(images/navigation/wheretobuy.gif); width: 43px; }
					ul#primary-navigation li a#ni-where:hover, ul#primary-navigation li a#ni-where.selected { background-image: url(images/navigation/wheretobuy-on.gif); }
					
					ul#primary-navigation li a#ni-faqs { background-image: url(images/navigation/faq.gif); width: 48px; }
					ul#primary-navigation li a#ni-faqs:hover, ul#primary-navigation li a#ni-faqs.selected { background-image: url(images/navigation/faq-on.gif); }
					
					ul#primary-navigation li a#ni-contact { background-image: url(images/navigation/contact.gif); width: 56px; }
					ul#primary-navigation li a#ni-contact:hover, ul#primary-navigation li a#ni-contact.selected { background-image: url(images/navigation/contact-on.gif); }
					
					ul#primary-navigation li a:hover, ul#secondary-navigation li a:hover, ul#tertiary-navigation li a:hover,
					ul#primary-navigation li a.selected, ul#secondary-navigation li a.selected, ul#tertiary-navigation li a.selected {
						color: #4f2687;
						}
					
					ul#primary-navigation li.last, ul#secondary-navigation li.last, ul#tertiary-navigation li.last {
						background-image: none;
						}
		
		ul#secondary-navigation, ul#tertiary-navigation {
			height: 18px;
			}
			
			ul#secondary-navigation li, ul#tertiary-navigation li {
				float: left;
				margin-right: 10px;
				}
				
				ul#secondary-navigation li a, ul#tertiary-navigation li a {
					display: block;
					line-height: 18px;
					font-family: Arial, Helvetica, sans-serif;
					text-decoration: none;
					color: #b6b1bc;
					font-size: 15px;
					font-weight: bolder;
					text-transform: lowercase;
					}
					
					/* Secondary Navigation */
					
					ul#secondary-navigation li a#ni-blog2 { background-image: url(images/navigation/blog2.gif); width: 44px; }
					ul#secondary-navigation li a#ni-blog2:hover, ul#secondary-navigation li a#ni-blog2.selected { background-image: url(images/navigation/blog2-on.gif); }
					
					ul#secondary-navigation li a#ni-expert-tips { background-image: url(images/navigation/expert-tips.gif); width: 83px; }
					ul#secondary-navigation li a#ni-expert-tips:hover, ul#secondary-navigation li a#ni-expert-tips.selected { background-image: url(images/navigation/expert-tips-on.gif); }
					
					ul#secondary-navigation li a#ni-ask-the-expert { background-image: url(images/navigation/ask-the-expert.gif); width: 94px; }
					ul#secondary-navigation li a#ni-ask-the-expert:hover, ul#secondary-navigation li a#ni-ask-the-expert.selected { background-image: url(images/navigation/ask-the-expert-on.gif); }

					ul#secondary-navigation li a#ni-order-online { background-image: url(images/navigation/order-online.gif); width: 92px; }
					ul#secondary-navigation li a#ni-order-online:hover, ul#secondary-navigation li a#ni-order-online.selected { background-image: url(images/navigation/order-online-on.gif); }
					
					ul#secondary-navigation li a#ni-where-to-buy { background-image: url(images/navigation/where-to-buy.gif); width: 100px; }
					ul#secondary-navigation li a#ni-where-to-buy:hover, ul#secondary-navigation li a#ni-where-to-buy.selected { background-image: url(images/navigation/where-to-buy-on.gif); }
					
					ul#secondary-navigation li a#ni-become-a-stockist { background-image: url(images/navigation/become-a-stockist.gif); width: 118px; }
					ul#secondary-navigation li a#ni-become-a-stockist:hover, ul#secondary-navigation li a#ni-become-a-stockist.selected { background-image: url(images/navigation/become-a-stockist-on.gif); }

					
					/* Tertiary Navigation */

					ul#tertiary-navigation li a#ni-age-defence,
					ul#secondary-navigation li a#ni-age-defence { background-image: url(images/navigation/age-defence.gif); width: 96px; }
					ul#tertiary-navigation li a#ni-age-defence:hover,
					ul#secondary-navigation li a#ni-age-defence:hover,
					ul#tertiary-navigation li a#ni-age-defence.selected,
					ul#secondary-navigation li a#ni-age-defence.selected { background-image: url(images/navigation/age-defence-on.gif); }
					
					ul#tertiary-navigation li a#ni-detox-digest,
					ul#secondary-navigation li a#ni-detox-digest { background-image: url(images/navigation/detox-digest.gif); width: 94px; }
					ul#tertiary-navigation li a#ni-detox-digest:hover,
					ul#secondary-navigation li a#ni-detox-digest:hover,
					ul#tertiary-navigation li a#ni-detox-digest.selected,
					ul#secondary-navigation li a#ni-detox-digest.selected { background-image: url(images/navigation/detox-digest-on.gif); }
					
					ul#tertiary-navigation li a#ni-natural-energy,
					ul#secondary-navigation li a#ni-natural-energy { background-image: url(images/navigation/natural-energy.gif); width: 97px; }
					ul#tertiary-navigation li a#ni-natural-energy:hover,
					ul#secondary-navigation li a#ni-natural-energy:hover,
					ul#tertiary-navigation li a#ni-natural-energy.selected,
					ul#secondary-navigation li a#ni-natural-energy.selected { background-image: url(images/navigation/natural-energy-on.gif); }
					
					ul#tertiary-navigation li a#ni-what-is-inside { background-image: url(images/navigation/what-is-inside.gif); width: 106px; }
					ul#tertiary-navigation li a#ni-what-is-inside:hover,
					ul#tertiary-navigation li a#ni-what-is-inside.selected { background-image: url(images/navigation/what-is-inside-on.gif); }
					
					ul#tertiary-navigation li a#ni-active-ingredients { background-image: url(images/navigation/active-ingredients.gif); width: 115px; }
					ul#tertiary-navigation li a#ni-active-ingredients:hover,
					ul#tertiary-navigation li a#ni-active-ingredients.selected { background-image: url(images/navigation/active-ingredients-on.gif); }