/*
Version: 7 May 2010
*/

a:focus, object {
	outline: none; /* Just for Firefox */
}
	
#masthead {
	padding: 20px 40px;
}

a#brandmark, a#brandmark:visited, a#brandmark:hover, a#brandmark:active {
	background-image: url(../_images/brandmark.png);
	display: block;
	float: left;
	height: 55px;
	text-indent: -9999px;
	width: 55px;
}

.free-shipping {
	color: #666; font-family: Calibri, Verdana, Arial, sans-serif; font-size: 12px; position: absolute; margin-left: 20px; margin-top: 42px;
}
	/* Target Webkit
		----------------------------------------------- */
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.free-shipping {
				 margin-left: 75px;
			}
		}
		
/* ----------------------------------------------- */
#search {
	float: right;
	margin-right: 10px;
	width: 170px;
	overflow: hidden;
}
#search label, #search legend {
	left: -9999px;
	position: absolute;
}
#search input[type=text] {
	background-color: #c6b0ba;
	background-image: url(../_images/backgrounds/inputs/keyword-search.gif);
	background-repeat: no-repeat;
	border-width: 0;
	color: #fff;
	float: left;
	padding: 4px 2px 5px 3px;
	width: 141px;
}
	/* Target Webkit
		----------------------------------------------- */
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			#search input[type=text] {
				height: 15px;
			}
		}
		
	#search input.submit {
		float: left;
		height: 24px;
		width: 24px;
	}

/* ----------------------------------------------- */
#basket {
	color: #fff;
	float: right;
	margin: 0 40px 0 0;
}
	#basket li {
		float: left;
	}
		#basket li:first-child,
		#basket li.first-child {
			background-color: #c6b0ba;
			background-image: url(../_images/backgrounds/inputs/keyword-search.gif);
			background-repeat: no-repeat;
			padding-left: 8px;
		}
		#basket li.divider {
			background-color: #c6b0ba;
			padding: 4px 10px;
		}
	
#basket a, #basket a:visited, #basket a:hover, #basket a:active {
	background-color: #c6b0ba;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	padding-top: 4px;
   	padding-bottom: 4px;
	text-decoration: none;
}
	#basket a:hover, #basket a:active {
		color: #fff;
		text-decoration: underline;
	}
		#basket a:active {
			text-decoration: none;
		}
		
	#basket .call-to-action a, #basket .call-to-action a:visited, #basket .call-to-action a:hover, #basket .call-to-action a:active {
		background-image: url(../_images/buttons/go.gif);
		background-position: 100% 0;
   		padding-right: 26px;
   		padding-right: 30px;
	}
	
#basket .number_items a, #basket .number_items a:visited, #basket .number_items a:hover, #basket .number_items a:active {
    background-image: url(../_images/icons/shopping-bag.gif);
	background-image: none;
    background-position: 0 3px;
    padding-left: 20px;
    padding-left: 0;
}

/* ----------------------------------------------- */
#utility-navigation {
	float: right;
	padding-right: 10px;
}
	#utility-navigation li {
		float: left;
		margin-right: 20px;
	}
		#utility-navigation li:last-child,
		#utility-navigation li.last-child {
			margin-right: 0;
		}
	
	#utility-navigation a, #utility-navigation a:visited, #utility-navigation a:hover, #utility-navigation a:active {
		color: #7d5179;
		text-decoration: none;
	}
		#utility-navigation a:hover, #utility-navigation a:active {
			color: #f04e6a;
		}

/* ----------------------------------------------- */
#nav {
	padding-top: 20px;
	padding-bottom: 0;
	text-transform: uppercase;
}
	#nav ul ul {
		left: -9999px;
		position: absolute;
		text-transform: none;
	}
	
	#nav ul ul.visible {
		background-color: transparent;
		left: 46px;
		margin-top: -9px;
		padding-bottom: 0;
		position: absolute;
		width: 91%;
	}

