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

body{ font-family: "Lucida Sans Unicode", Arial; color: #333333; background: url(/images/bg/bg-body.gif) top center repeat-y; text-align: center; }

p, ul, ol{ font-size: 12px; line-height: 18px; margin-bottom: 18px; }
#_editorial ol{padding-left:40px;}
a{ color: #663399; text-decoration: none; }
a:hover{ text-decoration: underline; }
.red{ color: #F00 !important;}

.module{ padding: 7px; margin: 0 0 8px 0; border: 1px solid #ccccbb; clear: both; }
.stripped{ background: url(/images/bg/bg-stripped.gif) top left repeat; }
.inverted{ padding: 7px; background: #ddddcc; }
.clearfix{ clear: both; display: block; }
.clearleft{ clear: left; }
.inline{ clear: none; }

/* HEADINGS */
h2#shopinbliss				{ background: url(/images/h/h-shopliveinbliss2.jpg) top left no-repeat; height: 75px; width: 270px; margin: 0 0 8px; float: left; }
h2#shopinbliss-home				{ background: url(/images/h/h-shopliveinbliss-home.jpg) top left no-repeat; height: 75px; width: 270px; margin: 0 0 8px; float: right; }

h3.recentnews				{ background: #fff url(/images/h/h-recentnews.gif) top left no-repeat; height: 16px; width: 100%; }
h3.partnerwithus			{ background: #fff url(/images/h/h-partnerwithus.gif) top left no-repeat; height: 16px; width: 100%; }
h3.workwithus				{ background: #fff url(/images/h/h-workwithus.gif) top left no-repeat; height: 16px; width: 100%; }
h3.whybuyfromus				{ background: #eeeedd url(/images/h/h-whybuyfromus.gif) top left no-repeat; height: 36px; width: 100%; }
h3.emailnews				{ background: #ddddcc url(/images/h/h-emailnews.gif) top left no-repeat; height: 36px; width: 100%; }
h3.followus				    { background: #ddddcc url(/images/h/h-followus.gif) 5px center no-repeat; float:left;height: 34px; margin:0;padding:0;width: 115px; }
h3.shoppingbag				{ background: #eeeedd url(/images/h/h-shoppingbag.gif) top left no-repeat; height: 36px; width: 100%; }
h3.findbliss				{ background: #eeeedd url(/images/h/h-findbliss.gif) top left no-repeat; height: 36px; width: 100%; }
h3{ padding-bottom:12px; border-bottom: 1px solid #ccccbb; }
.inverted h3{ border-bottom: 1px solid #eeeedd;}

div#main_mast{height:325px;overflow:hidden;padding:0;width:547px;}
div#main_mast img{display:block;padding:7px;margin:0 auto;}

div.wrap-404{border:1px gray solid;margin:7px 0;padding:50px 20px;}
div.wrap-404 h2{color:#592989;font-size:48px;line-height:1.2;}
div.wrap-404 p{font-size:16px;line-height:1.5;}

div.findbliss{padding:7px 15px;}
div.findbliss a{color:#ff5522;display:block;font:bold 10px/1.2 Arial,sans-serif;margin:8px 0;text-transform:uppercase;}

/***/
#_editorial form{ padding-bottom: 20px; }
#_editorial form.button_form{ padding: 0; display: inline; }
h5{ font: 15px bold Arial, Helvetica, sans-serif; color: #639; padding: 20px 0; border-top: 1px solid #999; }
form .ralign{ float: left; text-align: right; width: 150px; margin-right: 10px; font: 13px normal Arial, Helvetica, sans-serif; margin-top: 10px; display: inline;}
#_editorial form input{  margin-top: 10px; }
/***/

p.crumbs{ color: #663399; font-size: 18px; line-height: 1; }
p.crumbs span{ font-size: 30px; }

#filterRange{ margin-bottom: 10px; padding: 15px 17px 0 17px; }
#filterRange:after{
	display: block;
	clear: both;
	content: " ";
	}
#filterRange form{ float: left; margin-right: 20px; }
div.paginator{float:right;font-size:1.4em;overflow:hidden;width:150px;}
#filterRange > div.paginator{width:auto;}
#column-left > div.paginator{width:auto;margin-right:18px;}
ul.pagination{ float: left;margin: 0;padding: 0; list-style: none; }
ul.pagination li{display: inline;}
a.backPage{float:left;margin-right:5px;}
a.nextPage{float:left;margin-left:5px;}
div.paginator a.selected{color:#000;}

#wrapper{ width: 960px; margin: 0 auto; text-align: left; }
#navside{ float: left; width: 160px; margin: 78px 0 0; }
#contentside{ float: right; width: 784px; padding: 0 8px; background: #eeeedd; }

#navside h1 a{ width: 160px; height: 123px; background: url(/images/bg/bg-logo.jpg) top left no-repeat; }
p.primelink{ margin: 0; padding: 0; }
p.primelink a{ width: 160px; height: 26px; background: url(/images/bg/bg-aboutus.gif) top left no-repeat; }

p.major_link{background-color:#c3db00;margin:0;padding:3px 0;}
p.major_link a{color:#fff;display:block;font-weight:bold;padding:1px 0 1px 22px;text-transform:uppercase;width:138px;}

p.surprise{ margin-bottom: 8px; clear: both; }
p.surprise a{ width: 548px; height: 65px; background: url(/images/btn/btn-blisssurprise.gif) top left no-repeat; }
p.surprise a:hover{ background-position: 0 -65px; }

.checkout_form{ line-height: 240%; }
.checkout_form p{ font-size: 13px; }
.review_form label{ line-height: 150%; }
.checkout_form h5{ color: #639; font-weight: bold; }
.checkout_form label{ font-size: 13px; font-weight: bold; color: #333; width: 160px; text-align: right; float: left; clear: left; margin-right: 10px; }
.checkout_form input.text, .checkout_form select { width: 250px; }
.checkout_form select.small, .checkout_form input.aWidth{ width: auto; }
.checkout_form p#cvn_info, .checkout_form input.submitButton, .checkout_form .largeMargin{ margin-left: 160px; margin-right: 40px; }
/*
#navside{ padding-bottom: 153px; background: url(/images/bg/bg-navside-btm.gif) bottom left no-repeat;}
*/
#navside{ border-bottom: 8px solid #9330c6; }
#navside ul{ margin: 0; padding: 12px 4px 12px 22px; background: url(/images/bg/bg-navside.gif) top left repeat-y; }
#navside ul ul{ margin: 0; padding: 0px 0 0 11px; background: transparent none; }
#navside li{ font-size: 10px; font-weight: bold; background: transparent none; }
#navside li li{ font-size: 11px; line-height: 13px; font-weight: normal; height: 1%; background: transparent none; }
#navside li li a{ padding: 0; background: transparent none; }
#navside li a{ color: #fff; padding:0; display: block; text-decoration: none; background: transparent none; }
#navside li.sale a{ color: #ff5522; }
#navside li a:hover, #navside li a.selected{ text-decoration: underline; color: #ffff99; background: transparent none; }

#nav-section li{ text-transform: uppercase; letter-spacing: 1px; height: 1%; }
/*#nav-category li{ text-transform: lowercase; font-size: 13px; height: 1%; }*/
#nav-category li{text-transform:uppercase;font-size:15px;font-weight:normal;height:1%;margin:8px 0 0;}
#navside #nav-category li a{display:inline;}
#nav-category li img{margin-left:4px;vertical-align:middle;}
#navside #nav-category ul{padding:0 0 0 5px;margin:0;}
#nav-category li li{text-transform:lowercase;font-size:14px;height:1%;margin:6px 0 0;}
#nav-category li li li{text-transform:lowercase;font-size:13px;height:1%;margin:6px 0 0;}
#nav-category li.selected > a{text-decoration:underline;}

#navside form#filterby{ padding: 5px 22px; background: #310031; }
#navside form#filterby select{ padding: 1px; color: #333; width: 100%; border: 1px solid #9330c6; }

#column-left{ float: left; width: 548px; }
#column-right{ width: 228px; float: right; }

#wrap-masthead{ border-top: none; padding-top: 0; }
#info-navigation{ background: #ddddcc; padding: 8px; overflow:hidden;margin: 0 0 10px; width:752px;}
#info-navigation p, #info-navigation p a{ color: #666666;font-family:Arial,sans-serif; margin: 0; padding: 0; font-size: 13px; }
#info-navigation p a{text-decoration:underline;}
#info-navigation p strong{ color: #331100; }

#info-details form, form.search{ float: left; margin: 0; padding: 0; }
#info-details form label, form.search label{ float: left; margin: 0 8px 0 0; background: url(/images/bg/bg-searchlabel.gif) top left no-repeat; width: 53px; height: 19px; }

#info-details form input.text, form.search input.text{ float: left; margin: 0 8px 0 0; }
#info-details form input.image, form.search input.image{ float: left; }
#_editorial form input{ margin-top: 0; }
#info-details ul{ float: right; margin: 0; padding: 0; }
#info-details ul li{ float: left; color: #331100; text-transform: uppercase; font-size: 9px; font-weight: bold; margin: 0 0 0 10px; letter-spacing: 1px; }
#info-details ul li span{ color: #ff5522; }
#info-details ul li a{ background: url(/images/btn/btn-infodetails.gif) top left no-repeat; }
#info-details ul li.viewbag, #info-details ul li.blissme{ text-indent: -9999px; }
#info-details ul li.viewbag a, #info-details ul li.blissme a{ width: 72px; height: 19px; display: block; }
#info-details ul li.viewbag a{ background-position: 0 0; }
#info-details ul li.viewbag a:hover{ background-position: 0 -19px; }
#info-details ul li.blissme a{ background-position: -72px 0; }
#info-details ul li.blissme a:hover{ background-position: -72px -19px; }

#featured-items-header{margin-bottom:7px;}
#wrap-featured-items{ clear: both; }
#wrap-featured-items .col1{ float: left; margin-right: 8px; }
#wrap-featured-items .col2{ float: right; }
#wrap-featured-items .wrap-item{ width: 254px;padding-bottom: 10px; min-height: 95px; }
#wrap-featured-items .wrap-row{overflow:hidden;}
#wrap-featured-items .wrap-item.module{clear:none;}
#wrap-featured-items .wrap-item p{ margin: 0 0 0 10px; line-height: 1; }
#wrap-featured-items .wrap-item a.item-image, #shopping-cart .wrap-item a.item-image{ border:#ccccba solid 1px;float: right; margin: 0 0 0 10px; padding:5px;}
#wrap-featured-items .wrap-item a.item-image img, #shopping-cart .wrap-item a.item-image img{display:block;}
#shopping-cart .wrap-item a.item-image{ float: none; display: inline-block; margin: 10px 10px 10px 0; }
#wrap-featured-items .wrap-item p.item-title{ font-size: 14px; margin-bottom: 5px; margin-top: 5px; }
#wrap-featured-items .wrap-item p.item-title a{ color: #663399; }
#wrap-featured-items .wrap-item p.item-desc{ font-size: 11px; }
#wrap-featured-items .wrap-item p.item-price{ color: #331100; font-size: 11px; margin-top: 5px; }
#wrap-featured-items .wrap-item p.item-price span.onsale{color:#f00;font-size:11px;}

#wrap-shoppingbag{ padding: 7px 15px; }
#wrap-shoppingbag p{ padding: 10px 0; margin: 0; font-size: 11px; }

.shoppingbag-items{ clear: both; }
.shoppingbag-items ul{ margin: 0; padding: 10px 0; border-top: 1px solid #ccccbb; }
.shoppingbag-items ul li{ float: left; font-size: 11px; }
.shoppingbag-items ul li.item-title{ width: 50%; float: left; text-align: left; line-height: 12px; }
.shoppingbag-items ul li.item-title a{ color: #ff5522; }
.shoppingbag-items ul li.item-title img{ }
.shoppingbag-items ul li.item-quan{ width: 15%; float: left; text-align:center;}
.shoppingbag-items ul li.item-quan form{ background: #fff; border: 1px solid #cdcdbc; }
.shoppingbag-items ul li.item-quan input{ width: 100%; border: none; padding: 1px 0; text-align: center; }
.shoppingbag-items ul li.item-price{ width: 35%; float: left; text-align: right; }

#wrap-product-details h2{ font-size: 18px; color: #663399; margin-bottom: 20px; }
#wrap-product-details div.left{ width: 243px; padding: 21px 0 0 17px; }
#wrap-product-details div.left p{ font-size: 13px; line-height: 24px;  }
#wrap-product-details div.right{ width: 250px; padding: 21px 0 0; }
#wrap-product-details div.right p{ font-size: 11px; margin: 0; clear: both; }
#wrap-product-details div.right p strong{ font-size: 11px; color: #999988; margin: 0; line-height: 1.2; float: left; width: 65px; }
#wrap-product-details div.right p span{ float: left; margin: 0 0 8px; color: #331100; }
#wrap-product-details div.right p span.regular-price{color:#999988;margin-right:4px;text-decoration:line-through;}
#wrap-product-details div.right p span.onsale{color:#f00;}
#wrap-product-details div.right p span.price{ font-size: 14px; font-weight: bold; }
#wrap-product-details div.right p span.stock{ font-size: 11px; font-weight: bold; }
p.addtobag a{ background: url(/images/btn/btn-addtobag.gif) top left no-repeat; width: 239px; height: 42px; border-top: 1px solid #ccccbb; }
p.addtobag a:hover{ background-position: 0 -42px; }
p.addtoregistry a{ background: url(/images/btn/btn-addtoregistry.gif) top left no-repeat; width: 239px; height: 37px; border-top: 1px solid #ccccbb; }
p.addtoregistry a:hover{ background-position: 0 -37px; }

ul#product_options{ border-top: 1px solid #ccccbb; }
ul#product_options li{ font-size: 11px; }

#shoppingbag-details{ border-top: 1px solid #ccccbb; padding: 0; background: url(/images/bg/bg-shoppingbag.gif) top left no-repeat; }
#shoppingbag-details p.labels{ float: left; width: 65%; text-align: right; color: #999988; }
#shoppingbag-details p.price{ float: right; width: 35%; text-align: right; }

div.extra_order_wrapper{margin:10px 0 0;text-align:right;}

div.error_list_wrapper{background:#FCC;border:#F00 solid 1px;color:#F00;margin:20px;padding:10px;}
div.error_list_wrapper ul,
div.error_list_wrapper li{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;}

p.begincheckout{ clear: both; float: right; text-indent: -9999px; display: inline; }
p.begincheckout a{ background: url(/images/btn/btn-begincheckout.gif) top left no-repeat; width: 114px; height: 19px; }
p.begincheckout a:hover{ background-position: 0 -19px; }
p.begincheckout.inline{ clear: none; margin-right: 10px; }

p.continue{clear:both;}
p.continue a{background: url(/images/btn/btn-continue.gif) top left no-repeat;display:block;height:19px;overflow:hidden;text-indent:-9999px;width:137px;}
p.continue a:hover{background-position:0 -19px;}

p.updatecart{ clear: both; float: left; text-indent: 9999px; display: inline; }
p.updatecart a{ background: url(/images/btn/btn-updatecart.gif) top left no-repeat; width: 100px; height: 19px; display: block; }
p.updatecart a:hover{ background-position: 0 -19px; }
p.updatecart.inline{ clear: none; margin-left: 10px;}

#mod-emailnews .inverted{ padding: 7px 12px; }
#mod-emailnews p{ font-size: 11px; }
form#newslettersignup{ padding: 5px 0 10px; }
form#newslettersignup input.text{ width: 120px; float: left; padding: 1px; border: 1px solid #cdcdbc; }
form#newslettersignup input.image{ float: right; }

#mod-social .inverted{overflow:hidden;padding:7px 4px;width:208px;}
#mod-social .inverted h3{border-bottom:none;}
#mod-social a{display:block;float:left;height:26px;margin:4px 0 0;overflow:hidden;text-indent:-9999px;width:26px;}
#mod-social a:hover{background-position:0 -26px;}
#mod-social a.twitter{background-image:url(../images/btn/btn-twitter.gif);margin-right:6px;}
#mod-social a.facebook{background-image:url(../images/btn/btn-facebook.gif);margin-right:6px;}
#mod-social a.youtube{background-image:url(../images/btn/btn-youtube.gif);}

#mod-whybuyfromus{ padding: 7px 12px 7px 15px; }
#mod-whybuyfromus ul{ margin-top: 5px; }
#mod-whybuyfromus ul li{ font-size: 11px; padding-left: 20px; background: url(/images/bg/bg-checkbox.gif) top left no-repeat; }

#footer{ border-bottom: none; padding-bottom: 0; margin-bottom: 0; clear: both; }
#footer .inverted{ padding: 25px 0;}
#footer h1{ float: left; }
#footer h1 a{ width: 117px; height: 78px; display: block; background: url(/images/bg/bg-footerlogo.gif) center left no-repeat; }
#footer p{ font-size: 11px; }
#footer p.left{ width: 255px; border-left: 1px solid #eeeedd; padding-left: 15px; }
#footer p.right{ width: 125px; } 

#product-images{ overflow: auto; }

th{padding:4px;}
td{padding:4px;}
#shippingArea #shippingPrice{margin-top:4px;}

#contact-bar{float:left;}
#nav-bar{clear:both;}

.checkout_form textarea{height:100px;width:250px;}

.design-form label,
.design-form .label{display:block;margin:0 0 0.25em;font-weight:bold;}
.design-form .checkbox{display:block;}
.design-form .checkbox label{display:inline;font-weight:normal;margin-right:5px;}
.design-form textarea{height:100px;width:400px;resize:none;}
.design-form input[type="text"]{width:250px;}