@charset "UTF-8";

body, html {
	font: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
}

a {
	color: #cb3818;
}

/*homepage and recipes landing*/

#mainContainerW {
	width: 969px;
	margin: 0 auto;
	min-height: 200px;
	background: #ffffff;
	text-align: left;
	padding-top: 10px;
}

.table table td {
	text-align: left;
}

img {
	padding: 0;
	margin: 0;
}

/**********HEADER**********/

#header_wide_e {
	height: 157px;
	width: 969px;
	padding-bottom: 4px;
	background: url(../images/header_wide_e.gif) no-repeat;
}

#header_wide_e  ul, li{
margin:0px;
padding:0px;

}

#header_wide_f {
	height: 157px;
	width: 969px;
	padding-bottom: 4px;
	background: url(../images/header_wide_f.jpg) no-repeat;
}

#header_wide_f  ul, li{
margin:0px;
padding:0px;

}
#header_wide_100_e {
	height: 157px;
	width: 969px;
	padding-bottom: 4px;
	background: url(../images/header_wide_100_e.gif) no-repeat;
}

#header_wide_100_f {
	height: 157px;
	width: 969px;
	padding-bottom: 4px;
	background: url(../images/header_wide_100_e.gif) no-repeat;
}

.headtoolbarWraperW {
	height: 88px;
	width: 870px;
	position: relative;
	top: 23px;
	left: 20px;
}

.safari .headtoolbarWraperW {
	height: 88px;
	width: 848px;
	position: relative;
	top: 33px;
	left: 10px;
}

.headtoolbarWraperW .searchboxContainer_e {
	height: 70px;
	width: 280px;
	position: absolute;
	top: 25px;
	float: right;
	right: -75px;
}

.headtoolbarWraperW .searchboxContainer_f {
	height: 70px;
	width: 300px;
	position: absolute;
	top: 25px;
	float: right;
	right: -95px;
}

.headtoolbarContainerW {
	height: 40px;
	width: 650px;
	position: relative;
	top: 1px;
	float: left;
	padding: 0;
	margin: 0;
}

.headtoolbarW ul {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

.headtoolbarW li {
	display: inline;
	list-style-type: none;
	padding: 3px 10px;
}

.headtoolbarW li.spacer {
	display: inline;
	list-style-type: none;
	padding: 3px 110px 3px 0;
}

/*top nav*/

.topNavWraper {
	width: 853px;
	height: 26px;
	position: relative;
	top: 45px;
	left: 160px;
	clear: both;
	margin: 0;
	padding: 0;
	z-index: 103;
}

#topnav, #topnav ul {
	list-style: none;
}

#topnav a {
	display: block;
}

#topnav li {
	text-align: left;
	float: left;
	vertical-align: text-top;
	margin: 0;
	padding: 0;
}

#topnav li a {
	text-decoration: none;
	text-align: left;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#topnav li a:hover {
	color: #fff;
	margin: 0;
}

#topnav li ul {
	position: absolute;
	display: block;
	z-index: 101;
	left: -990em;
	width: 187px;
	margin: 0;
	background: url(../images/top_nav/top_nav_product_dd_top.gif) no-repeat 0 -30px;
}

#topnav li ul a {
	background-image: none;
	width: 171px;
	padding: 5px 8px;
}

#topnav li ul a:hover {
	background-image: none;
	width: 160px;
}

#topnav li ul a.last {
	border-bottom: 1px solid #f8cd00;
}

#topnav li:hover ul {
	left: auto;
}

#topnav li:hover ul.e, #topnav li.sfhover ul.e {
	right: 67px;
	position: absolute;
	z-index: 103;
}

#topnav li:hover ul.f, #topnav li.sfhover ul.f {
	right: 143px;
	position: absolute;
	z-index: 103;
}

.divider {
	background: url(../images/divider.gif) repeat-x;
	width: 171px;
	height: 2px;
	position: relative;
	left: 8px;
}

/*******CONTENT AND COLUMNS********/

.float-wrapW,.float-wrapW_home {
	float: left;
	width: 969px;
	margin: 0 auto;
}

