@charset "utf-8";
/* CSS Document */

.bodyContent {
	display: block;
	min-height: 416px;
	padding: 15px 10px 40px;
	position: relative;
}

.bodyContent h1, .bodyContent h2, .bodyContent h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.bodyContent h1 {
	margin-bottom: 10px;
}

.bodyContent p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}

.dropDown * {
	display: block;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.dropDown {
	position: relative;
}

.dropDown .hover, .dropDown a, .dropDown a:visited, .dropDown a:hover {
	display: block;
	width: 239px;
	height: 22px;
	line-height: 22px;
	text-indent: 10px;
	color: #000;
}

.dropDown .hover {
	background: url(../images/stockists/menu-BG.jpg) left top no-repeat;
	text-indent: 20px;
	cursor: pointer;
}

.dropDown ul {
	display: none;
}

.dropDown .hover:hover ul {
	display: block;
	position: absolute;
	top: 22px;
	left: 10px;
}

.dropDown a, .dropDown a:visited, .dropDown a:hover {
	width: 209px;
	background: #b6ebf3;
}

.dropDown a:hover {
	background: #9be0ea;
}

#stockists h2 {
	display: block;
	height: 33px;
	line-height: 33px;
	margin: 0px 0px 10px;
	clear: both;
	border-top: 1px solid #b3e9f0;
	border-bottom: 1px solid #b3e9f0;
}

#stockists table {
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
	

#stockists th {
	height: 22px;
	line-height: 22px;
	text-align: left;
	padding: 0px 10px;
	border-bottom: 1px solid #b3e9f0;
}

#stockists td {
	height: 29px;
	line-height: 29px;
	padding: 0px 10px;
}

#stockists tr:nth-child(even) td {
	background: #dff6f9;
}

/* Right blocks, ie high-protection etc... */

.rightBlock * {
	margin: 0px;
	padding: 0px;
	
}

.rightBlock {
	border-bottom: 1px solid #FFF;
}

.high-protection {
	background: url(../images/about-highest-protection-banner.jpg) left top no-repeat;
	padding: 5px 0px 5px 75px;
	font-size: 11px;
	line-height: 1.1em;
}

/* News Block on Homepage */

.news_block {
	padding: 10px;
	height: 160px;
	border-bottom: 1px solid #FFF;
	overflow: hidden;
}
.news_block h1 {
	font-size: 12px;
}

.news_block p {
	font-size: 10px;
}

.video_block {
	padding: 10px;
}

.video_block h2, .video_block p, .news_block h1, .news_block p {
	margin: 0px !important;
	padding: 0px !important;
}

.video_block p {
	padding-bottom: 10px !important;
	font-size: 10px;
}

/* HOMEPAGE */

.arti_home {
	border-bottom: 1px solid #FFF;
	padding: 10px;
}

.arti_wrapper {
	overflow: hidden;
	width: 100%;
}

.arti_wrapper img {
	float: left;
}

.arti_desc {
	float: left;
	width: 160px;
	margin-left: 10px;
}


.arti_desc h2, .arti_desc p {
	margin: 0px !important;
	padding: 0px !important;
	font-size: 10px;
}

.arti_desc h2 {
	font-size: 12px;
}
.arti_desc a, .arti_desc a:visited, .arti_desc a:hover {
	font-size: 9px;
	color: #31211c;
	text-transform: uppercase;
}

.arti_desc a span {
	color: #1ca7ba;
	font-weight: bold !important;
	font-size: 10px;
}

/* MEDIA SECTION */

.new-media h1, .new-media h2, .new-media h3, .new-media h4, .new-media p {
	margin: 0px;
	padding: 0px;
}

