/*--------------------------------------------------

	Project: Eggo Waffles
	CSS By: Arc Worldwide
	
	---
	
	Table of Contents
	
	1.) Base
	2.) Globals
	3.) Container(s)
	4.) Header
	5.) Content Containers
	6.) Home
	7.) Product Detail
	8.) Product Categories
	9.) What's New
	10.) Error Pages
	11.) Modals
	12.) Footer
    13.) CritComm
	
	---
	
	This stylesheet provides all the base styles
	for the eggo waffle website. Please keep
	everything organized and within the document
	flow.

--------------------------------------------------*/

/*----- 1.) Base -----*/

html, body {
    font-family: "Arial", "Helvetica", Sans-Serif;
	font-size: 12px;
	height: 100%;
}

body {
	background: #FFF url(/_res/i/site/swoosh-sprite.png) no-repeat center -134px;
	color: #666;
}

p {
    line-height: 1.5em;
    margin: 0 0 1em;
}

a{
	color: #333333;	
}

/*----- 2.) Globals -----*/

/* - Buttons - */

a#explore-ideas-btn {
    background: url(/_res/i/buttons/explore-ideas-btn.png) no-repeat left top;
    display: block;
    height: 38px;
    width: 216px;
}

a#explore-ideas-btn:hover { background-position: 0 -38px; }

a#learn-more-btn {
    background: url(/_res/i/buttons/learn-more-btn.png) no-repeat left top;
    display: block;
    height: 13px;
    width: 76px;
}

a#learn-more-btn:hover { background-position: 0 -13px; }

a#watch-now-btn {
    background: url(/_res/i/buttons/watch-now-btn.png) no-repeat left top;
    display: block;
    height: 13px;
    width: 77px;
}

a#watch-now-btn:hover { background-position: 0 -13px; }

a#download-form-btn {
    background: url(/_res/i/buttons/download-form-btn.png) no-repeat left top;
    display: block;
    height: 32px;
    left: 780px;
    position: absolute;
    top: 112px;
    width: 169px;
}

a#download-form-btn:hover { background-position: 0 -32px; }

a#check-them-out-btn {
    background: url(/_res/i/buttons/check-them-out-btn.png) no-repeat left top;
    display: block;
    height: 32px;
    left: 780px;
    position: absolute;
    top: 112px;
    width: 169px;
}

a#check-them-out-btn:hover { background-position: 0 -32px; }

a#scroll-left-btn, a#scroll-right-btn {
	background: url(/_res/i/buttons/related-products-scroll-btns.png) no-repeat left top;
	display: none;
	height: 22px;
	left: 54px;
	position: absolute;
	top: 100px;
	width: 23px;
}

a#scroll-left-btn:hover { background-position: left bottom; }

a#scroll-right-btn {
	background-position: right top;
	left: 600px;
}

a#scroll-right-btn:hover { background-position: right bottom; }

a#sign-up-btn {
    background: transparent url(/_res/i/buttons/sign-up-btn.png) no-repeat left top;
    display: block;
    height: 40px;
    overflow: hidden;
    width: 276px;
}

a#sign-up-btn:hover { background-position: left bottom; }

/* - Classes - */

.head {
    color: #000;
    font-size: 18px;
}

.nindent {
	line-height: 0;
	text-indent: -10000em;
}

.sm { font-size: 11px; }

.clr{ clear: both; }

/*----- 3.) Container(s) -----*/

div#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -134px;
	position: relative;
	width: 980px;
	overflow: hidden;
}

div#footer, div#push {
    clear: both;
    height: 134px;
}

div#footer { background: #FFF url(/_res/i/site/swoosh-sprite.png) no-repeat center top; }

/*----- 4.) Header -----*/

div#header {
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 0 30px;
	position: relative;
	width: 960px;
}

