
body { margin-top: 20px; padding-left: 20px; background-color:#836445; padding:0;  font-size:10px;  font-family: arial, verdana, helvetica, sans-serif;  text-align:center;  color:#000000;    }




/* ---------- */ /* borders */ /* ---------- */
div.outerborder { background-color: #A28465; border:1px solid #553B21;  padding: 5px;  margin:0 auto;  text-align:left;  width:748px;  position: relative;  }
div.innerborder { background-color: #ffffff; border:1px solid #553B21;  padding:0;  margin:0 auto;  text-align:center;  }
/* ---------- */ /* borders */ /* ---------- */





/* ---------- */ /* buffers & padding */ /* ---------- */
div.contentbuffer { margin-bottom: 10px; padding-left: 10px; padding-right: 10px; margin-top: 10px;  }
div.indent { padding-left: 20px;  }
div.boxbuffer { margin-bottom: 10px; padding-left: 70px;    }
/* ---------- */ /* buffers & padding */ /* ---------- */




/* ---------- */ /* background color classes */ /* ---------- */
.bgwhite { background-color: #ffffff;  }
.bgblack { background-color: #000000;  }
.bgdarkrust { background-color: #9C5100;  }
.bglightrust { background-color: #C68F54;  }
.bgcoco { background-color: #836445;  }
.bglightcoco { background-color: #A28465;  }
.bgdarkcoco { background-color: #553B21;  }
.bgcream { background-color: #F2EED9;  }
.bgtan { background-color: #DDD7B7;  }

/* ---------- */ /* background color classes */ /* ---------- */





/* ---------- */ /* color  classes */ /* ---------- */
span.darkrust { color: #9C5100;  }
span.lightrust { color: #C68F54;  }
span.red { color: #954227;  }
span.maroon { color: #6d1e05;  }
span.darkcoco { color: #553B21;  }
span.white { color: #ffffff;  }
/* ---------- */ /* color  classes */ /* ---------- */


/* ---------- */ /* color arrow classes */ /* ---------- */

.blackarrow12 { font-family: verdana, arial, sans-serif; color: #000000; font-size: 12px;  }
.rustarrow14 { font-family: arial, verdana, helvetica, sans-serif; color: #9C5100; font-size: 14px;  }
.whitearrow12 { font-family: arial, verdana, helvetica, sans-serif; color: #ffffff; font-size: 14px;  }




/* ---------- */ /* delivery text classes */ /* ---------- */
div.deliverytext { font-family: times, times new roman, serif; font-size: 18px; text-align: left;  margin-bottom: 10px; padding-left: 15px;  margin-top: 10px;  }
.deliverytext a { text-decoration: none; color: #ffffff;  }
.deliverytext a:hover { color: #FFD68B;  }
/* ---------- */ /* delivery text classes */ /* ---------- */






/* ---------- */ /* home promo classes */ /* ---------- */

#homepromo div.text1 { font-family: times, times new roman, serif; font-size: 26px;  line-height: 30px; text-align: left;  }
#homepromo a.text1 { text-decoration: none; color: #ffffff;  }
#homepromo a.text1:hover { color: #FFD68B;  }

#homepromo div.text2 { font-family: times, times new roman, serif; font-size: 70px; line-height: 66px;  text-align: left;  }
#homepromo a.text2 { text-decoration: none; color: #ffffff;  }
#homepromo a.text2:hover { color: #FFD68B;  }

#homepromo div.text3 { font-family: arial, verdana, helvetica, sans-serif; font-size: 14px; line-height: 18px;  text-align: left;  }
#homepromo a.text3 { text-decoration: none; color: #000000;  }
#homepromo a.text3:hover { color: #FFD68B;  }

#homepromo div.buffer { margin-bottom: 5px; padding-left: 15px; padding-right: 6px; margin-top: 5px;  }

/* ---------- */ /* home promo classes */ /* ---------- */

div.promotext { font-weight: bold; font-family: times, times new roman, serif; font-size: 32px;  color: #4e765e;  letter-spacing:.15em; text-align: center;  margin-bottom: 0px; margin-top: 8px;  }
div.promotext1 { font-weight: bold; font-family: times, times new roman, serif; font-size: 20px;  color: #AF440A;  text-align: center;  margin-bottom: 2px; margin-top: 2px;  }
div.promotext2 { font-weight: bold; font-family: arial, verdana, helvetica, sans-serif; font-size: 10px;  color: #422C15;  text-align: center;  margin-bottom: 6px; margin-top: 0px;  }


/* ---------- */ /* home page bottom text classes */ /* ---------- */
div.bottomtext { font-weight: bold; font-family: arial, verdana, helvetica, sans-serif; font-size: 10px;  color: #AF440A;  text-align: center;  margin-bottom: 4px; margin-top: 8px;  }
.bottomtext a { text-decoration: none; color: #422C15;  }
.bottomtext a:hover { color: #B8742B;  }
.bottomtext2 { font-weight: bold; font-family: arial, verdana, helvetica, sans-serif; font-size: 10px;  color: #422C15;  text-align: center;  margin-bottom: 4px; margin-top: 8px;  }
.bottomtext3 { font-weight: bold; font-family: arial, verdana, helvetica, sans-serif; font-size: 10px;  color: #422C15;  text-align: center;  margin-bottom: 4px; margin-top: 8px;  }
/* ---------- */ /* home page bottom text classes */ /* ---------- */





/* ---------- */ /* sub nav classes */ /* ---------- */
#subnav tr.header { font-weight: bold; font-family: arial, verdana, helvetica, sans-serif; font-size: 12px;  color: #6d1e05; text-align: left;  }
#subnav a.header { text-decoration: none;  color: #6d1e05;  }
#subnav tr.header:hover { background-color: #ffffff;  }


#subnav tr.link { font-family: arial, verdana, helvetica, sans-serif; font-size: 10px;  font-weight: bold; color: #553B21; text-align: left;  }
#subnav a.link { text-decoration: none;  color: #553B21;  }
#subnav tr.link:hover { background-color: #ffffff;  }

#subnav tr.linkon { font-family: arial, verdana, helvetica, sans-serif; font-size: 10px;  font-weight: bold; color: #9C5100;  background-color: #ffffff; text-align: left;  }
#subnav tr a.linkon  { text-decoration: none;  color: #9C5100;  }
#subnav tr.clinkon:hover { background-color: #ffffff;  }

#subnav div.indent { padding-left: 20px;  }

#product div.smalltext { font-family: arial, verdana, helvetica, sans-serif; font-size: 11px;  color: #000000; line-height: 26px; margin-top: 5px; margin-bottom: 5px; text-align: left;  }
/* ---------- */ /* sub nav classes */ /* ---------- */








/* ---------- */ /* category page classes */ /* ---------- */
#category div.headline { font-family: arial, verdana, helvetica, sans-serif;  font-weight: bold; font-size: 22px; color: #6d1e05; text-align: left;  }
#category div.subhead { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px;  color: #000000; line-height: 18px;  margin-top: 5px; margin-bottom: 5px; text-align: left;  }
#category div.description { font-family: arial, verdana, helvetica, sans-serif; font-size: 11px;  color: #000000; line-height: 14px; text-align: left;  }

#category div.brand { font-family: arial, verdana, helvetica, sans-serif;  font-weight: bold; font-size: 14px; color: #9C5100; text-align: left;  }
#category .brand a { text-decoration: none; color: #9C5100;  }
#category .brand a:hover { text-decoration: none; color: #C68F54;  }

#category div.indent { padding-left: 20px;  }

#category div.product { font-weight: bold; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px;  color: #6d1e05;  margin-top: 4px; margin-bottom: 4px; text-align: left;  }
#category .product a { text-decoration: none; color: #6d1e05;  }
#category .product a:hover { color: #C68F54;  }
/* ---------- */ /* category page classes */ /* ---------- */






/* ---------- */ /* brand page classes */ /* ---------- */
#brand div.headline { font-family: arial, verdana, helvetica, sans-serif;  font-weight: bold; font-size: 22px; color: #6d1e05; text-align: left;  }
#brand div.subhead { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px;  color: #000000; line-height: 18px;  margin-top: 5px; margin-bottom: 5px; text-align: left;  }
#brand div.description { font-family: arial, verdana, helvetica, sans-serif; font-size: 11px;  color: #000000; line-height: 14px; text-align: left;  }

#brand div.product { font-family: arial, verdana, helvetica, sans-serif;  font-weight: bold; font-size: 16px; color: #9C5100; text-align: left;  }
#brand .product a { text-decoration: none; color: #9C5100;  }
#brand .product a:hover { text-decoration: none; color: #C68F54;  }

#brand div.productlink { font-weight: bold; font-family: arial, verdana, helvetica, sans-serif; font-size: 10px;  color: #6d1e05;  margin-top: 4px; margin-bottom: 4px; text-align: left;  }
#brand .productlink a { text-decoration: none; color: #6d1e05;  }
#brand .productlink a:hover { color: #C68F54;  }

#brand .maroonarrow14 { font-family: arial, verdana, helvetica, sans-serif; color: #6d1e05; font-size: 14px;  text-align: left; }
/* ---------- */ /* brand page classes */ /* ---------- */





/* ---------- */ /* product page classes */ /* ---------- */
#product div.headline { font-family: arial, verdana, helvetica, sans-serif;  font-weight: bold; font-size: 22px; color: #6d1e05; text-align: left;  }
#product div.text { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px;  color: #000000; line-height: 16px;  margin-top: 5px; margin-bottom: 10px; text-align: left;  }

#product td.b { background-color: #B8742B; color: #ffffff; font-weight: bold; font-size: 10px; font-family: arial, verdana, helvetica, sans-serif;  text-align: center;  }
#product td.lb { background-color: #F2EED9; color: #000000; font-size: 12px; font-family: arial, verdana, helvetica, sans-serif; text-align: center;  }
#product td.boxnote { background-color: #F2EED9; color: #000000; font-size: 11px; line-height: 12px; font-family: arial, verdana, helvetica, sans-serif; text-align: left;  }
#product div.note { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px;  color: #000000; line-height: 15px; margin-top: 15px; margin-bottom: 5px; text-align: left;  }

/* ---------- */ /* product page classes */ /* ---------- */








/* ---------- */ /* how to order page classes */ /* ---------- */
#order div.headline { font-family: arial, verdana, helvetica, sans-serif;  font-weight: bold; font-size: 22px; color: #6d1e05; margin-bottom: 15px; text-align: left;  }
#order div.subhead { font-family: arial, verdana, helvetica, sans-serif; font-size: 14px;  color: #9C5100; line-height: 18px;  margin-top: 5px; margin-bottom: 5px; text-align: left;  }


#order div.headline2 { font-family: arial, verdana, helvetica, sans-serif;  font-weight: bold; font-size: 14px; color: #9C5100; text-align: left;  }
#order div.headline3 { font-family: arial, verdana, helvetica, sans-serif;  font-weight: bold; font-size: 14px; color: #6d1e05; margin-bottom: 15px; text-align: left;  }
#order div.subhead2 { font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; font-size: 10px;  color: #6d1e05;  margin-top: 5px; margin-bottom: 2px; text-align: left;  }
#order div.subhead3 { font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; font-size: 14px;  color: #6d1e05;  margin-top: 5px; margin-bottom: 2px; text-align: left;  }
#order div.text1 { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px;  color: #000000; line-height: 18px; margin-bottom: 10px; text-align: left;  }
#order .text1 a { text-decoration: none; color: #9C5100;  }
#order .text1 a:hover { text-decoration: none; color: #C68F54;  }

#order div.text2 { font-family: arial, verdana, helvetica, sans-serif; font-size: 10px;  color: #000000; line-height: 14px; text-align: left; margin-top: 0px; margin-bottom: 10px;}


#order div.indent { padding-left: 20px;  }

#order div.product { font-weight: bold; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px;  color: #6d1e05;  margin-top: 4px; margin-bottom: 4px; text-align: left;  }
#order .product a { text-decoration: none; color: #6d1e05;  }
#order .product a:hover { color: #C68F54;  }
/* ---------- */ /* how to order page classes */ /* ---------- */



/* ---------- */ /* faqs classes */ /* ---------- */
#faqs div.headline { font-family: arial, verdana, helvetica, sans-serif;  font-weight: bold; font-size: 22px; color: #6d1e05; margin-bottom: 15px; text-align: left;  }
#faqs div.subhead { font-family: arial, verdana, helvetica, sans-serif; font-size: 14px;  color: #9C5100; line-height: 16px;  margin-top: 5px; margin-bottom: 5px; text-align: left;  }
#faqs div.text1 { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px;  color: #000000; line-height: 16px; margin-top: 5px; margin-bottom: 10px; text-align: left;  }
#faqs .text1 a { text-decoration: none; color: #6d1e05;  }
#faqs .text1 a:hover { color: #C68F54;  }
/* ---------- */ /* faqs classes */ /* ---------- */







/* ---------- */ /* zipcode breakdown classes */ /* ---------- */
#zipcode div.headline { font-family: arial, verdana, helvetica, sans-serif;  font-weight: bold; font-size: 22px; color: #6d1e05; text-align: left;  }
#zipcode div.subhead { font-family: arial, verdana, helvetica, sans-serif; font-size: 14px;  color: #9C5100; line-height: 18px;  margin-top: 5px; margin-bottom: 5px; text-align: left;  }

#zipcode div.text3 { font-family: arial, verdana, helvetica, sans-serif;  font-size: 14px; color: #000000; font-weight: bold;  margin-bottom: 1px; text-align: left;  }
#zipcode div.text2 { font-family: arial, verdana, helvetica, sans-serif;  font-size: 10px; color: #6d1e05;  font-weight: bold;  margin-bottom: 1px;  text-align: left; }
#zipcode div.text1 { font-family: arial, verdana, helvetica, sans-serif;  font-size: 12px; color: #000000;  margin-top: 10px; text-align: left;  }
#zipcode div.text1a { font-family: arial, verdana, helvetica, sans-serif;  font-size: 10px; color: #000000;  text-align: left; }
#zipcode div.indent { padding-left: 10px;  }
/* ---------- */ /* zipcode breakdown classes */ /* ---------- */






/* ---------- */ /* related links classes */ /* ---------- */
#related div.header { font-weight: bold; font-family: arial, verdana, helvetica, sans-serif; font-size: 10px;  color: #000000;  margin-top: 34px; margin-bottom: 4px; text-align: left;  }
#related div.link { font-weight: bold; font-family: arial, verdana, helvetica, sans-serif; font-size: 10px;  color: #6d1e05;  margin-top: 4px; margin-bottom: 4px; text-align: left;  }
#related .link a { text-decoration: none; color: #6d1e05;  }
#related .link a:hover { color: #C68F54;  }
/* ---------- */ /* related links classes */ /* ---------- */








/* ---------- */ /* company page classes */ /* ---------- */
#company div.headline { font-family: arial, verdana, helvetica, sans-serif;  font-weight: bold; font-size: 22px; color: #6d1e05; margin-bottom: 15px; text-align: left;  }
#company div.subhead { font-family: arial, verdana, helvetica, sans-serif; font-size: 14px;  color: #9C5100; line-height: 18px;  margin-top: 5px; margin-bottom: 5px; text-align: left;  }

#company div.text1 { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px;  color: #000000; line-height: 18px; margin-bottom: 10px; text-align: left;  }
#company .text1 a { text-decoration: none; color: #9C5100;  }
#company .text1 a:hover { text-decoration: none; color: #C68F54;  }
/* ---------- */ /* company page classes */ /* ---------- */








/* ---------- */ /* why page classes */ /* ---------- */
#why div.headline { font-family: arial, verdana, helvetica, sans-serif;  font-weight: bold; font-size: 22px; color: #6d1e05; margin-bottom: 15px; text-align: left;  }
#why div.subhead { font-family: arial, verdana, helvetica, sans-serif; font-size: 14px;  color: #9C5100; line-height: 18px;  margin-top: 5px; margin-bottom: 5px; text-align: left;  }

#why div.text1 { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px;  color: #000000; line-height: 18px; margin-bottom: 10px; text-align: left;  }
#why .text1 a { text-decoration: none; color: #9C5100;  }
#why .text1 a:hover { text-decoration: none; color: #C68F54;  }
#why div.indent { padding-left: 10px;  }

#why .rustarrow14 { font-family: arial, verdana, helvetica, sans-serif; color: #9C5100; font-size: 14px;  }
/* ---------- */ /* why page classes */ /* ---------- */





/* ---------- */ /* favorite links classes */ /* ---------- */
#favorite div.headline { font-family: arial, verdana, helvetica, sans-serif;  font-weight: bold; font-size: 22px; color: #6d1e05; margin-bottom: 15px; text-align: left;  }
#favorite div.text1 { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px;  color: #000000; line-height: 18px; margin-top: 14px; margin-bottom: 2px; text-align: left;  }
#favorite div.link { font-weight: bold; font-family: arial, verdana, helvetica, sans-serif; font-size: 12px;  color: #6d1e05;  margin-top: 4px; margin-bottom: 14px; text-align: left;  }
#favorite .link a { text-decoration: none; color: #6d1e05;  }
#favorite .link a:hover { color: #C68F54;  }
/* ---------- */ /* related links classes */ /* ---------- */




/* ---------- */ /* testimonials classes */ /* ---------- */
#testimonials div.headline { font-family: arial, verdana, helvetica, sans-serif;  font-weight: bold; font-size: 22px; color: #6d1e05; margin-bottom: 15px; text-align: left;  }
#testimonials div.text1 { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px;  color: #000000; line-height: 18px; margin-top: 14px; margin-bottom: 2px; text-align: left;  }
#testimonials div.link { font-weight: bold; font-family: arial, verdana, helvetica, sans-serif; font-size: 12px;  color: #6d1e05;  margin-top: 4px; margin-bottom: 14px; text-align: left;  }
#testimonials .link a { text-decoration: none; color: #6d1e05;  }
#testimonials .link a:hover { color: #C68F54;  }

#testimonials  td.b { background-color: #DDD7B7; color: #000000; font-weight: bold; font-size: 10px; font-family: arial, verdana, helvetica, sans-serif;  text-align: left;  }
#testimonials  td.lb { background-color: #F2EED9; color: #000000; font-size: 12px; font-family: arial, verdana, helvetica, sans-serif; text-align: center;  }


#testimonials  div.indent { padding-left: 10px;  }

#testimonials .blackarrow14 { font-family: arial, verdana, helvetica, sans-serif; color: #000000; font-size: 14px;  }

/* ---------- */ /* related links classes */ /* ---------- */






/* ---------- */ /* global dropdown nav */ /* ---------- */

.ddm1 {
    font: 10px arial, verdana, helvetica, sans-serif;
    text-align: left;
	font-weight: bold; 
}
.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    padding: 5px 0px 5px 6px;
    border: 0px #553B21;
    border-style: none none none none;
    text-decoration: none;
    display: block;
    position: relative;
}
.ddm1 .item1 {
    background: #553B21;
    color: #ffffff;
    text-align: left;
}
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    background: #B8742B;
    color: #ffffff;
    text-align: left;
}
.ddm1 .item2,
.ddm1 .item2:hover {
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    text-align: left;
}
.ddm1 .item2 {
    background: #FFD68B;
    color: #000000;
    text-align: left;
}
.ddm1 .item2:hover {
    background: #ffffff;
    color: #000000;
    text-align: left;
}
.ddm1 .section {
    border: 1px #B8742B;
    border-style: dashed dashed dashed dashed;
    position: absolute;
    visibility: hidden;
    z-index: 0;
    white-space: nowrap;
    text-align: left;
}
.ddm1 .left, .ddm1 .left:hover { border-style: solid solid solid solid;  }
.ddm1 .right, .ddm1 .right:hover { border-style: solid solid solid solid;  }

*html .ddm1 td { position: relative;  } /* ie 5.0 fix */
/* ---------- */ /* global dropdown nav */ /* ---------- */




/* ---------- */ /* site wide misc */ /* ---------- */
div.copyright { font-family: arial, verdana, helvetica, sans-serif;  font-size: 9px; color: #ffffff;  margin-top: 2px; text-align:right;  }
div.officehours { font-family: arial, verdana, helvetica, sans-serif; font-size: 11px;  color: #000000; line-height: 26px; margin-top: 5px; margin-bottom: 5px; text-align: left;  }
/* ---------- */ /* site wide misc */ /* ---------- */

