/**************************************/
/*                                                   */
/*         Epicureal CSS                   */
/*         Author: rod Hope               */
/*         Rev Date: 07/28/07           */
/*                                                   */
/**************************************/

/**************************************/
/*             Global Stuf                    */
/**************************************/

body { border: 0px none; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #000; text-align: center; background-image: url(/images/bg_tile.gif); }
body.landing { border: 0px none; margin: 0px; padding: 0px; font-style: italic;  font-size:12px; font-family: Arial, Helvetica, sans-serif; color: #006699; text-align: center; background-image: url(/images/home_bg.gif); }
/* preset all ul attributes to 0px and override at the id/class level  */
ul {border: 0px none; margin: 0px; padding: 0px; list-style:none}

/**************************************/
/*             Global Class                 */
/**************************************/
.lt {float:left}
/* end of global stuff */

/**************************************/
/*            Site Components           */
/**************************************/
div#bodyCont {margin:0 auto; text-align:left; width: 900px; background: url(/images/centre_column_bg2.gif) center repeat-y;}
div#mainCont { width: 900px; margin:-10px 0px 0px 50px; _margin:-10px 0px 0px 100px;}
div#header { width: 900px; height: 55px; background:#9acd68 url(/images/main_head2.gif) center no-repeat; _margin:0px 0px 0px 50px;}
div#mainNav {float:left; width: 191px;}

div#mainNavShadow {height:11px}
div#rightColHead {height:11px}
div#searchBar {background-color: #7aae3e; width: 173px;}
div#mainNavTabs {height:25px;}
div#bodyCenter {width: 436px; height:100%;  float: left; background:#fff url(/images/centre_column_bg.gif) center repeat-y;}
div#bodyCenter p, div#bodyCenter h1 {padding:0px 10px 0px 20px}
div#bodyCenter p, div#bodyCenter h2 {padding:0px 10px 0px 20px}

div#rightContent { float: left;width: 173px;}
div#rightContent div.orange { text-align: center; width: 173px; background: url(/images/right_nav_orng_bg.gif) left no-repeat; height: 23px; }
div#rightContent div.orange span { font-size: 14px; font-weight: normal; text-align: center; color: #fff; line-height: 1.6; ;}
div#rightContent div.orange span a { font-size: 14px; text-decoration: none; font-weight: normal; text-align: center; color: #fff; line-height: 1.6; }
div#rightContent div.orange span a:hover {color:#FC0;}

div#rightContent div.promo  {  text-align: center; width: 173px; background: url(/images/right_col_promo_bg.gif) center no-repeat; height: 120px; }
div#rightContent div.promo p.promoText { margin-top:-10px; font-size: 12px; font-weight: bold; color: #6c431e;  }
div#rightContent div.promo p.promoText a { text-decoration: none; font-size: 12px; font-weight: bold; color: #fff;  }
div#rightContent div.promo p.promoText a:hover { color:#FC0;  }

div#rightContent div.newsletter { text-align: center; width: 173px; background: url(/images/right_col_newsletter_bg.gif) left no-repeat; height: 25px; }
div#rightContent div.newsletter p.promoText { margin-top:-14px; font-size: 12px; font-weight: bold; color: #fff;  }
div#rightContent div.newsletter p.promoText a { text-decoration: none; font-size: 12px; font-weight: bold; color: #fff;  }
div#rightContent div.newsletter p.promoText a:hover { color:#FC0;  }
div#rightContent div.promoBasket { width: 173px; background: url(/images/right_col_basket_promo.gif) left no-repeat; height: 222px; }

div#footer {margin-left: 53px; _margin-left: 103px; width: 797px; height: 30px; background-color: #9acd68;}

/* end of site components */

/**************************************/
/*            Navigation                     */
/**************************************/
/* main and sub navs.
---------------------------------------------------------- */
ul#nav {font-size:14px; font-weight:normal;}
ul#nav a {text-decoration: none; color:#4c8baa; margin-top:20px; }
ul#nav a:hover {color:#94cc67;}
ul#nav li {width: 191px; height: 20px;  background: url(/images/main_nav_bg.gif) left no-repeat;}
ul#nav li a {line-height: 1.6; margin-left:5px;}
ul#nav li a.long {letter-spacing:-1px;}
/* sub-nav. ---------------------------------------------------------- */
ul#nav li.subnav  {font-size:14px; font-weight:normal;}
ul#nav li.subnav {font-size:80%; width:191px; background: url(/images/sub_nav_arrow.gif) left no-repeat;}
ul#nav li.subnav a { margin:30px; text-decoration: none; color:#e86e01;}
ul#nav li.subnav a:hover { color:#9acd68;}
ul#nav a.subnav:hover {color:#94cc67;}
ul#nav li.subnavon {color:#fff; font-size:80%; width:191px; background:#fff url(/images/sub_nav_arrow_on.gif) left no-repeat;}
ul#nav li.subnavon a { margin:30px; color:#fff;}
/* Brands Page---------------------------------------------------------- */
ul#nav li.brandOn {color:#fff; width:191px; background:#fff url(/images/sub_nav_arrow_off.gif) left no-repeat;}
ul#nav li.brandOn a { color:#fff;}

/* footer-nav. ---------------------------------------------------------- */
div#footer ul {margin-left:53px; }
ul#footNav  {font-size:12px; font-weight:normal; clear:both}
ul#footNav li {line-height: 1.9; float:left; margin-right:10px}
ul#footNav li.first {width: 44px; background: url(/images/footer_logo.gif) center no-repeat;}
ul#footNav li.last {line-height: 1.9; width: 35px; background: url(/images/footer_flag.gif) center no-repeat;}
ul#footNav a {text-decoration: none; color:#000;}
ul#footNav li.on a {text-decoration: none; color:#fff;}
ul#footNav a:hover {color:#fff;}
ul#footNav li a{line-height: 1.9; }
/* end of nav stuff */

/**************************************/
/*            Form Elements               */
/**************************************/
input.sBar { background-color: #e3edd4; width: 140px; margin-top: -5px; margin-bottom: 5px; margin-left: 5px; color:#000; }
input.quant{ margin-left: 10px; margin-right: 10px; }
input.logForm {  background-color: #fff; width: 150px;  margin-left: 50px; }
select.logForm {  background-color: #fff; width: 150px;  margin-left: 50px; }

/**************************************/
/*            Results Page                 */
/**************************************/
ul#nav li.subnavResultsOn {color:#fff; font-size:80%; width:191px; background:#fff url(/images/sub_nav_result_arrow.gif) left no-repeat;}
ul#nav li.subnavResultsOn a { margin:30px; color:#fff;}
div#bodyCenter div.results {width: 400px; margin-top: -20px; margin-bottom: 20px; }
div#bodyCenter div.results h1 {color:#e86e01; font-size:20px; font-weight:normal; letter-spacing:0px;}
div#bodyCenter div.results p {margin-top: -10px; color:#4c8baa; font-size:12px; font-weight:normal; line-height: 1.6; letter-spacing:0px;}

div#bodyCenter table { border: none; margin: -8px 0 0 10px; }
div#bodyCenter table.results td.left { vertical-align: top; width:72px;}
div#bodyCenter table.results td.middle { vertical-align: top; width: 200px; padding: 0; margin: 0; }
div#bodyCenter table.results td.right { vertical-align: top; width:128px;}
div#bodyCenter table.results h1 {color:#e86e01; font-size:14px; font-weight:normal; letter-spacing:0px; margin: 0; padding: 0;}
div#bodyCenter table.results p {color: #805f68; font-size: 12px; font-weight: normal; letter-spacing: 0px; margin: 5px 0 0 0; padding: 0; width: auto; text-align: left; }
/*******************************************************/
/*            Results Page  - Form Elements            */
/*******************************************************/
div#bodyCenter table.frm p { font-size: 12px; font-weight: normal; letter-spacing: 0px; margin: 5px 0 0 0; padding: 0; width: auto; text-align: left; }
div#bodyCenter table.frm p.qty {color: #805f68; }
div#bodyCenter table.frm p.price { font-weight: bold; font-size:14px; color: #94cc67; }

/**************************************/
/*            Feature Specials            */
/**************************************/
div#bodyCenter table.featSpecials { border: none; margin: 0 0 0 9px; }
div#bodyCenter table.featSpecials td. { vertical-align: top; }
div#bodyCenter table.featSpecials p {color: #4c8baa; font-size: 12px; font-weight: normal; letter-spacing: 0px; margin: 5px 0 0 0; padding: 0; width: auto; text-align: left; }
div#bodyCenter table.featSpecials a {color: #e86e01; font-size: 10px; font-weight: normal; letter-spacing: 0px; margin: 5px 0 0 0; padding: 0; width: auto; text-align: left; }
div#bodyCenter table.featSpecials a:hover {color: #94cc67;}


/**************************************/
/*            Recipe Page                  */
/**************************************/
div#rightContent div.recipe { text-align: center; width: 173px; background: url(/images/right_col_recipie_bg.gif) left no-repeat; height: 37px; }
div#rightContent div.recipe p.promoText { margin-top:-14px; font-size: 12px; font-weight: bold; color: #fff;  }
div#rightContent div.recipe p.promoText a { text-decoration: none; font-size: 12px; font-weight: bold; color: #fff;  }
div#rightContent div.recipe p.promoText a:hover { color:#FC0;  }
div#bodyCenter div.recipe {width: 400px; margin-top: -20px; margin-bottom: 40px; }
div#bodyCenter div.recipe h1 {color:#e47617; font-size:20px; font-weight:normal; letter-spacing:0px; margin-top: 10px;}
div#bodyCenter div.recipe h1.directions {margin-top: 30px; margin-left: 18px; color:#000; font-size:15px; font-weight:bold; letter-spacing:0px;}
div#bodyCenter div#recipe p {margin-top: -10px; color:#4c8baa; font-size:12px; font-weight:normal; line-height: 1.6; letter-spacing:0px;}
div#bodyCenter div#recipe p.directions {margin-left: 18px; color:#000; font-size:12px; font-weight:normal; line-height: 1.6; letter-spacing:0px;}
div#bodyCenter div#recipe p.introduction {margin-left: 18px; color:#000; font-size:12px; font-weight:normal; line-height: 1.6; letter-spacing:0px;}

div#recipeNav {float:left; width: 191px;}
div#recipe h1.directions {font-size:16px; color:#4c8baa;}
ul#recipeList {font-size:14px; font-weight:normal; margin-left: 8px;}
ul#recipeList a {text-decoration: none; color:#4c8baa; margin-top:20px; margin-left: 20px; }
ul#recipeList a:hover {color:#94cc67;}
ul#recipeList li {width: 250px; height: 22px;  background: url(/images/recipeList_bg.gif) left no-repeat;}
ul#recipeList li.sub {background:none; font-size:12px; font-weight:normal; margin-left: -40px; width: 250px; height: 22px; }
ul#recipeList li a {margin-left:35px;}

ul#recipeIngredients  {font-size:12px; font-weight:normal; margin:0;margin-left: 20px; width: 280px;}
ul#recipeIngredients li {line-height: 1.2; color:#000;}
ul#recipeIngredients li.bold {line-height: 1.2; color:#000; font-weight:bold;}

ol#recipeIngredients  {font-size:12px; font-weight:normal; margin:0; margin-left: 10px; width: 350px;}
ol#recipeIngredients li {line-height: 1.2; color:#000; margin-top: 10px;}
ol#recipeIngredients li.bold {line-height: 1.2; color:#000; font-weight:bold;}

hr { margin-left: 39px; height: 1px; color:#94cc67; background:#94cc67; width: 85%; }

/* crumb-trail .---------------------------------------------------------- */
ul#recipeCrumb  {margin-top: 10px; margin-left:36px; font-size:12px; font-weight:normal; clear:both}
ul#recipeCrumb li {line-height: 1.9; float:left; margin-right:10px}
ul#recipeCrumb a {text-decoration: none; color:#4c8baa;}
ul#recipeCrumb li.on a {text-decoration: none; color:#4c8baa; font-weight:bolder;}
ul#recipeCrumb a:hover {color:#94cc67;}
/* end crumb-trail .---------------------------------------------------------- */

/* print/email .---------------------------------------------------------- */
ul#printSend  {margin-top: 10px; margin-left:260px; font-size:12px; font-weight:normal; clear:both}
ul#printSend li {float:left; margin-right:10px}
ul#printSend a {text-decoration: none; color:#4c8baa;}
ul#printSend li.on a {text-decoration: none; color:#4c8baa; font-weight:bolder;}
ul#printSend a:hover {color:#94cc67;}
/* end print/email .---------------------------------------------------------- */

/* crumb-trail .---------------------------------------------------------- */
ul#recipeIngredients  {font-size:14px; font-weight:normal; margin:0;margin-left: 35px;}
ul#recipeIngredients li {line-height: 1.2; color:#000;}
/* end crumb-trail .---------------------------------------------------------- */

/**************************************/
/*            Login Page                    */
/**************************************/
div#bodyCont.login { text-align:left; width: 900px; background:#fff url(/images/centre_column_bg3.gif) center repeat-y;}
div#loginForm {border: #000 0px solid; float:left; width: 627px; margin-top: 10px; height:100%}
div#loginForm h1 {color:#9acd68; font-size:16px; font-weight:bold; letter-spacing:0px; margin-top: 10px;}
div#loginForm p{margin:2;color: #805f68; font-size:12px; font-weight:normal;}
div#loginForm p.bold{margin:2;color: #805f68; font-size:12px; font-weight:bold;}
div#loginForm a{color: #e86e01; font-size:12px; font-weight:normal;}
div#loginForm a:hover{color: #9acd68; font-size:12px; font-weight:normal;}
div#loginForm span.reqStar {color: red;}


/**************************************/
/*            Contact Us              */
/**************************************/
div#contactUs {border: #000 0px solid; float:left; width: 627px; margin-top: 10px; height:100%}
div#contactUs h1 {color:#9acd68; font-size:16px; font-weight:bold; letter-spacing:0px; margin-top: 10px;}
div#contactUs h2 {color:#805f68; font-size:14px; font-weight:bold; letter-spacing:0px; margin-top: 10px;}

div#contactUs p{margin:2;color: #805f68; font-size:12px; font-weight:normal; width:575px; line-height: 1.6; }
div#contactUs p.bold{margin:2;color: #805f68; font-size:12px; font-weight:bold;}
div#contactUs a{color: #e86e01; font-size:12px; font-weight:normal;}

div#contactUs a:hover{color: #9acd68; font-size:12px; font-weight:normal;}


/**************************************/
/*        Search Results Page         */
/**************************************/

div#searchNav {float:left; width: 191px;}

p.resultsHead {font-size:14px; font-weight:bold; color:#005b83; /*margin-left: -50px;*/}
p.results {font-size:10px; font-weight:normal; color:#000; /*margin-left: -50px;*/}
ul#searchResults li {font-size:12px; font-weight:normal; /*margin-left: -50px;*/ padding: 3px; width: 185px;}

ul#searchResults li  {margin-bottom: 3px;}

ul#searchResults li.even a {color: #6C431E;}
ul#searchResults li.odd a {color: #6C431E;}
ul#searchResults li.even {background: #f0f0f0;}
ul#searchResults li.odd {background: #fff;}

div#bodyCenter div.searchResults {width: 400px; margin-top: -20px; margin-bottom: 20px; }
div#bodyCenter hr { margin-left: 20px; height: 1px; color:#94cc67; background:#94cc67; width: 100%; }

div#bodyCenter div.searchResults h1 {padding-left:20px; color:#005b83; font-size:13px; font-weight:bold; }
div#bodyCenter div.searchResults h2 {padding-left:20px; color:#000; font-size:12px; font-weight:bold; }

table#resultsBody {border: solid 1px; font-size:12px; font-weight:normal; text-align:left;  width: 400px;}
table#resultsBody td.bold p{ font-size:12px; font-weight:bold; width: 150px;}

table#resultsBody p {font-size:12px; font-weight:normal; margin:5px;}


/** added on Sep2/08 **/
div#checkoutForm table { border: none; margin: -8px 0 0 10px; }
div#checkoutForm table.results td.left { vertical-align: top; width:72px;}
div#checkoutForm table.results td.middle { vertical-align: top; width: 215px; padding: 0; margin: 0; }
div#checkoutForm table.results td.right { vertical-align: top; width:113px;}
div#checkoutForm table.results h1 {color:#e86e01; font-size:14px; font-weight:normal; letter-spacing:0px; margin: 0; padding: 0;}
div#checkoutForm table.results p {color: #805f68; font-size: 12px; font-weight: normal; letter-spacing: 0px; margin: 5px 0 0 0; padding: 0; width: auto; text-align: left; }
/** end of added on Sep2/08 **/



/**************************************/
/*        Store Checkout Page         */
/**************************************/

div#bodyCont.checkout { text-align:left; width: 900px; background:#fff url(/images/centre_column_bg3.gif) center repeat-y;}
div#checkoutForm {border: #000 0px solid; float:left; width: 627px; margin-top: 10px; height:100%}
div#checkoutForm h1 {color:#9acd68; font-size:16px; font-weight:bold; letter-spacing:0px; margin-top: 10px;}
div#checkoutForm h2 {color:#e86e01; font-size:14px; font-weight:bold; letter-spacing:0px; margin-top: 10px;}
div#checkoutForm p{margin:2px; color: #6C431E; font-size:12px; font-weight:normal;}
div#checkoutForm p.bold{margin:2;color: #805f68; font-size:12px; font-weight:bold;}
div#checkoutForm a{color: #e86e01; font-size:12px; font-weight:normal;}
div#checkoutForm.pageNumber{color: #e86e01; font-size:12px; font-weight:normal;}

div#checkoutForm table { border: 0px; font-size:12px; font-weight:normal;  width: 95%; }
div#checkoutForm table.userInfo td { width: 50%; }
div#checkoutForm table tr.head { background: #d0984e; color:#fff; }

div#checkoutForm table tr.odd { background: #f9f9f9; color:#6C431E;}
div#checkoutForm table tr.even { background: #f0f0f0; color:#6C431E;}
div#checkoutForm table tr.foot { background: #fff; color:#d0984e; text-align: right;   font-size:14px;}
div#checkoutForm table tr.a { color:#d0984e;}


/**************************************/
/*        Product Detail Page          */
/**************************************/

div#bodyCenter div.prodDetail {width: 400px; margin-top: -20px; margin-bottom: 40px; }
div#bodyCenter div.prodDetail h1 {color:#e47617; font-size:16px; font-weight:normal; letter-spacing:0px; margin-top: 10px;}
div#bodyCenter div.prodDetail p {text-align: justify;margin-top: 0px; color:#000; font-size:12px; font-weight:normal; line-height: 1.6; letter-spacing:0px;}
div#bodyCenter div.prodDetail p.price { font-weight: bold; font-size:14px; color: #94cc67; }


/**************************************/
/*    Brand Description Page        */
/**************************************/

div#bodyCenter div.brandDescription {width: 400px; margin-top: -20px; margin-bottom: 20px; }
div#bodyCenter div.brandDescription h1 {color:#e86e01; font-size:20px; font-weight:normal; letter-spacing:0px;}
div#bodyCenter div.brandDescription p {margin-top: -10px; color:#000; font-size:12px; font-weight:normal; line-height: 1.6; letter-spacing:0px;}


/**************************************/
/*    Media Page                           */
/**************************************/
hr.media { margin-left: 0px; height: 1px; color:#94cc67; background:#94cc67; width: 85%; }

table#media td.dates {font-size:12px; font-weight:normal}
table#media td.doc {font-size:12px; font-weight:normal}
span.dates {color:#000; font-size:12px; font-weight:bold}
div#bodyCenter div.brandDescription {width: 400px; margin-top: -20px; margin-bottom: 20px; }
div#bodyCenter div.brandDescription h1 {color:#e86e01; font-size:20px; font-weight:normal; letter-spacing:0px;}
div#bodyCenter div.brandDescription p {margin-top: -10px; color:#000; font-size:12px; font-weight:normal; line-height: 1.6; letter-spacing:0px;}



/**************************************/
/*    US/CA Toggle                        */
/**************************************/

body.US { border: 0px none; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #000; text-align: center; background-image: url(/images/bg_tile_US.gif); }
div#header.US { width: 900px; height: 55px; background:#9acd68 url(/images/main_head2_US.gif) center no-repeat;}
ul#footNav li.lastUS {line-height: 1.9; width: 35px; background: url(/images/footer_flag_CA.gif) center no-repeat;}

/**************************************/
/*    E-Mail Recipe                        */
/**************************************/
div.emailForm span.reqStar {color: red;}
div#bodyCenter div.emailForm {width: 400px; margin-top: -20px; margin-bottom: 20px; padding-left: 14px; }
div#bodyCenter div.emailForm h1 {color:#9acd68; font-size:20px; font-weight:normal; letter-spacing:0px;}
div#bodyCenter div.emailForm p {margin:2;color: #805f68; font-size:12px; font-weight:normal;}
div#bodyCenter div.emailForm input.logForm {  background-color: #fff; width: 180px;  margin-left: 50px; }

.error{
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
ul#error{
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ul#message{
	color: green;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h3 {
	color:#e86e01; font-size:20px; font-weight:normal; letter-spacing:0px;
	text-align: center;
}

/** Newsletter **/
div#newsletter {border: #000 0px solid; float:left; width: 627px; margin-top: 10px; height:100%}
div#newsletter h2 {color:#e86e01; font-size:14px; font-weight:bold; letter-spacing:0px; margin-top: 10px;}
div#newsletter p{margin:2px; color: #6C431E; font-size:12px; font-weight:normal; padding-top: 10px; padding-right:10px;}