/* 
    Document   : healthwellness.css
    Created on : Nov 17, 2009, 11:03:14 AM
    Author     : sroberso
*/
#wrapper {float:left; position:relative; text-align:left;background-color:#c8dcec; width:990px; 
        _font-size:9pt; _width:980px; _overflow:hidden;*border-left:thin solid #CCC;*border-right:thin solid #CCC; }

/*content*/
#content{
	background:transparent url(../images/Footer/field-boxlockup-sky.jpg) no-repeat scroll center bottom;
	padding:145px 30px 200px;
	width:930px;
	float:left;
	*padding:200px 30px 0px;/* IE7 only */
	_background-position: -10px bottom;
	_margin:0 0 0 0;/* IE6 only */
}

#flashcontent{
    float: left;
	margin: 0;
	padding: 0;
}

#featured-content{margin-left:-30px; 
                  width:936px; background-color:#DCEAF4; overflow:hidden; height:362px; 
                  min-height:362px;padding:10px 27px; 
                  _padding-right:-0px;_width:960px; }
                  
#tool-detail #featured-content, #article-detail #featured-content{margin-left:-30px; 
                  width:936px; background:transparent url(/images/Tools/backdrop-tools.png) repeat-x scroll 0 0; 
                  overflow:hidden; min-height:600px;padding:10px 27px; 
                  _padding-right:-0px;_width:1060px; }
#tool-detail #featured-content {height:730px !important; min-height:730px !important;}
iframe#fiber-up {width:800px; height:520px;
    _width:770px;_height:495px}
iframe#bad-habits {height:520px; width:850px; _width:830px;} /*width="880px" height="510px"*/

.landing-page {padding-left:4px;}
.landing-page h5, .landing-page p {margin-bottom:6px;}

#recipe-landing-page #landing-tabs {margin-top:40px;}
#tool-landing-page .span-8 {_width:350px}
#tool-landing-page h2 {margin-bottom:4px;}
#tool-landing-page .tool-slug {margin:0;}

          


dt {background-color:#DCDCDC}
/*form {border:gray thin solid; padding:10px; margin:20px; }*/
h2 {font-size:22px;margin-top:20px;letter-spacing:-1px;line-height:24px}
.red {color:#C33731}
#terms-page h2 {font-height:1.8em;}
#terms-page h3 {font-height:1.2em;line-height:24px}

/*  FILTER NAV	*/
#site-filter { background:transparent url(/images/Filter/filter-background.png) no-repeat scroll 0 0;
    _background:transparent url(/images/Filter/filter-background-png8.png) no-repeat scroll 0 0;
	height:85px;
	left:30px;
	overflow:hidden;
	position:absolute;
	top:95px;
	width:910px;
	z-index:3;}/* z-index 2 to make the top filter header appear in front of the filter-results */

.site-panel {
	margin:0 auto;
	overflow:hidden;
	padding:2px;
	width:78em;
	margin-left:1%;
	}
.site-panel-results {border:none;
	margin:0 auto 30px;
	overflow:hidden;
	width:73em;}


#drop-down-container {background:transparent none repeat scroll 0 0;
	height:70px;
	min-height:70px;
	padding-left:82px;
	padding-top:26px;}

.filter-category {float:left;width:177px;font-weight:bold;color:#C33731}
.filter-category input {margin-right:8px;}
#filter_wrapper {clear:both; margin-top:50px;}
#filter-results{background-color:#FFF;display:none;left:72px;margin-left:16px;
    position:absolute;top:175px;width:812px;z-index:3;}
#results-intro {background-color:#F6A828; padding:25px 30px 40px 30px}

#filter-results .ui-tabs-panel li {list-style-image:none;list-style-position:outside;list-style-type:none;}
#filter-results .search-tool-item .tool, 
.tool-body {width:300px;margin-left:20px;}
.tool-body p, .tool-body h5{margin-bottom:0}
.tool {margin-bottom:20px;}
#filter-results .search-tool-item .tool-image {margin-right:30px;}
#filter-results #tabs {clear: both; background-color: #fff;}
.search-recipe-item {padding-bottom:10px;background-color:}
.search-recipe-item .span-3 {width:110px;}
.search-recipe-item img {border:none;}
.search-recipe-item h3 {font-size:1.3em;}

