/*
-----------------------------------------------------
Kellogg's 'Rice Krispies' (http://www.kelloggs.co.uk/whatson/ricekrispies) SCREEN style sheet
author:   mN -> hello@madebymn.co.uk
version:  2009.10
-----------------------------------------------------
CONTENTS:

	1. GLOBAL
	2. TYPOGRAPHY
	3. GENERAL LAYOUT
	4. HEADER
	5. NAVIGATION
	6. CONTENT
	7. FOOTER
----------------------------------------------------- */

/* =1. Global */

html {font-family: Arial, Verdana, sans-serif;}
body {background: #00ade6 url(../images/global/background.png) repeat-x; color: #012a59;}

/*00ade6*/

/* =2. Typography */

h1,h2,h3,h4,h5 {font-family: Arial, Helvetica, Arial, sans-serif;}
p {font-size: 1em; }
a {text-decoration: none;}
.bold {font-weight:bold;}
ul.bullet-list
{
    list-style-type:disc;
    list-style-position:outside;
}
ol.numbered-list
{
    list-style-type:decimal;
    list-style-position:inside;
}
/* =3. General Layout */

div#outer {width: 960px; margin: auto; background-position: top center; }
div#inner {width: 920px; margin: auto; position: relative; }

div#header, div#container, div#footer {width: 100%; margin: auto;}

/* =4. Header */

div#header {position: relative;}
div#header p {position: absolute; top: 13px; left: 35px;}
div#header p a {background: url(../images/global/logo.gif) ; width: 164px; height: 142px; display: block; text-indent: -9999px;}

div#breadcrumb {position: absolute; right: 10px; bottom: 10px; font-size: 1.1em;}
div#breadcrumb h5 {float: left; color: #666; font-weight: normal; font-family: Arial, Verdana, sans-serif;}
div#breadcrumb ul {float: left;}
div#breadcrumb ul li {float: left; margin: 0 0 0 10px; padding: 0 0 0 7px;background: url(../images/global/arrow_red.gif) no-repeat 0 50%;}
div#breadcrumb a {color: #666; text-decoration: none; float: left;}
div#breadcrumb a:hover {text-decoration: underline;}
div#breadcrumb ul li ul li ul li a {color: #d8040c;}

/* =5. Navigation */

div#navigation {position: absolute; top: 73px; left: 249px; z-index: 9999;}
div#navigation ul li {float: left;}
div#navigation ul li a {display: block; height: 52px; text-indent: -9999px;}
div#navigation ul li a:hover {height: 40px;background-position: 0 -52px;}
div#navigation ul li a:hover.active {height: 52px;}

/* =6. Content */

div#content div#top {min-height: 503px; height: auto!important; height:503px;}
div#content div#top h1,
div#content div#top h2 {text-indent: -9999px; position: absolute; top: -9999px; left: -9999px;}
.sitemap div#content div#top h1,
.sitemap div#content div#top h2,
.fourohfour div#content div#top h1,
.fourohfour div#content div#top h2,
.signup div#content div#top h1,
.signup div#content div#top h2 {text-indent: 0; position: relative; top: 0; left: 0;}
.sitemap div#content div#top h2,
.fourohfour div#content div#top h2,
.signup div#content div#top h2 {text-indent: -9999px;}

/*	SEASONS	*/
.default div#inner {background: #e9f6fd url(../images/seasons/default/background.jpg) no-repeat;}
	body.products div#inner {background: url(../images/seasons/default/background_products.jpg) no-repeat;}	
	body.recipes div#inner {background: url(../images/seasons/default/background_recipe.jpg) no-repeat;}			
	body.makemumsface div#inner {background: url(../images/seasons/default/background_makemumsface.jpg) no-repeat;}			
	
	.default div#navigation ul li a {background: url(../images/seasons/default/navigation.gif);}
	.default div#navigation ul li#nav-all a {width: 113px;}
	.default div#navigation ul li#nav-season a { display:none;}
	.default div#navigation ul li#nav-products a {width: 130px; background-position: -113px 0;}		
	.default div#navigation ul li#nav-all a:hover,
	.default div#navigation ul li#nav-all a.active {background-position: 0 -52px;}
	.default div#navigation ul li#nav-products a:hover,
	.default div#navigation ul li#nav-products a.active {background-position: -113px -52px;}		

    div#navigation ul li#nav-makemumsface a {background: url(../images/seasons/default/navigation.gif) -243px 0;width: 169px;}
    div#navigation ul li#nav-makemumsface a:hover,
	div#navigation ul li#nav-makemumsface a.active {background-position: -243px -52px;}	

	/*	SPRING	*/
	.spring div#inner {background: #e9f6fd url(../images/seasons/spring/background.jpg) no-repeat;}
	body.products .spring div#inner {background: url(../images/seasons/spring/background_products.jpg) no-repeat;}	
	body.recipes .spring div#inner {background: url(../images/seasons/spring/background_recipe.jpg) no-repeat;}			
	body.makemumsface .spring div#inner {background: url(../images/seasons/spring/background_makemumsface.jpg) no-repeat;}			

	.spring div#secondary div#decoration-a {width: 45px; height: 42px; background: url(../images/seasons/spring/web_topleft.png); position: absolute; top: 0; left: 0; z-index: 9999;}
	.spring div#secondary div#decoration-b {width: 69px; height: 55px; background: url(../images/seasons/spring/web_bottomright.png); position: absolute; bottom: 0; right: 0; z-index: 9999;}		
	.spring div#navigation ul li a {background: url(../images/seasons/spring/navigation.gif);}
	.spring div#navigation ul li#nav-all a {width: 113px;}
	.spring div#navigation ul li#nav-season a {width: 140px; background-position: -113px 0;}	
	.spring div#navigation ul li#nav-products a {width: 130px; background-position: -253px 0;}		
	.spring div#navigation ul li#nav-all a:hover,
	.spring div#navigation ul li#nav-all a.active {background-position: 0 -52px;}
	.spring div#navigation ul li#nav-season a:hover,
	.spring div#navigation ul li#nav-season a.active {background-position: -113px -52px;}	
	.spring div#navigation ul li#nav-products a:hover,
	.spring div#navigation ul li#nav-products a.active {background-position: -253px -52px;}		

	/*	SUMMER	*/
	.summer div#inner {background: #e9f6fd url(../images/seasons/summer/background.jpg) no-repeat;}
		body.products .summer div#inner {background: url(../images/seasons/summer/background_products.jpg) no-repeat;}	
		body.recipes .summer div#inner {background: url(../images/seasons/summer/background_recipe.jpg) no-repeat;}
		body.makemumsface .summer div#inner {background: url(../images/seasons/summer/background_makemumsface.jpg) no-repeat;}						
	
	.summer div#secondary div#decoration-a {width: 45px; height: 42px; background: url(../images/seasons/summer/web_topleft.png); position: absolute; top: 0; left: 0; z-index: 9999;}
	.summer div#secondary div#decoration-b {width: 69px; height: 55px; background: url(../images/seasons/summer/web_bottomright.png); position: absolute; bottom: 0; right: 0; z-index: 9999;}		
	.summer div#navigation ul li a {background: url(../images/seasons/summer/navigation.gif);}
	.summer div#navigation ul li#nav-all a {width: 113px;}
	.summer div#navigation ul li#nav-season a {width: 151px; background-position: -113px 0;}	
	.summer div#navigation ul li#nav-products a {width: 130px; background-position: -264px 0;}		
	.summer div#navigation ul li#nav-all a:hover,
	.summer div#navigation ul li#nav-all a.active {background-position: 0 -52px;}
	.summer div#navigation ul li#nav-season a:hover,
	.summer div#navigation ul li#nav-season a.active {background-position: -113px -52px;}	
	.summer div#navigation ul li#nav-products a:hover,
	.summer div#navigation ul li#nav-products a.active {background-position: -264px -52px;}		
	
	/*	AUTUMN	*/
	.autumn div#header p a {background: url(../images/seasons/autumn/logo.gif);}		
	.autumn div#inner {background: #e9f6fd url(../images/seasons/autumn/background.jpg) no-repeat;}	
		body.products .autumn div#inner {background: url(../images/seasons/autumn/background_products.jpg) no-repeat;}	
		body.recipes .autumn div#inner {background: url(../images/seasons/autumn/background_recipe.jpg) no-repeat;}			
		body.fourohfour .autumn div#inner {background: url(../images/seasons/autumn/background_recipe.jpg) no-repeat;}
		body.makemumsface .autumn div#inner {background: url(../images/seasons/autumn/background_makemumsface.jpg) no-repeat;}						
   
	.autumn div#secondary div#decoration-a {width: 45px; height: 42px; background: url(../images/seasons/autumn/web_topleft.png); position: absolute; top: 0; left: 0; z-index: 9999;}
	.autumn div#secondary div#decoration-b {width: 69px; height: 55px; background: url(../images/seasons/autumn/web_bottomright.png); position: absolute; bottom: 0; right: 0; z-index: 9999;}		
	.autumn div#navigation ul li a {background: url(../images/seasons/autumn/navigation.gif);}
	.autumn div#navigation ul li#nav-all a {width: 113px;}
	.autumn div#navigation ul li#nav-season a {width: 171px; background-position: -113px 0;}	
	.autumn div#navigation ul li#nav-products a {width: 130px; background-position: -284px 0;}		
	.autumn div#navigation ul li#nav-all a:hover,
	.autumn div#navigation ul li#nav-all a.active {background-position: 0 -52px;}
	.autumn div#navigation ul li#nav-season a:hover,
	.autumn div#navigation ul li#nav-season a.active {background-position: -113px -52px;}	
	.autumn div#navigation ul li#nav-products a:hover,
	.autumn div#navigation ul li#nav-products a.active {background-position: -284px -52px;}		

	/*	WINTER	*/
	.winter div#inner {background: #e9f6fd url(../images/seasons/winter/background.jpg) no-repeat;}
		body.products .winter div#inner {background: url(../images/seasons/winter/background_products.jpg) no-repeat;}	
		body.recipes .winter div#inner {background: url(../images/seasons/winter/background_recipe.jpg) no-repeat;}
		body.makemumsface .winter div#inner {background: url(../images/seasons/winter/background_makemumsface.jpg) no-repeat;}		
		
	.winter div#secondary div#decoration-a {width: 45px; height: 42px; background: url(../images/seasons/winter/icicle_left.png) no-repeat; position: absolute; top: 0; left: 0; z-index: 9999;}
	.winter div#secondary div#decoration-b {width: 45px; height: 42px; background: url(../images/seasons/winter/icicle_right.png) no-repeat; background-position:10px 0px; position: absolute; top: 0; right: 0; z-index: 9999;}		
	.winter div#navigation ul li a {background: url(../images/seasons/winter/navigation.gif);}
	.winter div#navigation ul li#nav-all a {width: 113px;}
	.winter div#navigation ul li#nav-season a {width: 149px; background-position: -113px 0;}	
	.winter div#navigation ul li#nav-products a {width: 130px; background-position: -259px 0;}		
	.winter div#navigation ul li#nav-all a:hover,
	.winter div#navigation ul li#nav-all a.active {background-position: 0 -52px;}
	.winter div#navigation ul li#nav-season a:hover,
	.winter div#navigation ul li#nav-season a.active {background-position: -113px -52px;}	
	.winter div#navigation ul li#nav-products a:hover,
	.winter div#navigation ul li#nav-products a.active {background-position: -259px -52px;}					

	div#content div#secondary {background: #fff url(../images/global/secondary.gif) repeat-x top left; float: left; width: 100%;}
	div#content div#secondary div.inside {background: url(../images/global/secondary_inside.gif) repeat-x; background-position: bottom left; padding: 30px 20px; float: left; width: 880px; position: relative;}	
	div#content div#secondary div.inside div.pod {background: #fff; width: 405px; padding: 14px; height: 125px;
		box-shadow:0 0 5px #1ba2ed; -webkit-box-shadow:0 0 5px #1ba2ed;  -moz-box-shadow:0 0 5px #1ba2ed;
		border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 
	}	

