@CHARSET "UTF-8";

@font-face {
	font-family: "Gill";
	src: url('../fonts/gillsansaltonewgl-lightitalic.eot');
	src: local('☺'), url('../fonts/gillsansaltonewgl-lightitalic.ttf') format('truetype'), url('../fonts/gillsansaltonewgl-lightitalic.woff') format('woff');
	font-weight:normal;
	font-weight:bold;
}

body { font-family: Verdana, Arial, sans-serif; }
h1, h2, h3, h4 { font-family:"Gill", Verdana, Arial, sans-serif; }
h4 { font-size:20px; font-weight:normal; margin: 2px 0 2px 0; }
h5 { font-size:12px; }
h6 { font-size:11px; }

/* Main navigation */
#mainmenu menu li a { position:relative; display:block; text-decoration:none; color:#FFF; line-height: 30px; overflow:hidden; z-index: 1; }
#mainmenu menu li.selected a { padding-top:5px;  height:33px; line-height: 34px; color:#5C8328; background:url(../images/parts/menu-selected.png) no-repeat left top;  }
#mainmenu menu li a span { display:block; width:auto; height:100%; padding:0 15px 0 45px;}
#mainmenu menu li.selected a span {   }
#mainmenu menu li a .ani { position:absolute; }


/**** home ****/
#mainmenu menu li[data-rel="home"] a  span { background:url(../images/menu/backhouse.png) no-repeat 12px 2px; }
#mainmenu menu li[data-rel="home"].selected a  span { background:url(../images/menu/homeselected.png) no-repeat 12px 6px; }
#mainmenu menu li[data-rel="home"] a .ani  { left: 10px; top:1px; width: 26px; height:30px; background: url("../images/menu/fronthouse.png") no-repeat scroll 0 0 transparent;  }
#mainmenu menu li[data-rel="home"] a:hover .ani  { -webkit-animation-name: homeani; -moz-animation-name: homeani; animation-name: homeani; -webkit-transform: skew(0deg) rotate(0deg) translate(3px,0px);  -moz-transform: skew(0deg) rotate(0deg) translate(3px,0px);  transform: skew(0deg) rotate(0deg) translate(3px,0px);  -webkit-animation-duration: 600ms; -moz-animation-duration: 600ms; animation-duration: 600ms; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; }
@-webkit-keyframes homeani {
 	from { 
 	-webkit-transform: skew(0deg) rotate(0deg) translate(0px, 0px); 
 	-moz-transform: skew(0deg) rotate(0deg) translate(0px, 0px); 
 	-o-transform: skew(0deg) rotate(0deg) translate(0px, 0px); 
 	transform: skew(0deg) rotate(0deg) translate(0px, 0px); 
 	}	
 	to { 
 	-webkit-transform: skew(0deg) rotate(0deg) translate(3px, 0px);
 	-moz-transform: skew(0deg) rotate(0deg) translate(3px, 0px); 
 	-o-transform: skew(0deg) rotate(0deg) translate(3px, 0px); 
 	transform: skew(0deg) rotate(0deg) translate(3px, 0px);  
 	}	
}

#mainmenu menu li[data-rel="home"].selected a .ani { background:none; }

/**** recipes ****/
#mainmenu menu li[data-rel="recipes"] a  span { background:url(../images/menu/recipeplate.png) no-repeat 10px 3px transparent; }
#mainmenu menu li[data-rel="recipes"].selected a   span { background:url(../images/menu/recipeselected.png) no-repeat 9px 3px transparent; }
#mainmenu menu li[data-rel="recipes"] a .ani { top:3px; left:10px; width: 26px;  cursor:pointer; height:29px; background:url(../images/menu/recipetop.png) no-repeat 0px 0px transparent; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
#mainmenu menu li[data-rel="recipes"] a:hover .ani { -webkit-transform: rotate(30deg) translateY(-5px);  -moz-transform: rotate(30deg) translateY(-5px); transform: rotate(30deg) translateY(-5px); }	
#mainmenu menu li[data-rel="recipes"].selected a .ani { background:none; }

