/**
    default.css
    all styles applying to default.aspx content area
    
    CONTENTS
    1. Flash content
    2. Promo sections 
    3. Section specific
    
*/

/*
    1. Flash content
*/

#flashcontent {
    height: auto !important;
    min-height: 303px;
    height: 303px;
    width: 625px;
    margin: 0 0 10px 0;
}
#flashcontent .bg {
    height: 340px;
    width: 625px;
    margin: 0 0 20px 0;
	background: transparent url(../../images/pagespecific/default/main-banner.jpg) no-repeat scroll left 0; }

#flashcontent h1 {
    position: relative;
    z-index: -10;
    height: 2em;
}

#flashcontent .nonflash {
    float:right;
    margin:200px 0 0;
    width:192px;
}

#flashcontent .nonflash h3 {
    color:#999999;
    margin:0 0 5px;
}

/*
    2. Promo sections 
*/
#mainbody 
{ 
    padding-top: 12px; 
}

.js #mainbody .section 
{
    /*z-index: -10;*/
}
#mainbody .section .call-to-action 
{
	font-size: 1.1em;
	white-space: nowrap;
}



/*
    3. Section specific
*/



#mainbody .section-row {
	width: 600px;
    background: transparent url(../../images/pagespecific/default/divider-vertical.gif) no-repeat scroll 298px center;
    border: none;
    padding: 0 0 0 0;
	overflow: hidden;
}
#mainbody .section-divider {
	width: 600px;
	height: 12px;
	background-image: url(../../images/pagespecific/default/divider-horizontal.gif);
	background-position: center top;
	background-repeat: no-repeat;
}

#mainbody .section {
	float: left;
	width: 270px;
	height: auto !important;
	min-height: 170px;
	height: 170px;
	padding-top: 10px;
	padding-bottom: 8px;
	}
	#mainbody .section .image {
		float: left;
		width: 127px;
		}
		#mainbody .section .image img { display: block; }
	#mainbody .section .text {
		float: left;
		width: 143px;
		}
		#mainbody .section .text h3 {
			margin: 0 0 6px 0;
			padding: 0;
			}
			#mainbody .section .text h3 a,
			#mainbody .section .text h3 span {
				text-indent: -6767px;
				overflow: hidden;
				display: block;
			}


#mainbody .section1,
#mainbody .section3 {
	padding-right: 20px;
	padding-left: 10px;
}
#mainbody .section2,
#mainbody .section4 {
	padding-left: 20px;
}

#mainbody .section1 h3 a {
	width: 107px;
	height: 65px;
	background-image: url(../../images/pagespecific/default/ttl_recipes-youll-love.gif);
}
#mainbody .section2 h3 a {
	width: 107px;
	height: 62px;
	background-image: url(../../images/pagespecific/default/ttl_life-in-the-middle-tips.gif);
}
#mainbody .section3 h3 a {
	width: 95px;
	height: 24px;
	background-image: url(../../images/pagespecific/default/ttl_lighter-recipes.gif);
}
#mainbody .section4 h3 span {
	width: 70px;
	height: 24px;
	background-image: url(../../images/pagespecific/default/ttl_newsletter.gif);
}

#mainbody .section4 legend { display: none; }

.form-text {
	color: #949582;
	border: 1px solid #949582;
	width: 120px;
	padding: 2px 4px;
	font-size: 1em;
}

#mainbody .section4 .submit {
    clear: left;
    float: left;
	overflow: hidden;
    background: #fff url(../../images/generic/icon-btn.gif) no-repeat scroll 0 0;
    padding: 0 0 3px 20px;
	height: 21px;
	line-height: 21px;
    color: #88ac14;
    font-weight: bold;
	text-decoration: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	cursor: pointer;
	overflow: visible;
}
#mainbody .section4 .submit:hover,
#mainbody .section4 .submit:focus,
#mainbody .section4 .submit:active { color: #349641; text-decoration: none; }