/*	HOME */
body.home div#content div#top div#carousel ul li {display: none; }
body.home div#content div#top div#carousel ul li img {border: 5px solid #fff; box-shadow:0 0 10px #666; -webkit-box-shadow:0 0 10px #666;  -moz-box-shadow:0 0 10px #666;}
body.home div#content div#top div#carousel ul li.main {display: block; position: absolute; top: 156px; left: 250px; background: #fff;}
body.home div#content div#top div#carousel ul li.main img {border: 8px solid #fff;}
body.home div#content div#top div#carousel ul li.left {display: block; position: absolute; top: 231px; left: 67px; background: #fff;}
body.home div#content div#top div#carousel ul li.right {display: block; position: absolute; top: 231px; right: 67px; background: #fff;}
body.home div#content div#top div#carousel ul#pagination li {display: block;}
body.home div#content div#top div#carousel ul#pagination li a {display: block; width: 45px; height: 41px; background: transparent url(../images/home/arrows.gif); text-indent: -9999px;}
body.home div#content div#top div#carousel ul#pagination li.previous {position: absolute; left: 251px; top: 445px; z-index: 9999;}
body.home div#content div#top div#carousel ul#pagination li.next {position: absolute; right: 251px; top: 445px; z-index: 9999;}
body.home div#content div#top div#carousel ul#pagination li.next a {background-position: -45px 0;}
body.home div#content div#top div#character-snap {width: 139px; height: 164px; background: url(../images/home/character_snap.png); position: absolute; top: 333px; left: 125px; z-index: 9;}
body.home div#content div#top div#character-crackle {width: 134px; height: 218px; background: url(../images/home/character_crackle.png); position: absolute; top: 285px; left: 658px; z-index: 9;}

