﻿html{font-size:100%; /*default browser font size is 16px;*/}
body 
{
    margin: 0;
	padding: 0;
	font-size: 75% /*(16/12)*100 = 75% equivalent to 12px - in order to work with ie */;
	position:relative;
	/*min-height: 635px;668px;1130px;*/
	background-image: url(/static/images/global/home_back_repeater_right.jpg);	
	background-repeat: repeat-x;
	background-position: top left;
	font-family: Arial;	
	background-color: #fff;
}
*
{
	margin: 0;
	padding: 0;
}
div#body_wrapper
{	
	background: url(/static/images/global/home_background.jpg) no-repeat top center;
	position:relative;
	width: 1260px;
	margin: 0 auto;	
}
div#page_wrapper
{
	width: 1180px;
	margin: 0 auto;
}
div#mid_background
{
	width: 980px;
	float: left;
}
div#character_left
{background: url(/static/images/global/left_pds_characters.png) no-repeat top right;
}
div#character_right
{	background: url(/static/images/global/right_sk_characters.png) no-repeat top left;
}
.characters
{
	height: 400px;
	margin-top: 105px;
	width: 95px;
	float:left;
	z-index: 1;
}
div#mid_section
{
	position: relative;
	width: 980px;
	float:left;
}
div#body
{
	padding: 10px 0px 30px 0px;
	font-size: 1.1em;
	position:relative;
	margin: 0 18px 17px 18px;
	border-bottom: solid 2px #f5f5f5;
}
div#ctrl_content
{
	float:left;
}
div#ctrl_content div#landing_page
{
	padding:0 30px 0 45px;
	width: 866px;
}
div.no_left_nav_content
{
	padding:0 45px;
}
div#sub_page{width:690px;}
/******************** HEADER *********************/

div#header_control a:hover
{
	text-decoration: none;
}
div#add_this
{
	z-index: 2;
	height: 24px;
	text-align:right;
	padding:5px 25px 0 25px;
}
div#navigation
{
	width: 984px;
}
div#navigation div#top
{	
	background: url(/static/images/global/nav_back_top.png) no-repeat left top;
	width: 984px;
	height: 20px;
}
div#navigation div#menu_items
{
	background: url(/static/images/global/nav_back_mid.png) repeat-y left bottom;
	z-index:1
}
div#navigation div#bottom
{
	background: url(/static/images/global/nav_back_bottom.png) no-repeat left bottom;
	width: 984px;
	padding-bottom: 7px;
	margin-top: -14px;
	z-index:3;}
