html {
	color:#666666;
	font-size-adjust:none;
	font-stretch:normal;
	text-align:center;
	font: normal 85%/normal Arial, Helvetica, sans-serif;
}

html, body {
margin:0pt;
padding:0pt;
}

body {
background:#FFCB32 url(http://www.hairyandcompany.com/images/layout/bgsliver.jpg) repeat-x scroll left top;
line-height:1em;
margin:0pt auto;
text-align:left;
width:970px;
}

p, div, h1, h2, h3, h4, ul, li, form, input, select, option {
margin:0pt;
padding:0pt;
}

img {
border:0pt none;
margin:0pt;
padding:0pt;
}

ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

a {
outline-color:invert;
outline-style:none;
outline-width:0pt;
}

#sitewrapper {

}

#container {
	width: 970px;
	background: #FFFFFF url(http://www.hairyandcompany.com/images/layout/containersliver.jpg) repeat-y scroll center top;
	margin: 0px auto;
	position: relative;
	text-align: left;
}
#topnavigation {
	width: 840px;
	margin: 0px auto 5px;
	position: relative;
	height: 67px;
}
#containertop {
	background: transparent url(http://www.hairyandcompany.com/images/layout/containertop.jpg) no-repeat scroll center top;
	height: 21px;
	width: 970px;
	display: block;
}

#containerbottom {
	background: transparent url(http://www.hairyandcompany.com/images/layout/contentbottom.jpg) no-repeat scroll center bottom;
	height: 24px;
	width: 970px;
	display: block;
}
#sidebar {
	width: 175px;
	margin-left: 30px;
	margin-right: 15px;
	float: left;
	margin-top: 75px;
        display:inline;
}
#content {
	width: 730px;
	float: right;
        display:inline;
}
#footer {
	font-size:11px;
	width: 720px;
	float: right;
	line-height:15px;
	margin-top: 15px;
	border-top: 1px solid #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 15px;
                margin-right: 5px;
}


.widecontent {
	width: 450px;
	float: left;
	margin-right: 25px;
	margin-left: 5px;
}

.narrowcontent {
	width: 165px;
	float: left;
	margin-right: 20px;
	margin-left: 25px;
}


h1 {
	color:#993232;
	margin:20px 0pt 8px;
	padding-bottom:5px;
	width:100%;
	font: normal 20px/22px Arial, verdana, sans-serif;
}

h2 {
	color:#5289B2;
	margin:0px 0pt 8px;
	padding-bottom:5px;
	width:100%;
	font: normal 18px/22px Arial, verdana, sans-serif;
}

.clearboth{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	}

#footer .item {
float:left;
padding:0pt 20px 5px;
}

#footer .one {
	width:165px;
	padding-left: 25px;
}

#footer .two {
	width:200px;
}

#footer .three {
width:185px;
}
#footer li {
background:transparent url(http://www.hairyandcompany.com/images/layout/listbullet.jpg) no-repeat scroll 0pt center;
padding:0px 0px 0px 12px;
}

.widecontent p, .narrowcontent p, #fullcontent p {
font-size:14px;
line-height:20px;
margin-bottom:10px;
}

#fullcontent {
margin: 10px 25px;
}

#sidebar p {
font-size:13px;
line-height:18px;
margin-bottom:6px;
}


