@charset "utf-8";
/* Default.css */
/*Abbott Nutrition - Default css */
/* code created by Huntsworth Health for Abbott */

/*-- Wrapper -------------------------------------*/

#wrapper {
	border-right:1px solid #fc0!important;
}

/*-- Header ------------------------------------*/

#header {
	background-image:url(../../gfx/heroic-a-yellow.gif)!important;
}

#header .rightblock {
	background-image:url(../../gfx/abbott-logo-yellow.gif)!important;
	border-bottom:20px solid #fc0!important;
}

#header h1 {
	background-image:url(../../gfx/abbott-nutrition-yellow.gif)!important;
}

#innerwrap {border-bottom:1px solid #fc0!important;}



.hide {
	display:none;
}



img {border-style: none;}

/* H3 {
	font-size: 150%;
	color: #FF9900;
} */

B, STRONG {
	color: #6699CC;
}

.topbar {
	background-color:#f90;
	
}

.subMen {
	color:#FF9900;
	font-weight:bold;
}


.checkbox
{
    BACKGROUND-color: #FFFFFF;
    BORDER-COLOR: #0096D6;
	color: #0096D6;
	font-size: 90%;
}

.checkbox_hover
{
    BACKGROUND-color: #E5EEF9;
    BORDER-COLOR: #0096D6;
	color: #0096D6;
	font-size: 90%;
}

.radiotext
{
	font-size: 90%;
	color: #0096D6;
}


.button
{
	color:#666666!important;
	border:1px solid #ffcc00!important;
	color:#666666;
	font-weight:bold;
	margin:0;
	padding:0px 4px;
	background-image:url(/gfx/login-bg.gif);
	background-repeat:repeat-x;
	font-size:0.9em;
	cursor:pointer;
}

.button_hover
{
	BACKGROUND-color: #8CC0E8;
	font-size: 90%;
	border: 1px;
	border-color: #0096D6;
	border-style: solid;
	COLOR: #FFFFFF;
	font-weight: bold;
	cursor:pointer;
}

.abbott_a {
	background-image: url(/gfx/a_patient.gif);
	background-repeat:no-repeat;
}

.abbott_title {
	background-image: url(/gfx/title_patient.gif);
	background-repeat:no-repeat;
}

.abbott_logo {
	background-image: url(/gfx/logo_default.gif);
	background-repeat:no-repeat;
	padding-right:0px;
	padding-bottom:10px;
	text-align:right;
	vertical-align:bottom;
}