/*	PRODUCTS	*/
body.products div#content div#primary {background: #cdebfb; padding: 20px 0; float: left; width: 100%;}	
body.products div#content div#primary div.about {width: 628px; padding: 14px 14px 1px 14px; background: #fafdff; margin: auto; font-size: 1.3em; line-height: 17px;}
body.products div#content div#primary div.about ol,
body.products div#content div#primary div.about ul,
body.products div#content div#primary div.about p {margin-bottom: 16px;}
body.products div#content div#primary div.about div.intro {width: 286px; float: left;}
body.products div#content div#primary div.about div.intro h2 {font-weight: bold; font-size: 1.8461em; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-weight: normal; margin-bottom: 16px; cursor: pointer;}
body.products div#content div#primary div.about div.intro h3 {font-size: 1.1538em; margin-bottom: 9px;}
body.products div#content div#primary div.per-serving {float: right; width: 320px;}
body.products div#content div#primary div.per-serving table.per-serving_ricekrispiesoriginal {width: 320px; height: 94px; background: url(../images/products/per-serving_ricekrispiesoriginal.gif); text-indent: -9999px; margin-bottom: 5px;}
body.products div#content div#primary div.per-serving table.per-serving_ricekrispiesmultigrainshapes {width: 320px; height: 94px; background: url(../images/products/per-serving_ricekrispiesmultigrainshapes.gif); text-indent: -9999px; margin-bottom: 5px;}
body.products div#content div#primary div.per-serving table.per-serving_ricekrispiescerealmilkbar {width: 320px; height: 94px; background: url(../images/products/per-serving_ricekrispiescerealmilkbar.gif); text-indent: -9999px; margin-bottom: 5px;}
body.products div#content div#primary div.per-serving h3 {text-align: center; font-size: 0.9230em; line-height: 13px; margin-bottom: 3px;}
body.products div#content div#primary div.per-serving p {text-align: center; margin-bottom: 3px; font-weight: bold; font-size: 0.9230em; line-height: 13px;}
body.products div#content div#primary div.per-serving p a {color: #1ba2ed;}
body.products div#content div#primary div.per-serving p a:hover {text-decoration: underline;}
body.products div#content div#primary div.per-serving div#packshot-1 {width: 305px; height: 245px; background: url(../images/products/packshot_2.jpg); text-indent: -9999px; margin-top: 20px;}
body.products div#content div#primary div.per-serving div#packshot-2 {width: 305px; height: 245px; background: url(../images/products/packshot_1.jpg); text-indent: -9999px; margin-top: 20px;}
body.products div#content div#primary div.per-serving div#packshot-3 {width: 305px; height: 245px; background: url(../images/products/packshot_3.jpg); text-indent: -9999px;}
body.products div#content div#primary div.table {background: #fafdff; margin: auto; padding: 5px; width: 646px; font-size: 1.3em; line-height: 15px;}
body.products div#content div#primary div.table div.inside {background: #d1ecfb; float: left;padding: 16px 22px 16px 6px; width: 618px;}
body.products div#content div#primary div.table div.inside h4 {font-size: 1.1538em; line-height: 17px; margin-bottom: 12px; width: 100%;}
body.products div#content div#primary div.table div.inside table {float:left; margin-left: 10px; width: 199px; }
body.products div#content div#primary div.table div.inside table.first {margin-left: 0;}
body.products div#content div#primary div.table div.inside table tr {}
body.products div#content div#primary div.table div.inside table tr th {text-align: left; padding: 2px;}
body.products div#content div#primary div.table div.inside table tr td {padding: 2px; background-image: none; background: url(../images/products/table_background.gif) no-repeat bottom left;}
body.products div#content div#primary div.others {width: 656px; margin: auto; background: #fafdff;}
body.products div#content div#primary div.others ul {margin-bottom: 0; width: 656px;}
body.products div#content div#primary div.others ul li {border-top: 1px solid #cdebfb; width: 628px; padding: 0 14px; }