div#navigation div.navIE6
{
	background: url(/static/images/global/nav_whole_ie6.jpg) no-repeat left bottom !important;
}
div#navigation div.navIE6 div#menu_items, div#navigation div.navIE6 div#top, div#navigation div.navIE6 div#bottom
{
	background-image: none;
}
div#nav_shadow
{
	width: 990px;
	z-index:2;
	margin-left: -5px;
	height: 10px;
	margin-top:0px;
	background:url(/static/images/global/nav_back_shadow.png) no-repeat left bottom;
}
div#nav_logo
{
	padding: 10px 2px 0 27px;
	width: 179px;
	text-align: center;
	float: left;
}
div#main_menu
{
	font-family: Arial;
	font-size: 1em;
	color: #00525b;
	float:left;
	padding-bottom: 6px;
}
div#all_items div#blank
{
	margin-top: -20px;
	float:left;
	width: 984px;
}
div#main_menu ul#ul_main_menu
{
	text-transform: uppercase;
	line-height: normal;
	text-decoration:none;
	z-index:3;
}
div#main_menu ul#ul_main_menu li
{
	display: block;
	float: left;
	list-style-type: none;
	background-color: #fff;	
	background:  #fff url(/static/images/global/nav_divider.jpg) no-repeat center right;	
}
div#main_menu ul#ul_main_menu li a
{
	display:block;
	color: #003e83;
	padding: 17px 28px;
}
div#main_menu ul#ul_main_menu li.last_item
{
	background-image: none;
}
div#main_menu ul#ul_main_menu li a.active
{
	background-color: #003e83;
	color: #fff;
}
div#main_menu ul#ul_main_menu li a.active_node
{
	background: #003e83 url(/static/images/global/nav_clicked_arrow.gif) no-repeat center bottom;
	color: #fff;
	border-bottom:solid 1px #007abd;
}
div#secondary_nav
{
	/*width: 778px;*/
	text-align: left;
	float: left;
	padding-left: 208px;
	margin-top: -13px;
}
div#secondary_nav ul#sub_nav
{
	z-index:3;
	padding-bottom: 10px;
}
div#secondary_nav ul.kid_nutrition
{
	padding-left: 128px;
}
div#secondary_nav ul#sub_nav li
{
	background-color: #e4f8ff;
	list-style-type: none;
	float:left;
	display:block;
	background: url(/static/images/global/subnav_bottom_shadow.png) repeat-x left bottom;
	padding-bottom: 10px;
}
div#secondary_nav ul#sub_nav li a.last_item
{background-image: none;}
div#secondary_nav ul#sub_nav li a.active
{	
	background-color: #003e83;
	display: block;
	float: left;
	color: #fff;
}
div#secondary_nav ul#sub_nav li a.active_node
{
	background: #003e83 url(/static/images/global/nav_clicked_arrow.gif) no-repeat center bottom;
	display: block;
	float: left;
	color: #fff;
}
div#secondary_nav ul#sub_nav li a
{
	display: block;
	background:  #e4f8ff url(/static/images/global/nav_divider.jpg) no-repeat center right;
	float: left;
	padding:17px 48px;
	color: #003e83;
}
div#misc_nav
{
	font-size: 1em;
	color: #fff;
	float: left;	
	padding-left: 9px;
}
div#misc_nav ul#ul_misc_nav
{
	text-transform: uppercase;
	line-height: normal;
	text-decoration:none;
	z-index:3;
}
div#misc_nav ul#ul_misc_nav li
{
	display: block;
	float: left;
	list-style-type: none;
	padding: 17px 0px;
	display: block;
}
div#misc_nav ul#ul_misc_nav li a
{
	color:#fff;
	border-right: solid 1px;
	padding:0 11px;
}
div#misc_nav ul#ul_misc_nav li a.last_item
{
	border-right: none;
}
div#nav_abbott_logo
{
	float: right;
	padding: 11px 36px 0 0;
	text-align: right;
}
/*************************** END OF HEADER ***************************/

/**************** FOOTER *******************/
div#footer_control
{
	padding: 25px 15px 15px 15px;
	color:#999999;
	line-height:19px;
	font-size: 0.8em;	
	width: 930px;
	margin-top:20px;
	border-top: solid 2px #f5f5f5;
}
div#footer_control a
{
	color:#999999;
}
div#footer_image
{
	padding: 0px 25px;
	float:left;
	font-size:1em;
}
div#footer_columns
{
	padding-top:5px;
	float:left;
}
div#footer_control div.footer_column 
{
	padding:0 20px;
	border-left: solid 1px #999999;
	float:left;
}
div#footer_control div.first_column
{
	float: left;
	padding-right:25px;
}
div#footer_control div.last
{
	padding-right:0;
}
ul#ul_footer li
{
	list-style-type: none;
	margin:0 !important;
	padding:0 !important;
	display: table-row;
	list-style-position:outside;
}
div.footer_title
{
	font-weight:bold;
	font-size:1.1em;
}
/*end of footer*/

/* BOTTOM CALLOUTS */