.menu, .menuHover {
	background-image: url(/gfx/menu_defaultgrey.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size: 85%;
	text-align:center;
	width: 100px;
	height: 30px;
	cursor:pointer;
}

.menuCurrent {
	background-image: url(/gfx/menu_default.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size: 85%;
	text-align:center;
	width: 100px;
	height: 30px;
	cursor:pointer;
}

.menuHover {
	background-image: url(/gfx/menu_defaultLight.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size: 85%;
	text-align:center;
	width: 100px;
	height: 30px;
	cursor:pointer;
}

.subMenuCurrent {
	font-size: 100%;
	text-align:center;
	background-color: #FFE7CB;
	color: #FF9900;
	border-bottom: 1px;
	border-bottom-color: #FF9900;
	border-bottom-style: solid;
	cursor:pointer;
}

.subMenuCurrentSelected
{
	font-size: 100%;
	text-align:center;
	background-color: #FCBE76;
	color: #FFFFFF;
	border-bottom: 1px;
	border-bottom-color: #FF9900;
	border-bottom-style: solid;
	cursor:pointer;
}

.bar_top {
	background-image: url(/gfx/bar_top_Patient.gif);
	background-repeat:no-repeat;
}

.bar_middle {
	background-image: url(/gfx/bar_middle_Patient.gif);
	background-repeat:repeat-y;
	height:220px;
	padding-left:8px;
}

.bar_bottom {
	background-image: url(/gfx/bar_bottom_Patient.gif);
	background-repeat:no-repeat;
}


.mag_Top {
	background-image: url(/gfx/Mag_bar_top_Patient.gif);
	background-repeat:no-repeat;
	width:1003px;
}

.mag_Middle {
	background-image: url(/gfx/Mag_bar_middle_Patient.gif);
	background-repeat:repeat-y;
	width:1003px;
}

.mag_Bottom{
	background-image: url(/gfx/Mag_bar_bottom_Patient.gif);
	background-repeat:no-repeat;
	width:1003px;
}

.mag_orange_Top {
	background-image: url(/gfx/Mag_orange_top.gif);
	background-repeat:no-repeat;
	width:803px;
	height:10px;
}

.mag_orange_Middle {
	background-image: url(/gfx/Mag_orange_middle.gif);
	background-repeat:repeat-y;
	width:803px;
	padding-left:20px;
	padding-right:20px;
}

.mag_orange_Bottom{
	background-image: url(/gfx/Mag_orange_bottom.gif);
	background-repeat:no-repeat;
	width:803px;
	height:40px;
	text-align:center;
	font-size: 76%;
}

.mainWidth {
	width:1003px;
}

.sidebar {
	width:180px;
}

.contentWidth{
	width:565px;
}

.Mag_textHead{
	background-image: url(/gfx/Mag_textHead.gif);
	background-repeat:no-repeat;
	width:563px;
	padding-top:10px;
	text-indent:10px;
	height:20px;
}
.Mag_textArea {
	background-color:#fff1e2;
	padding:10px;
}
.Mag_textFoot {
	background-image: url(/gfx/Mag_textFoot.gif);
	background-repeat:no-repeat;
	width:563px;
	height:20px;
}

.productTextStyle{
   color:#FFFFFF;
   font-weight:bold;
}

.widgetbar {
	font-size: 83%;
	color: #000000;
	padding-right: 20px;
	padding-left: 10px;
}
.widgetTop {
	background-image: url(/gfx/widget_top_patient.gif);
	background-repeat:no-repeat;
	height: 35px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	text-indent: -10px;
}
.widgetMiddle {
	background-image: url(/gfx/widget_middle_patient.gif);
	background-repeat:repeat-y;
}
.widgetBottom {
	background-image: url(/gfx/widget_bottom_patient.gif);
	background-repeat:no-repeat;
	height: 10px;
}
.greenbackds {
	width:805px;
	height:100px;
 	background:url(../../gfx/greenbck-drop.gif) right bottom no-repeat;
}

.greenback {
	width:796px;
	height:89px;
	border:1px solid #e5f8d1;
	background:url(../../gfx/greenbck2.gif) 0 top repeat-x;
}

.whitetitle {
	position:relative;
	color:#FFF;
	font-size:150%;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	top:58px;
	padding:0px;
	margin:0px 0px 0px 8px;
}

.greenbar {
	margin:7px 0px 20px 0px;
	padding:0px;
}

.greenproducts {
	float:right;
	position:absolute;
	padding:0px;
	margin:0px 0px 0px 260px;
	top:1;
}


/*-- contentmain -------------------------*/

#contentmain {
	margin:0px 0px 0px 0px;
	padding:0px;
	width:566px;
	color:#000;
}

#contentmain2 {
	margin:0px 0px 0px 0px;
	padding:0px;
	width:566px;
	color:#000;
}

.contentwrapper {
	/* border-top:1px solid #a3d016; */
	/* width:790px; */
	/* background:url(/gfx/patients_bck.gif) top right no-repeat; */
	min-height:400px;
}


/*-- columns for general patients --------------------------------*/
.col1 {
	float:left;
	width:190px;
}

.col2 {
	margin:0px 0px 0px 200px;
}



/*-- intro text ---------------------------------------------------*/
.introtext {
	margin:10px 0px 0px 48px;
	padding:0px;
	line-height:130%;
	width:480px;
}

.introtext ul, .introtext2 ul, #contentmain ul, #contentmain2 ul { 
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.introtext ul li, .introtext2 ul li, #contentmain ul li, #contentmain2 ul li, .partnershipsubcol1  ul li {
	position:relative;
	margin:0px 0px 0px 10px;
	padding: 0px 0px 0px 15px;
	list-style:none;
	background-image:url(/gfx/crumb-divider.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
}

/*-- product range --------------------------------------------------*/
#productrange {
	position:relative;
	margin:20px 0 0 0;
	padding:0px 0px 10px 0;
	width:566px;
	clear:both;
	font-size:0.9em;
	display:block;
	height:auto;
	min-height:600px;
	_height:600px;
}

#productrange h3 {
	margin:0px 0px 30px 4px;
	padding:0px;
	font-size:138%;
	font-weight:bold;
	color:#000000;
}

