/*------------------[ Global Resets ]-------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul{
	list-style: none;
	padding: 0px;
}
li{
	padding: 0px;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*------------------[ Global Resets ]-------------------------*/
/*------------------[ Defaults ]-------------------------*/
a, a:active, a:link{
	color: #78993d;
	text-decoration: underline;
}
a:visited{
	color: #de3d8b;
	text-decoration: underline;
}
a:hover{
	color: #78993d;
	text-decoration: none;
}
table{
	margin: 10px 0px;
	width: 100%;
}
/*------------------[ Defaults ]-------------------------*/
/*------------------[ Skeleton ]-------------------------*/
body{
	background-color: #1a1112;
	font-family: tahoma, arial;
	font-size: 12px;
}
#header_wrapper{
	background-color: #010101;
	height: 107px;
	width: 100%;
}
#sally_hershberger_logo{
	margin: 0px auto;
	width: 800px;
}
#sally_hershberger_logo img{
	margin: 0px 160px 0px 150px;
}
#main_body_wrapper{
	background-color: #ffffff;
	height: auto;
	width: 100%;
}
#nav_wrapper{
	height: 31px;
	margin: 0px auto;
	width: 800px;
}
#content_wapper{
	margin: 0px auto;
	width: 800px;
	z-index: 1;
}
#footer_wrapper{
	background-color: #1a1112;
	height: 84px;
	width: 100%;
}
#footer_content{
	color: #ffffff;
	margin: 0px auto;
	width: 800px;
}
/*------------------[ Skeleton ]-------------------------*/
/*------------------[ Footer ]-------------------------*/
#footer_content form{
	display: inline;
}
#footer_content input{
	background: #ee366c;
	color: #ffffff;
	border: none;
	*margin-top: 7px;
	padding: 4px;
	width: 105px;
}
#footer_content input.submit{
	background-color: transparent;
	border: none;
	*margin-top: 0px;
	margin-left: 2px;
	padding: 0px;
	position: relative;
	top: 9px;
	*top: 4px;
	width: 47px;
}
.social_bookmarks{
	margin: 8px 35px 0px 0px;
}
.social_bookmarks a, .social_bookmarks a:active, .social_bookmarks a:link{
	color: #ffffff;
	margin-left: -2px;
	text-decoration: none;
}
.social_bookmarks a:visited{
	color: #ffffff;
	margin-left: -5px;
	text-decoration: none;
}
.social_bookmarks a:hover{
	color: #ffffff;
	text-decoration: underline;
}
.social_bookmarks a img{
	text-decoration: none;
}
.bookmark_text{
	position: relative;
	top: -6px;
}
#footer_nav{
	font-size: 10px;
	margin-top: 25px;
	padding-bottom: 5px;
}
#footer_nav a, #footer_nav a:active, #footer_nav a:link{
	color: #b6b7b8;
	margin-right: 15px;
	text-decoration: none;
}
#footer_nav a:visited{
	color: #b6b7b8;
	margin-right: 15px;
	text-decoration: none;
}
#footer_nav a:hover{
	color: #b6b7b8;
	margin-right: 15px;
	text-decoration: underline;
}
/*------------------[ Footer ]-------------------------*/
/*------------------[ Essential Superfish Styles ]-------------------------*/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index: 20;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			160px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	background-color: #000000;
	left:			0;
	top:			33px; /* match top ul list item height */
	z-index:		99;
}
.sf-menu li.sfHover ul.product_sub{ left: -35px;}
.sf-menu li.sfHover ul.press_sub{ left: -49px;}
.sf-menu li.sfHover ul li{
	background-color: #000000;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			160px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			160px; /* match ul width */
	top:			0;
}
/*------------------[ Essential Superfish Styles ]-------------------------*/
/*------------------[ Navigation ]-------------------------*/
#nav_wrapper ul span{
	display: none;
}
#nav_wrapper ul{
	margin: 0px;
	padding: 0px;
}
#nav_wrapper ul li{
	display: inline;
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0 5px;
}
#nav_wrapper ul ul span{

}
#nav_wrapper a{
	cursor: pointer;
	display: block;
}
#nav_wrapper a.main{
	height: 31px;	
}
a.nav_home{
	background: #ffffff url('/images/watch_win/nav.png') no-repeat 0px 0px;
	width: 77px;
}
a.nav_home:hover, a.nav_home.current{
	background: #ffffff url('/images/watch_win/nav.png') no-repeat 0px -31px;
}
a.nav_about_sally{
	background: #ffffff url('/images/watch_win/nav.png') no-repeat -77px 0px;
	width: 105px;
}
a.nav_about_sally:hover, a.nav_about_sally.current{
	background: #ffffff url('/images/watch_win/nav.png') no-repeat -77px -31px;
}
a.nav_products{
	background: #ffffff url('/images/watch_win/nav.png') no-repeat -182px 0px;
	width: 90px;
}
a.nav_products:hover, a.nav_products.current{
	background: #ffffff url('/images/watch_win/nav.png') no-repeat -182px -31px;	
}
a.nav_video{
	background: #ffffff url('/images/watch_win/nav.png') no-repeat -272px 0px;
	width: 140px;
}
a.nav_video:hover, a.nav_video.current{
	background: #ffffff url('/images/watch_win/nav.png') no-repeat -272px -31px;	
}
a.nav_buzz{
	background: #ffffff url('/images/watch_win/nav.png') no-repeat -412px 0px;
	width: 62px;
}
a.nav_buzz:hover, a.nav_buzz.current{
	background: #ffffff url('/images/watch_win/nav.png') no-repeat -412px -31px;	
}
a.nav_purchase{
	background: #ffffff url('/images/watch_win/nav.png') no-repeat -474px 0px;
	width: 70px;
}
a.nav_purchase:hover, a.nav_purchase.current{
	background: #ffffff url('/images/watch_win/nav.png') no-repeat -474px -31px;
}
a.nav_salons{
	background: #ffffff url('/images/watch_win/nav.png') no-repeat -544px 0px;
	width: 81px;
}
a.nav_salons:hover, a.nav_salons.current{
	background: #ffffff url('/images/watch_win/nav.png') no-repeat -544px -31px;	
}
a.nav_storelocator{
	background: #ffffff url('/images/watch_win/nav.png') no-repeat -625px 0px;
	width: 120px;
}
a.nav_storelocator:hover, a.nav_storelocator.current{
	background: #ffffff url('/images/watch_win/nav.png') no-repeat -625px -31px;	
}
a.nav_cart{
	background: #ffffff url('/images/watch_win/nav.png') no-repeat -745px 0px;
	width: 55px;
}
a.nav_cart:hover, a.nav_cart.current{
	background: #ffffff url('/images/watch_win/nav.png') no-repeat -745px -31px;
}
/*SUB NAV*/
a.nav_normal_thin{
	background: #000000 url('/images/watch_win/sub_nav.png') no-repeat 0px 0px;
	height: 24px;
	width: 160px;
}
a.nav_normal_thin:hover, a.nav_normal_thin.current{
	background: #000000 url('/images/watch_win/sub_nav.png') no-repeat -160px 0px;	
}
a.nav_normal_thick{
	background: #000000 url('/images/watch_win/sub_nav.png') no-repeat 0px -24px;
	height: 24px;
	width: 160px;
}
a.nav_normal_thick:hover, a.nav_normal_thick.current{
	background: #000000 url('/images/watch_win/sub_nav.png') no-repeat -160px -24px;	
}
a.nav_wavy{
	background: #000000 url('/images/watch_win/sub_nav.png') no-repeat 0px -48px;
	height: 24px;
	width: 160px;
}
a.nav_wavy:hover, a.nav_wavy.current{
	background: #000000 url('/images/watch_win/sub_nav.png') no-repeat -160px -48px;	
}
a.nav_styling{
	background: #000000 url('/images/watch_win/sub_nav.png') no-repeat 0px -72px;
	height: 24px;
	width: 160px;
}
a.nav_styling:hover, a.nav_styling.current{
	background: #000000 url('/images/watch_win/sub_nav.png') no-repeat -160px -72px;	
}
a.nav_editorial{
	background: #000000 url('/images/watch_win/sub_nav.png') no-repeat 0px -96px;
	height: 24px;
	width: 160px;
}
a.nav_editorial:hover, a.nav_editorial.current{
	background: #000000 url('/images/watch_win/sub_nav.png') no-repeat -160px -96px;	
}
a.nav_prod{
	background: #000000 url('/images/watch_win/sub_nav.png') no-repeat 0px -192px;
	height: 24px;
	width: 160px;
}
a.nav_prod:hover, a.nav_prod.current{
	background: #000000 url('/images/watch_win/sub_nav.png') no-repeat -160px -192px;	
}
a.nav_salonprod{
	background: #000000 url('/images/watch_win/sub_nav.png') no-repeat 0px -168px;
	height: 24px;
	width: 160px;
}
a.nav_salonprod:hover, a.nav_salonprod.current{
	background: #000000 url('/images/watch_win/sub_nav.png') no-repeat -160px -168px;	
}
a.nav_covers{
	background: #000000 url('/images/watch_win/sub_nav.png') no-repeat 0px -120px;
	height: 24px;
	width: 160px;
}
a.nav_covers:hover, a.nav_covers.current{
	background: #000000 url('/images/watch_win/sub_nav.png') no-repeat -160px -120px;	
}
a.nav_salon{
	background: #000000 url('/images/watch_win/sub_nav.png') no-repeat 0px -144px;
	height: 25px;
	width: 160px;
}
a.nav_salon:hover, a.nav_salon.current{
	background: #000000 url('/images/watch_win/sub_nav.png') no-repeat -160px -144px;	
}
/*SUB NAV*/
/*------------------[ Navigation ]-------------------------*/
/*------------------[ Home Page elements ]-------------------------*/
#salon_hair_products{
	/*background: #ffffff url('/images/watch_win/banner_salon.png') no-repeat;*/
	background: #ffffff url('/images/HSN_new.png') no-repeat;
	height: 365px;
	position: relative;
	width: 800px;
	margin-left: 6px;
}
#buy_salon_hsn{
	color: #979799;
	height: 100px;
	left: 20px;
	position: absolute;
	top: 180px;
	width: 240px;
}
#buy_salon_hsn a{
	font-weight: bold;
}
#buy_salon_hsn p.first{
	margin-bottom: 15px;
}
#buy_salon_hsn p{
	/*font-weight: bold;*/
}
/*watch and win banner*/
#homepage_banner {
	background: url('/images/homepage_promos.png') no-repeat;
	height: 104px;
	width: 800px;
	margin-top: -33px;
	position: relative;
}
#watch_video_banner{
	background: #ffffff url('/images/watch_win/august_2010_banner.png') no-repeat;
	height: 85px;
	width: 800px;
}
#watch_video_banner.landing_page{
	background: #ffffff url('/images/watch_win/banner.png') no-repeat;
}
#homepage_banner ul, #watch_video_banner ul{
	position: absolute;
	bottom: 0;
	left: 0;
}
#homepage_banner ul li, #watch_video_banner ul li{
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
#homepage_banner ul span, #watch_video_banner ul span{
	display: none;
}
#homepage_banner a, #watch_video_banner a{
	cursor: pointer;
	display: block;
	height: 85px;
}
#homepage_banner a {
	height: 85px;
	margin-top: -11px;
}
a.watch_video_to_win{
	width: 245px;
}
a.shop_signature_line{
	width: 262px;
}
a.free_wreck_and_roll{
	width: 271px;
}
/*watch and win banner*/
/*------------------[ Home Page elements ]-------------------------*/
/*------------------[ Landing elements ]-------------------------*/
#watch_to_win_a_makeover{
	background: #ffffff url('/images/watch_win/watch_video_to_win.png') no-repeat;
	height: 397px;
	position: relative;
	width: 800px;
}
#video_list{
	height: 153px;
	position: absolute;
	top: 182px;
	width: 800px;
}
#watch_to_win_a_makeover a{
	display: block;
	float: left;
	height: 153px;
	text-decoration: none;
	width: 260px;
}
#watch_to_win_a_makeover a.video_1{
	margin: 0px 62px 0px 13px;
	_margin: 0px 62px 0px 7px;
}
#watch_to_win_a_makeover a.video_2{
	margin: 0px 52px 0px 0px;
}
#watch_to_win_a_makeover a.video_3{
	clear: right;
	margin: 0px 0px 0px 0px;
}
/*------------------[ Landing elements ]-------------------------*/
/*------------------[ Salon Landing elements ]-------------------------*/
#salon_products_landing{
	margin-top: 64px;
	padding-bottom: 70px;
	width: 900px;
}
#salon_products_landing #salon_intro{
	float: left;
	margin-right: 40px;
	padding: 0px 13px;
	text-align: justify;
	width: 232px;
}
#salon_products_landing p{
	color: #64676b;
	margin: 2px 0px;
}