.float-wrapW_home_e {
	padding: 0;
	margin: 6px 0 0;
	background: url(../images/bg_wide_e.jpg) repeat-x right bottom;
	height: 684px;
/

*** No need for hacking IE on this layout ***/
}

.float-wrapW_home_f {
	padding: 0;
	margin: 8px 0 0;
	background: url(../images/bg_wide_f.jpg) repeat-x right bottom;
	height: 708px;
/

*** No need for hacking IE on this layout ***/
}

/* @group Home Page */

/*********HOMEPAGE********/

.float-wrapW_home_e #content,
.float-wrapW_home_f #content {
	float: left;
	position: relative;
	width: 660px;
	background: url(../images/bg_home_main.jpg) repeat-x right bottom;
	margin: 0;
	min-height: 100px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
}

* html .float-wrapW_home_e #content,
* html .float-wrapW_home_f #content {
	position: relative;
}

.float-wrapW_home_e #content .contentWrap,
.float-wrapW_home_f #content .contentWrap {
	padding: 0;
}

.padleft {
	padding-left: 10px;
}

/*RIGHT COLUMN*/

.float-wrapW_home_e #right,
.float-wrapW_home_f #right {
	height: 630px;
	padding: 0;
	margin: 0;
	left: 4px;
	position: relative;
	float: left;
	overflow: hidden;
/*background: #fff url(../images/bg_home_right.jpg) no-repeat left bottom; */
}

.float-wrapW_home_e #right .contentWrap,
.float-wrapW_home_f #right .contentWrap {
	margin: 0px 0px 0px 5px;
	position: relative;
	float: right;
}

.float-wrapW_home_e #right .contentWrapCWB,
.float-wrapW_home_f #right .contentWrapCWB {
	margin: 0 0 2px;
	text-align: center;
	padding: 0;
	position: relative;
}


p.vid_link {
	display: block;
	height: 30px;
	text-align: right;
	position: relative;
	padding-right: 15px;
	padding-top: 10px;
}

p.vid_link a {
	text-decoration: underline;
}

.float-wrapW_home_e #right .contentWrap .vid_e {
	background: url(../images/bg_home_vid_e.gif) no-repeat 0 top;
	height: 165px;
	width: 289px;
	padding: 0px 0px 3px 13px;
	overflow:hidden;
}


.float-wrapW_home_f #right .contentWrap .vid_f {
	background: url(../images/bg_home_vid_f.gif) no-repeat 0 top;
	height: 168px;
	width: 289px;
	padding: 0 0 3px 11px;
	overflow:hidden;
}

#featured_vid {
	color: #FFF;
	background: #eee;
	margin-right: 10px;
	cursor: pointer;
	display: none;
}

#jFlowSlide {
	border: none;
	float: left;
	position: relative;
	width: 200px;
	padding-top:10px;
	padding-left:5px;
}

#featured_vid .jFlowSelected {
	background: #eee;
	display: none;
}

.jFlowPrev, .jFlowNext {
	cursor: pointer;
	float: left;
	width: 30px;
	padding: 3px;
	position: relative;
	height: 30px;
	top: 40px;
	left:10px;
}

.float-wrapW_home_e #right .contentWrap .bakingCenter_e {
	background: url(../images/bg_home_bakingcentral_e.gif) no-repeat 0 top;
	height: 270px;
	width: 289px;
	padding: 0;
	padding-left: 13px;
}

.float-wrapW_home_f #right .contentWrap .bakingCenter_f {
	background: url(../images/bg_home_bakingcentral_f.gif) no-repeat 0 top;
	height: 286px;
	width: 289px;
	padding: 0;
	padding-left: 11px;
}

.bakingCenter_e .block {
	margin: 0;
	text-align: left;
	padding-top:10px;
	padding-right:2px;
	position:relative;
	line-height:14px;
}

.safari .bakingCenter_e .block {
	margin: 0;
	text-align: left;
	padding-top:10px;
	padding-right:2px;
	position:relative;
	line-height:15px;
}