#nav li {
	background-repeat: no-repeat;
	background-position: bottom right;
	float: left;
	margin-right: 10px;
	padding: 0;
}
	#nav ul ul li {
		padding: 7px 0 0 0;
	}
	
	#nav li.selected {
		background-image: url(../_images/nav/selected-state/bottom-right.gif);
	}
		#nav ul ul li.selected {
			background-image: none;
		}
		
	#nav li.type-02 {
		float: right;
		margin-right: 0;
		margin-left: 10px;
	}
	
	#nav li:last-child,
	#nav li.last-child {
		margin-right: 0;
	}
	
	#nav li span {
		background-repeat: no-repeat;
		background-position: top right;
		display: block;
		padding: 0;
	}
		#nav li.selected span {
			background-image: url(../_images/nav/selected-state/top-right.gif);
		}
		
		#nav li span span {
			background-repeat: no-repeat;
			background-position: top left;
		}
			#nav li.selected span span {
				background-image: url(../_images/nav/selected-state/top-left.gif);
			}
	
	#nav a, #nav a:visited, #nav a:hover, #nav a:active {
		background-repeat: no-repeat;
		background-position: bottom left;
		color: #7d5179;
		display: block;
		padding: 8px 10px 8px 10px;
		text-decoration: none;
	}
		#nav a:hover, #nav a:active {
			color: #f04e6a;
			text-decoration: none;
		}
			#nav a:active {
				text-decoration: underline;
			}
			
	#nav .selected a, #nav .selected a:visited, #nav .selected a:hover, #nav .selected a:active {
		background-image: url(../_images/nav/selected-state/bottom-left.gif);
		color: #f04e6a;
		text-decoration: none;
	}
		
		#nav .selected ul a, #nav .selected ul a:visited, #nav .selected ul a:hover, #nav .selected ul a:active {
			color: #7d5179;
		}
			#nav .selected ul a:hover, #nav .selected ul a:active {
				color: #f04e6a;
			}
				#nav .selected ul a:active {
					text-decoration: none;
				}
				
				#nav .selected ul .selected a, #nav .selected ul .selected a:visited, #nav .selected ul .selected a:hover, #nav .selected ul .selected a:active {
					color: #f04e6a;
					text-decoration: none;
				}
		
	#nav a em, #nav a:visited em, #nav a:hover em, #nav a:active em {
		font-style: normal;
		height: 12px;
		display: block;
		text-indent: -9999px;
	}
		#nav a:hover em, #nav a:active em,
		#nav .selected a em, #nav .selected a:visited em, #nav .selected a:hover em, #nav .selected a:active em {
			background-position: 0 -12px;
		}
		
		#nav a.home em, #nav a.home:visited em {
			background-image: url(../_images/nav/home.gif);
			width: 41px;
		}
		#nav a.face em, #nav a.face:visited em {
			background-image: url(../_images/nav/face.gif);
			width: 33px;
		}
		#nav a.body em, #nav a.body:visited em {
			background-image: url(../_images/nav/body.gif);
			width: 39px;
		}
		#nav a.supplements em, #nav a.supplements:visited em {
			background-image: url(../_images/nav/supplements.gif);
			width: 96px;
		}
		#nav a.gifts em, #nav a.gifts:visited em {
			background-image: url(../_images/nav/gifts.gif);
			width: 37px;
		}
		#nav a.behind-the-brand em, #nav a.behind-the-brand:visited em {
			background-image: url(../_images/nav/behind-the-brand.gif);
			width: 133px;
		}
		#nav a.reviews em, #nav a.reviews:visited em {
			background-image: url(../_images/nav/reviews.gif);
			width: 57px;
		}
		
		#nav a.sale em, #nav a.sale:visited em {
			background-image: url(../_images/nav/sale.gif);
			width: 32px;
		}
		
/* ----------------------------------------------- */
#hero, #hero .slides {
	height: 375px;
}

#hero {
	margin: 10px 40px 0 40px;
}
	#hero {
		margin: -20px 40px 0 40px;
	}
	#hero .slide {
		background-repeat: no-repeat;
		position: absolute;
		height: 375px;
		width: 875px;
	}
	
