/*****************************************
Hotheads CSS v1.0  			    July,2009.
Last Update	February, 2011.
				
© 2009-2011 floor115 Incorporated.
© 2009-2011 True Cool Technologies Enterprises.
All rights reserved.
*****************************************/

/*	General Structure					
----------------------------------------*/
html{
	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:0;
	background-color:#7A7F82;
	font-family: Arial, Helvetica, sans;
	font-size:12px;
	color:#FFFFFF;
}
.container{
	width:900px;
	margin:50px auto 20px auto;
}
#mainContent{
	overflow:hidden;
	padding-top:35px;
	margin-bottom:10px;
	background-color:#000;
	background-repeat:no-repeat;
	background-image:url('../imgs/bkgd_curve_blk_ul.jpg');
}
#mainContentBottom{
	clear:both;
	background-repeat:no-repeat;
	background-position:0% 100%;
	background-image:url('../imgs/bkgd_curve_blk_bl.jpg');
	height:9px;
	font-size:0;
}
#masthead{
	position:relative;
	clear:both;
	height:60px;
	text-align:right;
	right:0;
}
#leftBody{
	display:inline;
	margin-top:35px;
	margin-right:10px;
	width:150px;
	float:left;
}
#rightBody{
	margin-right:10px;
	float:right;
	display:inline;
	width:160px;
	height:300px;
}
#middleBody{
	display:inline;
	overflow:auto;
	margin:0 0 10px 10px;
	float:left;
	width:550px;
	height:300px;
}
#footer{
	margin-top:1px;
	margin-left:160px;
	clear:both;
	overflow:hidden;
	width:740px;
	text-align:center;
}



/*	Basic Tags
----------------------------------------*/
h1,h2,h3,h4,h5,h6{
	margin-top:.1em;
	margin-bottom:.3em;
	font-weight:normal;
	color:#FFF;
}
h1{
	font-size:18px;
}
.contentShell .h1alt{
	margin-top:0;
	margin-bottom:0;
}
h2{
	font-size:16px;
}
.contentShell .h2alt{
	margin-top:0;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
	color:#7A7F82;
}
h3{
	font-size:14px;
}
.contentShell .h6alt{
	margin:0;
	font-size:11px;
	color:#7A7F82;
}
p{
	margin-top:0;
}
a{
	text-decoration:none;
}
.contentShell{
	color:#7A7F82;
}
.contentShell hr{
	margin:10px 0;
	border:none 0;
	border-top:1px solid #7A7F82;
	height:1px;
	color:#7A7F82;
}
.contentShell h1,
.contentShell h2,
.contentShell h3{
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:14px;
	color:#EC3B95;
}
.contentShell h2,
.contentShell h3{
	margin:10px 0;
}
.contentShell h4,
.contentShell h5{
	margin:6px 0;
	font-weight:bold;
	font-size:14px;
}
.contentShell h6{
	font-size:12px;
}
.contentShell .alt{
	color:#EC3B95;
}
.contentShell a:link,
.contentShell a:active{
	color:#015FAF;
}
.contentShell ul{
	padding-left:25px;
}
.contentShell a:visited{
	color:#AD1066;
}
.contentShell a:hover{
	color:#EC3B95;
}
table,thead,tbody{
	margin:0;
	vertical-align:top;
}
table{
	margin-bottom:2px;
	width:100%;
}
.rightBody ul, .rightBody li{
	margin-left:7px;
	padding-left:0px;
}
.rightBody li{
	line-height:1.5em;
	list-style-image:url('imgs/general/bullet.gif');
	font-weight:bold;
}


/*	Widgets
----------------------------------------*/
.floatL{
	float:left;
}
.floatR{
	float:right;
}
img{
	vertical-align:bottom;
}
a img{
	border:0;
}
.additionalNote{
	font-size:11px;
	color:#8A8B76;
	font-weight:normal !important;
}
.alertGood{
	color:green;
}
.alertBad{
	color:red;
}


