/*	Desc: *title* Screen Style Sheet
	Author: Heather Mulholland
	Date: *last modified date*
	+ Colours
	- body copy: #333
	- more info links: #606060
	- red: #d0222b
	
=== === === === === === === === === === */

/*=STRUCTURE
=== === === === === === === === === === */

@import 'reset.css';

.imgBlock img{
	display: block;
} 

body {
font-size:12px;
font-family:Arial;
background: url(/assets/images/backgrounds/body_bg.gif) repeat-x #d5e0b9;
text-align:center;
color:#333333;
}

div#outerWrapper{
width:967px;
margin:auto;
}

div#innerWrapper {
text-align:left;
width:967px;
margin:auto;
}

/*=COMMON
=== === === === === === === === === === */


p, li {line-height:140%;}

b, strong {font-weight:bold;}
i, em {font-style:italic;}

table{width:100%;}
table th{color:#ffffff;background:#d0222b;padding:9px;}
table td{padding:9px;}
table tr.even{background-color:#eee;}



ul.bullets li{
background:url(/assets/images/icons/grey-bullet.gif) 0px 5px no-repeat;
padding:0px 0px 7px 13px;
}

.marginBottom{
margin-bottom:15px;
}

.smallMarginBottom{
margin-bottom: 7px;
}

.marginTop{
margin-top:15px;
}

.marginRight{
margin-right: 15px;
}


a.moreInfoLink {
color:#606060!important;
text-transform: uppercase;
font-size:10px;
text-decoration: none;
}

a.moreInfoLink:hover {
color:#d0222b!important;
}

h3, h3 a{
font-weight: bold;
font-size:14px;
text-decoration: none;
color:#333!important;
}

h4, h4 a{
font-weight: bold;
font-size:12px;
text-decoration: none;
color:#333;
font-style: italic;
}

.newsletterCallout label.inputFields input{
width:175px;
padding:4px 10px 4px 10px;
border:1px solid #d5e0b9;
margin:0px 0px 7px 0px;
color:#a5a5a5;
font-size:10px;
}

.smallText{
font-size:10px;
}

h3 a.colouredLink{
color:#d0222b!important;
text-decoration: none;
}

#insideContentLeft a{
color:#d0222b;
text-decoration: none;
}

#insideContentLeft a:hover{
text-decoration: underline;
}

#insideContentLeft p{
padding:0px 0px 10px 0px;
}

#contentSubmenu{
background:url(/assets/images/backgrounds/content_submenu_bg.gif) no-repeat bottom;
border:1px solid #cccccc;
margin:15px 0px 25px 0px;
*padding:5px 10px;
}

#contentSubmenu ul{
margin:5px 0px 5px 10px;
text-align: center;
}

#contentSubmenu li{
display: inline;
text-align: center;
padding:0px 10px 0px 0px;
}

#contentSubmenu .currentListings li{
padding:0px 20px 0px 0px;
}

#contentSubmenu a{
text-decoration: none;
text-transform: uppercase;
color:#606060;
font-size:10px;
}

#contentSubmenu a:hover{
color:#d0222b;
}

.showmoreinfo {
	display: none;
	color: #666;
	padding-top: 5px;
}

.quickTip{
font-size:11px;
background-color: #eee;
padding:15px 15px 5px 15px;
margin:0px 0px 10px 0px;
}

.quickTip .title{
font-weight:bold;
text-transform: uppercase;
color:#d0222b;
}

.checkMarkBullets{
margin:0px 0px 10px 0px;
}

.checkMarkBullets li{
background: url(/assets/images/icons/checkmark-icon.gif) 0px 2px no-repeat;
padding:0px 0px 5px 20px;
}


/*=TOP CONTAINER
=== === === === === === === === === === */


#topContainer{
background:url(/assets/images/backgrounds/topcontainer-bg.gif) no-repeat top right;
padding:0px 0px 5px 0px;
}

#flags {position: absolute; margin-left:735px; margin-top: 15px; background-color: #d5dfb5; padding: 5px; }
/* a#flag-british {display: block; float: left; width: 20px; height: 15px; background:url(images/icons/flag-british.gif) no-repeat; text-indent: -9999px;}
a#flag-french {display: block; float: left; margin-left: 5px; width: 20px; height: 15px; background:url(images/icons/flag-french.gif) no-repeat; text-indent: -9999px;} */

