/* CSS Document */

/* ------------------------------------------------
	
	Copyright 2009 Trilogy
	Design by Flightless - www.flightless.co.nz 
	
	
	Version 2.0 - 02.06.09 	
	
	

/* CORE STYLES 
--------------------------------------------------- */

body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	color:#666666;
}

h1 {
	margin:0px;
	padding:0px;
}
h2 {
	font-size:18px;
	margin:0px;
	padding:0px;
}

h3 {
	margin:0px;
	padding:0px;
}

p {
	font-size:12px;
}
a, a:link {
	color:#e33264;
	text-decoration:none;
	border:none;
}

a:visited {
}

a:hover {
	text-decoration:underline;
}

a img {
	border:none;
}

ul, li {
	margin:0px;
	padding:0px;
}

button {
	background-repeat:no-repeat;
	border:medium none;
	cursor:pointer;
	line-height:0.1px;
	margin:0;
	padding:0;
	text-indent:-3000px;
	background-position:0px 0px;
	height:27px;
	width:100px;
}

button:hover {
	background-position:0px -27px;
}

a.button:hover {
	background-position:0px -27px;
}

select, input, textarea {
	font-family:Arial, Helvetica, sans-serif;
}
form {
	padding:0px;
	margin:0px;
}



/* HEADER WRAPPER
--------------------------------------------------- */

#headerWrapper {
	height:120px;
	background-image: url(/images/shared/bkrnd_pink_tile_top.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#headerWrapper .header {
	height:120px;
	margin:auto;
	width:926px;
}


#headerWrapper .header .logoTop {
	height:86px;
	width:105px;
	float:left;
}


#headerWrapper .header .loginTop {
	height:71px;
	width:821px;
	padding-top:15px;
	color:#f6baca;
	font-size:11px;
	float:left;
}

#headerWrapper .header .loginTop .content {
	width:821px;
	text-align:right;
}


#headerWrapper .header .loginTop .content a {
	color:#FFFFFF;
	margin-right:2px;
	margin-left:2px;
}


#headerWrapper .header .loginTop .content a.icon {
	background-image:url(/images/shared/homeicon.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:12px;
}


#headerWrapper .header .mainNav {
	height:34px;
}

#headerWrapper .header .cart {
	height:24px;
	text-align:right;
	padding-top:10px;
	color:#f6baca;
	font-size:11px;
	float:left;
	width:176px;
}

#headerWrapper .header .cart a {
	color:#FFFFFF;
	margin-right:2px;
	margin-left:2px;
}

#headerWrapper .header .cart a.icon {
	background-image:url(/images/shared/shoppingbag.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:15px;
}

/* Login pop up */

#loginWrapper {
	position:relative;
	
}

#loginWrapper .loginTooltip {
	width:246px;
	position:absolute;
	margin-top:20px;
	margin-left:494px;
	z-index:5000px;
	text-align:left;
	color:#666666;
	font-size:11px;
	display:none;
}

#loginWrapper .loginTooltip .top {
	background-image:url(/images/shared/login_tooltip_top.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	width:246px;
	height:20px;
}

#loginWrapper .loginTooltip .middle {
	border-left:solid 1px #f6baca;
	border-right:solid 1px #f6baca;
	border-bottom:solid 1px #f6baca;
	padding:0px 10px 12px 10px;
	background-color:#FFFFFF;
}

#loginWrapper .loginTooltip .middle label {
	margin-bottom:2px;
	display:block;
}

#loginWrapper .loginTooltip .middle label span {
	color:#e33264;
	margin:0px;
	padding:0px;
}

#loginWrapper .loginTooltip .middle input {
	font-size:11px;
	margin:0px 0px 8px 0px;
	width:215px;
	color:#e33264;
	border:solid 1px #c7c7c7;
	padding:4px 2px 4px 2px;
}


#loginWrapper .loginTooltip .middle p.links {
	font-size:11px;
	margin:0px;
	float:left;
	width:140px;
	padding:0px;
}

#loginWrapper .loginTooltip .middle p a {
	margin:0px;
	padding:0px;
	color:#e33264;
}



/* MAIN NAVIGATION
--------------------------------------------------- */

.mainNav {
	width:750px;
	float:left;
	height:34px;
}

/* main nav buttons */
.mainNav li.main_nav {
	list-style-type:none;
	float: left;
}
.mainNav a.nav_button {
	background-image: url(/images/shared/tabs.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	height:34px;
	display:block;
	text-indent:-3000px;
}

/* our story */
#story_button {
	background-position: 0px 0px;
	width:106px;
}
.selected #story_button {
	background-position: 0px -68px;
}
#story_button:hover, #story_button.open {
	background-position: 0px -34px;
}

/* our philosophy */
#philosophy_button {
	background-position: -106px 0px;
	width:143px;
}
.selected #philosophy_button {
	background-position: -106px -68px;
}
#philosophy_button:hover, #philosophy_button.open {
	background-position: -106px -34px;
}

/* our products */
#products_button {
	background-position: -249px 0px;
	width:129px;
}
.selected #products_button {
	background-position: -249px -68px;
}
#products_button:hover, #products_button.open {
	background-position: -249px -34px;
}

/* Product Info */
#productinfo_button {
	background-position: -378px 0px;
	width:126px;
}
.selected #productinfo_button {
	background-position: -378px -68px;
}
#productinfo_button:hover, #productinfo_button.open {
	background-position: -378px -34px;
}


/* latest */
#latest_button {
	background-position: -504px 0px;
	width:73px;
}
.selected #latest_button {
	background-position: -504px -68px;
}
#latest_button:hover {
	background-position: -504px -34px;
}

/* stockists */
#stockists_button {
	background-position: -577px 0px;
	width:90px;
}
.selected #stockists_button {
	background-position: -577px -68px;
}
#stockists_button:hover {
	background-position: -577px -34px;
}

/* contact */
#contact_button {
	background-position: -667px 0px;
	width:83px;
}
.selected #contact_button {
	background-position: -667px -68px;
}
#contact_button:hover {
	background-position: -667px -34px;
}

/* menus */
.mainNav .menuholder {
	position:relative;
}

.mainNav .menu {
	position:absolute;
	color:#666666;
	height:auto;
	background-color:#FFFFFF;
	border-left:solid 1px #f4b2c5;
	border-right:solid 1px #f4b2c5;
	border-bottom:solid 1px #f4b2c5;
}

.mainNav .menu ul li {
	display:block;
	color:#666666;
	font-size:11px;
	list-style-image:none;
	list-style-type:none;
	background-image: url(/images/shared/bkrnd_hor_dots_pink.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top:1px;
}
.mainNav .menu ul li a {
	height:21px;
	padding:9px 11px 0px 11px;
	display:block;
	font-weight:bold;
}
.mainNav .menu ul li a:hover {
	background-color:#f8e7ec;
	text-decoration:none;
}

/* our story */
#story_menuholder {
	z-index:1001;
}
#story_menu {
	z-index:1001;
	display:none;
	margin-top:34px;
	width:160px;
}

/* our philosophy */
#philosophy_menuholder {
	z-index:1002;
}
#philosophy_menu {
	z-index:1002;
	display:none;
	margin-top:34px;
	width:160px;
}

/* our products */
#philosophy_menuholder {
	z-index:1003;
}
#products_menu {
	z-index:1003;
	display:none;
	margin-top:34px;
	width:390px;
	padding:0px 0px 10px 10px;
	color:#666666;
	font-size:11px;
	background-image: url(/images/shared/bkrnd_hor_dots_pink.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#products_menu p {
	margin-bottom:10px;
	font-size:11px;
	margin-top:10px;
}

#products_menu ul {
	float:left;
	width:120px;
	margin:0px 10px 0px 0px;
}

#products_menu ul li {
	list-style-image:none;
	list-style-type:none;
	margin:0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	background-image: none;
}

#products_menu ul li a {
	list-style-image:none;
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: none;
	font-weight:normal;
	display:inline;
}

