@charset "utf-8";
/* SouperCerealPlan
	12/12/2009
	Dave Coleman of Bottlecap Dev.
	
	Commons Colors:
	//dark blue			0058a9
	//background blue	7bbcc9
	//banner orange		f58220
	//text burgundy		530000
	//table cell gray	6D6E71
	//plan table font	231F20
	//product name gray	6d6e71
*/
a{
	text-decoration:none;
	color:#FFF;
}
a:hover{
	text-decoration:underline;
}

body{
	background:#7bbcc9;	
	
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
	
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;	
}

#background{
	width:100%;
	height:132px;
	
	background:#7bbcc9;
	background-image:url(images/Top_Orange_Band.png);
	background-repeat:repeat-x;
}

#container {
	position:relative;
	
	width: 1009px; 
	margin: 0 auto; 
	margin-top:-132px;
	text-align: center;
	background:#ffffff;
	
	padding:0px;
	
	background-image:url(images/White_BG_Line.jpg);
	background-repeat:repeat-y;
}

#topbar{
	height:132px;
	width:1011px;

	padding:0px;
	margin:0px;
	
	background-image:url(images/Top_Orange_Band.png);
	background-repeat:repeat-x;
}
	#topbar #navigation{
		float:right;
		font-size:18px;
		margin-top:85px;
		margin-right:14px;
	}

#mainlogo{
	position:absolute;
	top:23px;
	left:5px;
}
	#mainlogo img{
		border:none;
	}

#content{
	margin-top:10px;	
	color:#530000;
	font-size:16px;
	line-height:24px;
	text-align:left;
}

.clearAll{
	clear:both;
	margin:1px;
	padding:1px;
	height:1px;
	width:100%;
}

#footer{
	margin-bottom:-2px;
	font-family: Arial;
}
	#footer #inside{
		margin-left:7px;
		margin-right:5px;	
	}
		#footer #inside #blue{
			background:#0058a9;
			height:41px;
			vertical-align:bottom;
	
			font-size:10px;
		}
			#footer #inside #blue #left{
				padding-left:15px;
				padding-top:24px;
				float:left;
			}
			#footer #inside #blue #right{
				padding-right:15px;
				padding-top:24px;			
				float:right;
			}
		
/* ------------------------------------------------------------------------------------ */
/* Landing Page */
/* ------------------------------------------------------------------------------------ */

#landing{
	position:relative;
	height:582px; 
	margin:0px;
}
	#landing #blurb{
		position:absolute;
		top:20px;
		right:85px;
	}
	
	#landing #orangebar{
		position:absolute;
		top:230px;
		left:7px;
		width:997px;
		height:194px;
		
		background:url(images/Landing/Orange_Band.jpg);
		background-repeat:repeat-x;
		
		color:#FFF;
		text-align:center;
	}
		#landing #orangebar #text {
			margin-right:740px;
			margin-top:20px;
			font-family:Verdana, Geneva, sans-serif;
			line-height:36px;
			font-weight:bold;
		}
			#landing #orangebar #text .large{
				font-size:28px;
				font-weight:bold;
				margin:2px;
			}
			#landing #orangebar #text .small{
				font-size:26px;
				margin:2px;
			}
		
	#landing #cereals{
		position:absolute;
		top:165px;
		left:260px;
	}
		#landing #cereals img{
			border:none;
		}

	#landing #bottombar{
		position:absolute;
		bottom:-1px;
		left:7px;
		width:997px;
		height:28px;		
		
		background:#f58220;
		padding-top:8px;
		
		text-align:center;
		font-size:17px;
		color:#FFF;
	}
	
/* ------------------------------------------------------------------------------------ */
/* About Page */
/* ------------------------------------------------------------------------------------ */	

