/* Copyright © 2007 Blix Interactive */

/* ---------- Global Resets ---------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr {border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var {font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5 {font-family:Georgia;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:1.0em;}
a {text-decoration:none;}

/* ---------- Core setup ---------- */
body
{
	font-size:62.5%; 
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	background:#FFF url(Images/bg.jpg) repeat-x top left;
	text-align:center;
}
body.sgk { background-image:url(Images/sgk/bg.png); }
body.larger
{
	font-size:75%; 
}
div.d-clear { clear:both; }
div.d-clear-margin { clear:both; height:5px; margin-bottom:10px; }
#d-outer { margin:0 auto; width:84em; text-align:left; position:relative; }

#d-platforms { position:absolute; top:11.5em; left:-2em; z-index:100; width:32px; overflow:hidden; }
#d-platforms a { display:block; width:32px; height:32px; margin-bottom:2px; outline:0; }

#d-logo { position:absolute;margin-top:14px; } 
#d-logo a { outline:0; }
#d-strap { height:27px; width:82em; margin-right:2em; padding:0 0 9px; }
#d-inner, #d-inner-blog, #d-inner-recipe, #d-inner-content
{ 
	width:80em; margin:0 2em;
	background-color:#E5F6FF;
	background-image:url(Images/bg-inner.gif);
	background-position:19.5em 0;
	background-repeat: repeat-y;
	padding-bottom:1em;
	overflow:hidden;
}

#d-tools { width:82em; height:30px; margin:7px 2em 6px 0; overflow:hidden; }
#d-tools table { float:right; color:#99CCFF; font-weight:bold; }
#d-tools td.t-in { background:url(Images/bg-toolstbl.gif) repeat-x top left; padding:0 4px; }
#d-tools td.t-in.t-pad { padding-right:12px; }
#d-tools td.t-one { background:url(Images/bg-toolstblone.gif) repeat-x top left; padding:0 5px 0 5px; }

#d-footnav { width:80em; background:#FFF url(Images/v2/foot-bg.gif) repeat-y top left; margin:0 2em; padding:0; overflow:hidden; }
#d-fnav { background:#FFF url(Images/v2/bg-ulfoot.jpg) no-repeat top left; width:800px; height:36px; overflow:hidden; }
#d-copyright { padding:8px 20px; margin:0 2em; }

