/*-------------------------------------------*/
	/*     aroma borealis master css
	/*     april 25 2008
/*-------------------------------------------*/


/*--------------------------------------*/
	/*     global bits
/*--------------------------------------*/

body {
	font: normal 12px/18px Verdana, Arial, sans-serif;
	color: #333;
	text-align: left;
	margin: 0;
	padding: 0;
	background: #FFF;
	}

a img {
	display: block;
	border: none;
	}
	
a:link, a:visited { 
	color: #09357A;
	text-decoration: underline;
	outline: none;
	}
	
a:hover, a:active { 
	color: #911101;
	text-decoration: none;
	}
	
#logo {
	position: absolute;
	width: 167px;
	height: 73px;
	top: 21px;
	left: 35px;
	}
	
.error {
	font: normal 12px/18px Verdana, Arial, sans-serif;
	color: #CC0000;
	}

.priceSpecial {
	color: #CC0000;
	}
	
		/*-------------in-body image placement-------------*/	
	
		.imgright {
			float: right;
			margin: 0 0 0 20px;
			padding: 5px 0 15px 15px;
			}
			
		.imgleft {
			float: left;
			margin-right: 15px;
			margin-top: 4px;
			}
			
		.imgtop {
			margin-top: 25px;
			}
	
		
/*--------------------------------------*/
	/*     global nav bits
/*--------------------------------------*/

#glbheader {
	position: absolute;
	top: 0px;
	right: 0;
	background: url("../images/global/head_flowersbg.jpg") no-repeat 0 0;
	width: 519px;
	height: 113px;
	z-index: 1;
	}
	
#undstroke {
	position: absolute;
	top: 116px;
	right: 21px;
	background: url('../images/global/nav_undstroke.gif') 0 repeat-x;
	width: 96%;
	height: 5px;
	}
	
#global-menu {
	position: absolute;
	top: 83px;
	right: 200px;
	margin: 0;
	padding: 0;
	z-index: 4;
	font-weight: bold;
	list-style: none;
	font-size: 11px;
	}
	
	#global-menu li {
		margin-right: 15px;
		float: left;
		}
	
	#global-menu a:link, #global-menu a:visited, #global-menu a:active {		
		color: #09357A;
		text-decoration: underline;
		}
	
	#global-menu a:hover {
		color: #911101;
		text-decoration: none;
		}

#glbnav {
	position: absolute;
	top: 81px;
	right: 180px;
	width: 380px;
	height: 21px;
	margin: 0;
	padding: 0;
	z-index: 4;
	display: none;
	}
	
#glbnav li {
	display: inline;
	list-style: none;
	float: left; /*IE 6 Win bug*/
	margin: 0;
	}

		/*-------------about-------------*/	
			
		#n-about a {
			display: block;
			margin: 0 20px  0 0;
			padding: 12px 0;
			width: 43px;
			background: url("../images/global/nav_about.gif") no-repeat;
			}
			
		#n-about a:hover {
			background-position: -43px 0;
			}
			
			
		/*-------------contact-------------*/	
			
		#n-contact a {
			display: block;
			margin: 0 20px  0 0;
			padding: 12px 0;
			width: 51px;
			background: url("../images/global/nav_contact.gif") no-repeat;
			}
			
		#n-contact a:hover {
			background-position: -51px 0;
			}
			
		/*-------------newsletter-------------*/	
			
		#n-newsletter a {
			display: block;
			margin: 0 20px  0 0;
			padding: 12px 0;
			width: 53px;
			background: url("../images/global/nav_newsletter.gif") no-repeat;
			}
			
		#n-newsletter a:hover {
			background-position: -53px 0;
			}
			
		/*-------------help-------------*/	
			
		#n-help a {
			display: block;
			margin: 0 20px  0 0;
			padding: 12px 0;
			width: 25px;
			background: url("../images/global/nav_help.gif") no-repeat;
			}
			
		#n-help a:hover {
			background-position: -25px 0;
			}
			
		/*-------------shopping basket-------------*/	
			
		#n-basket a {
			display: block;
			margin: 0;
			padding: 12px 0;
			width: 100px;
			background: url("../images/global/nav_basket.gif") no-repeat;
			}
			
		#n-basket a:hover {
			background-position: -100px 0;
			}


