/* by Hunter Logan, 2008 for Badger Basket Co. */
/* style rules for product pages */
/* main page content */
div#product_main {float: left; width: 708px; margin-left: 276px; padding: 30px 0 50px 0;}
* html div#product_main {display: inline;}
div#prodmain {float: left; width: 706px; margin-left: 262px; padding: 20px 10px 50px 16px;}
* html div#prodmain {display: inline;}
div#prodbox {float: left; width: 514px;}
div#product {float: left; width: 510px; border: solid #dd7917; border-width: 0 2px;}
h1#prodname {float: left; width: 484px; color: #fff; font-size: 16px; text-align: center; background: #dd7917 url(../images/interface/z_product.gif) no-repeat 0 -72px; padding-top: 30px;}
div#prodbtm {float: left; width: 514px; height: 72px; background: url(../images/interface/z_product.gif) no-repeat;}
 * html div#prodbtm {display: inline; margin-top: -40px;}
div#prod_heads, div#prod_list {float: left; width: 100%; text-align: center; border-bottom: 2px solid #dd7917; padding: 10px 0;}
div#prod_list input {width: 2em; text-align: center;}
div#prod_heads {background: #ffc977;}
div#prod_heads ul, div#prod_list ul {display: block; list-style: none;}
div#prod_heads ul li, div#prod_list ul li {display: inline; float: left; width: 80px; color: #1a1a88; font-size: 12px; font-weight: bold; letter-spacing: .08em; text-align: center;}
button#addtocart {width: 70%; border: 0; color: #fff; background: #3222af; padding: 6px; font-size: 12px; font-weight: bold; cursor: pointer;}
button#addtocart:hover {background: #577bf9;}
button#addtocart span {display: block; padding: .2em; letter-spacing: .08em; text-align: center;}
ul.indent1 {padding-left: 60px;}
ul.indent1a {float: left; padding-left: 60px; width: 180px;}
ul.indent2, ul.indent2a {float: left; padding-left: 60px; width: 110px;}
ul.indent1a, ul.indent2a {padding-top: 20px;}
p.status, p#status2, p#exclusive {float: left; width: 200px; color: #1a1a88; font-size: 12px; font-weight: bold; letter-spacing: .08em; padding: 0 10px;}
p.status span, p#status2 span {display: block; padding: 3px;}
p#exclusive, p#status2 {width: 290px; padding: 0;}
p.status a, p#exclusive a {display: block; padding: 14px;}
p.status a span, p#exclusive a span {display: block; color: #1a1a88; padding: 6px 0 0 0}
p.status a:hover, p#exclusive a:hover {background: #ffc;}
span#out_of_stock, span#new_item, p#exclusive a span#store_check {display: inline; background: #f33; font-size: 14px; color: #fff; font-weight: bold; letter-spacing: .08em; padding: 3px 6px;}
span#new_item {background: #4885ea;}
p#exclusive a span#store_check {background: #390;}
ul#item_desc {float: left; list-style: outside; padding: 20px 20px 20px 30px;}
div#returnbutton {float: left; padding: 0 0 30px 300px;}
div#returnbutton p {width: 100px; border: 0; padding: 0; text-align: center;}
div#returnbutton p a {display: block; padding: 8px 6px; background:#3222af; color: #fff; font-weight: bold; letter-spacing: .08em;}
div#returnbutton p a:hover {background: #577BF9;}
span#new_item {display: inline; background: #36f; color: #fff; font-weight: bold; letter-spacing: .08em; padding: 6px;}

/* column for similar items */
div#alsolikebox {float: right; width: 182px; text-align: center; padding-top: 0;}
h2#alsoliketop {float: left; width: 142px; background: #3222af url(../images/interface/z_alsolike.gif) no-repeat 0 -54px; color: #fff; padding: 15px 20px;}
div#alsolike {float: left; width: 178px; border: solid #3222af; border-width: 0 2px;}
div#alsolike img {padding: 20px 0 10px 0;}
div#alsolikebtm {float: left; width: 182px; height: 54px; background:url(../images/interface/z_alsolike.gif) no-repeat;}
* html div#alsolikebtm {display: inline; margin-top: -30px;}
div#alsolike p {padding: 0;}
div#alsolike p a {display: block; padding: 20px 10px;}
div#alsolike p a span {display: block; color: #960d52; font-size: 12px; font-weight: bold; letter-spacing: .08em;}
div#alsolike p a:hover span {color: #5a087b;}
div#alsolike p a:hover {background: #ffc;}
div#alsolike p a span.itemprice {font-size: 16px; color: #ff020e; padding: 4px;}

/* column for product images and product info */
div#prod_img, div#getreader {text-align: center;}
div#prod_img {float: left; width: 200px; text-align: center; padding-top: 0;}
div#prod_img p, div#prod_img a {font-weight: bold; color: #333; letter-spacing: .08em;}
div#prod_img a {padding: 6px; color: #960d52;}
div#prod_img a:hover {background: #ffc; color: #5a087b;}
div#prod_img p span {display: block; padding: 6px;}
p#larger_email a {width: 190px; display: block;}
p#larger_email a img {padding: 0 6px;}

div#prodleft {float: left; width: 206px; margin-left: -972px; padding: 50px 8px 30px 8px;}
div#imgbox {float: left; width: 200px; text-align: center; padding-top: 0;}
div#prodinfobox {float: left; width: 190px; padding: 0 0 0 6px;}
h2#prodinfotop {float: left; width: 150px; background: #a70eb4 url(../images/interface/z_prodinfo.gif) no-repeat 0 -50px; color: #fff; padding: 15px 20px;} 
div#prodinfo {float: left; width: 186px; padding: 0; border: solid #a70eb4; border-width: 0 2px; padding-top: 10px;}
div#prodinfo p {text-align: center; padding-bottom: 6px;}
div#prodinfo p a {display: block; font-weight: bold; padding: 8px 0; color: #960d52;}
div#prodinfo a:hover {background: #ffc; color: #5a087b;}
div#prodinfo ul {float: left; list-style: none; padding-bottom: 6px;}
div#prodinfo ul li {float: left; width: 186px; padding: 0;}
div#prodinfo ul li a {display: block; padding: 4px;}
div#prodinfo ul li a img {vertical-align: middle; padding: 3px;}
div#prodinfo ul li a span {padding: 3px; font-size: 11px; font-weight: bold; letter-spacing: .06em; color: #960d52;}
div#prodinfo ul li a:hover {background: #ffc;}
div#prodinfo ul li a:hover span {color: #5a087b;}
div#prodinfo h2 a {display: block; color: #960d52; padding: 10px 0;}
div#prodinfo h3 {padding-left: 10px; color: #5a087b;}
div#getreader a {display: block; padding: 10px 0 8px 0; font-weight: bold; color: #960d52;}
div#getreader a:hover, div#prodinfo h2 a:hover {background: #ffc; color: #5a087b;}
div#getreader span {display: block;}
div#prodinfobtm {float: left; width: 190px; height: 50px; background:url(../images/interface/z_prodinfo.gif) no-repeat;}
* html div#prodinfobtm {display: inline; margin-top: -25px;}