body.products div#content div#primary div.trigger {width: 616px; padding: 0 14px; margin: auto; background: #fafdff; clear: both; border-top: 1px solid #cdebfb; cursor: pointer; position: relative;}
body.products div#content div#primary div.trigger {background: #fafdff url(../images/products/titles.gif) no-repeat -340px -47px; cursor: pointer;padding: 10px 0 10px 40px;}
body.products div#content div#primary div.trigger h2 {color: #012a59; font-size: 2.4em; line-height: 30px; font-family: "Century Gothic", Verdana, Arial, sans-serif; padding: 10px 26px; display: block; background: url(../images/global/icons_blue.gif) no-repeat 0 -85px; cursor: pointer;}
body.products div#content div#primary div.trigger h2 {display: block; width: 350px; height: 26px!important; background: url(../images/products/titles.gif); text-indent: -9999px; padding: 0;}
body.products div#content div#primary div.hover {background: #e3f4fd url(../images/products/titles.gif) no-repeat -340px -47px;}
body.products div#content div#primary div.selected {background: #e3f4fd url(../images/products/titles.gif) no-repeat -340px 13px;}
body.products div#content div#primary div#rice-krispies-multigrain-shapes h2 {background-position: 0 -30px;}
body.products div#content div#primary div#rice-krispies-caramel-milk-bar h2 {background-position: 0 -60px;}
body.products div#content div#primary div.trigger div { display: none;}
body.products div#content div#primary div.slider {width: 656px; margin: auto;  clear: both;}
	.showSlider { display:block; }
	.hideSlider { display:none; }

/*	RECIPES */
body.recipes div#content div#top div#carousel div {display: none; background: #fff;}
body.recipes div#content div#top div#carousel div img {border: 5px solid #fff; box-shadow:0 0 10px #666; -webkit-box-shadow:0 0 10px #666;  -moz-box-shadow:0 0 10px #666;}
body.recipes div#content div#top div#carousel div.main {display: block; position: absolute; top: 158px; left: 189px;}
body.recipes div#content div#top div#carousel div.main img {border: 8px solid #fff;}
body.recipes div#content div#top div#character-snap {width: 139px; height: 164px; background: url(../images/home/character_snap.png); position: absolute; top: 319px; left: 73px; z-index: 9;}
body.recipes div#content div#top div#character-crackle {width: 134px; height: 218px; background: url(../images/home/character_crackle.png); position: absolute; top: 271px; left: 725px; z-index: 9;}
	