/* ---------- Structural setup ---------- */
div.d-mainnav { padding:5px 0 0 20em; width:60em; background:url(Images/v2/main-nav.jpg) no-repeat top right; }
.sgk div.d-mainnav { background:#FFA8D4 url(Images/sgk/main-nav.png) no-repeat top right; }
.d-mainnav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
div.d-left { float:left; width:20em; background-image:url(Images/bg-left.jpg); background-position:19.5em 0; background-repeat: no-repeat; }
div.d-right { float:left; width:60em; }
div.d-bread { width:60em; background:url(Images/bg-bread.jpg) repeat-x top left; }
div.d-banner { width:59.8em; padding:1px; }

div.d-content 
{ 
	width:45.7em; 
	background:url(Images/bg-content.jpg) repeat-x top left; 
	padding:1px 2.1em 15px; 
	font-size:1.2em;
	line-height:1.6em;
}
#d-inner-blog .d-content { background:none; padding-top:1em; }
#d-inner-content .d-content { background:none; }
#d-inner-recipe .d-content { background:none; padding:0; margin:0; background-color:#CCEEFF; width:49.9em; }
div.d-col-1 { float:left; width:100px; padding-top:1.2em; }
div.d-col-2 { float:left; width:35.6em;}
.d-explist div.d-clear{ border-top:dashed 1px #CCC;margin:1em 0; }
div.d-flist, div.d-flistr { float:left; width:22.2em; margin:0 1.1em .8em 0; }
div.d-flistr { margin-right:0; } 
div.d-flistclr{ clear:both; height:1px; border-top:dashed 1px #CCC; margin:0 0 .8em 0; }
div.d-archAd { border-bottom:dashed 1px #CCC; margin:1.6em 0; }	
div.d-basicpager { width:42em; overflow:hidden; }
div.d-recside 
{
	background:url(Images/sep-subnav.gif) repeat-x bottom left; 
	padding:10px 5px 10px 15px;
	margin-right:0.2em;
}

.d-content div.d-floatlist { float:left; width:15em; }


/* ---------- Text ---------- */
.d-content h2 { font-size:1.8em; margin:0.9em 0 .7em; color:#CC0000; line-height:1.2em; }
.d-content h3 { font-size:1.3em; margin:1.2em 0 .8em; color:#003366; }
.d-content h4 { font-size:1.1em; margin:1.2em 0 .5em; font-weight:bold; color:#336600; }
.d-content h5 { font-size:1.0em; margin:1.1em 0 .5em; font-weight:bold; color:#003366; }
.d-content h3.h-lo { margin-bottom:0; }
.d-content p { margin:1em 0; }
.d-content blockquote { margin:1em 1.2em; padding:.5em .6em; background-color:#E5F6FF; font-style:italic; }
.d-content p.p-ftop { margin:.8em 0 2.6em; font-size:90%; }
.d-content span.s-big { font-size:1.3em; }
.d-content span.s-smaller { font-size:.9em; }
.d-content span.s-small { font-size:.8em; }
.d-content .d-floatlist span { display:block; margin-bottom:.5em; }
.d-content span.s-floatlist { float:left; width:15em; margin-bottom:.5em; }
.d-content .t-callout strong { color:#003366; }
.d-content .d-archAd h2 { font-size:1.4em; margin:0.9em 0 .7em; color:#003366; }
.d-recside h4 { color:#003366; font-weight:normal; margin:0; font-size:1.3em; }

/* ---------- Text replacements ---------- */
#d-logo h1 { width:205px; height:103px; background:url(Images/logo.gif) no-repeat top left; }
.sgk #d-logo h1 { background:url(Images/sgk/logo.png) no-repeat top left; }
#d-strap p { float:right; width:423px; height:27px; background:url(Images/v2/strap.jpg) no-repeat top left; text-indent:-9999px; }
.sgk #d-strap p { background-image:url(Images/sgk/strap.png); }

/* ---------- Lists ---------- */
#u-tools li { float:right; display:inline; }
#u-tools li.lt-ctc { margin:0 18px; }
#u-tools li.lt-srcb { margin:0 0 0 6px; padding-top:1px; }

.d-bread ul { margin-left:27px; }
.d-bread ul li { float:left; padding-left:6px; background:url(Images/arrow.gif) no-repeat center left; }
.d-bread ul li.l-first { float:left; padding:0 2px 0 22px; background:url(Images/ul-bread.gif) no-repeat center left; }

.d-left ul { width:19.7em; }
.d-left ul li { background:url(Images/sep-subnav.gif) repeat-x bottom left; padding-bottom:2px; font-size:1.5em; }
.d-left ul li.l-first { padding-top:0px; }
.d-left ul li.l-on { background-color:#FFF; }
.d-left ul li ul { display:none; }
.d-left ul li.l-on ul { display:block; width:auto; padding-bottom:7px; }
.d-left ul li.l-on ul li { font-size:.8em; background:none; }

#d-footnav ul { margin:0 10px; }
#d-footnav ul li { float:left; padding:0 11px; margin-top:10px; font-size:1.1em; border-right:solid 1px #FFF; color:#FFF; }
#d-footnav ul li.l-last, #d-footnav ul li.l-access { border:0; }
#d-footnav ul li.l-access { float:right; font-size:1em; margin-top:7px; }
#d-footnav li.l-access span { font-size:1.1em; padding-top:3px; }

.d-content ul { list-style-type:disc; margin:1.2em 0; }
.d-content ul li { margin:.2em 1.6em; }
.d-content ul li ul { list-style-type:circle; margin:0; }
.d-content ol { margin:1.2em 0; } 
.d-content ol li { margin:.2em 1.8em; }
.d-content ol li ol { margin:0; } 

.d-content ol.u-faq { border-bottom:1px dashed #B3D9FF; border-top:1px dashed #B3D9FF; padding:.6em 0; margin:1.6em 0;  }
.d-content ol.u-faq li { margin:.6em 1.8em; }

.d-content ul.u-srchpager { list-style-type:none; margin:1.9em 0; }
.d-content .u-srchpager li { margin:0 4px 0 0; padding:0; float:left; }

/* ---------- Anchors ---------- */
#d-logo a { display:block; width:205px; height:103px; text-indent:-9999px; background:url(Images/logo.gif) no-repeat top left;  } 
.sgk #d-logo a { background:url(Images/sgk/logo.png) no-repeat top left;  } 
#u-tools li a { display:block; color:#003366; font-weight:bold; font-size:1.1em; height:20px; text-indent:-9999px; }
#u-tools li.lt-ctc a { width:104px; background:url(Images/v2/menu-contact.gif) no-repeat top left; }
#u-tools li.lt-wtb a { width:161px; background:url(Images/v2/menu-buy.gif) no-repeat top left; }

.sgk #u-tools li.lt-ctc a { width:104px; background:url(Images/sgk/menu-contact.gif) no-repeat top left; }
.sgk #u-tools li.lt-wtb a { width:161px; background:url(Images/sgk/menu-buy.gif) no-repeat top left; }

#a-footblog { float:left; display:inline; margin-left:20px; width:382px; height:71px; background:url(Images/v2/blog-foot.jpg) no-repeat top left; text-indent:-9999px; }
#a-footletter { float:left; width:380px; height:71px; background:url(Images/v2/letter-foot.jpg) no-repeat top left; text-indent:-9999px; }
/*
.d-content a { color:#CC0000; border-bottom:dotted 1px #CC0000; }
.d-content a:hover { color:#003366; border-bottom:dotted 1px #003366; }
*/
.d-content a { color:#CC0000; text-decoration:underline; }
.d-content a:hover { color:#003366; }

.d-content a.a-searchres { display:block; color:#003366; border:0; text-decoration:underline; font-weight:bold; font-size:120%; }
.u-srchpager li a { display:block; background:#CCEEFF; color:#003366; padding:2px 6px; border:none; }
.u-srchpager li a:hover { border:none; color:#FFF; background:#003366; }
.u-srchpager li a.sf_PagerSelItem { border:none; color:#777; font-weight:bold; }
.d-basicpager a, .d-basicpager span { float:left; margin:0 4px 0 0; padding:2px 6px; border:none; background:#CCEEFF; color:#003366; }
.d-basicpager span { color:#777; font-weight:bold; }
.d-basicpager a:hover { border:none; color:#FFF; background:#003366; }

.d-bread ul a { display:block; padding:10px 8px; font-size:2.0em; color:#003366; }
.d-bread ul a:hover { background-color:#E5F6FF; border-left:1px solid #D9F2FF; border-right:1px solid #D9F2FF; padding:11px 7px 9px 8px; }

.d-left ul a { display:block; color:#003366; background:Transparent url(Images/arrow.gif) no-repeat 15px center; padding:10px 5px 10px 26px; }
.d-left ul a:hover { background-color:#FFF; }
.d-left ul li.l-on a { color:#CC0000; }
.d-left ul li.l-on li a { color:#003366; background:none; padding:3px 5px 3px 26px; }
.d-left ul li ul a:hover { background-color:#E5F6FF; }
.d-left ul li.l-on li.ls-on a { font-weight:bold; background-color:#E5F6FF; }

#d-footnav ul li a { color:#FFF; }
#ac-sm, #ac-lg, #d-footnav li.l-access span { float:left;display:inline;margin-left:5px; }
#ac-sm, #ac-lg { border:solid 1px #B3D9FF; text-align:center; font-weight:bold; }
#ac-sm { font-size:1.1em; width:1.6em; height:1.6em; line-height:1.6em; }
#ac-lg { font-size:1.6em; width:1.1em; height:1.1em; line-height:1.2em; }
#ac-sm.a-on, #ac-lg.a-on { color:#FFF; background-color:#003366; }

a.reciperss { display:block; background:url(/App_Themes/Egglands/Images/reciperss.gif) no-repeat center top; height:47px; 
	text-indent:-9999px; margin:12px 0; }

/* ---------- Images ---------- */
.d-banner img { width:59.8em; }
img.i-sidebar { vertical-align:bottom; margin-left:2.5em; }

/* ---------- Tables ---------- */
.d-content table { width:98%; margin:1.1em 0; }
.d-content table td { padding:3px 10px 3px 0; border-bottom:solid 1px #D9F2FF; }
.d-content table th { padding:3px 10px 3px 3px; background-color:#D9F2FF; color:#003366; font-weight:bold; }
.d-content .t-callout td { font-size:1.2em; line-height:1.6em; }

.d-content table.t-contact { margin:0; }
.t-contact td { padding:5px 0; vertical-align:top; width:50%; }
.t-contact td.t-right { padding-left:2em; border-left:solid 1px #D9F2FF;  }
.t-contact td h3 { margin-top:1em; }

.d-content table.t-flashad { width:auto; }
.d-content table.t-flashad td { border:none; vertical-align:top; }

#t-rec { margin-bottom:2em; }
#t-rec td { width:50%; padding:.6em 2.1em 1.4em; vertical-align:top; }
#t-rec td.t-bottom { border-top:dashed 1px #B3D9FF; }

.d-recside table { margin:.6em 0 .3em; }

/* ---------- Forms ---------- */
input.i-search { border:1px solid #003366; border-bottom:1px solid #4C7FB2; border-right:1px solid #4C7FB2; 
	background-color:#EEE; width:160px; font-size:1.1em; padding:2px 2px 3px 2px; 
	-moz-border-radius:3px; -webkit-border-radius:3px; }
input.i-search:focus { background-color:#FFF; }
input.i-searchbtn { display:block; width:18px; height:18px; background:Transparent url(Images/v2/search-btn.gif) no-repeat left top; 
	border:none; text-indent: -9999px; cursor:pointer; cursor:hand; padding-top:30px; overflow:hidden; }
.d-recside input.i-search { border:1px solid #B3D9FF; background-color:#FFF; width:11.3em; font-size:1.2em; padding:3px 3px; margin-right:.5em; }
.d-recside input.i-searchbtn { width:22px; height:22px; background:Transparent url(Images/btn-side-search.gif) no-repeat left top; 
	padding-top:22px; }


/* ---------- Menus ---------- */
/*** ESSENTIAL STYLES #dsfm is used to overwrite for extended menu styling - degrades gracefully to pure ul menu ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
#dsfm .sf-menu ul.egglands-eggs { width:434px; }
#dsfm .sf-menu ul.nutrition { width:398px; }
#dsfm .sf-menu ul.news { width:262px; }
#dsfm .sf-menu ul.recipes { width:282px; }
#dsfm .sf-menu ul.where-to-buy { width:148px; }

.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			3px;
	top:			2.2em; /* match top ul list item height */
	z-index:		99;
}
#dsfm .sf-menu li:hover ul.egglands-eggs, #dsfm .sf-menu li.sfHover ul.egglands-eggs { left:-90px; }
#dsfm .sf-menu li:hover ul.nutrition, #dsfm .sf-menu li.sfHover ul.nutrition { left:-90px; }
#dsfm .sf-menu li:hover ul.news, #dsfm .sf-menu li.sfHover ul.news { left:-52px; }
#dsfm .sf-menu li:hover ul.recipes, #dsfm .sf-menu li.sfHover ul.recipes { left:-100px; }
#dsfm .sf-menu li:hover ul.where-to-buy, #dsfm .sf-menu li.sfHover ul.where-to-buy { left:-29px; }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

#dsfm .sf-tbl td { vertical-align:top; font-size:12px; padding:2px; }
#dsfm .sf-tbl td.sf-tdint { border-left: dotted 1px #99CCFF; }

/* ---------- SKIN ---------- */
.sf-menu { float: right; display: inline; margin-right: 1em; }
.sf-menu li { font-size:1.4em; letter-spacing:-0.05em; background:url(Images/v2/sep-nav.gif) no-repeat top left; margin:0 2px 0 0; padding-left:3px; }
.sf-menu li.l-first { background:none; }
.sf-menu li span { display:block; position:relative; z-index:80; }
.sf-menu li a, .sf-menu li a:visited  { padding:8px 12px 10px; font-weight:bold; color:#FFF; font-weight:bold; }
.sf-menu li:hover, .sf-menu li.sfHover { outline:0; }

.sf-menu li:hover span, .sf-menu li.sfHover span { background:url(Images/l-on-l.jpg) no-repeat top left; z-index:110; }
.sf-menu li.l-on span, .egglands-eggs span.egglands-eggs, .nutrition span.nutrition, .news span.news, .recipes span.recipes, .where-to-buy span.where-to-buy
 { background:#FFF url(Images/l-on-l.gif) no-repeat top left; }

.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active, .sf-menu li.sfHover a,
.egglands-eggs .sf-menu li.sfHover span.egglands-eggs a, .egglands-eggs .sf-menu li span.egglands-eggs a:hover,
.nutrition .sf-menu li.sfHover span.nutrition a, .nutrition .sf-menu li span.nutrition a:hover,
.news .sf-menu li.sfHover span.news a, .news .sf-menu li span.news a:hover,
.recipes .sf-menu li.sfHover span.recipes a, .recipes .sf-menu li span.recipes a:hover,
.where-to-buy .sf-menu li.sfHover span.where-to-buy a, .where-to-buy .sf-menu li span.where-to-buy a:hover
{	
	color:#CC0000;
	background:Transparent url(Images/l-on-r.jpg) no-repeat top right; 
	outline:0;
}
.sf-menu li.l-on a, .egglands-eggs span.egglands-eggs a, .nutrition span.nutrition a, .news span.news a, .recipes span.recipes a, .where-to-buy span.where-to-buy a 
{ color:#CC0000; background:Transparent url(Images/l-on-r.gif) no-repeat top right;  }

.sf-menu li li 
{
	padding:0; margin:0;
	letter-spacing:normal;
	background:#FFF;
}
#dsfm table.sf-tbl { margin:8px 0; }
#dsfm .sf-menu li li { padding:1px; border:solid 1px #B20000; }

.sf-menu li li a, .sf-menu li li a:visited
{
	padding:8px 12px;
	font-size:12px;
	font-weight:normal;
	color:#CC0000;
	background:#FFF;
}
#dsfm .sf-menu li li a, #dsfm .sf-menu li li a:visited { padding:6px 12px; }
#dsfm .sf-menu li li a.sf-sitm, #dsfm .sf-menu li li a.sf-sitm:visited { padding:8px 12px; color:#003366; }
#dsfm .sf-menu li li a.sf-ssitm, #dsfm .sf-menu li li a.sf-ssitm:visited { padding:8px 6px; margin-left:12px; font-size:11px; }

.sf-menu li li:hover
{
	background:#EEE;
	outline:0;
}
#dsfm .sf-menu li li:hover { background:#FFF; }

.sf-menu li.sfHover li a { background:none; color:#CC0000; }
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active
{	
	color:#CC0000;
	background:#EEE; 
	outline:0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('Images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('Images/shadow.png') no-repeat bottom right;
	padding: 0 12px 11px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}