/*--------------------------------------*/
	/*     search box bits
/*--------------------------------------*/
	
#searchbox {
	position: absolute;
	top: 81px;
	right: 0;
	width: 200px;
	z-index: 1;
	}


/*--------------------------------------*/
	/*     wholesale customer login
/*--------------------------------------*/
	
#wclogin {
	position: absolute;
	top: 34px;
	right: 54px;
	width: 123px;
	height: 17px;
	margin: 0;
	padding: 0;
	z-index: 4;
	}
	
#wclogin li {
	display: inline;
	list-style: none;
	float: left; /*IE 6 Win bug*/
	margin: 0;
	}

		/*-------------login functions-------------*/	
			
		#wclogin a {
			display: block;
			margin: 0;
			padding: 12px 0;
			width: 123px;
			background: url("../images/global/head_wclogin.gif") no-repeat;
			}
			
		#wclogin a:hover {
			background-position: -123px 0;
			}

		#loggedin {
			font: normal 10px/18px Verdana, Arial, sans-serif;
			position: absolute;
			top: 140px;
			right: 54px;
			margin: 0;
			padding: 0;
			z-index: 4;
			}
			
		#loggedin a, #loggedin a:hover {
			font: normal 9px/18px Verdana, Arial, sans-serif;
			}
	

/*--------------------------------------*/
	/*     global subnav bits
/*--------------------------------------*/

.subnav {
	position: absolute;
	top: 148px;
	left: 28px;
	width: 170px;
	margin: 0;
	padding: 0;
	}
	
.subnav li {
	list-style: none;
	color: #999;
	font: normal 12px/18px Verdana, Arial, sans-serif;
	}
	
.subnav a:link, .subnav a:visited, .subnav a:active { 
	color: #09357A;
	text-decoration: underline;
	}
	
.subnav a:hover { 
	color: #911101;
	text-decoration: none;
	}
	
.subundstroke {
	background: url("../images/global/sub_undstroke.gif") no-repeat;
	margin-top: -5px;
	padding: 0;
	width: 127px;
	height: 17px;
	}
	
.ltimg {
	margin-top: 800px;
	_margin-top: 840px;
	}


		/*-------------skincare-------------*/	
			
		#n-skincare a {
			display: block;
			margin: 0;
			padding: 7px 0 0 0;
			width: 54px;
			height: 15px;
			background: url("../images/global/sub_skincare.gif") no-repeat;
			}
			
		#n-skincare a:hover {
			background-position: -54px 0;
			}
			
		/*-------------aromatherapy-------------*/	
		
		#n-aromatherapy a {
			display: block;
			margin: 20px 0 0 0;
			padding: 7px 0 0 0;
			width: 85px;
			height: 18px;
			background: url("../images/global/sub_aromatherapy.gif") no-repeat;	
			}
			
		#n-aromatherapy a:hover {
			background-position: -85px 0;
			}
			
			
		/*-------------herbal tea-------------*/	
			
		#n-herbaltea img, #n-herbaltea a {
			width: 66px;
			height: 15px;
			}
			
		#n-herbaltea a {
			display: block;
			margin: 20px 0 0 0;
			padding: 7px 0 0 0;
			width: 66px;
			height: 15px;
			background: url("../images/global/sub_herbaltea.gif") no-repeat;
			}
			
		#n-herbaltea a:hover {
			background-position: -66px 0;
			}
		
			
		/*-------------by product line-------------*/	
			
		#n-byproductline a {
			display: block;
			margin: 20px 0 0 0;
			padding: 7px 0 0 0;
			width: 93px;
			height: 19px;
			background: url("../images/global/sub_byproductline.gif") no-repeat;
			}
			
		#n-byproductline a:hover {
			background-position: -93px 0;
			}
		
			
		/*-------------subscribe to newsletter-------------*/	
			
		#n-subnewsletter a {
			display: block;
			margin: 20px 0 0 0;
			padding: 7px 0 0 0;
			width: 71px;
			height: 37px;
			background: url("../images/global/sub_subnewsletter.gif") no-repeat;
			}
			
		#n-subnewsletter a:hover {
			background-position: -71px 0;
			}
			