#flags a{
color:#5c6001;
font-size:12px;
text-decoration: none;
}

#flags a:hover{
color:#d0222b;
text-decoration: none;
}


/* #flags {position: absolute; margin-left:920px; margin-top: 15px; width: 45px; height: 15px;}
a#flag-british {display: block; float: left; width: 20px; height: 15px; background:url(/assets/images/icons/flag-british.gif) no-repeat; text-indent: -9999px;}
a#flag-french {display: block; float: left; margin-left: 5px; width: 20px; height: 15px; background:url(/assets/images/icons/flag-french.gif) no-repeat; text-indent: -9999px;} */

#logo{
padding:16px 0px 0px 33px;
}

#logo a{
background: url(/assets/images/logos/sunrisesoya-logo.png) no-repeat;
display: block;
width:133px;
height:125px;
}

/*=SEARCH BAR CONTAINER
=== === === === === === === === === === */



#insideSearchBarContainer{
background:url(/assets/images/backgrounds/inside-searchinputbar-bg.png) no-repeat;
height:60px;
}

#searchBarContainer{
background:url(/assets/images/backgrounds/home-searchbar-bg.png) no-repeat;
height:60px;
}

#searchBarContainer ul li, #insideSearchBarContainer ul li{
display: inline;
}

#searchBarContainer li.title, #insideSearchBarContainer li.title{
color:#ffffff;
font-size:16px;
padding:15px 0px 0px 60px;
}

#searchBarContainer li.tagline, #insideSearchBarContainer li.tagline{
color:#fff;
margin:19px 60px 0px 0px;
background:url(/assets/images/icons/icon_sprite.png) -18px -136px no-repeat;
padding:0px 0px 0px 23px;
}

#searchBarContainer li.tagline a, #insideSearchBarContainer li.tagline a{
color:#fff;
text-decoration: none;
}

#searchBarContainer li.tagline a:hover, #insideSearchBarContainer li.tagline a:hover{
text-decoration: underline;
}

#searchBarContainer li.formInput, #insideSearchBarContainer li.formInput{
margin:0px 0px 0px 20px;
}

#searchBarContainer .invisiInput input, #insideSearchBarContainer .invisiInput input{
border:none;
width:268px;
height:34px;
background-attachment: fixed;
padding:10px 25px 0px 15px;
background:url(/assets/images/backgrounds/searchinputbar-bg.gif) no-repeat;
margin:11px 0px 0px 0px;
font-size:14px;
}

#searchBarContainer label, #insideSearchBarContainer label{
height:34px;
}

#searchBarContainer .searchButton, #insideSearchBarContainer .searchButton{
display: block;
width:85px;
margin:13px 0px 0px 5px;
}



/*=NAVIGATION
=== === === === === === === === === === */

#recipeContainer{
width:375px;
background:url(/assets/images/titles/yummy-tofu-recipes.gif) no-repeat;
margin:46px 0px 0px 60px;
padding:35px 0px 0px 0px;
}

#recipeContainer ul{
background:url(/assets/images/backgrounds/recipenav-background.gif) no-repeat bottom right;
height:68px;
}

#recipeContainer li{
display: inline;
float:left;
}

#recipeContainer li a{
display: block;
height:33px;
padding-top:17px;
}

#recipeContainer li#breakfastItem a{
width:106px;
text-align: center;
background:url(/assets/images/backgrounds/recipenav-bg.png) 0px 0px no-repeat;
}

#recipeContainer li#breakfastItem a:hover{
width:106px;
text-align: center;
background:url(/assets/images/backgrounds/recipenav-bg.png) 0px -50px no-repeat;
-background:url(/assets/images/backgrounds/recipenav-bg.png) 0px -49px no-repeat;
}

#recipeContainer li#startersItem a{
width:87px;
text-align: center;
background:url(/assets/images/backgrounds/recipenav-bg.png) -106px 0px no-repeat;
}

#recipeContainer li#startersItem a:hover{
width:87px;
text-align: center;
background:url(/assets/images/backgrounds/recipenav-bg.png) -106px -50px no-repeat;
-background:url(/assets/images/backgrounds/recipenav-bg.png) -106px -49px no-repeat;
}