.bakingCenter_f .block {
	margin: 0;
	text-align: left;
	padding-top:10px;
	padding-right:2px;
	position:relative;
	left:-8px;
}

.bakingCenter_e .blockcenter,
.bakingCenter_f .blockcenter {
	margin: 0;
	padding-bottom: 2px;
	width: 285px;
	text-align: center;
}

select.bakingSearch {
	width: 258px;
	border: 1px solid #3F2600;
	position: relative;
	left:8px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	
}

.bakingCenter_e .cleardiv {
	width: 278px;
	height: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #DBD0C2;
}

.bakingCenter_f .cleardiv {
	width: 278px;
	height: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #DBD0C2;
}

.BCnavlist ul {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	padding-top: 10px;
}

.BCnavlist li {
	display: inline;
	list-style-type: none;
	color: #DBD0C2;
	text-align: center;
}

.BCnavlist a {
	padding: 0 5px;
}

.BCnavlist a:link, .BCnavlist a:visited {
	color: #cb3818;
}

/*CONTENTS*/

ul.inline {
	margin: 0;
	padding: 0;
}

ul.inline li {
	display: inline;
	list-style: none;
	height: 20px;
}

span.poll {
	height: 10px;
	padding-bottom: 10px;
	width: 400px;
	position: relative;
	top: -6px;
	font-weight: bold;
}

span.poll a:link {
	font: bold 11px/normal Verdana, Arial, Helvetica, sans-serif;
	color: #cb3818;
}

span.poll a:link {
	text-decoration: underline;
	padding-bottom: 10px;
}

div#pollPopBox {
	display: none;
	position: absolute;
	top: 405px;
	left: 475px;
	padding: 0;
	margin: 0;
	width: 184px;
	min-height: 125px;
	z-index: 90;
}

div#pollPopBox .box {
	background: url(../images/bg_pollPopBox.gif) repeat-y 0 top;
	padding: 8px;
	width: 181px;
	min-height: 122px;
}

div#pollPopBox .box table td {
	padding: 6px 0 2px;
}

div#pollPopBox .box table td.submit {
	padding: 10px 0 0;
}

div#pollPopBox .boxbtm {
	background: url(../images/bg_pollPopBox.gif) repeat-y 0 bottom;
	width: 184px;
	min-height: 2px;
}

.bigbox {
	float: left;
	top: 5px;
	position: relative;
	padding-top: 5px;
	padding-bottom: 0;
	padding-left: 8px;
}

.didyouknow {
	float: left;
	padding: 10px 0 0;
	margin: 0;
}

/* @end */

/* @group Recipe Landing Page */

/*******RECIPES LANDING*********/

.float-wrapW #recipeContent {
	float: left;
	width: 660px;
	background: white;
	height: 820px;
	padding: 0;
	margin: 0 0 0 220px;
}

.float-wrapW #recipeContent .contentWrap {
	padding: 0 0 8px;
}

.float-wrapW #recipeContent .dividerRecipes {
	border-bottom: 1px solid #DBD0C2;
	padding: 3px 0;
	float: left;
	position: relative;
	width: 90%;
}

/*LEFT COLUMN*/

.float-wrapW #recipeCat {
	float: left;
	width: 221px;
	height: 820px;
	margin-right: 4px;
}

.float-wrapW #recipeCat .contentWrap {
	margin: 0;
	padding: 0;
	background: #fff url(../images/recipes/bg_ourcollection.gif) no-repeat center top;
	min-height: 100px;
}

.float-wrapW #recipeCat .contentWrapEnd {
	margin: 0;
	padding: 0;
	background: #fff url(../images/recipes/bg_ourcollection.gif) no-repeat center bottom;
	height: 10px;
	margin-bottom: 25px;
}

.float-wrapW #recipeCat .contentWrap ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.float-wrapW #recipeCat .contentWrap ul li {
	margin-left: 10px;
	padding-bottom: 5px;
}

span.vid_tag {
	margin-left: 2px;
	padding: 0;
	width: 15px;
	height: 10px;
	background: url(../images/tag_vid.gif) no-repeat left bottom;
	display: inline-block;
	position:relative;
	top:2px;
}

