/* CSS Document by Hunter Logan, 2008 for Badger Basket Co. */
/* style rules common to all pages */
* {margin: 0; padding: 0;}
body {font-size: 12px; letter-spacing: .06em; font-family: Arial, Helvetica, sans-serif;}
a {text-decoration: none;}
img {border:0;}
h1 {font-size: 20px; font-weight: bold; letter-spacing: .08em; color: #5a087b; padding: 0 10px 16px 20px;}
h1 span {display: block; text-align: right;}
h2 {font-size: 16px; font-weight: bold; text-align: center; color: #000; padding-bottom: 12px; letter-spacing: .07em;}
h2 span {display: block;}
h3 {font-size: 14px; color: #960d52; padding-bottom: 8px;}
p {padding-bottom: 20px;}

.box, .box1 {float: left; width: 100%; background: #cda5e4 url(../images/interface/z_cbox.gif) top center repeat-y;}
.box1 {background: url(images/interface/z_cbox1.gif) top center repeat-y;}
.container {position: relative; width: 1024px; margin: auto;}

/* breadcrumb menu, appears on all pages */
#container_bc {position: relative; width: 1024px; margin: auto; background: #e9d6f0 url(images/interface/z_brdcrmb_back.gif) repeat; padding: 6px 0;}
#breadcrumb {float: left; width: 100%; background: #e9d6f0; color: #000000; text-align: left; font-size: 11px; font-weight: normal; letter-spacing: .1em; word-spacing: .2em; padding: 0;}
#breadcrumb span {padding: 6px 0 6px 10px;}
#breadcrumb a {padding: 4px 3px; color: #960d52; font-weight: bold;}
#breadcrumb a:hover {background: #ffc; color: #5a087b; font-weight: bold;} 
span#thispage {font-size: 12px; color: #5a087b; font-weight: bold; background: #ffdfff; padding-right: 14px;}

/* header, appears on all pages */
div#header {float: left; width: 1024px; padding: 6px 0; background:url(../images/interface/z_hdr.gif) top left no-repeat;}
div#badger {float: left; width: 300px; padding: 0 0 0 200px;}
div#search {float: left; width: 270px; padding: 40px 0 0 160px;}
div#search label {color: #5a087b; font-size: 16px; letter-spacing: .05em; font-weight: bold;}
div#search form input {vertical-align: middle;}

/* nav menu, appears on all pages */
div#nav {float: left; width: 100%;  background: #5a087b; clear: both; border: solid #fff; border-width: 2px 0; padding: 0;}
div#nav a {font-size: 14px; font-weight: bold; color: #ffffe9; letter-spacing: .08em;}
ul.menu {float: left; width: 944px; padding-left: 80px;}
ul.menu li {display: inline;}
ul.menu li a {display: block; float: left; background: #5a087b; padding: 6px 40px 8px 40px; border-left: #ffffe9 solid 1px; margin-right: -2px;}
ul.menu li a:hover {background: #a70eb4;}
ul.menu li#last a {padding-left: 78px;  border-right: #ffffe9 solid 1px; background: #5a087b url(../images/interface/z_cart.gif) 34px -9px no-repeat;}
ul.menu li#last a:hover {border-right: #ffffe9 solid 1px; background: #a70eb4 url(../images/interface/z_cart.gif) 34px -59px no-repeat;}

/* footer, appears on all pages */
div#footer {float: left; width: 984px; padding: 20px; background: #fff;}
ul#footmenu {float: left; width: 500px; padding: 46px 0 0 40px; list-style: none;}
ul#footmenu li {padding: 0 30px 0 0; display: inline;}
ul#footmenu li a {color: #000; padding: 3px;}
ul#footmenu li a:hover {background: #ffc;}

ul#affiliations {float: right; width: 240px; background: #fff; padding-bottom: 10px; list-style: none;}
ul#affiliations li {display:inline;}
div#copyrt {float: left; width: 960px; border-top: 1px solid #000; padding: 6px 0 0 40px;}
div#copyrt p {float: left; width: 500px;}
div#copyrt img {float: right; padding-right: 24px;}
div#footer div#hch {position: relative; float: right; width: 220px; height: 36px; background: #fff; overflow: hidden; margin: 10px 10px 0 0;}
* html div#footer div#hch {display: inline;}
div#footer div#hch a {display: block; float: left; width: 100%; height: 36px;}
div#footer div#hch a img {float: left; width: 36px; padding-right: 6px;}
div#footer div#hch a span {float: left; width: 170px; color: #2A0C1A; font-size: 9px; line-height: 12px; padding-top: 4px;}
div#footer div#hch a:hover {background: #FFC; cursor: pointer;}
div#footer div#hch a:hover img {position: relative; top:-36px;}