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

/* Main colors:
blue: #4AC
orange: #F60
Mid Grey: #666

Sams Colors:

Navy #002C77
Dark Blue#00549F
(actual logo supplied was #006BA7 and used here)
MidBlue #007AC9
Green 002C77
yellow F2AF00
beige C6C6BC



*/
 body {
	background: #a7eafd;
	margin:0;
	padding:0;
	}
 h1{
	color:#006BA7;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	letter-spacing:1px;
	font-weight:300;
	margin: 5px 0;
	line-height:100%;
  }
h2{
	color:#FF9900;
	font-family:Arial, Tahoma, Verdana;
	font-size:16px;
	font-weight:bold;
	margin-bottom:3px;
	padding:0px;
	line-height:120%;
}
 h3{
	color:#006BA7;
  	font-family:"Trebuchet MS";
	font-size:14px;
 	padding:0;
	margin-bottom:0px;
	padding:0px;
	line-height:100%;
  	margin-bottom:0px;
	padding:0px;
	line-height:100%;
  }
h4{
 color:#4AC;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:16px;
 font-weight:300;
 margin:0;
 padding:0;
 line-height:140%;
}
p{
margin-top:0px;
padding:0px;
line-height:130%;
}
#background {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:0;
}
#background img {
	width:100%;
	height:100%;
}
#foreground {
	position:absolute;
	z-index:1;
	width:100%;
	font-size:large;
}
body{ 
    font-family:Arial, Helvetica, sans-serif;
	font-size:10px;}
 	
div#menu{ height:26px; padding-top:120px; font-family: Arial;
	font-size:12px; font-weight:bold;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{margin-left: 20px; width:950px}
ul#nav li{float:left;margin-right: 3px;text-align: center}
ul#nav a{float:left;width: 7em;padding: 5px 0;background: #006BA7;text-decoration:none;color: #FFF}
ul#nav a:hover{background: #F80;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background:#F80;color: #333}

 
ul#nav li#eco {float:left;margin-right: 3px;text-align: center}
ul#nav li#eco a{float:left;width: 10em;padding: 5px 0;background:#006BA7 ;text-decoration:none;color:#FFF}
ul#nav li#eco a:hover{background:#009900;color: #333; }
ul#nav li#eco.activelink a,ul#nav li#eco.activelink a:hover{background:#009900;color: #FFF}
 
ul#nav li#tes a{width: 8em;}
ul#nav li#wher a{width: 9em;}
ul#nav li#quest a{ width: 5em;}
ul#nav li#news a{ width: 5em;}
ul#nav li#home a{ width: 6em;}
ul#nav li#nutr a{ width: 10em;}

#topline{
background-color:#f80;
height:8px;
width:900px;
margin:0px;
padding:0px;
position:relative;
}
#mainBlock{
background-color:#FFF;
height:500px;
width:850px;
margin:0px;
padding:25px;
position:relative;
}
td{
font: normal 12px "Trebuchet MS",sans-serif;  line-height:130%; color:#666;
}
ul#split,ul#split li{margin:0 0 10px 0;padding:0;list-style:none;  }
ul#split li{float:left; width:212px;  margin:0 10px 10px 0;}
ul#split h3{font: normal 13px Arial,sans-serif;
    margin:0px;padding: 5px 0 3px 0; text-align:center;color: #333; font-weight:bold; }
ul#split p{margin:0;padding:5px 8px 15px 5px; font: normal 11px "Trebuchet MS",sans-serif; text-align:left; line-height:160%; color:#666; }
ul#split div{background:#FFF; border: 1px #CCCCCC solid;}
li#one h3{background: #F80; padding-bottom:0;}
li#two h3{background: #F80}
li#three h3{background: #F80}
li#four h3{background: #F80}

#header{
background-image:url(../images/header.png); 
background-repeat:no-repeat;
 }
.white, td.white{
background-color:#FFF;
 }
.mainContent, td.mainContent{
 background-color:#F2F3ED;
 padding:20px 20px 20px 32px;
 }