body.recipes div#content div#primary {background: #cdebfb; padding: 20px 0; float: left; width: 100%;}
body.recipes div#content div#primary div.button-back {width: 95px; margin: -10px auto 10px auto; position: absolute; top: 452px; left: 21px; z-index: 9999;} 
body.recipes div#content div#primary div.button-back a {display: block; width: 95px; height: 34px; background: url(../images/recipes/button_back_recipe.gif); text-indent: -9999px;}
body.recipes div#content div#primary div.button-back a:hover {background-position: 0 -34px;}
body.recipes div#content div#primary div.recipe {background: #fafdff; width: 854px; padding: 14px 10px 14px 14px; margin: auto;}
body.recipes div#content div#primary div.recipe ul.action {float: right; min-height: 31px; height: auto!important; height: 31px;}
body.recipes div#content div#primary div.recipe ul.action li {float: left; margin-left: 14px;}
body.recipes div#content div#primary div.recipe ul.action li a {color: #1ba2ed; font-size: 1.3em; line-height: 15px; font-weight: bold; background: url(../images/global/icons_blue.gif) no-repeat; padding: 0 20px 0 0; display: block; margin-bottom: 16px;}
body.recipes div#content div#primary div.recipe ul.action li.addthis a {background-position: right -200px; padding-right: 17px;}
body.recipes div#content div#primary div.recipe ul.action li a.print {background-position: right -300px;}
body.recipes div#content div#primary div.recipe ul.action li a:hover {color: #012a59;}
body.recipes div#content div#primary div.recipe div.left {width: 408px; float: left; margin-top: -31px;}
body.recipes div#content div#primary div.recipe div.left h1 {font-size: 2.4em; font-family: "Century Gothic", Verdana, Arial, sans-serif; margin-bottom: 10px;}
body.recipes div#content div#primary div.recipe div.left div.rating {font-size: 1.3em; line-height: 15px; padding-bottom: 18px; border-bottom: 1px solid #d1ecfb; margin-bottom: 15px; float: left; width: 100%;}
body.recipes div#content div#primary div.recipe div.left div.rating strong {float: left; margin-right: 7px; font-size: 1.1538em;}
body.recipes div#content div#primary div.recipe div.left div.rating a {color: #1ba2ed; font-weight: bold;}
body.recipes div#content div#primary div.recipe div.left div.rating span.stars {float: left; margin-right: 11px; padding: 0; height: 14px!important; display: block; clear: none; line-height: 1px; font-size: 1px; overflow: hidden;}
body.recipes div#content div#primary div.recipe div.left div.method {float: left; clear: both;}
body.recipes div#content div#primary div.recipe div.left div.method h2 {display: none;}
body.recipes div#content div#primary div.recipe div.left div.method ol {font-size: 1.7em; line-height: 20px;}
body.recipes div#content div#primary div.recipe div.left div.method ol li {padding: 0 0 44px 67px; position: relative; float: left; clear:both; width: 341px;}
body.recipes div#content div#primary div.recipe div.left div.method ol li span {display: block; width: 56px; height: 56px; position: absolute; top: 0; left: 0; background: url(../images/recipes/icons.gif);}
body.recipes div#content div#primary div.recipe div.left div.method ol li span.icon-melt {background-position: 0 -56px;}
body.recipes div#content div#primary div.recipe div.left div.method ol li span.icon-simmer {background-position: 0 -112px;}
body.recipes div#content div#primary div.recipe div.left div.method ol li span.icon-stir {background-position: 0 -168px;}
body.recipes div#content div#primary div.recipe div.left div.method ol li span.icon-shape {background-position: 0 -224px;}
body.recipes div#content div#primary div.recipe div.left div.method ol li span.icon-eat {background-position: 0 -280px; width: 43px; height: 43px; margin-left:7px;}
body.recipes div#content div#primary div.recipe div.left div.method ol li span.icon-chill {background-position: 0 -323px;}
body.recipes div#content div#primary div.recipe div.left div.additional {float: left; clear: both; border-top: 1px solid #d1ecfb; padding-top: 26px; width: 100%;}
body.recipes div#content div#primary div.recipe div.left div.additional h3 {font-size: 1.5em; line-height: 17px; margin-bottom: 14px;}
body.recipes div#content div#primary div.recipe div.left div.additional p {font-size: 1.3em; line-height: 18px; margin-bottom: 26px;} 

body.recipes div#content div#primary div.recipe div.right {width: 424px; float: right;}
body.recipes div#content div#primary div.recipe div.right div.ingredients {background: #d1ecfb; padding: 10px; width: 404px;}
body.recipes div#content div#primary div.recipe div.right div.ingredients h2 {font-size: 1.5em; line-height: 17px; margin-bottom: 16px;}
body.recipes div#content div#primary div.recipe div.right div.ingredients ul {font-size: 1.3em; line-height: 15px; width: 260px;}
body.recipes div#content div#primary div.recipe div.right div.ingredients ul li {margin-bottom: 12px;}
body.recipes div#content div#primary div.recipe div.right div.try-these {background: #d1ecfb; padding: 10px; width: 404px; margin-bottom: 10px;}
body.recipes div#content div#primary div.recipe div.right div.try-these h3 {font-size: 1.5em; line-height: 17px; margin-bottom: 16px;}
body.recipes div#content div#primary div.recipe div.right div.try-these ul {float: left; clear: both;}
body.recipes div#content div#primary div.recipe div.right div.try-these ul li {float: left; margin-right: 8px;}
body.recipes div#content div#primary div.recipe div.right div.try-these ul li a img {border: 5px solid #fff;}
body.recipes div#content div#primary div.recipe div.right div.try-these ul li a:hover img {box-shadow:0 0 5px #1ba2ed; -webkit-box-shadow:0 0 5px #1ba2ed;  -moz-box-shadow:0 0 5px #1ba2ed}