#filter-categories-other{padding:7px 0 0 83px;}
#filter-categories-other #category-col-2 {width:126px;_width:106px;}
#filter-categories-other #category-col-3 {width:250px;}
#filter-categories-other #category-col-3 .filter-category{width:200px;}
#filter-categories-recipes{padding:18px 0 0 83px;}
p.results-thumbs-up{padding:0; margin:0}
.see-all-results-link {clear:both;float:right;padding: 0 20px 10px 0;}
.see-all-results-link-in {clear:both;float:right;padding:0 0 10px 0;*width:600px; *text-align:right; *clear:none;}


/*  SITE NAV  */
#postheader {height:95px;min-height:95px;}
#logo  {position:absolute; left:0px;top:0px;display:block;_display:none;}
#logo2 {position:absolute; left:0px;top:0px;display:none;_display:block;_top:-40px;}

ul#globalnav {float:left; position:absolute; left:250px; top:0}
ul#globalnav li {display:inline; margin-left:10px;}
ul#globalnav a {outline:none;}
.item {clear:both;}
#main{margin-top:95px;height:1000px;min-height:1000px;}

.rounded {	-moz-border-radius-bottomleft:10px;
			-moz-border-radius-bottomright:10px;
			-moz-border-radius-topleft:10px;
			-moz-border-radius-topright:10px;			
			-webkit-border-bottom-left-radius:10px;
			-webkit-border-bottom-right-radius:10px;
			-webkit-border-top-left-radius:10px;
			-webkit-border-top-right-radius:10px;}	
			
.rounded-bottom {	-moz-border-radius-bottomleft:10px;
					-moz-border-radius-bottomright:10px;
					-webkit-border-bottom-left-radius:10px;
					-webkit-border-bottom-right-radius:10px;}			
			
.shadow {-webkit-box-shadow: 3px 3px 5px #999999; -moz-box-shadow: 0 0 5px 1px #999999; }	
.noshadow  {-webkit-box-shadow: none; -moz-box-shadow: none; }


#filterMagnifier{
	padding: 8px 0 0 8px;
	float: left;
}
p.search_by{
	margin: 0;
	
}
.recipe_bot{
	float: left;
}
a.recipe_bot{
	width: 163px;
    height: 28px;
    text-indent:-9999px;
	background: url(../images/Filter/filter-searchbarclosed.png) no-repeat right bottom;
	margin: 0;
	padding-top: 6px;
}
#filter-relatedto-bar{
	width: 2px;
    height:70px;
    text-indent:-9999px;
	background: url(../images/Filter/filter-relatedto-bar.gif) no-repeat left bottom;
	margin: 6px 0 0 20px;
	float: left;
	}
#filter-relatedto{
	
	margin: 17px 0 0 20px;
	float: left;
	}
#filter-searching {border:none;}
#close-search {background-color:transparent;float:right; margin:-7px 14px 4px 0;cursor:pointer;}

#filter-go{
	line-height:0;
	padding:4px 19px 0 0;
	_padding:4px 24px 0 0;
	position:absolute;
	right:0;
	top:11px;
}

#filter-go input{
	outline:none;
}
img {
	border: solid 4px #fff;
	padding: 0;
	margin: 0;
	float: left;
	-moz-box-shadow: 0 0 5px 1px #999999; 
	-webkit-box-shadow: 0 0 5px 1px #999999;
}
img.noshadow {
	-moz-box-shadow: none; 
	-webkit-box-shadow: none;}

p.thumbs-up {
	font-weight:bold;
}

.video-copy p {margin:0}

.voting-thumbs-up {font-weight:bold;}
.voting-thumbs-up img{
	border: 0;
	padding: 0;
	margin: 0;
	-moz-box-shadow: none; 
	-webkit-box-shadow: none;
}
#drop-down-container img{
	border: 0;
	padding-top: 5px;
	margin: 0;
}

/*	newsletter sign up */
#newsletter {background:transparent url(../images/Footer/newsletter-background.png) no-repeat scroll center bottom;    
    bottom:40px;
    display:none;
    height:208px;
    position:absolute;
    right:80px;
    text-align:right;
    width:318px;
	*bottom:40px;
	_background-image:url(../images/Footer/newsletter-background-png8.png);}