div#logo {
	background: url(/_res/i/site/logo-container.png) no-repeat;
	height: 110px;
	left: -35px;
	padding: 0 35px;
	position: absolute;
	top: 0;
	width: 203px;
}

div#product-logo {
	background: url(/_res/i/site/product-logo-container.png) no-repeat;
	height: 110px;
	left: -19px;
	position: absolute;
	top: 0;
	width: 241px;
}

div#logo a, div#product-logo a {
	background: url(/_res/i/site/eggo-logo.png) no-repeat;
	display: block;
	height: 83px;
	margin: 0 auto;
	width: 175px;
}

div#product-logo a { margin: 10px auto 0; }

ul#site-nav, ul#site-nav li, ul#site-nav li a {
	display: inline;
	float: left;
}

ul#site-nav { margin: 40px 0 0 230px; }
ul#site-nav li { padding: 7px 0 0; }

ul#site-nav li.pipe {
	background: url(/_res/i/navigation/pipe.gif) no-repeat;
	height: 25px;
	margin: 0 12px;
	padding: 0;
	width: 3px;
}

ul#site-nav li a { height: 9px; }

ul#site-nav li a.home {
	background: url(/_res/i/navigation/home.gif) no-repeat;
	width: 39px;
}

ul#site-nav li a.products {
	background: url(/_res/i/navigation/products.gif) no-repeat;
	width: 75px;
}

ul#site-nav li a.whats-new {
	background: url(/_res/i/navigation/whats-new.gif) no-repeat;
	width: 92px;
}

ul#site-nav li a:hover, ul#site-nav li.current a, body.home-section ul#site-nav li a.home, body.product-section ul#site-nav li a.products, body.news-section ul#site-nav li a.whats-new{ background-position: 0 -9px; }

/* - Product Nav - */

div#product-nav {
	background: url(/_res/i/product-nav/product-dropdown.png) no-repeat 29px bottom;
	left: -278px;
	padding: 0 0 32px;
	position: absolute;
	top: 33px;
	width: 285px;
	z-index: 10;
}

ul#category-nav {
	margin: 0 0 0 48px;
	width: 203px;
}

ul#category-nav li {
	background: url(/_res/i/product-nav/product-cat-seperator.png) no-repeat center top;
	clear: left;
	display: inline;
	float: left;
	font-size: 14px;
	overflow: hidden;
	padding: 5px 0 1px;
	width: 203px;
}

ul#category-nav li a {
	clear: left;
	color: #999;
	display: inline;
	float: left;
	margin: 0 0 0 10px;
	padding: 0 19px;
	text-decoration: none;
}

ul#category-nav li a.header {
	background: url(/_res/i/product-nav/product-plus-minus.gif) no-repeat 0 3px;
	margin: 0 0 4px 10px;
}

ul#category-nav li a.view-all {
	display: none;
	float: right;
	font-size: 10px;
	margin: 2px 10px 0 0;
	padding: 0;
}

ul#category-nav li a.ui-state-active { background-position: 0 -25px; }
ul#category-nav li a:hover { color: #F00; }

ul#category-nav ul.cat-sub-nav {
	background: url(/_res/i/product-nav/product-dropdown-subnav.png) repeat-y center top;
	clear: both;
	display: none;
	overflow: hidden;
	position: relative;
	width: 203px;
}

ul#category-nav ul.cat-sub-nav li {
	background-image: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	margin: 0 0 8px;
	padding: 0;
}

ul#category-nav ul.cat-sub-nav li.first {
	background: url(/_res/i/product-nav/product-dropdown-subnav-top-shadow.png) no-repeat center top;
	padding: 6px 0 0;
}

ul#category-nav ul.cat-sub-nav li.current {
    background-color: #FFF;
    padding: 6px 0 5px;
}

ul#category-nav ul.cat-sub-nav li a { color: #333; }
ul#category-nav ul.cat-sub-nav li a:hover, ul#category-nav ul.cat-sub-nav li.current a, ul#category-nav li.ui-accordion-li-fix.current a.header{ color: #F00; }

