@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";


/* -------------------------------------------------------------- 
  
	Corn Products U.S.
	December 2007	   


	COLORS:
	
	CP Orange	#e83;
	CP Yellow	#fd5;
	Dark Brown	#742;
	Rust		#a63;
	Med Orange	#fb3;
	Tan			#eed;
	Tan Rules	#e5e1c9;	

-------------------------------------------------------------- */

/* Hide items that are only used in the print stylesheet
--------------------------------------------------------------------------------------------------*/
.printonly	{ margin: 0; padding: 0; display: none; border: none; }

	
/* Clear floats
--------------------------------------------------------------------------------------------------*/
hr.clear	{ clear: both; margin: 0; padding: 0; visibility: hidden; border: none; }

			
/* Prevent Widows 
--------------------------------------------------------------------------------------------------*/
.nobr {white-space: nowrap}


/* Global indent
--------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, dl, ol, ul, form, table { padding-left: 10px; padding-right: 10px;	}


/* remove global indent from nested dl styles
--------------------------------------------------------------------------------------------------*/
dd p, dd ul, dd ol, dd dl, dd h1, dd h2, dd h3, dd h4, dd h5, dd h6 {padding-left: 0; padding-right: 0; }



/* Global Styles
--------------------------------------------------------------------------------------------------*/