#productrange a:link, #productrange a {color:#000; text-decoration:none; font-weight:bold;}
#productrange a:hover {color:#000; text-decoration:underline; font-weight:bold;}
#product1 p, #product2 p, #product3 p, #product4 p, #product5 p, #product6 p, #product7 p, #product8 p { margin:0px; padding:0px; }

#product1 img, #product2 img, #product3 img, #product4 img, #product5 img, #product6 img, #product7 img, #product8 img{ 
	margin:0px;
	padding:0px;
}

#productrange div {
	position:relative;
	vertical-align:top;
	height:auto;
	min-height:260px;
	_height:260px;
	float:left;
	display:inline-block;
}

#product1 {  
	margin:0;
	padding:0px;
	width:130px;
	display:inline-block;
}

#product2 {
	margin:0 0 0 15px;
	padding:0px;
	width:130px;
	display:inline-block;
}

#product3 {
	margin:0 0 0 15px;
	padding:0px;
	width:130px;
	display:inline-block;
}

#product4 { 
	margin:0 0 0 15px;
	padding:0px;
	width:130px;
	display:inline-block;
}


#product5 {  
	margin:0px;
	padding:0px;
	width:130px;
	display:inline-block;
}

#product6 { 
	margin:0 0 0 15px;
	padding:0px;
	width:130px;
	display:inline-block;
}

#product7 {  
	margin:0 0 0 15px;
	padding:0px;
	width:130px;
	display:inline-block;
}

#product8 {  
	margin:0 0 0 15px;
	padding:0px;
	width:130px;
	display:inline-block;
}

#rightcol {
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:375px;
	background-color:#EEF8D1;
}

#rightcolcontent {
	margin:0px 1px 0px 4px;
	padding:0px 8px 0px 4px;
	background-color:#eef8d1;
	width:359px;
}

#rightcolcontent h3 {
	margin:10px 0px 25px 4px;
}

/*-- Product Info ----------------------------------------------*/
#spanInfo {
	margin:0px;
	padding:10px 0px 0px 0px;
	width:207px;
	float:right;
}




#spanInfo img {
	background-color:#fff;
	border:1px solid #b5bd9f;
}

.dropdownrow {
	visibility:hidden;
	height:0px;
}

#bottomcol {
	width:565px;
	_height:500px;
	min-height:500px;
	margin:40px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	/* background-color:#EEF8D1; */
	clear:both;
	/* background-image:url(/gfx/bottom-topcurve.jpg); */
	/* background-repeat:no-repeat; */
	/* background-position: 0 0; */
}

#bottomcol img.arrow {
	margin:16px 5px 0px 10px; 
	float:left;
}

#bottomcol h3 {
	margin:21px 0px 10px 4px;
}


html>/**/body #bottomcol h3  { 
	margin:15px 0px 3px 4px;   
	_margin-top:20px;
} /* hidden from IE 7 */

.bottomcolfooter {
	clear:both;
	width:566px;
	/* background-color:#EEF8D1; */
}

.productlist {
	float:left;
	width:300px;
	margin:10px 0px 0px 0px;
}

#topcurve {
	margin-bottom:-3px;
}

.bottomcurve {
	display:none;
}

/*---- Patient Information landing page -----*/

#contentprodmenu { 
	position:relative;
	width:258px; 
	height:264px;
	margin:0px; 
	padding:0px;
	background:url(/gfx/patient-menu.jpg) no-repeat #fff;}

#contentprodmenu a i {display:none;}
	
a.one, a.one:link {position:absolute; display:block; height:100px; width:101px; top:6px; left:0px; background:url(/gfx/contact-us.jpg) 0 500px no-repeat}
a.two, a.two:link {position:absolute; display:block; height:172px; width:173px; top:0px; left:85px; background:url(/gfx/recipe-bank.jpg) 0 500px no-repeat}
a.three, a.three:link {position:absolute; display:block; height:129px; width:128px; top:134px; left:127px; background:url(/gfx/about-malnutrition.jpg) 0 500px no-repeat}
a.four, a.four:link {position:absolute; display:block; height:97px; width:97px; top:119px; left:27px; background:url(/gfx/your-stories.jpg) 0 500px no-repeat}

#contentprodmenu a.one:hover, #contentprodmenu a.two:hover, #contentprodmenu a.three:hover, #contentprodmenu a.four:hover {background-position:0 0;}

.title {
font-weight:bold;
color: #6699CC;
}