.header {
	display: block;
	border-bottom: 1px solid #b3e9f0;
	overflow: hidden;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

.new-media h1, .new-media h2 {
	display: block; 
	float: left;
	font-size: 19px;
	color: #1CA7BA;
	font-weight: normal;
}

.new-media h2 {
	float: right;
}

.section {
	display: block;
	overflow: hidden;
	width: 100%;

}

.thumbnail-wrapper {
	float: left;
	width: 235px;
	min-height: 190px;
}

.thumbnail-wrapper a, .thumbnail-wrapper a:visited, .thumbnail-wrapper a:hover, .thumbnail-wrapper img {
	border: 0px;
}

.section .thumbnail {
	width: 126px;
	margin: 0 auto;
}

.rew {
	margin-left: 10px;
}

.section .information {
	position: relative;
	overflow: hidden;
		border-bottom: 1px solid #b3e9f0;
	padding: 15px 0px;
	margin-bottom: 5px;
}

.section .information h3 {
	font-size: 12px;
	font-weight: bold;
	display: block;
}

.section .information .metadata-tags {
	position: absolute;
	bottom: 15px;
	left: 235px;
	margin: 0px;
	padding: 0px;
	font-size: 9px;
	width: 253px;
}

.section .information a.view-article, .section .information a.view-article:visited, .section .information a.view-article:hover {
	display: block;
	float: left;
	padding-left: 25px;
	height: 20px;
	line-height: 20px;
	color: #1ca7ba;
	background: url(../images/beauty-club/beauty-club-pdf.jpg) left center no-repeat;
	font-size: 12px;
	margin-top: 5px;
}

.section .information a.view-article strong {
	color: #000;
}

.section .information .metadata-tags a, .section .information .metadata-tags a:visited, .section .information .metadata-tags a:hover{
	color: #000;
	text-transform: uppercase;
}

.tags, .tags li, .tagsYears, .tagsYears li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.tags li {
	margin-left: 10px;
	margin-top: 2px;
}

.tags li a, .tags li a:visited, .tags li a:hover {
	text-transform: uppercase;
	color: #000;
	display: block;
	font-size: 9px;
}

.tags li a:after {
	content: " >";
	color: #1ca7ba;
	font-weight: bold;
}

.tagsYears li {
	padding-left: 10px;
	border-bottom: 1px solid  #FFF;
}

.tagsYears a, .tagsYears a:visited, .tagsYears a:hover {
	display: block;
	height: 29px;
	line-height: 29px;
	color: #000;
	font-weight: bold;
	
}

.media-slide {
	background: url(images/media-slide-background.jpg) repeat-y;
	border-bottom: 1px solid #FFF;
}

.media-slide .tagHeader {
	height: 28px;
	line-height: 28px;
	color: #363636;
}

.pagination {
	overflow: hidden;
	width: 100%;
	margin-top: 10px;
}

.pagination p {
	float: right;
}

.pagination a, .pagination a:visited, .pagination a:hover, .pagination b {
	display: block;
	float: left;
	padding: 0px 7px;
	height: 20px;
	line-height: 20px;
	background: #b3e9f0;
	margin-left: 5px;
	color: #000;
	text-transform: uppercase;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;

}
.pagination b, .pagination a:hover {
	background: #1ca7ba;
}

/* Buy Now Area */

.item_block {
	clear: both;
	position: relative;
	padding: 10px 0 10px;
	border-top: 1px solid #b3e9f0;
	overflow: hidden;
}

.item_block h3 {
	font-weight: normal;
	margin: 5px 0;
	padding: 0;
}

.aLeft { margin: 0; padding: 25px 20px 0 20px; }

div.shades {
	display: block;
	background-image: url(../images/items/shades-frame.png);
	height: 32px;
	width: 69px;
}

.shadesClear { background-image: url(../images/items/shades-frame-clear.png) !important; }

.item_block table {
	empty-cells:show;
}

.item_block .out_of_stock {
	color: #900;
	font-weight: bold;
	font-size: 11px;
}

.out_of_stock div {
	position: relative;
}

.out_of_stock span {
	position: absolute;
	white-space:nowrap;
	right: 0;
	bottom: -7px;
}

.ots td {
	padding-top: 100px;
}

#bronze-radiance .ots td {
	padding-top: 60px !important;
}

.clear { clear: both; }

.aLeft {
	float: left;
}