#products_menu ul li a:hover {
	background-color:white;
	text-decoration:underline;
}

#products_menu ul li h2, #products_menu ul li h2 a {
	font-size:11px;
	font-weight:bold;
	background-image: url(/images/shared/bkrnd_hor_dots_pink.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom:8px;
	margin-bottom:10px;	
}

/* Product Info */
#productinfo_menuholder {
	z-index:1001;
}
#productinfo_menu {
	z-index:1001;
	display:none;
	margin-top:34px;
	width:160px;
}



/* BODY WRAPPER 
--------------------------------------------------- */

#bodyWrapper {
	margin:auto;
	width:926px;
}

/* HOMEPAGE 
--------------------------------------------------- */

.homepageHero {
	background-image:url(/images/shared/bkrnd_homepage_header_gradient.jpg);
	background-repeat:repeat-x;
	background-position: left bottom;
	height:365px;
}

.homepageHero .flash {
	margin:auto;
	width:926px;
	height:365px;	
}

#bodyWrapper .homepagePromos {
	margin-top:25px;
}

#bodyWrapper .homepagePromos .left {
	float:left;
	width:302px;
	margin-right:10px;

}

#bodyWrapper .homepagePromos .right {
	float:left;
	width:302px;
}



#bodyWrapper .homepagePromos h2 {
	font-size:18px;
	background-image:url(/images/shared/bkrnd_hor_dots.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	padding:0px 0px 10px 10px;
}

#bodyWrapper .homepagePromos .imagePromo {
	margin-top:10px;
	height:113px;
}

#bodyWrapper .homepagePromos .productPromo {
	margin-top:10px;
	height:113px;
	background-image:url(/images/shared/bkrnd_product_gradient.gif);
	background-repeat:repeat-x;
	background-position:left bottom;

}

#bodyWrapper .homepagePromos .productPromo .text {
	float:left;
	width:151px;
	padding:10px 0px 0px 10px;
}

#bodyWrapper .homepagePromos .productPromo .text h3 {
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 4px 0px;
	padding:0px;
	line-height:14px;
}

#bodyWrapper .homepagePromos .productPromo .text h3 a {
	color:#666666;
}


#bodyWrapper .homepagePromos .productPromo .text p {
	font-size:11px;
	line-height:14px;	
	margin:0px 0px 0px 0px;
}

#bodyWrapper .homepagePromos .productPromo .thumb {
	float:left;
	width:141px;
}

#bodyWrapper .homepagePromos .updates {
	padding:12px 10px 10px 10px;
}

#bodyWrapper .homepagePromos .updates p {
	font-size:11px;
	line-height:16px;
	margin:0px 0px 10px 0px;
}

#bodyWrapper .homepagePromos .updates label {
	font-size:11px;
	line-height:14px;
	display:block;
	margin:4px 0px 3px 0px;
}

#bodyWrapper .homepagePromos .updates input {
	font-size:11px;
	width:200px;
	color:#e33264;
	border:solid 1px #c7c7c7;
	padding:4px 1px 4px 1px;
	margin:0px 0px 4px 0px;
	height:12px;
}

#bodyWrapper .homepagePromos .updates select {
	width:200px;
	margin:0px;
	padding:0px;
	color:#666666;
	font-size:11px;
}

#bodyWrapper .homepagePromos ul {
	padding:0px 0px 1px 0px;
	margin:0px;
	background-image:url(/images/shared/bkrnd_hor_dots.gif);
	background-repeat:repeat-x;
	background-position:left bottom;

	
}

#bodyWrapper .homepagePromos ul li {
	background-image:url(/images/shared/bkrnd_hor_dots.gif);
	background-repeat:repeat-x;
	background-position:left top;
	list-style:none;
	padding:1px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	font-weight:bold;
	
}

#bodyWrapper .homepagePromos ul li a {	
	display:block;
	height:24px;
	padding:11px 10px 0px 10px;
}

#bodyWrapper .homepagePromos ul li a:hover {	
	background-color:#f8e7ec;
	text-decoration:none;
}




/* HEADERS 
--------------------------------------------------- */


/* headerOne - simple 
--------------------------------------------------- */


.headerOne {
	width:926px;
	background-image: url(/images/shared/bkrnd_hor_dots.gif);
	background-repeat:repeat-x;
	background-position: left bottom;
	padding:30px 0px 1px 0px;
	margin:0px 0px 0px 0px;
}

.headerOne h1 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
}

/* headerTwo - Category headers and second level homepages
--------------------------------------------------- */

.headerTwo {
	width:926px;
	height:232px;
	background-image: url(/images/shared/bkrnd_hor_dots.gif);
	background-repeat:repeat-x;
	background-position: left bottom;
	margin:0px 0px 0px 0px;
}

.headerTwo h1 {
	background-repeat:no-repeat;
	background-position: 10px bottom;
	margin:0px 0px 0px 0px;
	text-indent:-3000px;
	height:100px;
	width:558px;
}
.headerTwo h2 {
	background-repeat:no-repeat;
	background-position: 10px top;
	text-indent:-3000px;
	height:131px;
	width:558px;
	font-size:0.01px;
	line-height:0.01px;
}

/* Our Products header */

.headerTwo .shopHeader {
	width:926px;
	height:231px;	
}

.headerTwo .shopHeader h1{
	background-image: url(/images/headers/ourproducts_h1.gif);
}
.headerTwo .shopHeader h2   {
	background-image: url(/images/headers/ourproducts_description.gif);
}


/* Product promo header */

.headerTwo .shopHeader .left {
	width:624px;
	height:231px;
	float:left;
}

.headerTwo .shopHeader .productPromo {
	width:302px;
	float:left;
	padding-top:40px;
}

.headerTwo .shopHeader .productPromo .image  {
	width:141px;
	float:left;

}

.headerTwo .shopHeader .productPromo .description {
	width:151px;
	float:left;
	padding-right:10px;
}

.headerTwo .shopHeader .productPromo .description h3 {
	margin:20px 0px 10px 0px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}

.headerTwo .shopHeader .productPromo .description h3 a {
	background-color:#cde633;
	color:#652300;
	padding:3px 4px 2px 4px;
}

.headerTwo .shopHeader .productPromo .description h3 a:hover {
	background-color:#652300;
	text-decoration:none;
	color:#cde633;
}

.headerTwo .shopHeader .productPromo .description p  {
	background-image:none;
	color:#652300;
	font-size:11px;
	margin:0px;
	line-height:14px;
}

/* Product info header */

.headerTwo .productinfoHeader {
	background-image: url(/images/headers/productinfo_header.jpg);

}
.headerTwo .productinfoHeader h1 {
	background-image: url(/images/headers/productinfo_h1.gif);
}

.headerTwo .productinfoHeader h2 {
	background-image: url(/images/headers/productinfo_description.gif);
}

/* Range header - Face Care */

.headerTwo .facecareHeader {
	background-image: url(/images/headers/facecare_header.jpg);

}
.headerTwo .facecareHeader h1 {
	background-image: url(/images/headers/facecare_h1.gif);
}
.headerTwo .facecareHeader h2 {
	background-image: url(/images/headers/facecare_description.gif);
}

/* Range header - Self Tan */

.headerTwo .selftanHeader {
	background-image: url(/images/headers/selftan_header.jpg);

}
.headerTwo .selftanHeader h1 {
	background-image: url(/images/headers/selftan_h1.gif);
}
.headerTwo .selftanHeader h2 {
	background-image: url(/images/headers/selftan_description.gif);
}

/* Range header - Sensitive */

.headerTwo .sensitiveHeader {
	background-image: url(/images/headers/sensitive_header.jpg);

}
.headerTwo .sensitiveHeader h1 {
	background-image: url(/images/headers/sensitive_h1.gif);
}
.headerTwo .sensitiveHeader h2 {
	background-image: url(/images/headers/sensitive_description.gif);
}

/* Range header - Age proof */

