/* CSS Document by Hunter Logan, 2008-2010 for Badger Basket Co. */
/* standard content blocks for site content pages including about us, customer service, etc */
.red {font-weight: bold; font-size: 1.2em; color: #b00; letter-spacing: .08em;}
div#content {float: left; width: 100%; background: #fff url(../images/interface/z_cnt_back.gif) top left repeat-y;}
div#content_rt {float: left; width: 100%; background: #fff url(../images/interface/z_checkout_back.gif) top left repeat-y;}
div#cnt_top {float: left; width: 100%; background: url(../images/interface/z_cnt_tips.gif) top left no-repeat;}
div#cnt_top_rt {float: left; width: 100%; background: url(../images/interface/z_checkout_pad.gif) top left no-repeat;}
div#cnt_btm {float: left; width: 100%; background: url(../images/interface/z_cnt_tips.gif) bottom right no-repeat;}
div#cnt_btm_rt {float: left; width: 1024px; background: url(../images/interface/z_checkout_pad.gif) bottom right no-repeat;}
div#main {float: left; width: 648px; margin-left: 276px; padding: 30px 40px 50px 20px;}
* html div#main, * html div#main_ai {display: inline;}
div#main_rt p {padding-left: 20px;}
div#main_rt {float: left; width: 740px; padding: 30px 0 60px 22px;}
div#left {float: left; width: 192px; margin-left: -962px; padding: 50px 8px 30px 8px;}
div#right {float: right; width: 192px; padding: 30px 38px 30px 0;}
* html div#right {padding-right: 30px;}
div#main strong, div#maintext strong, div#main1 ol strong, ul#call strong {font-size: 1.1em; font-weight: bold; color: #560724;}
div#main p a, div#maintext p a, div#main1 ol a, ul#call a, div#main1 p a {font-size: 1.1em; font-weight: bold; background: #fdc6c9; color: #560724; padding: .1em .25em;}
div#main p a:hover, div#maintext p a:hover, div#main1 ol a:hover, div#maintext ul a:hover, div#main1 p a:hover {background: #ffc;}
div#main p.homebutton {padding: 6px 0 6px 60%;}
div#main p.homebutton a {background: #0e1f92; color: #e3e3f9; text-align: center; font-size: 13px; font-weight: bold; letter-spacing: .1em; padding: 6px 10px; border: 0;}
div#main p.homebutton a:hover {background: #0354da; color: #ffc;}
div#main .topborder {border-top: 1px solid #000; padding-top: 20px;}
div#main label {font-size: 13px; font-weight: bold; letter-spacing: .08em; padding: .2em .5em .2em .5em;}
div#maintext img {float: right; padding: 10px 20px 10px 10px;}

/* part requests */
form button#agree {background: #0e1f92; color: #e3e3f9; text-align: center; font-size: 13px; font-weight: bold; letter-spacing: .1em; padding: 6px 10px; border: 0;}
* html button#agree {position: relative; top: .5em;}
form button#agree:hover {background: #0354da; color: #ffc;}
form div#parts h2 {float: left; width: 100%; border-top: 1px solid #000; padding-top: 16px;}
form div#parts p {float: left; width: 100%;}
form div#parts p label {float: left; width: 30%; text-align: right;}
form div#parts p input {display: inline; float: left;}
form div#parts p.model_no select {float: left; width: 66%;}
* html form div#parts p.model_no select {display: inline;}
form div#parts p.model_no a {float: right; padding: 6px;}
form div.parts button {background: #0e1f92; color: #e3e3f9; text-align: center; font-size: 13px; font-weight: bold; letter-spacing: .1em; padding: 6px 10px; border: 0; margin-left: 74%;}
* html div#parts button {display: inline;}
form div#parts p.lot_no label {width: 30%; text-indent: -10px;}
form div#parts p.lot_no input {margin-top: 16px;}
* html form div#parts p.lot_no input {display: inline;}
form div#parts button:hover {background: #0354da; color: #ffc;}
div#partletters {float: left; width: 100%;}
div#partletters div {float: left; width: 100%;}
* html div#partletters div {display: inline;}
div#partletters h2 {float: left; width: 100%; font-size: 16px; padding: 0;}
div#partletters h3 {float: left; width: 50%; font-size: 16px; padding-left: 30%;}
div#partletters div p {float: left; width: 64%; padding-left: 34%;}
div#partletters div p input {float: left; text-align: center;}
div#partletters div p label {float: left; width: 80%; text-align: left;}
div#partletters p {float: left; width: 96%; padding: 0 2% 10px 2%;}
div#parts p button, div#partletters p button {background: #0e1f92; color: #e3e3f9; text-align: center; font-size: 13px; font-weight: bold; letter-spacing: .1em; padding: 6px 10px; border: 0; margin-left: 10%;}
div#partletters p button {margin-left: 60%;}
* html div#parts div p button, * html div#partletters p button {display: inline;} 
div#parts div p button:hover, div#partletters p button:hover {background: #0354da; color: #ffc;}
div#partcheck, div#part_cart {float: left; width: 100%; text-align: center;}
div#partcheck h2, div#part_cart h2 {float: left; width: 100%; background: #0E1F92; color: #CFCFF5; text-align: center; font-size: 16px; letter-spacing: .08em; padding: 4px 0;}
div#partcheck table {float: left; width: 100%; background: #fff;}
div#part_cart table {float: left; width: 100%; background: #fff; border: 0;} 
div#partcheck table th {width: 27%; background: #b9d5ff; color: #000; padding: 4px 0;}
div#partcheck table td {width: 27%; background: #fff; color: #000; padding: 4px 0;}
div#partcheck table .prodmod {width: 40%;}
div#partcheck table .qty {width: 7%;}
div#part_cart table th {width: 25%; background: #b9d5ff; color: #000; padding: 4px 0;}
div#part_cart table td {width: 25%; background: #fff; color: #000; padding: 4px 0;}
div#part_cart table .prodmod {width: 34%;}
div#part_cart table .remove {width: 10%;}
div#part_cart table .qty {width: 6%;}
div#part_cart p.buttons {float: left; width: 100%; text-align: right; padding-top: 8px;}
div#part_cart p.buttons a {background: #0e1f92; color: #e3e3f9; text-align: center; font-size: 13px; font-weight: bold; letter-spacing: .1em; padding: 6px 10px; border: 0;}
* html div#part_cart p.buttons a {display: inline;}
div#part_cart p.buttons span.checkbtn a {background: #b4000c; color:#FBEDEC; font-size: 15px; letter-spacing: .07em;}
div#part_cart p.buttons a:hover {background: #0354da; color: #ffc;}
div#part_cart p.buttons span.checkbtn a:hover {background: #FF1728; color: #FBEDEC;}
div#partcheck h3#noparts, div#part_cart h3#noparts {float: left; width: 100%; background: #b4000c; color:#F7D9D7; text-align: center; font-size: 15px; letter-spacing: .08em; padding: 4px 0;}

/* assembly instructions */
div#main_ai {float: left; width: 688px; margin-left: 276px; padding: 30px 0 20px 20px;}
div#catalogbox, div.catalogrow {padding: 0; margin: 0;}
div.catalogrow {float: left; width: 688px;}
* html div.catalogrow {float: none; position: relative;}
div.catalogitem {float: left; width: 228px; text-align: center; padding: 10px 0;}
div.catalogitem a, div.catalogitem li a {display: block; font-weight: bold; color: #b00; letter-spacing: .08em; line-height: 1.3em; padding: 10px;}
div.catalogitem a {text-align: center;}
div.catalogitem li a {text-align: left;}
span.prodimg {display: block; padding: 20px 0;}
span.prodname {display: block; padding: 10px;}
span.no_instruction {display: block; font-size: 14px; font-weight: bold; color: #f00; letter-spacing: .08em; line-height: 1.6em; padding-top: 10px;}
div.catalogitem ul {padding: 10px 0;}
div.catalogitem li {display: block; text-align: left; list-style: none; padding: 0;}
* html div.catalogitem li {display: inline;}
div.catalogitem li span {padding-left: 6px;}
div.catimg a:hover, div.catalogitem a:hover, div.catalogitem li a:hover {background: #ffc;}

/* Store Locator */
div#locator {float: left; width: 710px; padding: 30px  4px 50px 36px; font-size: 14px;}
div#locator p {line-height: 1.4em;}
div#locator form p, div#locator form p select {margin-left: 60px;}
* html div#locator form p, * html div#locator form p select {margin-left: 60px;}
div#locator form p button {display: block; background: #0e1f92; color: #e3e3f9; text-align: center; font-size: 16px; font-weight: bold; letter-spacing: .08em; margin-left: 250px; border: 0; padding: 6px 10px;}
* html div#locator form p button {display: inline;}
div#locator form button:hover {background: #0354DA; color: #ffc;}
div#store_select label {font-size: 14px; padding-left: 10px;}
div#storegrid {float: left; width: 668px; margin: 0; padding: 0 0 0 30px;}
div.storelogo {float: left; width: 212px; height: 390px; list-style: none;}
div.storelogo a {display: block; float: left; width: 200px; height: 150px; text-align: center; padding: 6px;}
div.storelogo a:hover {background: #ffc;}
div.storelogo p {display: block; float: left; width: 200px; line-height: 20px; font-size:14px; padding: 0 0 0 12px;}
.rush {font-weight: bold; color:#F00;}
.dests {font-weight: bold;}
div.storelogo ul.shipsto {float: left; width: 188px; height: 160px; padding: 4px 0 0 12px; list-style: none;}
div.storelogo ul.shipsto li {display: block; float: left; width: 176px; line-height: 18px; font-size:14px; padding-left: 12px;}
.temp_notes {text-align: left; color: #b00;}
p.store_prods {font-size: 14px; padding-left: 0;}
p.store_prods img {padding: 0 10px 0 0;}
div#select_a_state {float: left; width: 100%; padding: 6px 0;}
div#select_a_state label {float: left; width: 30%; text-align: right; padding-right: 6px;}
div#select_a_state select {float: left; width: 3.6em; display: inline; margin-top: -2px;}
div#select_a_state p {float: left; width: 100%; padding-top: 10px;}
div#locator form div#sort_list {float: left;  width: 100%; padding-top: 10px;}
div#locator form div#sort_list p label {float: left; width: 20%; text-align: right; padding-right: 6px;}
div#locator form div#sort_list p select {float: left; width: 10em; display: inline; margin: 0;}
div#locator_output h3 {float: left; width: 100%;}
div#locator_output ul {float: left; width: 228px;  height: 260px; list-style: none; padding: 4px;}
div#locator_output ul li {display: block; float: left; width: 204px; font-size: 14px; line-height: 1.4em; padding: 2px 10px 2px 16px; text-indent: -6px;}
div#locator_output ul li.storename {float: left; width: 224px; font-size: 14px; line-height: 1.2em; padding: 0 0 0 4px; text-indent: 4px;;}
div#locator_output ul li.storename img {position: relative; top: 2px; padding: 3px 0 3px 6px;}
div#locator_output ul li.storename span {position: relative; top: -4px; font-weight: bold; font-size: 15px; font-weight: bold; padding: 4px 4px 4px 6px;}
div#locator_output ul li.storename a {display: block; float: left; width: 212px;  color: #0000CC; padding: 4px 4px 0px 6px; margin-left: -4px;}
* html div#locator_output ul li.storename a {display: inline;}
div#locator_output ul li.storename a:hover {background: #ffc;}
div#locator_output h3 {float: left; width: 100%; font-size: 18px; background: #5A087B; color: #F1E7F5; padding: 6px 0;}
div#locator_output h3 span {float: left; width: 10%; text-align: center; margin: 0 0 0 4%;}
* html div#locator_output h3 span {display: inline;}
div#locator_output h3 span.to_top {float: right; width: 20%; margin: 0 4% 0 0;}
* html div#locator_output h3 span.to_top {display: inline;}
div#locator_output h3 span.to_top a {float: left; font-size: 14px; text-align: center;  line-height: 1.2em; color: #F1E7F5; background: #B348BB; padding: 2px 6px;}
div#locator_output h3 span.to_top a:hover {color: #98087B; background: #FFDFFF;}
h2#new_search {float: left; width: 100%; padding-top: 30px; text-align: right;}
h2#new_search a {padding: 6px 10px; background: #0E1F92; color: #e3e3f9;}
h2#new_search a:hover {background: #0354da; color: #ffc;}

/* retailers */
div#retloginback {float: left; width: 400px; background: url(../images/interface/retlogback.gif) top left repeat-y; margin-left: 70px;}
* html div#retloginback {display: inline;}
div#retlogin {float: left; width: 400px; font-size: 16px; letter-spacing: .09em; background: url(../images/interface/retlog.gif) bottom right no-repeat; padding-bottom: 81px;}
div#retlogin h2 {float: left; width: 400px; font-size: 16px; letter-spacing: .09em; background: #2d12a0 url(../images/interface/retlog.gif) top left no-repeat; color: #E8E2FC; padding: 10px 0;}
div#retlogin form div {float: left; width: 100%; padding-top: 20px;}
div#retlogin form div p {float: left; width: 100%;}
div#retlogin form div p label {float: left; width: 38%; text-align: right; padding: 3px 6px 0 0;}
div#retlogin form div p input {float: left; width: 40%; padding: 3px;}
div#retlogin form div p#buttons {width: 60%; padding-left: 40%;}
div#retlogin form div p#buttons button {background: #0e1f92; color: #e3e3f9; text-align: center; font-size: 13px; font-weight: bold; letter-spacing: .1em; padding: 6px 10px; border: 0; margin-left: 5%;}
* html div#retlogin form div p#buttons button {display: inline;}
div#retlogin form div p#buttons button:hover {background: #0354da; color: #ffc;}
div#retlogin form h3 {float: left; width: 100%; text-align: center; background: #ad0c10; color: #FBFED8; border: solid #FCCDCE; border-width: 1px 0; padding: 4px 0;}
h3#update {position: relative; top: -10px; margin-left: 60px;}
* html h3#update {display: inline;}
div#retstock_menu {float: left; width: 100%;}
div#retstock_menu h2 {float: left; width: 400px; background: #1B0B5A url(../images/interface/retlog.gif) top left no-repeat; color: #E8E2FC; padding: 12px 0 8px 0; margin-left: 170px; overflow: hidden; border-bottom: 2px solid #fff;}
* html div#retnews_menu h2 {display: inline;}
div#retstock_menu ul {float: left; width: 100%;}
div#retstock_menu ul li {display: inline; float: left; width: 25%; text-align: center; font-size: 14px; font-weight: bold;}
div#retstock_menu ul li a {display: block; background: #2d12a0; color: #E8E2FC; padding: 6px 0 8px 0; border-left: #fff solid 1px;}
div#retstock_menu ul li a:hover {background: #2E61D8;}
div#retailer {float: left; width: 100%;}
div#retailer p {float: left; width: 94%; padding: 10px 3%;}
div#retailer h2 {float: left; width: 739px; background: #1B0B5A; color: #E8E2FC; padding: 8px 0; margin: 2px 0 0 1px;}
* html div#retailer h2 {display: inline;}
div#retailer h2 span {display: block; position: relative; top: 4px; float: left; width: 100%; font-size: .8em;  background: #ad0c10; color: #FBFED8; border: solid #FCCDCE; border-width: 1px 0; padding: 4px 0 }
div#retailer p a {color: #1B0B5A; font-size: 1.2em; font-weight: bold; border: 2px solid #1B0B5A; padding: 4px;}
div#retailer p a:hover {background: #ffc;}
div#retailer table {float: left; width: 737px; border-collapse: collapse; margin: 2px 0 0 2px; }
* html div#retailer table {display: inline;}
div#retailer table th {background: #E8E2FC; color: #1B0B5A; text-align: center; padding: 2px; border: 2px solid #1B0B5A;}
div#retailer table td {text-align: center; vertical-align: top; border: 2px solid #1B0B5A; padding: 4px 2px;}
div#retailer table th.model {width: 8%;}
div#retailer table th.name {width: 36%;}
div#retailer table th.thumb {width: 13%;}
div#retailer table th.juv_toy {width: 8%;}
div#retailer table th.date {width: 8%;}
div#retailer table th.eta {width: 8%;}
div#retailer table th.notes {width: 19%;}
div#retailer table th.rep_name {width: 20%;}
div#retailer table th.company_name {width: 20%;}
div#retailer table th.phone {width: 18%}
div#retailer table th.territory {width: 42%;}
div#retailer table td a {display: block; color: #001259; font-weight: bold; font-size: 1.1em; padding: 6px 0;}
div#retailer table td a:hover {background: #FFFECC;}
div#get_reader {float: left; width: 150px; padding: 10px 0; margin-left: 500px;}
* html div#get_reader {display: inline;}
div#get_reader a {display: block; color: #001259; font-weight: bold; font-size: 1.1em; padding: 6px 0; text-align: center;}
div#get_reader a span {display: block; }
div#get_reader a:hover {background: #FFFECC;}

/* format for contact pages */
ul#stop {float: left; width: 98%; list-style: none; padding: 0 2% 0 0;}
ul#stop li {float: left; width: 100%; display: block;}
ul#stop li a, ul#stop li a img {vertical-align: middle; padding: 6px;}
ul#stop li a {display: block; font-size: 16px; font-weight: bold; color: #cf0207; padding-right: 18px; letter-spacing: .07em;}
ul#stop li a:hover {background: #ffc;}
form#contact {float: left; width: 100%; padding: 12px 0;}
form#contact p {float: left; width: 100%; padding-top: 3px;}
form#contact label, span#code {float: left; width: 170px; text-align: right; padding: 0 14px; font-size: 14px; line-height: 18px; letter-spacing: .07em; color:#000;}
form#contact span#preview {float: left; width: 180px; line-height: 18px; font-size: 15px;}
form#contact input {float: left; width: 180px; line-height: 18px; font-size: 14px; padding: 2px 0;}
form#contact button {margin-left: 200px; font-size: 20px; font-weight: bold; letter-spacing: .08em; padding: 2px 10px; cursor:pointer;}
form#contact button#validate, form#contact button#edit {background: #FCDFD8; color: #B4000C; border: 1px solid #B4000C;}
form#contact button#validate:hover , form#contact button#edit:hover {background: #ffc;}
form#contact button#send {background: #C1F4C9; color: #032E01; border: 1px solid #032E01;}
form#contact button#send:hover {background: #ffc;}
form#contact button#cancel {background: #DAE0F8; color:#030F76; border: 1px solid #030F76;}
form#contact button#cancel:hover {background: #ffc;}
form#contact p.warning {font-size: 18px; font-weight: bold; letter-spacing: .08em; color: #B4000C;}
.required {font-size: 14px; font-weight: bold; letter-spacing: .08em;}
h2#return {float: left; width: 400px; text-align: center; padding: 10px 0 10px 200px;}
h2#return a {display: block; float: left; width:300px; line-height: 2.5em; color: #159f45; border: 1px solid #159f45; text-align: center;}
h2#return a:hover {background: #ffc;}