span.new_e {
	margin-left: 5px;
	padding: 0;
	width: 50px;
	height: 10px;
	background: url(../images/tag_new_e.gif) no-repeat left;
	display: inline-block;
	position:relative;
	top:2px;
}

span.new_f {
	margin-left: 5px;
	padding: 0;
	width: 50px;
	height: 10px;
	background: url(../images/tag_new_f.gif) no-repeat left;
	display: inline-block;
	position:relative;
	top:2px;
}

.contentWrap ul li.header {
	padding-top: 10px;
	text-align: center;
	position: relative;
	left: -5px;
}

.contentWrap ul li.leftNavTop {
	padding-top: 10px;
}

.contentWrap ul li.banner {
	text-align: center;
	position: relative;
	left: 6px;
}

.safari .contentWrap ul li.banner {
	text-align: center;
	position: relative;
	left: -3px;
}

/*CENTRE COLUMN*/

.featuredBanner {
	height: 192px;
	width: 431px;
	position: relative;
	float: left;
	padding: 0 2px 4px 4px;
}

.timetobake {
	height: 192px;
	width: 301px;
	background: #fff url(../images/recipes/bg_timetobake.gif) no-repeat center top;
	position: relative;
	float: right;
	padding: 0 0 4px 2px;
}

.timetobake ul {
	list-style: none;
	padding: 7px;
	margin: 0;
}

.timetobake ul li {
	list-style: none;
	padding-bottom: 5px;
	margin: 0;
	text-align: center;
}

.timetobake ul li p {
	text-align: left;
	padding: 6px;
	line-height:14px;
}

.timetobake ul li p.tip {
	text-align: left;
	padding: 10px;
	margin-top:15px; 
	background-color:#ffffff; 
	display:block; 
	height:100px; 
	line-height:15px;
}

.timetobake ul li.header {
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 0;
}

.timetobake ul li.links_e {
	margin-top: 26px;
}

.timetobake ul li.links_f {
	margin-top: 15px;
}

.gecko .timetobake ul li.links_f {
	margin-top: 1px;
}

.recipe_divider {
	height: 4px;
	width: 740px;
	position: relative;
	float: right;
	margin-bottom: 5px;
	padding-top: 3px;
	background: url(../images/divider.gif) repeat-x bottom;
}

.recipe_divider_2 {
	height: 18px;
	width: 740px;
	background: url(../images/divider_2.gif) repeat-x top;
	position: relative;
	float: right;
	margin-bottom: 5px;
	padding-top: 3px;
}

.recipe_block {
	min-height: 60px;
	width: 220px;
	padding-right: 35px;
	position: relative;
	float: left;
	padding-bottom: 5px;
}

.video_block {
	min-height: 60px;
	width: 220px;
	padding-right: 10px;
	position: relative;
	float: left;
	padding-bottom: 5px;
}

/*.recipe_block{
	height: 220px;
	width: 220px;
	padding-right: 27px;
	position: relative;
	float: left;
	padding-bottom: 10px;
	
}
*/

.recipe_block_last {
	min-height: 60px;
	width: 220x;
	padding: 0px;
	position: relative;
	float: right;
	padding-bottom: 5px;
}

.video_block_last {
	min-height: 60px;
	width: 220x;
	padding: 0px;
	position: relative;
	float: right;
	padding-bottom: 5px;
}

.recipe_block ul,
.recipe_block_last ul {
	list-style: none;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	text-align: left;
}

.recipe_block ul li,
.recipe_block_last ul li {
	padding-top: 2px;
	white-space: nowrap;
}

/**************************
FOOTER
**************************/

/* @end */

/* @group Recipe Videos */
table.vid_table {
	margin-left: 20px;
	width: 700px;
}

.recipe_divider_2 {
	height: 18px;
	width: 740px;
	background: url(../images/divider_2.gif) repeat-x top;
	position: relative;
	float: right;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom:10px;
}
#vidRow1{
	width: 740px;
	position: relative;
	top:9px;
	right: 2px;
	float: right;
	text-align: right;
}

