@CHARSET "UTF-8";

html,body, section, header, footer, article, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,table,th,td,small,big, menu {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: inherit;
	font-size: 100%;
}

/** generics **/

html,body { width: 100%; height: 100%; }

body {
	font-size: 70%; 
	font-weight:normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #f3f3f5;
}

section, header, footer, nav { display:block; } 

ol, ul, menu { list-style: none; }

a { text-decoration: none; outline: none; font-size: inherit; color: inherit; }
a img { border:none; }

.left { float: left; }
.right { float: right; }
.rotate45 { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);	-o-transform: rotate(45deg);}

/* page styling css */
.page { position: relative; width: 975px; height:auto; margin: 0px auto; background-color:#fff; padding: 0 0 200px; background: url('../images/parts/header.png') no-repeat left top, url('../images/parts/footer.png') no-repeat left bottom, url('../images/parts/midsection.png') repeat-y; }
.page img.pagelogo { position: absolute; right: 0px; top: 20px; }

.mainbody { position: relative; top: 120px; left:7px; display: block; width: 960px; height: auto; padding: 39px 0px 0 0px; text-align: left; color: #000; font-size: 100%; font-size: 12px; cursor: auto; line-height: 100%; }

#contentholder.busy { cursor: progress; }

.mainbody a { text-decoration: none; outline: none; font-size: inherit; color: inherit; }

.mainfooter { }
	
.contentbody { padding:0 0 0 0; }

.js-pageloading .mainbody { display:none; }

.mainbody:after,
.mainfooter:after,
.contentbody:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
	
#contentholder { position: relative; height: auto; top: 35px; }	
	#contentholder:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
	.contentbody { position: relative; top: 3px; }
	
/* Search */
.search { position:relative; float:left; top:0px; left: 10px; width:190px; height:auto; margin:0; z-index:1; }
	.searchinfo { position: relative; float: left; width: 740px; height: 27px; background-color: #ebe7e4; }
	.search header { position:relative; width:auto; padding:10px 6px 0px 14px; background: url(../images/parts/searchheader.png) no-repeat left top; }
	.search section { position:relative; padding:10px 16px 10px 14px; width:auto; min-height: 100px; background: url(../images/parts/searchmidsection.png) repeat-y; }
	.search footer { position:relative; padding:10px 16px 10px 14px; width:auto; height:14px; text-align:center; background: url(../images/parts/searchfooter.png) no-repeat left bottom; }
	.search footer > div { display:inline-block; cursor:pointer; }
	.search footer #findrecipes { position:relative; left:0px; top:0px; }
	
	.search #searchForm { padding: 0px 0px; margin: 0px 0px; }		
	.search #searchForm fieldset { margin:0 0 10px;}

	.search section li { position:relative; }
	.search section label { display:block; margin:0 0 4px; }
	.search section input[name="recipesearch"] { width:84px; height:15px; padding:2px 20px 2px 10px; background:url(../images/parts/bg_recipesearch.png) no-repeat center center;}
	.search section input[type="submit"] { position:absolute; right:0; width:40px; height:19px; cursor:pointer; }
	
	.search section span.clearsearch { position:absolute; display: inline-block; width:15px; height:16px; left:96px; background:url(../images/icons/clearsearch.png) no-repeat left 2px; cursor:pointer; }

	.search span { display:inline-block; }
	.search ul li { position:relative; width:auto; line-height:15px; margin:0 0 10px; }
	.search ul li:last-child { margin:0; }

	.extendedsearchswitch { margin: 0 0 8px 0; }
	.extendedsearch { display: none; }
	.searchcrumb .crumb { font-size:11px; left:5px; margin:10px 0 25px; position:relative; color:#666666; } 
	.searchcrumb span { font-weight:bold; }

	#quicksearch { position:absolute; padding: 0; right:0px; top: 17px; width:40px; height:19px; cursor:pointer; }

	#extendedsearchswitch1 { display: block; }
	#extendedsearchswitch2 { display: none; }


/* Selectbox */
.searchholder { display:inline-block; padding: 0; width: auto; height: auto; background: none; }
	.searchholder .selectbox { display:inline-block; padding: 0; position:relative; width:125px; line-height:19px; padding:0 25px 0 10px; background:url(../images/parts/dropdown.png) no-repeat left center; overflow-x: hidden; cursor: pointer; }
	.searchholder .selectfield { display:inline-block; width: 100%; padding: 0; word-wrap:suppress; text-wrap:suppress; overflow: none; }
	.searchholder .icon.select { display:inline-block; position:absolute; padding: 0; top:2px; right:2px; width:15px; height:15px; background:url(../images/parts/dropdownbut.png) no-repeat center center; z-index:1; cursor:pointer; }
	.searchholder .menuholder { display:none; position:absolute; background: none; padding: 0; top:0; width:158px; height: auto; max-height:115px; overflow-y:hidden; background:#FFF; border:1px solid #78AE18; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; z-index:10; } 
	.searchholder .menuholder .selectmenu { width:auto; position:relative; padding:2px; }
	.searchholder .menuholder .selectmenu.vscrollable { width:145px; position:relative; padding:2px; overflow-x:hidden;}
	.searchholder .menuholder .selectmenu li.menuoption { margin:1px; width: auto; padding:3px 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
	.searchholder .vscrollerbar { position: absolute; padding: 0; width: 8px; height: 30px; background-color: #bbb; top: 2px; right: 2px; z-index: 10; border-radius: 8px; -moz-border-radius:8px; -webkit-border-radius:8px; opacity: 0.6; }
	.searchholder .vscrollerbar.down { background-color: #999; }

	.search .searchholder .menuholder { top:37px; }
	.search .searchholder .menuholder .selectmenu  > li.menuoption { width:auto; margin:0; }

/* Main menu */
#mainmenu { position:absolute; top:0px; left:0px; height:39px; }
	#mainmenu:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
	#mainmenu menu { width: 800px; height:30px; padding-top: 9px; background: url(../images/shadows/nav-top-shadow.png) no-repeat right -5px, url(../images/shadows/nav-bottom-shadow.png) no-repeat right bottom; z-index:1; }
	#mainmenu menu:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
	
	#mainmenu li:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }

	#mainmenu menu > li { float:left; display:inline-block; height:30px; width:auto; background:url(../images/icons/main_menu_icons.png) no-repeat left top, url(../images/shadows/nav-bottom-shadow.png) no-repeat left bottom, url(../images/parts/dotted_seperation.png) no-repeat right bottom; background-color:#98C61E;  }
	#mainmenu menu > li:hover { background-color:#72A521; }	
	#mainmenu menu > li.selected,
	#mainmenu menu > li.selected:hover { position:relative; top:-8px; height:39px; margin:0 -7px; padding:0 7px; background:url(../images/parts/menu-selected.png) no-repeat left bottom, url(../images/parts/menu-selected.png) no-repeat right bottom; z-index:1; }
	#mainmenu menu > li:first-child.selected  { margin-left:0; padding-left:0; background: url(../images/parts/menu-selected.png) no-repeat right bottom; }

	#mainmenu menu li a { height: 33px; }

/* homepage - ads container */
.ads_container { position:relative; float:left; top:-3px; left:0; width:562px; height:auto; }
	.ads_container:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
	.ads_container .overlay { position:absolute; width:110px; bottom:5px; left:3px; height:40px; /*padding:3px 5px 5px 3px;*/ z-index:15;}
	.ads_container .overlay header { position:absolute; top:3px; left:3px; width:550px; height:40px; z-index:2; }	
	.ads_container .ads { position:relative; width:550px; height:360px; -moz-border-radius: 3px; border-radius:3px; -webkit-border-radius: 3px;  padding:3px 5px 5px 3px; z-index:5; background:url(../images/ads_container/ads-container-bg.png) no-repeat center top; z-index:10;}
	.ads_container .ads .view { display:block; position:relative; width:100%; height:100%; overflow:hidden; z-index:0; }
	.ads_container .ads .view li { position:relative; width:100%; height:360px; z-index:1; }
	.ads_container .ads .view li.selected { background-color: #FFFFFF; }
	.ads_container .ads .view li a span { height:360px; position:absolute; width:100%; }
	.ads_container footer { position:absolute; width:110px; height:40px; z-index:1; }
	.ads_container footer ul { position:absolute; bottom:5px; left:5px; width:auto; height:9px;}
	.ads_container footer ul:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
	.ads_container footer ul li { float:left; display:inline-block; width:9px; height:9px; margin:0 5px 0 0; cursor:pointer; text-indent:-999em; background:url(../images/ads_container/menubar.png) no-repeat left top; }
	.ads_container footer ul li:hover,
	.ads_container footer ul li.selected { background-position:left -15px; }
	.ads_container footer .readmore { display:block; position:absolute; right:10px; bottom:10px; }

/* dish of the day - homepage */
.dotd { position:relative; height:360px; padding:3px 5px 5px 3px;  width:550px; z-index:999; float:left;}
	.dotd header { background:url("../images/icons/iconheat.png") no-repeat scroll 10px 0px transparent; left:10px; top:10px; height:40px; padding:0 30px 0 50px; position:relative;  }
	.dotd header h3 { position:relative; color:#999999; font-size:25px; line-height:40px; }
	.dotd footer { -moz-border-radius:0 0 3px 3px;  border-radius:0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; background-color:#EEEEEE; border-top:1px dashed #DDDDDD; left: 0px; bottom:5px; height:35px; position:absolute; width:550px; } 
	.dotd footer span{ float:right; margin:-4px 0 0 0; } 
	
	.dotd .image { width:248px; height:217px; position:relative; top:30px; float:left; left: 20px; }
	.dotd .description { position:absolute; right:15px; width:250px; height: 280px; font-size: 10px; font-weight:normal; font-family:'Verdana', Arial, sans-serif; overflow: hidden; color:#000; }
	.dotd .description h3 { color:#5A8029; font-family:'Gill'; font-size:18px; padding: 10px 0; }
	
	.dotd .description .dotdingredients { display:inline-block; position:absolute; }
	.dotd .description .dotdingredients menu { width:120px; font-size:11px; }
	.dotd .description .dotdingredients menu li { list-style-position:outside; list-style-type:disc; margin-left:15px; height:auto; width:auto; padding-bottom: 4px; line-height: 14px; }
	.dotd .description .dotdingredients menu li:first-child { border-bottom:1px solid lightgrey; font-weight:bold; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 10px 0; padding:0 0 10px; }

	.dotd .description .dotdcalories { display:inline-block; position:absolute; right:5px; width:120px; height: 230px; }
	.dotd .description .dotdcalories menu { width:120px; height: 228px; font-size:11px; overflow: hidden; }
	.dotd .description .dotdcalories menu li:first-child { border-bottom:1px solid lightgrey; font-weight:bold; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 10px 0; padding:0 0 10px; }
	.dotd .description .dotdcalories menu li { height:auto; width:auto; padding-bottom: 4px; line-height: 14px;}
	
	.dotd a.dotdbutton { border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius:3px 3px 3px 3px; color:#fff; background:transparent url(../images/icons/icondish.png) no-repeat scroll 98% 4px; background-color:#86C11B; float:left; height:18px; margin:10px; padding:3px 35px 0 10px; position:relative; width:auto; z-index:999;}

/* Content */
.content { position: relative; float:left; margin:0; padding:0 0 0 17px; width: 562px ; height: auto; }
.content:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }

.contentbody.home aside { position:relative; top: 0px; right: 15px; width:174px; padding: 0; }
.chef aside, .endorsers aside { position:relative; top: 9px; margin-right: 12px; width:550px; height: auto; }
.contentbody aside:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
	
/* Dialogbox */
#dialogbox_overlay { display: none; position:fixed; top:0; left:0; background:#f0f0f0; -moz-opacity:0.90; -webkit-opacity:0.90; opacity:0.90; width:100%; height:100%; z-index:9998; overflow:hidden; }

#dialogbox { display:none; position:absolute; padding: 2em; width: auto; height:auto; overflow:hidden; z-index:9999; }
	#dialogbox_inner { position:relative; padding: 10px; width: 500px; height:auto; background-color:#fff; -moz-border-radius:2px; border-radius:2px; -webkit-border-radius:2px; -moz-box-shadow:0 0 5px #666666; -webkit-box-shadow:0 0 5px #323232; box-shadow:0 0 5px #c4c4c4; }
	#dialogbox_content .header { position: relative; left: 0px; top: 0px; width: 470px; }
	#dialogbox_content .header span { color: #86C11B; font-family:"Gill", Verdana, Arial, sans-serif; font-size: 20px; font-weight:bold; line-height:23px; }
	#dialogbox_content .header a.close { position: absolute; right: -30px; top: 0px; padding: 4px 10px; font-weight: bold; background-color: #86C11B; color: #FFFFFF; -moz-border-radius: 3px 3px 3px 3px; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; }

	#dialogbox_content form { position:relative; width: 500px; top: 20px; }
	#dialogbox_content form * { color: #444444; font-size: 11px; }
	#dialogbox_content form .label { position: relative; left: 0px; float: left; margin-bottom: 5px; width:175px; }
	#dialogbox_content form .field { position: relative; right: 0px; float: left; margin-bottom: 5px; width:325px; }
	
	#dialogbox_content form .overlayfieldscomment .label,
	#dialogbox_content form .overlayfieldscomment .field { margin-top: 30px; }
	
	#dialogbox_content form input { border:1px solid #999999; width:325px; height:15px; }
	#dialogbox_content form textarea { border:1px solid #999999; width:325px; height:100px; }

	#dialogbox_content .required { position: absolute; right: 0px; top: 10px; }
	#dialogbox_content .rules { position: absolute; left: 175px; bottom: 210px; overflow: hidden; }

	#dialogbox_content .confirmation { position:relative; top: 20px; width: 500px; height: 315px; display:none; }
	#dialogbox_content .confirmation .confirmationtxt { position: absolute; top: 150px; left: 57px; width: 400px; height: auto; text-align: center; color: #86C11B; font-size:18px; font-weight:bold; font-family: "Gill",Verdana,Arial,sans-serif; }

	#dialogbox_content .cancel,
	#dialogbox_content .send,
	#dialogbox_content .closed
			{ cursor:pointer; padding: 5px 12px; color:#ffffff; float: right; -moz-border-radius: 3px 3px 3px 3px; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; }
	#dialogbox_content .cancel { background-color:#999999; margin-right: 10px; }
	#dialogbox_content .send,
	#dialogbox_content .closed
			{ background-color:#86C11B; }
	#dialogbox_content .closed
			{ position: absolute; bottom: 0; right: 0; }

/* Celeb chef */
.celebchef { position: relative; float: left; width: 210px; height: 360px; top:12px; left:22px; background-color:#FFF; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow: 1px 1px 5px #BBB; -webkit-box-shadow: 1px 1px 5px #BBB; }
	.celebchef:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
	.celebchef .chefimage { position:absolute; top: 40px; width: 210px; height: 240px; background: url(../images/backgrounds/chefgordon.png); }
	.celebchef footer { position: absolute; bottom: 0px; height: 20px; width: 100%; border-top:1px dashed #DDD; background-color:#EEE; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; }
	.celebchef header { position: relative; padding:0 10px; }
	#chefappliances { position:relative; left:0px; }

/* right hand homepage item */
.ad220 { position: relative; background: url(../images/shadows/220x370.png); float: left; width: 220px; height: 370px; top:5px; left:9px; }
	.ad220:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
	.ad220inner { position: absolute; top:5px; left:4px; width: 210px; height: 360px; background-color:#FFF; border-radius:3px; }
	.ad220inner header { position: relative; padding:0 10px; }
	.ad220inner .imagein { position:relative; top: 0px; width: 210px; height: 240px; }
	.ad220inner article { position: relative; top: 0px; width: 210px; height:50px; overflow: hidden; }
	.ad220inner article p { padding: 0 5px 0 10px; }
	.ad220inner footer { position: absolute; bottom: 0px; height: 20px; width: 100%; border-top:1px dashed #DDD; background-color:#EEE; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; }

/* left hand homepage item */
.videoplayermain { position: relative; background: url(../images/shadows/330x370.png); float:left; width: 330px; height: 370px; top:6px; left:-1px; }
	.videoplayermain:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
	.videoplayerinner { position: absolute; top:4px; left:5px; width: 320px; height: 360px; background-color:#FFF; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; }
	.videoplayerinner div.vidplayer { position:absolute; top: 40px; width: 320px; height: 240px; }
	.videoplayerinner footer { position: absolute; bottom: 0px; height: 20px; width: 100%; border-top:1px dashed #DDD; background-color:#EEE; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; }
	.videoplayerinner header {  position: relative; padding:0 10px 0 50px; background:url(../images/icons/cookgray.png) no-repeat 10px center; }
	.videoplayermain .ad220inner { width: 320px; }
	.videoplayermain .imagein { width: 320px; }
	.videoplayermain .ad220inner article { width: 320px; }


/* Carrousel Design */
.carrousel { position: relative; width: auto; height: auto; }
.carrousel:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }

.carrouselview { position: relative; width: 930px; height: 170px; background-color:#faf9f8; float:left; padding:10px 0 0 10px;  margin: 10px 10px 0 10px; overflow:hidden; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; }
	.carrouselview:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }	
	.carouselholder .carrouselview { display: block; }
	
	.carrouselview ul { position: relative; top: 10px; float:left; width: 10000px; height:150px; list-style: none; display:inline; padding: 0px 8px; margin:0 0 0 0; }
	.carrouselview li.selected { background-image: none; -moz-border-radius: 3px; border-radius:3px; -webkit-border-radius: 3px; }

.carouselnav { position: relative; width: 940px; border-top: 1px dotted #d7d7d7; background-color:#faf9f8; float:left; margin:0 0 0 10px; -moz-border-radius: 0px 0px 3px 3px; border-radius:0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; height:30px; }
	.carouselnav:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }	
	.carouselnav .nav .prev { cursor: pointer; background:url("../images/icons/iconprev.png") no-repeat scroll left 6px #999999; color:#FFFFFF; float:left; height:18px; padding:2px 20px 0 30px; position:relative; width:auto; -moz-border-radius: 3px 3px 3px 3px; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; margin:5px; }
	.carouselnav .nav .next { cursor: pointer; background:url("../images/icons/iconnext.png") no-repeat scroll right 6px #999999; color:#FFFFFF; float:right; height:18px; padding:2px 30px 0 20px; position:relative; width:auto; -moz-border-radius: 3px 3px 3px 3px; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; margin: 5px;  } 
	.carouselnav .paging { color: #FFFFFF;  position: absolute; top: 8px; width: 300px; height:auto; color:#999999; text-align: center; left:50%; margin-left: -150px; } 

li.carrouselitem { position: relative; float: left; width: 140px; height: 140px; margin:0 13px 0 0; background: url(../images/shadows/140x140.png); }
	li.carrouselitem .inner { position: absolute; top: 5px; left: 5px; width: 130px; height: 130px; -moz-border-radius: 3px; border-radius:3px; -webkit-border-radius: 3px; box-shadow: 0 0 0px #000000; -moz-box-shadow: 0 0 0px #000000; -webkit-box-shadow: 0 0 0px #000000;}
	li.carrouselitem .title { position: absolute; width:123px; height: 36px; left: 5px; top: 96px; overflow:hidden;  background-color: #EEE; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px;}
	li.carrouselitem .selectedtab { position: absolute; display:none; left: 35px; top: 140px; width: 70px; height: 15px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; }
	li.carrouselitem .vidoverlay { position: absolute; left: 46px; top: 30px; width: 48px; height: 48px; background: url('../images/icons/iconplay.png') no-repeat; z-index: 55; } 

/* This allows us to customize the experience */
.carrouselview li.carrouselitem.selected .selectedtab { background-color:#86c11b; display:inline-block; }
.carrouselview li.selected { background-color:#86c11b; }

.chef .carrouselview li.carrouselitem.selected .selectedtab { background-color:#CB3951; }
.chef .carrouselview li.selected { background-color: #CB3951; }

.cookingschool .carrouselview li.carrouselitem.selected .selectedtab { background-color:#FF6600; }
.cookingschool .carrouselview li.selected { background-color: #FF6600; }

/* tabs (used throughout system) */

.tabheader { position: relative; display: block; width: auto; height: auto; }
.tabheader:after { content:"."; display: block; clear:both; height:0; visibility:hidden; }

.tab { position: relative; float: left; width: 100%; height: auto; border-bottom: 1px solid #d7d7d7; margin: 0 0 5px 0; }
.tab:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }

.tab p { position: relative; float: left; display: inline-block; white-space: nowrap; max-width: 240px; overflow: hidden; height: 12px; line-height:12px; -moz-border-radius: 3px 0px 0 0; -webkit-border-radius: 3px 0px 0 0; border-radius: 3px 0px 0 0; background-color: #EBE7E4; }
.tab span { position: relative; display: inline-block; float: left; width: 10px; height: 26px; background-color: #EBE7E4;  -moz-border-radius: 0px 3px 0 0; -webkit-border-radius: 0px 3px 0 0; border-radius: 0px 3px 0 0; }

/* .appliances .tab p { max-width: 160px; } */
.appliances .tab p { max-width: 300px; }
.tab a.button { font-size: 11px; }

/* search stuff on recipe browser page */

.searchrefine { position: relative; left: 5px; min-height: 20px; width: 730px; height: auto; border-bottom: 1px solid #d7d7d7; float: left; }
	.searchrefine .pageinfo { position: relative; float: left; height: 18px; padding: 3px 5px 0 5px; background-color: #ebe7e4; font-size: 11px; -moz-border-radius: 3px 3px 0 0; border-radius:3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; }
	.viewtext { position:absolute; right:50px; top:2px; }
	.pagelistview { position: absolute; top: 0px; right: 0px; width: 19px; height: 19px; cursor:pointer; background-color:#6e6e6e; }
	.pagegridview { position: absolute; top: 0px; right: 25px; width: 19px; height: 19px; cursor:pointer; background-color:#6e6e6e; }
	.selected { background-color: #98C61E; }	
	.searchrefine .gosearch { position: absolute; top: 0px; right: 110px; padding: 0 4px 2px 4px; width: 19px; text-align: center; height: 17px; no-repeat 0px 0px; cursor:pointer; background-color: #98C61E; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-repeat: no-repeat; }

.searchrefine .pageinfosort { position: absolute; top: 0px; right: 140px; }
	.searchrefine .pageinfosort .label { position: relative; top: 3px; left: 0px; vertical-align: top; }
	.searchrefine .pageinfosort .selector { position: relative; top: 0px; left: 10px; }
	.searchrefine .pageinfosort .selector .searchholder .menuholder { top:18px; right:0; line-height: 15px; }


/* recipe grid and list view stuff */

.recipes.grid  { position: relative; float: left; left: 0px; width:760px; height: auto; top:10px; }
	.recipes.grid .recipeitem { position: relative; float: left; width: 180px; height: 180px; margin:0 7px 10px 0; background: url(../images/shadows/180x180.png); }
	.recipes.grid .recipeitem a .inner { position: absolute; top:5px; left: 5px; width: 170px; height: 170px; background-color: white; box-shadow: 0 0 0px #000000; -moz-box-shadow: 0 0 0px #000000; -webkit-box-shadow: 0 0 0px #000000; background-repeat: no-repeat; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
	.recipes.grid .recipeitem a header { position: absolute; left: 5px; top: 115px; width: 160px; height: 25px; overflow:hidden; margin:5px 0px 0px 5px; }
	.recipes.grid .recipeitem a .recipecomment { display: none;}
	.recipes.grid .recipeitem a .recipeingredients { display: none;}
	.recipes.grid  footer { position: absolute; left:5px; top:155px; width: 160px; height: 20px; padding:0 5px 0 5px; border-top: 1px dotted #d7d7d7; background-color: #f4f4f4; -moz-border-radius: 0px 0px 3px 3px; border-radius:0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; }
	.recipes.grid  footer span.short { position: absolute; top: 4px; width: 81px; overflow:hidden; height: 12px; line-height: 10px; background: url(../images/icons/iconclock.png) no-repeat 0px 1px; padding-left: 14px; white-space: nowrap;}
	.recipes.grid  footer span.short:after { content:"..."; display:block; clear:both; height:0; visibility:hidden;}
	.recipes.grid  footer span.long { display:none; }
	.recipes.grid  footer span.ratingtext { display:none; }

.recipes .noresults { position: relative; float: left; left: 5px; width:760px; height: auto; top:10px; font-size: 12px; }

/* list view */
.recipes.list { position: relative; left: 0px; float: top; width:760px; height: auto; top:10px; }
	.recipes.list .recipeitem { position: relative; float: left; width: 100%; height: 120px; margin:0 7px 10px 0; background: url(../images/shadows/180x120.png) no-repeat; }
	.recipes.list .recipeitem a .inner { position: absolute; top:5px; left: 5px; width: 170px; height: 110px; background-color: white; box-shadow: 0 0 0px #000000; -moz-box-shadow: 0 0 0px #000000; -webkit-box-shadow: 0 0 0px #000000; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
	.recipes.list .recipeitem a header { position: absolute; left: 185px; top: 5px; width: 550px; height: 20px; border-bottom: 1px solid #d7d7d7; }
	.recipes.list .recipeitem a .recipecomment { position: absolute; width: 550px; line-height: 20px; height: 40px; top: 25px; left: 185px; padding:5px 0 0 0; border-bottom: 1px dotted #d7d7d7; overflow:hidden; }
	.recipes.list .recipeitem a .recipeingredients { position: absolute; width: 550px; line-height: 23px; height: 23px; top: 70px; left: 185px; overflow:hidden; }
	.recipes.list  footer span.short { display:none; }
	.recipes.list  footer { position: absolute; left:185px; bottom:5px; width: 550px; height: 20px; line-height:20px; border-top: 1px dotted #d7d7d7; border-bottom: 1px solid #d7d7d7; overflow: hidden;}
	.recipes.list  footer span.long { background: url(../images/icons/iconclock.png) no-repeat 0px 2px; padding-left: 15px; position:relative; }
	.recipes.list  footer span.ratingtext { position: absolute; height: 20px; width: 50px; right: 55px; color:#A0A0A0; }
	
/* recipe detail specific */
	.recipedetailview .recipedetails { position: relative; float: right; display: inline-block; width: 235px; height: auto; }
	.recipedetailview .recipebigimg { position: relative; float: left; height: 250px; width: 250px; -moz-box-shadow: 0 0 3px #808080; box-shadow: 0 0 3px #808080; -webkit-box-shadow: 0 0 3px #808080; overflow:hidden;}
	.recipedetailview .recipedescription { position: relative; float: left; width: 100%; height: auto; background-color: #EBE7E4; margin: 0 0 20px 0; -moz-border-radius: 3px; border-radius:3px; -webkit-border-radius: 3px; }
/* ingredients panel */
.ingredientspanel { position:relative; width: 225px; height: auto; float:left; margin:50px 0 0 20px; }
	.ingredientspanel:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
	.ingredientspanel .recpingred { position: relative; display: inline-block; width: auto; height: auto; }
	.ingredientspanel .recpingred:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
	.ingredients { position: relative; top: 10px; left: 0px; width: auto; height; auto; }
	.ingredients li { padding: 4px 0 4px 20px; background: transparent 0px 6px no-repeat url(../images/icons/iconingredientbullet.png); }

/* rate this dish panel */ 
.ratethisdish { position: relative; top: 15px; left: 10px; width: 550px; height: 40px; float: left; background-color: #ebe7e4; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
	.ratethisdish:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
	.ratethisdish span.ratedishtext { position: relative; float: left; margin:0px 12px; font-weight: bold; line-height: 40px; }
	.ratethisdish .iconsdish { position: relative; top:-2px; height: 34px; float: left; }
	.ratethisdish .iconsdish ul { position: relative; top: 5px; }
	.ratethisdish .iconsdish li.rate { position: relative; float: left; width: 18px; height: 34px; margin-right: 0px;}
	.ratethisdish .iconsdish li.rate.set { background: url("../images/ratings/largeForkgreen.png") no-repeat; }
		.chef .ratethisdish .iconsdish li.rate.set { background: url("../images/ratings/largeForkred.png") no-repeat; }
		.endorsers .ratethisdish .iconsdish li.rate.set { background: url("../images/ratings/largeForkblue.png") no-repeat; }
		.appliances .ratethisdish .iconsdish li.rate.set { background: url("../images/ratings/largeForkpink.png") no-repeat; }
	.ratethisdish .iconsdish li.rate.unset { background: url("../images/ratings/largeFork.png") no-repeat; }
	.ratethisdish .notice {  float:left; line-height: 40px; padding-left: 10px; }
	
/* utilities panel  */
.utilities { position: relative; top: 50px; left: 10px; width: 330px; height: 21px; clear: left; }
	.utilities a.print, .utilities a.sendtofriend { position: relative; float: left; padding:8px 12px 8px 25px; color:#FFFFFF; text-decoration: none; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; }
	.utilities a.print { background: #86C11B 6px 9px no-repeat url("../images/icons/iconprint.png"); }
	.utilities a.sendtofriend { left: 10px; background: #86C11B 6px 9px no-repeat url("../images/icons/iconsendtofriend.png"); }
		.chef .utilities a.print { background-color:#CC3A51; }
		.chef .utilities a.sendtofriend { background-color:#CC3A51; }
		.endorsers .utilities a.print { background-color: #76C3D5; }
		.endorsers .utilities a.sendtofriend { background-color: #76C3D5; }

/* other recipe suggestions panel  */
.recipesuggestions { position: relative; left: 10px; top: 80px; }
	.recipesuggestions header { position: relative; left: 0px; width: 940px; height: 35px; }
	.recipesuggestions .suggestion { position: relative; width: 920px; height: 160px; padding:10px 0px; overflow:hidden; margin-bottom: 50px; }
	.recipesuggestions .suggestion menu { position: relative; height:140px; display:inline; }
	.recipesuggestions .suggestion li { margin: 0 0 0 12px; }
	.recipesuggestions .suggestion li:first-child { margin-left: 20px; }
	
/* pager */

#pager { position: relative; float:left; margin:10px 0 0 0; width: 720px; left: 3px; height: auto; }
	#pager menu { position: relative; float:left; list-style: none; display:inline; }
	#pager menu li { position: relative; float:left; height: 18px; line-height:17px; text-align: center; padding:2px 12px 3px 12px; margin:0 10px 0 0; color:#577d2a; background-color:#f4f4f4; list-style: none; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; cursor:pointer; }
	#pager menu a { position: relative; float:left; height: 18px; line-height:17px; text-align: center; padding:2px 12px 3px 12px; margin:0 10px 0 0; color:#577d2a; background-color:#f4f4f4; list-style: none; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; cursor:pointer; }

.banners { position: relative; left:0px; top: -2px; width: auto; height: auto; margin: 0 0 20px 0; }
	.banner { position: relative; top:-3px; width: 180px; height: 180px; margin: 0 0 9px 0; background: url(../images/shadows/180x180.png); }
	.banner .bannerimage { position:relative; background: white; width:170px; top:5px; left:5px; height: 130px; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; }
	.banner .text { position: absolute; left:5px; bottom: 5px; min-height: 50px; max-height: 105px; width: 150px; padding: 10px 10px 10px; background-color: #86c11b; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; overflow:hidden; }
	.banner .text header { position: relative; width: 150px; }
	.banner .text footer { position: relative; width: 150px; }

/* button elements positioning */
	a.button { color:#fff; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius:3px 3px 3px 3px; background:url("../images/icons/iconnext.png") no-repeat scroll right 7px; float:left; height:19px; margin:10px; padding:4px 25px 0 10px; position:relative; width:auto; float:right; margin:0;}
	.chefsrecipe { position:relative; float:left; height:auto; margin:13px 0px 10px 10px; width:550px; left: -10px;] }
	.chefsrecipe .recipes { height:375px; overflow:hidden; width:570px; }	
	.profile footer .button { float:left; margin:8px; }
	
/*  general - breadcrumb	*/
.crumbsholder { position: relative; top: 0px; left: 0px; float:left; width: 900px; height: 23px; margin:0; z-index: 100; }
	.breadcrumb { list-style: none; overflow: hidden; width:100%; font-size:11px; }
	.breadcrumb li { height:19px; float:left; padding:3px 5px 0; }
	.breadcrumb li:first-child { background-color:#577c2e;  padding-right:5px; padding-left:10px;}
	.breadcrumb li.last { background-color:#ebe6e4; padding-right:15px; -moz-border-radius: 0px 3px 3px 0px; border-radius:0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; padding-left:20px; background-repeat:no-repeat; background-image:url("../images/parts/breadcrumbsprint.png"); background-position:left -93px;} 
	.breadcrumb li.last a { color:#000000; } 
	.breadcrumb li.sec { background-color:#98c51e; background-position:left -139px; background-image:url(../images/parts/breadcrumbsprint.png); background-repeat:no-repeat; padding-left:18px;}
	.breadcrumb li.sec a { color:#ffffff; }	
	.breadcrumb li.third { background-color:#98c51e; background-image:url(../images/parts/breadcrumbsprint.png); background-position:left -114px; background-repeat:no-repeat; padding-left:20px;}
	.breadcrumb li.third a { color:#ffffff; }	
	
	.chef .breadcrumb li:first-child { background-color:#8D1328;}
	.chef .breadcrumb li.sec { background-color:#CB384F; background-position:left -46px; } 
	.chef .breadcrumb li.third { background-color:#CB384F; background-position: left 0;}
	.chef .breadcrumb li.last { background-position: left 0;}
	
	.endorsers .breadcrumb li:first-child { background-color:#459FB4;}
	.endorsers .breadcrumb li.sec { background-color:#76C3D5; background-position: left -322px; } 
	.endorsers .breadcrumb li.third { background-color:#76C3D5; background-position: left -300px;}
	.endorsers .breadcrumb li.last { background-position: left -276px;}
	
	.appliances .breadcrumb li:first-child { background-color:#DD337A;}
	.appliances .breadcrumb li.sec { background-color:#DD337A; background-position: left -322px; } 
	.appliances .breadcrumb li.third { background-color:#DD337A; background-position: left -23px;}
	
/* celeb chef page - celebchefs profile */
.profile { width: 379px; float:left; height: 415px; margin: 20px 0 0 10px; position:relative; background-image:url("../images/parts/cp-container-bg.png"); }
	.profile:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
	.profile h3 { position:relative; float:left; font-size: 25px; line-height: 40px; padding: 0 0 0 10px; top: 3px; }
	.profile .image { position: relative; float: left; left:3px; width:370px; height: 200px; }
	.profile .text { position: relative; padding:15px 10px 60px; height: auto; overflow:hidden; float: left; font-size: 11px; width: 350px; color: #444444; }
	.profile footer { position: absolute; bottom: 6px; left:3px; height: 40px; width: 370px; background-color:#f4f4f4; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-top: 1px dotted #d7d7d7  }
	.profile a.visitblog { position: relative; float: left; height: 18px; width: auto; color: #fff; padding:2px 25px 0 5px; -moz-border-radius: 3px 3px 3px 3px; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; margin: 10px; background:url("../images/icons/iconnext.png") no-repeat scroll right 5px #CB3951; }
	.profile span.newwindow { position: relative; float: left; margin: 10px; color: #999999; }	
	
	.chefsappliances .recipes.grid { float:right; height:auto; left:5px; position:relative; top:10px; width:570px; }
	
/* recipe detail page */
.recipedetailview,
	.chefrecipedetailview 	 { position: relative; width: 498px; height: auto; float: left; margin: 10px 0 0 10px; }
	.recipedetailview .recipecreatorimg { position: relative; float: left; height: 250px; width: 250px; }	
		
/* structure pageview navigation pager info */
.pager { position: relative; float:left; margin:10px 0 0 0; }
	.pager ul { position: relative; float:left; list-style: none; display:inline; }
	.pager ul li { position: relative; float:left; padding:5px 10px 5px 10px; margin:0 10px 0 0; color:#577d2a; background-color:#f4f4f4; list-style: none; -moz-border-radius: 3px 3px 3px 3px; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; }
	.pager ul li.selected { background-color:#86c11b; color:#fff; font-weight:bold; -moz-border-radius: 3px 3px 3px 3px; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; }
	.pager ul li:last-child { background:none; color:#A0A0A0; }

/* recipe detail page -  nutrition overview element */
.nutritionpanel { position: relative; height: auto; width: 100%; }
	.nutritionpanel li { -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; position: relative; float:left; width: 225px; height: 20px; background-color: #f4f4f4; margin:3px 3px 0 0; } 
	.nutritionpanel li .nutrition { -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; position: relative; float:left; width: 137px; color:#fff; font-size: 11px; height: 17px; padding:3px 0 0 5px; }
	.nutritionpanel li .caloriegrm { position: relative; float:left; width: auto; margin-left: 10px; padding-top: 3px;  }
	.nutritionpanel li .calorieproc { -moz-border-radius: 7px 7px 7px 7px; position: relative; left: 3px; clear:left; width: 35px; background-color: #fff; color:#000; font-size: 11px; height: 15px; padding:1px 1px 0px 1px; margin:3px 0 0; text-align:center; }
	.nutritionpanel:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
	
/* recipe detail page - this dish panel */
.thisdish {  float:right; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;  position: relative; width: 158px; height: auto; margin:50px 10px 0 0; background-color: #F4F4F4; padding:10px 10px 20px; }
	.thisdish .dish { position: relative; list-style: none; display: inline; width: 150px; list-style-position: outside;}
	.thisdish .dish li { border-bottom: 1px solid #C2C2C2; line-height: 1.0em; padding: 7px 0 7px 0; }
	.thisdish .dish li span { font-weight: bold; }
	.thisdish .dish li span.rating { background:url("../images/ratings/iconratingsprint.png") no-repeat scroll 50px 5px transparent; }
	.thisdish .dish li:first-child { padding-left: 20px; border-bottom: none; font-size: 14px; background:url("../images/icons/iconclockbig.png") no-repeat left 6px; } 
	.thisdish .dish li .rate { float:right; margin:-4px 0 0; position:relative; }

/**** appliance group carousel ****/
.appliancegroups { position:relative; right:10px; top:10px; }
	.appliancegroups header { left:10px; position:relative; width:160px; }

.appliancegroup { position: relative; width: 180px; height: 170px; }
	.appliancegroup .carrouselview { -moz-border-radius: 2px 2px 2px 2px; background:none; margin: 0; float: left; overflow: hidden; padding: 0px 0 0 0px; position: relative; width: 190px; }
	.appliancegroup .carrouselview ul { padding:0; top: 0px; }
	.appliancegroup .carrouselview .content .carouselitem footer { line-height: 12px; overflow-y: hidden; height: 33px; }
	.appliancegroup .carrouselview .content .carouselitem footer .description { font-weight:normal; } 
	.appliancegroup .carouselnav { position: absolute; top: 0px; height:0px; width: 200px; border:none; background-color: transparent; margin: 0; }
	.appliancegroup .carouselnav .prev { position:absolute; top: 50px; left: -10px; width:30px; height:27px; z-index:10; background:url("../images/icons/circlearrowsprite.png") no-repeat 0px -28px; }
	.appliancegroup .carouselnav .next { position:absolute; top:50px; right: 12px; width:30px; height:27px; z-index:10; background:url("../images/icons/circlearrowsprite.png") no-repeat -32px -28px; }
	.appliancegroup .carouselnav .prev:hover,
	.appliancegroup .carouselnav .next:hover { cursor:pointer; }
	.appliancegroup .carouselitem { display: none; }
	.appliancegroup .carouselitem.selected { display: block; }

	/* positioning circle arrows appliancegroups */
	.chef .appliancegroup .carouselnav .prev { position:absolute; left: -10px; width:30px; height:27px; z-index:10; background:url("../images/icons/circlearrowsprite.png") no-repeat 0px -109px; }
	.chef .appliancegroup .carouselnav .next { position:absolute; right: 12px; width:30px; height:27px; z-index:10; background:url("../images/icons/circlearrowsprite.png") no-repeat -32px -109px; }
	.endorsers .appliancegroup .carouselnav .prev { position:absolute; left: -10px; width:30px; height:27px; z-index:10; background:url("../images/icons/circlearrowsprite.png") no-repeat 0px -82px; }
	.endorsers .appliancegroup .carouselnav .next { position:absolute; right: 12px; width:30px; height:27px; z-index:10; background:url("../images/icons/circlearrowsprite.png") no-repeat -32px -82px; }
	.cookingschool .appliancegroup .carouselnav .prev { position:absolute; left: -10px; width:30px; height:27px; z-index:10; background:url("../images/icons/circlearrowsprite.png") no-repeat 0px 0px; }
	.cookingschool .appliancegroup .carouselnav .next { position:absolute; right: 12px; width:30px; height:27px; z-index:10; background:url("../images/icons/circlearrowsprite.png") no-repeat -32px 0px; }
	

/**** recipe detail page - side information  ****/
	menu.info { width:150px; height:100%; margin:10px; }
	.info li { border-bottom: 1px solid #C2C2C2; line-height: 1.0em; padding: 7px 0 7px 0; width:auto; }
	.info li:first-child {background:url("../images/icons/iconclockbig.png") no-repeat scroll left 6px transparent; border-bottom:medium none; font-size:14px; padding-left:20px; }

/* general subtab rules for positioning */
ul.subtabs { position: relative; left:0px; top: 0px; width: 738px; height: 39px; float:left; background:url("../images/parts/bg_tipsglossary_tabs.png") no-repeat top left; }
	ul.subtabs li { position: relative; float: left; padding: 5px 0px 4px 0px; margin-top: 15px; margin-left:10px; height: 15px; line-height: 15px; top: 0px; }
	ul.subtabs li:first-child { margin-left: 30px; }
	ul.subtabs li a, ul.subtabs li span { padding: 5px 10px; height: 15px; }

/* tips and tricks section */
.cookingschool { position: relative; float: left; }
	.cookingschool .tipstrickspanel,
	.cookingschool .glossarypanel { position: relative; float:left; left:10px;  width: 940px; height:auto; top:25px; }
	
.tipstrickspanel:after,
.contentbody:after,
.page:after,
.mainbody:after, 
.tipstrickspanel .carouselholder:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }

#tipcategories:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
	
.cookingschool .tipstabs menu { position: relative; display: inline; float: left; width:auto; }  
	.cookingschool .tipstabs li { background:url("../images/icons/iconcircle.png") no-repeat scroll 5px 6px transparent; background-color:#FFFFFF; color:#000000; float:left; height:22px; margin:0 10px 0 0; padding:6px 10px 0 23px; position:relative; top:14px; cursor: pointer; border-radius:3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius:3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; color: #000000; }
	.cookingschool .tipstabs .title { float: left; font-weight: bold; margin-right: 10px; position: relative; top: 18px; }
	.cookingschool .tipstabs li.selected { background:url("../images/icons/iconcircleactive.png") no-repeat scroll 5px 6px transparent; float:left; position:relative; top:14px; cursor: pointer; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 0 0; color: #000000; background-color:#EBE7E4; }
	
.cookingschool .tabpanel menu { position:relative; float: left; width: 900px; background-color:#EBE7E4; top: 9px; padding: 20px 10px 10px 30px; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; } 
	.cookingschool .tabpanel li { float:left; width:150px; }
	.cookingschool .tabpanel li a { position:relative; float: left;  margin:0 15px 10px 0; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; background-color:transparent; color:#FF6600; cursor:pointer; float:left; padding:4px 3px 4px 3px; font-size:11px; list-style:none outside none; position:relative; } 
	.cookingschool .tabpanel li a:hover, 
	.cookingschool .tabpanel li a.selected { background-color:#999999; color:#fff;}

.cookingschool .carouselholder { position: relative; float: left; margin-top: 20px; }
	.cookingschool #tipscarouseltab { position: relative; height:20px; margin:0px; width:100%; }
	.cookingschool #tipscarouseltab .tab { margin: 0; }
	.cookingschool .carrousel { position: relative; margin-top: 5px; right:10px; }
	.cookingschool .carrousel .carrouselview { position: relative; width: 930px; left: 10px; padding-top: 0px; margin: 0px; }
	.cookingschool .carrousel .carrouselview ul { position: relative; width: 940px; }

.tiparticle { position:relative; float: left; margin-top: 40px; width:713px; height:auto; background-color:#fff; padding:10px 10px 0 0; margin-bottom: 40px; background-repeat:no-repeat; -moz-box-shadow:0 0 5px #BBBBBB; -webkit-box-shadow:0 0 5px #BBBBBB; box-shadow:0 0 5px #BBBBBB; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; }
	.titparticle:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
	.tiparticle header h3 { position:relative; float:left; font-size: 25px; line-height:40px; margin:0 0 0 10px; color:#FF6600; }
	.tiparticle .tab { float:left; position:relative; margin-top:5px; width:715px; }
	.tiparticle .articlePages .articlePage { display:none; }
	.tiparticle .articlePages .articlePage.selected { display:block; }
	.tiparticle .description { position: relative; margin-top: 5px; margin-bottom: 10px; height: auto; width: auto; left: 5px; }
	.tiparticle .articlePage .image { position: relative; float:left;width: 360px; height: 245px; border-right: 1px solid #d7d7d7; }
	.tiparticle .articlePage .image span { float:left; position:relative; left:110px; top:40px; width:140px; height:140px; background: none no-repeat center center; } 
	.tiparticle .articlePage > .text { position: relative; float:left; padding: 15px; width: 320px; height: 100%; }	
	.tiparticle .articlePage .text span { color:#FF6600; font-weight:bold; padding-bottom:10px; }
	
	.articlePage .text .text { margin:0; padding:15px 15px 25px 0px; }
	
	.tiparticle footer { position: relative; float: left; background-color:#EEEEEE; border-top:1px dashed #DDDDDD; bottom:0px; left:0px; height:20px; width:723px; }
	.tiparticle footer p { color:grey; font-size:11px; line-height:18px; padding:0 0.5em 0 0; text-align:right; }
	.tiparticle footer p span.next,
	.tiparticle footer p span.prev
	 		{ color:#FF6600; cursor:pointer; }

.sideinformation { position:relative; float: right; margin-top: 40px; right: 0px; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius:3px 3px 3px 3px; } 
	.sideinformation .appliancegroups { top: 0px; right: 0px; padding-bottom: 10px; background-color: #F4F4F4; }
	.sideinformation .appliancegroups header { left: 0px; padding: 10px; }
	.sideinformation .appliancegroups .carrouselview { width: 190px; }
	.sideinformation .appliancegroups .appliancegroup { top: 0px; }
	.sideinformation .appliancegroups .appliancegroup .prev { left: -5px; }
	.sideinformation .appliancegroups .appliancegroup .next { right: 0px; }

/* glossary */
.glossarypanel .glossary { position:relative; float:left; height: 20px; background-color:#EBE7E4; padding:5px 5px 0; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; margin-right: 50px;} 
	.glossarypanel .glossary span.searchtxt { position:relative; float:left; margin:0 0 0 3px; padding:0 0 0 20px; background:url("../images/icons/iconcircle.png") no-repeat scroll 0px 0px #EBE7E4; } 
	.glossarypanel .glossary span.searchtxt.selected { position:relative; float:left; margin:0 0 0 3px; padding:0 0 0 20px; background:url("../images/icons/iconcircleactive.png") no-repeat scroll 0px 0px #EBE7E4; } 
	.glossarypanel .glossary .searchfield { position:relative; float:left; }
	.glossarypanel .glossary .searchfield input{ position:relative; float:left; width:150px; width:200px; margin:-2px 2px 2px 15px; height: 17px; border:1px solid #C9CBCC; } 
	.glossarypanel .glossary .submitbut { position:relative; float:left; padding:3px 10px; margin:-3px 0 0; background-color:#DC5500; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; color: #fff; } 
	
/* cookingschool - alphabetical search */
	.glossarypanel .alphabeticallist { position:relative; top: 10px; float:left; height: 20px; background-color:#EBE7E4; padding:5px 5px 0; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; } 
	.glossarypanel .alphabeticallist span.searchtxt  { position:relative; float:left; margin:0 10px 0 0; padding:0 0 0 20px; background:url("../images/icons/iconcircle.png") no-repeat scroll 2px 0px #EBE7E4; }
	.glossarypanel .alphabeticallist span.searchtxt.selected  { position:relative; float:left; margin:0 10px 0 0; padding:0 0 0 20px; background:url("../images/icons/iconcircleactive.png") no-repeat scroll 2px 0px #EBE7E4; }
	.glossarypanel .alphabeticallist .alphabet { position:relative; float:left; top:-2px; } 
	.glossarypanel .alphabeticallist .alphabet .list a{-moz-border-radius:3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; font-size:10px; background-color:transparent; color:#FF6600; cursor:pointer; float:left;  list-style:none outside none; padding:3px 4px 3px 4px; position:relative; text-align:center; margin-left:4px;} 
	.glossarypanel .alphabeticallist .alphabet .list a:hover,
	.glossarypanel .alphabeticallist .alphabet .list a.selected { background-color:#DC5500; color:#fff;}

/* cookingschool - no results */
	.glossarypanel .noresults { position:relative; float:left; width:550px; height: 135px; padding:20px 20px 20px 0; border-bottom: 1px dotted #d7d7d7; } 
	.glossarypanel .suggestions { position:relative; float:left; width:530px; height: 65px; padding:20px; -moz-border-radius: 3px 3px 3px 3px; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; background-color:#EBE7E4; margin:20px 0 25px 0; } 
	.glossarypanel .suggestions p { color:#FF6600; font-size:16px; }
	.glossarypanel .suggestion { margin: 5px 0 0 0; }
	.glossarypanel .suggestion li { background: url("../images/parts/bulletbgorange.png") no-repeat left 8px; line-height: 20px; padding:0 0 0 10px; }

/* cookingschool - results display */
.glossarypanel .result { position:relative; float:left; width: 410px; margin:20px 0 0 0; }
	.glossarypanel .result menu { position: relative; display: inline; float: left; }
	.glossarypanel .resultlist li { background: url("../images/icons/iconarroworange.png") no-repeat right 7px; line-height: 20px; padding:0 10px 0 0px; } 
	.glossarypanel .resultlist li.selected { font-weight:bold; color:#000; font-size:12px; background: url("../images/icons/iconarrowblack.png") no-repeat left 7px; padding:0 0 0 10px;} 
	.glossarypanel .resultlist li a { color:#FF6600; }
	
	.glossarypanel .resultview { position:relative; float:left; width: 495px; margin:20px 0 0 20px; }
	.glossarypanel .resultimg { margin: 15px 0 0 0; position:relative; float:left; width: 163px; height:94px;  }
	.glossarypanel .resultimg img{ width: 163px; height:94px; }
	.glossarypanel .information { position:relative; float:right; margin: 15px 0 0 0; width: 205px; height:250px; padding:10px; background-color:#EBE7E4; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px;}
	.glossarypanel .submit { background-color:#FF6600; color:#fff; }
	


/**** appliances  | contentholder ****/
.appliancesprodholder { float:left; position: relative; margin-top: 20px; left: 10px; width: 940px; }
.appliancesprodholder:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.appliances .recipegridmain .recipes.grid {  height:190px; float:left; overflow:hidden; padding:10px 0 0 0; width: 940px; left:13px; }
.appliances .recipegridmain .recipes.grid .recipeitem { margin: 0 8px 8px 0; }
.appliances .recipegridmain .recipes.grid .recipeitem header { color: #DD337A; }

.appliancesrecipesholder { float:left; position: relative; margin-top: 15px; width: 960px; }
.appliancesrecipesholder:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.appliances .appliancerecipetab { position:relative; float:left; height:20px; width:940px; left:10px;  } 
.appliances .appliancerecipetab .button { position:absolute; right:0px; top:2px; }
.appliances .appliancerecipetab .tab p { width: auto; max-width: 500px;}
 
/**** appliances - ranges | categorien ****/
.appliance { position: relative; float: left; top:10px; /*margin-left:-8px;*/ }
	.appliances .carrouselview li.selected.carrouselitem .selectedtab { background-color:#dd337a; } /* display:inline-block; */
	.appliances .carrouselview li.selected { background-color:#dd337a; }

	.appliances .categories .prods .appliancesprod { display:none; }
	.appliances .categories .prods .appliancesprod:first-child { display:block; }

/**** appliances - detail view ****/
.appliancesview { position: relative;  width: 625px; height: 340px; float:left; background: url('../images/parts/head.png') no-repeat left top, url('../images/parts/bot.png') no-repeat left bottom, url('../images/parts/mid.png') repeat-y;}
	.appliancesview:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
	.appliancesview header { position: relative; left: 10px; top: 20px; z-index:1; width: auto; height: auto;}
	.appliancesview header h3 { color:#DD337A; font-size:25px; left:0px; top:0px; }
	.appliancesview .image { position:absolute; top:4px; left: 4px; width: 310px; height: 325px; background-repeat:no-repeat; }
	.appliancesview .description { position:absolute; left: 335px; top: 50px; width: 270px; font-size:10px;}
	.appliancesview .registerprod { position:absolute; bottom: 20px; left: 335px; width: 180px; height: 67px; background-image:url(../images/parts/papercut.png); }
	.appliancesview .registerprod h3 { width: 150px; margin: 7px 0 0 10px; } 
	
.categories .appliancesview { float:left; width:620px; height:320px; background: none; }
	.categories .appliancesview header { position: absolute; top:0px; width: 940px; border-bottom: 1px solid #D7D7D7; height: auto; margin: 0 0 5px; left:0px; }	
	.categories .appliancesview header h3 { position: relative; background-color: #EBE7E4; display: inline-block; height: auto; width: auto; padding: 7px 10px; font-family:'Verdana',Arial,sans-serif; font-size: 20px; font-weight:bold; color:#ffffff; line-height: 23px; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; }
	.categories .appliancesview .image { top: 50px; left: 0px; width:620px; height:227px; } 
	.categories .appliancesview .description,
	.categories .appliancesview .registerprod { display:none; }

/**** appliances - appliance products ****/
.applianceprods  header h4 { display:none; }
.applianceprods  footer { display:none; }

.categories .applianceprods { position: relative; float: right; top:55px; width: 280px; padding:10px; -moz-box-shadow:0 0 5px #BBBBBB; -webkit-box-shadow:0 0 5px #BBBBBB; box-shadow:0 0 5px #BBBBBB; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; }
	.categories .applianceprods > header { display: block; }
	.categories .applianceprods > header h4 { color:#dd337a;  }
	.categories .applianceprods > footer { display: block; }

.appliancesprod { width:303px; height: auto; float:left; margin:0 0 0 10px; position:relative; }
	.appliancesprod:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
	.appliancesprod .image { float: left; width:140px; height:160px; }
	.appliancesprod .image img { margin:0 20px 20px 20px; }
	.appliancesprod .list { float: left; width:160px; font-size:10px; overflow:hidden; }
	.appliancesprod .list menu { position: relative; display: inline; height:120px; float: left; padding:10px 0 0 20px; overflow: hidden; }
	.appliancesprod .list li { list-style-type: disc; list-style-position: outside; line-height:15px; }
	.appliancesprod .button,
	.appliancesfooter .button { -moz-border-radius:3px 3px 3px 3px; float:none; top:2px; right:0; height:19px; padding:4px 20px 0 10px; position:absolute; width:auto; margin:0 0 0 0;} 

	.categories .appliancesprod { margin: 0px; width: 280px; }
	.categories .appliancesprod .list { width:140px; }

/**** appliances - appliance recipes ****/
.appliances .appliancesfooter { position: relative; float: left; margin:40px 0 0 10px; font-size:10px; width: 940px; }
.appliances .carrousel { position:relative; float:left; }
.appliances li.carrouselitem .title p { color:#dd337a; font-family:'Verdana',Arial,sans-serif; font-size:10px; padding:0.5em 0 0 0.5em; }
	
/**** endorsers - catgories | food processor view ****/
	.endorsers .carrouselview li.selected { background-color:#76c3d5; }
	.endorsers .carrouselview li.selected.carrouselitem .selectedtab { background-color:#76c3d5; } /* display:inline-block;  */

/**** recipe appliances | chefs and endorser page ****/
	.recipeappliances { position: relative; float: left; margin:10px 10px 0 0; width:550px; height: auto; }
	.applianceholder { position: relative; float: left; height: auto; margin:0 -7px 0 0; width:570px; }
	.applianceholder:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }

/**** appliances | item carousel ****/
/* .appliance { position: relative; width:180px; height:160px; background:url("../images/shadows/178x160.png") no-repeat center center; margin-right:8px; margin-bottom:8px;} */
.appliance { position: relative; width:180px; height:230px; background:url("../images/shadows/178x160.png") no-repeat center center; margin-right:8px; margin-bottom:8px;}
	/* .appliance footer { background-color:#F4F4F4; overflow:hidden; border-top:1px dotted #E6E6E6; height:40px; left:5px; padding: 5px 10px; position:absolute; top:105px; width:150px; } */
	.appliance footer { background-color:#F4F4F4; overflow:hidden; border-top:1px dotted #E6E6E6; height:66px; left:5px; padding: 5px 10px; position:absolute; top:105px; width:150px; }
	/* .appliance footer .holder { position:absolute; height:30px; width:auto; overflow:hidden; } */
	.appliance footer .holder { position:absolute; height:76px; width:auto; overflow:hidden; }
	.appliance .title { position:relative; }
	.appliance .description { position:relative; }
	.appliance .inner { border-radius:3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; background-color:#FFFFFF; height:102px; left:5px; position:absolute; top:3px; width:170px; background-repeat:no-repeat; background-position:center center;}
	.appliance .inner img { height:110px; width:170px; }
	
/**** send to friend | overlay ****/
	#overlayLayer { background-color:#fff; height:100%; left:0; opacity:100; position:absolute; padding:15px; top:0; width:500px; height:355px;  z-index:1000; display:none; -moz-border-radius:3px 3px 3px 3px;  border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;}
	#overlayLayer header span  {color:#5A8029; font-family:'Gill'; font-size:18px; padding-right:20px;}
	#overlayLayer .close { position: absolute; padding:5px; color:#fff; right:15px; top: 15px; padding:3px 12px 5px; background-color:#86C11B; -moz-border-radius:3px 3px 3px 3px;  border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;}
	#overlayLayer .required { height:auto; position:relative; text-align:right; width:auto; font-size:11px; top:20px;}
	#overlayLayer .rules{ font-size:11px; height:auto; left:142px; position:relative; text-align:left; top:90px; width:350px; }
	#overlayLayer .formup { width:100%; height:200px; float:left; margin:-25px 0 0;}
	#overlayLayer .formdown { width:100%; height:150px; float:left; }
	#overlayLayer .overlayfields { float:left; width:450px; margin:0 0 5px; color:#999999; font-size:11px; }
	#overlayLayer .overlayfieldscomment { float:left; width:450px; margin:40px 0 5px; color:#999999; font-size:11px; }
	#overlayLayer .label { float:left; width:150px; }
	#overlayLayer .field { float:left; position:relative; right:8px; width:150px; }
	#overlayLayer .field select { border:1px solid #D3D5D6; }
	#overlayLayer input { border:1px solid #D3D5D6; height:20px; width:356px; }
	#overlayLayer textarea { border:1px solid #D3D5D6; height:80px; width:356px; }
	#overlayLayer .cancel { cursor:pointer; position:absolute; bottom:15px; right:80px; padding:3px 12px 5px; background-color:#999999; -moz-border-radius:3px 3px 3px 3px;  border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; color:#fff; }
	#overlayLayer .send { cursor:pointer; position:absolute; bottom:15px; right:15px; padding:3px 12px 5px; background-color:#86C11B; -moz-border-radius:3px 3px 3px 3px;  border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; color:#fff; }
	#overlayLayer .confirmation { color:#5A8029; font-family:'Gill'; font-size:18px; height:auto; left:200px; position:absolute; top:150px; width:200px; z-index:1001; display:none; }
	
/**** topbanner / animations ****/
.topbanner { position:relative; top:20px; left:10px; float:left; margin:0 0 20px; width:936px; height:78px; border:1px solid #cccccc; }
	.topbanner .banner { top: 0px; width:837px; height:78px; float:left; cursor:pointer; }
	.topbanner .rotate45 {	
		height: 78px;
		position: absolute;
		right: 21px;
		top: 15px;
		width: 70px;
		overflow:hidden;
	}
	.topbanner .pageflip { width:98px; height:78px; position: absolute; right:0; cursor:pointer; z-index: 1;}
	 
	 .topbanner .pageflip:hover {
		-webkit-animation-name: rightbanner; 
		-moz-animation-name: rightbanner;
		-o-animation-name: rightbanner;
		animation-name: rightbanner;
		
		-webkit-transform: translateX(-10px);  
		-moz-transform: translateX(-10px); 
		-o-transform: translateX(-10px); 
		transform: translateX(-10px); 
		
		-webkit-animation-duration: 600ms; 
		-moz-animation-duration: 600ms; 
		-o-animation-duration: 600ms; 
		animation-duration: 600ms; 
		
		-webkit-transition-timing-function: ease-in-out;
		-moz-transition-timing-function: ease-in-out;
		-o-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
		 
		-webkit-animation-iteration-count: 1;
		-moz-animation-iteration-count: 1; 
		-o-animation-iteration-count: 1; 
		animation-iteration-count: 1; 
	 }
	
	@-webkit-keyframes .pageflip {
 	from { 
		-webkit-transform: translateX(0px); 
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
 	}	
 	to { 
		-webkit-transform: translateX(-10px);
		-moz-transform: translateX(-10px);
		-o-transform: translateX(-10px);
		transform: translateX(-10px); 	
 	}
}

.addthis_toolbox {
	position: absolute;
	right: 25px;
	top: 165px;
}

.campaignholder {
	position: relative;
	margin: 0px auto;
	width: 940px;
}

/* cooking instructions panel */
.cookinginstructions{ position: relative; top: 15px; left: 10px; width: 742px; height: auto; float: left; }
	.instructions { position: relative; display: inline; float: left;  margin:10px 10px 10px 0; counter-reset: item; }
	.instructions li { float:left; color:#fff; padding:3px 2px 2px; display: block; width:100%; background-image:url("../images/parts/bulletbggreen.png"); background-repeat:no-repeat; background-position: 0px 3px; }
	.instructions li span { left:20px; position:relative;  width:auto; padding:0 25px 0 0; display: block; top:-13px; }
	.chef .instructions li { background-image:url("../images/parts/bulletbgred.png"); }
	.endorsers .instructions li { background-image: url("../images/parts/bulletbgendorsers.png"); }
	/* 	@IMPORTANT: 
		Put any new code above this line, since all code below will break in IE (6/7) browsers due to multi double quote usage per attribute. 
	*/
	.instructions li:before { position:relative; content: counters(item, ".") " "; padding: 0px 0 0 1px; counter-increment: item; }