/*	Page Elements
----------------------------------------*/
/*	Masthead
----------------------------------------*/
.logo, .masteheadTitle, .masteheadPink,
.masteheadBlue, .masteheadPurple{
	position:absolute;
	bottom:0;
	background-repeat:no-repeat;
}
.logo{
	left:0;
	bottom:5px;
}
.masteheadTitle{
	right:0;
	width:200px;
	height:45px;
	background-color:#000;
	background-image:url('../imgs/bkgd_curve_blk_ul.jpg');
}
.masteheadTitle h2{
	margin-top:28px;
	bottom:0;
	text-align:center;
	font-weight:bold;
}
.masteheadPink{
	right:200px;
	width:125px;
	height:16px;
	background-color:#ED3A95;
	background-image:url('../imgs/bkgd_curve_pnk_ul.jpg');
}
.masteheadBlue{
	right:325px;
	width:135px;
	height:9px;
	background-color:#015FAF;
	background-image:url('../imgs/bkgd_curve_blu_ul.jpg');
}
.masteheadPurple{
	right:455px;
	width:135px;
	height:9px;
	background-color:#664299;
	background-image:url('../imgs/bkgd_curve_vlt_ul.jpg');
}


/*	Content Elements
----------------------------------------*/
.content{
	width:530px;
}
.contentShell{
	overflow:hidden;
	background-color:#FFF;
}
.contentShellInner{
	margin:15px 8px;
}
.topImg{
	margin-bottom:10px;
}
.leftImg{
	margin:0 10px 0 0;
	clear:right;
}
.rightImg{
	clear:left;
	margin:0 0 10px 10px;
}



/*	Menus
----------------------------------------*/
/*	Left & Right Navigation
----------------------------------------*/
.leftNav h3, .rightNav h3{
	margin:.2em 0;
	font-size:11px;
	text-transform:uppercase;
}
.leftNav ul, .rightNav ul{
	margin:0;
	list-style-type:none;
	font-size:14px;
}
.leftNav li a, .rightNav li a{
	font-size:13px;
}
/*	Left Navigation - All
----------------------------------------*/
.leftNav{
	text-align:right;
}
.leftNav ul{
	padding-left:0;
}
.leftNav a:link,
.leftNav a:active,
.leftNav a:visited{
	color:#000;
}
.leftNav a:hover{
	color:#FFF;
}

/*	Right Navigation - All
----------------------------------------*/
.rightNav h3{
	color:#737373;
}
.rightNav ul{
	padding:0;
}
.rightNav li{
	margin:0;
	padding:0;
}
.rightNav a:link,
.rightNav a:active,
.rightNav a:visited{
	color:#FFF;
}
.rightNav .active{
	color:#EC3B95;
}
.rightNav a:hover{
	color:#AEAEAE;
}
/*	Left Navigation - Specific
----------------------------------------*/
#leftNav1{
/*	14px increments if adding/removing items	*/
	margin-bottom:67px;
}
/*	Right Navigation - Specific
----------------------------------------*/
#rightNav-buyHandGlove, #rightNav-buyHandTowel{
	margin-top:278px;
}


/*	Footer Styles
----------------------------------------*/
.footer ul{
	margin:5px;
}
.footer li{
	display:inline;
}
.footer span{
	margin:0 5px;
}
.footer a, .footer a:link, .footer a:active, .footer a:visited{
	color:#000;
}
.footer a:hover{
	color:#FFF;
}
#upperFooter{

}
#lowerFooter{
	clear:both;
	padding-top:10px;
	font-size:10px;
	color:#354047;
}
#footer .btnFooter h2{
	text-align:right;
	color:#000;
	font-size:15px;
}
#btnFooter-btn1, #btnFooter-btn2{
/*	margin-right:9px;*/
}
#btnFooter-btn5, #btnFooter-btn4{
	margin-left:9px;
}
#btnFooter-btn3{
 	margin-right:2px;
}