#slide-controls {
	background-image: url(../_images/hero/controls/border-right.png);
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 24px;
	margin-left: 10px;
	margin-top: -35px;
	padding-right: 6px;
	position: absolute;
	z-index: 100;
}
	#slide-controls ul {
		background-image: url(../_images/hero/controls/border-left.png);
		background-repeat: no-repeat;
		height: 24px;
		padding-left: 6px;
	}
	
	#slide-controls li {
		background-color: #502c49;
		float: left;
		height: 15px;
		padding-top: 9px;
		padding-right: 3px;
		text-indent: -9999px;
	}
		#slide-controls li:first-child,
		#slide-controls li.first-child {
			padding-left: 3px;
		}
		
		#slide-controls li.previous, #slide-controls li.play-pause, #slide-controls li.next {
			height: 18px;
			padding-top: 6px;
		}
		
		#slide-controls li.previous {
			padding-left: 30px;
		}
		
		#slide-controls li.play-pause {
			padding-left: 3px;
			padding-right: 6px;
		}
		
		#slide-controls li.next {
			background-image: url(../_images/hero/controls/border-right.png);
		}
		
		#slide-controls li a, #slide-controls li a:visited, #slide-controls li a:hover, #slide-controls li a:active {
			background-image: url(../_images/hero/controls/slide.gif);
			background-repeat: no-repeat;
			display: block;
			height: 6px;
			width: 6px;
		}
			#slide-controls li a:hover, #slide-controls li a:active {
				background-position: 0 -6px;
			}
			
		#slide-controls li a.selected, #slide-controls li a.selected:visited, #slide-controls li a.selected:hover, #slide-controls li a.selected:active {
			background-position: 0 -12px;
		}
			
		#slide-controls li.previous a, #slide-controls li.previous a:visited, #slide-controls li.previous a:hover, #slide-controls li.previous a:active,
		#slide-controls li.next a, #slide-controls li.next a:visited, #slide-controls li.next a:hover, #slide-controls li.next a:active,
		#slide-controls li.play-pause a, #slide-controls li.play-pause a:visited, #slide-controls li.play-pause a:hover, #slide-controls li.play-pause a:active {
			background-image: url(../_images/hero/controls/previous.gif);
			height: 12px;
			width: 7px;
		}
			#slide-controls li.next a, #slide-controls li.next a:visited, #slide-controls li.next a:hover, #slide-controls li.next a:active {
				background-image: url(../_images/hero/controls/next.gif);
			}
			#slide-controls li.play-pause a, #slide-controls li.play-pause a:visited, #slide-controls li.play-pause a:hover, #slide-controls li.play-pause a:active {
				background-image: url(../_images/hero/controls/pause.gif);
			}
			
			#slide-controls li.play-pause a.is-paused, #slide-controls li.play-pause a.is-paused:visited, #slide-controls li.play-pause a.is-paused:hover, #slide-controls li.play-pause a.is-paused:active {
				background-image: url(../_images/hero/controls/play.gif);
			}
			
			#slide-controls li.previous a:hover, #slide-controls li.previous a:active,
			#slide-controls li.next a:hover, #slide-controls li.next a:active,
			#slide-controls li.play-pause a:hover, #slide-controls li.play-pause a:active {
				background-position: 0 -12px;
			}
			
/* ----------------------------------------------- */
		
.add-to-bag a, .add-to-bag a:visited, .add-to-bag a:hover, .add-to-bag a:active {
	background-image: url(../_images/icons/shopping-bag.png);
	background-position: 100% 0;
	background-repeat: no-repeat;
	color: #33b2d1;
	padding-top: 2px;
	padding-right: 20px;
	text-decoration: none;
}
	.add-to-bag a:hover, .add-to-bag a:active {
		color: #33b2d1;
		text-decoration: underline;
	}
		.add-to-bag a:active {
			text-decoration: none;
		}
		
.slide .call-to-action {
	color: #8d7091;
	display: block;
}
	#slide-2 .slide .call-to-action {
		color: #33b2d1;
	}
	#slide-3 .slide .call-to-action {
		color: #66cc33;
	}

.slide .call-to-action a, .slide .call-to-action a:visited, .slide .call-to-action a:hover, .slide .call-to-action a:active {
	color: #8d7091;
	text-decoration: none;
}
	#slide-1 .slide .call-to-action a, #slide-1 .slide .call-to-action a:visited, #slide-1 .slide .call-to-action a:hover, #slide-1 .slide .call-to-action a:active {
		color: #33b2d1;
	}
	#slide-3 .slide .call-to-action a, #slide-3 .slide .call-to-action a:visited, #slide-3 .slide .call-to-action a:hover, #slide-3 .slide .call-to-action a:active {
		color: #66cc33;
	}
	.slide .call-to-action a:hover, .slide .call-to-action a:active {
		text-decoration: underline;
	}
		.slide .call-to-action a:active {
			text-decoration: none;
		}
			
/* ----------------------------------------------- */
table.type-02 {
	border-collapse: collapse; 
	border-spacing: 0;
	color: #fff;
	margin: 30px 0 0 0;
	padding: 0;
	table-layout: fixed;
	width: 100%;
}
	table.type-02 thead {
		display: none;
	}
	
	table.type-02 th, table.type-02 thead th, table.type-02 td {
		padding: 0;
		white-space: normal;
		vertical-align: top;
	}
	
	table.type-02 td.empty {
		width: 10px;
	}
	
	table.type-02 tbody td {
		background-position: 50% 50%;
		background-repeat: no-repeat;
		color: #5f3c54;
		padding: 30px 30px 0 15px;
		height: 160px;
	}
		/* Target Webkit
		----------------------------------------------- */
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			table.type-02 tbody td {
				padding: 30px 30px 0 35px;
			}
		}
		
	table.type-02 h2 {
		font-size: 115%;
		font-weight: bold;
		letter-spacing: .5px;
		padding-bottom: 5px;
		text-transform: uppercase;
	}
	
	table.type-02 a, table.type-02 a:visited, table.type-02 a:hover, table.type-02 a:active {
		color: #fff;
		text-decoration: none;
	}
		table.type-02 a:hover, table.type-02 a:active {
			text-decoration: underline;
		}
			table.type-02 a:active {
				text-decoration: none;
			}
			
	table.type-02 .type-02 h2 a, table.type-02 .type-02 h2 a:visited, table.type-02 .type-02 h2 a:hover, table.type-02 .type-02 h2 a:active,
	table.type-02 .type-02 a, table.type-02 .type-02 a:visited, table.type-02 .type-02 a:hover, table.type-02 .type-02 a:active {
		color: #5f3c54;
	}
	table.type-02 .type-03 h2 a, table.type-03 .type-03 h2 a:visited, table.type-03 .type-03 h2 a:hover, table.type-03 .type-03 h2 a:active,
	table.type-02 .type-03 a, table.type-02 .type-03 a:visited, table.type-02 .type-03 a:hover, table.type-02 .type-03 a:active {
		color: #5f3c54;
	}
	table.type-02 .type-04 h2 a, table.type-04 .type-04 h2 a:visited, table.type-04 .type-04 h2 a:hover, table.type-04 .type-04 h2 a:active,
	table.type-02 .type-04 a, table.type-02 .type-04 a:visited, table.type-02 .type-04 a:hover, table.type-02 .type-04 a:active {
		color: #5f3c54;
	}
	
		table.type-02 .call-to-action {
			float: right;
			font-size: 130%;
			padding-top: 20px;
		}
			table.type-02 .call-to-action a, table.type-02 .call-to-action a:visited, table.type-02 .call-to-action a:hover, table.type-02 .call-to-action a:active {
				font-size: 70%;
				padding-bottom: 5px;
			}

