/*
===== CSS CONTENTS =====

1: resetting
2: global
3: header
4: side
5: home page
6: footer
7: product page
8: product listing
9: contact
10: mainbox
11: cart
12: order confirmation
13: policies
14: search
15: about us

====================
*/


/*
===== 1: resetting =====
*/

html, body, ul, ol, li, img, h1, h2, h3, h4, h5, p, form, input
{margin: 0; padding: 0; border: 0; list-style: none;}

.clearfix, .post, #content, .meta { overflow : hidden; _height : 1%; }

/*
===== 2: global =====
*/

body {
color: #8A876B;
font-weight: normal; 
background: #fff;
font-family:  Arial, sans-serif;
font-size: 80%; 
text-align: center; 
}

.wrapper {
margin: 10px auto 0;
width: 760px;
text-align: left;
position: relative;
padding-bottom: 20px;
}

#content {
float: left;
width: 520px;
padding: 0 0 10px 0;
}

#side {
float: right;
width: 230px;
margin: 0 0 10px 10px;
}

p {
line-height: 1.35; 
margin: .1em 0 .7em 0; 
}

a {
color: #55648D;
text-decoration: none;
}

a:hover {
color: #8C688D;
text-decoration: underline;
}

h3 {
padding: 4px 0 0;
color: #AC8FAD;
font-size: 1.3em;
font-weight: normal;
}

h4 {
padding: 2px 0 0;
color: #AC8FAD;
font-size: 1.2em;
font-weight: normal;
}

h5 {
padding: 4px 4px 0;
color: #AC8FAD;
font-size: 1.1em;
font-weight: normal;
}

#content .prodbox ul {
padding: 5px 0 15px 20px;
}

.brclear { /* Use a break with this class to clear float containers */
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
background: #fff;
}

/*
===== 3: header =====
*/

.headerbox {
padding: 1px 0 10px;
background: url(/pwf/img/logo.gif) 15px 0 no-repeat;
height: 90px;
position: relative;
font-size: 80%;
}

.headerbox h1 {
position: absolute;
left: -3000px;
width: 1000px;
}


.headerbox ul {
position: absolute;
right: 0;
top: 10px;
}

.headerbox li {
display: inline;
font-size: 1.2em;
font-weight: normal;
}

.headerbox li img {
vertical-align: middle;
}

.headerbox form {
position: absolute;
right: 0;
top: 40px;
}

.terms {
background: white;
border: 1px solid #E2BDE2;
color: #622B76;
width: 165px;
margin: 0 2px 0 0;
padding: 2px;
vertical-align: middle;
}

.searchsubmit {
color: #622B76;
vertical-align: middle;
}


/*
===== 4: side =====
*/

#side .sidebox {
width: 230px;
margin: 0 0 10px 0;
background: url(/wsite/imgs/sidebox-lower.gif) left bottom no-repeat;
}

#side .dark .innerbox {background: url(/pwf/img/side-top-dk.gif) left top no-repeat;}
#side .dark {background: url(/pwf/img/side-side-dk.gif) left top repeat-y;}
#side .dark .innertwo {background: url(/pwf/img/side-bot-dk.gif) left bottom no-repeat;}
#side .dark h3 { color: #fff; }

#side .light .innerbox {background: url(/pwf/img/side-top-lt.gif) left top no-repeat;}
#side .light {background: url(/pwf/img/side-side-lt.gif) left top repeat-y;}
#side .light .innertwo {background: url(/pwf/img/side-bot-lt.gif) left bottom no-repeat;}
#side .light h3 { color: #AC8FAD; }

#side .innerbox {
padding: 5px 0 0;
}

#side .sidebox h3 {
padding: 6px 10px 8px 15px;
font-size: 1.4em;
font-weight: normal;
}

#side .sidebox h4 {
padding: 15px 10px 5px 15px;
color: #AC8FAD;
font-size: 1.4em;
font-weight: normal;
}

#side .sidebox h5 {
padding: 0 10px 2px 20px;
color: #AC8FAD;
font-size: 1.2em;
font-weight: normal;
}

#side .sidebox p {
margin: .3em 10px 0 15px;
padding: 10px 3px 20px;
}

#side .sidebox ul {
margin: .1em 10px 0 15px;
padding: 0 3px;
}

#side .sidebox ul.side-last {
margin: .1em 10px 0 15px;
padding: 0 3px 20px;
}