.orange, td.orange{
 background-color:#f80;
 }
 
.green, td.green{
 background-color:#009900;
 }
 
 
.blTitle, td.blTitle{
color:#4AC;

}
td.storelist, .storelist{
padding:3px 0;
border-bottom:1px #999 dotted;

}
a.blTitleLink:visited, a.blTitleLink{
color:#666;
text-decoration:none
}
a.blTitleLink:hover{
 color:#4AC;
 text-decoration:none
  } 	
a.footlink, a.footlink:visited, a.footlink:hover, td.footlink, .footlink {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
font-size:10px;
text-decoration:none;
background-color:#FFFFFF;
 }
a.footlink:hover{
color:#FF6600;
text-decoration:none;
}
.mainTitle, td.mainTitle{
color:#006BA7;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:35px;
letter-spacing:1px;
font-weight:300;
margin: 10px 0;
line-height:130%;
}
#recipeHome{
color:#4AC;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
 letter-spacing:normal;
font-weight:300;
line-height:180%;
 }
.bigTitle, td.bigTitle{
color:#006BA7;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:28px;
font-weight:300;
margin: 10px 0;
line-height:130%;
}
.story, td.story, p.story, p.storyFirst{
font-family:"Trebuchet MS", arial;
font-size:12px;
color:#666;
line-height:200%;
}
p.storyFirst{
margin-top:6px;

}
a.blue, a.blue:visited, a.blue:hover{
color:#49B;
text-decoration:none;
 }
 a.blue:hover{
text-decoration:underline; 
  }
a.orlink, a.orlink:visited{
color:#F60;
text-decoration:none;
 }
 a.orlink:hover{
text-decoration:underline; 
  }

.img{
border:#CCCCCC 1px solid;

}
td.prodThumb{
padding:0 21px 0 20px;

}
#ingredients, #preparation{
 visibility:hidden; 
 border:1px solid #4AC; 
 font-size:11px; 
 color:#666;
 padding:5px;
 width:350px;
 height:auto;
 position:relative;
 line-height:140%;
 }
#faq{
position:relative; 
width:486px; 
height:460px; 
z-index:2; 
overflow-y: scroll; 
overflow-x:hidden;
}
pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#caption{
position:relative; 
margin:-200px 0 0 0; 
font-size:18px; 
font-style:italic; 
color:#FFFFFF; 
line-height:150%;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
z-index:100;
}

.rechead, td.rechead{
font-family:"Trebuchet MS", arial;
font-size:12px;
letter-spacing:2px;
text-transform:uppercase;
color:#666;
}
/*cool table */
th {
	font:  11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 0px solid #C1DAD7;
	letter-spacing: 1px;
 	text-align: left;
	padding: 2px 2px 2px 2px;
	background: #CAE8EA url(../images/bg_gray_header.jpg) repeat;
}
th.text
{
	padding: 2px 2px 2px 4px;
	border-bottom: 1px solid #B0AE95;
	border-right: 1px solid #B0AE95;
	background: #EEEEEE url(../images/bg_gray_header.jpg) repeat;
}

