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

.padding{padding:10px}
.padding-20{padding:20px}
.padding-left{padding-left:10px}
.padding-right{padding-right:10px}
.padding-top{padding-top:10px}
.padding-bottom{padding-bottom:10px}
.border{border:1px solid #b5b5b5}
.shadow {
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}
.htabsHome {
	height: 40px;		
	border-bottom: 1px solid #d6d6d6;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background:#1b1b19;
	padding:0 10px;
}
.htabsHome a {
	padding: 10px 10px 9px 10px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background:#333333;
	margin-top:5px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-khtml-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	margin-right:3px;
}
.htabsHome a:hover {background:#1c1c1a;}
.htabsHome a.pink {
	background: #eb087e;
}
.htabsHome a:hover.pink{background:#c90767}
.htabsHome a.selected {
	padding-bottom: 10px;
	background: #FFFFFF;
	color:#343434;
}

.tab-contentHome {
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	padding: 20px;
	margin-bottom: 20px;
	z-index: 2;
	overflow: auto;
	height:auto;
}
.white{color:#fff}
.pink{color:#ff0066}
#ColourMatchHome .left{float:left;width:500px}
#ColourMatchHome .right{float:right;width:350px; padding:20px 0 0 20px; line-height:30px; border:1px solid #b5b5b5}
#ColourMatchHome .description{color:#666666; font-size:16px}

#Customer-Styles .item{
 -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
  border:1px solid #e2e2e2;
  float:left;
  margin:0 25px;
  width:417px;
  height:685px;
}
#Customer-Styles .description{
padding:10px 10px 0 10px;
font-weight:bold;
color:#000;
}
#Customer-Styles .link{
float:right;
padding:5px 10px
}
#Videos .item{
 -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
  border:1px solid #e2e2e2;
  float:left;
  margin:10px;
  width:30.8%;
}
#Style-of-month{
}
#Style-of-month .leftcol{
float:left;
width:400px;
}
#Style-of-month .leftcol .products .title{
text-align:center;
font-weight:bold;
font-size:16px;
border-top:2px solid #000;
margin-top:20px;
padding-top:10px;
}

#Style-of-month .rightcol{
float:left;
width:455px;
padding:20px 20px 20px 30px;
color:#999999;
font-size:14px;
line-height:20px;
}
#Style-of-month .rightcol h1{
font-size:24px;
color:#CCC;
font-weight:bold;
}
#Style-of-month .bottom{ clear:both}
#Style-of-month .bottom > .title {
color:#000000;
font-size: 22px;
margin-top:50px;
border-top:4px solid #000;
padding-top:20px;
}


#Our-Hair .item{
float:left;
width:47%;
padding:10px;
}
#Our-Hair .item > .title{
background:#000000;
color:#FFFFFF;
padding:2px 4px;
font-weight:bold;
font-size:14px;
text-align:center;
}
#Our-Hair .item > .image{float:left; width:100px; padding:20px 20px 20px 0}
#Our-Hair .item > .description{float:left; padding:20px 0;width: 320px; height:200px}
#Our-Hair .item > .description a{color:#000; font-weight:bold}

.button {
	display:inline-block;
	text-decoration:none;
}
.button:hover {cursor:pointer}
.buttonLush {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f94fa7), color-stop(1, #eb087e) );
	background:-moz-linear-gradient( center top, #f94fa7 5%, #eb087e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f94fa7', endColorstr='#eb087e');
	background-color:#eb087e;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #333333;
	color:#FFF;
	font:bold 14px arial;
	text-shadow:1px 1px 0px #000;
	padding:6px 24px;
	
}

.buttonLush:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eb087e), color-stop(1, #eb087e) );
	background:-moz-linear-gradient( center top, #eb087e 5%, #eb087e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb087e', endColorstr='#eb087e');
	background-color:#eb087e;
}
a.buttonLush span {color:#FFF; padding:0}
.buttonLushBlack {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#000!important;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #333333;
	color:#FFF;
	font:bold 14px arial;
	text-shadow:1px 1px 0px #000;
	padding:6px 24px;
	
}

.buttonLushBlack:hover {
	background-color:#1d1c1c!important;
}
a.buttonLushBlack span {color:#FFF; padding:0}
a.help{color:#FFF; text-decoration:underline; font-size:10px}
.tooltipfilter{
display:none; 
width:400px;
height:300px; 
position:absolute; 
background:#FFFFFF; 
border:1px solid #CCC; 
color:#333333;
padding:10px;
margin-left:70px;
margin-top: -40px;
overflow-y:scroll;
}
.tooltipfilter .title{
font-weight:bold;
color:#f20457;
border-bottom: dotted #666 1px;
margin-bottom:10px
}
.tooltipfilter a{color:#333}
.video-additional {
	width: 260px;
	margin-left: 15px;
	clear: both;
	overflow: hidden;
}
.video-additional .title{
font-weight:bold;
color:#000;
border-bottom: 1px solid #E7E7E7;
margin-bottom:10px;
}