.salon_products_wrap {
	width: 900px !important;
}
#salon_products_landing #salon_intro p{
	line-height: 17px;
}
#salon_products_landing #salon_products p{
	font-size: 10px;
}
#salon_products_landing #salon_products img{
	float: left;
	margin-right: 3px;
}
#salon_products_landing #salon_products .video_salon img{
	margin-left: 5px;
}
#salon_products_landing #salon_products .first_row p.product_title, #salon_products_landing #salon_products .third_row p.product_title {
	margin-top: 55px;
}
.product_title {
	font-weight: bold;
}
#salon_products_landing #salon_products .second_row p.product_title{
	margin-top: 104px;
}
#salon_products_landing #salon_products .second_row .first_product_box img, #salon_products_landing #salon_products .second_row .second_product_box img{
	margin-top: 50px;
}
#salon_products_landing #salon_products p.product_title{
	color: #78993d;
	font-size: 11px;
}
#salon_products_landing #salon_products .first_row p.product_title{
	color: #8b354e;
}
#salon_products_landing #salon_products{
	clear: right;
	float: left;
	width: 600px;
}
#salon_products .first_product_box{
	float: left;
	width: 142px;
}
#salon_products .second_product_box{
	float: left;
	width: 148px;
}
#salon_products .third_product_box{
	clear: right;
	float: left;
	width: 148px;
}
#salon_products .fourth_product_box{
	clear: right;
	float: left;
	width: 148px;
}
/*------------------[ Salon Landing elements ]-------------------------*/
/*------------------[ registration ]-------------------------*/
#country_selection{
	padding-top: 10px;
	text-align: center;
}
#country_selection img.banner{
	margin: 0px 35px 5px;
	width: 500px;
}
#canada_reg{
	padding-top: 10px;
}
#canada_reg img{
	margin-bottom: 5px;
}
/*------------------[ Headers ]-------------------------*/
#country_selection h1{
	color: #DE3D8B;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
