/*GENERIC STYLES*/
.graphical
{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
.bold {
	font-weight: bold;
}
#path
{
	display: none;
}
a {
	color: #dc0000;
}
a:visited {
	color: #ee6868;
}
a:active {
    outline:none;
}
:focus {
    -moz-outline-style:none;
}
/* IMAGES */

.class-product_data .attribute-image,
.class-competition .attribute-image,
.class-article .attribute-image {
	float: right;
	margin: 4px 0 0 20px;
}

/*TITLES*/

DIV#main-position H1 {
	color: #00008C;
	margin-top: 0;
}
DIV#main-position H2 {
	color: #00008C;
	font-size: 1.3em;
	font-weight: normal;
	border-bottom: solid 2px #00008C;
	padding-bottom: 4px;
	margin-top: 30px;
}
.attribute-header {
	border-bottom:  solid 2px #00008C;
	margin-bottom: 20px;
}
.class-recipe .attribute-header {
	border-bottom:  none;
	margin-bottom: 20px;
}

/*WHOLE PAGE*/

BODY
{
	background: #DDECF7 url(/_common.images/bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}
DIV#page
{
	width: 960px;
	margin: 0 auto;
	background: url(/_common.images/sky.jpg) no-repeat;
	position: relative;
}

/* PAGE HEADER */

DIV#header
{
	height: 181px;
	border-bottom: 2px solid #00008C;
	position: relative;
	margin: 0;
}
DIV#header H1
{
	display: block;
	width: 392px;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/_common.images/site_title.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 66px;
	bottom: 26px;
}
#logo
{
	width: 166px;
	height: 81px;
	background: url(/_common.images/logo.gif) no-repeat;
	position: absolute;
	top: 65px;
	left: 65px;
}

/* CONTENT AREA */

DIV#columns-position {
	padding: 75px 64px;
	background: #fff;
}
.ftwyli_node_id_2 DIV#columns-position {
	padding: 0;
}

/* RECIPE PAGES */

DIV#main-position #recipeNutrition H2 {
	margin-top: 13px;
}
#recipeLeft, #recipeRight{
	float: left;
}
#recipeLeft {
	width: 440px;
	margin-right: 40px;
}
#recipeRight {
	width: 350px;
	padding-top: 35px;
}
#recipeIngredients p {
	margin: 0;
}
#recipeNutrition table {
	width: 210px;
	float: left;
}
#recipeNutrition h3 {
	width: 440px;
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 1em;
}
#recipeNutrition p {
	margin-top: 0;
}
 
/* RECIPE RIGHT COLUMN */

.attribute-star-rating h3 {
	float: left;
	font-size: 14px;
	margin: 45px 10px 10px 73px;
}
.attribute-star-rating p {
	width: 100%;
	float: none;
	clear: both;
	text-align: center;
	margin: 0;
}
.label {
	font-weight: bold;
}
.recipeMeta {
	width: 328px;
	height: 36px;
	margin: 2px;
	overflow: hidden;
}
.recipeMeta div, .recipeMeta a {
	float: left;
	width: 107px;
	padding-top: 9px;
	text-align: center;
	margin-right: 2px;
	font-size: 14px;
	font-weight: bold;
}
.recipeMeta #recipeCook {
	width: 108px;
}
.tblLeft {
	margin-right: 10px;
}
#block01 {
	width: 330px;
	height: 410px;
	overflow: hidden;
	padding: 10px;
	background: url(/_images/recipes/recipeRight_01_bg.png) no-repeat;
	margin-bottom: 40px;
}
#block01 .recipeMeta a {
	text-decoration: none;
	display: block;
	width: 162px;
	height:27px;
	color: #000;
}
#block01 .recipeMeta a:hover {
	color: #dc0000
}
#block02 {
	margin-bottom: 40px;
}
#ratingText {
	display: none;
}
#recipePic {
	height: 330px;
	overflow: hidden;
}

/* RECIPE COMMENTS */

#recipeComments .content-view-children {
	padding-left: 20px;
}
#recipeComments .attribute-byline p {
	margin: 0;
}
#recipeComments .author {
	font-weight: bold;
}
#recipeComments .date {
	font-style: italic;
}
#recipeComments .attribute-message {
	border-bottom: solid 1px #e5e5f3;
}
#recipeComments form {
	margin-top: 20px;
}
#recipeComments input.button {
	display: block;
	width: 139px; height: 20px;
	background: url(/_images/recipes/comment_button.png) no-repeat;
	border: none; font-size: 0; line-height: 0;
	float: right;
}
.class-comment .buttonblock {
	width: 306px;	
	margin-top: 10px;
}
.class-comment .buttonblock .publish,
.class-comment .buttonblock .discard {
	background: url(/_images/recipes/comment_submit.png) no-repeat;
	width: 107px; height: 90px;
	border: none; font-size: 0; line-height: 0;
	float: right;
	outline: none;
	cursor: pointer;
}
.class-comment .buttonblock .discard {
	background: url(/_images/recipes/comment_discard.png) no-repeat;
	float: none;
}
/* RECIPE INDEX */