#recipeContainer li#mainItem a{
width:74px;
text-align: center;
background:url(/assets/images/backgrounds/recipenav-bg.png) -193px 0px no-repeat;
}

#recipeContainer li#mainItem a:hover{
width:74px;
text-align: center;
background:url(/assets/images/backgrounds/recipenav-bg.png) -193px -50px no-repeat;
-background:url(/assets/images/backgrounds/recipenav-bg.png) -193px -49px no-repeat;
}

#recipeContainer li#dessertsItem a{
width:97px;
text-align: center;
background:url(/assets/images/backgrounds/recipenav-bg.png) -267px 0px no-repeat;
}

#recipeContainer li#dessertsItem a:hover{
width:97px;
text-align: center;
background:url(/assets/images/backgrounds/recipenav-bg.png) -267px -50px no-repeat;
-background:url(/assets/images/backgrounds/recipenav-bg.png) -267px -49px no-repeat;
}
	

#otherTopNav{
padding:95px 0px 0px 0px;
float:right;
text-align: right;
}

#otherTopNav li{
display: inline;
color:#5c6001;
font-size:14px;

text-align: right;
}

#otherTopNav a{
color:#5c6001;
font-size:14px;
text-decoration: none;
}

#otherTopNav a:hover{
color:#d0222b;
text-decoration: none;
}

#recipeContainer ul li a{
font-size:16px;
color:#fff;
text-decoration: none;
}

#soyProducts .soyProductsLink a, #faq .faqLink a, #aboutus .aboutusLink a, #soyBlog .soyBlogLink a{
color:#d0222b;
}

/* SUBNAV STYLES */

div.block {
	margin-bottom: 12px;
}

#block-tagadelic-5 div.content a {
	padding:5px 15px;
	border-bottom: 1px dashed #ccc;
	display: block;
	text-decoration: none;
	color:#333;
}

#block-tagadelic-5 div.content a:last-child {
	border: 0;
}

div.block ul,
.subNav{
margin: 0px 0px 15px 0px;
}

div.block h2,
div.block ul li,
.subNav li{
padding:5px 15px;
border-bottom: 1px dashed #ccc;
}

div.block h2 {
color:#d0222b;
}

div.block ul li:last-child,
.subNav li.bottom{
border:none;
}
div.block ul li a,
.subNav li a{
text-decoration: none;
color:#333;
}

.subNav li a.active, .subNav li a:hover, div.block ul li a:hover{
color:#d0222b;
}



/*=INSIDE PAGE  
=== === === === === === === === === === */

#insideHeaderContainer{
height:202px;
}

#insideHeaderContainer.default,
#insideHeaderContainer.breakfast{
background: url(/assets/images/headers/breakfast-header.jpg) no-repeat;
}

#insideHeaderContainer.starters{
background: url(/assets/images/headers/starters-header.jpg) no-repeat;
}

#insideHeaderContainer.mains{
background: url(/assets/images/headers/mains-header.jpg) no-repeat;
}

#insideHeaderContainer.desserts{
background: url(/assets/images/headers/desserts-header.jpg) no-repeat;
}

#insideHeaderContainer.blog{
background: url(/assets/images/headers/blog-header.jpg) no-repeat;
}

#insideHeaderContainer.news-events,
#insideHeaderContainer.careers,
#insideHeaderContainer.aboutusheader{
background: url(/assets/images/headers/generic-header.jpg) no-repeat;
}

#insideHeaderContainer.faqheader{
background: url(/assets/images/headers/header_faqs.jpg) no-repeat;
}

#insideHeaderContainer.productsheader{
background: url(/assets/images/headers/header_products.jpg) no-repeat;
}

#insideContentContainer{
background: url(/assets/images/backgrounds/homecontentmain-bg.gif) #fff;
padding:30px 50px;
}

#insideContentContainer #insideContentLeft{
width:545px;
}

#insideContentContainer #insideContentRight{
width:285px;
}

#insideFooterContainer{
background: url(/assets/images/backgrounds/homecontentsub-bg.gif) #f0f4e6 no-repeat;
padding:25px 0px 0px 55px;
}

#insideFooterContainer #insideFooterLeft{
width:345px;
margin:0px 85px 0px 0px;
}