#newsletter #close-form {
	position:absolute;
	right:-2px;
	top:-27px;
	width:20px;	
    cursor: pointer;}
#newsletter div {float:right;}	
#newsletter .formrow {margin:0.5em 0; _margin-top:0px;}
#newsletter #form-body {padding:33px 20px 0 0; width:300px;}
#newsletter #form-body input {width:154px;}
#newsletter #form-body input#submitBtn {width:71px;outline:none; cursor: pointer;}
#newsletter #close-form {
	margin-right:10px;
	position:absolute;
	right:3px;
	top:12px;
	*right:0px !important;/* IE 7 and below */}
	
	/*
        *margin-top:68px; 
        _height:18px; */ /* IE 6 and below */
    
.req {color:#C33731;vertical-align:middle;}
.bold {font-weight:bold;}
.req_fail {font-size:86%;font-weight:bold;left:17px;position:absolute;top:57px;width:50px;display:none;}  
.req_fail_staf {font-weight:bold;left:22px;position:absolute;top:31px;width:88px;display:none;}            
            
/*register - red line at the foot*/
#register{
    /*background:transparent url(/images/Footer/post-cereal-coupons.jpg) no-repeat scroll 0 0;*/
    clear:both;
    height:40px;
    text-indent:-8888px;	
}
#register a{
    background:transparent url(/images/Footer/post-cereal-coupons.jpg) no-repeat scroll 0 0;
    border:0 none;
    float:left;
    height:40px;
    padding:0;
    text-indent:-8000px;
    width:990px;}
    
#register a:hover{
    background-position: 0 -40px;
}

/*footernav*/
#footernav{
    clear: both;
    width: 991px;
    padding-top: 9px;
    padding-bottom:20px;
	background: url(../images/Footer/bottom-bg.jpg) repeat-x top left;
    *width: 994px;
    _margin-left:-5px;
    _width: 984px;	
}
#footernav p{
    color: #616161;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 12px;
    display: block;
    padding-left: 44px;
    float: left;
	margin: 0;
}
#footernav ul{
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}

#footernav ul li{
    float: left;
    margin: 0;
    padding: 0;
}
#footernav ul li a{
    display: block;
    color: #C33731;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 1em;
    text-decoration: none;
    padding:0 10px;
}
#footernav ul li a:hover{
	color: #C33731;
	text-decoration: underline;
}

#footernav a{
	
	padding-left: 271px;
	color: #CC0033;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	text-decoration: none;
}
#footernav a:hover{
	color: #CC0033;
	text-decoration: underline;
}
/*end footnav*/

/*======= home.html (page-1)=======*/


/*header*/
#postheader{
    position: absolute;
    width: 990px;
	height: 70px;
	top: 0;
	bottom: 0;
	_left:0;
}

*:first-child+html #page-1 #postheader{
	left: 134px;
}
#postheader h1{
    float: left;
    background:url(../images/natural-logo.png) no-repeat top left;
    width:240px;
    height:70px;
    text-indent:-9999px;
}
#postheader a{
    float: left;
    
}
#postheader img, #close-form img{
	border: 0;
}

/*globalnav*/
#globalnav{
	padding-left: 0;
}
ul#globalnav {
    list-style: none;
    margin: 0;
    padding: 0;
   
}
ul#globalnav li{
    float: left;
    margin: 0;
    padding: 0;
}

ul#globalnav li a{
    display: block;
    padding: 34px 0 0 30px;
}
ul#globalnav li#nav-cereals a{
	text-indent:-9999px;
	background: url(../images/Navigation/whole-grain-cereals.gif) no-repeat bottom right;
	width: 48px;
	height: 19px;
}
ul#globalnav li#nav-healthart a{
	text-indent:-9999px;
	background: url(../images/Navigation/health-articles-videos.gif) no-repeat bottom right;
	width: 152px;
	height: 19px;
}
ul#globalnav li#nav-history a{
	text-indent:-9999px;
	background: url(../images/Navigation/post-cereal-history.gif) no-repeat bottom right;
	width: 45px;
	height: 19px;
}
ul#globalnav li#nav-recipes a{
	text-indent:-9999px;
	background: url(../images/Navigation/whole-grain-recipes.gif) no-repeat bottom right;
	width: 48px;
	height: 19px;
}
ul#globalnav li#nav-tools a{
	text-indent:-9999px;
	background: url(../images/Navigation/healthy-eating-tools.gif) no-repeat bottom right;
	width: 35px;
	height: 19px;
}