#side .sidebox li {
list-style-type: disc;
padding: 0 2px;
margin: 0 0 3px 15px;
color: #AC8FAD;
font-size: 85%;
}

#side .sidebox li a {
font-size: 120%;
}

/*
===== 5: home page =====
*/

.featurebox {
background: #EFDEF0 url(/pwf/img/feature-box-top.gif) left top no-repeat;
}

.featurebox h2 {
background: #EFDEF0 url(/pwf/img/head-featured-favors.gif) 10px top no-repeat;
text-indent: -9999px;
}

.featurebox .innerbox {
padding: 12px 0;
background: url(/pwf/img/feature-box-bot.gif) left bottom no-repeat;
}

#mycarousel {
 display: none;
}

.homeboxtop {
width: 196px;
}

.homeboxtop, .favor-thumbs {
float: left;
}

.homebox .innerbox {
  padding: 20px;
  background: url(/pwf/img/home-box-top.gif) left top no-repeat;
}

.homebox {
  width: 518px;
  background: #F9ECF7 url(/pwf/img/home-box-bot.gif) left bottom no-repeat;
}

.homebox .innerbox ul {
float: left;
width: 155px;
}

.homebox .innerbox li {
  padding: 2px 0;
}

.homesection {
  width: 518px;
  margin: 10px 1px 0;
  padding: 0 0 10px;
}

.homesection p {
  padding: 0 15px;
}

.chocdipped {
padding: 0 !important;
color: #8C688D;
font-variant: small-caps;
font-size: 115%;
margin: 0 0 1px;
}

.homesection .favor-thumbs li {
  float: left;
  background: url(/pwf/img/home-img-border.gif) left top no-repeat;
  padding: 8px;
  width: 90px;
  height: 96px;
}

.homesection h2#home-favors  {
  background: #fff url(/pwf/img/home-favors.gif) 10px top no-repeat;
  text-indent: -9999px;
  height: 26px;
}

.homesection h2#home-edible-favors  {
  background: #fff url(/pwf/img/home-edible-favors.gif) 10px top no-repeat;
  text-indent: -9999px;
  height: 26px;
}

/*
===== 6: footer =====
*/

#footer {
background: url(/pwf/img/footer-box-top.gif) left top no-repeat;
width: 760px;
clear: both;
padding: 15px 0;
}

#footer ul {
width: 760px;
padding: 0 15px;
background: url(/pwf/img/footer-box-side.gif) left top repeat-y;
}

#footer li {
display: inline;
}

#footer p {
color: #704172;
font-size: 95%;
padding: 4px 15px 0;
margin: 0;
line-height: 2.8em;
background: url(/pwf/img/footer-box-bot.gif) left bottom no-repeat;
}

#footer p a {
color: #704172;
}

/*
===== 7: product page =====
*/

.prodbox {
width: 520px;
margin: 0 0 10px 0;
background: url(/pwf/img/prod-box-side.gif) left top repeat-y;
}

.prodbox .innerbox {
background: url(/pwf/img/prod-box-top.gif) left top no-repeat;
}

.prodbox .innertwo {
padding: 5px 20px 15px 15px;
background: url(/pwf/img/prod-box-bot.gif) left bottom no-repeat;
}

.prodbox h2 { 
color: #8C688D;
padding: 12px 10px 8px 15px;
font-size: 1.5em;
font-weight: normal;
}

.prodimg {
  float:left;
  background: url(/pwf/img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/pwf/img/shadow.gif) no-repeat bottom right;
  margin: 10px 10px 0 10px !important;
  margin: 10px 10px 0 5px;
}

.prodimg img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  margin: -6px 6px 6px -6px;
  padding: 2px;
}

.prodbox .set {
font-weight: bold;
font-size: 90%;
}

#catalog .prodbox ul {
background: url(/pwf/img/prod-dots.gif) top left no-repeat;
margin: 0 0 20px 280px;
padding: 10px 0 0;
font-size: 95%;
color: #704172;
}

.prodbox li {
padding: 10px 0 0;
}

.prodbox li.noreturn {
list-style-type: none !important;
background: url(/pwf/img/icon-noreturn.gif) 0 10px no-repeat;
padding-left: 25px;
margin: 0 0 0 0;
}

.prodmeta {
float: left;
width: 280px;
}

.orderform {
float: left;
margin: 10px 0 0;
padding: 40px 0 0;
width: 256px;
background: url(/pwf/img/prod-order-details-top.gif) top left no-repeat;
}

.orderform form {
background: #F9ECF7;
}

