@import "reset.css";
@import "tools.css";

body{ font-family: verdana, arial, "trebuchet ms", sans-serif; color: #332211; background: #FFF; }
a{ color: #884400; text-decoration: underline; }
a:hover{ text-decoration: none; }
.noline{ text-decoration: none; }
em.new{ color: #FF5500; }
p{ font-size: 12px; line-height: 16px; margin-bottom: 16px; }
h2{ font-family: Georgia, Times, Serif; font-size: 24px; margin: 0 0 24px; font-weight: normal; }
.red{ color: #F50; }
.right{ float: right; }
.left{ float: left; }
.hidden{ display: none; }
.small{ font-size: 12px; }
.button{ width: 136px; text-align: left; }

#site-wrap{ margin: 0 auto; width: 960px; background: #FFF; }
#template-wrap{ margin: 4px 0 0 0; padding: 0 0 0 0; }
	.css-arrangements #template-wrap{ margin: 40px 0 0 0; padding: 0 0 30px 0; }
	.css-product .pagination{ margin: 30px 0 20px; }
	.css-editorial .rightside,
	.css-checkout .rightside{ padding-left: 20px; border-left: 1px solid #4C3D2E; }

#masthead{ width: 960px; }
#masthead h1{ text-indent: -9999px; overflow: hidden; float: left; }
#masthead h1 a{ width: 245px; height: 115px; display: block; background: url(/media/img/bg/logo.gif) no-repeat left top; }
#masthead p{ font-size: 11px; float: right; margin-top: 20px; }
#masthead p.facebook-note{line-height:1.2;margin:23px 2px 0 34px;}
#masthead p.facebook-note a{background:url(../media/img/bg/facebook.gif) no-repeat 0 3px;color:#000;display:block;padding-left:35px;text-decoration:none;}
#masthead p.facebook-note span.note{border-right:1px solid white;display:block;}
#masthead p.facebook-note span.link{color:#840;text-decoration:underline;}
#masthead form{ width: 244px; float: right; margin-top: 25px; }
#masthead form input.text{ float: left; margin-right: 5px; padding: 3px 3px 4px 3px; border: 1px solid #999088; color: #332211; font-size: 10px; font-weight: bold; width: 148px; }
#masthead form input.submit{ float: left; }

#masthead ul.auxnav{ float: right; margin: 0; width: 598px; }
#masthead ul.auxnav li{ display: inline; text-indent: -9999px; overflow: hidden; }
#masthead ul.auxnav li a{ float: left; height: 46px; display: block; background: url(/media/img/bg/auxnav.gif) no-repeat left top; }
#masthead ul.auxnav li.about a{ background-position: 0 top; width: 77px; }
#masthead ul.auxnav li.assist a{ background-position: -77px top; width: 104px; }
#masthead ul.auxnav li.account a{ background-position: -181px top; width: 126px; }
#masthead ul.auxnav li.shop a{ background-position: -307px top; width: 115px; }
#masthead ul.auxnav li.etsy a{ background-position: -420px top; width: 176px; }
#masthead ul.auxnav li.about a:hover{ background-position: 0 bottom; }
#masthead ul.auxnav li.assist a:hover{ background-position: -77px bottom; }
#masthead ul.auxnav li.account a:hover{ background-position: -181px bottom; }
#masthead ul.auxnav li.shop a:hover{ background-position: -307px bottom; }
#masthead ul.auxnav li.etsy a:hover{ background-position: -420px bottom; }


#masthead ul.mainnav{ clear: both; padding-top: 12px; background: url(/media/img/bg/mainnav.png) no-repeat center 12px; border-top: 1px solid #615447; }
#masthead ul.mainnav li{ display: inline; text-indent: -9999px; overflow: hidden; }
#masthead ul.mainnav li a{ float: left; height: 36px; background: url(/media/img/bg/mainnav-sprite.png) no-repeat left top; }
#masthead ul.mainnav li.ooak a{ width: 217px; background-position: 0 0; }
#masthead ul.mainnav li.seas a{ width: 188px; background-position: 0 0; }
#masthead ul.mainnav li.clas a{ width: 253px; background-position: -408px 0; }
#masthead ul.mainnav li.view a{ width: 300px; background-position: -188px 0; }
#masthead ul.mainnav li.ooak a:hover{ background-position: 0 bottom; }
#masthead ul.mainnav li.seas a:hover{ background-position: 0 bottom; }
#masthead ul.mainnav li.clas a:hover{ background-position: -408px bottom; }
#masthead ul.mainnav li.view a:hover{ background-position: -188px bottom; }


p.add-to-cart{ text-indent: -9999px; overflow: hidden; }
p.add-to-cart a{ width: 130px; height: 21px; display: block; text-decoration: none; background: url(/media/img/btn/add-to-cart.gif) no-repeat left top; }
p.add-to-cart a:hover{ background-position: left bottom; }
input.add-to-cart{ float: right; width: 130px; height: 21px; display: inline; }

.item{ width: 237px; }
.item img{ margin-bottom: 6px; display: block; width: 237px; }
.item p{ font-family: Georgia, Times, Serif; color: #554444; font-size: 14px; line-height: 16px; margin: auto 5px; }
.item p em{ color: #ff5500; }
.item p strong{ font-family: verdana, arial, "trebuchet ms", sans-serif; font-size: 12px; }

p.hl{ background: #ffddaa; padding: 4px; margin: 0 0 3px; }

form.shipping{ padding: 20px 0; border-top: 1px solid #4C3D2E; }
form.shipping .left{ width: 300px; float: left; }
form.shipping .left label{ float: left; clear: both; display: block; width: 120px; text-align: right; font-size: 11px; line-height: 16px; }
form.shipping .left input.text{ float: right; clear: right; padding: 4px 2px; border: 1px solid #4C3D2E; margin-bottom: 10px; }
form.shipping .right{ width: 225px; float: right; }
form.shipping .right label{ font-size: 11px; line-height: 16px; display: block; margin-bottom: 10px; }
form.shipping .right label.sel{ line-height: 1; }
form.shipping .right label.sel input{ float: left; margin: 0 10px 0 0; }
form.shipping ul.pagination{ width: 100%; clear: both; margin-top: 20px; }


h3{ text-indent: -9999px; margin: 0 0 30px 0; height: 74px; background: #887777 url(/media/img/h/assistance.gif) no-repeat left top; }
.leftside{ float: left; width: 240px; }
.checkout-nav ul{ margin: 0 0 0 15px; }
.checkout-nav li{ margin-bottom: 20px; font-size: 14px; }
.checkout-nav li a{ color: #332211; text-decoration: none; }

.leftside ul ul{ margin-top: 8px; }
.leftside ul li{ margin-top: 14px; }
.leftside ul li a{ color: #321; text-decoration: none; font: normal 14px Verdana, Arial, Helvetica, sans-serif; }
.leftside ul li a:hover, .leftside ul li a.selected{ text-decoration: underline; }
.leftside ul ul li{ margin-bottom: 8px; font-size: 12px; }
.leftside ul ul li a{ font-size: 12px; }

.rightside{ float: right; width: 584px; border-left: 1px solid #4c3d2e; }
.rightside p{ margin-right: 30px; }

#cart-table th{ font-size: 12px; padding: 6px 0; border-bottom: 1px solid #8c8279; }
#cart-table td{ vertical-align: top; padding: 15px 6px; font-size: 12px; }
#cart-table td.s{ border-bottom: 1px solid #8c8279; }
#cart-table td p{ font-family: Georgia, Times, Serif; color: #554444; font-size: 14px; line-height: 16px; }
#cart-table td p img{ margin-bottom: 8px; }
#cart-table td p em{ color: #ff5500; }
#cart-table label{ font-size: 11px; font-weight: bold; }
#cart-table input.text{ padding: 3px; text-align: center; border: 1px solid #999088; color: #332211; font-size: 10px; font-weight: bold; }



#cta{ height: 418px; width: 960px; margin: 0 0 16px 0; }

#cta #spinner{ float: left; width: 600px; position: relative; }
#cta #spinner p{ position: absolute; z-index: 3; margin: 0 10px 0; bottom: 10px; width: 580px; font-family: Georgia, Times, Serif; font-size: 14px; }
#cta #spinner p .linkline{ padding: 4px 6px; display: block; background: url(/media/img/spinner/caption.png) no-repeat right center; color: #FFFFFF; text-decoration: none; }
#cta #spinner p .linkline:hover{ background: url(/media/img/spinner/caption-on.png) no-repeat right center; }
#cta #spinner p .linkline a{ color: #FFFFFF; text-decoration: none; }

#cta #quick-browse{ float: right; width: 354px; background: #779999; height: 418px; }
#cta .inner{ border: 1px solid #bfd5ce; margin: 3px; height: 410px; }
#cta #quick-browse h2{ text-indent: -9999px; height: 110px; background: url(/media/img/bg/welcome.gif) no-repeat 20px 10px; margin-bottom: 0; }
#cta #quick-browse p.desc{ font-size: 12px; color: #FFFFFF; line-height: 16px; padding: 0 90px 0 26px; margin-bottom: 25px; }

#browse-arrangements{ padding-top: 7px; background: url(/media/img/bg/gradient-line.gif) no-repeat center top; }
#browse-arrangements .bar{ height: 25px; background: #665555; margin-bottom: 4px; }
#browse-arrangements .bar h5{ float: left; width: 240px; height: 25px; text-indent: -9999px; background: #665555 url(/media/img/h/browse-our-arrangements.gif) no-repeat left top; }
#browse-arrangements .bar p.va{ float: right; text-indent: -9999px; overflow: hidden; margin: 0; }
#browse-arrangements .bar p.va a{ height: 25px; width: 80px; display: block; background: #665555 url(/media/img/btn/view-all.gif) no-repeat left top; }
#browse-arrangements .item{ float: left; margin-right: 4px; }
#browse-arrangements .last{ margin-right: 0; }

#quick-browse .browse-by{ width: 322px; height: 53px; position: relative; background: url(/media/img/bg/dropdown-shadow.gif) no-repeat left top; margin: 0 auto 10px; }
#quick-browse .browse-by h5{ height: 19px; text-indent: -9999px; overflow: hidden; margin-bottom: 7px; }
#quick-browse #browse-by-color h5{ background: url(/media/img/bg/dropdown-browse-by-color.gif) no-repeat left top; }
#quick-browse #browse-by-type h5{ background: url(/media/img/bg/dropdown-browse-by-type.gif) no-repeat left top; }
#quick-browse #browse-by-size h5{ background: url(/media/img/bg/dropdown-browse-by-size.gif) no-repeat left top; }
#quick-browse .browse-by .dropdown-wrap{ margin: 0 5px 5px 5px; position: relative; }
#quick-browse .browse-by p.selected{ float: left; width: 284px; }
#quick-browse .browse-by p{  line-height: 1;  margin: 0 5px 5px 5px; }
#quick-browse .browse-by p a{ background: #4a605f; display: block; padding: 6px 6px 6px 16px; color: #FFFFFF; font-size: 10px; text-transform: uppercase; text-decoration: none; }
#quick-browse .browse-by select{ float: left; margin: 0 5px 5px 5px; width: 248px; background: #4a605f; padding: 4px 4px 4px 13px; color: #FFFFFF; font-size: 10px; text-transform: uppercase; border: 0; }

#quick-browse .browse-by p.go{ text-indent: -9999px; float: right; }
#quick-browse .browse-by p.go a{ width: 25px; height: 22px; padding: 0; display: block; background: url(/media/img/bg/dropdown-go.gif) no-repeat left top; }
#quick-browse .browse-by p.go a:hover{ background-position: left bottom; }
#quick-browse .browse-by .unselected{ display: none; position: absolute; z-index: 10; top: 22px; width: 284px; }
#quick-browse .browse-by .unselected p a:hover{ background: #698585; cursor: pointer; }


#product-wrap{ clear: both; }

#product-wrap .showcase-img{ float: left; width: 360px; }

#product-wrap .rightside{ float: right; width: 575px; border-left: none; }
#product-wrap h2{ font-family: Georgia, Times, Serif; font-size: 24px; margin: 0 0 24px; font-weight: normal; }
#product-wrap h2 em{ color: #FF5500; font-size: 14px; }
.view-larger{ margin-top: 10px; }
.add-to-cart{ margin-bottom: 30px; }

.item-cart{ margin-bottom: 10px; }
.item-cart th{ border-bottom: 1px solid #5f5244; font-weight: normal; padding: 10px 0; font-size: 12px; line-height: 1; }
.item-cart .col-items{ text-align: left; }
.item-cart .col-qty,
.item-cart .col-qty input{ text-align: center; }
.item-cart td{ padding: 20px; vertical-align: top; font-size: 14px; line-height: 18px; border-bottom: 1px solid #5f5244; }
.item-cart td.col-img{ padding-right: 0; width: 79px; }
.item-cart td.col-details{ font-family: Georgia, Times, Serif; }
.item-cart td.col-details img{ margin-bottom: 5px; }
.item-cart td.noline{ border: none; }
.item-cart td.descText{ font-size: 12px; padding: 5px; }

#ship-to{ float: right; }
#ship-to label{ font-size: 12px; }

.quick-links a{ text-decoration: none; margin-right: 12px; }
p.add-to-cart{ float: right; margin-top: 10px; }

.you-may-also-like{ clear: both; margin: 0 0 50px 0; }
.you-may-also-like p{ border-bottom: 1px solid #5f5244; padding-bottom: 6px; }
.you-may-also-like table{ text-align: center; font-size: 12px; line-height: 15px; }
.you-may-also-like table img{ margin-bottom: 10px; }
.you-may-also-like table a{ text-decoration: none; font-family: Georgia, Times, Serif; }

.pagination{ float: right; width: 50%; margin: 0; }
.pagination li{ display: inline; font-size: 14px; }
.pagination li.selected{ font-weight: bold; }
.pagination li a{ float: right; color: #332211; text-decoration: none; padding: 3px 6px; display: block; }
.pagination li a:hover, .pagination li a.selected{ text-decoration: underline; background: #e5e5e5; }

.pagination li.prev, .pagination li.prevPage, .pagination li.nextPage{ text-indent: -9999px; overflow: hidden; }
.pagination li.prev a, .pagination li.prevPage a, .pagination li.nextPage a{ width: 136px; height: 25px; padding: 0; display: block; background: url(/media/img/btn/pill-options.gif) no-repeat 0px top; }
.pagination li.prev a:hover, .pagination li.prevPage a:hover, .pagination li.nextPage a:hover{ background-position: 0px bottom; }
.pagination li.prevPage a, .pagination li.nextPage a{ height: 21px; }

.pagination li.prevPage a{ background: url(/media/img/btn/prev-page.gif) no-repeat 0 top; }
.pagination li.nextPage a{ background: url(/media/img/btn/next-page.gif) no-repeat 0 top; }

.pagination li.next{ text-indent: -9999px; overflow: hidden; }
.pagination li.next a{ width: 136px; height: 25px; padding: 0; display: block; background: url(/media/img/btn/pill-options.gif) no-repeat -136px top; }
.pagination li.next a:hover{ background-position: -136px bottom; }
.pagination li.cont{ text-indent: -9999px; overflow: hidden; }
.pagination li.cont a, a.continue{ text-indent: -9999px; width: 130px; height: 21px; padding: 0; display: block; background: url(/media/img/btn/continue.gif) no-repeat 0px top; margin: 2px 0 0 10px; }
.pagination li.cont a:hover, a.continue:hover{ background-position: 0px bottom; }
a.checkout{ text-indent: -9999px; overflow: hidden; width: 130px; height: 21px; padding: 0; display: block; background: url(/media/img/btn/checkout.gif) no-repeat 0px top; margin: 2px 0 0 10px; }
a.checkout:hover{ background-position: 0px bottom; }
a.update{ float: left; text-indent: -9999px; overflow: hidden; width: 136px; height: 25px; padding: 0; display: block; background: url(/media/img/btn/pill-options.gif) no-repeat -408px top; }
a.cart_continue{ float: left; text-indent: -9999px; overflow: hidden; width: 136px; height: 21px; padding: 0; display: block; background: url(/media/img/btn/checkout-continue.gif) no-repeat left top; }
a:hover{ background-position: -408px bottom; }
a.cart_continue:hover{ background-position: left -25px; }

.checkout_form a{ font-size: 12px; }
.checkout_form fieldset{ margin-bottom: 30px; }
.checkout_form h5{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; background-color: #FDA; padding: 4px 10px; }
.checkout_form label{ float: left; display: inline; width: 190px; text-align: right; clear: left; margin-right: 10px; 
	font: bold 12px Verdana, Arial, Helvetica, sans-serif; line-height: 18px;  }	
.leftside .checkout_form label{ display: block; float: none; width: auto; text-align: left; }

.view-larger{ text-indent: -9999px; overflow: hidden; }
.view-larger a{ width: 136px; height: 25px; padding: 0; display: block; background: url(/media/img/btn/pill-options.gif) no-repeat -272px top; }
.view-larger a:hover{ background-position: -272px bottom; }

#filter label{ font-size: 11px; font-weight: bold; }
#filter select{ margin-right: 20px; }


h3{ text-indent: -9999px; margin: 0 0 30px 0; height: 74px; background: #887777 url(/media/img/h/assistance.gif) no-repeat left top; }

.top .inner, .bottom{ background: url(/media/img/bg/quarter-lines.gif) repeat-y left top; }
.top{ margin-bottom: 25px; padding-bottom: 25px; background: url(/media/img/bg/gradient-line.gif) no-repeat center bottom; }

.quarter{ width: 25%; float: left; }
.quarter h2{ font-family: Georgia, Times, Serif; font-size: 24px; margin: 0 18px 24px; font-weight: normal; }
.quarter h2 a{ color: #332211; }
.quarter p{ font-size: 12px; line-height: 16px; margin: 0 18px 16px; }


#filter{ margin-bottom: 15px; }

.arrangements{ margin-bottom: 30px; }
.arrangements .item{ float: left; margin-right: 4px; }
.arrangements .last{ margin-right: 0; }
.arrangementImage{ display: block; min-height: 320px; }
.arrangementImage img{ vertical-align: middle; }

/* addition for popups */
#popUp{ width: 550px !important; 
		width: 480px; /* IE6 specific */
		text-align: center; position: absolute; margin-left: -100px; }
#popTop{ height: 50px !important; background: url(/media/img/bg/popTop.png) no-repeat left top !important;
		 height: 0px; background: none; /* IE6 specific */}
#popBody{ border: none !important; background: transparent url(/media/img/bg/popBG.png) repeat-y left top !important; 
		  border: 1px solid #000; background: none; background-color: #FFF;
		  padding: 10px 55px; margin: 0 auto; text-align: left; }
#popBottom{ height: 50px !important; background: url(/media/img/bg/popBottom.png) no-repeat left top !important;
		    height: 0; background: none; /* IE6 specific */}
.tableLabel{ float: left; clear: left; width: 80px; 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #321; }
#proceedToCheckout{ width: 172px; height: 21px; display: block; text-indent: -5000px; margin-top: 2px; 
	background: url(/media/img/bg/checkout-proceed.gif) no-repeat left top; }
#proceedToCheckout:hover{ background-position: left -21px; }
#popClose{ margin-top: 4px; width: 60px; height: 11px; line-height: 11px; background: url(/media/img/bg/popup-close.gif) no-repeat left top; text-indent: -5000px; }
#popClose:hover{ background-position: left -11px; }
#continueShopping{ width: 166px; height: 25px; display: block; background: url(/media/img/btn/cont-shopping.gif) no-repeat left top; text-indent: -5000px; }
#continueShopping:hover{ background-position: left -25px; }


#meet-owners{ height: 141px; width: 960px; padding-top: 13px; margin-top: 13px; background: #FFFFFF url(/media/img/bg/gradient-line.gif) no-repeat center top; color: #FFFFFF; font-size: 12px; line-height: 16px; color: #FFFFFF; }
#meet-owners a{ color: #efb57c; }
#meet-owners .left{ background: #665555 url(/media/img/bg/meet-the-owners2.jpg) no-repeat center top; width: 728px; height: 141px; float: left; }
#meet-owners .left h4{ margin-left: 270px; margin-right: 35px; text-indent: -9999px; height: 45px; background: url(/media/img/h/meet-the-owners.gif) no-repeat left top; }
#meet-owners .left p{ margin-left: 270px; margin-right: 35px; }
#meet-owners .right{ background: #665555; width: 232px; height: 141px; float: right; }
#meet-owners .right h4{ margin-left: 15px; margin-right: 35px; text-indent: -9999px; height: 45px; background: url(/media/img/h/buy-with-confidence.gif) no-repeat left top; }
#meet-owners .right ul{ list-style: inside disc; margin-left: 15px; margin-right: 35px; }
#meet-owners .right p{ margin-left: 15px; margin-right: 35px; }

#footer{ clear: both; width: 960px; text-transform: uppercase; padding-top: 13px; margin: 13px 0 39px 0; background: #FFFFFF url(/media/img/bg/gradient-line.gif) no-repeat center top; }
#footer p{ font-size: 10px; }
#footer p a{ color: #554444; font-size: 10px; text-decoration: none; }
#footer p a:hover{ color: #884400; text-decoration: underline; }
#footer p.left{ float: left; font-weight: bold; }
#footer p.right{ float: right; text-align: right; }
#footer p.left a{ margin-right: 30px; }
#footer p.right a{ margin-left: 30px; }
#footer p a.inside{ margin: 0 0 0 0; }