#insideFooterContainer #insideFooterRight{
width:345px;
}

ul.recipeList{
padding:15px 0px 0px 0px;
}

ul.recipeList .image{
width:92px;
margin:0px 20px 0px 0px;
border:1px solid #d2d2d3;
padding:0px!important;
}

ul.recipeList .text{
width:335px;
}

#insideContentCallouts{
margin:30px 0px;
width:512px;
}

#insideContentCallouts .content{
background:url(/assets/images/backgrounds/insidecontentcallouts-bg-bottom.gif) left bottom;
padding: 15px 20px 0px 30px;
}

#insideContentCallouts ul{
width:125px;
margin:0px 15px 0px 14px;
}


#insideContentCallouts img{
display: block;
}

#insideContentCallouts ul img{
border:1px solid #d2d2d3;
margin:0px 0px 10px 0px;
}

#insideCallouts li{
padding-top: 15px;
border-bottom: 1px dashed #ccc;
}

#insideCallouts li p.image{
width:95px;
}

#insideCallouts li .text{
width:185px;
}

#insideNewsletterContainer {
margin-top: 40px;
}

#insideNewsletterContainer img{
display: block;

}

#insideNewsletter{
background:url(/assets/images/backgrounds/inside-newsletter-bg-bottom.gif) no-repeat bottom;
padding:0px 30px 25px 30px;
}

.tabsMenu{
padding:0px;
margin:0px!important;

}

.tabsMenu li{
display: inline;
float:left;
margin:0px 3px 0px 0px;
padding:0px!important;
height:12px;
}

.tabsMenu li a{
display: block;
padding:10px;
background-color: #eee;
border-bottom:1px solid #eee;
}

.tabsMenu li.active a{
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom: 1px solid #fff;
background:none;
}

.tabsMenuContainer{
padding:20px;
border:1px solid #ccc;
margin:26px 0px 0px 0px;
}

#insideContentRight .officeAddresses{
padding:0px 50px 0px 0px;
margin-bottom: 20px;
}

.locationLinks{
margin:0px 0px 15px 0px;
}

.faqLists{
margin:15px 0px;
}

.productTabs{
margin: 0px 0px 15px 0px;
}

.productTabs .icon{
width:130px;
margin:0px 0px 0px 30px;
}

.productTabs .text{
width:300px;
}

.productIcons{
padding-right: 10px;
}

.certificationLogos{
text-align: center;
}

.certificationLogos li{
display: inline;
text-align: center;
padding:0px 20px 20px 0px;

}

.cookbookRestaurants{
margin: 10px 60px 0px 0px;
}

.officeAddresses a{
color:#d0222b;
text-decoration: none;
}

.officeAddresses a:hover{
color:#333;
}



/*=CONTACT FORMS
=== === === === === === === === === === */

/*FORMS*/

form{clear:both;}

input.selectLength{
width:200px;
}

.formContainer{
padding:25px;
border:1px solid #ccc;
margin:0px 0px 15px 0px;
}

form.main #textarea{
border:1px solid #ccc;
}

form.main label{
	margin-top:4px;
	margin-right: 15px;
	display: inline-block;
	float:left;
	width:100px;
	text-align: left;
}
form.main div.rowElem{
	clear:both;
	padding:4px 0px;
}

form.main input{
border:1px solid #ccc;
padding:5px;
}

form.main .selectLength{
width:160px;
}

form.main .joinNewsletter{
margin:5px 0px 5px 114px;
}


.sideCheckboxes{
margin:15px 0px;
}

.formContentRight label, .formContentLeft label{
width:190px!important;
clear: both;

}

.radioButtons label{
width:60px!important;
}

form.main .smallText{
font-size:10px;
margin:10px 0px;
}

form.main #textarea{
margin:5px 0px;
}

form.main .signUpButton{
border:none;
padding:0px;
float:right;
margin:20px 60px 10px 0px;
}

/*=HOMEPAGE  
=== === === === === === === === === === */

#homeHeaderContainer{
width:968px;
height:294px;
}

.homeHeaderBackground{
width:968px;
height:294px;
}

#homeHeaderFadeContainer{
z-index:1;
position:relative;
}

#homeHeaderContent{
position: absolute;
z-index:2;
width:967px;
}