/*----- 5.) Content Containers -----*/

div#content, div#product-content {
    clear: both;
    display: inline;
    float: left;
    margin: 35px 0 0;
    width: 980px;
}

div#product-content {
    margin: 0 0 0 260px;
    position: relative;
    width: 692px;
}

/*----- 6.) Home -----*/

div#home-hero {
    background: url(/_res/i/home/home-splash.jpg) no-repeat;
    height: 398px;
    width: 980px;
}

div#home-hero a { margin: 332px 0 0 736px; }

div#home-news, div#eggo-shortage,div#intro-fruit-pizza, div#watch-commercial {
    display: inline;
    float: left;
}

div#home-news {
    /*background: url(/_res/i/home/hero-divider.jpg) no-repeat center top;*/
    width: 980px;
}

div#eggo-shortage {
    background: url(/_res/i/home/national-shortage.jpg) no-repeat;
    height: 137px;
    margin: 0 14px 0 140px;
    width: 380px;
}

div#eggo-shortage a { margin: 70px 0 0 162px; }

div#intro-fruit-pizza {
    background: url(/_res/i/home/introducing-fruit-pizza.jpg) no-repeat;
    height: 137px;
    margin: 0 14px 0 140px;
    width: 380px;
}

div#intro-fruit-pizza a { margin: 75px 0 0 203px; }

div#watch-commercial {
    background: url(/_res/i/home/watch-commercial.jpg) no-repeat;
    height: 135px;
    width: 273px;
}

div#watch-commercial a { margin: 65px 0 0 150px; }

/*----- 7.) Product Details -----*/

div#product-detail{ width: 689px; float: left; position: relative; padding: 20px 0 0 0; }

span.note {
    display: block;
    clear: both;
    font-size: 11px;
    position: relative;
    top: -10px;
    left: 0;
}

/*----- 8.) Product Categories -----*/

ul#nav-breadcrumbs{ 
	float: left;
	width: 682px;
	padding: 6px 0 0;
}

#prodpgs
{
	width: 717px;
}

ul#nav-breadcrumbs li{
	display: inline;
	float: left;
	margin: 0 4px 0 0;
	color: #999999;
}

ul#nav-breadcrumbs li a{
	display: block;
	float: left;
	text-decoration: none;
	color: #999999;
}

ul#nav-breadcrumbs li a:hover{ text-decoration: underline; }

div#product {
	display: inline;
	float: left;
	margin: 40px 0 0;
	width: 689px;
}

div#product div.product-img{
	width: 432px;
	height: 292px;
	float: left;	
}

div#product div.product-desc{
	width: 257px;
	float: left;
	position: relative;
}

div#product span.type{
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 5px;
	display: block;
	float: left;
}

div#product h1{
	font-weight: bold;
	font-size: 21px;
	letter-spacing: 2px;
	margin-bottom: 10px;
	float: left;
	clear: left;
}

div#product p{
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	float: left;
	clear: left;
	margin-bottom: 20px;
}

span.share-title{
	display: block;
	float: left;	
	font-size: 10px;
	color: #999999;
	margin: 0 10px 20px 0;
	height: 14px;
	line-height: 13px;
	padding: 0 25px 0 0;
	background: url(/_res/i/detail/btn-email.gif) 100% 0 no-repeat;
	cursor: pointer;
    cursor: hand;
}

a#btn-email{
	display: block;
	width: 17px;
	height: 14px;
	text-indent: -999px;
	float: left;
}

div#product div#share-box{
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 4px 0;
}

div#product ul.share{
	float: left;
	width: 100%;
	position: relative;
	margin: 10px 0 10px 0;
}

div#product ul.share li{
	display: inline;
	float: left;
	margin: 0 10px 0 0;	
}

div#product ul.share li a{
	display: block;
	width: 17px;
	height: 17px;
	text-indent: -999px;
	overflow: hidden;
	float: left;
}