/*  MAKE MUMS FACE  */
body.makemumsface div#content div#primary {background: #cdebfb; padding: 20px 0; float: left; width: 100%; color: #349fd8;}
body.makemumsface div#content div#primary div.left{float:left;}
body.makemumsface div#content div#primary div.right{float:right;}
body.makemumsface div#content div#primary div.instructions {background: #fafdff; width: 854px; padding: 14px 10px 14px 14px; margin: auto;}
body.makemumsface div#content div#primary div.instructions ul.action li.addthis a {background-position: right -200px; padding-right: 17px;}
body.makemumsface div#content div#primary div.instructions ul.action {float: right; min-height: 31px; height: auto!important; height: 31px;}
body.makemumsface div#content div#primary div.instructions ul.action li {float: left; margin-left: 14px;}
body.makemumsface div#content div#primary div.instructions ul.action li a {color: #1ba2ed; font-size: 1.3em; line-height: 15px; font-weight: bold; background: url(../images/global/icons_blue.gif) no-repeat; padding: 0 20px 0 0; display: block; margin-bottom: 16px;}
body.makemumsface div#content div#primary div.instructions ul.action li.addthis a {background-position: right -200px; padding-right: 17px;}
body.makemumsface div#content div#primary div.instructions ul.action li a.print {background-position: right -300px;}
body.makemumsface div#content div#primary div.instructions ul.action li a:hover {color: #012a59;}
body.makemumsface div#content div#primary div.instructions p {margin-bottom:20px;}
body.makemumsface div#content div#primary div.instructions h1 img,
body.makemumsface div#content div#primary div.instructions h2 img{margin-bottom:10px;}
body.makemumsface div#content div#primary div.instructions div.row {font-size:1.6em;}
body.makemumsface div#content div#primary div.instructions div.row div.narrow {width:340px;}
body.makemumsface div#content div#primary div.instructions div.row div.wide {width:498px;}
body.makemumsface div#content div#primary div.instructions div.row ul.bullet-list{margin-left:24px;}
body.makemumsface div#content div#primary div.instructions div.row ul.bullet-list li{margin-bottom:20px;}
body.makemumsface div#content div#primary div.instructions div.ingredients {background: #349fd8; color: #fff; padding: 25px; margin-right:30px;}
body.makemumsface div#content div#primary div.instructions div.ingredients h3 {font-size: 0.9em; margin-bottom: 20px;}
body.makemumsface div#content div#primary div.instructions div.ingredients ul li{font-size: 0.8em; margin-bottom:4px;}
body.makemumsface div#content div#primary div.instructions div.row ol.numbered-list {margin-left:10px;}
body.makemumsface div#content div#primary div.instructions div.row ol.numbered-list li {margin-bottom:10px;}
body.makemumsface div#content div#primary div.instructions div.row ol li {padding: 0 0 44px 67px; position: relative; float: left; clear:both; width: 341px;}
body.makemumsface div#content div#primary div.instructions div.row ol li span {display: block; width: 56px; height: 56px; position: absolute; top: 0; left: 0; background: url(../images/recipes/icons.gif);}
body.makemumsface div#content div#primary div.instructions div.row ol li span.icon-melt {background-position: 0 -56px;}
body.makemumsface div#content div#primary div.instructions div.row ol li span.icon-simmer {background-position: 0 -112px;}
body.makemumsface div#content div#primary div.instructions div.row ol li span.icon-stir {background-position: 0 -168px;}
body.makemumsface div#content div#primary div.instructions div.row ol li span.icon-shape {background-position: 0 -224px;}
body.makemumsface div#content div#primary div.instructions div.row ol li span.icon-eat {background-position: 0 -280px; width: 43px; height: 43px; margin-left:7px;}
body.makemumsface div#content div#primary div.instructions div.row ol li span.icon-chill {background-position: 0 -323px;}


body.makemumsface div#inner #ctl00_ctl00_ctlNav_sub2 {display: none;}
body.makemumsface .winter div#inner #ctl00_ctl00_ctlNav_sub2.winter-link {display: block;}
body.makemumsface .spring div#inner #ctl00_ctl00_ctlNav_sub2.spring-link {display: block;}
body.makemumsface .summer div#inner #ctl00_ctl00_ctlNav_sub2.summer-link {display: block;}
body.makemumsface .autumn div#inner #ctl00_ctl00_ctlNav_sub2.autumn-link {display: block;}