.headerTwo .ageproofHeader {
	background-image: url(/images/headers/ageproof_header.jpg);

}
.headerTwo .ageproofHeader h1 {
	background-image: url(/images/headers/ageproof_h1.gif);
}
.headerTwo .ageproofHeader h2 {
	background-image: url(/images/headers/ageproof_description.gif);
}


/* Range header - Everything balm */

.headerTwo .everythingbalmHeader {
	background-image: url(/images/headers/everything_header.jpg);

}
.headerTwo .everythingbalmHeader h1 {
	background-image: url(/images/headers/everything_h1.gif);
}
.headerTwo .everythingbalmHeader h2 {
	background-image: url(/images/headers/everything_description.gif);
}


/* Range header -  Body Care */

.headerTwo .bodycareHeader {
	background-image: url(/images/headers/body_header.jpg);	

}
.headerTwo .bodycareHeader h1 {
	background-image: url(/images/headers/body_h1.gif);
}
.headerTwo .bodycareHeader h2 {
	background-image: url(/images/headers/body_description.gif);
}

/* Range header -  Mens */

.headerTwo .mensHeader {
	background-image: url(/images/headers/mens_header.jpg);
	

}
.headerTwo .mensHeader h1 {
	background-image: url(/images/headers/mens_h1.gif);
}
.headerTwo .mensHeader h2 {
	background-image: url(/images/headers/mens_description.gif);
}

/* Range header -  Hair */

.headerTwo .hairHeader {
	background-image: url(/images/headers/hair_header.jpg);
}
.headerTwo .hairHeader h1 {
	background-image: url(/images/headers/hair_h1.gif);
}
.headerTwo .hairHeader h2 {
	background-image: url(/images/headers/hair_description.gif);
}


/* Range header -  Contact */

.headerTwo .contactHeader {
	background-image: url(/images/headers/contact_header.jpg);
}
.headerTwo .contactHeader h1 {
	background-image: url(/images/headers/contact_h1.gif);
}
.headerTwo .contactHeader h2 {
	background-image: url(/images/headers/contact_description.gif);
}

/* Range header -  Latest */

.headerTwo .latestHeader {
	background-image: url(/images/headers/latest_header.jpg);
}
.headerTwo .latestHeader h1 {
	background-image: url(/images/headers/latest_h1.gif);
}
.headerTwo .latestHeader h2 {
	background-image: url(/images/headers/latest_description.gif);
}

/* Range header -  Our Philosophy */

.headerTwo .philosophyHeader {
	background-image: url(/images/headers/ourphilosophy_header.jpg);
}
.headerTwo .philosophyHeader h1 {
	background-image: url(/images/headers/ourphilosophy_h1.gif);
}
.headerTwo .philosophyHeader h2 {
	background-image: url(/images/headers/ourphilosophy_description.gif);
	width:614px;
}

/* Range header -  Our Story */

.headerTwo .ourstoryHeader {
	background-image: url(/images/headers/ourstory_header.jpg);
}
.headerTwo .ourstoryHeader h1 {
	background-image: url(/images/headers/ourstory_h1.gif);
}
.headerTwo .ourstoryHeader h2 {
	background-image: url(/images/headers/ourstory_description.gif);
}



/* headerThree - Photographic headers
--------------------------------------------------- */

.headerThree {
	width:926px;
	height:392px;
	background-image: url(/images/shared/bkrnd_hor_dots_double_large.gif);
	background-repeat:repeat-x;
	background-position: left top;
	margin:20px 0px 0px 0px;
	padding:11px 0px 0px 0px;
}

.headerThree .hero {
	height:300px;
}

.headerThree h1 {
	padding-left:10px;
	margin-top:20px;
}


/* headerThree - Simple headers with text treatment
--------------------------------------------------- */


.headerFour {
	width:926px;
	height:262px;
	background-image: url(/images/shared/bkrnd_hor_dots_double_medium.gif);
	background-repeat:repeat-x;
	background-position: left top;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


.headerFour h1 {
	width:926px;
	height:77px;
	background-position:0px 1px;
	background-repeat:no-repeat;
	text-indent:-3000px;
	margin:0px;
	padding:0px;
}

.headerFour p {
	width:926px;
	height:184px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-3000px;
	margin:0px;
	padding:0px;

}

.headerFour h1.whosusing {
	background-image:url(/images/headers/whosusing_h1.gif);
}

.headerFour p.whosusing {
	background-image:url(/images/headers/whosusing_p.gif);
}

.headerFour h1.ourteam {
	background-image:url(/images/headers/ourteam_h1.gif);
}

.headerFour p.ourteam {
	background-image:url(/images/headers/ourteam_p.gif);
}




/* FORMS 
--------------------------------------------------- */

.formWrapper {
	background-color:#f0f0f0;
	padding-bottom:10px;
	margin-bottom:20px;
	
	width:614px;
}
.formWrapper h4, #standardPage .formWrapper h4   {
	font-weight:bold;
	text-transform:uppercase;
	background-image: url(/images/shared/bkrnd_hor_dots.gif);
	background-repeat:repeat-x;
	background-position: left bottom;
	font-size:12px;
	line-height:12px;
	padding:15px 10px 15px 10px;
	margin:0px 0px 10px 0px;
	display:block;
}
.formWrapper .colFloat {
	float:left;
	width:287px;
	padding:10px 10px 5px 10px;
	

}
.formWrapper .fullWidth {
	padding:0px 10px 10px 10px;	
}

.formWrapper label {
	font-size:12px;
	display:block;
	margin-bottom:5px;
	line-height:11px;
}
.formWrapper label.inline {
	display:inline;
	margin:0px 0px 0px 0px;
}
.formWrapper label span {
	color:#e33264;
	margin:0px;
	padding:0px;
}

.formWrapper input, .formWrapper select, .formWrapper textarea {
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.formWrapper textarea {
	font-size:11px;
	width:580px;
	color:#e33264;
	border:solid 1px #c7c7c7;
	padding:4px 2px 4px 2px;
	height:110px;
}

.formWrapper input.medium{
	font-size:11px;
	width:270px;
	color:#e33264;
	border:solid 1px #c7c7c7;
	padding:4px 2px 4px 2px;

}

.formWrapper input.large{
	font-size:11px;
	width:400px;
	color:#e33264;
	border:solid 1px #c7c7c7;
	padding:4px 2px 4px 2px;

}

.formWrapper select.medium2{
	font-size:11px;
	width:270px;
	color:#e33264;
	border:solid 1px #c7c7c7;
	padding:3px 2px 3px 2px;
}

.formWrapper input.small {
	font-size:11px;
	width:55px;
	color:#e33264;
	border:solid 1px #c7c7c7;
	padding:4px 2px 4px 2px;
	float:left;
	margin-right:10px;
}
.formWrapper select.large {
	font-size:11px;
	width:400px;
	color:#666666;
	padding:1px 2px 2px 1px;
}
.formWrapper select.medium {
	font-size:11px;
	width:270px;
	color:#666666;
	padding:1px 2px 2px 1px;
}
.formWrapper select.small {
	font-size:11px;
	width:100px;
	color:#666666;
	padding:1px 2px 2px 1px;
}

.formWrapper div.tip {
	font-size:11px;
	float:left;
	width:70%;
	line-height:14px;
}
.formWrapper div.tip strong {
	color:#e33264;
}

.formWrapper .logos {
	margin-top:15px;
}

.errorSummary {
	padding:15px;
	margin-bottom:10px;
	border: 1px solid red;
	background-color: #ffebeb;
	display:none;
}
.errorSummary ul li {
	list-style-position: inside;
	list-style-type: disc;
	font-size:12px;
	margin-bottom:5px;
}
.errorSummary h4 {
	font-size:14px;
	margin:0px 0px 10px 0px;
}

.error {
	font-size:11px;
	color:#FF0000;
	font-weight:bold;
	margin-bottom:3px;
	background-image: url(/images/shared/error_icon_grey.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:15px;
	display:block;
}

.flashnotice {
	background-color:#e33264;
	background-image: url(/images/shared/shoppingbag_flashnotice.gif);
	background-repeat:no-repeat;
	background-position:10px 8px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
	padding:8px 10px 8px 30px;
	margin:10px 0px 10px 0px;
	display:block;
}


/* Buttons */

.submitButton {
	background-image: url(/images/shared/button_submit.gif);
  display:block;
}

.updatesButton {
	background-image: url(/images/shared/button_getupdates.gif);
	margin-top:13px;
}

.loginButton {
	background-image: url(/images/shared/button_login.gif);
	display:block;
}

.smallloginButton {
	background-image: url(/images/shared/button_login_small.gif);
	display:block;
	float:right;
	width:80px;
	background-image:0px 0px;
	height:24px;
}
.updateButton {
	background-image: url(/images/shared/button_update.gif);
}


/* SECTION PROMOS 
--------------------------------------------------- */

#bodyWrapper .largePromos {
	background-image: url(/images/shared/bkrnd_promo_large_dots.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	padding-bottom:1px;
	margin:10px 0px 0px 0px;
}
#bodyWrapper .largePromos p {
	font-size:12px;
	line-height:18px;
	padding:0px 10px 15px 10px;
	color:#666666;
	margin:0px;
}
#bodyWrapper .largePromos h3 {
	margin:0px 0px 8px 0px;
	padding:15px 10px 0px 10px;
	font-size:18px;
}