/* global nav -selected */
ul#globalnav li#nav-cereals a.selected, ul#globalnav li#nav-cereals a:active {
	text-indent:-9999px;
	background: url(../images/Navigation/whole-grain-cereals-o.gif) no-repeat bottom right;
	width: 48px;
	height: 19px;
}
ul#globalnav li#nav-healthart a.selected, ul#globalnav li#nav-healthart a:active{
	text-indent:-9999px;
	background: url(../images/Navigation/health-articles-videos-o.gif) no-repeat bottom right;
	width: 152px;
	height: 19px;
}
ul#globalnav li#nav-history a.selected, ul#globalnav li#nav-history a:active{
	text-indent:-9999px;
	background: url(../images/Navigation/post-cereal-history-o.gif) no-repeat bottom right;
	width: 45px;
	height: 19px;
}
ul#globalnav li#nav-recipes a.selected, ul#globalnav li#nav-recipes a:active{
	text-indent:-9999px;
	background: url(../images/Navigation/whole-grain-recipes-o.gif) no-repeat bottom right;
	width: 48px;
	height: 19px;
}
ul#globalnav li#nav-tools a.selected, ul#globalnav li#nav-tools a:active{
	text-indent:-9999px;
	background: url(../images/Navigation/healthy-eating-tools-o.gif) no-repeat bottom right;
	width: 35px;
	height: 19px;
}

/*globalnav - hover*/
ul#globalnav li#nav-cereals a:hover{
	text-indent:-9999px;
	background: url(../images/Navigation/whole-grain-cereals-v.gif) no-repeat bottom right;
	width: 48px;
	height: 19px;
}
ul#globalnav li#nav-cereals a.selected:hover{
	background: url(../images/Navigation/whole-grain-cereals-o.gif) no-repeat bottom right;
}
ul#globalnav li#nav-healthart a:hover{
	text-indent:-9999px;
	background: url(../images/Navigation/health-articles-videos-v.gif) no-repeat bottom right;
	width: 152px;
	height: 19px;
}
ul#globalnav li#nav-healthart a.selected:hover{
	background: url(../images/Navigation/health-articles-videos-o.gif) no-repeat bottom right;
}
ul#globalnav li#nav-history a:hover{
	text-indent:-9999px;
	background: url(../images/Navigation/post-cereal-history-v.gif) no-repeat bottom right;
	width: 45px;
	height: 19px;
}
ul#globalnav li#nav-history a.selected:hover{
	background: url(../images/Navigation/post-cereal-history-o.gif) no-repeat bottom right;
}
ul#globalnav li#nav-recipes a:hover{
	text-indent:-9999px;
	background: url(../images/Navigation/whole-grain-recipes-v.gif) no-repeat bottom right;
	width: 48px;
	height: 19px;
}
ul#globalnav li#nav-recipes a.selected:hover{
	background: url(../images/Navigation/whole-grain-recipes-o.gif) no-repeat bottom right;
}

ul#globalnav li#nav-tools a:hover{
	text-indent:-9999px;
	background: url(../images/Navigation/healthy-eating-tools-v.gif) no-repeat bottom right;
	width: 35px;
	height: 19px;
}
ul#globalnav li#nav-tools a.selected:hover{
	background: url(../images/Navigation/healthy-eating-tools-o.gif) no-repeat bottom right;
}

/*	JUST ADD POST	 */
#just-add-post 
{   background:transparent url(../images/justaddpost_tool/justadd-background.png) no-repeat scroll left top;
    height:250px;
    min-height:250px;
    padding:59px 0 0 48px;
    width:500px;
    z-index:10;
	_background-image: url(../images/justaddpost_tool/justadd-background-png8.png);}