/**** celebchef ****/
#mainmenu menu li[data-rel="celebchef"] a  span  { background:url(../images/menu/chefbody.png) no-repeat 12px 1px transparent; }
#mainmenu menu li[data-rel="celebchef"].selected a  span { background:url(../images/menu/chefselected.png) no-repeat 12px 2px transparent; }
#mainmenu menu li[data-rel="celebchef"] a .ani {  left:12px; top:1px; width:26px; cursor:pointer;  height:29px; background:url(../images/menu/chefhead.png) no-repeat 0px 0px transparent; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
#mainmenu menu li[data-rel="celebchef"] a:hover .ani { -webkit-transform: rotate(10deg) translateY(-4px); -moz-transform: rotate(10deg) translateY(-4px); transform: rotate(10deg) translateY(-4px); }	
#mainmenu menu li[data-rel="celebchef"].selected a .ani { background:none; }

/**** cookingschool ****/
#mainmenu menu li[data-rel="tips"] a  span { background:url(../images/menu/cookingplate.png) no-repeat 10px 2px transparent; }
#mainmenu menu li[data-rel="tips"].selected a  span { background:url(../images/menu/tipselected.png) no-repeat 10px 5px transparent; }
#mainmenu menu li[data-rel="tips"] a .ani{  left:10px; top:2px; width:26px; cursor:pointer; height:29px; background:url(../images/menu/cookingknife.png) no-repeat 0px 0px transparent; -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
#mainmenu menu li[data-rel="tips"] a:hover .ani{ -webkit-transform: rotate(20deg) translateY(0px); -moz-transform: rotate(20deg) translateY(0px); transform: rotate(20deg) translateY(0px);}
#mainmenu menu li[data-rel="tips"].selected a .ani{ background:none; }

/**** appliances ****/
#mainmenu menu li[data-rel="appliances"] a span {  }
#mainmenu menu li[data-rel="appliances"].selected a span { background:url(../images/menu/appliancesselected.png) no-repeat 14px 4px transparent; }
#mainmenu menu li[data-rel="appliances"] a .ani { height:29px; top:1px; left: 10px; width: 26px; background:url(../images/menu/appliances.png) no-repeat 0px 0px transparent; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
#mainmenu menu li[data-rel="appliances"] a:hover .ani { -webkit-animation-name: appliancesani; -moz-animation-name: appliancesani; animation-name: appliancesani; -webkit-animation-duration: 600ms; -moz-animation-duration: 600ms; animation-duration: 600ms; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; }

@-webkit-keyframes appliancesani {
 	from { -webkit-transform: rotate(0deg) translateY(0px); }
	10% { -webkit-transform: rotate(10deg) translateY(0px); }
	20% { -webkit-transform: rotate(-10deg) translateY(0px); }
	40% { -webkit-transform: rotate(10deg) translateY(0px); }	
	50% { -webkit-transform: rotate(-10deg) translateY(0px); }	
	60% { -webkit-transform: rotate(10deg) translateY(0px); }	
	70% { -webkit-transform: rotate(-10deg) translateY(0px); }	
 	to { -webkit-transform: rotate(0deg) translateY(0px); }
}
#mainmenu menu li[data-rel="appliances"].selected a .ani { background:none; }

/***** endorsers *****/
#mainmenu menu li[data-rel="endorsers"] a  span { background:url(../images/menu/endorserbody.png) no-repeat 12px 3px transparent;}
#mainmenu menu li[data-rel="endorsers"].selected a span { background:url(../images/menu/endorserselected.png) no-repeat 11px 7px transparent; }
#mainmenu menu li[data-rel="endorsers"] a .ani { left:12px; top:4px; width:26px; height:29px; background:url(../images/menu/endorserhead.png) no-repeat 0px 0px transparent; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; }
#mainmenu menu li[data-rel="endorsers"] a:hover .ani { -webkit-transform: rotate(20deg) translateY(0px); -moz-transform: rotate(20deg) translateY(0px); }
#mainmenu menu li[data-rel="endorsers"].selected a .ani { background:none; }