div#product div#allergen-kosher{
	position: relative;
	clear: both;
}

div#product div.allergen-popup{
    width: 295px;
    height: 148px;
    display: none;
    position: absolute;
    left: -20px;
    top: -125px;
    background: transparent url(/_res/i/buttons/allergen-popup.png) no-repeat 0 0;
}

div#product div#allergen-popup p{
	display: none;
}

div#product div.kosher-popup{
    width: 205px;
    height: 148px;
    display: none;
    position: absolute;
    left: 45px;
    top: -125px;
    background: transparent url(/_res/i/buttons/kosher-popup.png) no-repeat 0 0;
}

div#product div.kosher-popup div#kosher{
    width: 205px;
    text-align: center;
}


/* Product Buttons */

div#product ul.share li.email a, div#product a#btn-email{ background: url(/_res/i/detail/btn-email.gif) 0 0 no-repeat; }
div#product ul.share li.facebook a{ background: url(/_res/i/detail/btn-facebook.gif) 0 0 no-repeat; }
div#product ul.share li.thumbs-up a{ background: url(/_res/i/detail/btn-thumbup.gif) 0 0 no-repeat; }
div#product a#btn-allergen{ 
	display: block;
	text-indent: -999px;
	overflow: hidden;
	width: 176px;
	height: 17px;
	background: url(/_res/i/buttons/allergen-btn.png) 0 0 no-repeat;
	margin-bottom: 10px;
	float: right;
	position: relative;
}

div#product a#btn-nutritional{ 
	display: block;
	text-indent: -999px;
	overflow: hidden;
	width: 129px;
	height: 17px;
	background: url(/_res/i/buttons/nutritional-btn.png) 0 0 no-repeat;
	margin-bottom: 10px;
	float: right;
}

div#product a#btn-allergen:hover, div#product a#btn-nutritional:hover {
    background-position: 0 bottom;
}
	
div#product div.related-products {
	width: 626px;
	height: 138px;
	float: left;
	padding: 68px 0 0 46px;
	position: relative;
	margin: 0;
}

div#product div.related-products.noflavor{ background: url(/_res/i/detail/related-noflavor.jpg) 0 0 no-repeat; }
div#product div.related-products.blueberry{ background: url(/_res/i/detail/related-blueberry.jpg) 0 0 no-repeat; }
div#product div.related-products.cinnamon{ background: url(/_res/i/detail/related-cinnamon.jpg) 0 0 no-repeat; }
div#product div.related-products.fruit{ background: url(/_res/i/detail/related-fruit.jpg) 0 0 no-repeat; }
div#product div.related-products.nutrigrain{ background: url(/_res/i/detail/related-nutrigrain.jpg) 0 0 no-repeat; }
div#product div.related-products.strawberry{ background: url(/_res/i/detail/related-strawberry.jpg) 0 0 no-repeat; }
div#product div.related-products.chocolate{ background: url(/_res/i/detail/related-chocolate.jpg) 0 0 no-repeat; }

div#product-scroller-container, div#product-scroller-container ul, div#product-scroller-container ul li {
	display: inline;
	float: left;
}

div#product-scroller-container {
	height: 125px;
	margin: 0 0 0 45px;
	overflow: hidden;
	width: 477px;
}

div#product-scroller-container ul li {	
	width: 139px;
	margin: 0 10px 10px;
}

div#product-scroller-container ul li:hover a span {
    color: #FF0000 !important;
}

div#product-scroller-container ul li a {
	display: block;
	width: 123px;
	text-decoration: none;
	border: 0;
}

div#product-scroller-container ul li span.related-type {
	display: block;
	width: 133px;
	padding-left: 6px;
	margin-bottom: 2px;
	font-weight: bold;
}

div#product-scroller-container ul li span.related-name{
	display: block;
	width: 133px;
	padding-left: 6px;
}