#bodyWrapper .largePromos h2.productinfoTitle {
	margin:20px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:238px;
	height:23px;
	text-indent:-3000px;
	background-image:url(/images/shared/product_info_title.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
}

#bodyWrapper .largePromos .image {
}
#bodyWrapper .largePromos .text a {
	display:block;
	color:#E33264;
	height:160px;
}
#bodyWrapper .largePromos .text a p:hover {
	/*color:#E33264;*/
}
#bodyWrapper .largePromos .text a:hover {
	display:block;
	background-color:#f8e7ec;
	text-decoration:none;
}
#bodyWrapper .largePromos .left {
	float:left;
	width:302px;
	margin-right:10px;
}
#bodyWrapper .largePromos .right {
	float:left;
	width:302px;
}

/* STANDARD PAGES 
--------------------------------------------------- */

#standardPage {
	padding:0px 0px 0px 0px;
}

#standardPage .left {
	float:left;
	width:292px;
	margin-right:20px;
	padding:26px 0px 0px 0px;
}

#standardPage .right {
	float:left;
	width:614px;
	padding:27px 0px 0px 0px;
}

#standardPage h2 {
	font-size:22px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px x0p;
	line-height:26px;
}

#standardPage h3 {
	font-size:18px;
	margin:20px 0px 12px 0px;
	padding:0px 0px 0p x0p;
	line-height:20px;
}

#standardPage h4 {
	font-size:13px;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0p x0p;
	font-weight:bold;
}

#standardPage p {
	font-size:13px;
	line-height:20px;
	margin:0px 0px 11px 0px;
	padding:0px 0px 0px 0px;
}

#standardPage p.credit {
	font-size:11px;
	color:#999999;
	margin-top:5px;
	padding:0px;
	font-style:italic;


}

#standardPage ol {
	margin:10px 0px 25px 25px;
	padding:0px 0px 0px 0px;
}

#standardPage ul {
	margin:10px 0px 20px 15px;
	padding:0px 0px 0px 0px;
}

#standardPage ul.tick  {
	margin:10px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}


#standardPage ul.tick li {
	font-size:13px;
	line-height:20px;
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 25px;
	list-style-position:outside;
	background-image:url(/images/shared/tick_icon.gif);
	list-style-image: none;
	list-style-type: none;
	background-repeat:no-repeat;
	background-position:0px 5px;
}

#standardPage ul li {
	font-size:13px;
	line-height:20px;
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 0px;
	list-style-position:outside;
}

#standardPage ol li {
	font-size:13px;
	line-height:18px;
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 0px;
	list-style-position:outside;
}


#standardPage .subnav {
	margin:2px 0px 0px 0px;
}

#standardPage .subnav ul {
	margin:0px;
	padding:0px;
}

#standardPage .subnav ul li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 1px 0px;
	background-image:url(/images/shared/bkrnd_hor_dots.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	list-style:none;
}

#standardPage .subnav ul li.title {
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 11px;
	text-transform:uppercase;
	color:#666666;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
}

#standardPage .subnav ul li a {
	display:block;
	color:#673d28;
	font-size:12px;
	padding:10px 10px 0px 10px;
	height:26px;
	font-weight:bold;
}

#standardPage .subnav ul li a:hover, #standardPage .subnav ul li a.selected {
	display:block;
	color:#673d28;
	font-size:12px;
	padding:10px 10px 0px 10px;
	height:26px;
}


/* Custom colours  */


#standardPage .subnav ul.pink li a:hover, #standardPage .subnav ul.pink li a.selected {
	color:#e33264;
}


#standardPage .subnav ul.lightblue li a.selected {
	color:#93c1c5;
}


#standardPage .subnav ul.darkblue li a.selected {
	color:#475a62;
}


#standardPage .subnav ul.red li a.selected {
	color:#d2281b;
}


#standardPage .subnav ul.green li a.selected {
	color:#7c962c;
}

#standardPage .subnav ul.orange li a.selected {
	color:#d39038;
}


#standardPage .buttonWrapper {
	padding:10px 10px 0px 10px;
	text-align:right;
}

#standardPage a.top {
	display:block;
	width:614px;
	height:26px;
	background-image:url(/images/shared/backtotop_button.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-indent:-3000px;
	margin:20px 0px 20px 0px;
}

#standardPage a.top:hover {
	background-position:0px -26px;
}


#standardPage .faqs {
	background-image:url(/images/shared/bkrnd_hor_dots.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
}

#standardPage .faqs ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:14px;
}

#standardPage .faqs ul li {
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

#standardPage .divider {
	background-image:url(/images/shared/bkrnd_hor_dots.gif);
	background-repeat:repeat-x;
	background-position:left top;
	margin:0px 0px 0px 0px;
	padding:20px 0px 10px 0px;
}


/* static story pages: our philosophy, our story, our products
--------------------------------------------------- */


#standardPage .intro  {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0p x0p;
}

#standardPage .threeimages {
	margin:20px 0px 20px 0px;
}


#standardPage .factoidRight {
	margin:0px 0px 10px 15px;
	float:right;
}

#standardPage .factoidLeft {
	margin:0px 15px 10px 0px;
	float:left;
}

#standardPage .imageRight {
	margin:10px 0px 0px 15px;
	padding:0px 0px 0px 10px;
	float:right;
	width:290px;
	border-left:solid 2px #bd054a;
}


#standardPage .pullquotedRight {
	margin:10px 0px 0px 15px;
	padding:0px 0px 0px 10px;
	float:right;
	width:290px;
	border-left:solid 2px #673d28;
}

#standardPage .pullquotedRight h2 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#standardPage .pullquotedRight p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


#standardPage .pullquotedRight .rosehips {
	background-image:url(/images/storypages/pullquote_rosehips.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-bottom:45px;
}

#standardPage .pullquotedRight .almond {
	background-image:url(/images/storypages/pullquote_almond.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-bottom:45px;
}

#standardPage .pullquotedRight .booster {
	background-image:url(/images/storypages/pullquote_booster.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-bottom:10px;
}

#standardPage .pullquotedRight .rosehipoil {
	background-image:url(/images/storypages/pullquote_rosehipoil.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-bottom:10px;
}

#standardPage .pullquotedRight .rosehipbottle {
	background-image:url(/images/storypages/pullquote_rosehipbottle.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-bottom:15px;
}

#standardPage .pullquotedRight .rosehipbottlesingle {
	background-image:url(/images/storypages/pullquote_rosehipbottle_single.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-bottom:10px;

}