/*--------------------------------------*/
	/*     sub-page product nav bits
/*--------------------------------------*/

.catnav {
	margin: 0;
	_margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	width: 170px;
	}
	
.catnav li {
	list-style: none;
	margin-left: 10px;
	padding: 0;
	line-height: 18px;
	}
	
	
/*--------------------------------------*/
	/*     homepage bits
/*--------------------------------------*/

#homepage-wrap {
	position: absolute;
	top: 170px;
	left: 34%;
	}

	#hmpgtext {
		margin: 0 30px 0 0;
		}
	
		.introphoto {
			width: 506px;
			height: 216px;
			}
	
		#hmpgtext h1 {
			font: normal 12px/18px Verdana, Arial, sans-serif;
			color: #333;
			padding-right: 20px;
			}
	
		#hmpgtext h3 {
			font: 600 14px/18px Verdana, Arial, sans-serif;
			color: #911101;
			margin: 10px 0 15px 0;
			padding-right: 20px;
			}
		
	#announcement {
		margin: 0 30px 10px 0;
		}
		
		.left {
			float: left;
			margin: 0 15px 10px 0;
			}
	
	#hmpgfeatured {
		padding: 5px 0 0 0;
		clear: both;
		}
	
		#hmpgfeatured h3 {
			font: 600 14px/18px Verdana, Arial, sans-serif;
			color: #911101;
			margin-bottom: -10px;
			padding-right: 20px;
			}
	

/*--------------------------------------*/
	/*     global product catalogue bits
/*--------------------------------------*/

#featured {
	position: absolute;
	left: 34%;
	top: 470px;
	}
	
#featured h3 {
	font: 600 14px/18px Verdana, Arial, sans-serif;
	color: #911101;
	margin: 40px 0 -10px 0;
	padding-right: 20px;
	}
	
		/*-------------individual products-------------*/	
		
		.product {
			margin-top: 20px;
			_margin-top: 40px;
			padding: 0 20px 0 0;
			width: 137px;
			float: left;
			height: 240px;
			}
			
		.product a {
			background: url("../images/products/cat_prod_bg.gif") no-repeat;
			display: block;
			margin: 0;
			padding: 8px 0;
			}
			
		.product img {
			margin: 0 auto;
			}
			
		.product a:hover {
			background-position: -137px 0;
			}
		
		.product a:link li, .product a:visited li {
			text-decoration: underline;
			display: block;
			}
			
		.product a:link span, .product a:visited span {
			text-decoration: underline;
			display: block;
			margin-top: 20px;
			}
			
		.product a:hover li, .product a:active li {
			text-decoration: none;
			display: block;
			}
			
		.product a:hover span, .product a:active span {
			text-decoration: none;
			display: block;
			margin-top: 20px;
			}
			
		.product ul {
			margin: 20px 0 0 5px;
			padding: 0;
			list-style: none;
			}
			
		.prodtitle {
			font-weight: bold;
			}


