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

* {margin:0; padding:0;}
img {border:0;}
ul, li {list-style-type:none;}

body {background:#000 url(../images/background.jpg) repeat-y center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6a6a6a;}

.standard_btn {display:block; float:left; margin-right:7px; background: #6a6a6a; padding:3px; color:#fff; text-decoration:none; border:solid 1px #000;}
.standard_btn:hover {background:#999;}

#container {width:900px; background:#fff; margin: 0 auto; border: solid 3px #000;}

/***********************
	Header
***********************/
#header {position:relative; height:110px;}
#header #logo img {position:absolute; top:20px; left:10px;}
#header #local {position: absolute; top:20px; left:230px;}
#header #local a {display:block; float:left; font-size:10px; color:#999; text-decoration:none; padding: 0px 5px;}
#header #local a.on, #header #local a:hover {text-decoration:underline; color:#6a6a6a;}
#header #social {position:absolute; top: 55px; right:7px;}
#header #salon_search {position:absolute; top:20px; right:7px;}
#header #salon_search #search_input {color:#ccc;}
#header #topnav {position:absolute; bottom:0; width:100%; height:30px; background:#000; border-top:solid 1px #6a6a6a; border-bottom: solid 1px #6a6a6a;}
#header #topnav ul#main li {position:relative; float: left; height:30px; border-right: solid 1px #6a6a6a;}
#header #topnav ul#main li.pro {float:right; border-right:none; border-left:solid 1px #6a6a6a;}
#header #topnav ul#main li:hover {background:#fff;}
#header #topnav ul#main li:hover ul#sub {display:block}
#header #topnav ul#main li a {display:block; padding:9.5px 10px;}
#header #topnav ul#sub {display:none; position:absolute; top:30px; z-index:100; width:130px; background: transparent url(../images/subnav_shadow.png) no-repeat bottom right; padding-botom:10px;}
#header #topnav ul#sub li {border-right:none; position:static; float:none; margin-right:8px;}
#header #topnav ul#sub li.last {margin-bottom:8px;}
#header #topnav ul#sub li a {font-size:11px; text-decoration:none; color:#6a6a6a;}
#header #topnav ul#sub li a:hover {background:#6a6a6a; color:#fff;}


/***********************
	Content
***********************/
#content {}


/***********************
	HOME
***********************/
#content_inner{padding: 7px;}
#flash {float:left; margin-right:7px;}
#box_container {float:left; width:275px;}
.box {border: solid 1px #000; margin-bottom:7px;}
.box_header {background:#000; height:13px; padding:5px;}
.box_header h2 {font-size: 14px; color:#fff;}
.box_content {height:139.75px; padding:7px; background:#fff url(../images/box_gradient.jpg) repeat-x;}
#news_feed li {margin-bottom:7px;}
.mag_pic {float: left; margin-right: 7px;}
.mag_copy {float: left; margin-top:20px;}


/***********************
	PRODUCTS
***********************/
#product_tabs {height:38px; background:url(../images/product_tabs_bg.jpg) no-repeat; border-bottom: solid 4px #000;}
#product_tabs li {float:left; margin-right:10px;}
#product_tabs li a {display:block; height:23px; padding-top:15px; font-size:16px; color:#000; text-decoration:none; text-align:center;}
#product_tabs li a:hover, #product_tabs li a.on {color:#fff;}
#product_tabs li a.haircare {width:119px;}
#product_tabs li a.haircare:hover, #product_tabs li a.haircare.on {background:url(../images/haircare_hover_bg.png) no-repeat top left;}
#product_tabs li a.styling {width:119px;}
#product_tabs li a.styling:hover, #product_tabs li a.styling.on {background:url(../images/haircare_hover_bg.png) no-repeat top left;}
#product_tabs li a.bodycare {width:119px;}
#product_tabs li a.bodycare:hover, #product_tabs li a.bodycare.on {background:url(../images/haircare_hover_bg.png) no-repeat top left;}

#product_grid li {position:relative; float:left; width:224px; height:150px; border-right:solid 1px #000; border-bottom:solid 1px #000;}
#product_grid li.last_col {border-right:none;}
#product_grid li:hover {background:#6a6a6a; color:#fff; cursor:pointer;}

#product_grid li img {position:absolute; bottom:10px; left:10px;}
#product_grid li div {position:absolute; top:10px; right:10px; width:160px;}

/***********************
	Footer
***********************/
#footer {clear:both; font-size:11px; margin:0 auto; text-align:center; padding:7px 0 20px 0; border-top:solid 3px #000;}
#footer a {text-decoration:none; color:#6a6a6a;}
#footer a:hover {color:#000;}
#footer p {clear:both; text-align:center;}