#standardPage .pullquotedRight .leaf {
	background-image:url(/images/storypages/pullquote_leaf.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-bottom:20px;
}

#standardPage .pullquotedRight .soap {
	background-image:url(/images/storypages/pullquote_soap.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-bottom:55px;
}


#standardPage .pullquotedRight .jar {
	background-image:url(/images/storypages/pullquote_jar.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-bottom:40px;
}


#standardPage .pagination {
	background-image:url(/images/shared/bkrnd_hor_dots.gif);
	background-repeat:repeat-x;
	background-position:left top;
	padding-top:20px;
	margin-top:30px;
}

#standardPage .pagination a {
	font-size:12px;
	font-weight:bold;
	color:#673d28;
}

#standardPage .pagination .previous {
	width:307px;
	float:left;
	height:50px;
}

#standardPage .pagination .next {
	width:307px;
	float:left;
	text-align:right;
	height:50px;
}




/* INGREDIENTS
--------------------------------------------------- */

.atoz {
	background-color:#f0f0f0;
	margin:0px 0px 0px 0px;
	padding:20px 5px 20px 0px;
	color:#E33264;
	font-size:28px;
	line-height:28px;
	text-align:center;
	font-weight:bold;
}

.atoz a {
	color:#7E5F35;
	padding:0px 3px 0px 3px;
}

.atoz a.selected {
	color:#E33264;
}

.atoz a:hover {
	color:#E33264;
	text-decoration:none;
}


/* OUR TEAM
--------------------------------------------------- */

#ourteam {
	padding-top:15px;
}

#ourteam .linkBox {
	width:428px;
}


#ourteam .bio {
	display:none;
}

#ourteam .bio h1 {
	font-size:22px;
	line-height:24px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#ourteam .bio h2 {
	font-size:13px;
	line-height:16px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
	font-weight:normal;
}

#ourteam .bio p {
	font-size:13px;
	line-height:18px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
}
 
#ourteam .left {
	width:464px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#ourteam .right {
	width:452px;
	float:left;
	padding:15px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}

#ourteam .head {
	width:110px;
	height:110px;
	float:left;
	padding:0px 6px 6px 0px;
	background-image:url(/images/team/bkrnd_grey_box.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#ourteam .head a {
	width:110px;
	height:110px;
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	border:none;
	text-decoration:none;
}

/* Catherine */
#ourteam .head a#cath {
	background-image:url(/images/team/cath_head_small.jpg);
}

#ourteam .head a#cath:hover {
	background-position:-110px 0px;
}

#ourteam .head a#cath.selected, #ourteam .head a#cath.selected:hover {
	background-image:url(/images/team/cath_head_small.jpg);
	background-position:-220px 0px;	
}

/* Sarah */
#ourteam .head a#sarah {
	background-image:url(/images/team/sarah_head_small.jpg);
}

#ourteam .head a#sarah:hover {
	background-position:-110px 0px;
}

#ourteam .head a#sarah.selected, #ourteam .head a#sarah.selected:hover {
	background-image:url(/images/team/sarah_head_small.jpg);
	background-position:-220px 0px;
}

/* Jenny McKay */
#ourteam .head a#jennym {
	background-image:url(/images/team/jennym_head_small.jpg);
}

#ourteam .head a#jennym:hover {
	background-position:-110px 0px;
}

#ourteam .head a#jennym.selected, #ourteam .head a#jennym.selected:hover {
	background-image:url(/images/team/jennym_head_small.jpg);
	background-position:-220px 0px;
}

/* Marguerite */
#ourteam .head a#marguerite {
	background-image:url(/images/team/marguerite_head_small.jpg);
}

#ourteam .head a#marguerite:hover {
	background-position:-110px 0px;
}

#ourteam .head a#marguerite.selected, #ourteam .head a#marguerite.selected:hover {
	background-image:url(/images/team/marguerite_head_small.jpg);
	background-position:-220px 0px;
}

/* Brett */
#ourteam .head a#brett {
	background-image:url(/images/team/brett_head_small.jpg);
}

#ourteam .head a#brett:hover {
	background-position:-110px 0px;
}

#ourteam .head a#brett.selected, #ourteam .head a#brett.selected:hover {
	background-image:url(/images/team/brett_head_small.jpg);
	background-position:-220px 0px;
}

/* Caroline */
#ourteam .head a#caroline {
	background-image:url(/images/team/caroline_head_small.jpg);
}

#ourteam .head a#caroline:hover {
	background-position:-110px 0px;
}

#ourteam .head a#caroline.selected {
	background-image:url(/images/team/caroline_head_small.jpg);
	background-position:-220px 0px;
}

/* Corinne */
#ourteam .head a#corinne {
	background-image:url(/images/team/corinne_head_small.jpg);
}

#ourteam .head a#corinne:hover {
	background-position:-110px 0px;
}

#ourteam .head a#corinne.selected, #ourteam .head a#corinne.selected:hover  {
	background-image:url(/images/team/corinne_head_small.jpg);
	background-position:-220px 0px;
}

/* Emily */
#ourteam .head a#emily {
	background-image:url(/images/team/emily_head_small.jpg);
}

#ourteam .head a#emily:hover {
	background-position:-110px 0px;
}

#ourteam .head a#emily.selected, #ourteam .head a#emily.selected:hover {
	background-image:url(/images/team/emily_head_small.jpg);
	background-position:-220px 0px;
}

/* Erica */
#ourteam .head a#erica {
	background-image:url(/images/team/erica_head_small.jpg);
}

#ourteam .head a#erica:hover {
	background-position:-110px 0px;
}

#ourteam .head a#erica.selected, #ourteam .head a#erica.selected:hover {
	background-image:url(/images/team/erica_head_small.jpg);
	background-position:-220px 0px;
}

/* Fei */
#ourteam .head a#fei {
	background-image:url(/images/team/fei_head_small.jpg);
}

#ourteam .head a#fei:hover {
	background-position:-110px 0px;
}

#ourteam .head a#fei.selected, #ourteam .head a#fei.selected:hover {
	background-image:url(/images/team/fei_head_small.jpg);
	background-position:-220px 0px;
}

/* Jenny Cinderey */
#ourteam .head a#jennyc {
	background-image:url(/images/team/jennyc_head_small.jpg);
}

#ourteam .head a#jennyc:hover {
	background-position:-110px 0px;
}

#ourteam .head a#jennyc.selected, #ourteam .head a#jennyc.selected:hover {
	background-image:url(/images/team/jennyc_head_small.jpg);
	background-position:-220px 0px;
}

/* Rachel */
#ourteam .head a#rachel {
	background-image:url(/images/team/rachel_head_small.jpg);
}

#ourteam .head a#rachel:hover {
	background-position:-110px 0px;
}

#ourteam .head a#rachel.selected, #ourteam .head a#rachel.selected:hover {
	background-image:url(/images/team/rachel_head_small.jpg);
	background-position:-220px 0px;
}

/* Undine */
#ourteam .head a#undine {
	background-image:url(/images/team/undine_head_small.jpg);
}

#ourteam .head a#undine:hover {
	background-position:-110px 0px;
}

#ourteam .head a#undine.selected, #ourteam .head a#undine.selected :hover {
	background-image:url(/images/team/undine_head_small.jpg);
	background-position:-220px 0px;
}

/* Alexia */
#ourteam .head a#alexia {
	background-image:url(/images/team/alexia_head_small.jpg);
}

#ourteam .head a#alexia:hover {
	background-position:-110px 0px;
}

#ourteam .head a#alexia.selected, #ourteam .head a#alexia.selected :hover {
	background-image:url(/images/team/alexia_head_small.jpg);
	background-position:-220px 0px;
}

/* WHOS USING TRILOGY
--------------------------------------------------- */

#whosusingtrilogy {
	padding-top:15px;
}