/*------------------[ Headers ]-------------------------*/
/*------------------[ Misc: Boxes ]-------------------------*/
.box_100{
	clear: both;
	float: left;
	width: 100%;
}
.box_50{
	float: left;
	width: 50%;
}
/*Specify your own wdth*/
.box_unique{
	float: left;
}

.spacer {
	clear: both;
	margin: 10px 0;
}
/*------------------[ Misc: Boxes ]-------------------------*/
/*------------------[ Misc ]-------------------------*/
.div_opener{
	clear: both;
	display: block;
	_font-size: 1px;
	height: 1px;
}
.hidden{
	display: none;
}
.float_right{
	float: right;
}
.float_left{
	float: left;
}
.last{
	clear: right;
}
.txt_center{
	text-align: center;
}
.txt_left{
	text-align: left;
}
.txt_right{
	text-align: right;
}
.pad_top_ten{
	margin-top: 10px;
}
.upper{
	text-transform: uppercase;
}
.inline{
	display: inline;
}
.white{
	background-color: #ffffff;
}

h1.head_text {
	background-image: url('/images/make-it-smooth.png');
	display: block;
	float: left;
	width: 311px;
	height: 174px;
	text-indent: -9999px;
	margin: 20px 0 0 20px;
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}
.froat_reft {
	float: left;
}
#hp_wrap {
	padding: 20px 20px 0;
}

