/*******************************************************************************************/
/***************************************** NEUPRO ******************************************/
/*******************************************************************************************/
/********* these styles overwrite default.css to make the design specific to neupro ********/
/*******************************************************************************************/

/* =============== Styles for display on SCREEN */
@media screen {
	/* ++++++++++++++++++++ GLOBAL LAYOUT +++++++++++++++++++++ */
	body { background-image:url(../img/backgrounds/bg-page.gif); }

	.home #page-content, .subhome #page-content { margin-top:0; }

	/* grids - definitions */
	.grid-home { background-image:url(../img/backgrounds/bg-grid-home.gif); }
	.grid-1 { background-image:url(../img/backgrounds/bg-grid-1.gif); }
	
	.subhome .grid-2 { background:none 0 0 no-repeat; }
		.subhome .grid-2 .first-col { width:647px; margin-left:0; }
		.subhome .grid-2 .second-col { width:315px; margin-top:30px; }

	.grid-home .first-col .more-link-block, 
	.grid-home .first-col .teaser-block, 
	.grid-home .first-col .streamer-block { overflow:hidden; width:280px; }
	.grid-home .second-col .more-link-block, 
	.grid-home .second-col .teaser-block, 
	.grid-home .second-col .streamer-block { width:280px; overflow:hidden; }
	.grid-home .third-col .link-block,
	.grid-home .third-col .teaser-block, 
	.grid-home .third-col .streamer-block, 
	.grid-home .third-col .more-link-block { width:280px; overflow:hidden; margin:0 0 0 20px; }

	#page-content .grid-1 .first-col .quote-block,
	.grid-1 .first-col .streamer-block { width:174px; margin-left:20px; }
	#page-content .grid-1 .second-col .quote-block, 
	.grid-1 .second-col .streamer-block, 
	.grid-1 .second-col .link-block { width:388px; overflow:hidden; margin:0; }
	.grid-1 .third-col .link-block, 
	.grid-1 .third-col .streamer-block, 
	.grid-1 .third-col .more-link-block, 
	.grid-1 .third-col .teaser-block { width:280px; overflow:hidden; margin:0 0 0 20px; }
	.grid-1 .third-col .login-block { width:240px; overflow:hidden; margin:0 20px; }
		
	.grid-2 .second-col .link-block { width:280px; overflow:hidden; margin:0 0 0 20px;}
		.grid-2 .second-col .link-block { margin-left:15px; }
			
	.home .grid-6, .subhome .grid-6 { background:none 0 0 no-repeat; }
		.home .grid-6 .first-col, .subhome .grid-6 .first-col { width:283px; margin-top:30px; }
		.home .grid-6 .second-col, .subhome .grid-6 .second-col { width:647px; margin-right:0; }
			
	.navigation { background:#005295; } 
		#header .navigation ul.utilities li a, 
		#header .navigation ul.utilities li.phone a { background-image:url(../img/icons/utility-menu.gif); color:#0fa2da; }
		
		.navigation ul.menu li.active { background:url(../img/backgrounds/nav-tab.gif) 100% -400px no-repeat; }
		.navigation ul.menu li.current { background:url(../img/backgrounds/nav-tab.gif) 100% 0 no-repeat; }
			.subhome .navigation ul.menu li.current { background:url(../img/backgrounds/nav-tab.gif) 100% -800px no-repeat; }
			.navigation ul.menu li.active a { background:#666 url(../img/backgrounds/nav-tab.gif) 0 -600px no-repeat; color:#000; }
			.navigation ul.menu li.current a { background:#fff url(../img/backgrounds/nav-tab.gif) 0 -200px no-repeat; color:#000; }
				.subhome .navigation ul.menu li.current a { background:#fff url(../img/backgrounds/nav-tab.gif) 0 -1000px no-repeat; color:#000; }
				.navigation ul.menu li.current a:hover { color:#000; }

	/* Footer divisions */
	#footer { width:922px; overflow:hidden; margin:0 20px; padding:10px 0 80px 0; background:#fff url(../img/backgrounds/bg-dotted-hor-3.gif) 0 0 repeat-x; }
		#footer p { display:inline; margin-left:2em; font-size:1em; }
			#footer p.sponsor { float:right; margin-top:18px; }
				#footer p.sponsor a { padding:8px 45px 12px 0; font-size:1.1em; background:url(../img/logos/ucb-logo.gif) 100% 0 no-repeat; }
					#footer p.sponsor a:hover { color:#000; }

		#footer ul { display:inline; }
			#footer li { display:inline; padding:0; font-size:1em; background:none 0 0 no-repeat; }
				#footer li a { margin-left:15px; padding:0; background:none 0 0 no-repeat; }

		#footer .info { width:620px; float:left; margin-top:20px; }
			#footer .info h2 { font-family:verdana; font-size:1.1em; font-weight:bold; color:#000; }
			#footer .info p { display:block; font-size:1.1em; margin-left:0; }

	/* ===================== Specific for sub-menu */
	ul.sub-menu { margin:0 20px 20px 20px; padding-top:1px; background:url(../img/backgrounds/bg-dotted-hor-3.gif) 0 0 repeat-x; }
		ul.sub-menu li { padding:0; background:url(../img/backgrounds/bg-dotted-hor-3.gif) 0 100% repeat-x; }
			ul.sub-menu li a { display:block; padding:2px 0 4px 9px; line-height:1.4; background:url(../img/bullets/arrow.gif) 0 7px no-repeat; text-decoration:none; color:#000; }
				ul.sub-menu li a:hover { padding-bottom:3px; border-bottom:1px solid #7fb339; background:url(../img/bullets/arrow.gif) 0 -193px no-repeat; color:#7fb339; }
					ul.sub-menu li.current a { font-weight:bold; }
                        ul.sub-menu li.current a:hover { color:#7fb339; }

			/* 2nd level sub-nav */
			ul.sub-menu ul { margin-bottom:0; background:url(../img/backgrounds/bg-dotted-hor-3.gif) 0 100% repeat-x; }
				ul.sub-menu ul li { background:none 0 0 no-repeat; }
					ul.sub-menu ul li a { padding-left:19px; background-position:10px 7px; }
						ul.sub-menu ul li a:hover { background-position:10px -193px; }
							ul.sub-menu li.current li a { font-weight:normal; }
								ul.sub-menu li li.current a { font-weight:bold; }
		
	/* ===================== End specific for sub-menu */
		
	/* ===================== Utility screens */		
	.text-resize-block,
	.recommend-page-block { background:#005295; }
		.text-resize-block a.close,
		.recommend-page-block a.close { background-image:url(../img/icons/close.gif); }
				#header .text-resize-block ul li a { background-image:url(../img/icons/textsize.gif); }

	.recommend-page-block strong.error-message { background-image:url(../img/icons/error2.gif); color:#e6643f; }
				.recommend-page-block form input,
				.recommend-page-block form textarea { font-family:verdana, sans-serif; border-color:#7cadc0; }
					.recommend-page-block form input.button { padding:0; background:none 0 0 no-repeat; }
						
	/* ===================== End Utility screens */								
		
	/* ==================== Specific for Content ===================================================== */
	
	/* sIFR header styles - see also ie hacks */
	.sIFR-active h1, 
	.sIFR-active h2, 
	.sIFR-active .sub-heading, 
	.sIFR-active .quote-block p, 
	.sIFR-active .streamer-block p, 
	.sIFR-active .big-banner-block li a span { visibility: hidden; font-family: Arial; line-height: 1em; margin-bottom:0; }

	.sIFR-active h2.sIFR-ignore { margin-bottom:0.3em; }
	
	.sIFR-active #page-content .quote-block { padding-bottom:4px; }
	.sIFR-active #page-content .quote-block blockquote p { padding-top:10px; line-height:1; font-size:2.2em; }

	.sIFR-active #page-content .streamer-block p { padding:10px 0 4px; line-height:1; font-size:2.3em; }
	.sIFR-active #page-content .first-col .streamer-block p { font-size:2.1em; }
		
	/* heading styles */
	h1 { margin-top:-8px; font-size:2.9em; font-family:arial; font-weight:normal; color:#005295; }
	h2 { font-size:2.3em; font-family:arial; color:#005295; }
        h2 { margin-bottom:0.3em; }
		h2 a { padding-right:30px; background:url(../img/bullets/circle-arrow00.gif) 100% 3px no-repeat; text-decoration:none; color:#ba3209; } 
			#page-content h2 a span.link-arrow,
			.product-list-block li h3 a span.link-arrow { display:none; }
			.product-list-block li h3 a:hover,
			h2 a:hover { background-position:100% -297px; }
				.color1 h2 a, h2.color1 a { background-image:url(../img/bullets/circle-arrow01.gif); color:#849219; }
				.color2 h2 a, h2.color2 a { background-image:url(../img/bullets/circle-arrow02.gif); color:#dd8b0b; }
				
	h3, h4 { margin-bottom:0.3em; line-height:1.4; font-size:1.1em; font-weight:bold; color:#000; }
	.sub-heading { display:block; margin-bottom:0.3em; font-size:1.7em; font-family:arial; color:#005295; }

	/* paragraph styles */
	p { margin-bottom:1.7em; line-height:1.7; font-size:1.1em; color:#000; }
		p strong { font-weight:bold; }
		p span.meta-info { color:#7fb339; }
		p a,
		ul li a,
		ol li a { padding-bottom:2px; color:#000; text-decoration:none; background:url(../img/backgrounds/bg-dotted-hor-1.gif) 0 100% repeat-x; }
			p a:hover, ul li a:hover, ol li a:hover { color:#7fb339; background-image:url(../img/backgrounds/bg-underline-1.gif); }

	.list-block p { margin-bottom:0.5em; }
		
	#page-content .date { color:#7fb339; }

	.banner-block a { margin-bottom:0; }
		.grid-home .banner-block a,
	.grid-1 .third-col .banner-block a { width:280px; }
		#page-content .grid-home .banner-block a:hover,
		#page-content .grid-1 .third-col .banner-block a:hover { background-position:-280px 0; }
	.grid-1 .first-col .banner-block a { width:180px; }
		.grid-1 .first-col .banner-block a:hover { background-position:-180px 0; }


	/* big banner block - see also ie-hacks.css */
	.big-banner-block { min-height:162px; padding-top:30px; background:url(../img/backgrounds/bg-big-banner-1.gif) 0 0 no-repeat; }
		.grid-6 .second-col .big-banner-block { background-image:url(../img/backgrounds/bg-big-banner-2.gif); }
		.big-banner-block ul { margin:0 0 0 21px; }
			.big-banner-block ul li { width:550px; padding:0; background:none 0 0 no-repeat; }
				.big-banner-block ul li a { width:500px; display:block; padding:0 0 0 31px; background:url(../img/bullets/big-banner-bullet.gif) 0 3px no-repeat; font-family:arial; font-size:2.1em; color:#fff; }
					.big-banner-block ul li a:hover {  background:url(../img/bullets/big-banner-bullet.gif) 0 -97px no-repeat; }
						.big-banner-block ul li a span {  }
							.big-banner-block ul li a:hover span { cursor:pointer; }

	/* generic list styles */
	ol { color:#7fb339; }
		ol li strong em { color:#7fb339; }
		ul li {  background:url(../img/bullets/bullet.gif) 0 5px no-repeat; }
		
	/* content block */
	/* extra space under flash video */
	.content-block embed { margin-bottom:1.6em; }

	/* link list styles */
	ul.link-list { background:url(../img/backgrounds/bg-dotted-hor-3.gif) 0 0 repeat-x; }
			ul.link-list li a { background:url(../img/backgrounds/bg-dotted-hor-3.gif) 0 100% repeat-x; } 
				ul.link-list li a span.title { background:url(../img/bullets/arrow.gif) 0 5px no-repeat; }
					ul.link-list li a span.title em { color:#7fb339; }
			ul.link-list li a span.details,
				ul.link-list li a span.date { color:#84927b; }
					ul.link-list li a:hover { border-bottom:1px solid #7fb339; color:#7fb339; }
						ul.link-list li a:hover span.title {  }
						ul.link-list li a:hover span.details { color:#7fb339; }

				ul.link-list li a span.dl-pdf,
				ul.link-list li a span.dl-doc { padding:0 0 1px 15px; background:url(../img/icons/download.gif) 0 0 no-repeat; color:#7fb339; }
				
		
	/* pagination */
	ul.pagination { background:url(../img/backgrounds/bg-dotted-hor-3.gif) 0 100% repeat-x; }
		ul.pagination li { background:url(../img/backgrounds/divider-pipe.gif) 0 5px no-repeat; }
			ul.pagination li.previous,
			ul.pagination li.next { margin:0; padding:0; }
			ul.pagination li.next { background:url(../img/backgrounds/divider-pipe.gif) 0 6px no-repeat; }
				ul.pagination li.previous a,
				ul.pagination li.next a { padding:0 15px 0 0; display:block; text-indent:-9999px; height:21px; width:88px; background:url(../img/bullets/arrow-paging.gif) 0 0 no-repeat; }
				ul.pagination li.next a { padding:0 0 0 15px; width:64px; margin-left:1px; background-position:100% 0; }
					ul.pagination li.previous a:hover { background:url(../img/bullets/arrow-paging.gif) 0 -300px; text-decoration:none; }
					ul.pagination li.next a:hover { background:url(../img/bullets/arrow-paging.gif) 100% -300px; text-decoration:none; }
			ul.pagination li a,
			ul.pagination li span { color:#000; background:none 0 0 no-repeat; }
				ul.pagination li a:hover { color:#7fb339; background:none 0 0 no-repeat; }
				ul.pagination li span.current { color:#7fb339; }

	/* more link block */
	#page-content .more-link-block { margin-bottom:2em; background:url(../img/backgrounds/bg-dotted-hor-3.gif) 0 100% repeat-x; }
		.more-link-block a { float:right; display:block; text-indent:-9999px; width:162px; height:21px; margin-bottom:10px; background:url(../img/buttons/learn-more.gif) 0 0 no-repeat; }
			.more-link-block a:hover { background-position:0 -100px; }
	
	/* learn more block - see also ie-hacks.css and ie7-hacks.css */
	#page-content .link-block { margin-bottom:1.3em; }
		.link-block h2 { display:block; text-indent:-9999px; width:280px; height:30px; margin-bottom:8px; background:url(../img/backgrounds/h2-learn-more.gif) 0 0 no-repeat; }
			.link-block ul li { margin:0 0 8px 0; padding:0; background:none 0 0 no-repeat; }
				.link-block ul li a { display:block; padding:2px 0 2px 30px; font-weight:bold; color:#000; background:#ddeec5 url(../img/icons/learnmore.gif) 0 0 no-repeat; }
					.link-block ul li a:hover { background-position:-300px 0; }
					.link-block ul li.data a { background-position:0 -200px; }
						.link-block ul li.data a:hover { background-position:-300px -200px; }
					.link-block ul li.profile a { background-position:0 -400px; }
						.link-block ul li.profile a:hover { background-position:-300px -400px; }
					.link-block ul li.safety a { background-position:0 -600px; }
						.link-block ul li.safety a:hover { background-position:-300px -600px; }
					
	/* teaser block */
	#page-content .teaser-block { margin-bottom:2em; padding-bottom:10px; background:url(../img/backgrounds/bg-dotted-hor-3.gif) 0 100% repeat-x; }
		.teaser-block .text { float:left; width:180px; }
			.teaser-block .text p { margin:0; }
		.teaser-block .visual { position:relative; float:right; width:90px; margin-bottom:10px; }
			.teaser-block .visual a img { position:absolute; }
			.teaser-block .visual a span.corner { position:relative; display:block; width:90px; height:120px; background:url(../img/buttons/teaser-link.png) 0 0 no-repeat; }
				.teaser-block .visual a:hover span.corner { background-image:url(../img/buttons/teaser-link-ro.png); }
			
	/* blockquotes */
	#page-content .quote-block { width:280px; overflow:hidden; padding-bottom:12px; margin-right:20px; margin-bottom:2em; background:url(../img/backgrounds/quote-bottom1.gif) 100% 100% no-repeat; }
	#page-content .quote-block p { margin:0; padding:0 20px; color:#7fb339; }
		#page-content .quote-block blockquote p { padding:12px 20px 0 20px; background:url(../img/backgrounds/quote-top.gif) 0 0 no-repeat; line-height:1.2; font-family:arial; font-size:2em; }
			#page-content .quote-block blockquote p a { text-decoration:none; background:#fff; color:#7fb339; }
				#page-content .grid-1 .first-col .quote-block p, 
				#page-content .grid-3 .first-col .quote-block p, 
				#page-content .grid-5 .first-col div.quote-block p,
				#page-content .grid-5 .third-col div.quote-block p { padding-left:0 !important; margin-left:0 !important; }
					#page-content .quote-block blockquote p a img { display:inline; margin:0; vertical-align:middle; }
							#page-content .quote-block cite { font-style:normal; }

	/* streamer text */
	#page-content .streamer-block { margin-bottom:2em; background:url(../img/backgrounds/bg-dotted-hor-3.gif) 0 0 repeat-x; }
		#page-content .streamer-block p { margin:0; padding:12px 0; line-height:1.2; font-family:arial; font-size:2.2em; color:#7fb339; background:url(../img/backgrounds/bg-dotted-hor-3.gif) 0 100% repeat-x; }
			#page-content .first-col .streamer-block p { font-size:2em; }
		
		
	/* forms */
	.form-block {}
		.form-block strong.error-message { background:url(../img/icons/error.gif) 0 0 no-repeat; }
			.form-block form { border-top:1px solid #7fb339; border-bottom:1px solid #005295; }
			.form-block input,
			.form-block select,
			.form-block textarea { border:1px solid #7fb339; }
				.form-block form input.button { cursor:pointer; float:right; background:none 0 0 no-repeat; padding:0; border:0; }
		
		
	/*login block styles */
	#page-content .login-block { margin-bottom:2em; padding:15px 20px 0; background:#ddeec5; }
		.login-block p { margin-bottom:0.8em; line-height:1.4; }
			.login-block form { padding-bottom:15px; }
				.login-block label { display:block; margin-bottom:0.3em; line-height:1.4; font-size:1.1em; }
				.login-block input { display:block; width:235px; margin-bottom:0; padding:2px; border:1px solid #7fb339; }
					.login-block form input.button { cursor:pointer; float:right; background:none 0 0 no-repeat; width:auto; padding:0; border:0; }
		
			.login-block ul.link-list { margin-bottom:2em; }
			.login-block ul.link-list, 
			.login-block ul.link-list li a { background-image:url(../img/backgrounds/bg-dotted-hor-2.gif); }
	

	/* ==================== End Specific for Content*/
	
}
/* =============== End of Styles for display on SCREEN */

/* =============== Styles for PRINT */
@media print {


}
/* =============== End of styles for PRINT */