.recipeLnkParent {
	display: block;
	width: 160px; height: 244px;
	overflow: hidden;
	float: left;
	margin-right: 35px;
	margin-bottom: 10px;
	padding: 10px;
	background: url(/_images/recipes/recipeLnkParent.png) no-repeat;
}
.recipeLnkParent .attribute-image {
	display: block;
	width: 160px; height: 160px;
}
.class-recipe-folder .content-view-children {
	width: 1000px;
}
div#main-position .class-recipe_list h2 {
	border: none;
}
.recipeLnk {
	font-size: 12px;
	text-align: center;
	width: 140px;
	padding: 4px 10px 0 10px;
}
.recipeLnk a {
	text-decoration: none;
	color: #000;
	line-height: normal;
	height: 53px;
	display: block;
}
.recipeLnkStars {
	margin: 0 auto;
	width: 130px;
	display: block;
}
.recipeLnkStars h3 {
	font-weight: normal;
	font-size: 12px;
	float: left;
	margin: 0;
	margin-right: 5px;
	margin-top: 2px;
}
/* PRODUCT PAGES */

.ftwyli_node_id_77 .renderedtable td {
	text-align: center;
	vertical-align: middle;
	padding-bottom: 10px;
}
.ftwyli_node_id_77 .attribute-caption {
	display: none;
}
.class-product_data .attribute-image {
	float: right;
	margin: 4px 0 0 20px;
}
.class-product_data td .attribute-image {
	float: none;
}
.class-product_data .attribute-header {
	border-bottom:  solid 2px #00008C;
	margin-bottom: 20px;
}

/* FORMS */

.class-competition .label,
.class-comment .label {
	float: left;
	width: 100px;
}
.class-competition .formRow,
.class-comment .formRow {
	margin-top: 15px;
	float: none;
	clear: left;
}
.class-competition .formRow .box,
.class-comment .formRow .box {
	width: 200px;
}
.class-competition .message-warning,
.class-comment .warning {
	border: solid 2px #dd0404;
	padding: 10px;
	width: 450px;
}
DIV#main-position .class-competition .message-warning h2,
DIV#main-position .class-comment .warning h2 {
	margin-top: 0;
	color: #dd0404;
	border: none;
	font-weight: bold;
}
.compHint {
	float: none;
	clear: left;
}
.compHint p {
	float: left;
}
.content-action {
	margin-top: 15px;
	width: 306px; height: 22px;
	display: block;
	float: none;
}
.defaultbutton {
	display: block;
	width: 62px;
	height: 22px;
	text-indent: -9999px;
	background: url(/_common.images/submit.png) no-repeat;
	border: none;
	float: right;
	font-size: 0;
	line-height: 0;
}
.attribute-terms input {
	vertical-align: -2px; margin-right: 5px;
}
.LV_invalid {
    background: url(/_common.images/val_cross.png) no-repeat;
    margin-left: 10px;
    padding-left: 20px;
    color: #b71706;
}
.LV_valid {
    background: url(/_common.images/val_tick.png) no-repeat;
    margin-left: 10px;
    padding-left: 20px;
    color: #0b7d4d;
}
.LV_valid_field {
    border: solid 1px #0b7d4d;
    padding: 2px;
}
.LV_invalid_field {
    border: solid 1px #b71706;
    padding: 2px;
}

/* HOME INTRO*/

.home-intro
{
	width: 830px;
	height: 193px;
	display: block;
	background: url(/_common.images/intro_bg.jpg) no-repeat;
	padding: 57px 65px 0;
}
DIV#main-position .home-intro H2 {
	font-size: 30px;
	border-bottom: none;
	padding: 0;
	margin: 0;
	margin-bottom: 25px;
	color: #00008C;
	}
.home-intro P
{
	width: 450px;
}

/*HOME PROMOS*/