/*----- 8.) Product Categories -----*/

div#categories{
	width: 717px;
	float: left;
	position: relative;
	padding: 25px 0 0;
}

div#categories h1.category-header{
	width: 206px;
	height: 30px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	margin: 0 0 2px 0;
	padding: 0px;
}

div#categories h1.category-header.bakeshop{ background: url(/_res/i/category/h1prod_bakeshop.gif) 0 0 no-repeat; }
div#categories h1.category-header.frenchtoast{ background: url(/_res/i/category/h1prod_frenchtoast.gif) 0 0 no-repeat; }
div#categories h1.category-header.fun4kids{ background: url(/_res/i/category/h1prod_fun4kids.gif) 0 0 no-repeat; }
div#categories h1.category-header.pancakes{ background: url(/_res/i/category/h1prod_pancakes.gif) 0 0 no-repeat; }
div#categories h1.category-header.syrup{ background: url(/_res/i/category/h1prod_syrup.gif) 0 0 no-repeat; }
div#categories h1.category-header.waffles{ background: url(/_res/i/category/h1prod_waffles.gif) 0 0 no-repeat; }

div#categories span.category-rule{
	width: 717px;
	height: 6px;
	background: url(/_res/i/category/hr_prodgrid.gif) 0 0 no-repeat;
	display: block;
	float: left;
	clear: left;
	margin: 0 0 20px 0;
}

div.category{
	width: 717px;
	float: left;
	position: relative;
	clear: left;
	margin: 0 0 20px 0;
}

div.category ul{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}

div.category ul li{
	margin: 0 15px 5px 0;
	height: 116px;
	float: left;
	width: 139px;
	overflow: hidden;
}

div.category ul li:hover a span{
    color: #FF0000 !important;
}

div.category ul li img{
	display: block;
	width: 123px;
	height: 62px;
	overflow: hidden;
	float: left;
	clear: left;
}

div.category ul li a{
    color: #666666;
    text-decoration: none;
    display: block;
    float: left;
    clear: left;
	font-family: Arial, Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 11px;
	height: 39px;
	line-height: 13px;
	padding: 0 0 0 10px;
	margin: 0;
	width: 123px;
	overflow: hidden;
}

div.category ul li a span{
    color: #666666;
}

div.category ul li a:hover span{
    color: #FF0000 !important;
    text-decoration: none;
}

div.category ul li span{
}

div.thumbnail-wrap, div.syrup-thumbnail-wrap{
	width: 123px;
	height: 70px;
	padding: 7px 8px 0px 8px;
	margin: 0;
}

div.thumbnail-wrap a, div.syrup-thumbnail-wrap a{
    width: 123px !important;
	height: 70px !important;
	padding: 0 !important;
	margin: 0 !important;
	float: left;
}

div.thumbnail-wrap{ background: url(/_res/i/product-images/thumbnails/thumbnails-dropshadow.png) no-repeat; }
div.syrup-thumbnail-wrap{ background: none; }

div.syrup-thumbnail-wrap a{ width: 139px !important; height: 78px !important; }

/*----- 9.) What's New -----*/

div#whats-new-hero {
    background: url(/_res/i/whats-new/whats-new-fruit-pizza.jpg) no-repeat;
    margin: 0 auto;
    min-height: 335px;
    padding: 0 0 0 550px;
    width: 410px;
}

h1#valued-customers {
    background: url(/_res/i/text-replacement/to-our-customers.gif) no-repeat;
    height: 30px;
    margin: 0 0 20px;
    width: 360px;
}

h1#introducing-fruit-pizza {
    background: url(/_res/i/text-replacement/introducing-eggo-fruit-pizza.gif) no-repeat;
    height: 77px;
    margin: 0 0 10px;
    width: 271px;
}

#whats-new-hero a {
    color:#fe0000;
}

