@charset "utf-8";
/* CSS Document by Hunter Logan, May 2008 */

* {margin: 0; padding: 0;}
body {font-size: 12px; 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, h2 span {display: block; text-align: right;}
h2 {font-size: 16px; font-weight: bold; text-align: center; color: #000; padding-bottom: 12px; letter-spacing: .07em;}
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 url(images/interface/z_brdcrmb_back.gif); 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 20px;}
#breadcrumb a {padding: 6px 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: 20px;}

/* 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 label {color: #5a087b; font-size: 16px; letter-spacing: .05em; font-weight: bold;}
div#search {float: left; width: 270px; padding: 40px 0 0 160px;}
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; background: url(images/interface/z_nav_back.gif) repeat; list-style: none;}
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;}
/* homepage content blocks */
div#content {float: left; width: 100%; background: #fff url(images/interface/z_cnt_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_btm {float: left; width: 100%; background: url(images/interface/z_cnt_tips.gif) bottom right no-repeat;}

div#center {float: left; width: 578px; margin-left: 184px;}
* html div#center {display: inline;}
div#about {float: left; padding: 20px 37px;}
div#dir {float: left; width: 505px; background: #fff url(images/interface/z_dirback.gif) top left repeat-y; border-left: 35px solid #fff;}
div#dir_btm{float: left; width: 505px; background: url(images/interface/z_dir_btm.gif) left bottom no-repeat; padding-bottom: 98px;}
div#baby_kids {float: left; width: 253px; background: none; padding: 0;}
h2#bk {float: left; width: 253px; background: #dd7917 url(images/interface/z_cont_lcorner.gif) top left no-repeat; color: #fff; padding: 10px 0; text-align: center;}
div#doll_toy {float: left; width: 252px; background: none; padding: 0;}
h2#dt {float: right; width: 252px; background: #3222af url(images/interface/z_cont_rcorner.gif) top right no-repeat; color: #fff; padding: 10px 0;text-align: center;}
div#baby_kids a, div#doll_toy a {display: block; float: left; width: 232px; font-size: 14px; font-weight: bold; color: #000; letter-spacing: .06em; padding: 10px;}
div#baby_kids ul, div#doll_toy ul {list-style: none;}
div#baby_kids ul li, div#doll_toy ul li {display: inline;}
div#baby_kids li a, div#doll_toy li a {display: block; width: 216px; padding: 2px 18px; text-align: left;}
div#baby_kids li a {color: #1a1a88;}
div#baby_kids li a:hover, div#baby_kids a:hover {background: #ffe697; text-align: left;}
div#bk_img {float: left; width: 120px; position: relative; top: 10px; left: 105px;}
div#doll_toy li {display: block;}
div#doll_toy li a {color: #432502;}
div#doll_toy li a:hover, div#doll_toy a:hover {background: #93d3ec; text-align: left;}
div#dt_img {float: left; width: 120px; position: relative; top: 10px; left: 100px;}

/* homepage left sidebar */
div#left {float: left; width: 152px; margin-left: -762px; padding: 60px 16px 240px 16px;}
div#welcome {float: left; width: 152px; background: #fff url(images/interface/z_wlcm_corner.gif) bottom right no-repeat; padding: 0 0px 100px 0px;}
div#welcome h2 {padding: 10px 20px; color: #fff; background: #a70eb4 url(images/interface/z_wlcm_lt.gif) top left no-repeat; text-align: center;}
ul#news {padding: 30px 20px; list-style: none;}
ul#news li {position: relative; display: block; padding-bottom: 36px;}
ul#news li a {display: block; color: #5a087b; padding: 4px;}
ul#news li a em {font-weight: bold; color: #960d52; font-style: normal;}

/* Controls free shipping flyout */
ul#news li a span#freeship {display: block; visibility: hidden; position: absolute; top: -60px; left: -9000px; z-index: 99; width: 300px; padding: 0 20px 20px 20px; background: #ffc; border: 1px solid #000;}
ul#news li a:hover span#freeship, ul#news li a:focus span#freeship, ul#news li a:active span#freeship {visibility: visible; left: 140px;}
span.text {float: left; padding: 20px 0 0 0;}
ul#news li a:hover, ul#news li a:focus, ul#news li a:active {background: #ffc;} 

/* homepage right sidebar */
div#right {float: left; width: 200px; padding: 60px 24px 40px 28px}

/* standard content blocks for other pages (about us, customer service, etc) */
div#content1 {float: left; width: 100%; background: #fff url(images/interface/z_cnt1_back.gif) top left repeat-y;}
div#cnt1_top {float: left; width: 100%; background: url(images/interface/z_cnt1_tips.gif) top left no-repeat;}
div#cnt1_btm {float: left; width: 100%; background: url(images/interface/z_cnt1_tips.gif) bottom right no-repeat;}

div#main1 {float: left; width: 708px; margin-left: 262px; padding: 30px 0 50px 24px;}
* html div#main1 {display: inline;}
div#maintext {padding: 0 120px 0 30px;}
div#maintext p {padding-left: 20px;}
ul#call {padding-left: 40px; list-style: none;}
ul#call li {display: block; padding-bottom: 8px;}
div#main1 ol {padding: 10px 120px 20px 36px;}
div#main1 ol li {padding: 0 10px 10px 0;}
div#main1 ol li span {display: block; padding: 4px 0 0 20px;}
div#main1 h2 span {padding-right: 30px;}
div#maintext strong, div#main1 ol strong, ul#call strong {font-size: 1.1em; font-weight: bold; color: #560724;}
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#maintext p a:hover, div#main1 ol a:hover, div#maintext ul a:hover, div#main1 p a:hover {background: #ffc;}
div#maintext img {float: right; padding: 10px; margin-right: -30px;}
* html div#maintext img {display: inline;}
div#left1 {float: left; width: 206px; margin-left: -972px; padding: 30px 8px 30px 8px;}

/* 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 label, span#code {float: left; width: 170px; text-align: right; padding: 0 14px; font-size: 14px; letter-spacing: .07em; color:#000;}
form#contact button {margin-left: 200px; font-size: 20px; font-weight: bold; letter-spacing: .08em; padding: 2px 10px; cursor:pointer;}
form#contact button#validate {background: #FCDFD8; color: #B4000C; border: 1px solid #B4000C;}
form#contact button#validate:hover {background: #ffc;}
form#contact button#send {background: #C1F4C9; color: #032E01; border: 1px solid #032E01;}
form#contact button#send: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;}
/* included modular content blocks */

/* green help menu */
div#helpback {float: left; width: 200px; background: url(images/interface/z_helpback.gif) top left repeat-y; border-bottom: 50px 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: 50px 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: 50px 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;}

/* about page */
div#babout {width: 560px; padding: 0 10px 0 0;}
div#bhist {padding: 10px 180px 10px 0px;}
div#bhist img {float: left; border: 10px solid #fff;}
div#bcom {float: right; width: 340px; padding: 0 0 20px 0; border: solid #fff; border-width: 0 0 10px 10px; margin-right: -160px; background: #acbff0 url(images/interface/z_com.gif) bottom right no-repeat;}
* html div#bcom {display: inline;}
div#bcom h2 {width: 340px; background: #4720b0 url(images/interface/z_com.gif) top left no-repeat; color:#fff; padding: 10px 0; text-align: center;}
div#bcom p {width: 308px; padding: 16px;}
div#bcom img {border-width: 0; padding: 0 20px 20px 20px;}
span.btoday {float: right; margin: -10px -60px 0 0; border-left: 20px solid #fff;}

/* catalog pages */
div#catalog {float: left; width: 692px; margin-left: 262px; padding: 30px 20px 50px 20px;}
* html div#catalog {display: inline;}
div#catalog h4 {text-align: right; font-size: 12px; letter-spacing: .05em; font-weight: bold; color: #960d52;}
div#catalog h4 span {font-size: 16px; color: #5a087b;}
div#catalog h4 a {font-size: 14px; color: #960d52; padding: 3px 5px;}
div#catalog h4 a:hover {background: #ffc; color: #5a087b;}
ul#cat_item, ul#cat_name {float: left; width: 100%; list-style: none;}
div.cat_item, ul#cat_item li, ul#cat_name li {display: block; float: left; width: 170px; height: 300px; text-align: left;}
ul#cat_name li {height: 210px;}
div.cat_item a, ul#cat_item li a, ul#cat_name li a {display: block; width: 170px; height: 260px; text-align: center; padding: 24px 0 14px 0;}
ul#cat_name li a {height: 170px;}
div.cat_item a:hover, ul#cat_item li a:hover,  ul#cat_name li a:hover {background: #ffc;}
div.cat_item a span, ul#cat_item li a span, ul#cat_name li a span {display: block; padding: 6px 16px; color: #960d52; font-size: 12px; font-weight: bold; letter-spacing: .08em;}
div.cat_item a:hover span, ul#cat_item li a:hover span, ul#cat_name li a:hover span {color: #5a087b;}
ul#cat_item li a span.itemprice {font-size: 16px; color: #ff020e;}