/*

Colors
• #512b1b: Chocolate brown
• #955031: Lighter chocolate brown
• #b4a76c: Creamy tan (as in page background)
• #b85f1a: Orange from logo
• #ffcc66: Yellow
• #ffffcb: Off-white
*/
 
body { color: #512b1b; font-size: 12px; font-family: Tahoma, Helvetica, Arial, sans-serif; line-height: 18px; background-color: #b4a76c; text-align: center; margin: 0; padding: 0; }
a img { display: inline; border: none }
form, td, p { margin: 0; padding: 0 }
p { margin-bottom: 15px; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #512b1b; font-size: 14px; line-height: 14px; text-transform: uppercase; letter-spacing: 1px }
hr { background-color: #d2c2a8; height: 1px; max-height: 1px; border: 0; outline-style: none; outline-width: 0 }
table { font-size: inherit; }
input.text { width: 90%; min-height: 21px; max-width: 250px; max-height: 21px; vertical-align: top; border: solid 1px #a1a1a1 }
select.text { max-width: 250px; vertical-align: top; border: solid 1px #a1a1a1 }
input.chk { border: solid 1px #a1a1a1; outline-style: none; outline-width: 0 }
textarea.text { width: 90%; max-width: 250px; border: solid 1px #a1a1a1 }
.binder { background: #512b1b; color: #512b1b; margin: 0 auto; padding: 0; position: relative; width: 950px }

/** header **/
#header { color: #ffffcb; clear: both; height: 122px; position: relative; text-align: left; text-transform: uppercase; width: 950px; }
#header .logo { color: #ffffcb; font-size: 32px; font-weight: normal; float: left; position: relative; top: 6px; left: 18px; }
#header .logo a:link, #header .logo a:visited, #header .logo a:hover, #header .logo a:active { text-decoration: none; }
#header .logo .title { letter-spacing: 6px; position: relative; bottom: 16px; left: 25px; }
#interact_menu { float: right; font-size: 12px; letter-spacing: 1px; line-height: 22px; margin: 17px 25px 0 0; }
#header .hSearch { height: 22px; position: relative; left: -3px; }  /* Correct for un-removable padding on the submit <input> */
.ifix, .ifix2 { display: inline }
#header .hSearch #searchB { background: none; border: none; color: #ffffcb; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; height: 22px; letter-spacing: 1px; line-height: 22px; margin: 0; padding: 0; text-align: left;  text-decoration: underline; text-transform: uppercase; width: 55px; }
#header .hSearch #searchB:hover { color: #fc6; cursor: pointer; text-decoration: underline; }
#header .hSearch #searchI { font-size: 12px; line-height: 22px; margin: 0; padding: 0; width: 138px; height: 19px; /*vertical-align: top;*/ outline-style: none; outline-width: 0 }
#header a:link, #header a:visited { color: #ffffcb; text-decoration: underline; }
#header a:hover, #header a:active { color: #fc6; }

/** menu **/
#hMenu { border-bottom: 2px solid #ffffcb; border-top: 2px solid #ffffcb; height: 23px; letter-spacing: 1px; list-style-type: none; margin: 0; padding: 0; text-align: left; text-transform: uppercase; }
#hMenu li { float: left; height: 23px; line-height: 23px; position: relative; }
#hMenu li.first { margin-left: 16px; }
#hMenu a { display: block; padding: 0 15px; }
#hMenu .by_category a, #hMenu .by_collection a { padding: 0 19px; }
#hMenu a:link, #hMenu a:visited { color: #ffffcb; }
#hMenu a:hover, #hMenu a:active { color: #fc6; }
#hMenu li:hover div.drop { display: block; }
#hMenu div.drop { background: #512b1b; display: none; border: 1px solid #ffffcb; border-top: none; left: -1px; line-height: 14px; margin: 0; letter-spacing: 0; padding: 0; position: absolute; text-transform: none; white-space: nowrap; z-index: 200; }
#hMenu li.last div.drop { left: auto; right: 0; }
#hMenu div.shop_by { color: #ffffcb; font-weight: bold; padding: 6px 19px 0 19px; }
#hMenu ul li { float: none; height: auto; }
#hMenu div ul { list-style-type: none; margin: 0 0 6px 0; padding: 0; }

/** content **/
.content_binder { background: #fc6; text-align: left; width: 950px; }
.lc { background: #fc6; /*height: 510px; max-height: 510px;*/ min-height: 486px; padding-bottom: 24px; z-index: 1; width: 210px; float: left }
.rc { background: #fff; width: 740px; min-width: 740px; max-width: 740px; float: left; min-height: 510px; }
.fc { background-color: #fff; padding: 40px 15px 25px; width: 100%; min-height: 280px; width: 920px; overflow: auto; }
.fc2 { background-color: #fff; padding: 22px 40px 25px; width: 577px; min-height: 280px; border: solid 7px #d2c2a8 }

/** hompage layout **/
#homeTop { border-bottom: 2px solid #ffffcb; height: 550px; width: 950px; }
#specials { background: #512b1b; font-size: 16px; height: 230px; margin: 10px 0 20px 0;text-align: center; }
#specials a:link, #specials a:visited { color: #ffffcb; }
#specials a:hover, #specials a:active { color: #fc6; }
#specials div { float: left; width: 310px; }
#specials .middle { margin: 0 10px; }
#specials img { display: block; margin-bottom: 3px; }
.hbl { clear: both;  }
.home_flipbook { background-color: #ffffcb; float: left; height: 164px; max-height: 164px; max-width: 495px; width: 495px; }
#design_link { border-left: 2px solid #ffffcb; float:left;}
#design_link img { display: block;  }
/*.hbr { background-color: #fc6; color: #512b1b; font-size: 13px; font-family: Tahoma, Helvetica, sans-serif; line-height: 20px; padding: 22px; width: 400px; height: 263px; max-width: 400px; max-height: 263px; float: left; border-left: 2px solid #ffffcb; }*/
/*#more_info { background: #512b1b; border-top: 2px solid #ffffcb; clear: both; margin: 0; padding: 10px 0; position: relative; text-align: center; }
#about_anchor { display: block;  margin: 0 auto;  width: 545px; }
#about_content { background: #512b1b;  border: 2px solid #ffffcb;  border-bottom: none;  xdisplay: none;  color: #ffffcb;  bottom: 65px;  font-size: 13px;  left: 275px;  padding: 20px;  position: absolute;  text-align: left;  width: 400px;  }*/
#about_content { background: #512b1b;  border-top: 2px solid #ffffcb;  clear: both;  color: #ffffcb;  font-size: 13px;  padding: 20px;  text-align: left;  }
#about_content h2 { color: #fc6; display: block; font-size: 15px; font-weight: normal; letter-spacing: 0; margin-bottom: 10px; text-transform: none; }
#about_content p { margin: 0; }
#more_info #about_content a { display: inline; }
#about_content a:link, #about_content a:visited { color: #fc6; }
#about_content a:hover, #about_content a:active { text-decoration: underline; }
.hbl_trends { color: #ffffcb; font-size: 13px; background-color: #512b1b; text-align: center; letter-spacing: 1px; padding-top: 16px; height: 48px; max-height: 32px }
.hbl_newsletter { background-color: #fc6; color: #512b1b; height: 48px; padding: 17px 0; text-align: center; }
.hbl_newsletter .hnewsletter { margin-top: 10px }

/** subcategory layout **/
.subtopimg { width: 740px; float: left; height: 510px; max-width: 740px; max-height: 510px; overflow: hidden; }
.subbotcats { background: #512b1b; border-top: 2px solid #ffffcb; float: left; max-width: 936px; padding: 14px 0 0 14px; width: 936px; }
.botcat { float: left; height: 208px; margin-bottom: 14px; max-height: 208px; max-width: 219px; min-height: 208px; min-width: 219px; width: 219px; }
.botcatt { background: #fff; color: #512b1b; font-size: 14px; font-weight: bold; height: 18px; max-height: 18px; min-height: 18px; text-align: center; }
.botcati { background: #fff; height: 190px; max-height: 190px }
.subtip { color: #b4a76c; font-size: 13px; font-family: Verdana; line-height: 20px; background-color: #fc6; padding: 30px 20px; width: 740px; height: 206px; max-width: 631px; max-height: 146px }
.sublifestyle { background-color: #512b1b; border-left: 2px solid #ffffcb; border-top: 2px solid #ffffcb; color: #b4a76c; clear: both; font-size: 13px; font-family: Arial; line-height: 49px; text-align: center; width: 738px; height: 49px; max-width: 738px; max-height: 49px }
.subnewsletter { background-color: #fff; border-left: 2px solid #ffffcb; /*border-top: 2px solid #512b1b;*/ clear: both; text-align: center; padding-top: 10px; width: 738px; height: 72px; max-width: 738px; max-height: 62px }
.subnewsletter .hnewsletter { margin-top: 10px }

/** product listing **/
.listtopimg { width: 740px; height: 219px; max-height: 219px }
.listtopnav { color: #512b1b; font-size: 12px; width: 686px; height: 30px; margin: 10px 0 0 27px; max-width: 686px; max-height: 30px }
.breadCrumb { text-align: left; width: 50%; float: left }
.listingResults { text-align: right; float: right } 
.products { margin-left: 27px; width: 710px; clear: both }
.product { color: #512b1b; font-size: 14px; width: 219px; xheight: 266px; max-width: 219px; float: left; margin-bottom:15px;}
.productImg { background-color: #fff; width: 219px; height: 219px; max-width: 219px; max-height: 219px }
.lowerListingResults { font-size: 12px; text-align: right; margin: 0 0 10px 27px; width: 686px; height: 14px; max-height: 14px; clear: left }
.listnewsletter { background-color: #512b1b; text-align: center; padding-top: 10px; width: 740px; height: 74px; max-height: 64px; clear: left }
.listnewsletter .hnewsletter { margin-top: 10px }
.rowClear { clear:both; }

/** product **/
.productInfo { background-color: #fff; margin-left: 27px; padding-bottom: 20px; width: 713px; max-width: 713px; min-height:440px; height:auto; float: left; }
.productInfoL { text-align: center; margin-right: 20px; width: 219px; max-width: 219px; float: left }
.productInfoL .pImage { margin-bottom: 5px; width: 219px; height: 219px }
.productInfoL .xImages { text-align: left; margin-top: 5px; width: 100% }
.productInfoL .xImages a span { display: none; }
.productInfoL .xImages a:hover span { display: inline; }
.productInfoL .xImage { text-align: center; margin: 6 11px; width: 50px; height: 50px; }
.productInfoR { padding-right: 20px; width: 396px; max-width: 396px; float: left }
.productInfoR h1 { font-size: 15px; text-transform: none; letter-spacing: normal; margin-bottom: 10px }
.productInfoR p { margin-bottom: 10px }
.tellFriend { line-height: 12px; margin-top: 12px; margin-bottom: 12px; height: 14px }
.tellFriend img { display: inline; float: left }
.productBag * { padding-right: 18px }
.related { clear: both; color: #512b1b; font-size: 14px; margin-left: 35px; width: 705px; max-width: 705px }
.related h3 {  font-weight: normal;  letter-spacing: 0;  margin-bottom: 10px;  text-transform: none;  }
.relatedp { width: 219px; max-width: 219px; float: left }
.relatedp img { width: 219px; height: 219px; max-width: 219px; max-height: 219px }

/** shopping cart **/
#cartTable { width: 100% }
#cartTable td { vertical-align: top }
#cartTable .totals { text-align: right; padding-right: 30px }
.cartImage { width: 90px; height: 90px; float: left }
.cartImage img { width: 90px; height: 90px; }
.cartInfo { margin-left: 15px; float: left }
.cartOp { padding-top: 25px; width: 100%; clear: left }

/** design pages **/
.orangeB { border-left: 2px solid #ffffcb; border-top: 2px solid #ffffcb; clear: both; width: 718px; max-width: 718px; color: #ffffcb; font-size: 13px; line-height: 20px; background-color: #512b1b; padding: 10px }

/** recipe **/
/*.recipe { color: #dfd2b3; background-color: #b85f1a; padding: 10px; width: 740px; max-width: 651px }*/
.recipe {  padding: 10px; width: 740px; max-width: 635px; float: left; }
.recipe h1 { font-weight: bold; margin-bottom: 10px }
.recImg { margin-bottom: 15px; float: left; clear: none; border: solid 1px #dfd2b3; width: 671px; }  /* width = <img> width + 6 px */
.recImg img { border: solid 3px #faf3e1 }
.recIng { width: 100%; float: left }
.recipe p { padding-bottom: 15px; clear: left }

/** universal **/
.mar { color: #512b1b; }
.headRed { color: #512b1b; font-size: 14px; font-family: Arial; line-height: 14px; text-transform: uppercase; letter-spacing: 1px }
.hbl_newsletter #newsemail { margin-right: 5px; width: 350px; min-height: 23px; max-height: 23px; vertical-align: top; border: solid 1px #a1a1a1 }
.hbl_newsletter, .subnewsletter, .listnewsletter { color: #512b1b; font-size: 13px; font-family: Arial }
.subnewsletter #newsemail, .listnewsletter #newsemail { margin-right: 5px; width: 309px; min-height: 23px; max-height: 23px; vertical-align: top; border: solid 1px #a1a1a1 }
.cart { background-color: #512b1b; border-bottom: 2px solid #ffffcb; border-top: 2px solid #ffffcb; color: #ffffcb; font-size: 12px; margin-top: 24px; padding-top: 17px; position: relative; height: 84px; max-height: 67px; text-align: center; }
.cartbuttons { margin-top: 15px; margin-bottom: 15px; }
.formTable { width: 100% }
.formTable td { padding: 5px }
.error { color: #c00; font-weight: bold; margin-bottom: 10px }
.f50 { width: 48%; float: left }
.f40 { width: 40%; float: left }
.f30 { width: 32%; float: left }
.f20 { width: 20%; float: left }
.hd1 { background-color: #ffffcb; width: 100%; height: 1px; min-height: 1px; max-height: 1px; clear: both }
.hd2 { background-color: #ffffcb; width: 100%; height: 2px; min-height: 2px; max-height: 2px; clear: both }
.hd5 { background-color: #ffffcb; width: 100%; height: 5px; min-height: 5px; max-height: 5px; clear: both }
.hd7 { background-color: #ffffcb; width: 100%; height: 7px; min-height: 7px; max-height: 7px; clear: both }
.hd8 { background-color: #ffffcb; visibility: visible; width: 100%; height: 8px; min-height: 8px; max-height: 8px; clear: both }
.vd7 { visibility: hidden; width: 7px; min-width: 7px; max-width: 7px; float: left }
.vd8 { background-color: #ffffcb; visibility: visible; width: 8px; min-width: 8px; max-width: 8px; float: left }
.vd15 { visibility: hidden; width: 15px; min-width: 15px; max-width: 15px; float: left; }
.breaker { visibility: hidden; height: 0; clear: both }

/** top nav menu **/
.breadCrumb a:link, .breadCrumb a:visited { color: #512b1b; font-weight: normal; text-decoration: underline; display: inline }
.breadCrumb a:active, .breadCrumb a:hover { color: #955031; text-decoration: none }
.listingResults a:link, .listingResults a:visited, .lowerListingResults a:link, .lowerListingResults a:visited { color: #512b1b; font-weight: normal; text-decoration: none; display: inline }
.listingResults a:active, .listingResults a:hover, .lowerListingResults a:active, .lowerListingResults a:hover { text-decoration: underline; }
.curPage { background-color: #512b1b; color: #ffffcb; }

/** left menu **/
.leftMenu { font-size: 13px; line-height: 18px; margin-left: 35px; }
.lc .shop_by { color: #512b1b; font-size: 16px; font-weight: normal; letter-spacing: 0; text-transform: none; }
.leftMenu .lm3 .current, .leftMenu .lm4 .current { font-size: 12px; font-weight: bold; }
.leftMenu a.lm:link, a.lm:visited { color: #512b1b; font-size: 18px; font-weight: normal; letter-spacing: 0; margin: 24px 0; text-decoration: none; text-transform: capitalize; display: block }
.leftMenu a.lm:active, .leftMenu a.lm:hover { color: #955031; text-decoration: underline; }
.leftMenu a.lm2:link, .leftMenu a.lm2:visited { color: #512b1b; font-size: 13px; line-height: 16px; margin: 4px 0; text-decoration: none; text-transform: capitalize; display: block; }
.leftMenu a.lm2:active, .leftMenu a.lm2:hover { color: #955031; text-decoration: underline; }
.leftMenu a.lm3:link, .leftMenu a.lm3:visited { color: #512b1b; font-size: 13px; font-weight: normal; text-transform: capitalize; display: block; margin-left: 12px }
.leftMenu a.lm3:active, .leftMenu a.lm3:hover { color: #955031; text-decoration: underline; }
.leftMenu a.lm4:link, .leftMenu a.lm4:visited { color: #512b1b; font-size: 13px; font-weight: normal; text-transform: capitalize; display: block; margin-left: 24px }
.leftMenu a.lm4:active, .leftMenu a.lm4:hover { color: #955031; text-decoration: underline; }
.leftMenu a.design_lm:link, .leftMenu a.design_lm:visited { color: #512b1b; display: block; font-size: 16px; font-weight: normal; letter-spacing: 0; margin-top: 24px; text-transform: none; }
.leftMenu a.design_lm:active, .leftMenu a.design_lm:hover { color: #955031; text-decoration: underline; }
a.lm_sub:link, a.lm_sub:visited { color: #512b1b; font-size: 13px; line-height: 16px; margin-top: 8px; text-decoration: none; text-transform: capitalize; display: block; }
a.lm_sub:active, a.lm_sub:hover { color: #955031; text-decoration: underline; }
#collectionsMenu { margin-top: 24px; }

/** left menu 2 **/
.subLeftMenu { font-size: 13px; margin-left: 60px; line-height: 25px; }
.subLeftMenu a:link, .subLeftMenu a:visited { color: #512b1b; font-size: 13px; font-family: Arial; text-transform: capitalize; display: block }
.subLeftMenu a:active, .subLeftMenu a:hover { color: #955031; }

/** product links **/
.product a:link, .product a:visited { color: #512b1b; }
.product a:active, .product a:hover { text-decoration: underline }

/** hompage links **/
.hbr a:link, .hbr a:visited, .orangeB a:link, .orangeB a:visited { color: #512b1b; text-decoration: underline }
.hbr a:active, .hbr a:hover, .orangeB a:active, .orangeB a:hover { color: #b4a76c; text-decoration: none }

/** beige links **/
a.be:link, a.be:visited { color: #ffffcb; }
a.be:active, a.be:hover { color: #fc6; }

/** maroon links/default **/
a:link, a:visited { color: #512b1b; text-decoration: none; }
a:active, a:hover { color: #955031; text-decoration: underline; }

/** footer **/
#footer { background: #512b1b; border-top: 2px solid #ffffcb; clear: both; height: 40px; letter-spacing: 1px; list-style-type: none; margin: 0; padding: 0; text-transform: uppercase; }
#footer li { float: left; height: 40px; line-height: 40px; }
#footer li.first { margin-left: 21px; }
#footer a { padding: 10px 7px; }
#footer a:link, #footer a:visited { color: #ffffcb; }
#footer a:hover, #footer a:active { color: #FFCC66; }

/* Specials page */
.specials_page #rc h1 {
	padding:				20px 0 15px 20px;
}