#about{
	position:relative;
	height:595px; 
	margin:0px;
}
	#about #blurb{
		position:absolute;
		top:18px;
		right:65px;
	}
	
	#about #desc{
		position:absolute;
		top:130px;
		left:65px;
		width:880px;
	}
	
	#about .column{
		width:400px;
	}
		#about .column img{
			margin-left:-6px;
		}
		#about #link{
			line-height:28px;
			font-size:14px;
		}
		#about .column a{
			color:#530000;
			text-decoration:underline;
		}
	
	#about #leftSide{
		position:absolute;
		top:200px;
		left:65px;
	}
	#about #rightSide{
		position:absolute;
		top:200px;
		left:550px;
	}
		#about #rightSide #cans{
			margin-left:20px;
		}
	#about #slogan{
		position:absolute;
		top:530px;
		left:60px;
	}			
	#about #button{
		position:absolute;
		top:515px;
		right:50px;
	}
		#about #button img{
			border:none;
		}
/* ------------------------------------------------------------------------------------ */
/* Plan Page */
/* ------------------------------------------------------------------------------------ */	
	
#plan{
	position:relative;
	margin:50px;
	margin-top:150px;
}
	#plan #slogan{
		position:absolute;
		left:280px;
		top:-130px;
		text-align:center;
	}
	#plan #blurb{}
	#plan #desc{}
		#plan #desc h1{
			font-weight:bold;
			font-size:18px;
			margin-bottom:30px;
		}
		#plan #desc p{}

	#plan #button{
		margin-left:650px;
	}
		#plan #button img{
			border:none;
		}	
	
	#plan table{
		border:none;
		margin-left:80px;
		margin-top:40px;
		font-size:12px;
		color:#231F20;
	}
		#plan td{
			border:none;
			padding:0px;
			line-height:20px;
			vertical-align:top;
		}
		#plan .heading td{
			border:none;
			padding:0px;
			margin:0px;
			text-align:center;
		}
			#plan .heading img{
				margin-top:20px;
			}
		#plan .time{
			padding:10px;
			padding-left:5px;
			
			border-left:none;
			border-right:dotted;
			border-bottom:dotted;
			border-color:#6D6E71;	
			
			width:20px;
			vertical-align:middle;
		}			
		#plan .diet{
			border-bottom:dotted;
			border-color:#6D6E71;	
			width:190px;
			
			padding-top:8px;
			padding-bottom:8px;
		}
			#plan .diet p{
				line-height:14px;
			}
		#plan .leftSide{
			padding-left:10px;
		}
		#plan .spacer{
			border:none;
			padding:0px;
			margin:0px;
			width:22px;
		}
		#plan .spacerLeft{
			padding:0px;
			margin:0px;
			width:10px;

			border-right:dotted;
			border-right-color:#6D6E71;
		}
		#plan .spacerRight{
			padding:0px;
			margin:0px;
			width:10px;
			
			border-left:dotted;
			border-left-color:#6D6E71;			
		}		
		#plan .bottom{
			border-bottom:none;
		}
		#plan table tr{
			border:none;
			border-spacing:20px;		
		}
		
		#plan #more{
			margin:100px;
			text-align:center;
			font-size:23px;
		}
			#plan #more a{
				color:#530000;
			}
/* ------------------------------------------------------------------------------------ */
/* Full Plan Page */
/* ------------------------------------------------------------------------------------ */	
	