div#bottom_callouts
{height:auto;
margin:0 auto;
overflow:hidden;
position:relative;
width:894px;
}
.chiquita_copy
{
	width: 170px !important;
}
.callout_footnote
{
	padding-top: 0;
	font-size: 0.8em;
	border-top: 1px solid #999999;
}
div#bottom_callouts ul li
{
	width: 288px;
	float: left;
	padding: 0 5px;
	list-style: none;	
}
div#bottom_callouts ul li a
{
	cursor: pointer;
}
div.callout_top
{
	background: url(/static/images/callouts/callout_dk_blue_top.jpg) no-repeat top left;
	width: 288px;
	font-size:0;
	height: 10px;
}

#mom-brigade .callout_text_tips
{
    padding-left:10px;
}

div.callout_content
{
	background:url(/static/images/callouts/callout_dk_blue_mid.jpg) repeat-y top left;
}
div.callout_bottom
{
	background: url(/static/images/callouts/callout_dk_blue_bottom.jpg) no-repeat bottom left;
	width: 288px;
}
div.callout_text
{
	padding: 0 10px 10px 10px;
}
div.yellow_top{background-image: url(/static/images/callouts/callout_yellow_top.jpg) !important;}
div.yellow_content{background: url(/static/images/callouts/callout_yellow_mid.jpg) repeat-y top left !important;}
div.yellow_bottom{background: url(/static/images/callouts/callout_yellow_bottom.jpg) no-repeat bottom left !important;}

div.blue_top{background-image: url(/static/images/callouts/callout_blue_top.jpg) !important;}
div.blue_content{background: url(/static/images/callouts/callout_blue_mid.jpg) repeat-y top left !important;}
div.blue_bottom{background: url(/static/images/callouts/callout_blue_bottom.jpg) no-repeat bottom left !important;}

div.orange_top{background-image: url(/static/images/callouts/callout_orange_signup_top.jpg) !important;}
div.orange_content{background: url(/static/images/callouts/callout_orange_signup_mid.jpg) repeat-y top left !important;}
div.orange_bottom{background: url(/static/images/callouts/callout_orange_signup_bottom.jpg) no-repeat bottom left !important;}

div.green_top{background-image: url(/static/images/callouts/callout_green_top.jpg) !important;}
div.green_content{background: url(/static/images/callouts/callout_green_mid.jpg) repeat-y top left !important;}
div.green_bottom{background: url(/static/images/callouts/callout_green_bottom.jpg) no-repeat bottom left !important; padding-bottom: 17px;}

div.pink_top{background-image: url(/static/images/callouts/callout_pink_top.jpg) !important;}
div.pink_content{background: url(/static/images/callouts/callout_pink_mid.jpg) repeat-y top left !important;}
div.pink_bottom{background: url(/static/images/callouts/callout_pink_bottom.jpg) no-repeat bottom left !important;}

div.callout_text span img.new_look, div.callout_text span img.callout_img, div.callout_text_tips img.callout_img
{
	float:left;
	width: auto;
}
div.callout_text
{
	padding: 0 14px 15px 15px; 
	font-size:0.9em; 
	color:#333; 
	line-height:16px;
}
div.callout_headline
{
	font-size: 1.167em;
	color: #003e89;
	line-height: 16px;
	font-weight:bold;
	padding-bottom: 5px;
}
div.sign_up_callout .callout_copy
{
	padding-left: 0pt; 
	width: 145px ! important; 
	padding-right: 7px;
	padding-left:0;
}
div.callout_copy
{
	float: left;
	width: 150px;
	padding-top: 5px;
	padding-left: 15px;
}
div.callout_copy_wish
{
	float: left;
	width: 155px;
	padding-top: 5px;
	padding-left: 15px;
}
div.callout_copy_recipes
{
    float: left;
	width: 150px;
	padding-top: 5px;
    padding-left: 8px;   
}
div.callout_copy_tips
{
    float: left;
	width: 175px;
	padding-top: 5px;
    padding-left: 8px;   
}
div.callout_text_tips
{
	width: auto;
    padding: 0 0px 17px 0px; 
	font-size:0.9em; 
	color:#333; 
	line-height:16px;
	height: 105px;
}
div.callout_text_mb
{
    width: auto;
    padding: 0 0px 17px 10px; 
	font-size:0.9em; 
	color:#333; 
	line-height:16px;
	height: 105px;
}
div.callout_text_mb img
{
    float:left;
}
div.callout_copy .span_arrow, div.callout_copy_wish .span_arrow, div.callout_copy_tips .span_arrow
{	
	background: url(/static/images/callouts/callout_gray_arrow.gif) no-repeat right center;
	padding-right:6px;
	height:8px;
}
input.callout_txt
{
	width:106px;
	height: 16px;
	margin-bottom:5px;
	color:#717171;
	font-size:0.917em;
	padding: 0 0 0 2px;
	border: solid 1px #8e8e8e;
}
div.callout_txt_fields
{
	width: 106px;
	float: left;
}
div.sign_up_callout
{
	padding-left: 12px;
}
input.callout_btn
{
	width: 106px;
	height:27px;
}
/* END OF BOTTOM CALLOUTS */

