p { font-family:Arial, Helvetica, sans-serif; font-size:12px; }

h2, h3 { font-family:Arial, Helvetica, sans-serif; }
body { margin:0 0 0 0px; padding:0 0 0 0; text-align:center; }

/*#wrapper { position:absolute; top:10px; left:250px; width:770px; background-color:#fffef9; }*/
#wrapper { width:765px; margin:10px auto; background-color:#fffef9; text-align:left; }
/*HEADER*/
#header { width:750px;float:left; margin:0px; padding:0px; background:url(../images/hairUWear_logo.jpg) no-repeat; background-position:left; }
#header h1 { margin:0; padding:0 }
#header ul { float:right; width:365px; height:31px; margin:4px; padding:0px; }
#header li { margin:0; padding:0; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#696967; display:inline; }
#header li a { color:#696967; text-decoration:none; }
#header li a.item1 { height:31px; margin:0; padding:0 6px 0 2px; background:url(../images/bg_headerNavDivider.jpg) right no-repeat; }
#header li a.item2 { height:31px; margin:0; padding:0; background:url(../images/bg_headerNavDividerwhite.jpg) right no-repeat; }


/*WRAPPER BODY*/
#wrapperBody { float:left; width:765px; min-height:450px; margin:0px 0px 0 0px; padding:0px; border:1px solid #d4d4d4; }

/*TOP NAV*/
#topNav { width:762px; height:20px; margin:0px 0 0 5px; padding:0px; }
#topNav ul { margin:0; padding:0; }
#topNav li { margin:0; padding:0; display:inline; font-family:arial,helvetica,sans-serif; }
#topNav li a { float:left; height:20px; display:block; text-decoration:none; text-align:center; color:#757575; font-weight:normal; font-size:11px; padding:2px; }
#topNav li a:hover { background:url(../images/bg_topNavHover.gif) repeat-x #eeeeee; color:#1f1f1f; }
#topNav li.on a { background:url(../images/bg_topNavHover.gif) repeat-x #eeeeee; color:#1f1f1f; }
#topNav li a.item1 { width:160px; border-right:1px solid #d4d4d4; }
#topNav li a.item2 { width:105px; border-right:1px solid #d4d4d4;}
#topNav li a.item3 { width:105px; border-right:1px solid #d4d4d4;}
#topNav li a.item4 { width:140px; border-right:1px solid #d4d4d4;}
#topNav li a.item5 { width:75px; border-right:1px solid #d4d4d4;}
#topNav li a.item6 { width:145px; border-right:none; }

/*MAIN CONTENT BODY*/
#body { float:left; margin:0 2px 0 2px; padding:0; border:1px solid #d4d4d4; }
#body .main { width:758px; margin:0 0 10px; padding:0; background:url(../images/bg_leftNav_main.gif) no-repeat; overflow:hidden; }

/*LEFT NAV*/
#body .main .leftNav { float:left; width:184px; margin:0px 0 0px 4px; padding:0px; }
#body .main .leftNav ul { width:184px; margin:30px 0 30px 0px; padding:0; }
#body .main .leftNav li { margin:0 0 5px 0px; padding:2px 0 0px 8px; list-style-type:none; font-size:11px; line-height:8px; font-family:Arial; }
#body .main .leftNav li a { margin:0 0 0px; padding:0px 0px 0px 12px; display:block; text-decoration:none; background:url(../images/bg_leftNavItemOff.gif) no-repeat; line-height:15px; font-weight:bold; color:#333333; }
#body .main .leftNav li a.on { background:url(../images/bg_leftNavItemOn.gif) no-repeat; color:#6699ce; }
#body .main .leftNav li a:hover { background:url(../images/bg_leftNavItemOn.gif) no-repeat; color:#6699ce; }
#body .main .leftNav img { margin:110px 0 0 5px; padding:0; }
#body .main .leftNav li ul { width:150px; margin:2px 0 0px 2px; padding:0 0 0 0; }
#body .main .leftNav li ul li { margin:0 0 0 10px; padding:5px 0 2px; }

/*CONTENT*/
#body .main .rightContent { float:right; width:560px; margin:0 4px 0px 0px; padding:0;}
#body .main .rightContent .copyColFull { float:left; width:560px; margin:0 0 0; padding:0; }
#body .main .rightContent .copyColFull h2 { margin:25px 0 2px 30px; padding:0 10px 0 0; font-size:20px; font-weight:normal; color:#fff; }
#body .main .rightContent .copyColFull h3 { margin:5px 0 2px 30px; padding:0; font-size:12px; font-weight:bold; color:#6699cc; }
#body .main .rightContent .copyColFull p { margin:10px 0 0 30px; padding:0px 14px 10px 0px; font-size:12px; color:#bfbfbf; line-height:17px; }
#body .main .rightContent .copyColFull img { float:right; margin:0px 0 0 5px; padding:0; }
#body .main .rightContent .copyColFull img.downloadImg { float:left; margin:0 0 0 30px; padding:0; }
#body .main .rightContent .copyColFull a { color:#628bb7; text-decoration:underline; }

/*INDEX PAGE RIGHT CONTENT BACKGROUND IMAGE*/
#body .main .index .rightContent { float:right; width:560px; margin:0 4px 0px 0px; padding:0; }
#body .main .index .rightContent .copyCol1 { float:left; width:300px; margin:0 0 0 30px; }
#body .main .index .rightContent .copyCol1 h2 { margin:15px 0 2px 20px; font-size:20px; color:#000; }
#body .main .index .rightContent .copyCol1 p { margin:10px 0 0 20px; color:#000; }

/*FOOTER*/
#footer { float:left; width:760px; margin:5px 0 5px 2px; padding:0; background:url(../images/bg_footer.gif) no-repeat; }
#footer table { width:760px; height:50px; margin:0px; padding:0; }
#footer td { margin:0; padding:0 3px; }
#footer p { font-size:11px; color:#fff; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }
#footer .accountBox { width:112px; height:19px; margin:0 0 2px; border:1px solid #b3b4b6; }
#footer .zipBox { width:88px; height:19px; margin:0 0 2px; border:1px solid #b3b4b6; }
#footer .blueBtn { margin:8px 0 0 0; }
#footer .img { margin:9px 0 0 12px; }
#footer form { display:inline; }



/*BOTTOM FOOTER*/
#btmFooterNav {  width:765px; margin:2px 0 0 0px; padding:0;  }
#btmFooterNav ul { width:765px; margin:2px; padding:0px; text-align:center; }
#btmFooterNav li { margin:0; padding:0 4px; font-size:11px; font-weight:normal; font-family:sans-serif; color:#757575; display:inline; }
#btmFooterNav li a { color:#757575; text-decoration:none; }

/*STORE LOCATOR FOOTER*/
#storeLocator { width:765px; margin:5px 0 0 0; padding:0; }
#storeLocator ul { margin:0 auto; padding:0; text-align:center; }
#storeLocator li { margin:0; padding:0 10px; font-size:11px; font-weight:bold; font-family:sans-serif; color:#a78654; display:inline; }
#storeLocator li a { color:#a78654; text-decoration:underline; }

/*COPYRIGHT INFO*/
#copyrightInfo { width:765px; margin:8px 0 0 0px; padding:0; }
#copyrightInfo p { margin:0 auto; padding:0; color:#babab8; text-align:center; }

/*MISC*/
.hide { display:none; }
.clear { clear:both; }