@import 'fonts.css';

* {
	font-weight:normal;
}

a {
	text-decoration:none;
}

img {
	border:none;
}

body {
	margin:0px;
	padding:0px;
	font-size: 62.5%;
}

h2 {
	font-family: 'Myriad W01 SmBd';
}



.wrapper {
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    width: 960px;
}

sup {
    font-size: 0.6em;
}

.clear {
	clear:both;
	line-height:0px;
}

.left {
	float:left;
}

.right {
	float:right;
}

.form-success {
	background:#FFC;
    border: 1px solid #FFC;
    border-radius: 5px 5px 5px 5px;
    margin: 30px 0;
    padding: 5px 20px;
    width: 100%;
}

.text-input {
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    font-family: 'Avenir LT W01 35 Light';
    font-size: 1em;
    margin: 1px 0;
    padding: 5px;
    width: 300px;
}

#header-wrapper {
	position:relative;
	background: #333;
	height: 117px;
	width:100%;
	-webkit-box-shadow:0 -45px 83px 40px #000000;
	-moz-box-shadow:0 -45px 83px 40px #000000;
	box-shadow:0 -45px 83px 40px #000000;
	z-index:500;
}

#logo {
	line-height:0px;
}

#header-inner {
	position:relative;
	background: url(../images/header-bg.gif) repeat-x scroll bottom;
	height:116px;
	width:100%;
}

#header-bar {
    background: url("../images/header-bar.gif") repeat-y scroll center bottom #333333;
    bottom: 0;
    height: 1px;
    line-height: 0;
    position: absolute;
    width: 100%;
}

#header-shadow {
	position:absolute;
	background: url(../images/header-shadow.png) repeat-x scroll center;
	width:100%;
	height: 64px;
}

#header-shadow-bump {
	position:absolute;
	background: url(../images/header-shadow-bump.png) no-repeat scroll center;
	width:100%;
	height: 64px;
}

header {
	position:relative;
}


.header-shadow
{
  	position:relative;
}
.header-shadow:before, .header-shadow:after
{
	content:"";
    position:absolute;
    z-index:-1;
    /*-webkit-box-shadow:0 -16px 43px 23px rgba(0, 0, 0, 0.8);
    -moz-box-shadow:0 -16px 43px 23px rgba(0, 0, 0, 0.8);
    box-shadow:0 -16px 43px 23px rgba(0, 0, 0, 0.8);*/
    -webkit-box-shadow:0 -106px 99px 59px #000000;
    -moz-box-shadow:0 -106px 99px 59px #000000;
    box-shadow:0 -106px 99px 59px #000000;
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}


/* menu */
/*
#navigation { 
	position: absolute;
	right:0px;
	top: 36px;
	z-index:1000;
}

#navigation a {
	font-family: 'Avenir LT W01 95 Black';
	font-size: 1.4em;
	text-transform: uppercase;
	text-decoration: none;
}
*/
nav { 
	position: absolute;
	right:0px;
	top: 36px;
	z-index:1000;
}

nav a {
	font-family: 'Avenir LT W01 95 Black';
	font-size: 1.4em;
	text-transform: uppercase;
	text-decoration: none;
}


ul.topnav {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0px;
    position: relative;
}
ul.topnav li {
	float: left;
	margin: 0;	
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	height: 80px;
	background: url(../images/header-menu-li-border.gif) transparent scroll left top no-repeat;
}
ul.topnav li a{
	padding: 35px 16px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(../images/header-menu-hover-highlight.png) repeat-x transparent;
}
ul.topnav li a.active {
	color:#99cc33;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background:  no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 45px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 171px;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #3d3d3d; /*--Create bevel effect--*/
	clear: both;
	width: 171px;
	height: 29px;
	position:relative;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 151px;
	padding: 10px 10px 10px 10px;
	font-family:'Myriad W01 Regular';
	font-size: 1.2em;
	height:9px;
	color:#999;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
/*.hovering:hover {*/
	background: url(../images/header-subnav-hover.gif) #a5d447 repeat-x !important; 
	color:#333;
}

.subnavCavas {
	position:absolute;
	top:70px;
	overflow-y:hidden;
	display:none;
	z-index: 1200;
}

.subhover .subnavCavas {
	display:block !important;
}


ul.subnav li ul._subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0px; top: 0px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 171px;
	/*width: 400px;*/
}
ul.subnav li ul._subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #3d3d3d; /*--Create bevel effect--*/
	clear: both;
	width: 171px;
	/*width:auto;*/
	height: auto;
}
html ul.subnav li ul._subnav li a {
	float: left;
	width: 151px;
	/*width:auto;*/
	padding: 7px 10px;
	font-family:'Myriad W01 Regular';
	font-size: 1.2em;
	height:auto;
	color:#999;
}
html ul.subnav li ul._subnav li a:hover { /*--Hover effect for subnav links--*/
/*.hovering:hover {*/
	background: url(../images/header-subnav-hover.gif) #bde56d repeat-x !important; 
	color:#333;
}

