body {padding:6px 0 0 0; margin: 0; background: url("images/bg_body.png") top left repeat-x #fff; color: #222; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; line-height:1.4em; font-style:normal; letter-spacing:0.2px; min-width: 780px;}

a:link, a:visited {text-decoration: none; color: #A05A0E;}
a:hover {text-decoration: underline; background-color: #FDF3E8;}

a.title:link, a.title:visited {color: #603708; font-size: 130%; line-height: 150%; font-weight: bold;}
a.title:hover {}
a.title:link span {font-weight: normal;}

h3 {font-family: Georgia, "Times New Roman", serif; font-size: 130%; letter-spacing: 1px; margin: 0 0 0.8em 0;}
h1 {position: absolute; top: 9px; left: 39px; margin: 0; padding: 0;}
h2 {margin: 0; padding: 0;}
h1 a {display: block; text-indent: -700em; background: url("images/logo_hale.png") top left no-repeat !important; width: 257px; height: 96px;}
h1 a span, h2 span {display: none;}

#header {height: 108px; position: relative; background: url("images/bg_header.png") top left no-repeat #EEDBAE;}

#basket {position: absolute; top: 0; right: 18px; background: url("images/bg_basket.png") top right no-repeat; width: 390px; height: 42px; text-align: center;}
#basket p {padding: 2px 0 0 0; margin: 0; line-height: 140%;}
#basket p img {margin: 0;}
#basket a {color: #333; text-decoration: none;}
#basket a:hover {text-decoration: underline; background: none !important;}

#tabs {position: absolute; margin: 0; padding: 0; bottom: 0; right: 18px; width: 426px; height: 39px; list-style: none;}
#tabs li {float: left; list-style: none; width: 142px; height: 39px;}
#tabs a {height: 39px; display: block;}
#tabs li a span {display: none;}

.tabHale {width: 142px; background: url("images/tab_hale.png") 0 0 no-repeat;}
.tabHale a:hover {background: url("images/tab_hale.png") 0 -39px no-repeat;}
.tabAllen {width: 142px; background: url("images/tab_allen.png") 0 0 no-repeat;}
.tabAllen a:hover {background: url("images/tab_allen.png") 0 -39px no-repeat;}
.tabNag {width: 142px; background: url("images/tab_nag.png") 0 0 no-repeat;}
.tabNag a:hover {background: url("images/tab_nag.png") 0 -39px no-repeat;}

.tabHaleOn, .tabHaleOn a:hover {width: 142px; background: url("images/tab_hale.png") 0 -78px no-repeat;}
.tabAllenOn, .tabAllenOn a:hover {width: 142px; background: url("images/tab_allen.png") 0 -78px no-repeat;}
.tabNagOn, .tabNagOn a:hover {width: 142px; background: url("images/tab_nag.png") 0 -78px no-repeat;}

/* image based nav */
#nav {clear: left; width: 100%; height: 30px; border: 0; padding: 0; margin: 0; background: #fff url("images/bg_nav.png") bottom left repeat-x;}
#nav ul	{width: 710px; height: 30px; margin: 0 auto; padding: 0;}
#nav ul li	{margin: 0;	padding: 0;	list-style: none; float: left; top: 0;}
#nav ul li, #nav a	{height: 30px; display: block;}
#nav ul li a span {display: none;}

#navnew {width: 99px; background: url("images/nav_new.png") 0 0 no-repeat;}
#navnew a:hover {background: url("images/nav_new.png") 0 -30px no-repeat;}
#navoffers {width: 113px; background: url("images/nav_offers.png") 0 0 no-repeat;}
#navoffers a:hover {background: url("images/nav_offers.png") 0 -30px no-repeat;}
#navcomps {width: 108px; background: url("images/nav_competitions.png") 0 0 no-repeat;}
#navcomps a:hover {background: url("images/nav_competitions.png") 0 -30px no-repeat;}
#navnews {width: 89px; background: url("images/nav_newsletter.png") 0 0 no-repeat;}
#navnews a:hover {background: url("images/nav_newsletter.png") 0 -30px no-repeat;}
#navhelp {width: 49px; background: url("images/nav_help.png") 0 0 no-repeat;}
#navhelp a:hover {background: url("images/nav_help.png") 0 -30px no-repeat;}
#navsubmissions {width: 97px; background: url("images/nav_submissions.png") 0 0 no-repeat;}
#navsubmissions a:hover {background: url("images/nav_submissions.png") 0 -30px no-repeat;}
#navcontact {width: 94px; background: url("images/nav_contact.png") 0 0 no-repeat;}
#navcontact a:hover {background: url("images/nav_contact.png") 0 -30px no-repeat;}
#navlegal {width: 56px; background: url("images/nav_legal.png") 0 0 no-repeat;}
#navlegal a:hover {background: url("images/nav_legal.png") 0 -30px no-repeat;}
#main {padding: 2em 0 0 0; margin: 0; float: left; background: url("images/bg_main.png") top left repeat-x;}

#leftcol {float: left; width: 180px; margin: 0 0 3em 10px; padding: 0;}
*html #leftcol {margin-left: 5px;}
#leftcol form {padding: 0; margin: 0; width: 180px;}
#leftcol fieldset {background: url("images/lbox_bot.png") bottom left no-repeat; border: 0; margin: 0; padding: 0 0 1.4em 0;}
#leftcol legend {padding: 0; margin: 0;}
* html #leftcol legend {margin-left: -8px;}
#leftcol form label {display: none; margin: 0;}
#leftcol input {font-size: 11px;}
#leftcol form #qsearch-go {width: 38px; height: 20px; border: 0; padding:0; margin: 0;}
#leftcol a {background: none !important;}

.box {background: url("images/lbox_top.png") top left no-repeat #EEDBAE; width: 200px; margin: 0 0 2em 0;}
.box h3 {padding: 1.2em 10px 10px 10px; margin: 0; color: #603708;}

#treemenu1 {background: #EEDBAE url("images/lbox_bot.png") bottom left no-repeat; list-style: none; margin: 0; padding: 0 0 19px 0; width: 200px; color: #603708;}
.treeview ul {margin: 0; padding: 0;} /* ul li ul */
.treeview li {list-style-type: none; background: url("images/link.gif") no-repeat 10px 10px; padding: 6px 0 0 24px; width: 176px; border-top: solid 1px #fff;} /*Style for LI elements in general (excludes an LI that contains sub lists)*/
.treeview li div {padding: 0 6px 4px 0;}
.treeview li.submenu {background: url("images/closed.gif") no-repeat 10px 10px; padding: 6px 0 0 24px; cursor: pointer !important; width: 176px; border-top: solid 1px #fff;}/* Style for LI that contains sub lists (other ULs). */
.treeview li.submenu ul {display: none;}
.treeview .submenu ul li {background: #F4E9CD; cursor: default; border-top: 1px solid #fff; padding: 4px 0 4px 24px; margin-left: -24px;} /* ul li ul li */
.treeview .last {border-bottom: 1px solid #fff;}

#content {margin: 0 10px 0 230px;}
#content h3 {line-height: 100%; padding: 0 0 0.5em; margin: 0 0 0.8em 0; text-transform: uppercase; border-bottom: 1px solid #e1e1e1;}

#footer {border-top: 1px solid #ddd; margin: 3em 10px 0 10px; clear: both; padding: 2em 0 0 0; display: block;}
#footer ul {list-style: none; clear: both; float: left; width: 100%; margin: 0 0 1.4em 0; padding: 0;}
#footer .ul2 {padding:  0 0 4em 0; margin: 0;}
#footer a {border-right: 1px solid #EEDBAE; padding-right: 8px; background: none;}
#footer li {list-style: none; float: left; margin: 0 4px;}
#footer li.ehaus {float: right;}
#footer li.ehaus a {border-right: none !important;}