.orderform fieldset {
display: block;
border: none;
padding: 5px 10px 15px;
margin: 0 0 10px;
background: url(/pwf/img/prod-order-details-bot.gif) bottom left no-repeat;
}

.orderform label {
float: left;
width: 100px;
font-weight: bold;
font-size: 110%;
color: #AC8FAD;
}

.orderform input, .orderform select {
width: 105px;
margin: 0 0 12px;
color: #704172;
}

.pricetiers {
float: left;
margin: 0 0 12px;
color: #704172;
vertical-align: middle;
}

#regprice, #saleprice {
margin: 0 0 10px;
background: #F9ECF7;
}

.addtocart {
width: 100px !important;
color: #622B76;
vertical-align: middle;
margin: 0 0 0 100px !important;
}

.orderform br{
clear: left;
}

#minqty {
font-size: 95%;
clear: both;
margin: 10px 0;
color: #704172;
}

/*
===== 8: product listing =====
*/

.catbox {
width: 520px;
margin: 0 0 10px 0;
background: url(/pwf/img/prod-box-side.gif) left top repeat-y;
}

.catbox .innerbox {
background: url(/pwf/img/prod-box-top.gif) left top no-repeat;
}

.catbox .innertwo {
padding: 5px 15px 15px 15px;
background: url(/pwf/img/static-box-bot.gif) left bottom no-repeat;
}

.catbox h2 { 
color: #8C688D;
padding: 12px 10px 8px 15px;
font-size: 1.5em;
font-weight: normal;
}

.prodlist {
float: left;
width: 192px;
padding: 15px 20px 0;
height: 250px;
}

.prodthumb {
  width: 162px;
  background: url(/pwf/img/prod-thumb-border.gif) left top no-repeat;
  padding: 12px;
  margin: 0 0 0 10px;
}

.prodlist h3 { 
padding: 4px 0 0;
font-size: 1em;
font-weight: bold;
text-align: center;
width: 187px;
margin: 0 0 0 10px;
}

.prodlist p {
font-size: .9em;
text-align: center;
width: 187px;
margin: 0 0 0 10px;
}

.prodlisting {
padding: 2px 0 15px 10px;
}

.prodlisting li {
padding: 2px 0;
}


/*
===== 9: contact =====
*/

#zemContactForm div {
float: left;
}

#zemContactForm label {
float: left;
width: 60px;
margin-right: 10px;
text-align: right;
color: #704172;
}

#zemContactForm #name, #zemContactForm #email {
background: white;
border: 1px solid #E2BDE2;
color: #622B76;
width: 165px;
margin: 0 2px 0 0;
padding: 2px;
vertical-align: middle;
}

#zemContactForm #message {
background: white;
border: 1px solid #E2BDE2;
color: #622B76;
width: 300px;
margin: 0 2px 0 0;
padding: 2px;
vertical-align: middle;
}

#zemContactForm #zemSubmit  {
  width: 72px;
  height: 24px;
  color: #a787a7; 
  font-weight: bold;
  margin: 5px 0 3px 70px;
  padding: 0  0 2px 0;
  cursor: pointer;
  border: none;
  background: url(/pwf/img/button-blank.gif) no-repeat top left;
}

ul.zemError li {
color: red;
padding: 2px 0;
margin: 0 0 0 30px;
}


/*
===== 10: mainbox =====
*/

.mainbox {
width: 520px;
margin: 0 0 10px 0;
background: url(/pwf/img/prod-box-side.gif) left top repeat-y;
}

.mainbox .innerbox {
background: url(/pwf/img/prod-box-top.gif) left top no-repeat;
}

.mainbox .innertwo {
padding: 5px 18px 20px 13px;
background: url(/pwf/img/static-box-bot.gif) left bottom no-repeat;
}

.mainbox h2 { 
color: #8C688D;
padding: 12px 10px 8px 15px;
font-size: 1.5em;
font-weight: normal;
}

.mainbox ul {
padding: 0 0 10px;
}

.mainbox li {
padding: 10px 0 0;
}

/*
===== 11: cart =====
*/

#cart .mainbox h2, #checkout .mainbox h2 { 
padding: 12px 10px 8px 48px;
background: url(/pwf/img/icon-cart-lg.gif) 15px 12px no-repeat;
}

#cart #content form, #checkout #content form {
padding: 0 0 10px;
margin: 0 0 10px;
background: url(/pwf/img/main-dots.gif) bottom left no-repeat;
}