#just-add-post p {margin:0 0 4.5em;}
#just-add-post div {}
#just-add-post .jap-image {width:100px;_width:100px;}
#just-add-post .jap-recipes {padding:5px 0 0 28px;}
#just-add-post .jap-recipes ul {margin:0;}

/*	SHARE TOOL	 */
#share-tool-container {
    clear:both;float:left; margin-top:16px; 
	*margin: 0 0 40px 0; 
	_margin:24px 0 0 0; }
        
#share-tool-head-container 
{  	background:transparent url(/images/Sharetool/share-top.png) no-repeat scroll 0 0;
    height:37px;width:500px;
    _background-image: url(/images/Sharetool/share-top-png8.png);}
    
#share-tool-container .span-3 {width:120px;}  
#share-tool-header {width:500px;_width:550px;}  
#share-tool-header h1 {height:32px; text-indent:-8999px;}         
#share-tool-body {height:108px;margin-left:36px;position:relative;width:445px;
    *height:48px;*padding-bottom:15px;/* IE 7 and below */
    _margin:-11px 0 20px 36px;_padding:0 0 0 0}  /* IE 6 and below */

#share-tool-body-email, #share-tool-body-options    
	{background:transparent url(/images/sharetool/lower-horiz-sliver.png) repeat-y scroll 0 0; width:444px;
	_background-image:url(/images/sharetool/lower-horiz-sliver-png8.png);}
#share-tool-body-email-cap, #share-tool-body-options-cap {
	background:transparent url(/images/sharetool/lower-corners.png) no-repeat scroll 0 0; 
	_background-image: url(/images/sharetool/lower-corners-png8.png); }
		
#share-tool-body-options-cap {height:18px;}
#share-tool-body-email-cap {display:none;height:18px; }
    
#share-tool-body-options {height:60px;padding:6px 0 0 26px;}        
#share-tool-body-options a {float:left;padding-left:26px;outline:none;}    
#share-print {background:transparent url(/images/Sharetool/share-print-icon.gif) no-repeat scroll left top;        
    width:70px;}
#share-email {background:transparent url(/images/Sharetool/share-email-icon.gif) no-repeat scroll left center;
        width:75px;}
#share-pdf  {width:105px;background:transparent url(/images/Sharetool/share-pdf-icon.gif) no-repeat scroll left center;}
#share-facebook{background:transparent url(/images/Sharetool/share-facebook-icon.gif) no-repeat scroll left top;        
    width:70px;}
#share-twitter {background:transparent url(/images/Sharetool/share-twitter-icon.gif) no-repeat scroll left top;        
    width:70px;}
#share-digg{background:transparent url(/images/Sharetool/share-digg-icon.gif) no-repeat scroll left top;        
    width:70px;}
#share-delicious{background:transparent url(/images/Sharetool/share-delicious-icon.gif) no-repeat scroll left top;        
    width:70px;}
#share-myspace{background:transparent url(/images/Sharetool/share-myspace-icon.gif) no-repeat scroll left top;        
    width:70px;}
#share-stumbleupon{background:transparent url(/images/Sharetool/share-stumble-icon.gif) no-repeat scroll left top;        
    width:70px;}
.more-ways-to-share-b {width:140px;text-indent:10px !important;}
.share-col-2 {margin-left:16px; _margin-left:0px;}
.share-col-3 {margin-left:16px; _margin-left:0px;}

#share-tool-body-email {display:none;text-align:right; margin-right:22px; padding:0;}
#share-tool-body-email form {padding-right:34px;}
#share-tool-body-email form input {margin:0.2em 0;}



                  
/* recipe page	*/   
#recipe-page {padding-left:10px}           
#recipe-page h1 {color:#C33731;margin-bottom:0px;}
#recipe-page h5 {color:#666}
#recipe-page .highlight {font-weight:bold;background-color:Transparent;}
#breadcrumb {font-size:95%;margin:9px 0 21px;} 
#cereal-box {width:110px}
#related-cereal {float:left;
	padding:66px 0 0 6px;
	width:270px;}
#cereal-box img, #get-flash img {border:none;}
#related-recipes {float:left;width:400px;}
.related-recipe {float:left;margin:4px 13px 0 0;width:110px;}
#related-recipes-label {float:left;margin-top:30px;font-weight:bold;width:400px;}
#recipe-detail {margin-top:20px}
#recipe-detail-body {margin-right:40px;*padding-bottom:200px;}