/*--------------------------------------*/
	/*     sub-page text bits
/*--------------------------------------*/

		/*-------------breadcrumbs-------------*/	
		
		#breadcrumb {
			position: absolute;
			top: 140px;
			left: 220px;
			margin: 0;
			padding: 0;
			list-style: none;
			}
			
		#breadcrumb li {
			list-style: none;
			display: inline;
			margin: 0;
			padding: 0;
			color: #333;
			font: normal 11px/16px Verdana, Arial, sans-serif;
			}
			
		#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active { 
			color: #09357A;
			}
			
		#breadcrumb a:hover { 
			color: #911101;
			}

		/*-------------general page text-------------*/

		#pgtext {
			position: absolute;
			top: 160px;
			_top: 170px;
			left: 220px;
			margin: 0 0 20px 0;
			padding: 0 50px 30px 0;
			z-index: 2;
			}
			
		#pgtext h1 {
			font: 600 16px/18px Verdana, Arial, sans-serif;
			color: #911101;
			_margin: 0 0 -10px 0;
			}
			
		#pgtext h2 {
			font: normal 12px/18px Verdana, Arial, sans-serif;
			color: #333;
			}
			
		#pgtext h3 {
			font: 600 14px/18px Verdana, Arial, sans-serif;
			color: #911101;
			margin-top: 20px;
			}
			
		#pgtext span {
			font: normal 12px/18px Verdana, Arial, sans-serif;
			text-align: center;
			}
			
		#subpages {
			margin: 10px 0;
			width: 100%;
			_margin: 20px 0 0 0;
			padding: 10px 15px;
			list-style: none;
			background: #F1F5FB;
			border: 1px solid #CED7E4;
			}
			
		#subpages li {
			margin: 0;
			padding: 0 15px 0 0;
			display: inline;
			}
			
		/*-------------for product pages with descriptions-------------*/
	
		.pgcontent {
			padding-top: 10px;
			margin: 0 0 0 164px;
			_margin: 20px 0 0 164px;
			z-index: 1;
			}
			
		.pgcontent ul {
			margin: 20px 0;
			padding: 0;
			}
			
		.pgcontent li {
			list-style: none;
			margin: 0;
			padding: 0;
			}
			
		/*-------------recommended product links-------------*/
	
		#recommend {
			position: relative;
			top:40px;
			left: 0px;
			clear: both;
			}
			
		#alsorecommend {
			background: url("../images/global/title_alsorecommend.gif") no-repeat;
			width: 159px;
			height: 17px;
			_margin-bottom: 30px;
			}
			
		#catalogue {
			position: absolute;
			left: 220px;
			top: 240px;
			}
			
		/*-------------contact us box and bits-------------*/

		.contact {
			float: right;
			margin: 5px 15px 0 60px;
			_margin: 20px 15px 0 60px;
			background: #F1F5FB;
			border: 1px solid #CED7E4;
			padding: 10px 20px;
			width: 220px;
			}
			
		.contact .fullwidth input {
			width: 200px;
			}
			
		.contact .fieldset {
			padding: 4px;
			margin-bottom: 0.2em;
			}
			
		.contact .fieldset, .contact .label {
			font: normal 12px/16px Verdana, Arial, sans-serif;
			color: #333;
			}
	
		/*-------------site map-------------*/
			
		#sitemap {
			font: normal 12px Verdana, Arial, sans-serif;
			padding: 4px 0 4px 40px;
			}
			
		#sitemap li {
			list-style: none;
			margin: 14px 0 0 0;
			}
	
	
