/* -----------------------------------------------------------------
	Contents of this file:
	-----------------------------------------------------------------
	1.	Global reset and site defaults
	    - Headings
		- Common Formatting
		- Links
	2. Main Structure
	3. Main Content
		- Content Left
		- Content Right
	4. Footer
	5. Navigation
	6. Form Elements

/* ------------------------------------------------------------
   1. Global reset and site defaults
---------------------------------------------------------------*/
/* CSS Document */
@import url("table.css");

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address, img {
	margin:0;
	padding:0;
	font-family: "Arial", Calibri, Tahoma,  sans-serif;
}
html, body {
	height: 100%;
}
body {
	margin:0;
	font-size: 9pt;
	color:#333333;
	line-height: 1.5em;
}

body.nobg {
	background:none!important;
}

div, object, embed { outline:none; }

/* Headings
---------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: "Arial", Calibri, Tahoma,  sans-serif;
}
h1 {
	color:#000000;
	margin:26px 0 0 35px;	
	font:bold 22pt "Arial";
	text-transform:capitalize;
}
h2 {
	font:bold 13pt "Arial";
	color:#c31331;
	line-height: 1.5em;
}

h3 {
	font:bold 12pt "Arial";
	margin:0 0 10px 0;
	line-height: 1.5em;
}

h4 {
	font:bold 10pt "Arial";
	margin:0 0 10px 0;

}

h5{
	font:bold 10pt "Arial";
	margin:3px 0;
}

h6 {
	font:bold 11pt "Arial";
	margin:3px 0;
}

/* Common Formatting
---------------------------------------------------------------*/
p {
	margin:0;
}

fieldset, img {
	border:0;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
#right {
	float:right;
}
#left {
	float:left;
}
.right {
	text-align:right;
	float:right;
}

#nomargin{
	margin:0!important;
}

.nomargin{
	margin:0!important;
	padding:0!important;
}

#clearfloat {
	clear:both;
}

/* Indicate
---------------------------------------------------------------*/
#indicate{
	width:678px;
	float:left;
	padding:10px 0 15px 35px;
	color:#737373;
	font:normal 7pt "tahoma";
}

#indicate a{
	color:#737373;
}

#footer_link{
	font-size:11px;
	float:right;
	width:280px;
	padding-top:14px;
	color:#cccccc;
}

#footer_link a{
	color:#ffffff;
}

#footer_link2{
	font-size:11px;
	float:right;
	width:16px;
	padding-top:16px;
	color:#cccccc;
}

.txt-indicate{
	color:#f96a0b;
}

/* Links
---------------------------------------------------------------*/  
a:link, a:visited {
	text-decoration:none;
	color:#c31331;
}
a:hover {
	text-decoration: underline;
}

a.brownB {
	color:#571c1f;
}
a.brownB:hover {
	color:#313131;
	text-decoration:underline;
}

.txt-red{
	color:#e80808;
	font:normal 8pt "Arial";	
}


/* ------------------------------------------------------------
   2. Structure
---------------------------------------------------------------*/
/* Container*/
#wrapper {
	width:100%;
	position:relative;
	background:url(../i/bg-top.gif) left top repeat-x #ffde01;
	/*overflow:hidden;/**/
}

#wrapper-footer{
	width:100%;
	position:relative;
	background:url(../i/bg-iconic.gif) center bottom no-repeat;
	/*overflow:hidden;/**/
	padding: 0;
}

#container{
	width:960px;
	position: relative;
	margin: 0px auto;
}

#nav{
	width:960px;
	background:url(../i/btn-bg.gif) left top no-repeat;
	float:left;
	height:38px;
}

/* Content header*/
#header{
	width:960px;
	float:left;
}

.header-index{
	width:937px!important;
	padding:9px 9px 0 14px!important;	
}

.header-inner{
	width:915px!important;
	padding:0 31px 0 14px!important;	
}

#logo{
	width:142px;
	float:left;
	padding:8px 0 0 0;
}

.logo-inner{
	padding:17px 0 0 0!important;
}

.logoslogan{
	width:234px;
	position:absolute;
	top:50px;
	left:10px;
}


#header-right{
	width:795px;
	float:left;
}

#control-absolute{
	width:160px;
	position:absolute;
	z-index:0;
	left:785px;
	top:48px;
}
.slogan{
	width:142px;
	padding:0 0 3px 4px;
	float:right;
}

.music-control{
	width:25px;
	float:right;
}

.banner-index{
	width:795px;
	float:right;
}

#banner-inner{
	width:713px;
	float:left;
	padding:0 0 0 60px;
}

/* Content Index*/
#index-left{
	float:left;
	width:297px;
	padding:0 28px 0 22px;
}

#index-tvc{
	float:left;
	width:297px;
	padding:0 0 2px 0;
}

#index-newsletter{
	float:left;
	width:297px;
	background:url(../i/index-newsletter-trans.png) left top no-repeat;
	padding:31px 0 14px 15px;
	color:#ffffff;
}

#index-newsletter p.ftk2{
	float:left;
	width:80px;
	padding:0 10px 0 0;
}

