@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 { background: url(../images/landing/bg_siteHead.gif) repeat-x bottom; height: 131px; position: relative; width: 758px;}
	.siteHead .humira_logo { display: inline; float: left; margin: 18px 0 0 18px; width: 132px;}
	.siteHead .abbott_logo { display: inline; float: right; margin: 18px 0 0 0; width: 116px;}	
	.siteHead .label_logo { display: inline; float: left; margin: 18px 0 0 25px; width: 230px;}
	.siteHead .utilLinks { bottom: 17px; height: 25px; line-height: 25px; position: absolute; right: 2px; width: 756px;}
		.siteHead .utilLinks .utilIn { color: #000; float: right; font-size: 11px; line-height: 26px; margin: 0; padding: 0;}
		.siteHead .utilLinks a { color: #000; font-size: 13px; font-weight: bold; text-decoration: none;}
			.siteHead .utilLinks a:hover { text-decoration: underline;}
		.siteHead .utilLinks .divide { margin: 0 3px;}
		.siteHead .utilLinks .small a { font-size: 11px;}
	
	.siteHead .siteSearch { background: url(../images/landing/bg_searchWrap.jpg) no-repeat left top; height: 26px; left: 0; position: absolute; top: 90px; width: 222px;}
		.siteHead .siteSearch table { left: 4px; position: absolute; top: 5px;}
		.siteHead .siteSearch table th { padding: 0 5px 0 0;}
		.siteHead .siteSearch .searchField { border: 1px solid #666; color: #666; font-size: 11px; height: 16px; padding: 4px 0 0 5px; width: 168px;}
		
	
/*===  SITE NAV  ===*/
.navWrap { background: #FFF; display: inline; float: left; margin: 0; width: 220px;}
#siteNav li { height: 44px; overflow: hidden; margin: 0 0 1px; width: 220px;}
#siteNav li a { background-image: url(../images/landing/bg_siteNav.jpg); background-repeat: no-repeat; color: #000; display: block; font-size: 12px; height: 100%; line-height: 44px; text-indent: -9999px;}

	/*===  NAV SPECIFIC  ===*/
	#siteNav .rheum a { background-position: 0 0;}
	#siteNav .rheum a:hover, #siteNav .rheum a.active { background-position: 0 -44px;}
	
	#siteNav .juvenile a { background-position: -220px 0;}
	#siteNav .juvenile a:hover, #siteNav .juvenile a.active { background-position: -220px -44px;}
	
	#siteNav .psoriatic a { background-position: -440px 0;}
	#siteNav .psoriatic a:hover, #siteNav .psoriatic a.active { background-position: -440px -44px;}	
	
	#siteNav .chronic a { background-position: -660px 0;}
	#siteNav .chronic a:hover, #siteNav .chronic a.active { background-position: -660px -44px;}	
	
	#siteNav .ankylo a { background-position: -880px 0;}
	#siteNav .ankylo a:hover, #siteNav .ankylo a.active { background-position: -880px -44px;}	
	
	#siteNav .crohns a { background-position: -1100px 0;}
	#siteNav .crohns a:hover, #siteNav .crohns a.active { background-position: -1100px -44px;}	
	
/*===  LANDING  ===*/	
.landingWrap {}

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

#siteSlides .slide_item { background: #FFF; height: 270px; position: relative; width: 579px;}
#siteSlides .slide_item .slide_bg { height: 270px; width: 579px;}
.slide_item .slide_in { left: 26px; position: absolute; top: 37px; 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: 13px; line-height: 16px; margin: 0 0 10px;}

	/*===  SLIDE SPECIFIC  ===*/
	#siteSlides .start_frame .slide_in {}
	#siteSlides .start_frame .slide_bg {}
	
	#siteSlides .rheum .slide_bg { background: url(../images/landing/bg_slide_rheum.jpg) no-repeat left top;}
	#siteSlides .juvenile .slide_bg { background:url(../images/landing/bg_slide_juvenile.jpg) no-repeat left top;}
	#siteSlides .psoriatic .slide_bg { background:url(../images/landing/bg_slide_psoriatic.jpg) no-repeat left top;}
	#siteSlides .chronic .slide_bg { background:url(../images/landing/bg_slide_chronic.jpg) no-repeat left top;}	
	#siteSlides .ankylo .slide_bg { background:url(../images/landing/bg_slide_ankylo.jpg) no-repeat left top;}
	#siteSlides .crohns .slide_bg { background:url(../images/landing/bg_slide_crohns.jpg) no-repeat left top;}	
	
/*===  HOME CALLOUTS  ===*/
.homeCallouts { height: 91px; margin: 0 -10px 15px 0; overflow: hidden; width: 749px; padding: 0px 10px;}
	.homeCallouts a { display: inline; float: left; margin: 0 10px 0 0; padding: 0;}
	.homeCallouts a:active { outline: none;}
	
/*===  SITE ISI  ===*/	
.footerHolder { color: #333; padding: 0px 10px; width: 738px;}
	.footerHolder a { color: #96004b;}
	.footerHolder .isiHeader { color: #96004b; font-size: 0.9em; font-weight: bold; margin: 0 0 1.0em;}
	.footerHolder p { color: #333; font-size: 0.75em; line-height: 1.5em; margin: 0 0 1.0em;}		

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

.consider p { color: #000; font-size: 0.75em; padding: 10px 10px; width: 738px;}
.consider a { color: #96004b;}

.siteIsi { color: #333; padding: 10px 8px 0 0; width: 748px; background-image: url(../images/landing/bg_callout_03.jpg); background-repeat: repeat-x; }

.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;}
.pageID { font-size:0.75em }