#fullplan{
	position:relative;
	margin:50px;
	margin-top:150px;
}
	#fullplan #slogan{
		position:absolute;
		left:280px;
		top:-130px;
		text-align:center;
	}
	#fullplan #desc{}
		#fullplan #desc p{}

	#fullplan #button{
		margin-left:650px;
	}
		#fullplan #button img{
			border:none;
		}	
	
	#fullplan #title{
		text-align:center;
		margin:20px;
	}
	#fullplan #title2{
		text-align:center;
		margin:10px;		
		margin-top:90px;
	}
	#fullplan #title3{
		text-align:center;
		margin:10px;		
		margin-top:90px;
		margin-bottom:40px;
	}	
	#fullplan table{
		border:none;
		margin-left:45px;
		margin-top:10px;
		font-size:11px;
		color:#231F20;
	}
		#fullplan td{
			border:dotted;
			border-color:#6D6E71;
			border-width:2px;
			border-bottom:none;
			border-left:none;
			padding:10px;
			padding-top:0px;

			line-height:20px;
			vertical-align:top;
			
		}
		#fullplan #heading td{
			padding:0px;
			margin:0px;
			text-align:center;
			border-top:none;

		}
			#fullplan #heading img{
				margin:8px;
			}
		#fullplan #time{
			width:32px;
			
			padding-top:4px;
			padding-bottom:4px;
			
			vertical-align:middle;

			border:none;
			
			background-color:#44120b;
		}
			#fullplan #time img{
				margin:0px;
			}		
		#fullplan .blankRow{
			border:none;
			margin:0px;
			padding:0px;
			height:1px;
			line-height:10px;
		}
		#fullplan table p{
			line-height:14px;
		}		
		#fullplan #bottom{
			border-bottom:dotted;
			border-color:#6D6E71;
		}
	#fullplan #recipes{
		position:relative;
		width:900px;
		height:1300px;
	}
	#fullplan #column1{
		position:absolute;
		left:120px;
		top:0px;
		width:300px;
	}
	#fullplan #column2{
		position:absolute;
		left:520px;
		top:0px;
		width:300px;
	}	
	#fullplan .idea{
		border-bottom:solid;
		border-bottom-width:1px;
		border-color:#F58220;
		margin-bottom:50px;
		color:#004990;
		font-size:12px;
		line-height:2px;
	}
		#fullplan .idea p{
			line-height:16px;
		}		
	
/* ------------------------------------------------------------------------------------ */
/* Product Page */
/* ------------------------------------------------------------------------------------ */	
#product{
	position:relative;
	margin:50px;
	margin-top:150px;
	margin-bottom: 0;
}
	#product #slogan{
		position:absolute;
		top:-110px;
		left:360px;
	}
	#product #firstTitle{
		margin-top:10px;
		margin-bottom:25px;
		margin-left:10px;
	}
	#product #section{
		color:#6d6e71;
		font-size:13px;
		font-weight:bold;
		text-align:center;
		line-height:16px;
		margin:-10px;
		width:905px;
	}
		#product #section #cereals{
			width:120px;
			height:200px;
			float:left;
			margin:4px;
		}
		#product #section #title{
			margin-bottom:35px;
			margin-left:20px;
			font-size:21px;
			text-align:left;
			clear:both;
		}
		#product #section #soups, #product #section .soups {
			width:120px;
			height:200px;
			float:left;
			margin:4px;
		}
		#product #section #microwave{
			width:142px;
			height:180px;
			float:left;
			margin:4px;
		}
		#product #section #columns {
			margin-left:20px;
			margin-top:-10px;
		}
			#product #section #columns p{
				line-height:16px;
				font-size:13px;		
				text-align:left;
			}
			#product #section #columns #column1{
				width:340px;
				float:left;
			}
			#product #section #columns #column2{
				width:340px;
				float:left;
			}
			#product #section #columns #column3{
				width:200px;
				float:left;
			}			
			
	#product #divider{
		margin-top:25px;
		margin-bottom:0px;
		margin-left:-10px;
		margin-right:-10px;
		
		padding:20px;
		padding-top:45px;
	
		border-top:solid;
		border-top-width:3px;
		border-color:#530000;
	}
	
	#product #weightWatchers {
	    font-size: 11px;
	    color: #0058a9;
	    text-align: right;
	    font-family: Arial;
	}
		
/* ------------------------------------------------------------------------------------ */
/* Coupon Page */
/* ------------------------------------------------------------------------------------ */	
#coupon{
	position:relative;
	margin:50px;
	height:520px; 
}		
	#coupon #blurb{
		position:absolute;
		top:0px;
		left:350px;
	}
	#coupon #left{
		position:absolute;
		top:115px;
		left:10px;
		border:none;
	}	
	#coupon #right{
		position:absolute;
		top:115px;
		left:480px;
		border:none;
	}	
	#coupon img{
		border:none;
		border-width:0px;
	}