#index-newsletter p.ftk3{
	float:left;
	padding:0 10px 0 0;
}


#index-center{
	float:left;
	width:254px;
	padding:10px 28px 0 0;
}

.index-sb{
	float:left;
	width:254px;
	margin:0 0 7px 0;
}

#index-right{
	float:left;
	width:314px;
	margin:10px 0 0 0;
}

/* Content Body*/
#content{
	width:960px;
	float:left;	
}
#content-left-holder{
	width:216px;
	float:left;
}

#content-holder{
	width:713px;
	float:left;
	position:relative;
}

.yellow-bg{
	background:url(../i/bg-content-y-top.gif) left top no-repeat #fffbdb;
}

.white-bg{
	background:url(../i/bg-content-w-top.gif) left top no-repeat #ffffff;
}

#content-holder-bottom{
	width:713px;
	float:right;
	padding:0 31px 0 0;
}

#note{
	width:693px;
	float:right;
	padding:5px 31px 0 20px;
	font:normal 7pt "Tahoma";
}

#content-row{
	width:643px;
	float:left;
	padding:0 35px;
}

blockquote{
	float: right;
 	width: 250px;
 	margin:0 0 0 20px;
 	padding: 15px;
 	color:#fff;
	background-color: #c4122f;
 	font:bold 14pt "Arial";
	text-align:center;
}

ul{
	padding:0 0 0 20px;
}

#title-date{
	font:normal 15pt "Arial";
	line-height: 1.5em;
	padding:10px 0 0 0;
}
.qa2{
	padding:0 0 30px 0;
}

/* menu -24
------------------------------------ */
#menu-24{
	width:643px;
	float:left;
	background:url(../i/m-24-bottom.gif) left bottom no-repeat #211d70;
	padding:0 0 10px 0;
}

.menu-24-listing{
	width:595px;
	padding:5px 24px;
	color:#ffffff;
	font-size:8pt;
}

p.menu-24-3col{
	float:left;
	width:190px;
	margin:0 10px 0 0;
}

.txtgold{
	color:#f6bb0e;
	font-size:9pt;
	font-weight:bold;
}

/* menu -individual family
------------------------------------ */
.menu {
  width: 320px;
  float:left;
  list-style: none;
  margin: 0 0 0 5px;
  padding: 0;
  font:normal 9pt "Arial";
  color:#64421d;
}
.menu li {
  clear: both;
  padding: 0 0 30px 0;
  position: relative;
  background:url(../i/dash-menu.gif) repeat-x left bottom;
}


.menu strong {
  background: #fffbdb;
  padding: 0 5px 0 0;
  position: absolute;
  bottom: -.3em;
  left: 0;
}
.menu em {
  background: #fffbdb;
  padding: 0 0 0 10px;
  position: absolute;
  bottom: -.2em;
  right: 0;
  font:bold 11pt "Arial";
}
.menu sup {
  margin:0 3px 0 0;
  font:normal 8pt "Arial";
}

.txt-small-menu{
  font:normal 8pt "Arial";
}

/* clearfix */
.menu li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.menu li {display: inline-block;}
/* Hides from IE-mac \*/
* html .menu li {height: 1%;}
.menu li {display: block;}
/* End hide from IE-mac */


#individual-right{
	float:right;
	width:280px;
	margin:15px 0 120px 0;
    font:normal 8pt "Arial";
	line-height:1.6em;
}

#salad-left{
	float:left;
	width:158px;
	padding:0 20px 200px 0;
}

#dessert-left{
	float:left;
	width:193px;
	padding:0 40px 0 0;
}

#sideorder-left{
	float:left;
	width:312px;
}

#realsaver{
	width:200px;
	float:left;
	padding:0 20px 0 0;
	text-align:center;
  	color:#64421d;
}

#realsaver2{
	width:180px;
	float:left;
  	color:#64421d;
	font-size:8pt;
	padding:60px 10px;
	background:#f1ebba;
}

#realsaver3{
	width:580px;
	float:left;
  	color:#64421d;
	font-size:8pt;
	padding:10px 0 0 0;
}

#snackburger{
	width:145px;
	float:left;
	padding:0 20px 0 0;
	text-align:center;
  	color:#64421d;
}
#bf{
	width:200px;
	float:left;
	padding:0 20px 0 0;
	text-align:center;
  	color:#64421d;
}

#bucketmeal{
	float:left;
	width:310px;
	padding:0 20px 0 0;
	text-align:center;
  	color:#64421d;
}

#chickymeal{
	float:left;
	width:190px;
}

#chickymeal-y{
	float:left;
	width:190px;
	margin:0 25px 0 0;
	background:url(../i/m-chicky-yb.gif) left bottom no-repeat #ffdd00;
}

#chickymeal-g{
	float:left;
	width:190px;
	margin:0 25px 0 0;
	background:url(../i/m-chicky-gb.gif) left bottom no-repeat #acd216;
}

.chickymeal-content{
	float:left;
	width:165px;
	padding:0 0 15px 25px;
}