div.vid_subhead1{
	display: block;
	position: relative;
	left: 5px;
	top: 0px;
	width: 200px;
	float: left;
	text-align: left;
}

#vidRow2, 
#vidRow3, 
#vidRow4,
#vidRow5,
#vidRow6, 
#vidRow7,
#vidRow8,
#vidRow9,
#vidRow10,
#vidRow11,
#vidRow12,
#vidRow13{
	width: 740px;
	height:20px;
	position: relative;
	top: -26px;
	right: 2px;
	float: right;
	text-align: right;
}

div.vid_subhead{
	display: block;
	position: relative;
	left: 1px;
	top: -10px;
	width: 200px;
	float: left;
	text-align: left;
}

#vidRow1 span, 
#vidRow2 span, 
#vidRow3 span, 
#vidRow4 span,
#vidRow5 span, 
#vidRow6 span, 
#vidRow7 span, 
#vidRow8 span,
#vidRow9 span, 
#vidRow10 span, 
#vidRow11 span, 
#vidRow12 span, 
#vidRow13 span {
	color: #cb3818;
	cursor: pointer;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	width: 19px;
	height: 25px;
	display: inline-block;
	margin: 0;
	padding: 4px 2px 0;
}


#jFlowSlide1{
	border: none;
	height:195px;
	position:relative;
	top:35px;
} 


#jFlowSlide2,
#jFlowSlide3, 
#jFlowSlide4, 
#jFlowSlide5,
#jFlowSlide6, 
#jFlowSlide7, 
#jFlowSlide8, 
#jFlowSlide9, 
#jFlowSlide10, 
#jFlowSlide11, 
#jFlowSlide12, 
#jFlowSlide13 {
	border: none;
	height:165px;
	position:relative;
}



#vidRow1 span.jFlowSelected1, 
#vidRow2 span.jFlowSelected2, 
#vidRow3 span.jFlowSelected3, 
#vidRow4 span.jFlowSelected4, 
#vidRow5 span.jFlowSelected5,
#vidRow6 span.jFlowSelected6, 
#vidRow7 span.jFlowSelected7, 
#vidRow8 span.jFlowSelected8, 
#vidRow9 span.jFlowSelected9, 
#vidRow10 span.jFlowSelected10, 
#vidRow11 span.jFlowSelected11, 
#vidRow12 span.jFlowSelected12, 
#vidRow13 span.jFlowSelected13 {
	background: url(../images/bg_jFlowControl.gif) no-repeat top center;
	color: #ffffff;
	text-decoration: none;
}
/* @end */

/* @group Footer */

#footerW_e {
	width: 969px;
	height: 75px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: url(../images/footer_wide_e.gif) no-repeat 0 top;
}

#footerW_f {
	width: 969px;
	height: 75px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: url(../images/footer_wide_f.gif) no-repeat 0 top;
}

#footerW_e .footnavcontainer, 
#footerW_f .footnavcontainer {
	width: auto;
	margin:0px;
	padding-right:0px;
	text-align: left;
	padding-left: 30px;
	padding-top: 40px;
	height: 10px;
}

.footnavcontainer {
	width: 890px;
	text-align: left;
	padding-left: 0px;
	padding-top: 46px;
	left: 10px;
	height: 30px;
}

.makeitsimple {
	position: relative;
	float: left;
}

.footnavcontainer p {
	padding-left: 5px;
	color: #666666;
}

.footnavlist ul {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	color: #666666;
}

.footnavlist li {
	display: inline;
	list-style-type: none;
	color: #666666;
}

.footnavlist a {
	color: #3f658c;
	padding: 0 5px;
}

.footnavlist a:link, .footnavlist a:visited {
	color: #3f658c;
}

.footnavcontainer_e,
.footnavcontainer_f {
	position: relative;
	width: 969px;
	margin: 0 auto;
	top: -34px;
	left: 20px;
	height: 10px;
	text-align: left;
}

.makeitsimpleW {
	position: relative;
	float: left;
	left: 1px;
	padding: 0;
	margin: 0;
	z-index: 20;
}

/* @end */
