@charset "utf-8";
/* CSS Document */

/*===  RESET  ===*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*===  GLOBAL  ===*/
body { font-family: Arial, Helvetica, sans-serif;}
strong { font-weight: bold;}
em { font-style: italic;}
.clear { clear: both;}
.plum { color: #96004b;}

.siteWrap { width: 800px;}
/*===  SITE HEAD  ===*/
.siteHead { height: 103px; position: relative;}
	.siteHead .myHumira_logo { display: inline; float: left; margin: 18px 0 0 18px; width: 126px;}
	.siteHead .humira_logo { display: inline; float: right; margin: 18px 41px 0 0; width: 100px;}
	.siteHead .important_gray { display: inline; float: left; margin: 18px 0 0 25px; width: 230px;}	
	
	/*.siteHead .utilLinks { bottom: 2px; height: 26px; line-height: 26px; position: absolute; right: 41px; width: 759px;}
		.siteHead .utilLinks .utilIn { color: #FFF; float: right; font-size: 13px; line-height: 12px; margin: 0; padding: 0; text-align:right;}
		.siteHead .utilLinks a { color: #FFF; text-decoration: none;}
			.siteHead .utilLinks a:hover { text-decoration: underline;} */
	
	   .siteHead .utilLinks { bottom: 5px; position: absolute; right: 35px; width: 759px;}
        .siteHead .utilLinks .utilIn { color: ; float: right; font-size: 12px; line-height: 15px; margin-right: -18px; padding: 0; text-align:right; }
        .siteHead .utilLinks a { color: #000000; text-decoration: none; margin:0 6px 0 4px;}
            .siteHead .utilLinks a:hover { text-decoration: underline;}

	
		.siteHead .utilLinks .divide { margin: 0 5px;}
		.siteHead .utilLinks .small { font-size: 12px;}
.siteUtil { background: #ebebeb; border-top: 1px solid #FFF; border-bottom: 2px solid #FFF; height: 32px;}
	.siteUtil .utilText { color: #000; display: inline; float: left; font-size: 12px; margin: 0 0 0 18px; padding: 9px 0 0; width: 325px;}
	.siteUtil .utilText a { color: #000; text-decoration: none;}
		.siteUtil .utilText a:hover { text-decoration: underline;}
	.siteUtil .utilText span { margin: 0 5px;}
	.siteUtil .utilText img { bottom: -1px; position: relative;}
	
	.siteUtil .searchWrap { display: inline; float: right; height: 24px; margin: 4px 7px 0 0; text-align: right; width: 225px;}
		.siteUtil .searchWrap table { float: right;}
		.siteUtil .searchField { background:url(../images/landing/bg_siteSearch.gif) repeat-x top; border: none; color: #646464; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; height: 20px; padding: 4px 0 0; width: 168px;}

/*===  SITE NAV  ===*/
.navWrap { background: #FFF; display: inline; float: left; margin: 0 0 0 1px; width: 262px;}
#siteNav li { height: 53px; overflow: hidden; margin: 0 0 1px; width: 262px;}
#siteNav li a { background-image: url(../images/bg_siteNav.png); background-repeat: no-repeat; color: #000; display: block; font-size: 12px; height: 100%; line-height: 53px; text-indent: -9999px;}

	/*===  NAV SPECIFIC  ===*/
	#siteNav .inject a { background-position: 0 0;}
	#siteNav .inject a:hover, #siteNav .inject a.active { background-position: 0 -53px;}
	
	#siteNav .kit a { background-position: -262px 0;}
	#siteNav .kit a:hover, #siteNav .kit a.active { background-position: -262px -53px;}
	
	#siteNav .nurse a { background-position: -524px 0;}
	#siteNav .nurse a:hover, #siteNav .nurse a.active { background-position: -524px -53px;}	
	
	#siteNav .disposal a { background-position: -786px 0;}
	#siteNav .disposal a:hover, #siteNav .disposal a.active { background-position: -786px -53px;}	
	
	#siteNav .reminders a { background-position: -1048px 0;}
	#siteNav .reminders a:hover, #siteNav .reminders a.active { background-position: -1048px -53px;}	
/*	
	#siteNav .panel a { background-position: -1310px 0;}
	#siteNav .panel a:hover, #siteNav .panel a.active { background-position: -1310px -46px;}	
	
	#siteNav .commitment a { background-position: -1310px 0;}
	#siteNav .commitment a:hover, #siteNav .commitment a.active { background-position: -1310px -46px;}	
*/
/*===  LANDING  ===*/	
.landingWrap { background:url(../images/landing/bg_landingWrap.jpg) repeat-x top;}

.slidesOut { float: right; height: 270px; overflow: hidden; position: relative; width: 537px;}
.slidesIn { height: 270px; left: 0; position: absolute; top: 0;}

#siteSlides .slide_item { background:url(../images/landing/bg_landingWrap.jpg) repeat-x top; height: 270px; position: relative; width: 537px;}
#siteSlides .slide_item .slide_bg { height: 270px; widows: 537px;}
.slide_item .slide_in { bottom: 75px; left: 248px; position: absolute; width: 245px;}

#siteSlides h3 { color: #96004b; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0 0 5px;}
#siteSlides p { color: #000; font-size: 12px; line-height: 16px; margin: 0 0 10px;}

	/*===  SLIDE SPECIFIC  ===*/
	#siteSlides .start_frame .slide_in {bottom: 90px; left: 28px;}
	#siteSlides .start_frame .slide_bg { background: url(../images/landing/bg_slide_welcome.jpg) no-repeat 285px top;}
	
	#siteSlides .inject .slide_bg { background: url(../images/landing/bg_slide_inject.jpg) no-repeat left top;}
	
	#siteSlides .kit .slide_bg { background:url(../images/landing/bg_slide_kit_new.jpg) no-repeat 30px top;}
	#siteSlides .kit .slide_in { bottom: 65px;}
	
	#siteSlides .nurse .slide_bg { background:url(../images/landing/bg_slide_nurse.jpg) no-repeat left top;}

	#siteSlides .disposal .slide_bg { background:url(../images/landing/bg_slide_disposal.jpg) no-repeat left top;}	

	#siteSlides .reminders .slide_bg { background:url(../images/landing/bg_slide_reminders.jpg) no-repeat left top;}

	#siteSlides .panel .slide_bg { background:url(../images/landing/bg_slide_panel.jpg) no-repeat left top;}	
	
	#siteSlides .commitment .slide_bg { background:url(../images/landing/bg_slide_commitment.jpg) no-repeat left top;}
	
/*===  HOME CALLOUTS  ===*/
.homeCallouts { height: 55px; overflow: hidden;}
	.homeCallouts a { display: block; float: left; padding: 0 0 0 1px;}
	.homeCallouts a:active { outline: none;}
	
/*===  SITE ISI  ===*/	
.siteIsi { color: #333; padding: 10px 15px;}
	.siteIsi a { color: #96004b;}
	.siteIsi h2 {color:#96004B; font-size:1.09em; font-weight: bold; margin-bottom:5px; }
	.siteIsi h5 { color: #96004b; font-size: 0.75em; font-weight: bold; margin: 0 0 1.0em;}
	.siteIsi p { color: #333; font-size: 0.75em; line-height: l.2em; margin: 0 0 1.0em;}
		.siteIsi .consider p { color: #000;}

	.siteIsi ul { margin: 0 0 1.0em 10px;}
	.siteIsi ul li { font-size: 0.75em; line-height: 1.2em; list-style-type: disc; list-style-position: outside; margin: 0 0 0 15px;}
	.siteIsi ul li li { font-size: 1.0em; margin-top: 0.75em;}
	
	.splashIsi ul { margin: 0 0 1.0em 10px;}
	.splashIsi ul li { font-size: 0.75em; margin-top: 0.5em;}


.footerLinks { color: #999; font-size: 0.75em; line-height: 1.2em; margin: 0 0 20px; text-align: center;}
.footerLinks a { color: #999; font-weight: bold; text-decoration: none;}
.footerLinks a:hover { text-decoration: underline;}