/* sidenav
------------------------------------ */
#sidenav{
	width:207px;
	float:left;
	padding:20px 9px 0 0;
}

#sidenav ul{
	list-style:none;
	padding:0 0 0 0;
	text-align:center;
}

#sidenav li{
	list-style:none;
	padding:2px 0;
}

#sidenav li a {
	color:#333333;
	font:bold 9pt "Arial";
	width:207px;
	padding:5px 0;
	display:block;
}

#sidenav li a:hover{
	text-decoration:none;
	color:#ffffff;
	background:url(../i/bg-sidenav-over.gif) no-repeat;
}

#sidenav li a:focus{
	text-decoration:none;
	color:#ffde00 !important;
}

#sidenav li a.selected {
	color:#ffffff !important;
	background:url(../i/bg-sidenav-over.gif) no-repeat;
}


#sidenav li a.current {
	color:#0062d0 !important;
	font-weight:bold;
	text-transform:uppercase;
}


#sidenav li a.lv1{
	color:#333333;

}

#sidenav li a:hover.lv1{
	color:#0062d0 !important ;
}
#sidenav li a.lv0{
	color:#333333;


}
#sidenav li a.perm{
	color:#ffffff !important;
	background:url(../i/bg-sidenav-over.gif) no-repeat;
}

#sidenav li a:hover.lv0{
	color:#ffffff !important;
	background:url(../i/bg-sidenav-over.gif) no-repeat;
}

#sidenav .submenu{
	margin:0;
	padding:0;
}


#sb{
	width:216px;
	float:left;
}

#newsletter{
	width:181px;
	float:left;
	margin:20px 0 0 10px;
}

.acc_joinsub{
	width:166px;
	padding:0 0 0 15px;
	background:#dc0024;
	font:normal 8pt "Arial";
	color:#ffffff;
}

.ftk{
	float:left;
	width:60px;
}

.joinow{
	padding:5px 0;
}

.input-newsletter{
	border:1px solid #ffffff;
	height:16px;
	font:normal 8pt "Arial";
	width: 140px;
	margin:4px 0;
	color:#666666;
}


/* Content family page*/
#ff{
	width:917px;
	float:left;
	padding:0 20px;
}

#ff .ff-highlight{
	width:516px;
	float:left;
}

#ff .ff-bg{
	width:401px;
	float:left;
	background:url(../i/ff-bg-trans.png) left top no-repeat;
	padding:15px 0;
}

#ff .ff-sb{
	width:370px;
	float:left;
}

#breakfast{
	width:915px;
	float:left;
	margin:0 20px;
}

.bg-breakfast{
	width:915px;
	background:url(../i/bg-bf-top.gif) center top no-repeat #fda212;
	padding:20px 0 0 0;

}

#breakfast-bottom{
	width:915px;
	float:left;
}

#teen{
	width:917px;
	float:left;
	padding:0 20px;
}

#teen .teen-highlight{
	width:479px;
	float:left;
}

#teen .teen-bg{
	width:368px;
	float:left;
	background:url(../ip/teens-bg-trans.png) left top no-repeat;
	padding:49px 30px 33px 30px;
}

#teen .teen-sb{
	width:178px;
	float:left;
	padding:0 10px 10px 0;
}

#teen .teen-sb2{
	width:178px;
	float:left;
	padding:0 0 10px 0;
}

/* Content Footer*/
#footer{
	width:932px;
	position:relative;
	clear:both;
	margin: 0px auto;
	padding:0 14px 40px 0;	
}


/* picture arrangement
---------------------------------------------------------------*/ 
.pic-right{
	float:right;
	margin:0 0 10px 10px;
} 

.pic-left{
	float:left;
	margin:0 10px 10px 0;
}

.pic-left2{
	float:left;
	margin:0 10px 0 0;
}

.pic-top{
	margin:5px 0 0 0 ;
}

.space-bottom{
	margin:0 0 10px 0;
}

.space-both{
	margin:20px 0 5px 0;
}

/* ------------------------------------------------------------
   6. Form Elements
---------------------------------------------------------------*/

#form {
	float:left;
	width:100%;
	padding:15px 0 0 0;
}
#form label {
	display: block;
	float: left;
}
#form p.row {
	width:470px;
	float:left;
	margin:5px 0;

}
#form p.row2 {
	float:left;
	margin:5px 0;
	padding:0 0 0 126px;
}
#form label {
	width: 120px;
	padding: 2px 5px 0 0;
	color:#515b21;
	font:normal 9pt "Arial"!important;
}

.textarea {
	width:200px;
	border:1px solid #608002;
	background:#ffd503;
}

.input{
	border:1px solid #608002;
	width: 180px;
	background:#ffd503;

}
.field {
	border:1px solid #608002;

}
.select {
	border:1px solid #608002;
	background:#ffd503;

}

input.required {
	border:1px solid #e6e6e6;
	height:15px;
	width: 180px;
}
input.required, textarea.required {
	border: 1px solid #d9d9d9;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #ff7f00;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}
.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #ff7f00;
	color : #FFF;
	font-weight: bold;
	text-align:center;
}