th.quest
{
	padding: 2px 2px 2px 2px;
	background: none;
	border: 0px;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

th.rate_top {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 4px 6px 4px;
	background: #CAE8EA url(../images/bg_header.jpg) repeat;
 }
 /* end cool table */
 
 /* News System */
.headline_det
		{color: #0066CC; font-weight: normal; font-family: Arial, Tahoma, Verdana; font-size: 19px; margin-top: 1px; margin-bottom: 3px;}
	.headline
		{color: #0066CC; font-weight: bold; font-family: Arial, Tahoma, Verdana; font-size: 15px; margin-top: 1px; margin-bottom: 3px;}
	.credit
		{color: #999; font-weight: normal; font-family: Arial, Tahoma, Verdana; font-size: 11px; margin-top: 1px; margin-bottom: 3px;}
	.sub_headline
		{color:#999999; font-weight: 300; font-family: Arial, Tahoma, Verdana; font-size: 15px; margin-top: 1px; margin-bottom: 3px;}
	.index_title
		{color:#0099CC; font-weight: Normal; font-family:  Verdana, Arial, Tahoma; font-size: 13px; margin-top: 1px; margin-bottom: 3px;}
    .lead
		{color: #333333; font-family: Tahoma, Verdana; font-size: 13px; font-weight:300}
    .lead_det
		{color: #666666; font-family: Arial, Tahoma, Verdana; font-size: 13px; font-weight:600; margin-bottom: 30px}
    .story
		{color: #666666; font-family: Arial, Tahoma, Verdana; font-size: 12px; margin-bottom: 6px; line-height:150%;}
	.teaser
		{color: #666; font-family: Tahoma, Verdana; font-size: 11px}
    .date
		{color:#999; font-family: Tahoma, Verdana; font-size: 9px}
    .date_det
		{color: #999999; font-family: Tahoma, Verdana; font-size: 9px}
    .updated
		{color: #990000; font-family: Tahoma, Verdana; font-size: 9px}
    .img_credit
		{color: #0099CC; text-align:right; font-family: Tahoma, Verdana; font-size: 10px}
	.img_desc
		{color: #666666; font-family: Tahoma, Verdana; font-size: 9px; margin-left: 3px; margin-right: 3px }
	.featured
		{color: #666666; font-family: Tahoma, Verdana; font-size: 11px}
	.trqbutt 
	    {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #33CCFF; }
	.archive
		{color: #0099CC; font-family: Verdana, Arial, Tahoma; font-size: 13px; margin-top: 0px; margin-bottom: 0px;}
 	.warning
		{color: #CC0000; font-family: Tahoma, Verdana; font-size: 12px; margin-top: 3px; margin-bottom: 3px;}
 	.sys_msg
		{color: #CC0000; font-weight: normal; font-family: Tahoma, Verdana, Arial; font-size: 11px; margin-top: 3px; margin-bottom: 3px;}
 	.usr_group
		{color: #0099CC; font-weight: normal; font-family:  Verdana, Tahoma, Arial; font-size: 13px; margin-top: 3px; margin-bottom: 3px;}
 	.uname
		{color: #333333;  font-family:  Tahoma, Verdana, Arial; font-size: 10px; margin-top: 1px; margin-bottom: 1px; }
 	.loc
		{color: #999999; font-weight: normal; font-family: arial-narrow, tahoma, arial; font-size: 10px; margin-top: 1px; margin-bottom: 1px;}
 	.pager
		{color: #999999; font-weight: normal; font-family:  tahoma, arial; font-size: 11px; margin-top: 1px; margin-bottom: 1px;}
	a.idxmore, a.more:link, a.idxmore:visited, a.idxmore:active
		{color: #0099CC; font-weight: normal; font-family: Trebuchet, Tahoma, arial-narrow, tahoma, arial; font-size: 10px; margin-top: 1px; margin-bottom: 1px; text-decoration:none;}
 	a.idxmore:hover
		{color:#F60;}
	select.vols
		{ background:#FFFFFF; font-weight: normal; font-family:  Arial Narrow, Tahoma, Verdana, Arial; font-size: 11px; margin-top: 2px; margin-bottom: 2px;}

/* ------------------------------------- 
Popup Box: */
.boxpopup { 
font-family:Arial,sans-serif; font-size:11px; /*POPUP FONT */ 
color:black;   /*COLOURS*/ 
background-color:#FFF;
width:360px;   /*BOX WIDTH*/
padding:12px 12px 12px 20px; /*SPACE FROM TEXT TO BORDER*/
font-weight:200; /* TEXT WEIGHT*/
border:1px solid #FF9933; /*POPUP BORDER*/
text-align:left;
position:absolute; 
}
 
#pdq {position:absolute; 
visibility:hidden; 
z-index:200; 
background-image:url(../images/shadowAlpha.png);
 padding:0px 6px 6px 0px;
 background-position:bottom right;
 width:200px;
 }
.tree, td.tree{
font-size:14px;
padding:0px;
 }