table.SableShop {
margin: 10px 0;
width: 100%;
}

.SableShop tr {
}

.SableShop th {
padding: 10px 2px 5px 10px;
border-bottom: 1px solid #c7afc8;
}

.SableShop td {
padding: 10px 2px 0 10px;
vertical-align: top;
}

td.idesc {
width: 100%;
font-size: 90%;
font-weight: bold;
}

td.iprice {
text-align: right;
}

.SableShop img {
  float: left;
  background: url(/pwf/img/home-img-border.gif) left top no-repeat;
  padding: 8px;
  margin: 0 10px 0 0;
}

.SableShop input {
padding: 2px;
border: 1px solid #c7afc8;
}

.SableShop .remove {
float: left;
padding: 0 0 0 25px;
display: block;
margin: 10px 0 0;
background: url(/pwf/img/icon-remove.gif) 0 0 no-repeat;
font-weight: normal !important;
}

.cartf {
padding: 10px 0 0 40px;
background: #f9ecf7 url(/pwf/img/cart-box-top.gif) top left no-repeat;
text-align: center;
}

.cartf input, #cart #content button {
padding: 5px 0;
margin: 4px 5px 0;
background: #f9ecf7;
color: #2D5D96;
font-size: 95%;
font-weight: bold;
float: left;
}

.SableShop strike {
color: #900;
}

.yousave, .itemsave {
color: #900;
font-weight: bold;
margin: 5px 0 0;
display: block;
}

.SableShop .totals {
font-weight: bold;
padding: 10px;
}

.carttotal {
float: right;
padding: 5px;
margin: 9px 10px 0;
padding: 0 0 0 ;
font-weight: bold;
font-size: 1.2em;
}

#checkdetails p {
font-size: 90%;
font-weight: bold;
line-height: 140%;
margin: 10px 0;
text-align: left;
}

.checkoutbox {
padding: 20px 0 0;
text-align: right;
background: url(/pwf/img/cart-box-bot.gif) top left no-repeat;
}

.checkoutbox p {
float: left;
padding: 0 0 0 5px;
}

.completebox {
padding: 15px 0 0;
text-align: center;
background: url(/pwf/img/cart-box-bot.gif) top left no-repeat;
}

#checkout .carttotal {
margin: 9px 10px 4px;
}

.orderterms {
color: #704172;
font-size: 70%;
margin: 0 5px;
}

#disclaimer {
color: #636d54;
}

#paypal {
background: url(/pwf/img/icon-paypal.gif) top left no-repeat;
padding: 0 0 0 65px;
}


/*
===== 12: order confirmation =====
*/

#confirm {
margin: 10px 0 0;
padding: 10px;
}

#confirm h3 {
text-align: center;
}

#prods {
border-collapse: collapse;
text-align: center;
width: 100%;
margin: 20px 0 0;
}

#prods th {
background: #c7afc8;
color: #fff;
padding: 5px 10px;
border-bottom: 1px solid #c7afc8;
text-align: center;
}

#prods td {
width: 100px;
padding: 5px 10px;
border-bottom: 1px solid #c7afc8;
}

/*
===== 13: policies =====
*/

#policies table {
margin: 10px 0;
border-collapse: collapse;
border: 1px solid #c7afc8;
width: 100%;
text-align: center;
}

#policies tr {
background: #fff;
}

#policies td {
width: 100px;
padding: 5px 20px;
font-size: 90%;
width: 50%;
border-bottom: 1px solid #c7afc8;
}

/*
===== 14: search =====
*/

.sresult {
padding: 0 0 15px;
margin: 0 0 10px;
background: url(/pwf/img/main-dots.gif) bottom left no-repeat;
}

.sresult img {
  float: left;
  background: url(/pwf/img/home-img-border.gif) left top no-repeat;
  padding: 8px;
  margin: 0 10px 0 0;
}


/*
===== 15: about us =====
*/

.aboutus {
float: left;
width: 280px;
margin: 0 0 0 5px;
}

.aboutthumbs {
float: right;
}

.aboutthumbs img {
  display: block;
  width: 162px;
  background: url(/pwf/img/prod-thumb-border.gif) left top no-repeat;
  padding: 12px;
  margin: 0 0 10px 10px;
}

/*
===== 16: sitemap =====
*/

#sitemap #content ul {
  background: url(/pwf/img/main-dots.gif) left bottom no-repeat;
  margin: 0 0 10px;
  padding: 0 0 20px;
}