.text {
	float:left;
	padding: 20px;
	width: 425px;
}

.text.raught {
	float:left;
	padding: 20px;
	width: 380px;
}

.text h2 {
	color: #DE3D8B;
	font-weight: bold;
	display: block;
	margin: 8px 0 0;
	font-size: 14px;
	line-height: 22px;
}

.pink {
	color: #de3d8b !important;
}

.text p {
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 12px 0;
	line-height: 22px;
}

.home-promo {
  float: left;
  line-height: normal;
  width: 290px;
  margin-left: 0;
  padding-top: 50px;
  text-align: right;
}

.home-promo h2 {
  font-size: 14px !important;
  text-transform: none !important;
}

.home-promo h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
}

.home-promo .buy-now {
  margin: 10px 0;
}

.home-promo hr {
  border: 0;
  background: #000;
  height: 1px;
  clear: both;
  margin: 9px 0;
}

.home-promo p {
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 18px;
  font-size: 13px;
}

.free-purchase {
  text-transform: uppercase;
  font-size: 18px;
  padding-top: 13px !important;
  font-weight: bold !important;
}

.free-purchase span {
  font-size: 18px;
}

.home-product {
  font-size: 16px !important;
  line-height: 1.2em !important;
}

.home-promo span.title {
  /*color: #de3d8b !important;*/
  font-family: Arial, Tahoma, sans-serif;
  color: #000;
  font-size: 36px;
  text-transform: uppercase;
  display: block;
  padding-bottom: 6px;
}