._subnavCavas {
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	display:none;
}

.subhover ._subnavCavas {
	display:block !important;
}


/* Header Search */

#search-field {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 2000;
}

#search-field .search-button {
    background: none repeat scroll 0 0 #333;
    border: 1px solid #444;
    border-radius: 3px 3px 3px 3px;
    color: #666;
    cursor: pointer;
    font-size: 1.4em;
    height: 30px;
    padding: 3px;
}

#search-field .search-field {
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #444444;
    border-radius: 3px 3px 3px 3px;
    color: #999999;
    font-size: 1.4em;
    height: 21px;
    padding: 4px;
    width: 200px;
}








/* body */

#headliner {
    background: none repeat scroll 0 0 #EDEDED;
    height: 101px;
    position: relative;
    width: 100%;
}

#headliner .tip {
    position: relative;
}

#headliner .tip img {
    bottom: -131px;
    height: 30px;
    left: 0px;
    position: absolute;
    width: 30px;
}

#headliner h1 {
	color: #666;
	font-family: 'Myriad W01 Lt';
	font-size: 3.6em;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding-top: 31px;
	position: absolute;
	width: 495px;
}

#headliner h1.home {
    font-family: 'Avenir LT W01 65 Medium';
    font-size: 2.4em;
    text-transform: uppercase;
}

#facebook-like {
	position: absolute;
	top: 31px;
	right: 0px;
}

#page-content {
    padding: 30px 0px;
}

#page-content h1 {
	color:#666;
	font-family:'Myriad W01 Lt';
	font-size:2.8em;
	margin: 27px 0px;
}

#page-content .mission-h2 {
	font-family: 'Myriad W01 SmBd';
}

#page-content p {
    color: #444;
    font-family: 'Myriad W01 Lt';
    font-size: 1.4em;
    line-height: 1.6em;
}

#page-content .column-left {
	float:left;
	width:460px;
	margin-right:10px;
}

#page-content .column-right {
	float:left;
	width:472px;
	margin-left:10px;
}

#page-content .column-right h1:first-child {
	margin-top:0px;
}


#page-content .column-right h1 {
    background: url("../images/column-right-title-bar.gif") repeat-x scroll 0 0 transparent;
    color: #666666;
    font-family: 'Avenir LT W01 85 Heavy';
    font-size: 1.6em !important;
    font-weight: normal;
    margin: 30px 0;
    text-transform: uppercase;
	line-height: 1em;
}

#page-content .column-right h1 span {
    background: none repeat scroll 0 0 #ffffff;
    padding-right: 11px;
}

.product-page .column-right p {
    color: #666666 !important;
    display: block;
    font-family: 'Avenir LT W01 35 Light' !important;
    font-size: 1.4em !important;
    margin: 0 !important;
    text-decoration: none;
}

.product-page .column-right a {
	font-family:'Avenir LT W01 35 Light';
	font-size:1.4em;
	color: #666;
	text-decoration:none;
	display: block;
	margin-bottom: 20px;
}

.pdf-download {
	background: url("../images/pdf-download.gif") no-repeat scroll top right transparent;
	padding-right: 35px;
	min-height:34px;
}

.video-play {
	background: url("../images/video-play.gif") no-repeat scroll top right transparent;
	padding-right: 53px;
	min-height: 60px;
}

.two-columns {
    float: left;
    margin: 20px 10px;
    width: 620px;
}

.two-columns p {
	max-width:620px;
}

.three-columns {
    float: left;
    margin: 20px 8px;
    width: 300px;
}

#close-panel {
	font-family:'Avenir LT W01 35 Light';
	font-size:1.4em;
	color: #666;
	text-decoration:none;
	display: block;
	margin-bottom: 20px;
}

#product-slider {
	height:241px;
	position:relative;
}

.infobox {
	margin-top: 28px;
}

.infobox h1 {
    background: url("../images/column-right-title-bar.gif") repeat-x scroll 0 0 transparent;
    color: #666666;
    font-family: 'Myriad W01 Regular';
    font-size: 1.6em !important;
    font-weight: normal;
    margin: 30px 0px 0px 0px;
    text-transform: uppercase;
	line-height: 1em;
}

.infobox h1 span {
    background: none repeat scroll 0 0 #ffffff;
    padding-right: 11px;
}

#product-slider-control {
	position:absolute;
	top:24px;
	right: 0px;
}

#product-slider-control .control-left {
	background: url('../images/product-slider-control.gif') scroll 0 0 no-repeat transparent;
	height: 33px;
	width: 33px;
	display:block;
	text-indent: -1000px;
	overflow:hidden;
	margin-right:4px;
	float:left;
}