.home-promo-boxes
{
	background: #fff url(/_common.images/home_promo_bg.jpg) no-repeat;
	padding: 22px 65px;
	width: 830px;
	height: 372px;
	display: block;
}
.homePromoBoxParent
{
	width: 242px;
	height: 144px;
	padding: 10px;
	margin-bottom: 22px;
	display: block;
	position: relative;
}
.homePromoBox {
	width: 242px;
	height: 144px;
	display:  block;
}
.hpbLg .homePromoBox {
	height: 330px;
}
.hpbSmall
{
	float: left;
	background: url(/_common.images/home_promo_parent.png);
	margin-right: 22px;
}
.hpbSmall .goButton, .hpbLg .goButton {
	position: absolute; top: 10px; left: 10px;
	display: block; overflow: hidden;
	text-indent: -999em;
	width: 242px; height: 144px;
	background-position: 192px 94px;
	background-repeat: no-repeat;
	z-index: 99;
}
.hpbLg .goButton {
	width: 242px; height: 330px;
	background-position: 192px 280px;
}
.hpbLg
{
	height: 330px;
	background: url(/_common.images/home_promo_parent_lg.png);
	float: right;
}
#hpWin .homePromoBox h3, #hpOffers .homePromoBox h3, #hpSignUp .homePromoBox h3, #hpSearch .homePromoBox h3 {
	width: 226px;
	height: 20px;
	padding: 6px 8px;
	display: block;
	color: #dc0000;
	font-size: 18px;
	margin: 0;
	line-height: 1.1em;
}
#hpOffers .homePromoBox h3, #hpSignUp .homePromoBox h3 {
	width: 150px;
}
#hpWin .homePromoBox h3 {
	position: absolute; z-index: 2;
}
#hpSignUp .homePromoBox h3 span {
	font-size: 0.8em;
}
#hpSignUp .homePromoBox iframe {
	position: absolute; top: 55px; left: 10px;
	width: 242px; height: 99px;
	overflow: hidden;
}
#hpWin .goButton {
	background-image: url(/_images/home/win_go.png);
}
#hpOffers .homePromoBox {
	background: url(/_images/home/coupon.jpg);
	position: relative;
}
.homePromoBox .imgParent {
	position: absolute; bottom: 10px; left: 10px;
	z-index: 1;
}
#hpOffers .goButton {
	background-image: url(/_images/home/offers_go.png);
}
#hpSearch .homePromoBox {
	background: url(/_images/home/recipe_search.jpg);
}
#hpSearch .goButton {
	background-image: url(/_images/home/search_go.png);
}
#hpSignUp .homePromoBox {
}

/* SCROLLING LAYERS */

.scrollable {
    position:absolute;
    left: 10px;
    top: 10px;
    overflow:hidden;
    width: 242px;
    height: 144px;
}
.scrollable .items {
    width:20000em;
    position:absolute;
    clear: both;
}
.items div {
    float:left;
    width: 242px;
    height: 144px;
    display: block;
    position: relative;
}
.scrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}
.scrollable {
    float:left;	
}
a.hpRecipeLnk {
    display: block;
    width: 226px;
    height: 128px;
    padding: 8px;
    background-repeat: no-repeat;
    background-image: url(/_images/home/pr-re-de.jpg);
    background-position: bottom left;
    color: #dc0000;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}
#hprDrinks {
    background-image: url(/_images/home/pr-re-dr.jpg);  
}
#hprSalads {
    background-image: url(/_images/home/pr-re-sa.jpg);  
}
#hprSides {
    background-image: url(/_images/home/pr-re-si.jpg);  
}
#hprSnacks {
    background-image: url(/_images/home/pr-re-sn.jpg);  
}
#hprSuppers {
    background-image: url(/_images/home/pr-re-su.jpg);  
}
a.prev, a.next {
    background: url(/_common.images/10x10.gif);
    display:block;
    width:72px;
    height:20px;
    text-indent: -1000em;
    cursor:pointer;
    position: absolute;
    z-index: 1;
    top: 36px;
    left: 0;
}
a.next {
    background: url(/_common.images/10x10.gif);
    left: 170px;
}
/* disabled navigational button */
a.disabled {
    visibility:hidden !important;		
}

/* TOP RIGHT MENU */

#signMeUpForm {
	display: block;
	width: 168px; height: 114px;
	overflow: hidden;
	background: #a4e285;
}
#signMeUpForm iframe {
	width: 168px; height: 114px;
}
#signMeUpButton {
	width: 168px; height: 39px;
	background: url(/_common.images/sign_me_up_button.png) no-repeat;
	cursor: pointer;
}
#signMeUp {
	float: left;
	margin-right: 2px;
}
#recipeSearchButton {
	width: 168px; height: 39px;
	background: url(/_common.images/recipe_search_button.png) no-repeat;
}

/* COUPON FORM */

.iframe-parent iframe{
	width: 832px;
	height: 590px;
}

/*FOOTER*/