#whats-new-hero a#sign-up-btn {
    background: transparent url(/_res/i/buttons/whats-new-sign-up-btn.png) no-repeat left top;
    display: block;
    height: 30px;
    overflow: hidden;
    width: 94px;
}

#whats-new-hero a#sign-up-btn:hover { background-position: left bottom; }

p#out-of-stock {
    background: url(/_res/i/whats-new/usa-icon.gif) no-repeat;
    font-weight: bold;
    padding: 0 0 0 100px;
}

div#promotions, div#promotions div.promo {
    display: inline;
    float: left;
    width: 980px;
}

div#promotions div.promo {
    background: url(/_res/i/whats-new/promo-yellow-bg.jpg) no-repeat center top;
    height: 150px;
    padding: 20px 80px;
    position: relative;
    width: 948px;
}

div#promotions div.promo.alt { background: none; }
div#promotions div.promo h2, div#promotions div.promo p { margin-left: 260px; }
div#promotions div.promo p { width: 400px; }

span#free-eggo-container {
    background: url(/_res/i/whats-new/free-eggo-container.png) no-repeat;
    display: block;
    height: 171px;
    left: 110px;
    position: absolute;
    top: 12px;
    width: 207px;
}

h2#fresh-way-to-store {
    background: url(/_res/i/text-replacement/fresh-way-to-store.png) no-repeat;
    height: 37px;
    width: 603px;
}

span#eggo-kiddos {
    background: url(/_res/i/whats-new/kiddos-offer.png) no-repeat -34px -68px;
    display: block;
    height: 171px;
    left: 90px;
    position: absolute;
    top: 0px;
    width: 230px;
}

h2#eggo-for-kiddos {
    background: url(/_res/i/text-replacement/eggo-for-kiddos.png) no-repeat;
    height: 40px;
    width: 256px;
}

/*----- 10.) Error Pages -----*/

div#error {
    margin-top: 30px;
    text-align: center;
}

div#error div {
    width: 375px;
    margin: 0px auto;
    padding-left: 70px;
    text-align: left;
}

div#error #msg404 {
    background: transparent url(/_res/i/error/icon-404.gif) no-repeat;
}

div#error #msg503 {
    background: transparent url(/_res/i/error/icon-503.gif) no-repeat;
}

div#error a {
    color: #f60;
    font-size: 11px;
}

/*----- 11.) Modals -----*/
div#product-share{
	width: 570px;
	height: 318px;
	padding: 86px 0 86px 62px;
	background: #ffffff;
	position: relative;
}

div#product-share span.seperator, div#share-thankyou span.seperator{
	display: block;
	float: left;
	clear: left;
	width: 247px;
	height: 1px;
	font-size: 1px;
	background: url(/_res/i/modals/modal-seperator.gif) no-repeat;
}
div#share-thankyou span.seperator{ margin: 0 0 0 10px; }

div#product-share h1{
	width: 188px;
	height: 17px;
	text-indent: -999px;
	overflow: hidden;
	background: url(/_res/i/modals/modal-share-header.gif) no-repeat;
	margin: 0 0 15px 0;
	padding: 0;
	float: left;
}

div.share-top, div.share-form{
	float: left;
	width: 100%;
}

div.share-form{ margin: 2px 0 0 0; }

div.share-form #form-error
{
    color: red;
    margin: 0 0 10px 0;
}

div#product-share div.alpha{
	float: left;
	width: 247px;
	padding: 0 15px 0 0;
}

div#product-share div.omega{
	float: left;
	padding: 0;
	width: 280px;
}

div#product-share div.current-product{
	float: left;
	width: 100%;
}

div#product-share span.type{
	display: block;
	font-weight: bold;
	font-size: 16px;
	margin: 15px 0 8px 0;
}

div#product-share h2{
	font-weight: normal;
	font-size: 16px;
	margin: 0 0 15px 0;
}

div.img-placeholder{
	width: 280px;
	height: 188px;
	float: left;
	background: #000;
}

