﻿
.clearfix:after 
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html .clearfix 
{
	height: 1%;
}	

*, form, fieldset
{
   padding: 0px;
   margin: 0px;
   border: none;
}
/*
form, fieldset
{
   padding: 0px;
   margin: 0px;
   border: none;
}
*/
.clearfix 
{
	display:inline-block;
}

* html .clearfix 
{
	height: 1%;
}

body 
{
	background:url(../images/body_bg.gif) repeat-x #FFFFFF;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#333333;
}

ul.horizontal li 
{
	display:inline;  
}

#header 
{
   background:url(../images/header_bg.gif) bottom center no-repeat;
   width:941px;
   margin:auto;
   padding:0 12px 17px 10px;
   position:relative;
   display:block;
   z-index:3
}

#header a 
{
	white-space: normal;
}

#header #toplinks
{
   background-position: 15px center;
   background: url(../images/header_public.gif) no-repeat 15px center;
   float: left;
   padding: 8px 10px 0px 430px;
   border-bottom: 1px solid #d4cfdb;
   font-size: 11px;
   height: 20px;
   margin-bottom: 5px;
}

#header #toplinks li 
{
	padding-left:30px;
}

#header #toplinks li a, #header #shoppingtools li a
{
   color: #77688C;
   white-space: nowrap;
   font-size: 11px;
   text-decoration: none;
}

#header #headerlogo 
{
	height: 123px;
	width: 110px;
	display: block;
	cursor: pointer;
	background: url(../images/sally_logo.gif) no-repeat;
	position: absolute;
	bottom: 20px;
	left: 25px;
}

#header #functionalbar 
{
	clear: right;
	background: #7a6f8a url('../images/head_sub_bg.gif') repeat-x;
	margin: 0px 2px 0px 1px;
	padding: 3px 0px;
	height: 22px;
	width: 937px;
	border: none;
} 

#header ul#functionaltopnav 
{
	padding:2px 0px 0px 132px;
	float:left;
}
			
#header #functionaltopnav li a
{
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	padding:0px 9px 0px 0px;
	text-transform:uppercase;
	text-decoration:none;
}

#header #functionaltopnav li a:hover 
{
	color:#ffffff;
	text-decoration:underline;
}
			
#header ul#categorytopnav 
{
	clear:right;
	float:left;
	margin-left:132px;
	padding-top:0px;
	padding-bottom:1px;
	border-left:1px solid #ffffff;
	border-right:1px solid #959199;
	display:inline; 
	margin-top:7px;
}

#header #categorytopnav li
{
	border-left:1px solid #959199;
	border-right:1px solid #ffffff;
	float:left;
}

#header #categorytopnav li a
{
	color:#76678b;
	font-weight:bold;
	font-size:12px;
	display:block;
	padding:2px 7px 5px 9px;
}

#categorytopnav, #categorytopnav ul 
{ 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	
}

#categorytopnav li a 
{
	text-decoration:none;
}

#categorytopnav li li a 
{
	border-top:		1px dotted #dcdae2;
	padding: 		.5em 1em;
	display:block;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
}

#categorytopnav li ul 
{
	position: absolute;
	background-color:#ffffff;
	border-bottom:1px solid #C7C2CF;
	width: 14em;
	margin-left: -1000em;
}

#categorytopnav li ul ul 
{ 
	margin: -1em 0 0 -1000em;
}

#categorytopnav li:hover ul ul, #categorytopnav li.sfhover ul ul 
{
	margin-left: -1000em;
}

#categorytopnav li:hover ul, #categorytopnav li.sfhover ul 
{
	margin-left: 0;
}

#categorytopnav li li:hover ul, #categorytopnav li li.sfhover ul 
{
	margin-left: 10em;
}

#categorytopnav li li 
{
	width: 13.8em;
	border-right:1px solid #C7C2CF;
	margin-right:-1px;
}