/*	SIGNUP	*/
body.signup div.button-back {width: 95px; position: absolute; top: 126px; left: 406px;} 
body.signup div.button-back a {display: block; width: 95px; height: 34px; background: url(../images/recipes/button_back.gif);text-indent: -9999px;}
body.signup div.button-back a:hover {background-position: 0 -34px;}	
body.signup div#content div#top {padding-bottom: 20px;}
body.signup div#content div#top h1 {text-indent: 0; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-weight: normal; margin-bottom: 18px; background: url(../images/signup/title.gif) no-repeat; width: 433px; height: 52px; text-indent: -9999px;}
body.signup div#content div#top h1.title-login {text-indent: 0; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-weight: normal; margin-bottom: 18px; background: url(../images/signup/title-login.gif) no-repeat; width: 304px; height: 24px; text-indent: -9999px;}
body.signup div#content div#top h1.title-thankyou {text-indent: 0;font-family: "Century Gothic", Verdana, Arial, sans-serif; font-weight: normal; margin-bottom: 18px; background: url(../images/signup/title-thankyou.gif)  no-repeat; width: 95px; height: 24px; text-indent: -9999px;}
body.signup div#content div#top h1.title-sorry {text-indent: 0; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-weight: normal; margin-bottom: 18px; background: url(../images/signup/title-sorry.gif) no-repeat; width: 51px; height: 22px; text-indent: -9999px;}
body.signup div#content div#top div.form {background: #fff; width: 510px; margin: 169px auto 30px auto; padding: 21px 24px;}
body.signup div#content div#top div.form h2.as {text-indent: 0!important;}
body.signup div#content div#top div.form p {margin-bottom: 7px; font-size: 1.3em; line-height: 15px; clear: both;}
body.signup div#content div#top div.form p label {width: 162px; text-align: right; float: left; margin-right: 10px; padding: 3px 0;}
body.signup div#content div#top div.form p input.text {border: 1px solid #d5d5d5; padding: 3px; width: 192px;}
body.signup div#content div#top div.form p input {color: #666;}
body.signup div#content div#top div.form p a {color: #1ba2ed;}
body.signup div#content div#top div.form p a:hover {text-decoration: underline;}
body.signup div#content div#top div.form p span#name small a {color: #e80000; font-size: 0.846em;}
body.signup div#content div#top div.form p.sex span {width: 162px; text-align: right; float: left; margin-right: 10px; padding: 3px 0;}
body.signup div#content div#top div.form p.sex label,
body.signup div#content div#top div.form p.sex span.radio {width: auto; text-align: left; margin: 0; padding: 0;}
body.signup div#content div#top div.form p.sex input, 
body.signup div#content div#top div.form p.sex label {float: left;}
body.signup div#content div#top div.form p.sex span.error {text-align: left;}
body.signup div#content div#top div.form p.dob small a {font-size: 0.846em; color: #1ba2ed;}
body.signup div#content div#top div.form p.over18 {margin-left: 172px;}
body.signup div#content div#top div.form p.over18 label {float: none;}
body.signup div#content div#top div.form p.submit,
body.signup div#content div#top div.form p.forgot,
body.signup div#content div#top div.form p.back {margin-left: 172px;} 
body.signup div#content div#top div.form p.forgot a {color: #1ba2ed; font-size: 0.846em;}
body.signup div#content div#top div.form p.submit input {border: 0; background: #fff; color: #1ba2ed; font-size: 1.36363em; line-height: 20px; background: url(../images/global/icons.gif) no-repeat 0 -97px; padding: 0 0 0 20px; text-align: left; cursor: pointer;}
body.signup div#content div#top div.form p.submit input:hover {color: #102a59;}
body.signup div#content div#top div.form p input.submit {border: 0; background: #fff; color: #1ba2ed; font-size: 1.36363em; line-height: 20px; background: url(../images/global/icons.gif) no-repeat 0 -97px; padding: 0 0 0 20px; text-align: left; cursor: pointer;}
body.signup div#content div#top div.form p input.submit:hover {color: #102a59;}

body.signup div#content div#top div.form p span.error {clear: both; margin: 0px 0 5px 172px; color: #e80000; font-size: 0.846em; float: left; width: 200px;}

body.fourohfour div.button-back {width: 95px; position: absolute; top: 198px; left: 179px;} 
body.fourohfour div.button-back a {display: block; width: 95px; height: 34px; background: url(../images/recipes/button_back.gif);text-indent: -9999px;}
body.fourohfour div.button-back a:hover {background-position: 0 -34px;}	
body.fourohfour div#content div#top h1 {text-indent: 0; font-size: 2.1em; line-height: 27px; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-weight: normal; margin-bottom: 18px; background: url(../images/404/title.gif); width: 379px; height: 25px; text-indent: -9999px;}
body.fourohfour div#content div#top div#character-snap {background: url(../images/404/snap.png); width: 137px; height: 102px; position: absolute; left: 280px; top: 148px; z-index: 9999;}
body.fourohfour div#content div#top div#character-crackle {background: url(../images/404/crackle.png); width: 296px; height: 250px; position: absolute; left: 553px; top: 246px; z-index: 9999;}
body.fourohfour div#content div#top div.form {background: #fff; width: 510px; margin: 240px auto 30px auto; padding: 21px 24px;}
body.fourohfour div#content div#top div.form p {margin-bottom: 7px; font-size: 1.3em; line-height: 15px; clear: both;}
body.fourohfour div#content div#top div.form p a {background: url(../images/global/icons.gif) no-repeat  0pt -100px ; color: #1ba2ed; font-weight: bold; padding-left: 26px; line-height: 30px; font-size: 1.15384em;}
body.fourohfour div#content div#top div.form p a:hover {text-decoration: underline;}