div#product-share div.input, div#product-share div.input label, div#product-share div.input input, div#product-share div.input textarea, div#product-share div.input span, div#product-share div.input p{
	float: left;
	clear: left;
}

div#product-share div.input{
	margin: 0 0 10px 0;
	width: 98%;
}

div#product-share div.input label{
	margin: 0 0 5px 0;
	color: #b3b3b3;
	font-size: 12px;
}

div#product-share div.input label.error { display: none !important; }

div#product-share div.input input{
	width: 98%;
	margin: 0 0 5px 0;
}

div#product-share div.input input.error { border: 2px solid red; }

div#product-share input#share-submit{
	background: url(/_res/i/modals/btn-send.gif) no-repeat;
	width: 54px; 
	height: 19px;
	border: 0;
	line-height: 0;
	text-indent: -999px;
	overflow: hidden; 
	margin: 0 10px 0 0;
	float: left;
	cursor: pointer;
    cursor: hand;
}

div#product-share div.input textarea{
	width: 98%;	
}

div#product-share div.input span, div#product-share div.input p.word-count{
	font-size: 10px;
}

div#product-share div.input p.word-count.exceeded-limit{
	color: #f1302b;	
}

div#product-share p.privacy-policy{ font-size: 9px; }
div#product-share p.privacy-policy a{ color: #f79340; text-decoration: none; }
div#product-share p.privacy-policy a:hover{ text-decoration: underline; }

div#product-share p.word-count{ margin: 0 0 20px 0; }

div#product-print{
	width: 632px !important;
	height: 480px !important;
	float: left;
	background: #ffffff;
	border: 12px solid #999;
}

div#product-print div.alpha{
	float: left;
	position: relative;
	padding: 0 10px 0 0;	
	background: #000;
	width: 278px;
}

div#product-print div.omega{
	float: left;
	position: relative;
	padding: 0;
	background: #000;
	width: 278px;
}

div#share-thankyou{
	width: 324px;
	height: 139px;
	padding: 46px 0 0 46px;	
}

div#share-thankyou span.thanks-for-sharing{
	width: 277px;
	height: 27px;
	display: block;
	float: left;
	clear: left;
	text-indent: -999px;	
	margin: 20px 0 20px 0;
	background: url(/_res/i/modals/head-thanksforsharing.gif) no-repeat;
}

div#share-thankyou a#tellmore-thankyou-modal-btn{
	display: block;
	float: left;
	clear: left;
	width: 171px;
	height: 22px;
	background: url(/_res/i/modals/btn-tellmore.gif) no-repeat;
	margin: 0 0 20px 45px;
}

/*----- 12.) Footer -----*/

div#footer-content {
    margin: 0 auto;
    position: relative;
    width: 960px;
}

ul#footer-links {
    left: 0;
    position: absolute;
    top: 105px;
    z-index: 10;
}

ul#footer-links li {
    color: #FFF;
    display: inline;
    font-weight: bold;
}

ul#footer-links li a { color: #FFF; }
ul#footer-links li a:hover { color: #F00; }

ul#footer-legal {
    display: inline;
    float: left;
    position: absolute;
    right: 0;
    top: 95px;
    z-index: 10;
}

ul#footer-legal li {
    color: #FFF;
    display: inline;
    float: left;
    padding: 10px 0 0 10px;
}

ul#footer-legal li.logo { padding: 0; }

/*----- 13.) CritComm -----*/

#CritCommWrapper {
	background: #cf000d url(http://library.kelloggs.com/critcomm/assets/alert_yellow.png) no-repeat 10px center;
	height: 55px;
	margin: 0 auto;
	padding: 10px 0 0 70px;
	width: 910px;
}

#CritCommWrapper p {
	height: 25px;
	padding: 10px 0;
}

#CritCommWrapper a {
	color: #fff;
	font-size: 16px;
}