#whosusingtrilogy .row {
	background-image:url(/images/shared/bkrnd_hor_dots_whosusing.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0px 0px 20px 0px;
	margin-top:20px;
}

#whosusingtrilogy .row .left {
	width:458px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 0px;
}

#whosusingtrilogy .row .right {
	width:458px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#whosusingtrilogy .row .image {
	width:156px;
	float:left;
}

#whosusingtrilogy .row .image img {
	padding-right:8px;
	border-right: solid 3px #bd054a;
}

#whosusingtrilogy .row .image p {
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 0px;
	font-size:11px;
	line-height:15px;
	color:#7E5F35;
}

#whosusingtrilogy .row .text {
	width:282px;
	float:left;
	padding:0px 10px 0px 10px;
}

#whosusingtrilogy .row .text p {
	font-size:12px;
	line-height:20px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#whosusingtrilogy .row .text p span.leftquote {
	background-image:url(/images/shared/quote_left.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	margin-right:5px;
	display:inline-block;
	
}

#whosusingtrilogy .row .text p span.rightquote {
background-image:url(/images/shared/quote_right.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	margin-left:5px;
	display:inline-block;
	
}



/* RELATED LINK BOX
--------------------------------------------------- */

.linkBox {
	background-color:#e33264;
	padding:15px;
}

.linkBox h3 {
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-3000px;
	width:400px;
	height:46px;
	font-size:0.01px;
	line-height:0.01px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.linkBox h3.getupdates {
	background-image:url(/images/shared/title_getupdates.gif);	
}

.linkBox h3.gotastory {
	background-image:url(/images/shared/title_gotastory.gif);	
}

.linkBox h3.joinourteam {
	background-image:url(/images/shared/title_joinourteam.gif);	
}

.linkBox p {
	color:#FFFFFF;
	line-height:16px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}

.linkBox a {
	color:#FFFFFF;
	font-weight:bold;
}


/* LOGIN AND CREATE AN ACCOUNT 
--------------------------------------------------- */


#login {
padding-top:30px;
	
}

#login .left {
	width:458px;
	margin-right:10px;
	float:left;
}

#login .right {
	width:458px;
	float:left;
}

#login h2 {
	font-size:22px;
	margin:0px 0px 15px 10px;
}

#login .formBox {
	background-color:#f0f0f0;
	margin-bottom:20px;
	overflow:auto;
	width:100%;
}

#login .formBox h3, #popup h3 {
	font-weight:bold;
	text-transform:uppercase;
	background-image: url(/images/shared/bkrnd_hor_dots.gif);
	background-repeat:repeat-x;
	background-position: left bottom;
	font-size:12px;
	padding:15px 10px 15px 10px;
	margin-bottom:10px;
}

#login .formBox .wrapper {
	padding:10px 10px 20px 10px;
}

#login .formBox label, #popup label {
	font-size:12px;
	display:block;
	margin-bottom:8px;
	line-height:11px;
}

#login .formBox label span, #popup label span {
	color:#e33264;
	margin:0px;
	padding:0px;
}
#login .formBox input, #popup input {
	font-size:11px;
	width:270px;
	color:#e33264;
	border:solid 1px #c7c7c7;
	padding:4px 2px 4px 2px;
	margin:0px 0px 15px 0px;
	display:block;
}

#login .formBox input.inline, #popup input.inline {
	float:left;
	margin-right:5px;
	width:20px;
	border:none;
}

#login .formBox label.inline, #popup label.inline {
	float:left;
	margin-top:3px;
}

#login .formBox select, #popup select {
	font-size:11px;
	width:270px;
	color:#666666;
	padding:1px 2px 2px 1px;
	margin:0px 0px 15px 0px;
}

#login .formBox .password, #popup .password {
	font-size:11px;
	margin-left:5px;
}


/* LOGIN AND CREATE AN ACCOUNT  (POP UP)
--------------------------------------------------- */


#popup {
	width:540px;
	padding:20px;
	background-color:#FFFFFF;
	border:solid 1px #f8c9d4;
	position:absolute;
	margin:auto;
	z-index:10000;
	color: #666666;
}

#popup .left {
	float:left;
	width:260px;
	margin:0px 20px 0px 0px;
}

#popup .right {
	float:left;
	width:260px;
}

#popup h3 {
	padding:15px 10px 10px 0px;
	margin-bottom:20px;
}

#popup p {
	padding-bottom:10px;
}

#popup input {
	width:240px;
}

#popup select {
	width:240px;
}

#popup .close {
	width:11px;
	height:11px;
	float:right;
	overflow:auto;
}

#popup .close a {
	background-image:url(/images/shared/close_icon.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:11px;
	height:11px;
	display:block;
	line-height:0.01px;
	text-indent:-3000px;
	font-size:0.01px;
}

#popup .close a:hover {
	background-position:0px -11px;
}


/* PRODUCTS
--------------------------------------------------- */


/* search menus */

.searchHeader  {
	background-color:#f0f0f0;
	height:35px;
}

.searchHeader h3 {
	display:inline;
	float:left;
	font-size:14px;
	padding-top:8px;
	font-weight:normal;
	padding-left:10px;
	margin:0px;
}

.searchHeader li.searchNav {
	list-style-type:none;
	float: left;
}

.searchHeader li.searchNav a {
	background-image:url(/images/shared/bkrnd_search_arrow.gif);
	background-repeat:no-repeat;
	background-position:right 0px;
	height:27px;
	display:block;
	padding-left:15px;
	padding-top:8px;
	font-weight:bold;
	font-size:14px;
}

.searchHeader #range_searchbutton {
	width:70px;
}

.searchHeader #usage_searchbutton {
	width:75px;
}

.searchHeader #skin_searchbutton {
	width:90px;
}

.searchHeader li.searchNav a:hover, .searchHeader li.searchNav a.open {
	background-position:right -35px;	
	text-decoration:none;
	background-color:#e33264;
	color:#FFFFFF;
}

.searchHeader .searchMenuholder {
	position:relative;
}

.searchHeader .searchMenu {
	position:absolute;
	color:#666666;
	height:auto;
	background-color:#e33264;
}

.searchHeader .searchMenu ul li {
	display:block;
	list-style-image:none;
	list-style-type:none;
	background-image: url(/images/shared/bkrnd_hor_dots_pink.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top:1px;
}

.searchHeader .searchMenu ul li a {
	display:block;
	background-image:none;
	color:#FFFFFF;
	padding:8px 15px 0px 15px; 
	font-size:12px;
	font-weight:bold;
	height:23px;
}

.searchHeader .searchMenu ul li a:hover {
	background-color:#fad9e2;
	text-decoration:none;
	color:#e33264;
}

/* range */
#range_searchMenuholder {
	z-index:901;
}

#range_searchMenu {
	z-index:901;
	display:none;
	margin-top:35px;
	width:160px;
}

/* usage */
#usage_searchMenuholder {
	z-index:902;
}

#usage_searchMenu {
	z-index:902;
	display:none;
	margin-top:35px;
	width:170px;
}

/* skin */
#skin_searchMenuholder {
	z-index:903;
}

#skin_searchMenu {
	z-index:903;
	display:none;
	margin-top:35px;
	width:190px;
}

/* products grid */

#products {

}

#products .productRow {
	margin-top:10px;
}

#products .productRow .left {
	float:left;
	width:302px;
	margin-right:10px;
}

#products .productRow .right {
	float:left;
	width:302px;
}

#products .productRow .product {
	background-image:url(/images/shared/bkrnd_product_gradient.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	width:302px;
	height:180px;
}

#products .productRow .description {
	width:141px;
	float:left;
	padding:0px 10px 0px 10px;	
}

#products .productRow .description .text {
	height:146px;	
}

#products .productRow .description .text p {
	font-size:11px;
	line-height:14px;
	margin:0px;
	padding:0px 0px 5px 0px;
}

#products .productRow .description .text h3 {
	font-size:14px;
	line-height:16px;
	padding:10px 0px 4px 0px;
	margin:0px;
}