.home-promo span.title a {
color: #f2682a;
font-size: 15px;
text-decoration: none;
}

.home-promo h1 {
  font-weight: bold;
  line-height: 1;
}

.home-promo h2 {
  font-size: 21px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
  color: #000;
  padding-top: 6px;
}

.callout, .callout a {
  /*color: #de3d8b !important;*/
  color: #ee366c !important;
  padding-top: 0 !important;
  font-size: 15px !important;
  font-weight: bold !important;
  text-decoration: none;
}

.callout {
margin: 4px 0 8px 0 !important;
line-height: 1.4em !important;
}

#buy_salon_hsn p {
	line-height: 16px;
	color: #333;
}

.quote {
	font-size: 14px;
	text-align: center;
}
.quote span {
	font-size: 12px;
}

.text a {
	font-weight: bold;
	font-size: 12px;
	color: #000;
}

.showtimes {
	color: #333;
	font-size: 13px;
	padding: 10px 0 0;
	font-weight: bold;
	line-height: 20px;
}
.showtimes span {
	font-weight: bold;
	color: #78983D;
}
#buy_salon_hsn h2 {
	color: #DE3D8B;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 2px solid #ccc;
	padding-bottom: 6px;
	width: 230px;
}

/* press section */
#press_nav {
	border: 1px solid #d0d0d0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 160px;
	padding: 20px;
	float: left;
	margin: 20px 0 20px 30px;
}
#press_nav h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.press_article h2 a {
	color: #000;
	text-decoration: none !important;
}
.press_article h2 a:hover {
	color: #DE3D8B;
}
#press_nav hr {
	color: #fff;
	height: 0;
	margin: 10px 0;
}

#press_nav a {
	color: #999;
	cursor: pointer;
	text-decoration: none;
	line-height: 16px;
}

#press_container {
	float: left;
	margin: 20px 0 20px 20px;
	width: 548px;
}
#press_container h2 {
	font-weight: bold;
	font-size: 14px;
	line-height: 28px;
}
.press_panels {
	display: none;	
}
.press_article {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #d0d0d0;
}
.press_article_img {
	float: left;
	margin-right: 10px;
}
.hidden {
	display: none;	
}
.press_header {
	padding: 20px 20px 0 30px;
	font-size: 24px;
}

#press_nav h2 a {
	color: #000;
}

.press_article p {
	line-height: 16px;
}

.featured_right {
	float: left;
	padding-left: 6px;
	margin-right: 0;
	margin-bottom: 40px;
	padding-top: 20px;
}