#footer
{
	width: 100%;
	height: 92px;
	background: url(/_common.images/grass.jpg) repeat-x;
	position: relative;
	margin-bottom: 20px;
}
#footer-content
{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 380px;
	height: 55px;
	background: url(/_common.images/footer_text_bg.png) no-repeat;
}
DIV.footerText
{
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	margin-top: 3px;
	line-height: 1em;
	width: 270px;
	text-align: right;
}
DIV.firstFooter
{
	margin-top: 10px;
}
#smlLogo
{
	float: right;
	margin: 9px 20px 0 0;
}
#didYouKnowBox {
	position: absolute; bottom: 0; left: 65px;
	display: block; overflow: hidden;
	width: 330px; height: 51px;
	background: url(/_images/recipes/did_you_know.png) no-repeat;
	padding: 15px 100px 15px 15px;
}
#didYouKnowBox li {
	font-size: 1em;
	line-height: 1.25em;
}
#didYouKnowBox h4, #didYouKnowBox li {
	display: none;
}

/*MENU*/

#topmenu
{
	position: absolute;
	width: 544px;
	height: 39px;
	display: block;
	width: 100%;
}
#topmenu UL
{
	width: 524px;
	height: 39px;
	display: block;
	margin: 0;
	position: absolute;
	top: 0;
	left: 20px;
	list-style: none outside;
	overflow: visible;
	z-index: 3;
	background-image: url(/_common.images/menu_def.png);
	padding: 0;
	margin: 0;
}
#topmenu UL LI.liL1
{
	position: absolute;
	height: 39px;
	display: block;
}
#topmenu UL LI.liL1:hover
{
	height: 41px;
	background-image: url(/_common.images/menu_ovr.png);
	background-repeat: no-repeat;
}
#topmenu UL #mnuLi_62:hover
{
	background-image: url(/_common.images/menu_sub.png);
}
#topmenu A.mnuL1
{
	position: absolute;
	left: 0;
	top: 0;
	text-indent: -9999px;
	width: 77px;
	height: 39px;
	overflow: hidden;
	background-image: url(/_common.images/10x10.gif);
	z-index: 2;
}
#topmenu UL LI:hover UL
{
	display: block;
	overflow: visible;
}
#topmenu LI UL
{
	position: absolute;
	top: 41px;
	left: 0;
	width: 160px;
	height: auto;
	background: url(/_common.images/menu_sub_bg.png) no-repeat;
	margin: 0;
	padding: 8px 0 0;
	display: none;
}
#topmenu A.mnuL2
{
	display: block;
	text-indent: 0;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	z-index: 3;
	background-color: #7070BF;
	width: 124px;
	padding: 6px 8px;
	margin: 0 0 0 10px;
}
#topmenu A.mnuL2:hover
{
	background: #EC5D5D;
}
#topmenu LI.liL2
{
	background: #00008C;
	padding-top: 2px;
}
#topmenu LI.liL2Last
{
	padding-bottom: 10px;
	background: url(/_common.images/liL2Last_bg.png) no-repeat bottom left;
}
#mnuLi_2, #mnu_2
{
	left: 0;
	width: 77px;
}
.ftwyli_node_id_2 #topmenu UL #mnuLi_2 {
	background-image: url(/_common.images/menu_ovr.png);	
}
#mnuLi_62
{
	left: 79px;
}
#mnu_62, #mnuLi_62
{
	width: 85px;
	background-position: -79px 0;
}
.subtree_level_1_node_id_62 #topmenu UL #mnuLi_62 {
	background-image: url(/_common.images/menu_ovr.png);
}
.subtree_level_1_node_id_62 #topmenu UL #mnuLi_62:hover {
	background-image: url(/_common.images/menu_sub.png);
}
#mnuLi_63
{
	left: 166px;
}
#mnu_63, #mnuLi_63
{
	width: 90px;
	background-position: -166px 0;
}
.subtree_level_1_node_id_63 #topmenu UL #mnuLi_63 {
	background-image: url(/_common.images/menu_ovr.png);
}
#mnuLi_177
{
	left: 258px;
}
#mnu_177, #mnuLi_177
{
	width: 84px;
	background-position: -258px 0;
}
.subtree_level_1_node_id_177 #topmenu UL #mnuLi_177 {
	background-image: url(/_common.images/menu_ovr.png);
}
#mnuLi_180
{
	left: 344px;
}
#mnu_180, #mnuLi_180
{
	width: 90px;
	background-position: -344px 0;
}
.subtree_level_1_node_id_180 #topmenu UL #mnuLi_180 {
	background-image: url(/_common.images/menu_ovr.png);
}
#mnuLi_161
{
	left: 436px;
}
#mnu_161, #mnuLi_161
{
	width: 88px;
	background-position: -436px 0;
}
.subtree_level_1_node_id_161 #topmenu UL #mnuLi_161 {
	background-image: url(/_common.images/menu_ovr.png);
}

/* TOP RIGHT MENU */

#topRightMenu {
	position: absolute;
	right: 20px;
	display: block;
	width: 338px;
	height: 39px;
}

.ftwyli_node_id_2 #topRightMenu {
	display: none;
}