/* ----------------------------------------------- */		
#site_globals {
	margin: 20px 0 0 0;
	padding-top: 20px;
	overflow: auto;
	clear: both;
}

#select_country {
	float: left;
}
	#select_country legend, #select_country label {
		left: -9999px;
		position: absolute;
	}	
	#select_country select {
		margin-right: 10px;
	}
	
	#site_globals a, #site_globals a:visited, #site_globals a:hover, #site_globals a:active {
		border-bottom: none;
		color: #8d7091;
		text-decoration: none;
	}
		#site_globals a:hover, #site_globals a:active {
			color: #8d7091;
			text-decoration: underline;
		}
			#site_globals a:active {
				text-decoration: none;
			}
			
/* ----------------------------------------------- */	
#legals {
	float: right;
	overflow: hidden;
	margin: 4px 0 0 0;
	font-size: 12px;
}
	#legals li {
		background-repeat: no-repeat;
		float: left;
		color: #8d7091;
		margin-right: 20px;
	}
	#legals li:last-child,
	#legals li.last-child {
		margin-right: 0;
	}
	
	#legals li.trustmark {
		height: 16px;
		margin-right: 10px;
		text-indent: -9999px;
	}
	#legals li.amex {
		background-image: url(../_images/trustmarks/amex.gif);
		margin-left: 210px;
		width: 18px;
	}
	#legals li.visa {
		background-image: url(../_images/trustmarks/visa.gif);
		background-position: 0 2px;
		width: 32px;
	}
	#legals li.maestro {
		background-image: url(../_images/trustmarks/maestro.gif);
		width: 24px;
	}
	#legals li.mastercard {
		background-image: url(../_images/trustmarks/mastercard.gif);
		margin-right: 0;
		width: 24px;
	}
	
#zone_link {
	color: #999;
	font-size: 90%;
	margin: 0 auto;
	padding: 0 0 5px 0;
	position: relative;
	text-align: center;
	top: 7px;
	width: 955px; /* 968px without padding */
}
	#zone_link p {
		margin: 10px 0;
	}
	
	#zone_link a, #zone_link a:visited, #zone_link a:hover, #zone_link a:active {
		border-bottom: none;
		color: #999;
		text-decoration: none;
	}
		#zone_link a:hover, #zone_link a:active {
			color: #999;
			text-decoration: underline;
		}
			#zone_link a:active {
				text-decoration: none;
			}
			
.error {
	color: red;
	display: block;
}

/* ----------------------------------------------- */
#social-networking {
	overflow: hidden;
	position: absolute;
	margin: 1px 0 0 0;
	right: 260px;
	font-size: 12px;
}
	#social-networking li {
		background-repeat: no-repeat;
		float: left;
		color: #8d7091;
		height: 20px;
		margin-right: 10px;
		width: 20px;
		text-indent: -9999px;
	}
	#social-networking li:last-child,
	#social-networking li.last-child {
		margin-right: 0;
	}

	#social-networking li.facebook {
		background-image: url(../_images/icons/social-networking/facebook.gif);
	}
	#social-networking li.twitter {
		background-image: url(../_images/icons/social-networking/twitter.gif);
	}
	
	#social-networking a, #social-networking a:visited, #social-networking a:hover, #social-networking a:active {
		display: block;
	}
	
/* ----------------------------------------------- */
#google-plusone {
	position: absolute;
	margin-left: 320px;
	margin-top: 2px;
}