/*--------------------------------------*/
	/*    shopping basket bits
/*--------------------------------------*/	

		/*-------------the basket itself-------------*/

		.basket {
			background: #F1F5FB;
			border: 1px solid #CED7E4;
			padding: 10px 20px 10px 20px;
			_margin-top: 30px;
			z-index: 2;
			}
			
		.basket td {
			padding: 0 10px 10px 0;
			}
			
		.tight td {
			padding: 0;
			}
			
		.center {
			text-align: center;
			}
		
		.update {
			padding: 0 15px;
			}
			
		.basket ul {
			margin: 0;
			padding: 5px 0 20px 0;
			clear: all;
			}
			
		.basket li {
			margin: 10px 0 0 0;
			padding-right: 7px;
			list-style: none;
			}
	
		/*-------------global list setting with no bullets-------------*/	
	
		.flat {
			margin: 0;
			padding: 0;
			list-style: none;
			}
			
		.flat li {
			margin: 0;
			padding-right: 15px;
			display: inline;
			}
			
		/*-------------checkout process, includes billing and shipping-------------*/

		.billing {
			position: absolute;
			background: #F1F5FB;
			border: 1px solid #CED7E4;
			padding: 0 20px 10px 20px;
			margin: 20px 0 0 0;
			_margin: 30px 0 0 0;
			width: 220px;
			float: left;
			}
			
		.shipping {
			position: absolute;
			margin: 20px 0 0 280px;
			_margin: 30px 0 0 280px;
			background: #FFF;
			border: 1px solid #CED7E4;
			padding: 0 20px 10px 20px;
			width: 220px;
			}
			
		.billing .fullwidth input, .shipping .fullwidth input, .billing .fullwidth select, .shipping .fullwidth select {
			width: 200px;
			}
			
		.billing .fieldset, .shipping .fieldset {
			padding: 4px;
			margin-bottom: 0.2em;
			}
			
		.billing .fieldset {
			font: normal 12px/16px Verdana, Arial, sans-serif;
			color: #333;
			}
			
		.billing label, .shipping label {
			font-size: 12px;
			font-weight: 600;
			}
	
		input.zipinput {
			width: 160px;
			}
			
		#sameaddress div { 
			background: #F1F5FB;
			border: 1px solid #CED7E4;
			position: relative;
			padding: 3px;
			margin-bottom: 5px;
			}
			
		#sameaddress p {
			_margin: 0;
			}
			
				/*-------------next steps including continue in checkout process-------------*/
			
				.continue {
					position: absolute;
					background: #F1F5FB;
					border: 1px solid #CED7E4;
					margin: 760px 0 0 0;
					_margin: 810px 0 0 0;
					padding: 10px 20px 20px 10px;
					width: 510px;
					}
					
				.continue p {
					margin: 5px;
					}
					
				.process {
					background: #F1F5FB;
					border: 1px solid #CED7E4;
					margin-top: 10px;
					_margin-top: 20px;
					padding: 10px 20px 20px 10px;
					}
					
				.process p {
					margin: 5px;
					}
					
				.process li {
					list-style: none;
					}
			
				/*-------------next steps including credit card payment information-------------*/
			
				.payment {
					margin-top: 20px;
					background: #FFF;
					border: 1px solid #CED7E4;
					padding: 10px 20px 20px 10px;
					}
					
				.payment .fieldset .note {
					font-size: 10px;
					color: #666;
					}
					
				.payment .normallabel label {
					padding: 0;
					display: inline;
					}
					
				.payment .cctype {
					padding: 0.2em 0 0.1em 0;
					}
					
				#paymentform {
					clear: both;
					padding-top: 1em;
					}
					
				#paymentmethod {
					float: left;
					width: 170px;
					}
					
				#paymentmethod img {
					margin-top: 10px;
					}
				
				#paymentinfo {
					float: left;
					width: 215px;
					margin: 0 15px 0 15px;
					}

				/*-------------next steps including order confirmation page-------------*/
	
				.flex {
					background: #FFF;
					border: 1px solid #CED7E4;
					padding: 10px 20px 10px 20px;
					_margin-top: 30px;
					z-index: 2;
					}
					
				.flex td {
					width: 1%;
					}

	
/*--------------------------------------*/
	/*     footer bits
/*--------------------------------------*/

.footer {
	position: absolute;
	margin: 0;
	padding: 20px 51px 20px 0;
	list-style: none;
	}
	
.footer li {
	list-style: none;
	margin: 0;
	padding-left: 20px;
	}