#vote {display:block;float:left;clear:both;}
#vote div{display:inline;float:left;font-weight:bold;margin-top:10px;}
#vote a {outline:none;}

.recipe-label {margin-bottom:0px;font-weight:bold;}    
#recipe-page #featured-content{background-color:#DCEAF4;
				margin-left:-40px;
				min-height:387px;
				padding:9px 24px 50px 40px;
				width:926px;}
#featured-article {padding-left:20px;}
#related-articles-videos {margin:0px;}
#related-articles {float:left; width:420px; padding:0 50px 0 0;}
#related-videos {float:left; width:430px; padding:0 20px 0 0;}
.video-image {/*height:76px;min-height:76px;*/}
.video-copy {height:76px;min-height:76px;padding-left:6px;}
.just-add-post-recipes{color:#C33731; font-weight:bold;}
#recipe-nutrition-image {padding-left:80px}
#recipe-nutrition-image img {border:none;}

/*  article detail   */
#av-page {padding:5px 0 0 10px;position:relative;}  
#av-page .highlight {font-weight:bold;background-color:Transparent;}
#article-detail {width:497px;_position:relative;}
#article-detail-ext {width:700px;_position:relative;clear:both;}
#article-detail h1 {color:#C33731;margin-bottom:6px;}
#article-detail p {padding:0 20px 0 0; }
#av-page #flash-container {float:right;margin-right:-30px;width:450px;}
.avflash {position:absolute; top:280px; right:0; overflow:visible; width:460px;}
.avflash #article-flash {float:right;}
#video-detail {_position:relative;}

/* TOOLS	*/
#tool-detail h1 {color:#C33731;margin-bottom:6px;}
#tool-detail p {padding:0 20px 0 0; }

/* TABS and CAROUSELS for tools and recipes	*/

#landing-tabs {background-color:transparent;
	clear:both;
	float:left;
	margin-left:-34px;
	width:990px;
	_margin-left:-24px}
#landing-tabs .ui-widget-header {background-color:transparent;}
#landing-tabs .ui-widget-content {background:transparent url(../images/common/backdrop.png) repeat-x scroll 0 0;overflow:hidden;}
ul#landing-tabs {}

#landing-tabs li.ui-state-default {border:none;background-color:transparent;}
#landing-tabs li.ui-tabs-selected {border:none;background-color:#DCEAF4;}
#landing-tabs .ui-tabs-nav li {}

.general-carousel {padding-left:0px;height:275px;width:850px;}
.general-carousel .carousel-item {width:180px;float:left;padding:10px;}
.general-carousel .carousel-item-image, .general-carousel .carousel-item-body {float:left}


/*	jCarousel				*/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    /*width: 75px;
    height: 75px;*/
    height:400px;
	width:180px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/*	jCarousel Skin	*/
.jcarousel-skin-tango .jcarousel-container {
    background: transparent;
    border: none;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    padding:0 48px;
	width:870px;
}

#tool-landing-page .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  850px;
    height: 275px;
}
#recipe-landing-page .jcarousel-skin-tango .jcarousel-clip-horizontal {
	height:250px;
	width:850px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 199px;
    height: 400px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 17px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 50px;
    cursor: pointer;
    background: transparent url(/images/Tools/arrow-right.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
	/* background-position: -32px 0;*/
	background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    /*background-position: -64px 0;*/
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
    /*background-position: 0 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 50px;
    cursor: pointer;
    background: transparent url(/images/Tools/arrow-left.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    /*background-position: -32px 0;*/
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    /*background-position: -64px 0;*/
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
    /*background-position: 0 0;*/
}


/*#toolcarousel2 {width:1296px;} /* 216 times number of <li> */
/*#shredded-wheat-carousel {width: 2376px;}*/
/*#raisin-bran-carousel {width: 1728px;}*/


.clearfix {clear:both;}

p#slug {margin-bottom:4px;}

