/* H@H */

body { height: 100%; font-family: Helvetica, Arial, sans-serif; color: #333; background-image:url(../images/swatch_bg.png); }

html, body { overflow-x: hidden; overflow-y: auto; }


/* GENERAL TAGS */
h1,h2,h3,h4,h5,h6 { font-weight: bold; -webkit-text-size-adjust: none; }
h1 { font-size: 16px; line-height: 18px; }
h2 { font-size: 15px; line-height: 17px; }
h3 { font-size: 12px; line-height: 14px; color: #c00; }
h4 { font-size: 13px; line-height: 15px; }
h5 { font-size: 10px; line-height: 12px; }
h6 { font-size: 11px; line-height: 13px; }
p, li { font-size: 11px; line-height: 15px; margin: 3px 0; -webkit-text-size-adjust: none;}
li { margin: 0; }
a {  color: #b70004; text-decoration: none; color: #333; }
a:hover { color: #c00; text-decoration:underline; }


/* MAIN STRUCTURE */
#content-holder { height: 100%; background: #fff; }
#wrapper { position: relative; width: 890px; height: auto; margin: 0px auto;  }
#content { width: 900px; height: 100%; padding: 20px 0 20px 0; margin: 0 auto; }
#footer { margin: 0 auto; padding: 0px 0 40px; } 

/* HEADER NAV */
#header {  height: 90px; }
#header h1 { float: left; background-image:url(../images/HAH_logo.png); width: 215px; height: 60px; text-indent: -3000px; overflow: hidden; position: relative; left: 15px; margin:15px 0 0 10px;}
#header h1 a { display: block; width: 215px; height: 60px; }
#menu-search { width: 700px; height: 60px; float:right; }

/* HEADER NAV */
#header ul { float: right; text-align: right; margin-top: 15px; width: 600px; height: 25px; margin-right: 30px; }
#header li { float: right; margin-left: 7px; letter-spacing: .025em; #letter-spacing: .0em; border: none;  }
#header li a { color:#f1f1f1; font-size: 13px; font-weight: bold; padding-left: 15px;}
#header li a:hover { color:#fff; background:url("/images/icons/nav-arrow.png") no-repeat; padding-left: 15px; text-decoration:none;}
#header li a.active { color:#F00; background:url("/images/icons/nav-arrow-over.png") no-repeat; }

/* HEADER SEARCH FORM */
#formdiv { height: 22px;  padding-top: 15px; float:right; }
#formdiv p { float: left; padding-top: 0px;  font-size: 10px; line-height:11px; }
#formdiv form { padding-right: 30px;  }
#formdiv input { margin: 0; padding: 0px; font-size: 11px; height: 16px; }
#formdiv input[type=submit] { display:hidden; }
#formdiv input[type=image] { display:block; width:22px; height: 22px; padding: 0px 0px 1px 5px; float: right; }
#formdiv input[type=text] {
	width:180px;
     border-style: hidden;
     border-width: 0px;
     color: #333;
     padding: 4px 10px 7px 10px;
     font-size:9pt;
     background: transparent url(../images/icons/hah-search-input.png) no-repeat;
     margin-left:8px;
	 float: right;
}

/* SUB NAV */
#subnav { width: 900px; margin: 0 auto 15px auto; font-size: 9px; position: relative; -webkit-text-size-adjust: none;}
#subnav a { font-weight: normal; text-transform: uppercase; letter-spacing: .05em; #letter-spacing: .025em; color: #191919; margin: 0 5px; }
#subnav a.active { color: #c00; font-weight: bold; }


/* CONTENT STUFF */
#content_upper .banner { width: auto; height: auto; margin: 20px 0 0px 0px; }
#content_upper { width: 890px;  margin: 0 auto; #padding-bottom: 20px; }
#content_upper .box { width: 525px; float: left; margin-left: 15px; }
#content_upper .box h3 { margin: 15px 15px 6px; }
#content_upper .box h5 { margin: 15px 15px 0px; }
#content_upper .box img { float: right ; margin: 15px; }
#content_upper .box p { margin: 12px 15px 6px; }
#content_upper .box a { /*margin: 30px 0 0 15px; display: block; font-size: 9px; text-transform: uppercase; margin-top: 30px;*/ }

/* lower */
#content_lower { width: 870px; border: 1px solid #CCC; padding-left: 15px; margin: 20px auto 0 auto; }
#content_lower .box { width: 270px; float: left; }
#content_lower .box.right { border-right: 0px; }
#content_lower .box.left { width: 270px; float: left; }
#content_lower .box.left img { float: right; margin: 15px 15px 15px 0; }
#content_lower .box.wide.right { width: 600px; float: left;  }
#content_lower .box.wide.right img { margin-right:15px; }
#content_lower .box h3 { margin: 15px 15px 6px; }
#content_lower .box h5 { margin: 15px 15px 0px; }
#content_lower .box img { margin-left: 15px; }
#content_lower .box p { margin: 12px 15px 6px; }
#content_lower .box a { margin: 30px 0 0 15px; font-size: 9px; text-transform: uppercase; margin-top: 30px; }

/* misc styles (reusable stuff, etc.) */
.clear-floats { clear: both; display: block; height: 0px; font-size: 1px; }
.float-left { float: left; }
.float-right { float: right; }

/* ----------------------------------- new footer -------------------------------------*/

/* FOOTER STUFF */
#footer_inner { width: 100%; height: 100%; }
#footer_inner .box { height: 80px; float: left; width: 19%; border-left: 1px solid #999; margin-top: 20px; }
#footer_inner .box.left { margin-left: 40px; border: none; }
#footer_inner .box.middle { border: 1px solid #656e78; border-width: 0 1px 0 1px; }
#footer_inner h6, #footer_inner p, #footer_inner ul { font-size: 10px; line-height: 12px; margin-left: 15px; color:#D6D6D6; }
#footer_inner form { font-size: 10px; line-height: 12px; margin-left: 15px; #margin-left: 0;  }
#footer_inner h6 { padding-bottom: 10px; color: #f1f1f1; }

/* middle menu */
#footer_inner li { font-size: 10px; line-height: 15px; color:#D6D6D6; }
#footer_inner a {  color: #191919; color:#D6D6D6; text-decoration: none; }
#footer_inner a:hover { color: #fff; text-decoration: underline; }

/* email sign-up form */
#footer_inner input[type=text] { display: block; font-size: 10px; line-height: 11px; padding: 1px; }
#footer_inner input[type=submit] { margin: 10px 0 5px 0; font-size: 10px; }
#footer img { margin-top: -8px; }
#footer img a { text-decoration:none; }

/* tooltip styling */
.hah_tip .tip { background-color:#C00; padding: 5px; }
.hah_tip .tip-title { color: #6A747C; background-color: #fff; font-size: 12px; padding: 5px; }
.hah_tip .tip-text { color: #fff; font-size: 10px; padding: 5px; }