body 						{ color: #666; }

h1,h2,h3,h4,h5,h6 			{ color: #a63; }

a, a:link, a:visited		{ color: #742; }

a:hover, a:active 			{ color: #a63; }


blockquote 					{margin: 0; }

h2 							{ margin-top: .25em; margin-bottom: .5em; line-height: 1; }		

p.toplink 					{ text-align: right; }

hr.divider 					{ border: 0; width: 100%; color: #e5e1c9; background-color: #e5e1c9; height: 1px; margin-bottom: 1.5em;	clear: both;}

.tagline					{ color: #a63; }

/* =Layout  
-------------------------------------------------------------- */

body 						{ background: #eed url(../images/global/bk-body.gif) left top repeat-x; }

.content					{ width: 790px; margin: 0 auto; }

#wrapper					{ background: #fff; padding: 0 0 3em 0; z-index: 800; margin-top: .5em; }



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

#header 					{ height: 125px; }
#header h1					{ text-indent: -9999px; }
#header h1 a				{ margin-top: 10px; text-decoration: none; display: block; width: 185px; height: 70px; background: url(../images/global/logo-cpus-header.gif) left top no-repeat; }


/* =Main Navigation
-------------------------------------------------------------- */
#header .nav-main {	position: absolute; top: 87px; margin-left: 10px; width: 790px;}
#header .nav-main li { float: left; list-style: none; margin: 0; padding: 0; }
#header .nav-main li a { float: left; display: block; text-indent: -9999px; text-decoration: none; height: 35px; background: url(../images/global/bk-nav-main.gif) left top no-repeat; }

#header .nav-main li.nav-home a { width: 59px; }
#header .nav-main li.nav-products a { width: 78px; background-position: -59px 0; }
#header .nav-main li.nav-sales-and-service a { width: 122px; background-position: -137px 0; }
#header .nav-main li.nav-news-and-events a { width: 118px; background-position: -259px 0; }
#header .nav-main li.nav-about-us a { width: 80px; background-position: -377px 0;}
#header .nav-main li.nav-resources a { width: 89px; background-position: -457px 0; }
#header .nav-main li.nav-careers a { width: 72px; background-position: -546px 0; }
#header .nav-main li.nav-contact-us a { width: 99px; background-position: -618px 0; }

#header .nav-main li.nav-home a:hover {background-position: 0 -35px; }
#header .nav-main li.nav-products a:hover { background-position: -59px -35px; }
#header .nav-main li.nav-sales-and-service a:hover { background-position: -137px -35px; }
#header .nav-main li.nav-news-and-events a:hover { background-position: -259px -35px; }
#header .nav-main li.nav-about-us a:hover { background-position: -377px -35px;}
#header .nav-main li.nav-resources a:hover { background-position: -457px -35px; }
#header .nav-main li.nav-careers a:hover { background-position: -546px -35px; }
#header .nav-main li.nav-contact-us a:hover {  background-position: -618px -35px; }

body.home #header .nav-main li.nav-home a {background-position: 0 -70px; }
body.products #header .nav-main li.nav-products a { background-position: -59px -70px; }
body.sales-and-service #header .nav-main li.nav-sales-and-service a { background-position: -137px -70px; }
body.news-and-events #header .nav-main li.nav-news-and-events a { background-position: -259px -70px; }
body.about-us #header .nav-main li.nav-about-us a { background-position: -377px -70px;}
body.resources #header .nav-main li.nav-resources a { background-position: -457px -70px; }
body.careers #header .nav-main li.nav-careers a { background-position: -546px -70px; }
body.contact-us #header .nav-main li.nav-contact-us a {  background-position: -618px -70px; }



/* =Search
-------------------------------------------------------------- */

#header .searchbox 			{ float: right; display: inline; margin-top: -60px;}

#header .searchbox fieldset	{ display: inline; padding: 0; margin: 0; border: none; }

#header .button-search 		{ position: relative; left: 5px; top: 6px;  }



/* =Section Nav Sidebar
-------------------------------------------------------------- */
.nav-section ul 			{display: none; }

li.current ul.dropdown1,
li.current ul.dropdown1 li.current ul.dropdown2
							{ display: block; }

ul.nav-section				{ float: left; width: 185px; list-style: none; border-top: 1px solid #e5e1c9; margin: 0; padding: 0; }

ul.nav-section li			{ border-bottom: 1px solid #e5e1c9; margin: 0; padding: 0; line-height: 1.5em;}

ul.nav-section li ul		{ font-weight: normal; list-style: none; margin: 0 0 0 10px; padding: 0; }

ul.nav-section li ul li		{ border-bottom: none; margin: 0; padding: .25em 0 .5em 0; line-height: 1.25em;}

ul.nav-section li ul li ul	{ margin: .5em 0 0 5px; padding-left: 5px; border-left: 1px solid #e5e1c9; }

ul.nav-section a 			{ display: block; width: 100%; border-right: 1px solid #e5e1c9; background: url(../images/global/bk-nav-section.gif) 1px 0 repeat-y; margin: 0; padding: 0;}

ul.nav-section a:hover		{ color: #742; text-decoration: none; background: #fff; border-right: 1px solid #e5e1c9;}

ul.nav-section ul a,
ul.nav-section ul a:visited	
							{ color: #a63; }

ul.nav-section ul a:hover	{ color: #742; }

li.current ul li.current a,
li.current ul li.current a:hover 
							{ background: #fff; font-weight: bold;  }

li.current ul li.current ul a,
li.current ul li.current ul a:hover
							{ font-weight: normal; }

li.current ul li.current ul li.current a
							{ font-weight: bold; }

li.current a,
li.current a:hover 			
							{ background: #fff; font-weight: bold; border-right: 1px solid #fff; }

li.current ul li a,
li.current ul li a:hover 	
							{ background: #fff; font-weight: normal;  }
							
#content-sub li.current a,
#content-sub li.current a:hover
							{ background: transparent;}


/* =Main Content Area
-------------------------------------------------------------- */

/* specify pages with no sidebar */

body#about-us-overview #content-main,
body#about-us-locations #content-main,
body#about-us-companies #content-main,
body#sales-team #content-main,
body#technical-support #content-main,
body#customer-service #content-main,
body#corn-futures #content-main,
body#quality-policy #content-main,
body#experts #content-main,
body#challenge #content-main,
body#links #content-main,
body#supplier-diversity #content-main,
body#terms #content-main,
body#press-releases #content-main,
body#trade-shows #content-main,
body#search-results #content-main,
body#sales-and-service-overview #content-main,
body#sample #content-main,
body#faq #content-main

							{ width: 590px; float: right; display: inline; margin-left: 0; }

#content-intro 				{ width: 595px; float: right; display: inline; }

img.section-header			{ margin: 0 10px 1em; }

#content-main				{ float: left; display: inline; margin-left: 195px; width: 400px; }

#content-main h3 			{ margin-bottom: .5em; }

img.inset					{ float: right; display: inline; margin : 0 10px 10px; }
img.inset-alt				{ float: left; display: inline; margin : 0 10px 10px; }

img.logo					{margin-bottom: 10em; }

p.inset-caption				{ font-size: .9em; width: 165px; float: right; display: inline; margin-right: 10px;clear: right; color: #a63;}
p.caption					{ font-size: .9em; color: #a63;}

ul, ol, dl					{ margin-left: 0; }

#content-intro ul,
#content-main ul,
ul.arrows
							{ list-style-image: url(../images/global/bullet-arrow.gif); }

#content-intro ul.no-list,
#content-main ul.no-list
							{ list-style: none; }

#content-intro ul.no-list li,
#content-main ul.no-list li
							{ margin-left: 0; }
							

						
/* =Sidebar
-------------------------------------------------------------- */

#content-sub 				{ width: 185px; float: right; display: inline; }

#content-sub h4 			{ font-size: 1em; line-height: 1; margin-bottom: 2px; padding: 10px; border: 1px solid #e5e1c9; background: #eed;}

#content-sub ul				{ font-size: .92em; line-height: 1.2em; list-style: none; border: 1px solid #e5e1c9; background: #eed; margin: 0 0 10px 0; padding: 10px;}

#content-sub ul li			{ margin: 0; padding-bottom: .5em;}

#content-sub ul.downloads	{ text-align: center; }

a.download img,
#content-sub a.download img { display: block; margin: 5px auto; border: 2px solid #e5e1c9; }

a.download:hover img		{ border-color: #a63; }



/* =Footer
-------------------------------------------------------------- */

#footer 					{ width: 100%; background: #eed url(../images/global/bk-footer.gif) left top repeat-x;}

#footer .content			{ background: #ffe url(../images/global/bk-footer-bottom.gif) left bottom no-repeat; }

#footer .nav-main,
#footer .nav-legal			{ text-align: center; margin: 0 auto; list-style: none; }

#footer .nav-main li,
#footer .nav-legal li		{ display: inline; margin: 0; padding: 0 7px 0 5px; border-right: 1px solid #a63;}

#footer .nav-main .nav-contact-us, 
#footer .nav-legal .nav-legal-tandc 
							{ border-right: none; }

#footer .nav-legal 			{ font-size: .9em; }

.call-us 					{ position: relative; padding: 5px 10px 5px 35px; margin: 0 0 10px 0; font-weight: bold; line-height: 1.2em; color: #fff; background: #a63 url(../images/global/icon-arrow.gif) 10px 5px no-repeat; border: 2px solid #742;	}

.vcard						{ font-size: .9em; line-height: 1.2em; padding: 10px; }
	
a.link-cpi	 				{ float: left; display: block; width: 85px; height: 40px; margin: 20px 0; padding-bottom: 10px; text-indent: -9999px; text-decoration: none; background: url(../images/global/logo-cpi-footer.gif) left top no-repeat; }



/* =Homepage Specific Styles
-------------------------------------------------------------- */

body#home #wrapper			{ background: #fff url(../images/homepage-side-images/rotate.php) top center repeat-x; padding-bottom: 3em; z-index: 800;}

body#home #content-intro 	{ width: 100%; float: none; background: transparent url(../images/homepage-side-images/rotate.php) bottom center no-repeat;}

body#home #content-main		{ float: left; display: inline; margin-left: 0px; width: 500px; }

body#home #content-sub 		{ width: 260px; float: right; display: inline; background: #transparent; }
				 

body#home #content-sub h3	{ line-height: 2.25em; margin-top: .30em; margin-bottom: .5em; }

body#home #content-sub ul	{ font-size: .92em; line-height: 1.2em; list-style-image: url(../images/global/bullet-arrow.gif);  border: 0; background: transparent; margin: 0 0 10px 0; padding: 0 10px 5px 30px;}


body#home p.morenews		{ margin-left: 20px; }

.orderonline a				{ background-image: url(../images/button-order-online.gif); display: block; width: 120px; height: 25px; text-indent: -9999px; background-position: 0 -50px; position:absolute; top: 0; left: 400px;}
.orderonline a:hover		{ background-position: 0 -25px; }
.orderonline a:active		{ background-position: 0 0px; }

/* =Links Page Specific Styles
-------------------------------------------------------------- */

body#links h3 				{ clear:both; }

ul.logo-list				{ text-align: center; }

ul.logo-list li				{ float: left; display: inline; width: 150px; min-height: 180px; margin: 0 20px 0 0; line-height: 1.25em; }

ul.logo-list a 				{ display: block; }

ul.logo-list a:hover		{ text-decoration: none;}

ul.logo-list a img			{ display: block; margin: 0 auto; border:1px solid #fff; }

ul.logo-list a:hover img	{ display: block; margin: 0 auto; border:1px solid #a63; }


/* =News and Events Section Specific Styles
-------------------------------------------------------------- */

body#trade-shows #content-main li,
body#press-releases #content-main li { margin-bottom: .5em; }

/* make events section 2-columns */
body#trade-shows .segment 		{ float: left; display: inline; width: 285px; margin-right: 10px; }
body#trade-shows #content-main 	{ background: url(../images/global/bk-vert-rule.gif) top 48.5% repeat-y; }

/* keep toplink below both columns */
body#trade-shows p.toplink {clear: both; }


/* =Search Page Specific Styles
-------------------------------------------------------------- */


body#search-results dt 		{ margin-top: 1.5em; padding-top: .5em; border-top: 1px solid #e5e1c9; } 

p.paginate					{ padding-top: .5em; border-top: 1px solid #e5e1c9; } 

p.paginate a 				{ font-weight: bold; margin-right: .5em; }



.search-advanced fieldset		{ background: #eed; border: 1px solid #e5e1c9; }
.search-advanced .button-search { position: relative; left: 5px; top: 6px;  }
.search-advanced .search-text	{ width: 300px;}



a.visit-button 			{ display: block; text-indent: -9999px; height: 25px; margin: 0 auto;}
a.visit-button:hover	{ background-position: 0 -25px; }
a.visit-button:active	{ background-position: 0 -50px; }

#button-gtc				{ width: 185px; background-image: url(../images/button-visit-gtc.gif); }


/* =Specialty Ingredients Section
-------------------------------------------------------------- */

body.cpsi h3					{ font-size: 1em; }
body.cpsi #content-intro,
body.cpsi #content-main			{ width: 400px; margin-left: 10px; float: left; display: inline; }
body.cpsi #content-sidebar		{ width: 185px; float: right; display: inline;}

body.dbv #content-intro	{width: 590px; }
body.market #content-main 	{ margin-left: 195px; }
#content-sidebar img			{ float: none; margin: 0 0 10px; }

.cpsi-categories dt				{ padding-left: 1.5em; background: url(../images/global/bullet-arrow.gif) left center no-repeat; font-weight: normal; }
.cpsi-categories dd				{ margin-left: 1.5em; }
.cpsi-categories h4				{ font-size: 1.125em; }


/* =Formulation Challenge Page
-------------------------------------------------------------- */
.challenge-girl						{ float: left; display: inline; margin: 0 10px 0 0; }
body#challenge #content-intro h2	{ margin-top: 70px; }
body#challenge #content-intro 		{padding-bottom: 0; margin-bottom: 0;}
body#challenge #content-intro p 	{ margin:0; }
.img_border  {border: 1px solid #000000; }