/*
homestyles.css  -- Buthcandharold.com

This stylesheet is for the home page only. 
While this does duplicate many of the styles 
in 'styles.css', the style sheet for the rest 
of the site, there are enough differences in 
the home page that this becomes useful. A 
future redesign of the site should eliminate
the necessity of this separate file.
*/

html,body {
/* background:#e7c747; */
 background:#9ecd38; 
}

#layout {
 background:#fff;
 margin:0px auto;
 padding:20px;
 width:730px;
}

h1 {
 background:url(../images/global/logo_home.gif) no-repeat;
 height:70px;
 text-indent:-5000px;  /* hide the text from humans */
 width:320px;
 float:left;
 font-size:5px;
 margin:0px;
 padding:0px;
 overflow:hidden;
}

/* top-right page links to 'home' and 'basket' */

#members {
 float:right;
 list-style:none;
 padding:0px;
 margin:10px 0px 0px;
}

#members li {
 float:left;
}

#members li a {
 border-right:1px solid #7dc7e1;
 color:#5d4629;
 display:block;
 font:12px Verdana;
 padding:5px 10px;
 text-decoration:none;
 text-transform:lowercase;
}

#members li a:hover {
 color:#F0214E;
}

/* nav menu control and  styles */

ul#public {
 list-style:none;
 margin: 10px 0 0 0;
 padding: 0px; 
}

ul#public ul {
 list-style:none;
 margin: 10px 0 0 0;
 padding: 0px; 
}

ul#public li {
 float:left;
 position: relative;
}

ul#public li a {
 display: block;
 text-decoration:none;
}

ul#public li a em {
 visibility: hidden;
}

/* second level shop menu */

ul#public li#shop {
 z-index: 2;
}

ul#public li#shop ul {
 display: none;
 position: absolute;
 top: auto;
 left: auto;
 margin-top: auto;
 margin-left: 50px;
 border: 1px solid #4b3820;
}

ul#public li#shop ul a {
 font: bold 10pt verdana, arial, sans-serif;
 height: 2em;
 width: 110px;
 margin: 0; 
 padding: 2px 8px;
 background-image: none;
 background-color: #fff;
 color: #4b3820;
}

ul#public li#shop ul a:hover {
 background-image: none;
 background-color: #4b3820;
 color: #fff;
}

ul#public #shop:hover ul,
ul#public #shop.over ul {
 display: block;
 width: 126px;
}


/* third level shop|frame menu */

ul#public li#frame {
 z-index: 3;
}

ul#public li#frame ul {
 display: none;
 position: absolute;
 top: auto;
 left: auto;
 margin-top: -32px;
 margin-left: 126px;
 border: 1px solid #4b3820;
 border-style: solid solid solid none;
 width: 50px;
}

#public #shop #frame ul {
 display: none;
 width: 50px;
}

ul#public li#frame ul a {
 font: bold 9pt verdana, arial, sans-serif;
 height: 1.5em;
 width: 50px;
 margin: 0; 
 padding: 2px 8px;
 background-image: none;
 background-color: #fff;
 color: #4b3820;
}

ul#public li#frame ul a:hover {
 background-image: none;
/* background-color: #4b3820; */
 background-color: #ab9880; 
}

ul#public #shop #frame:hover ul,
ul#public #shop #frame.over ul {
 display: block;
 width: 66px;
}

/* set widths of 3rd level menu */

#public #shop li#frame ul,
#public #shop li#frame:hover ul,
#public #shop li#frame .over ul {
 width: 116px;
}
#public #shop #frame ul li {
 width: 100px;
}
#public #shop #frame ul li a {
 width: 100%;
}

/* each nav link has its own size and background behaviors */

#public #about a {
 background:url(../images/global/home_about_off.gif) no-repeat;
 height:61px;
 width:119px;
}
#public #about a:hover {
 background:url(../images/global/home_about_on.gif) no-repeat;
}

#public #shop a {
 background:url(../images/global/home_shop_off.gif) no-repeat;
 height:61px;
 width:169px;
}
#public #shop a:hover {
 background:url(../images/global/home_shop_on.gif) no-repeat;
}

#public #press a {
 background:url(../images/global/home_press_off.gif) no-repeat;
 height:61px;
 width:127px;
}
#public #press a:hover {
 background:url(../images/global/home_press_on.gif) no-repeat;
}

#public #stores a {
 background:url(../images/global/home_stores_off.gif) no-repeat;
 height:61px;
 width:137px;
}
#public #stores a:hover {
 background:url(../images/global/home_stores_on.gif) no-repeat;
}

#public #contact a {
 background:url(../images/global/home_contact_off.gif) no-repeat;
 height:61px;
 width:176px;
}
#public #contact a:hover {
 background:url(../images/global/home_contact_on.gif) no-repeat;
}

/* styles for policy and customer service links */

#misc {
 margin:0px auto;
 padding:10px 20px 0px;
 width:730px;
}

#misc,#misc * {
 color:#fff;
 font:10px Verdana;
}

#misc a {
 text-decoration:none;
}

#misc a:hover {
 text-decoration:underline;
}

/* utility classes */

.separator {
 background:url(../images/global/separator.gif) repeat-x 0 0;
 height:11px;
}

.clear {
 clear:both;
}