/* CSS Document by Hunter Logan, 2008 for Badger Basket Co. */
/* style rules for drop-in modules */
/* green help menu */
div#helpback {float: left; width: 200px; background: url(../images/interface/z_helpback.gif) top left repeat-y; border-bottom: 30px solid #fff;}
div#help {float: left; width: 200px; font-size: 16px; letter-spacing: .09em; background: url(../images/interface/z_help.gif) bottom right no-repeat; padding-bottom: 40px;}
div#help h2 {float: left; width: 200px; font-size: 16px; letter-spacing: .09em; background: #159f45 url(../images/interface/z_help.gif) top left no-repeat; color: #fff; padding: 10px 0;}
ul#helplist {float: left; width: 198px; padding: 10px 1px 0 1px; list-style: none;}
ul#helplist li {display: block; padding: 1px;}
ul#helplist li a {display: block; font-size: 14px; font-weight: bold; color: #0e3e1c; letter-spacing: .08em; padding: 8px;}
ul#helplist li a:hover {background:#ffc;}

/* red special link */
div#specialback {float: left; width: 200px; background: url(../images/interface/z_specialback.gif) top left repeat-y; text-align: center;}
div#specialback h2 {float: left; width: 200px; font-size: 16px; letter-spacing: .09em; background: #b4000c url(../images/interface/z_special.gif) top left no-repeat; color: #fff; padding: 10px 0;}
div#special {float: left; width: 200px; background: url(../images/interface/z_special.gif) bottom right no-repeat; border-bottom: 30px solid #fff; padding-bottom: 30px;}
div.spwrap {float:left; width: 198px; padding: 0 1px;}
div#special a {display: block; padding: 20px 0;}
div#special a:hover {background: #ffc;}
div#special img {padding: 30px 0 10px 0;}
span.item, span.sale, span.price {display: block; font-size: 12px; letter-spacing: .1em; color: #5a087b; font-weight: bold; text-align: center; padding: 20px;}
span.sale, span.price {color: #ff020e; font-size: 16px; padding: 0 16px;}
span.price {font-size: 20px; padding-bottom: 16px;}

/* retailer list */
span.rl {display: block; color: #000; font-size: 12px; font-weight: bold; padding: 16px 6px 0 6px;}
ul#retailerlist {float: left; width: 198px; padding: 10px 1px; list-style: none;}
ul#retailerlist li {display: block; padding: 1px;}
ul#retailerlist li a {display: block; color: #b4000c; font-size: 15px; font-weight: bold; letter-spacing: .06em; padding: 4px 6px;}
ul#storelocator {float: left; width: 180px; padding: 0 10px 10px 10px; list-style: none;}
ul#storelocator li a {display: block; font-size: 14px; letter-spacing: .08em; font-weight: bold; text-align: center; background: #f9d0d1; color: #b4000c; padding: 5px 0; border: 1px solid #b4000c;}
ul#storelocator li a:hover, ul#retailerlist li a:hover {background: #ffc;}

/* contact block */
div#contactback {float: left; width: 200px; background: url(../images/interface/z_helpback.gif) top left repeat-y; border-bottom: 30px solid #fff;}
div#contact {width: 200px; background: url(../images/interface/z_help.gif) bottom right no-repeat; padding-bottom: 24px;}
div#contact h2 {font-size: 13px; font-weight: bold; color: #fff; letter-spacing: .08em; background: #159f45 url(../images/interface/z_help.gif) top left no-repeat; padding: .5em 0;}
div#contact ul {width: 198px; padding: 8px 1px; list-style: none;}
div#contact ul li {display: block; text-align: left; letter-spacing: .06em; padding: 0 10px 12px 10px;}
div#contact ul li span {display: block;}
div#contact ul li strong {font-weight: bold; color: #3e0c09; letter-spacing: .08em;}
div#contact ul li a {display: block; font-size: 14px; letter-spacing: .08em; font-weight: bold; text-align: center; background: #9be686; color: #3e0c09; padding: 5px 0; border: 1px solid #159f45;}
div#contact ul li a:hover {background: #ffc;}

/* retailer menu */
div#retailer_menu {float: left; width: 200px; font-size: 16px; letter-spacing: .09em; background: url(../images/interface/retmen.gif) bottom right no-repeat; padding-bottom: 40px;}
div#retailer_menu h2 {float: left; width: 200px; font-size: 16px; letter-spacing: .09em; background: #2d12a0 url(../images/interface/retmen.gif) top left no-repeat; color: #E8E2FC; padding: 10px 0;}
div#retmenback {float: left; width: 200px; background: url(../images/interface/retmenback.gif) top left repeat-y; border-bottom: 30px solid #fff;}
ul#retmenlist {float: left; width: 198px; padding: 10px 1px 0 1px; list-style: none;}
ul#retmenlist li {display: block; padding: 1px;}
ul#retmenlist li a {display: block; font-size: 14px; font-weight: bold; color: #2d12a0; letter-spacing: .08em; padding: 8px;}
ul#retmenlist li a:hover {background:#ffc;}

/* holiday delivery */
div#holidayback {float: left; width: 200px; background: url(../images/interface/z_holidayback.gif) top left repeat-y; text-align: center;}
div#holidayback h2 {float: left; width: 180px; font-size: 16px; letter-spacing: .09em; background: #b4000c url(../images/interface/z_holiday.png) top left no-repeat; color: #fff; padding: 210px 10px 10px 10px;}
div#holiday {float: left; width: 196px; background: url(../images/interface/z_holiday.png) bottom right no-repeat; border-bottom: 20px solid #fff; padding: 0 2px 110px 2px;}
.hannukah {color:#3d2499; border-color: #3d2499; background: #dfeaf4;}
.xmas {color:#045e18; border-color: #045e18; background: #ffeced}
div#holiday h3 {font-size: 16px; letter-spacing: .09em; line-height: 2em; padding-top: 6px; border-bottom: 2px solid;}
div#holiday p {font-size: 14px; letter-spacing: .08em; line-height: 1.5em; background: #fff; padding: 10px 14px;}
div#holiday p span {color: #000;}
div#holiday p strong,  div#holiday p em {display: block; font-weight: bold; font-size: 15px; font-style: normal;}
div#holiday p strong {color: #B4000C;}