/*	Custom Page Attributes
----------------------------------------*/
/*	Active Buttons States: Left Nav ----*/
body.home #leftBody #btnHH-Intro a:visited,
body.styling #leftBody #btnHH-Styling a:visited,
body.care #leftBody #btnHH-Care a:visited,
body.media #leftBody #btnHH-Media a:visited,
body.downloads #leftBody #btnHH-Downloads a:visited,
body.faq #leftBody #btnHH-Faq a:visited,
body.contact #leftBody #btnHH-Contact a:visited,
body.order #leftBody #btnHH-Order a:visited,
body#original_series #leftBody #btnHH-products-original a:visited,
body#soft_series #leftBody #btnHH-products-soft a:visited,
body#threeD_series #leftBody #btnHH-products-3D a:visited,
body#threeDG_series #leftBody #btnHH-products-3DGrooming a:visited,
body#hand-dry-hair-towel #leftBody #btnHH-products-hairTowel a:visited,
body#hand-dry-hair-glove #leftBody #btnHH-products-hairGlove a:visited,
body#hand-dry-hair-glove-pets #leftBody #btnHH-products-petGlove a:visited,
body#threeDG_series #leftBody #btnHH-products-3DGrooming a:visited{
	color:#FFF;
}
/*	Active Buttons States: Right Nav ---*/
body#styling-blowdry #rightBody #btnRightNav-styling-blowdry a:visited,
body#styling-curls #rightBody #btnRightNav-styling-curls a:visited,
body#styling-flatiron #rightBody #btnRightNav-styling-flatiron a:visited,
body#downloads #rightBody #btnHH-Downloads a,
body#media-blogs #rightBody #btnHH-media-blogs a,
body#media2011-09_01 #rightBody #btnHH-media2011-0901 a,
body#media2011-08_01 #rightBody #btnHH-media2011-0801 a,
body#media2011-07_01 #rightBody #btnHH-media2011-0701 a,
body#media2011-03_01 #rightBody #btnHH-media2011-0301 a,
body#media2011-03_02 #rightBody #btnHH-media2011-0302 a,
body#media2010-0708 #rightBody #btnHH-media2010-0708 a,
body#media2010-07 #rightBody #btnHH-media2010-07 a,
body#media2010-0304 #rightBody #btnHH-media2010-0304 a,
body#media2009-12 #rightBody #btnHH-media2009-12 a,
body#media2008-05 #rightBody #btnHH-media2008-05 a,
body#media2007-10 #rightBody #btnHH-media2007-10 a,
body#media2007-09 #rightBody #btnHH-media2007-09 a,
body#media2007-08a #rightBody #btnHH-media2007-08a a,
body#media2007-08b #rightBody #btnHH-media2007-08b a,
body#media2007-07 #rightBody #btnHH-media2007-07 a,
body#media2006-11 #rightBody #btnHH-media2006-11 a,
body#demoEn #rightBody #btnHH-demoEn a,
body#demoFr #rightBody #btnHH-demoFr a{
	color:#EC3B95;
}
/*	Home  ------------------------------*/
body.home .contentShell{
/*	height:298px;*/
}
/*	Products  --------------------------*/
body.products .content .leftImg{
	background-color:#FFF;
	height:180px;
}
.rightNavProduct{
	margin-top:122px;
	text-align:center;
}
/*	Contact Us  ------------------------*/
body.contact .contentShell{
/*	height:180px;*/
}
/*	Videos  ---------------------------*/
body.video .contentShell{
	background-color:#000;
}
body.video .contentShellInner{
	margin:0 0 0 90px;
}
body.video .contentShellInner a{
	padding:4px;
	overflow:hidden;
	border:1px solid #ED3A95;
}
/*	Media  ----------------------------*/
body#media2008-05 .contentShell,
body#media2007-10 .contentShell,
body#media2007-09 .contentShell,
body#media2007-08a .contentShell{
	height:300px;
}
/*	Downloads  -------------------------*/
body#downloads .download-item{
	float:left;
	margin:0 1em 2em 0;
	width:155px;
	border-bottom:2px solid #E5E5E5;
}
body#downloads .download-item img{
	margin:0 0 0.5em 0;
	border:1px solid #E5E5E5;
}
	body#downloads .download-item:hover{
		border-bottom:2px solid #EC3B95;
	}
	body#downloads .download-item:hover img{
		border:1px solid #EC3B95;
	}
body#downloads .download-item p{
	margin:0 0 0.5em 0;
	text-align:center;
}