#product-slider-control .control-right {
	float:left;
	background: url('../images/product-slider-control.gif') scroll -41px 0px no-repeat transparent;
	height: 33px;
	width: 33px;
	display:block;
	text-indent: -1000px;
	overflow:hidden;
	margin-left:4px;
}

#product-slider-content {
	position:absolute;
	height:215px;
	overflow: hidden;
	width:100%;
}

#product-slider-content ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
	position:absolute;
}

#product-slider-content li {
	float:left;
	margin: 0px 29px;
	text-align:center;
}

#product-slider-content .slider-link {
    display: block;
    position: relative;
    text-decoration: none;
}

#product-slider-content .product-slider-image {
	text-align:center;
	width:100%;
	height:179px;
	position:relative;
}

#product-slider-content img {
    height: 214px;
}

#product-slider-content h4 {
	position:relative;
	color:#666;
	font-size: 1.8em;
	text-transform:uppercase;
	font-family: 'Avenir LT W01 95 Black';
	margin: 0px;
}

#salon-locator-form .inputbox {
    border: 1px solid #DFDFDF;
    color: #999;
    display: block;
    font-family: 'Avenir LT W01 35 Light';
    font-size: 1.4em;
    padding: 2px;
    text-decoration: none;
	width:272px;
}

#salon-locator-form th {
	font-family: 'Avenir LT W01 35 Light';
	font-size: 1.4em;
	color: #5f6263;
	text-align:left;
}

.submit-button {
    background: url("../images/submit-button.gif") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 1.4em;
    height: 38px;
    width: 128px;
	cursor:pointer;
}

#salon-locator-form a {
	color: #666;
	font-family: 'Avenir LT W01 35 Light';
}
	
.error {
    background: none repeat scroll 0 0 #FFF7D2;
    color: #FF0000 !important;
    padding: 5px;
}



/* footer */

#footer {
    background: none repeat scroll 0 0 #333333;
    min-height: 446px;
    padding: 20px 0;
    position: relative;
}

#footer .box {
    color: #999999;
	float:left;
    font-family: 'Myriad W01 Regular';
    font-size: 1.4em;
	line-height: 1.45em;
	position:relative;
	width:225px;
}

#footer a {
	color: #999;
	font-weight: normal;
}

#footer .box table {
    margin-bottom: 46px;
    padding: 0px;
}

#footer .box table th {
	color: #FFFFFF;
	min-width: 50px;
	text-align: left;
	font-family: "Myriad W01 Regular";
	font-style: normal;
}

#footer .box table td span {
	font-size: 1.25em;
}


#footer .box table td {
    color: #999999;
}

#footer p span {
	color:#fff;
}

#footer p.italic {
    color: #999999;
    font-family: 'Myriad W01 It';
    font-size: 1em;
    font-weight: normal;
    line-height: 22px;
    margin: 0px;
}

#footer h1 {
	background: url("../images/footer-title-bar.gif") repeat-x scroll 0 0 transparent;
	color: #FFFFFF;
	font-family: "Myriad W01 Regular";
	font-size: 1em;
	font-weight: normal;
	margin: 30px 0;
	text-transform: uppercase;
	line-height: 1em;
}

#footer h1 span {
    background: none repeat scroll 0 0 #333333;
    padding-right: 11px;
}


#footer .timeline-header {
	display:none !important;
}

#footer .fb-like-box {
    border: 1px solid #444;
    border-radius: 5px 5px 5px 5px;
}



/* legal line */

#legal-line {
	background:#262626;
	padding-top:19px;
	height:59px;
	position:relative;
}

#legal-line a {
	color: inherit;
}

#legal-line p {
	color:#666;
	font-family:'Myriad W01 Regular';
	font-size: 1.2em;
}

#social-networks {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    top: -10px;
}

#social-networks li {
	float:left;
	margin-left:12px;
}

/* Lightbox background */  
#lightbox {  
	cursor: pointer;
	display:none;  
	background:#000000;  
	opacity:0.6;  
	filter:alpha(opacity=60);  
	position:absolute;  
	top:0px;  
	left:0px;  
	width:100%;  
	height:100%;  
	z-index:1000;  
}  
/* Lightbox panel with some content */  
#lightbox-panel {  
	display:none;  
	position:fixed;  
	top:100px;  
	left:50%;  
	margin-left:0px;  
	width:200px;  
	background:#FFFFFF;  
	padding:10px 15px 10px 15px;  
	border:1px solid #CCCCCC;  
	z-index:1001;  
	-webkit-box-shadow:0 -45px 83px 40px #000000;
	-moz-box-shadow:0 -45px 83px 40px #000000;
	box-shadow:0 -45px 83px 40px #000000;
}