/* Search */
.search h2 {color:#FFF; font-size:14px; font-family: Verdana, Arial, sans-serif; padding: 5px 0 2px 25px; background:url(../images/icons/icon_recipe_search.png) no-repeat left 5px;  }
.search h6 { color:#FFF; font-weight:normal; margin:0 0 4px; }
.search section input,
.search section label,
.search section menu li { font-size:11px; }

.search section label{ color:#FFF; }
.search section input[type="submit"] { text-indent:-999em; font-weight:bold; font-size:11px; color:#FFF; background:#577C2B url(../images/parts/Search.png) no-repeat center center;  border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

.search .all_options a { display:inline-block; color:#577C2B; font-size:11px; margin:10px 0 0; text-decoration:none; padding:0 10px 0 0; background:url(../images/icons/arrows.png) no-repeat right -55px;  }

.search footer > div { font-size:12px; color:#FFF; }
.search footer > div a { text-decoration: none; font-size:11px; color:#FFF; }

.extendedsearchswitch { font-size:11px; color:#6F8F35; cursor:pointer; }
#extendedsearchswitch1 { background:url("../images/icons/iconarrowclosed.png") no-repeat scroll 154px 4px transparent; width:158px; }
#extendedsearchswitch2 { background:url("../images/icons/iconarrowopen.png") no-repeat scroll 150px 5px transparent; width:158px; margin:10px 0 5px 0;  }

.searchrefine .gosearch a { color:#fff; text-decoration: none; }

#quicksearch { text-indent:-999em; font-weight:bold; font-size:1px; line-height:1px; color:#FFF; background:#577C2B url(../images/parts/Search.png) no-repeat center center;  border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#quicksearch:hover { background-color: #86C11B; }

.profile span.newwindow { color:#999999; font-size:11px; }

/* Selectbox */
span.selectbox { font-size:11px; }
span.selectfield { color:#5C8328; }
.selectmenu li { font-size:11px; color:#000000; cursor:pointer; }
.selectmenu li:hover { background:#EBE7E4; color:#000000;} 
.selectmenu li.selected,
.selectmenu li.selected:hover { background:#99C61E; color:#FFF; }

/* Ads container */

.ads_container h1 { padding:0 10px; font-size:23px; color:#FFF; line-height:40px; text-align:center; text-shadow: 2px 2px 2px #333; }
.ads_container h1 span { color:#85C11A; }
.ads_container footer a.readmore { text-decoration:none; font-size:26px; font-family:"Gill", Verdana, Arial, sans-serif; color:#85C11A; line-height:30px; }

.videoplayermain header h3 { line-height: 40px; font-size: 14px; color: #999; } 
.videoplayermain footer p { line-height: 18px; text-align: right; color:#5C8328; font-size:11px; padding:0 .5em 0 0; }

.celebchef header h3 { line-height: 40px; font-size: 25px; font-weight: bold; color: #999; } 
.celebchef footer p { line-height: 18px; text-align: right; color:#5C8328; font-size:11px; padding:0 .5em 0 0; font-family:Verdana, Arial, sans-serif; }
.celebchef footer p:after { content:'»'; padding:0 0 0 .5em; }

.ad220inner header h3 { line-height: 40px; font-size: 14px; font-weight: bold; color: #999; } 
.ad220inner article p { color: #333333; font-family: Verdana,Arial,sans-serif; font-size: 11px; height:50px; overflow: hidden; }
.ad220inner footer p { line-height: 18px; text-align: right; color:#5C8328; font-size:11px; padding:0 .5em 0 0; font-family:Verdana, Arial, sans-serif; }
.ad220inner footer a:after { content:'»'; padding:0 0 0 .5em; }

.banner .text header { line-height: 22px; float:left; font-size: 16px; color: #FFF; font-family: 'Gill', Arial, sans-serif; }
.banner .text footer { color: #FFF; font-size: 10px; float:left;  font-family: 'Verdana', Arial, sans-serif; }
.banner .text footer:after { content:'»'; padding:0 0 0 .5em; }

li.carrouselitem .title  { color: #444; font-size:13px; line-height:17px; font-family:'Verdana', Arial, sans-serif; padding:0.3em 0 0 0.5em; }
li.carrouselitem .selectedtab  { color: white; line-height: 10px; font-size:10px; font-family:Verdana, Arial, sans-serif; text-align: center; }

.recipetitle header h3 { line-height: 40px; font-size: 25px; color: #5A8029; font-family: 'Gill'; }
	.chef .recipetitle header h3 { color: #CB3951; }

.instructions li span, 
.ingredients li span,
.nutritionpanel li span,
.chefingredients li span
	{ color: #444; font-size:11px; font-family:'Verdana', Arial, sans-serif; }

.tab.chef p { color: #FFF;}
.tab p { padding: 7px 0px 7px 10px; color: #444; font-size:11px; font-family:'Verdana', Arial, sans-serif; }

.recipedetailview .recipedescription p { padding: 7px 10px 7px 10px; color: #444; font-size:11px; font-family:'Verdana', Arial, sans-serif; }

.pagelistview a,
.pagegridview a { height:19px; position:absolute; width:19px; }
.pagelistview :hover, 
.pagegridview :hover { background-color:#98C51D; }

.recipeitem .recipecomment,
.recipeitem .recipeingredients,
.recipeitem footer span.short,
.recipeitem footer span.long,
.recipeitem footer span.ratingtext,
.recipeitem footer span.duration { color: #444; font-size:11px; font-family:'Verdana', Arial, sans-serif; }

.searchrefine .gosearch { color: white; font-size:10px; font-family:'Verdana', Arial, sans-serif; line-height: 18px; }
.searchrefine .pageinfosort span { color: #444; font-size:10px; font-family: 'Verdana', Arial, sans-serif; }
.searchrefine .pageinfosort .selector { color: #444; font-size:10px; font-family:'Verdana', Arial, sans-serif; }

.searchrefine .pageinfo { color:#666666; font-size:10px; font-family:'Verdana', Arial, sans-serif; }
.searchrefine .pageinfosort p,

.recipes.grid .recipeitem header { color: #98C51E; font-size:10px; font-family:'Verdana', Arial, sans-serif; }
.chef .recipes.grid .recipeitem header { color: #CB3951 }
.recipes.grid article footer span.duration { font-size: 10px; color:#A0A0A0; font-family:'Verdana', Arial, sans-serif; }

.recipes.list .recipeitem header { color: #98C51E; font-size:12px; font-family:'Verdana', Arial, sans-serif; }
.recipes.list .recipeitem .recipecomment { color: #444; font-size:11px; font-family:'Verdana', Arial, sans-serif; }
.recipes.list .recipeitem .recipeingredients { color: #444; font-size:11px; font-family:'Verdana', Arial, sans-serif; }
.recipes.list .recipeitem .recipeingredients:after { content:'...'; padding:0 0 0 .1em; }

/* Pager */
#pager menu li.pageitem { background-color:#f2f2f2; color:#98C51E; font-size: 11px; }
#pager menu li.pageitem:hover { background-color:#86C11B; color:#fff; }
#pager menu li.pageitem.selected { background-color:#86C11B; color:#fff; -moz-border-radius: 3px 3px 3px 3px; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; }
#pager menu li:last-child { color:#656565; background:none; cursor: default; }
#pager menu li:last-child:hover { background-color:transparent; color:#656565; }

#pager menu a.pageitem { background-color:#f2f2f2; color:#98C51E; font-size: 11px; }
#pager menu a.pageitem:hover { background-color:#86C11B; color:#fff; }
#pager menu a.pageitem.selected { background-color:#86C11B; color:#fff; -moz-border-radius: 3px 3px 3px 3px; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; }
#pager menu a:last-child { color:#656565; background:none; }
#pager menu a:last-child:hover { background-color:transparent; color:#656565; }
#pager menu a.trans { background-color:#ffffff; color:#656565; cursor:default;  font-size: 11px; }

#findrecipes input, .gosearch input { background-color:transparent; color:#fff; }
.viewtext { color:#666666; font-family:'Verdana',Arial,sans-serif; font-size:10px; }
.cookingschool .glossarypanel, .cookingschool .tipstrickspanel { font-family:'Verdana',Arial,sans-serif; font-size:11px; }

/* appliances section */
.appliancesview .registerprod h3 { font-family:'Verdana',Arial,sans-serif; font-size: 20px; font-weight:bold; color:#ffffff; line-height: 23px; }
.categories .appliancesview header h3 { color: #444444; font-family: Verdana,Arial,sans-serif; font-size: 11px; }
.topbanner .text { font-size: 10px; color:#808080; }
    
/* recipe detail page - nutrition overview element color scheme */
	.nutritionpanel li .nutrition.item0 { background-color:#F3B11D; }
	.nutritionpanel li .nutrition.item1 { background-color:#99C61E; }
	.nutritionpanel li .nutrition.item2 { background-color:#D65F00; }
	.nutritionpanel li .nutrition.item3 { background-color:#A02434; }
	.nutritionpanel li .nutrition.item4 { background-color:#F3B11D; }
	.nutritionpanel li .nutrition.item5 { background-color:#99C61E; }

/* rating */
	.red{ background-color: #CB3951; color: #FFFFFF; }
	.green{ background-color: #86C11B; color: #FFFFFF; }
	.orange{ background-color: #FF6500; color: #FFFFFF; }
	.blue{ background-color: #76C3D5; color: #FFFFFF; }
	.pink{ background-color: #DD337A; color: #FFFFFF; }

/* this dish - recipe detail page */
	.thisdish { font-size: 10px; font-family:'Verdana', Arial, sans-serif; }
	.thisdish .description { font-weight:bold; color:#86C11B; }
	.chef .thisdish .description { color: #CB3951; }
	.link a { font-weight:normal; color:#FF6600; }
	.chef .link a { color: #CB3951; }
	
	.sideinform { font-family:'Verdana',Arial,sans-serif; font-size:10px; }

/* this dish - utilities */	
	.utilities a.print { font-size: 10px; font-family:'Verdana', Arial, sans-serif; cursor:pointer;  }
	.utilities a.sendtofriend { font-size: 10px; font-family:'Verdana', Arial, sans-serif; cursor:pointer;  }	

/* Button - coloring */
	.endorsers .button { background-color:#76C3D5; } 
	.chef .button { background-color:#CB3951; } 
	.cookingschool .button { background-color:#FF6500; } 
	.appliances .button { background-color:#DD337A; font-size:10px; } 
	.chef .profile h3 { color:#CB3951;  }
	.endorsers .profile h3 { color:#76C3D5;  }
	.endorsers .recipes.grid .recipeitem header { color:#76C3D5; }
	
	.cookingschool	.innercarousel a .description { color:#FF6500; }
	
	.appliance .title { color:#86C11B; font-size:10px; font-weight:bold;}
		.chef .appliance .title { color:#CB3951; }
		.endorsers .appliance .title { color:#76C3D5; }
		.cookingschool .appliance .title { color:#FF6600; }

	.appliance .description{ color:#86C11B; font-size:10px; }
		.chef .appliance .description { color:#CB3951; }
		.endorsers .appliance .description { color:#76C3D5; }
		.cookingschool .appliance .description { color:#FF6600; }

/* subtabs coloring */
.subtabs li { background-color: #98C51E; }
	.subtabs li.selected, .subtabs li:hover { background-color: #FFFFFF; }
	.subtabs li a { color: #FFFFFF; }
	.subtabs li span, .subtabs li:hover a { color: #98C51E; }

	.cookingschool .subtabs li { background-color: #FF6500; }
	.cookingschool .subtabs li.selected, .cookingschool .subtabs li:hover { background-color: #FFFFFF; }
	.cookingschool .subtabs li a { color: #FFFFFF; }
	.cookingschool .subtabs li span, .cookingschool .subtabs li:hover a { color: #FF6500; }
	
	.appliances .subtabs li { background-color: #DD337A; }
	.appliances .subtabs li.selected, .appliances .subtabs li:hover { background-color: #FFFFFF; }
	.appliances .subtabs li a { color: #FFFFFF; }
	.appliances .subtabs li span, .appliances .subtabs li:hover a { color: #DD337A; }

/* Rating in the list and grid view */
.ratingicon { position:absolute; height: 17px; width: 49px; top: 1px; right: 5px; background: url(../images/ratings/iconratingsprint.png); display:block; }	

	/* chef */
	.chef .rating5 { background-position: 0px -17px;}
	.chef .rating4 { background-position:-10px -17px;}
	.chef .rating3 { background-position:-20px -17px;}
	.chef .rating2 { background-position:-30px -17px;}
	.chef .rating1 { background-position:-40px -17px;}
	.chef .rating0 { background-position:-50px -17px;}
	
	.chef .appliance .holder .title,
	.chef .appliance .holder .description {color:#CB3951; }
	
	/* recipe */
	.recipe .rating5 { background-position: 0px -34px;}
	.recipe .rating4 { background-position:-10px -34px;}
	.recipe .rating3 { background-position:-20px -34px;}
	.recipe .rating2 { background-position:-30px -34px;}
	.recipe .rating1 { background-position:-40px -34px;}
	.recipe .rating0 { background-position:-50px -34px;}
	
	/* cookingschool */
	.cookingschool .rating5 { background-position: 0px -51px;}
	.cookingschool .rating4 { background-position:-10px -51px;}
	.cookingschool .rating3 { background-position:-20px -51px;}
	.cookingschool .rating2 { background-position:-30px -51px;}
	.cookingschool .rating1 { background-position:-40px -51px;}
	.cookingschool .rating0 { background-position:-50px -51px;}
	
	/* endorsers */
	.endorsers .rating5 { background-position: 0px -68px;}
	.endorsers .rating4 { background-position:-10px -68px;}
	.endorsers .rating3 { background-position:-20px -68px;}
	.endorsers .rating2 { background-position:-30px -68px;}
	.endorsers .rating1 { background-position:-40px -68px;}
	.endorsers .rating0 { background-position:-50px -68px;}
	
	.endorsers .recipetitle header h3 { color: #76C3D5; }
	.endorsers .appliance .holder .title,
	.endorsers .appliance .holder .description {color:#76C3D5; }
	
	/* appliances */
	.appliances .rating5 { background-position: 0px -85px;}
	.appliances .rating4 { background-position:-10px -85px;}
	.appliances .rating3 { background-position:-20px -85px;}
	.appliances .rating2 { background-position:-30px -85px;}
	.appliances .rating1 { background-position:-40px -85px;}
	.appliances .rating0 { background-position:-50px -85px;}
	
	.appliances .recipetitle header h3,
	.appliances .appliance footer,
	.appliances .appliance .title,
	.appliances .appliance .description { color: #DD337A; }
	.appliances .instructions li { background-image: url("../images/parts/bulletbgappliances.png"); }
	.appliances .utilities a.print { background-color: #DD337A; }
	.appliances .utilities a.sendtofriend { background-color: #DD337A; }
	.appliances .breadcrumb li:first-child { background-color: #CB384F; }
	.appliances .breadcrumb li.sec { background-color: #DD337A; background-position: left -0px; }
	.appliances .breadcrumb li.last { background-color: #EBE6E4; background-position: left -368px; }