/***** LEFT CALLOUTS ******/
div#ctrl_left_nav
{	
	border-right:solid 1px #b2c6dc;
	width: 196px;
	margin-left: -5px;
	font-size:0.9em;
	float: left;
	margin-right: 45px;
}
div#left_callout_container
{
	margin-top: 90px;
	width: 196px;
	float: left;
}
ul#left_callout_ul
{
	width:178px;
	float: right;
}
ul#left_callout_ul li
{
	display: block;
	float: right;
	width:113px;
	list-style-type: none;
    text-align:right;
	border-bottom:solid 1px #b2c6dc;
	line-height:16px;
	padding: 14px 35px 14px 30px;
}
ul#left_callout_ul li a
{
	background:url(/static/images/callouts/leftcallout_arrow.gif) no-repeat right bottom; 
	padding-right:14px;
}
ul#left_callout_ul li.active
{
	background-color: #003e83;
}
ul#left_callout_ul li.active a
{
	color: #fff;
	background:url(/static/images/callouts/leftcallout_rollover_arrow.gif) no-repeat right bottom; 
}
div.left_callout_header
{
    font:12px Arial;
    color: #fff;
    float: right;
    
}
div.left_callout_header div
{
	margin-top:24px;
    background-color: #4a4a4a;
}
div.left_callout_header div span.left_character
{
	width: 67px;
	float: left;
	margin-top: -25px;
	margin-left: -15px;
}

div.left_callout_header span.text
{
	background-color: #4a4a4a;
	text-align: right;
	width: 97px;
	float: left;
	margin-left: 0;
	padding: 14px 35px 14px 0;
}

/***** END OF LEFT CALLOUTS *******/

/******** LEFT NAVIGATION ****************/
div#left_nav
{
	width: 196px;
	position: relative;
	z-index:3;
	float:left;
}
div#left_nav ul#left_nav_ul
{
    width:178px;
    float:right;  
    list-style-type: none;
}
div#left_nav ul#left_nav_ul li
{	
	border-bottom:solid 1px #b2c6dc;
}
div#left_nav ul#left_nav_ul li.nav_header
{
	padding: 30px 31px 30px 10px;
}
div#left_nav ul#left_nav_ul li a
{
	display: block;
    background: url(/static/images/global/subnav_arrow.gif) no-repeat right center;
	width:111px;
	list-style-type: none;
    text-align:right;
	text-decoration:none;
	display:block;	
	font-size:1.05em; /* REQUEST ACTUAL SIZE FROM KIM */
	color:#003e83;
	line-height:16px;
	padding: 25px 31px 25px 10px;
}
div#left_nav ul#left_nav_ul li.tv_comm
{
	padding-right:25px;
}
div#left_nav ul#left_nav_ul li.tv_comm a
{
    background: url(/static/images/global/subnav_commercial_icon.gif) no-repeat right center;	
    padding-right:39px;
}
div#left_nav ul#left_nav_ul li.tv_comm_active a
{
	background:url(/static/images/global/subnav_selected_commerical_icon.gif) no-repeat right center;
    color: #fff;
}
div#left_nav ul#left_nav_ul li.active,
div#left_nav ul#left_nav_ul li.active a,
div#left_nav ul#left_nav_ul li.active_node,
div#left_nav ul#left_nav_ul li.tv_comm_active,
div#left_nav ul#left_nav_ul li.active_node a
{
	text-decoration:none;
    display:block;
    font-family:Arial;
    color:#ffffff;
    background-color:#003e83;
}
div#left_nav ul#left_nav_ul li.active_node a,
div#left_nav ul#left_nav_ul li.active a
{	
    background: url(/static/images/global/subnav_selected_arrow.gif) no-repeat right center;
}
div#left_nav ul#left_nav_ul li.nav_header
{
	font-size: 1.167em;
	color: #4a4a4a;
	font-weight:bold;
	text-align:right;
	padding-right: 47px;
}