/* Products / Face / Body */

	#product-display ul, #product-display li, #product-display dd, #product-display dt, #product-display dl, #product-display img {
		margin: 0;
		padding: 0;
		list-style: none;
		border: 0;
	}
	
	#product-display h3 {
		padding: 0;
		margin: 0;
		font-size: 12px;
	}
	
	#product-display h3 + p {
		padding: 0 0 10px;
		margin: 0;
	}
	

	#product-display { position: relative; min-height: 500px;}

	#hgroup {
		background: url(../images/products-header-back.jpg) left -1px no-repeat;
	}
	
	#hgroup h1 {
		color: #FFF;
		height: 40px;
		line-height: 40px;
		margin: 0;
		padding: 0 10px;
		font-weight: normal;
	}
	
	#product-display .volume {
		font-size: 10px;
	}
	
	#product-display  #hgroup h2 {
		color: #1ca7ba;
		font-weight: normal;
		margin: 0;
		padding: 10px 10px;
	}
	
	#product-display  #header p {
		color: #FFF;
		font-size: 15px;
		height: 40px;
		line-height: 43px;
		right: 10px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
	}
	
	#product-display  #header p a {
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1ca7ba), to(#aedfe5));
			background: -moz-linear-gradient(#1ca7ba, #aedfe5);
			-pie-background: linear-gradient(#1ca7ba, #aedfe5);
		/* Border Radius*/	
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		border-radius: 5px;
		color: #FFF;
		display: inline-block;
		font-size: 12px;
		font-weight: bold;
		height: 21px;
		line-height: 20px;
		margin: 0 0 0 10px;
		text-align: center;
		top: -4px;
		position: relative;
		width: 70px;
		
		behavior: url(../javascripts/PIE.htc);
	}
	
	#product-display  #header p a:hover {
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1ea7b7), to(#9bd7df));
			background: -moz-linear-gradient(#1ea7b7, #9bd7df);
			-pie-background: linear-gradient(#1ea7b7, #9bd7df);
	}
	
	#product-display  #section {
		background: url(../images/global/products-content-background.jpg) 260px 50px no-repeat;
		margin: 0 0 0 10px;	
	}
	
	#product-display #section .image-nav {
		position: relative;
		float: right;
		margin-right: 20px;
		width: 220px;
	}
	
	.nav {
		display: block;
		float: left;
		position: relative;
		margin: 0 auto;
		left: 50%;
		z-index: 9999;
		width: 174px;
	}
		.nav a {
			display: block;
			float: left;
			height: 20px;
			position: relative;
			right:50%;
			margin: 0;
			padding: 0;
		}
		
		.nav a.next { width: 82px; background: url('../images/products/button-next.jpg') 10px top no-repeat; }
		.nav a.prev { width: 72px; background: url('../images/products/button-previous.jpg') right top no-repeat; }
		
		.nav a.next:hover { background-position: 10px -23px !important; }
		.nav a.prev:hover { background-position: 0px -23px !important; }
		
		.nav a.hide { visibility: hidden !important; }
	
	#product-display  .inner-wrapper {
		width: 250px;
		float: left;
		position: relative;
		z-index: 9999;
	}

	#product-display  #section h3 { color: #000; margin: 0; padding: 0; }
	#product-display  #section h3:before {
		content: "• ";
		color: #1ca7ba;
	}
	
	#product-display  #section p:before { content: ""; }
	
	#product-display  #section ul {
		margin: 0 0 10px 10px;
		list-style: none;
	}
	
	#product-display  #section ul li:before, #product-display  dl dd:before { content: "- "; }
	
	ol.shades div.shades { background-image: url(../images/items/shades-frame-small.png); height: 23px; width: 50px; display: inline-block; } 
	ol.shades .shadesClear { background-image: url(../images/items/shades-frame-small-clear.png) !important; }
	
	ol.shades { position: relative; overflow: hidden; padding: 0 0 10px; margin: -5px 0 0;}
	ol.shades li { list-style: none; float: left; font-size: 10px; text-align: center; margin: 0 5px 0 0 !important; text-align: center; white-space: nowrap; }
	ol.shades li:before { content: "" }
	
	#product-display  dl {
		margin: 0 10px 10px;
	}
	
	#product-display  dl dd {
		font-style: italic;
		font-size: 11px;
	}
	
	.product-list {
		margin: 0 0 10px;
		padding: 0;
	}
	
		.product-list li {
			float: left;
			min-height: 215px;
			list-style: none;
			text-align: center;
			position: relative;
			width: 127px;
			padding: 0;
			margin: 0 0 10px;
		}
		
		.product-list img {
			display: inline-block;
			text-align: center;
			position: relative;
			border: 0;
		}
		
		.hideExcess {
			display:inline- block;
			text-align: center;
			position: relative;
			border: 0;
			overflow: hidden !important;
			height: 220px;
		}
		
		.product-list span.product_name {
			display: block;
			color: #1ca7ba;
			font-size: 12px;
			font-weight: bold;
			bottom: 0px;

			width: 127px;
		}
		
		.product-list span span {
			border-top:4px solid transparent;  /* left arrow slant */ 
			border-bottom:4px solid transparent; /* right arrow slant */ 
			border-left:4px solid #3d2827; /* bottom, add background color here */
			bottom: 0;
			display: inline-block;
			font-size:0px;
			height:0px;
			left: 0px;
			margin: 0 5px 0 0;
			line-height:0px;
			visibility: hidden;
			width:0 !important;
			position: relative;
			
		}
		
		.product-list li:hover span {
			visibility: visible;
		}

#aboutHissyFit h3 {
	color: #1ca7ba;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#aboutHissyFit h3 + p:before {
	content: "· ";
}