#products .productRow .description .text h3.rangetitle {
	font-size:18px;
	line-height:22px;
	padding:15px 0px 8px 0px;
	margin:0px;
}

#products .productRow .description .text h3 a {
	color:#666666;
}

#products .productRow .description .text h3 a:hover {
	color:#e33264;
}

#products .productRow .description .addtoCart {
	height:24px;
	margin-bottom:10px;
}

#products .productRow .description .addtoCart .cartButton, #product .left .addtoCart .buttonHolder .cartButton {
	background-image: url(/images/shared/button_addtocart.gif);
	background-position:0px 0px;
	height:24px;
	width:80px;
	display:block;
	text-indent:-3000px;
}

#products .productRow .description .addtoCart .cartButton:hover, #product .left .addtoCart .buttonHolder .cartButton:hover {
	background-position:0px -24px;
}

#products .productRow .description .addtoCart a.cartButton:hover, #product .left .addtoCart .buttonHolder a.cartButton:hover {
	background-position:0px -24px;
}

#products .productRow .image {
	width:141px;
	float:left;
}

#products .pagination {
	padding:25px 10px 6px 10px;
	background-image:url(/images/shared/bkrnd_hor_dots.gif);
	background-repeat:repeat-x;
	height:20px;
	background-position:left bottom;
}

#products .pagination .breadcrumbs {
	float:left;
	width:453px;
	font-size:14px;
}

#products .pagination .numbers {
	float:right;
	width:453px;
	text-align:right;
	font-size:14px;
}

#products .pagination .numbers a {
	background-image:url(/images/shared/bkrnd_pinkdot_vert.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding:0px 5px 0px 5px;
}

#products .pagination .numbers a.selected {
	color:#666666;
}


/* A product page */

#product {
	position:relative;

}

#product .breadcrumbs {
	background-color:#f0f0f0;
	height:27px;
	font-size:14px;
	padding:8px 10px 0px 10px;
}

#product .left {
	width:438px;
	margin-right:10px;
	float:left;
	padding:20px 10px 0px 10px;
}

#product .left h2 {
	font-size:24px;
	font-weight:bold;
	margin:0px 0px 8px 0px;
}

#product .left h3 {
	font-size:16px;
	font-weight:normal;
	margin:15px 0px 8px 0px;
	padding:0px;
}

#product .left p {
	font-size:12px;
	line-height:18px;
	margin:0px 0px 5px 0px;
}

#product .left ul {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:12px;
	line-height:16px;
}
#product .left ul li {
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 25px;
	background-image:url(/images/shared/tick_icon.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	list-style-type: none;
}

#product .left p a.closed {
	background-image:url(/images/shared/arrow_icon_closed.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:15px;
}

#product .left p a.open {
	background-image:url(/images/shared/arrow_icon_open.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:15px;
}

#product .left .ingredients {
	display:none;
}

#product .left .ingredients p {
	font-size:11px;
}

.tooltip {
	width:170px;
	color:#652300;
	position:absolute;
	z-index:3000px;
	display:none;
}

.tooltip .top {
	background-image:url(/images/shared/tooltip_top.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	width:170px;
	height:9px;
}

.tooltip .middle {
	border-left:solid 1px #f6baca;
	border-right:solid 1px #f6baca;
	border-bottom:solid 1px #f6baca;
	padding:8px 8px 12px 8px;
	background-color:#FFFFFF;
}

.tooltip .middle h4 {
	font-size:14px;
	margin:0px 0px 8px 0px;
	background-image:url(/images/shared/bkrnd_hor_dots.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	padding:0px 0px 8px 0px;
	line-height:16px;
}

.tooltip .middle p {
	font-size:11px;
	line-height:14px;
	margin:0px 0px 5px 0px;
	padding:0px;
}

#product .left .addtoCart {
	height:31px;
	background-image:url(/images/shared/bkrnd_hor_dots_double.gif);
	background-repeat:repeat-x;
	background-position:left top;
	margin:20px 0px 20px 0px;
	padding:16px 0px 10px 0px;
}

#product .left .addtoCart .quantity {
	width:300px;
	float:left;
	padding-top:2px;
}

#product .left .addtoCart .quantity select {
	width:80px;
	margin:0px;
	padding:0px;
}

#product .left .addtoCart .quantity label {
	float:left;
	display:block;
	margin:0px 15px 0px 0px;
	font-size:12px;
	padding-top:4px;
}

#product .left .addtoCart .buttonHolder {
	width:80px;
	float:right;
	margin-right:10px;
	
}

#product .right {
	width:458px;
	float:left;	
}

#product .right .image {
	width:458px;
	height:480px;
	background-image:url(/images/shared/bkrnd_product_gradient_large.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}

#product .right .thumbs {
	width:458px;
	background-image:url(/images/shared/bkrnd_hor_dots.gif);
	background-repeat:repeat-x;
	background-position:left top;
	padding-top:10px;
}

#product .right .thumbs a  {
	float:left;
	width:50px;
	height:50px;
	margin-right:8px;
	border:solid 1px #cccccc;
	background-image:url(/images/shared/bkrnd_product_gradient.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}

#product .right .thumbs a:hover  {
	border:solid 1px #f7bfce;	
}

#product .right .thumbs a.selected  {
	border:solid 1px #f7bfce;
	
}


/* LATEST
--------------------------------------------------- */

#latest {
}

#latest .left {
	float:left;
	width:614px;
	margin:0px 10px 0px 0px;
	padding:10px 0px 0px 0px;
}

#latest .breadcrumbs {
	background-color:#f0f0f0;
	height:27px;
	font-size:14px;
	padding:8px 10px 0px 10px;
}

#latest .left .article {
	background-image:url(/images/shared/bkrnd_hor_dots.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	margin:0px 0px 0px 0px;
	padding:20px 20px 10px 10px
}

#latest .left .article h1 {
	font-size:22px;
	line-height:25px;
	margin:10px 0px 10px 0px;
}

#latest .left .article h2 {
	font-size:16px;
	line-height:20px;
	margin:20px 0px 6px 0px;
}

#latest .left .article p {
	font-size:13px;
	line-height:20px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px
}

#latest .left .article small {
	font-size:11px;
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
	display:block;
}

#latest .left .article ul, #latest .left .article ol {
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	font-size:13px;
	line-height:16px;
}

#latest .left .article ul li, #latest .left .article ol li {
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	list-style-position: inside;	
}

#latest .left .article img.left {
	margin:0px 15px 15px 0px;
	width:146px;
	padding:0px;
	float:left;
}

#latest .left .article img.right {
	margin:0px 0px 15px 15px;
	width:146px;
	padding:0px;
	float:right;
}

#latest .right {
	float:left;
	width:302px;
	padding:70px 0px 0px 0px;
}

#latest .right h2 {
	height:40px;
	width:302px;
	background-repeat:no-repeat;
	background-position:left top;
	margin:0px 0px 0px 0px;
	text-indent:-3000px;
	line-height:0.01px;	
}

#latest .right h2.categories {
	background-image:url(/images/shared/title_categories.gif);
}

#latest .right h2.archives {
	background-image:url(/images/shared/title_archives.gif);
}

#latest .right ul {
	margin:0px 0px 10px 0px;
	padding:15px 0px 10px 10px;
	font-size:12px;
	background-image:url(/images/shared/bkrnd_hor_dots.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

#latest .right ul li {
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 0px;
	list-style-type: none;
	font-size:12px;
	font-weight:bold;
}


/* STOCKISTS 
--------------------------------------------------- */
#stockists {
}

#stockists .search {
	background-color:#f0f0f0;
	padding:20px 0px 20px 55px;
	overflow:auto;
	width:871px;
	background-image:url(/images/shared/stockists_text.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#stockists .search select {
	color:#666666;
	width:220px;
}

#stockists .search span {

}

#stockists .search .left {
	float:left;
	width:287px;
}