/******** END OF LEFT NAVIGATION ***********/


/*global*/
a
{
	text-decoration: none;
}
.superscript { /* use this for bottom callotus and ie7 has trouble with rotating callouts and sup tag */
	height: 0;
	font-size:80%;
	line-height: normal;
	vertical-align: top;
	letter-spacing:0.1em;
}
.float_left
{
	float: left;
}
.float_right
{
	float:right;
}

.clearfix:after 
{
    content: "";
    display: block; 
    height: 1%; 
    clear: both; 
    visibility: hidden;
}
.clearfix 
{display: inline-block;}
/* Hides from IE-mac \*/
* html 
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a img
{
	border: none;
}
div#body a
{
	font-size: 1em;
	color: #0068c6;
}
h1
{
    font-family:Arial;
    font-weight:bold;
    font-size:2.167em;
    color:#00438a;    
    padding: 30px 0 2px 0;
}

h2
{
    font-family:Arial;    
    font-size:1.5em;
    color:#00438a;   
    font-weight:normal; 
    padding:8px 0 5px 0;
}
h3
{
	color: #4a4a4a;
	font-size:1.167em;
	font-weight:bold;
	padding: 5px 0;
}
p
{
	font-size:1em;
	font-weight:normal;
	padding: 10px 0;
	line-height:18px;
}

.footnotes
{
    font-size:0.833em;/*10px*/
    color:#333333;
	border-top: solid 1px #999;
	padding-top:10px;
    float:left;
    clear:both;
    display:block;
}

.bodycopy
{  
	
    color:#333333;
    line-height:18px;
    text-align:justify;  
}
.footnotes sup
{
	font-size: 1.05em;
}
sup,
sub {
	height: 0;
	line-height: 1;
	font-size:80%;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	letter-spacing:0.1em;
}

sup {
	bottom: 0.5ex;
}

sub {
	top: .5ex;
}
div#ctrl_content ul li
{
	margin-bottom:15px;
	margin-left: 15px;
	line-height:18px;
}
a.back_to_top, a.back_to_top:visited
{
    font-size: 1.0em;
    color: #003e83;
    padding-top: 5px;
    padding-bottom: 25px;
    text-align: left;
    display: block;
}

.back_to_top_arrow
{
    padding-right: 5px;
    padding-bottom: 2px;
}
div.survey-prompt
{
	background-color: #fff !important;
	padding: 10px !important;
}
div.survey-prompt a
{
	text-decoration: underline;
	color: #003e83;
}

.btnContinue
{
    cursor: pointer;   
}

div#spanish-button
{
    float: right;
    margin-right: 10px;
}

div#add-this-button
{
    float: right;
}

/* end of global*/
/* specific styles for the modal pop up */
.ui-dialog-titlebar{display:none;}
.ui-dialog{padding:0;}
.ui-dialog .ui-dialog-content{padding: 0;  overflow:hidden;}
.ui-widget-content{border: none;}