body.sitemap div#content div#top {padding-bottom: 20px;}
body.sitemap div#content div#top h1 {text-indent: 0; font-size: 2.1em; line-height: 27px; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-weight: normal; margin-bottom: 18px; background: url(../images/sitemap/title.gif); width: 74px; height: 22px; text-indent: -9999px;}
body.sitemap div#content div#top div.form {background: #fff; width: 510px; margin: 169px auto 30px auto; padding: 21px 24px;}
body.sitemap div#sitemap ul li a {font-size: 1.3em; line-height: 15px; color:#012a59;}
body.sitemap div#sitemap ul li a:hover {text-decoration: underline;}
body.sitemap div#sitemap ul li ul {margin-left: 20px;}
body.sitemap div#sitemap ul li ul li ul {margin-left: 20px;}

/*	PODS	*/
	div#pod-right {margin-left:12px;}
	div.pod p a {color: #1ba2ed; font-size: 1.5em; line-height: 17px;}
	div.pod p a:hover {text-decoration: underline;}
	div#character-pop {width: 149px; height: 188px; background: url(../images/home/character_pop.png); position: absolute; top: 18px; left: 764px; z-index: 9;}
/*	div.full-of-vitamins div.img {background: url(../images/home/pod_left_image.jpg) no-repeat; width: 219px; height: 140px; z-index: 3; position: absolute; top: 0; right: 0;}*/

	div.full-of-vitamins {background: #fff; float: left;}
	div.full-of-vitamins div.bg {background: url(../images/home/pod_left_image.jpg) no-repeat 180px 00px!important; width: 100%; min-height: 139px; height: auto!important; height: 139px;}
	div.full-of-vitamins h2,
	div.full-of-vitamins h4 {background: url(../images/home/pod_left_title.gif); width: 164px; height: 47px; text-indent: -9999px;margin-bottom: 19px;}
	div.full-of-vitamins p {width: 170px; padding-left: 26px; background: url(../images/global/icons.gif) no-repeat 0 -98px;}
	
	div.newsletter {width: 284px!important; min-height: 124px; height: auto!important; height: 124px; float: left; margin-left: 21px!important;}
	div.newsletter h2,
	div.newsletter h4 {background: url(../images/home/pod_right_title.gif); width: 222px; height: 48px; text-indent: -9999px;margin-bottom: 14px;}
	div.newsletter p {width: 190px; padding-left: 26px; background: url(../images/global/icons.gif) no-repeat 0 0px;}

	div.other-recipes {background: #fff; min-height: 124px; height: auto!important; height: 124px; float: left;}
	div.other-recipes h2,
	div.other-recipes h4 {background: url(../images/home/pod_other_title.gif); width: 323px; height: 25px; text-indent: -9999px;margin-bottom: 14px;}
	div.other-recipes ul {float: left; clear: both; height: 78px; zoom:1; margin: 0;}
	div.other-recipes ul li {float: left; width: 102px; height: 68px; background: url(../images/global/other-recipes_background.gif) no-repeat; padding: 5px; margin: 0; margin-right: 7px;}	

    div.pod-makemumsface {background: #fff; float: left;}
    div.pod-makemumsface div.bg {background: url(../images/makemumsface/bg-pod.jpg) no-repeat right 0px !important; width: 100%; min-height: 139px; height: auto!important; height: 139px;}
    div.pod-makemumsface p {width: 205px; padding-left: 26px; background: url(../images/global/icons.gif) no-repeat 0 -98px;}
	
/* =6. Footer */

div#footer {float: left; clear: both; width: 100%; margin: 0 auto 20px auto;}
div#footer-a {color: #fff; padding: 8px 15px; margin: auto;}
div#footer-a a {color: #fff; text-decoration: none; font-size: 1.1em;}
div#footer-a a:hover {text-decoration: underline;}
div#footer-a p#copyright {float: left; margin: 0 0 0 5px;}
div#footer-a ul#footernav {float: left; margin: 0 0 0 10px;}
div#footer-a ul#footernav li {float: left; margin: 0 0 0 8px; padding: 0 0 0 10px;}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.star-rating{float:left;width:17px;height:14px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden;}
div.star-rating,div.star-rating a{background:url(../images/recipes/star.gif) no-repeat 0 0px}
div.star-rating a{display:block;width:17px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -14px!important}
div.star-rating-hover a{background-position:0 -28px}
div.star-rating-readonly a{cursor:default !important}
div.star-rating{background:transparent!important;overflow:hidden!important}

#sign-up-frame{margin: 60px 100px 0px 100px;}