#homeRecipes{
width:390px;
height:200px;
background:url(/assets/images/backgrounds/homerecipes-background.png) no-repeat;
margin:55px 0px 0px 55px;
}

#homeRecipes #recipeLogo{
width:100px;
padding:20px 0px 0px -1px;
padding-left: 5px;
padding-top: 10px;
}

#recipeLogo #completeTofuLink a{
font-size: 11px;
color:#606060;
text-decoration: none;
line-height: 100%;
}

#recipeLogo #completeTofuLink a:hover{
text-decoration: underline;
}

#recipeLogo #completeTofuLink{
text-align: center;
}

#homeRecipes #homeRecipeLinks{
width:210px;
padding:35px 0px 0px 18px;
}

#homeRecipes #homeRecipeLinks a{
color:#333333;
text-decoration: none;
}

#homeRecipes #homeRecipeLinks a:hover{
color:#d0222b;
}

#homeRecipeLinks .moreInfoLink{
margin:10px 0px 0px 10px;
}

#homeGoodnessBanner{
width:307px;
height:92px;
}

#homeMainContentContainer{
background: url(/assets/images/backgrounds/homecontentmain-bg.gif) #fff;
}

#homeMainContentContainer #homeLeftContent{
width:512px;
padding:25px 0px 25px 50px;
}

#homeLeftContent .tabs li, #productCallout .tabs li{
display: inline;
float:left;
height:90px;
margin:0px 45px 0px 0px;
}

#homeLeftContent .tabs li a, #productCallout .tabs li a{
display: block;
height:105px;
}

#homeLeftContent .tabs li a.active, #productCallout .tabs li a.active{
background: url(/assets/images/icons/homepage-logos-active.gif) center bottom no-repeat;
}

#homeLeftContent .tabs li.logoOne, #productCallout .tabs li.logoOne{
width:75px;
background: url(/assets/images/logos/homepage-brand-logos.jpg) 0px 0px no-repeat;
}

#homeLeftContent .tabs li.logoTwo, #productCallout .tabs li.logoTwo{
width:72px;
background: url(/assets/images/logos/homepage-brand-logos.jpg) -130px 0px no-repeat;
}

#homeLeftContent .tabs li.logoThree, #productCallout .tabs li.logoThree {
width:85px;
background: url(/assets/images/logos/homepage-brand-logos.jpg) -237px 0px no-repeat;
}

#homeLeftContent .tabs li.logoFour, #productCallout .tabs li.logoFour{
width:102px;
background: url(/assets/images/logos/homepage-brand-logos.jpg) -345px 0px no-repeat;
margin:0px;
}

#homeLeftContent ul, #productCallout ul{
background:url(/assets/images/backgrounds/homebrands-bg-top.jpg) no-repeat;
padding:20px 0px 15px 30px;
}

#homeLeftContent ul li a:hover, #homeLeftContent ul li a.current, #productCallout ul li a:hover, #productCallout ul li a.current{
background:url(/assets/images/backgrounds/homebrands-logo-active.gif) no-repeat bottom center;
}

#homeLeftContent .tabbed-content{
background:url(/assets/images/backgrounds/homebrands-bg-bottom.jpg) no-repeat bottom;
padding:17px 20px 20px 30px;
height:75px;
}

#productCallout .tabbed-content {
background:url(/assets/images/backgrounds/homebrands-bg-bottom.jpg) no-repeat bottom;
padding:17px 20px 10px 30px;
width:463px;
height:65px;
margin:0px 0px 20px 0px;
}

#homeLeftContent .tabbed-content div{
display: none;
}

#homeMainContentContainer #homeRightContent{
width:260px;
padding:25px 60px 25px 0px;
}

#homeSubscribe a{
color:#333;
text-decoration: none;
}

#homeSubscribe{
background:url(/assets/images/backgrounds/rsshome-bg.jpg) no-repeat;
padding:23px 0px 15px 20px;
}

#homeSubscribe p{
background:url(/assets/images/icons/icon_sprite.png) -18px -110px no-repeat;
padding:0px 0px 0px 23px;
}

#homeSubscribe a:hover{
text-decoration: underline;
}

#homeSubContentContainer{
background: url(/assets/images/backgrounds/homecontentsub-bg.gif) #f0f4e6 no-repeat;
}

