@charset "utf-8";
/* CSS Document */

/* FECMS TextEditor Styling */body.mceContentBody {background:none; margin:0; padding:0; width:auto; height:auto}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline}
textarea{background:inherit;width:100%}strong{font-weight:bold}em{font-style:italic}
/* remember to define focus styles! */ :focus{outline:0}body{line-height:1;color:black}ol,ul{list-style:none}
/* tables still need 'cellspacing="0"' in the markup */ table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}.clear{clear:both}.absolute{position:absolute; width:1px !important; height:1px !important}.hide{visibility:hidden}

body{margin-top:20px; background:#fff url(../gfx/bg.png) repeat-x center 128px; font:12px Helvetica,Arial,sans-serif; cursor:default}
h1 {font-size:20px; color:#a51200; font-weight:bold; margin-bottom:15px}
h2 {font-weight:bold; font-size:18px; margin-bottom:15px}
a:link, a:visited {text-decoration:none; color:#a51200}
a:hover {text-decoration:underline; color:#6b6b6b}
p {line-height:1.6em}
hr {display:block; clear:both; height:1px; border:none; background:#f6e6e3; margin:24px auto}
/* IE Hack */ _hr {border:1px solid #f6e6e3} *+html hr {border:1px solid #f6e6e3}
.req {color:#f00}

.redCredit {font-weight:bold; font-size:14px; color:#a51200; margin:10px 0 0}
.redText {font-weight:bold; font-size:14px; color:#a51200; margin:0 0 10px}



/* Shell */
#header {display:block}
#containershell {width:700px; margin:0 auto}
#container {width:700px; position:relative; margin:0 auto; min-height:500px; -moz-border-radius:12px; -webkit-border-radius:12px}

/* Main Menu */
#topMenu {text-transform:lowercase; margin:9px 0 0 0; height:51px}
#topMenu li {list-style-type:none; margin:10px 6px 0 0; float:left; position:relative; cursor:pointer; height:36px; overflow:hidden !important}
#topMenu a {font-size:12px; text-decoration:none; color:#000}
#topMenu a:hover {color:#a61503}
.topmenul {background:url(../gfx/menu.png) 0 0; height:41px; width:5px; float:left}
.topmenuc {background:url(../gfx/menu.png) 0 -41px; height:31px; padding:10px 6px 0; float:left}
.topmenur {background:url(../gfx/menu.png) 0 -82px; height:41px; width:5px; float:left}
.menuCurrent {position:relative; bottom:5px; color:#fff; height:41px !important; cursor:default !important;}
.menuCurrent .topmenul {background:url(../gfx/menu.png) 0 -123px; height:41px}
.menuCurrent .topmenuc {background:url(../gfx/menu.png) 0 -164px; height:31px}
.menuCurrent .topmenur {background:url(../gfx/menu.png) 0 -205px; height:41px}
.menuaHOVER {color:#a61503 !important}

/* Header Bar */
#textHeader {margin:25px 0 70px 5px}

/* Main Area */
#mainArea {float:left; background:url(../gfx/mainbg.png); width:700px}
#mainAreaInside {background:url(../gfx/mainbgtop.png) top no-repeat; padding:22px 22px 100px; min-height:600px; /*IE6 FIX*/ height:auto !important; height:600px}
#leftPanel {float:left; width:460px; padding-right:20px; border-right:1px solid #f6e5e1; min-height:600px; /*IE6 FIX*/ height:auto !important; height:600px}
#rightPanel {float:left; margin-left:20px; width:155px}
#leftShadow {width:19px; height:153px; background:url(../gfx/leftshadow.png); position:absolute; top:428px; left:-18px}
#rightShadow {width:19px; height:153px; background:url(../gfx/rightshadow.png); position:absolute; top:428px; right:-18px}

/* Sidebar */
#sidebar {background:url(../gfx/sidebarbg.jpg) no-repeat; float:left; margin-top:137px; padding:30px 0 0 20px; width:220px; min-height:483px /*IE6 FIX*/ height:auto !important; height:483px}

/* Footer */
#footer {background:url(../gfx/footerbg.png); height:42px; color:#fff}
#footerInside {width:700px; margin:0 auto; padding:15px 0 0 20px; font-size:10px}
#footerl {float:left; width:120px}
#footerc {float:left; text-align:center; width:390px}
#footerr {float:right; text-align:right; width:165px; margin-right:24px}
#footer a {color:#fff; margin-left:25px}
#footer a:hover {text-decoration:underline}


/* Contact Forms */
.reqFieldError {background:#f9a5a5 !important; border:1px solid #e07c7c !important}
#validationNotice {font-size:10px; font-weight:bold}
#contactForm {width:238px; margin-left:10px; padding-right:50px}
#contactForm label {width:80px; display:inline-block; font-size:11px}
#contactForm input[type=text] {width:150px; font-size:10px; padding:3px; background:#fff; border:1px solid #dabfba; margin-bottom:3px}
#contactForm input[type=text]:hover, #contactForm textarea:hover {background:#fcf7f3; border:1px solid #dabfba}
#contactForm input[type=text]:focus, #contactForm textarea:focus {background:#fcf7f3; border:1px solid #ab8882}
#contactForm textarea {display:block; height:100px; width:230px; font-size:10px; padding:3px; background:#fff; border:1px solid #dabfba; margin:3px 0; overflow:auto}
#contactForm input[type=submit] {float:right; width:110px; font-size:12px; font-weight:bold; font-family:Arial; padding:3px 5px; color:#fff; background:#ab8882; border:1px solid #755650; margin:3px 0}
#contactForm input[type=submit]:hover {background:#755650; border:1px solid #755650; cursor:pointer}

#mailingForm {width:238px; clear:both; border-top:1px solid #f6e6e3; padding-top:20px; margin:60px 0 0 10px}
#mailingForm label {width:50px; display:inline-block; font-size:11px}
#mailingForm input[type=text] {width:180px; font-size:10px; padding:3px; background:#fff; border:1px solid #dabfba; margin-bottom:3px}
#mailingForm input[type=text]:hover {background:#fcf7f3; border:1px solid #dabfba}
#mailingForm input[type=text]:focus {background:#fcf7f3; border:1px solid #ab8882}
#mailingForm input[type=submit] {float:right; width:120px; font-size:12px; font-weight:bold; font-family:Arial; padding:3px 5px; color:#fff; background:#ab8882; border:1px solid #755650; margin:3px 0}
#mailingForm input[type=submit]:hover {background:#755650; border:1px solid #755650; cursor:pointer}

#contactInfo {float:left; width:230px; margin:60px 0 0 20px; font-size:11px}




/* Modules */

.blogItem {display:inline}
.blogItem .blogTitle {font-weight:bold; font-size:18px; margin-bottom:2px}
.blogItem .blogDate {margin-bottom:15px; font-size:11px; font-weight:bold}
.blogItem .blogSynopsis {line-height:1.6em}
.blogItem .blogRead {font-weight:bold; font-size:11px; margin:5px 0 25px}

.blog h1 {margin-bottom:3px}
.blog .blogLink {float:right}
.blog .blogDate {font-weight:bold}
.blog .blogContent {margin:20px 0 0 1px}

/*#blogComments .blogComment {padding-top:10px; margin-top:10px; border-top:1px solid #f6e6e3}*/
#blogComments .blogComment {padding:10px; margin:10px auto; border:1px solid #f6e6e3; background:#fcf7f3; width:400px}
.blogComment .blogCommDate {font-size:10px; float:right}
.blogComment .blogCommSubmitter {font-size:14px; font-weight:bold}
.blogComment .blogCommComment {margin-top:5px}

.reqFieldError {background:#f9a5a5 !important; border:1px solid #e07c7c !important}
#validationNotice {font-size:10px; font-weight:bold}
#blogCommentForm {width:420px; display:block; margin:0 auto}
#blogCommentForm label {width:80px; display:inline-block; font-size:11px}
#blogCommentForm input[type=text] {width:150px; font-size:10px; padding:3px; background:#fff; border:1px solid #dabfba; margin-bottom:3px}
#blogCommentForm input[type=text]:hover, #blogCommentForm textarea:hover {background:#fcf7f3; border:1px solid #dabfba}
#blogCommentForm input[type=text]:focus, #blogCommentForm textarea:focus {background:#fcf7f3; border:1px solid #ab8882}
#blogCommentForm textarea {display:block; height:100px; width:412px; font-size:10px; padding:3px; background:#fff; border:1px solid #dabfba; overflow:auto}
#blogCommentForm input[type=submit] {float:right; width:110px; font-size:12px; font-weight:bold; font-family:Arial; padding:3px 5px; color:#fff; background:#ab8882; border:1px solid #755650; margin:3px 0}
#blogCommentForm input[type=submit]:hover {background:#755650; border:1px solid #755650; cursor:pointer}

/*.youtubeVid {text-align:center}
.youtubeVid .vid {width:100%}
.youtubeVid .vidTitle {font-weight:bold; font-size:16px; margin-bottom:5px}
.youtubeVid .vidDescription {margin-bottom:20px}
.youtubeVid .vidToggler {margin-top:10px; cursor:pointer; color:#a51200}*/
.youtubeListing {margin-top:30px}
.youtubeListing .youtubeThumb {float:left; margin-left:32px}
/*.youtubeListing .youtubeThumb {float:left; margin:0 0 24px 24px}*/

.galleryItem {float:left; margin:22px}
.galleryItem .galleryImg img {margin-bottom:6px}
.galleryItem .galleryDesc {font-size:11px; width:170px}
.galleryNav {text-align:center}
.galleryNav .galleryNavHeader {text-align:center; text-transform:lowercase; font-weight:bold; margin-bottom:4px}

.bookContent h1 {font-size:16px}
.bookImage .bookContent {float:left; margin-left:25px; width:460px}
.bookSide {float:left; width:170px; text-align:center}
.bookSubDesc {margin-top:12px; font-size:10px; color:#666; text-align:left}
.awardText {background:url(../gfx/foodaward.png); width:249px; height:143px; margin-top:20px; font-size:11px; padding:25px 30px 0 170px}
.awardText h1 {font-size:12px; margin-bottom:2px}

.currStoreItems {position:absolute; top:155px; left:493px; width:143px; height:42px; background:url(../gfx/cart.png); color:#fff; padding:11px 0 0 65px}
.currStoreCount {font-weight:bold; width:60px; display:inline-block; margin-left:9px}
.currStoreTotal {text-align:right; width:50px; display:inline-block}
a.checkoutBtn {font-weight:bold; font-size:11px; padding:4px 6px; background:#fff; display:inline-block; clear:both; color:#c71400; cursor:pointer; margin-top:10px; -moz-border-radius:3px; -webkit-border-radius:3px}
a.checkoutBtn:hover {color:#000}
.checkoutProceed {/*border-top:2px solid #c71400; border-bottom:2px solid #c71400;*/ display:block; text-align:right; color:#c71400; font-size:14px; font-weight:bold; padding:3px 0; cursor:pointer; margin-top:10px}

/*; border-bottom:1px solid #f6e6e3*/
.storeItem {width:650px; float:left; margin-bottom:28px; padding-bottom:28px; border-bottom:1px solid #f6e6e3; line-height:1.6em}
.storeItem .itemImg {width:122px; height:144px; float:left; margin-right:15px; border:2px solid #eac8c9}
.storeItem .itemInfo {float:left; width:504px}

.storeItem .itemLabel {float:left; font-weight:bold; width:80px; color:#c51500; clear:both}
.storeItem .itemText {float:left; width:424px}
.storeItem .itemTitle {font-weight:bold}
.storeItem .itemDesc {margin-bottom:12px}
.storeItem .itemPrice {font-weight:bold; margin-bottom:15px}

.storeItem .itemAdd {position:relative; width:79px; height:15px; background:url(../gfx/cart_itemadd.png); cursor:pointer; float:left}
.storeItem .itemOutstock {width:86px; height:15px; background:url(../gfx/cart_itemoutstock.png); float:left}
.storeItem .itemAdd, .storeItem .itemOutstock {margin-left:80px}

.storeItem .checkoutLink {font-size:11px; display:block; margin-left:6px; float:left}
.animateItem {width:47px; height:38px; background:url(../gfx/cart_item.png); position:absolute; z-index:300}



.homeCredFootBox {float:left; width:150px; margin:0 7px 20px; line-height:1.2em}
.homeCredFootBox h3 {font-weight:bold; font-size:12px; margin-bottom:5px}
.homeCredFootBox a {display:block; font-size:10px}
.homeCredFootBox a.more {margin-top:5px; font-style:italic}


.homeHr {margin:12px auto}
.homeImageBox {float:left; width:295px; height:205px; font-size:10px; line-height:1.3em; margin-left:15px; overflow:hidden}
.homeImageBox h2 {text-transform:uppercase; font:bold 14px Arial; color:#b12222; margin-bottom:8px}
.homeImageBoxH2Hover {text-decoration:underline; color:#6b6b6b !important}
.homeImageBox img {border:4px solid #e79389; margin-bottom:6px}

#photoCred {text-align:right; margin-right:20px; font:italic 10px Arial; color:#999}