/*	AV Landing Page	*/
.av-video-wrapper {float:left; padding-bottom:1.5em;clear:left;width:430px;}
#ajax-results .av-video-wrapper {float:left; padding-bottom:1.5em;clear:left; width:800px}
.av-video-wrapper .span-3 {width:110px}
.article-intro, .video-intro {margin-bottom:0;}

.search-article-rating {margin-left:20px}
.search-article-rating p {margin-left:20px}

/*	CEREALS	*/
/*.cereal-off {overflow:hidden; clear:both;}*/
div#cereal-wrapper {background: transparent url(../images/cerealboxes/modal-background.png) no-repeat top left;
                    height: 326px; overflow: hidden; width: 616px; top:99px;left:200px;
                    position:absolute; display:none;
                    _background-image:url(../images/cerealboxes/modal-background-png8.png);}
#cereal-wrapper img {border:0;}
div#pnavigationClose {cursor:pointer;height:42px;left:562px;position:relative;top:3px;width:50px; }
div#pnavigationClose img { padding-top: 10px; padding-right: 10px; float: right;}
div#pnavigation {position: absolute; top: 7px; float: left; width: 558px; height: 42px; }
div#pnavigation p { color:#F6A828;font-weight:bold;padding-left:20px;padding-top:7px;}
div#pnavigation img {width:59px;height:59px;cursor:pointer;display:inline;float:left;margin:0 7px 0 11px;}
div#pnavigation span {width:59px;height:59px;cursor:pointer;display:inline;float:left;margin:0 0 0 11px;}

div.cbposition { position:absolute; top: 45px; left:0px;height:284px; display: none; }

#cereal-wrapper div.cerealContent {color: #B2B2B2; width:616px; padding-top: 10px; }
#cereal-wrapper div.copy h1 {font-size: 16px; color: #FEC86E; margin-bottom:2px; }
#cereal-wrapper div.copy h2 {font-size: 14px; color: #BD0800; }
div.cbposition h5 {margin-bottom:2px;}
#cereal-wrapper .red { color: #BD0800; }
#cereal-wrapper div.copy { float: left; }
#cereal-wrapper div.copy p { margin-bottom: 0.5em ; color: #B2B2B2; font-size: 12px; line-height: 150%; width: 350px !important; }
#cereal-wrapper div.copy .cereal-articles {font-weight:bold; margin-top:4px;}
#cereal-wrapper div.copy .cereal-articles ul {margin-top:0;}
#cereal-wrapper div.cerealContent img.bottom { position:absolute; top:254px;}
#cereal-wrapper div.cerealContent img.imgPanelBackground {margin-top:4px;}
#cereal-wrapper div.cerealbox {  float: left; height: 260px; padding-left: 10px; width: 210px; /* overflow: auto; */ overflow: hidden; }
#cereal-wrapper div.cerealbox div.boxinfo {height: 260px; }
#cereal-wrapper div.cerealbox div.boxinfo img { display: inline; padding-right: 3px; }
#cereal-wrapper div.cerealbox div.boxinfo img.arrow { /* vertical-align: 50px; */ position: relative; top: 33%; cursor:pointer;}
#cereal-wrapper div.cerealbox div.boxinfo p, div.nutritioninfo p { clear: both; text-align: center; }
#cereal-wrapper div.cerealbox div.boxinfo p {margin-right:24px;}
#cereal-wrapper div.cerealbox div.nutritioninfo { height: 260px;  display: none;}
#cereal-wrapper div.cerealbox div.nutritioninfo div.boxlabel { height: 220px; overflow: auto; }

#cereal-wrapper div.cerealContent div.imgCityTitle {  position:absolute; top:16px; width:300px; }
#cereal-wrapper div.cerealContent div.imgClose {position:relative;width:39px;top:-26px;left:318px;width:39px;height:10px;cursor:pointer; background : no-repeat url('/offers/dreamvacation/images/close.png')}
#cereal-wrapper div.cerealContent div.imgCloseIE6 {display:none;}

.nopadding { padding-bottom: 0px;}
.tagalong { position: absolute; left: 0; top: 0px; }
.switchpanel { color: #BD0800; text-decoration: none; }

/*  SITE MAP   */
#site-map, #terms-page, #privacy, #contact-post {margin-top:-40px;*margin-top:-100px;}
#bottom-margin  {display:block;*margin-bottom:200px;}