#homeSubContentContainer #homeSubContentLeft{
width:450px;
padding:30px 0px 0px 50px;
}

ul.homeProudlySupporting li{
display: inline;
float:left;
padding:15px 40px 0px 0px;
}

#homeSubContentContainer #homeSubContentRight{
width:200px;
padding:30px 130px 0px 0px;
}


#homeNews  li, .insideNews  li{
padding:0px 0px 15px 0px;
}

#homeNews li .icon, .insideNews li .icon {
width:12px;
float:left;
}

#homeNews li .text{
width:205px;
float:left;
padding:0px 0px 0px 10px;
}

.insideNews li .text{
width:315px;
float:left;
padding:0px 0px 0px 10px;
}



/*=NEWS ITEMS
=== === === === === === === === === === */


#homeNews  li .date, .insideNews  li .date{
font-size:10px;
color:#6d6d6d;
}

#homeNews li a, .insideNews li a{
color:#333333;
text-decoration: none;
}

#homeNews li .icon a, .insideNews li .icon a{
display: block;
width:15px;
height:15px;
}

#homeNews li.Blog .icon, .insideNews li.Blog .icon{
background:url(/assets/images/icons/icon_sprite.png) -20px -43px no-repeat;
}

#homeNews li.News .icon, .insideNews li.News .icon{
background:url(/assets/images/icons/icon_sprite.png) -20px -64px no-repeat;
}

#homeNews li.Events .icon, .insideNews li.Events .icon{
background:url(/assets/images/icons/icon_sprite.png) -20px -84px no-repeat;
}

#homeNews li.Blog a:hover, .insideNews li.Blog a:hover{
color:#aab424;
}

#homeNews li.News a:hover, .insideNews li.News a:hover{
color:#d72a34;
}

#homeNews li.Events a:hover, .insideNews li.Events a:hover{
color:#004999;
}






/*=FOOTER
=== === === === === === === === === === */

#footerContainer{
background: url(/assets/images/backgrounds/footer-bg.gif) bottom no-repeat;
height:90px;
padding:50px 0px 0px 50px;
}

#footerContainer ul{
width:100%;
}

#footerContainer{
font-size:9px;
text-transform: uppercase;
}

#footerContainer a{
color:#333;
text-decoration: none;
}

#footerContainer a:hover{
text-decoration: underline;
}

#footerContainer #verattaLink{
text-align:right;
margin:30px 5px 0px 0px;
}

#footerContainer #verattaLink a{
color:#5c6001!important;
}



/* FLOATS */
.floatRight {
  float: right;
}
.floatLeft{
  float:left;
}

/* Start Clear fix */
.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear {
  display: inline-block;
}
/* End Clear fix */

/* Hides from IE-mac \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* End hide from IE-mac */






/*=FOOTER BLOG, NEWS & EVENTS LISTS
=== === === === === === === === === === */

#insideFooterRight ul.insideNews .teaser span.title,
#insideFooterLeft ul.insideNews .teaser span.title {
	font-size: 14px;
}

#insideFooterRight ul.insideNews .teaser a span.text,
#insideFooterLeft ul.insideNews .teaser a span.text {
	width:324px;
	padding: 0 0 0 21px;
}

#insideFooterRight ul.insideNews li div.Date,
#insideFooterLeft ul.insideNews li div.Date {
	display: block;
	padding-left: 21px;
}

#insideFooterRight ul.insideNews li,
#insideFooterLeft ul.insideNews li {
	padding-left: 20px;
}

#insideFooterRight ul.insideNews div.icon,
#insideFooterLeft ul.insideNews div.icon {
	width: 20px;
	height: 16px;
	float: left;
}

#insideFooterLeft ul.insideNews li.News div.icon {
	background: url(/assets/images/icons/icon_sprite.png) -18px 95px;
}

#insideFooterRight ul.insideNews li.Blog div.icon {
	background: url(/assets/images/icons/icon_sprite.png) -18px 117px;
}

#insideFooterLeft ul.insideNews li.Events div.icon {
	background: url(/assets/images/icons/icon_sprite.png) -18px 76px;
}
.socialmedia {
margin-top: -10px;
color:#5C6001;
margin-bottom: 5px;
}