#footer h4 {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 5px;
}
a:link, a:visited {
	color:#5289B2;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	}

.buttonLinkMed, .buttonLinkLarge {
clear:both;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
height:24px;
line-height:20px;
margin:10px 0pt;
padding-left:15px;
width:150px;
}
.buttonLinkMed {
background:transparent url(http://www.hairyandcompany.com/images/layout/buttonlink.jpg) no-repeat scroll left bottom;
}
.buttonLinkLarge {
background:transparent url(http://www.hairyandcompany.com/images/design/button_large.gif) no-repeat scroll left bottom;
width:206px;
}
.buttonLinkMed a, .buttonLinkLarge a {
display:block;
text-shadow:#FFFFFF 0px 0px 0px;
}
.buttonLinkMed a:link, .buttonLinkMed a:visited, .buttonLinkMed a:hover, .buttonLinkLarge a:link, .buttonLinkLarge a:visited, .buttonLinkLarge a:hover {
color:#5C90B6;
text-decoration:none;
}
.buttonLinkMed a:hover, .buttonLinkLarge a:hover {
color:#999999;
}

.picture {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
color:#394852;
margin-bottom:10px;
padding:3px;
}

label {
	padding: 2px;
	font-weight: bold;
	font-size: 11px;
	display: block;
	line-height: 18px;
}
#sidebar li {
        border-bottom: 1px solid #cccccc;
	font-size: 13px;
        line-height: 18px;
	margin: 0px 0px 0px 15px;
	padding: 5px 0px;
}
#sidebar li span {
	font-weight: bold;
}

#sidebar .quote {
	background: transparent url(http://www.hairyandcompany.com/images/layout/openquote.jpg) no-repeat scroll -2px -5px;
	margin-bottom:0px;
	padding:10px;
}

#sidebar .quote .statement {
	color:#666666;
	margin-bottom:5px;
	font: 13px/20px Arial, Helvetica, sans-serif;
	background: transparent url(http://www.hairyandcompany.com/images/layout/closequote.jpg) no-repeat scroll right bottom;
}
#sidebar .quote .author, #sidebar .quote .site {
	color:#7C919E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	text-align: right;
	margin-right: 25px;
}
#sidebar .quote .statement span {
	font-weight: bold;
}
.storesidebarpics {
float:left;
margin-top:5px;
padding-right:5px;
width:81px;
}
#storesidebar {
	width: 185px;
	padding-left: 15px;
}

#toppicture {
	background: transparent url(http://www.hairyandcompany.com/images/layout/hairybanner.jpg) no-repeat scroll center top;
	display: block;
	height: 275px;
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
                text-align:center;
}
#toppicture2 {
	background: transparent url(http://www.hairyandcompany.com/images/photos/blackbanner.jpg) no-repeat scroll center top;
	display: block;
	height: 234px;
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#toppicture4 {
	background: transparent url(http://www.hairyandcompany.com/images/photos/blackbanner2.jpg) no-repeat scroll center top;
	display: block;
	height: 234px;
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#toppicture3 {
	background: transparent url(http://www.hairyandcompany.com/images/photos/rapperbanner.jpg) no-repeat scroll center top;
	display: block;
	height: 229px;
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#nav {
height:67px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:7px;
}
#nav li {
float:left;
height:67px;
overflow:hidden;
}
#nav li a {
background-position:center top;
display:block;
line-height:67px;
overflow:hidden;
text-indent:-5000px;
}
#navHome {
background:transparent url(http://www.hairyandcompany.com/images/navbuttons/public/navHome.gif) no-repeat scroll 0%;
width:120px;
}
#navEndorsements {
background:transparent url(http://www.hairyandcompany.com/images/navbuttons/public/navEndorsements.gif) no-repeat scroll 0%;
width:120px;
}
#navVideo {
background:transparent url(http://www.hairyandcompany.com/images/navbuttons/public/navVideo.gif) no-repeat scroll 0%;
width:120px;
}
#navColoring {
background:transparent url(http://www.hairyandcompany.com/images/navbuttons/public/navColoring.gif) no-repeat scroll 0%;
width:120px;
}
#navMeetus {
background:transparent url(http://www.hairyandcompany.com/images/navbuttons/public/navMeetus.gif) no-repeat scroll 0%;
width:120px;
}
#navHairysjokes {
background:transparent url(http://www.hairyandcompany.com/images/navbuttons/public/navHairysjokes.gif) no-repeat scroll 0%;
width:120px;
}
#navRequest {
background:transparent url(http://www.hairyandcompany.com/images/navbuttons/public/navRequest.gif) no-repeat scroll 0%;
width:120px;
}
#nav li a:hover {
background-position:50% -67px;
}
#nav li a.currentSection, #nav li a.currentSection:hover {
	background-position:50% -134px;
	cursor: default;
}
#toppicturelinks {
	position:absolute;
	right:244px;
	top:223px;
	width: 415px;
	height: 57px;
}
#toppicturelinks a {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.textfield {
background-color:#EEEEEE;
border:1px solid #CCCCCC;
color:#666666;
font-family:"lucida grande",verdana,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:13px;
margin:0px 0px 5px 0px;
padding:3px;
width:65%;
}