@import 'lib/reset.css';
@import 'lib/type.css';
@import 'lib/globals.css';

body{ background: #FFFFFF url(/images/bg/bg-body.jpg); color: #444444; }
a{ color: #b650a2; text-decoration: none; }
a:hover{ text-decoration: underline; }
a img{ border: 0; }

#site-wrap{ width: 960px; height: 1000%; margin: 0 auto; }
h3.alsolike{ width: 170px; height: 65px; background: url(/images/h/h-alsolike.gif) top left no-repeat; }
h3.browse{ text-indent: -9999px; overflow: hidden; height: 26px; background: url(/images/h/h-browse-products.gif) top left no-repeat; }

#wrap-auxilery{ width: 960px; height: 34px; background: url(/images/bg/bg-auxilery.gif) top left no-repeat; }
#wrap-auxilery #nav-aux{ float: left; width: 500px; height: 34px; margin: 0 0 0 68px !important; margin: 0 0 0 34px; }
#wrap-auxilery #nav-aux li{ float: none; display: inline; }
#wrap-auxilery #nav-aux li a{ float: left; height: 34px; background: url(/images/nav/nav-aux.gif) top left no-repeat; }
#wrap-auxilery #nav-aux li.about a				{ width: 94px; background-position: 0 0; }
#wrap-auxilery #nav-aux li.blog a				{ width: 76px; background-position: -94px 0; }
#wrap-auxilery #nav-aux li.account a			{ width: 136px; background-position: -170px 0; }
#wrap-auxilery #nav-aux li.cart a				{ width: 100px; background-position: -306px 0; }
#wrap-auxilery #nav-aux li.wishlist a			{ width: 94px; background-position: -406px 0; }
#wrap-auxilery #nav-aux li.about a:hover		{ background-position: 0 -34px; }
#wrap-auxilery #nav-aux li.blog a:hover			{ background-position: -94px -34px; }
#wrap-auxilery #nav-aux li.account a:hover		{ background-position: -170px -34px; }
#wrap-auxilery #nav-aux li.cart a:hover			{ background-position: -306px -34px; }
#wrap-auxilery #nav-aux li.wishlist a:hover		{ background-position: -406px -34px; }
#wrap-auxilery p{ text-align: right; margin: 0 105px 0 0; font-size: 10px; color: #FFFFFF; padding: 12px 0 0; }
#wrap-auxilery p a{ color: #FFFFFF; }

#wrap-header{ clear: both; width: 960px; height: 93px; background: url(/images/bg/bg-header.jpg) top left no-repeat; }
#wrap-header h1{ float: left; margin-right: 30px; }
#wrap-header h1 a{ width: 400px; height: 93px; background: url(/images/bg/bg-logo.gif) top left no-repeat; }
#wrap-header form#search-products{ float: left; width: 223px !important; width: 233px; height: 25px; margin: 44px 0 0 0; margin: 44px 0 0 0; }
#wrap-header form#search-products input.text{ float: left; border: 0; width: 126px; height: 20px; margin: 0 8px 0 0; padding: 5px 10px 0 8px; background: url(/images/forms/input-search.gif) top left no-repeat; }
#wrap-header form#search-products input.image{ float: left; width: 71px; height: 25px; }
#wrap-header form#filter-products{ float: left; margin: 44px 0 0 30px !important; margin: 44px 0 0 15px; }
#wrap-header form#filter-products select{ margin: 0 0 2px; }
#wrap-header form#filter-products option{ padding: 0 6px 0 0; }
#wrap-header form#filter-products p{ font-size: 10px; }

#wrap-nav-main{ width: 960px; height: 100px; margin: 0; }
#wrap-nav-main #nav-main{ width: 960px; height: 100px; }
#wrap-nav-main #nav-main li{ float: left; }
#wrap-nav-main #nav-main li a{ float: none; height: 100px; background: url(/images/nav/nav-main-home2.gif) top left no-repeat; }
#wrap-nav-main #nav-main li.mat a{ width: 127px; background-position: 0 0; }
#wrap-nav-main #nav-main li.bak a{ width: 187px; background-position: -127px 0; }
#wrap-nav-main #nav-main li.nur a{ width: 108px; background-position: -314px 0; }
#wrap-nav-main #nav-main li.gag a{ width: 125px; background-position: -422px 0; }
#wrap-nav-main #nav-main li.pig a{ width: 88px; background-position: -547px 0; }
#wrap-nav-main #nav-main li.sse a{ width: 156px; background-position: -635px 0; }
#wrap-nav-main #nav-main li.dzc a{ width: 169px; background-position: -791px 0; }
#wrap-nav-main #nav-main li.mat a:hover{ background-position: 0 -100px; }
#wrap-nav-main #nav-main li.bak a:hover{ background-position: -127px -100px; }
#wrap-nav-main #nav-main li.nur a:hover{ background-position: -314px -100px; }
#wrap-nav-main #nav-main li.gag a:hover{ background-position: -422px -100px; }
#wrap-nav-main #nav-main li.pig a:hover{ background-position: -547px -100px; }
#wrap-nav-main #nav-main li.sse a:hover{ background-position: -635px -100px; }
#wrap-nav-main #nav-main li.dzc a:hover{ background-position: -791px -100px; }
#wrap-nav-main #nav-main li.mat a.selected{ background-position: 0 -200px; }
#wrap-nav-main #nav-main li.bak a.selected{ background-position: -127px -200px; }
#wrap-nav-main #nav-main li.nur a.selected{ background-position: -314px -200px; }
#wrap-nav-main #nav-main li.gag a.selected{ background-position: -422px -200px; }
#wrap-nav-main #nav-main li.pig a.selected{ background-position: -547px -200px; }
#wrap-nav-main #nav-main li.sse a.selected{ background-position: -635px -200px; }
#wrap-nav-main #nav-main li.dzc a.selected{ background-position: -791px -200px; }

.hidden{ display: none !important; }

.nav-side li{ padding: 10px 0 10px 0; border-bottom: 1px solid #f1ebd6; font-size: 14px; line-height: 16px; height: 1%; }
.nav-side li a{ padding: 2px 5px; color: #444; display: block; }
.nav-side li a:hover, .nav-side li a.selected{ background: #ffefbf; }
.nav-side li li{ padding: 0 0 0 20px; font-size: 10px; border: none; }
.nav-side li li a{ padding: 2px 0; }

#wrap-nav-main{ clear: both; }
.template-home #wrap-nav-main{ height: 61px; }
.template-home #wrap-nav-main #nav-main{ height: 61px; }
.template-home #wrap-nav-main #nav-main li a{ height: 61px; }

#wrap-content{ background: #fffae9; padding: 0 0 25px 0; }
.template-home #main-column{ float: left; width: 640px !important; width: 639px; }
/* *html .template-home #main-column{ width: 639px; } */
.template-home #main-column #call-to-action{ width: 640px !important; width: 639px; height: 348px; background: url(/images/bg/bg-call-to-action.gif) top left no-repeat; }
/* *html .template-home #main-column #call-to-action{ width: 639px; } */
.template-home #main-column #call-to-action .rotation{ position: relative; padding: 40px 0 0 48px;  width: 560px; height: 260px; display: block; }
.template-home #right-column{ float: right; width: 320px; }

.template-product #wrap-content,
.template-cart #wrap-content,
.template-results #wrap-content,
.template-editorial #wrap-content{ background: #fffae9; padding: 20px 0 25px 0; }
/*.template-results #wrap-content{ background: #fffae9 url(/images/bg/bg-mainnav-btm.gif) top left no-repeat; padding: 60px 0 25px 0; }*/

.template-product #left-column{ float: left; width: 320px; }
.template-product #main-column{ float: left; width: 445px; padding: 0 0 0 15px;  }
.template-product #right-column{ float: right; width: 170px; padding: 0 0 0 0; }

.template-cart #left-column{ float: left; width: 130px; padding: 0 0 0 30px; }
.template-cart #main-column{ float: left; width: 740px; padding: 0 30px 0 30px; }
.template-cart #left-column p{ font-size: 20px; text-transform: uppercase; color : #b3509f; margin: 0 0 10px 0; }
.template-cart #left-column .checkout p{ font-size: 11px; color: #555555; line-height: 14px; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid #F1EBD6; }
.template-cart #left-column .orders{ font-size: 11px; color: #555555; line-height: 1; padding-bottom: 0; margin-bottom: 0; border-top: none; }

.template-results #left-column{ float: left; width: 130px; padding: 0 0 0 30px; }
.template-results #main-column{ float: left; width: 740px; padding: 0 20px; }
.template-results #left-column p{ font-size: 20px; text-transform: uppercase; color : #b3509f; margin: 0 0 10px 0; }

.template-editorial #left-column{ float: left; width: 130px; padding: 0 0 0 30px; }
.template-editorial #main-column{ float: left; width: 420px; padding: 0 30px 0 30px; display: inline; }
.template-editorial .one-column #main-column{ width: 580px; padding: 0; margin-left: 30px; }
.template-editorial #right-column{ float: right; width: 320px; padding: 0 0 0 0; }
.template-editorial #main-column p{ font-size: 12px; line-height: 18px; margin-bottom: 18px; }
.template-editorial .one-column #main-column p{ margin-right: 30px; }
.template-editorial #left-column p{ font-size: 20px; text-transform: uppercase; color : #b3509f; margin: 0 0 10px 0; }
.template-editorial #main-column ul{ list-style: disc; font-size: 12px; line-height: 18px; margin-bottom: 18px; padding-left: 18px; }

.template-blog #wrap-content{ background: url(/images/bg/bg-blog-tile.gif) top left repeat-y; padding: 0; height: 1%; }
.template-blog #wrap-content .top{ background: url(/images/bg/bg-blog-top.gif) top left no-repeat; padding-top: 40px; }
.template-blog #wrap-content .btm{ background: url(/images/bg/bg-blog-btm.gif) bottom left no-repeat; padding-bottom: 90px; }
.template-blog #main-column{ float: left; width: 550px; padding: 0 30px 0 90px; }
.template-blog #right-column{ float: right; width: 220px; padding: 0 70px 0 0; }

#modules{ padding-left: 20px; background: #fffae9; }
.wrap-module{ float: left; width: 310px !important; width: 309px; margin: 20px 0 0 0; }
/* *html .wrap-module{ float: left; width: 309px; margin: 20px 0 0 0; } */
.wrap-module h3{ margin: 0 0 15px 0; }
.wrap-module h3.maternity a{ width: 300px; height: 24px; background: url(/images/h/h-mod-maternity.gif) top left no-repeat; }
.wrap-module h3.babykids a{ width: 300px; height: 24px; background: url(/images/h/h-mod-babykids.gif) top left no-repeat; }
.wrap-module h3.nursery a{ width: 300px; height: 24px; background: url(/images/h/h-mod-nursery.gif) top left no-repeat; }
.wrap-module h3.giftsgear a{ width: 300px; height: 24px; background: url(/images/h/h-mod-giftsgear.gif) top left no-repeat; }
.wrap-module h3 a:hover{ background-position: 0 -24px; }

.wrap-product{ padding: 0; margin-bottom: 15px; margin-right: 13px; width: 135px; height: auto; float: left; }
.wrap-product.last{ margin-right: 0; }
/* *html .wrap-product{ padding: 0 9px 0; margin-bottom: 15px; width: 135px; height: auto; float: left; } */
.wrap-product .image-top{ padding: 23px 0 0 0; background: url(/images/bg/bg-product-top.gif) top left no-repeat; }
.wrap-product .image-mid{ padding: 0 14px 0 11px; background: url(/images/bg/bg-product-mid.gif) top left repeat-y; height: 1%; }
.wrap-product .image-btm{ padding: 0 0 23px 0; background: url(/images/bg/bg-product-btm.gif) bottom left no-repeat; }
.wrap-product p{ font-size: 10px; line-height: 16px; margin: 0; }
.wrap-product p a{ font-size: 12px; line-height: 15px; margin: 0; }

#image-gallery{ padding: 0 0 0; width: 320px; height: auto; float: left; }
#image-gallery .image-top{  width: 320px; padding: 18px 0 0; background: url(/images/bg/bg-gallery-top.gif) top left no-repeat; }
#image-gallery .image-mid{ width: 250px; padding: 20px 28px 20px 42px; background: url(/images/bg/bg-gallery-mid.gif) top left repeat-y; text-align: center; }
#image-gallery .image-btm{  width: 320px; padding: 0 0 18px; background: url(/images/bg/bg-gallery-btm.gif) bottom left no-repeat; }
#image-gallery p{ text-align: right; font-size: 10px; }
#image-gallery p.return{ margin-top: 15px; text-align: left; }
#image-gallery p.return a{ width: 207px; height: 22px; background: url(/images/btn/btn-return.gif) top left no-repeat; float: right; }
#image-gallery p.return a:hover{ background-position: 0 -22px; }
#image-gallery table{ margin: 0 auto 25px; }
#image-gallery table td{ padding: 3px; }

#main-column h1{ color: #00addf; font-weight: normal; font-size: 24px; line-height: 1; margin-bottom: 18px; }
.template-product #main-column p.price{ color: #444; font-size: 18px; margin-bottom: 18px; }
.template-product #main-column form#specify-product div{ margin-bottom: 18px; }
.template-product #main-column form#specify-product label{ font-size: 10px; display: block; margin-bottom: 4px; }
.template-product #main-column #product-actions{ clear: both; margin-bottom: 18px; }
.template-product #main-column p,
.template-product #main-column ul{ font-size: 12px; line-height: 24px; margin-bottom: 24px; }
.template-product #main-column h4{ font-size: 12px; line-height: 24px; text-transform: uppercase; letter-spacing: 1px; }

#product-actions li{ display: inline; }
#product-actions li a{ float: left; height: 25px; margin-right: 10px; background: url(/images/btn/btn-productactions.gif) top left no-repeat; }
#product-actions li.addtocart a{ width: 113px; background-position: 0 0; }
#product-actions li.addtowishlist a{ width: 141px; background-position: -113px 0; }
#product-actions li.personalizeit a{ width: 141px; background-position: -254px 0; }
#product-actions li.addtocart a:hover{ background-position: 0 -25px; }
#product-actions li.addtowishlist a:hover{ background-position: -113px -25px; }
#product-actions li.personalizeit a:hover{ background-position: -254px -25px; } 

.template-results .wrap-product{ padding: 0; margin: 0 13px 39px 0; }

.filter-bar{ padding: 10px 0; }
.filter-bar form{ float: right; margin: 0 40px 0 0; }
.filter-bar label{ color: #95928b; font-size: 10px; margin: 0 10px 0 0; }
.filter-bar select{ margin: 0 10px 0 0; }
.filter-bar ul.crumbs{ float: right; }
.filter-bar ul.crumbs li{ float: left; margin-left: 4px !important; margin-left: 2px; }
.filter-bar ul.crumbs li.back a{ width: 60px;height: 22px; padding: 0; display: block; background: url(/images/btn/btn-crumbs-back.gif) top left no-repeat; }
.filter-bar ul.crumbs li.next a{ width: 60px;height: 22px; padding: 0; display: block; background: url(/images/btn/btn-crumbs-next.gif) top left no-repeat; }
.filter-bar ul.crumbs li.back a:hover{ background-position: 0 -22px; }
.filter-bar ul.crumbs li.next a:hover{ background-position: 0 -22px; }
.filter-bar ul.crumbs a{ padding: 3px; display: block; color: #95928b; font-size: 12px; }
.filter-bar ul.crumbs a:hover,
.filter-bar ul.crumbs a.selected{ background: #feeeb5; }

#wrap-blogsnippet h3 a{ height: 112px; width: 320px; background: url(/images/h/h-blogmommydays2.gif) top left no-repeat; }
#wrap-blogsnippet h3 a:hover{ background-position: 0 -112px; }
.blog-bottom{ height: 289px; width: 220px; background: url(/images/bg/bg-blogsnippet.gif) top left no-repeat; padding: 5px 55px 0 45px; }
.blog-bottom p.title{ font-size: 14px; margin-bottom: 14px; color: #aa3399; font-weight: bold; }
.blog-bottom p.snippet{ font-size: 11px; line-height: 17px; margin-bottom: 0; }
.blog-bottom p.snippet strong{ font-size: 9px; margin-bottom: 0; text-transform: uppercase; }

.blogPost{ padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #f2f2f2; }
.blogPost img{ float: left; border: 8px solid #f2f2f2; margin: 0 20px 12px 0; }
.blogPost p{ font-size: 12px; line-height: 18px; margin-bottom: 18px; }
.blogPost p.posted{ font-size: 10px; line-height: 1; margin-bottom: 0; color: #949494; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; }
p.nextpage a{ float: right; width: 115px; height: 25px; display: block; background: url(/images/btn/btn-nextpage.gif) top left no-repeat; }
h3.bloglogo{ width: 210px; height: 100px; margin: 40px 0 15px 0; background: url(/images/bg/bg-blog-logo2.gif) top left no-repeat; }
.template-blog #right-column p.blurb{ font-size: 10px; line-height: 2; margin-bottom: 15px; }
.template-blog #right-column p.blurb img{ float: left; border: 8px solid #f2f2f2; margin: 0 12px 8px 0; }
.template-blog #right-column h5.recentPosts{ height: 18px; background: url(/images/blog/recentposts.gif) top left no-repeat; }
.template-blog #right-column h5.archive{ height: 18px; background: url(/images/blog/archive.gif) top left no-repeat; }
.template-blog #right-column ul{ margin-bottom: 18px; }
.template-blog #right-column li{ font-weight: bold; font-size: 12px; line-height: 15px; padding: 8px 0; }
.template-blog #right-column li a{ color: #00b8df; }

#wrap-designconsultation{ width: 320px; margin: 0 0 24px 0; }
#wrap-designconsultation h3 a{ height: 91px; width: 320px; background: url(/images/h/h-designconsult.gif) top left no-repeat; }
#wrap-designconsultation h3 a:hover{ background-position: 0 -91px; }
#wrap-designconsultation a.image { padding: 11px 45px 23px 27px; display: block; background: url(/images/bg/bg-designconsult.gif) bottom left no-repeat; }

#find-wishlist{ width: 320px; background: url(/images/bg/bg-wishlist-top.gif) top left no-repeat; }
#find-wishlist h3{ float: left; height: 50px; }
#find-wishlist p.oryours{ float: right; font-size: 10px; padding: 24px 50px 0 0; text-align: right; }
#find-wishlist p.blurb{ font-size: 11px; padding: 20px 40px 20px 25px; text-align: justify; line-height: 22px; color: #626262; }
#find-wishlist form{ clear: both; width: 320px; height: 40px; background: url(/images/bg/bg-wishlist-form.gif) bottom left no-repeat; }
#find-wishlist form input.text{ float: left; border: 0; width: 196px; height: 20px; margin: 0 6px 0 27px; padding: 5px 10px 0 8px; background: url(/images/forms/input-wishlist.gif) top left no-repeat; }
#find-wishlist form input.image{ float: left; width: 34px; height: 24px; margin: 0 0 0 0; }

#secure h3 a{ width: 320px; height: 48px; background: url(/images/h/h-secure.gif) top left no-repeat; }
#secure h3 a:hover{ background-position: 0 -48px; }

#footer{ background: #fffae9; padding: 0 10px 10px; }
#footer table{ padding: 10px; height: 40px; background: #bdb7a5; width: 100%; }
#footer table td{  border-right: 1px solid #ffffff;padding: 10px; vertical-align: middle; background: #bdb7a5; text-align: left; font-size: 10px; text-transform: uppercase; }
#footer table td.no{ border: none; text-transform: none; font-size: 11px; }
#footer table td a{ color: #fff; }
#footer ul{ background: #b9b3a2; padding: 10px; }
#footer li{ float: left; text-transform: uppercase; font-size: 10px; }
#footer li a{ float: left; padding: 0 6px; height: 40px; display: block; color: #fff; border-right: 1px solid #fff; }
#footer li a span{ vertical-align: middle; }
#footer p{ font-size: 10px; padding: 10px 20px; color: #fff; background: #636f69; line-height: 140%; }
#footer p a{ color: #ffefbf; }

table#cart_table .wrap-product{ float: none; margin: 0; }
table#cart_table{ width: 100%; color: #444; line-height: 1; }
table#cart_table th{ font-size: 12px; padding: 4px; text-transform: uppercase; }
table#cart_table tr.headings th{ background: #f1ebd6; }
table#cart_table td{ font-size: 14px; padding: 4px;  }
table#cart_table tr.item td{ padding: 24px 4px; border-bottom: 1px solid #f1ebd6; line-height: 18px; }
table#cart_table tr.item td.price{ font-size: 18px; line-height: 1; }
a.update{ text-indent: 9999px; width: 57px; height: 21px; display: block; overflow: hidden; background: url(/images/btn/btn-update.gif) no-repeat left top; }
a.update:hover{ background-position: left bottom; }
a.move{ text-indent: 9999px; width: 46px; height: 20px; display: block; overflow: hidden; background: url(/images/btn/btn-move.gif) no-repeat left top; }
a.move:hover{ background-position: left bottom; }
a.delete{ text-indent: -9999px; width: 68px; height: 21px; display: block; overflow: hidden; background: url(/images/btn/btn-delete.gif) no-repeat left top; }
a.delete:hover{ background-position: left bottom; }
a.keepshopping{ text-indent: -9999px; width: 138px; height: 26px; display: block; overflow: hidden; background: url(/images/btn/btn-keepshopping.gif) no-repeat left top; }
a.keepshopping:hover{ background-position: left bottom; }
table#cart_table td.small{ font-size: 10px; }
.small{ font-size: 10px; }
.vtop{ vertical-align: top; }
#cart_table a.checkout{ text-indent: 9999px; overflow: hidden; width: 109px; height: 25px; display: block; background: url(/images/btn/btn-checkout.gif) no-repeat left top; }
#cart_table a.checkout:hover{ background-position: left bottom; }

.account-heading{ padding: 6px; background: #f1ebd6; margin-bottom: 10px; }
.template-cart #main-column .account-heading p{ font-size: 12px; text-transform: uppercase; line-height: 1; margin: 0; }
.template-cart #main-column p{ line-height: 20px; margin-bottom: 20px; }
form.ordersList{ margin: 0 0 10px 10px; }
form.ordersList select{ float: left; }
.account-options{ margin: 0 0 25px 0; }
.account-options p{ line-height: 1; margin: 0 0 10px 10px; }

form.account label{ font-size: 11px; line-height: 2; display: block; }
form.account input.text{ font-size: 14px; font-weight: bold; margin-bottom: 6px; }
form.account select{ margin-bottom: 6px; }
form.account input.submit{ clear: both; display: block; }
form.account div.left{ float: left; width: 45%; }
form.account div.right{ float: right; width: 45%; }
form.account div.bottom{ clear: both; padding: 5px 0; }

table.totalline{ font-size: 14px; margin: 15px 0; border-top: 1px solid #F1EBD6; line-height: 18px; }
table.totalline th{ text-align: left; padding: 3px; }
table.totalline td{ text-align: right; padding: 3px; }

table.orders{ font-size: 14px; margin: 15px 0; border-top: 1px solid #F1EBD6; line-height: 18px; }
table.orders th{ padding: 3px; }
table.orders td{ padding: 3px; }

#specify-product select{ padding: 2px; font-size: 14px; }

#gallery a.img{ margin: 0 20px 30px 0; float: left; display: block; }
#gallery a.last{ margin-right: 0; }
#gallery a.img img{ padding: 8px; background: #f2f2f2; }


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}