#stockists h2 {	
	font-size:22px;
	font-weight:normal;
	padding:0px 10px 0px 10px;
	margin:20px 0px 10px 0px;
}

#stockists p {
	text-align:right;
	margin-right:10px;
}

#stockists table {
	font-size:12px;
	width:100%;
}

#stockists th {
	background-color:#f0f0f0;
	text-transform:uppercase;
	text-align:left;
	padding:15px 10px 10px 10px;
	background-image: url(/images/shared/bkrnd_hor_dots.gif);
	background-repeat:repeat-x;
	background-position: left bottom;
}


#stockists td {
	border:none;
	padding:12px 10px 12px 10px;
		vertical-align:top;
}

#stockists tr {
	background-image: url(/images/shared/bkrnd_hor_dots.gif);
	background-repeat:repeat-x;
	background-position: left bottom;
}

#stockists .stockistsTable col#c1 {
	width: 280px;
}

#stockists .stockistsTable col#c2 {
	width: 152px;
}

#stockists .stockistsTable col#c3 {
	width: 345px;
}

#stockists .stockistsTable col#c4 {
	width: 129px;
}


#stockists .onlinestockistsTable col#c1 {
	width: 310px;
}

#stockists .onlinestockistsTable col#c2 {
	width: 596px;
}

/* CHECKOUT
--------------------------------------------------- */

#checkout {
}

#checkout .steps {
	margin:20px 0px 30px 0px;
}

#checkout .steps .left {
	margin:0px 10px 0px 0px;
	float:left;
	width:224px;
}
#checkout .steps .right {
	margin:0px 0px 0px 0px;
	float:left;
	width:224px;
}

#checkout .steps a {
	display:block;
	width:224px;
	height:68px;
	text-indent:-3000px;
	font-size:0.01px;
	line-height:0.01px;
	background-image: url(/images/shared/checkout_top.gif);
	background-repeat:no-repeat;
}

#checkout .steps .one a {
	background-position: 0px 0px;
}
#checkout .steps .one a:hover, #checkout .steps .one a.selected:hover {
	background-position: 0px -136px;
}
#checkout .steps .one a.selected {
	background-position: 0px -68px;
}

#checkout .steps .two a {
	background-position: -224px 0px;
}
#checkout .steps .two a:hover, #checkout .steps .two a.selected:hover {
	background-position: -224px -136px;
}
#checkout .steps .two a.selected {
	background-position: -224px -68px;
}

#checkout .steps .three a {
	background-position: -448px 0px;
}
#checkout .steps .three a:hover, #checkout .steps .three a.selected:hover {
	background-position: -448px -136px;
}
#checkout .steps .three a.selected {
	background-position: -448px -68px;
}

#checkout .steps .four a {
	background-position: -672px 0px;
}
#checkout .steps .four a:hover, #checkout .steps .four a.selected:hover {
	background-position: -672px -136px;
}
#checkout .steps .four a.selected {
	background-position: -672px -68px;
}

#checkout .buttonHolder {
	text-align:right;
	padding:12px 10px 10px 10px;
	border-top:solid 1px #666666;
	margin-top:20px;
}
	
#checkout .termsWrapper {
	padding:0px 10px 0px 10px;
}

#checkout .termsWrapper label {
	font-size:11px;
}

#checkout h1 {
	font-size:16px;
	margin:0px 0px 10px 0px;
}

#checkout h2 {
	font-size:12px;
	margin:0px 0px 10px 0px;
	text-transform:uppercase;
}

#checkout p {
	font-size:12px;
	margin:0px 0px 10px 0px;
}

#checkout .processing {
	text-align:center;
	padding:50px 20px 80px 20px;	
}

#checkout .processing p {
	font-size:16px;
	margin-top:20px;
}

/* checkout step 1 */

#checkout .buttonHolder a.nextButton {
	border:medium none;
	margin:0;
	padding:0;
	width:100px;
	height:27px;
	text-indent:-3000px;
	float:right;
	background-image: url(/images/shared/button_next.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	color:red;
	line-height:0.01px;
	text-align:left;
}

#checkout .buttonHolder a.nextButton:hover {
	background-position:0px -27px;
	
}


#checkout a.trash {
	background-image: url(/images/shared/trash_icon.gif);
	background-repeat:no-repeat;
	background-position: left top;
	padding-left:15px;
	font-size:11px;
	font-weight:normal;
	text-transform:none;
}

#checkout table {
	table-layout: auto;
	width:926px;
}

#checkout .cart {
}

#checkout .cart select {
	width:50px;
	font-size:11px;
	margin:0px;
	padding:0px;
	margin-right:8px;
	color:#666666;
}

#checkout .cart table {
	font-size:12px;
}

#checkout .cart th {
	background-color:#f0f0f0;
	text-transform:uppercase;
	text-align:left;
	padding:15px 10px 10px 10px;
}

#checkout .rightAlignment, #checkout th.rightAlignment {
	text-align:right;
}

#checkout .cart td {
	border:none;
	padding:12px 10px 12px 10px;
}

#checkout .cart tr {
	background-image: url(/images/shared/bkrnd_hor_dots.gif);
	background-repeat:repeat-x;
	background-position: left top;
}

#checkout .cart col#c1 {
	width: 290px;
}

#checkout .cart col#c2 {
	width: 172px;
}

#checkout .cart col#c3 {
	width: 80px;
}

#checkout .cart col#c4 {
	width: 120px;
}

#checkout .cart col#c5 {
	width: 180px;
}

#checkout .cart col#c6 {
	width: 84px;
}

#checkout .total {
	border-top:solid 1px #666666;
	padding:10px 0px 10px 0px;
}

#checkout .total td {
	border:none;
	padding:0px 10px 5px 10px;
}

#checkout .leftAlignment {
	text-align:left;
}

#checkout .total table {
	font-size:12px;
	text-align:right;
	font-weight:bold;
	text-transform:uppercase;
}

#checkout .total col#t1 {
	width: 642px;
}

#checkout .total col#t2 {
	width: 200px;
}

#checkout .total col#t3 {
	width: 84px;
}

/* checkout step 2 */

.reviewButton {
	background-image: url(/images/shared/button_review.gif);
}

#checkout .leftCol {
	float:left;
	width:614px;		
}

#checkout .rightCol {
	float:left;
	width:302px;
	margin:0px 0px 0px 10px;
}

#checkout .rightCol span {
	font-size:12px;
	color:#e33264;
}

/* checkout step 3 */

.orderButton {
	background-image: url(/images/shared/button_order.gif);
}

#checkout .summary {
	background-image: url(/images/shared/bkrnd_promo_large_dots.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	overflow:auto;
	width:100%;
	margin:0px 0px 20px 0px;
}

#checkout .summary h1 {
	background-image: url(/images/shared/bkrnd_promo_large_dots.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	padding:0px 0px 10px 10px;
}

#checkout .summary h2 {
	margin:0px 0px 8px 0px;
}

#checkout .summary .left {
	float:left;
	width:282px;
	margin-right:10px;
	padding:15px 10px 15px 10px;
}

#checkout .summary .right {
	float:left;
	width:282px;
	padding:15px 10px 15px 10px;
}



/* ERROR PAGE 
--------------------------------------------------- */

#errorPage {
	padding:20px 0px 0px 0px;
}


/* FOOTER 
--------------------------------------------------- */

#footerWrapper {
	height:70px;
	margin-top:60px;
	background-image: url(/images/shared/bkrnd_footer_line.gif);
	background-repeat:no-repeat;
	background-position: left top;
}

#footerWrapper .footer {
	height:70px;
	margin:auto;
	width:926px;
	background-image: url(/images/shared/bkrnd_footer_line.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top:15px;
	color:#CCCCCC;
	font-size:11px;
}

/* FIXES 
--------------------------------------------------- */

.spacer {
	height: 0.01px;
	clear: both;
	font-size: 0.01px;
	line-height: 0.01px;
}
:focus { -moz-outline-style: none; }