@import url("reset.css");

body {
	background: url(images/sample_bg.png) repeat-x;
}

#container {
	width: 960px;
	margin: 0 auto;
	background: #fff url(images/body.png) no-repeat;
}
#home #container {
	background: #fff url(images/home-bg.gif) no-repeat;
}
#header {
	height: 56px;
	position: relative;

}
#header h1, #header h2 {
	width: 190px;
	height: 58px;
	position: absolute;
	z-index: 9999;
	float: left;
	background: url(/images/agraquest-logo.gif) 18px 10px no-repeat;
}
#header h1 a, #header h2 a { display: block; width: 100%; height: 100%; }
#header h1 span, #header h2 span { display: none; }

/* @group Navigation Rules */

#navigation {
	width: 498px;
	height: 31px;
	top: 18px;
	right: 1px;
	position: absolute;
	background: url(images/menu.gif);
}
#navigation li {
	display: inline;
}
#navigation li a:link, #navigation li a:visited {
	position: absolute;
	top: 0;
	height: 31px;
	text-indent: -3000em;
	overflow: hidden;
	z-index: 10;
}

    #navigation .corp a:link, #navigation .corp a:visited {
    	left: 0;
    	width: 75px;
    }
    #navigation .corp a:hover, #navigation .corp a:focus {
    	background: url(images/menu.gif) no-repeat 0 -31px;
    }
    #navigation .corp a:active {
    	background: url(images/menu.gif) no-repeat 0 1px;
    }
    .current-corp .corp a:link, .current-corp .corp a:visited {
    	background: url(images/menu.gif) no-repeat 0 -31px;
    	cursor: default;
    }
    
    #navigation .agro a:link, #navigation .agro a:visited {
    	left: 82px;
    	width: 100px;
    }
    #navigation .agro a:hover, #navigation .agro a:focus {
    	background: url(images/menu.gif) no-repeat -82px -31px;
    }
    #navigation .agro a:active {
    	background: url(images/menu.gif) no-repeat -82px 1px;
    }
    .current-agro .agro a:link, .current-agro .agro a:visited {
    	background: url(images/menu.gif) no-repeat -82px -31px;
    	cursor: default;
    }
    

    #navigation .bio a:link, #navigation .bio a:visited {
    	left: 192px;
    	width: 106px;
    }
    #navigation .bio a:hover, #navigation .bio a:focus {
    	background: url(images/menu.gif) no-repeat -192px -31px;
    }
    #navigation .bio a:active {
    	background: url(images/menu.gif) no-repeat -192px 1px ;
    }
    .current-bio .bio a:link, .current-bio .bio a:visited {
    	background: url(images/menu.gif) no-repeat -192px -31px;
    	cursor: default;
    }


    #navigation .news a:link, #navigation .news a:visited {
    	left: 306px;
    	width: 48px;
    }
    #navigation .news a:hover, #navigation .news a:focus {
    	background: url(images/menu.gif) no-repeat -306px -31px;
    }
    #navigation .news a:active {
    	background: url(images/menu.gif) no-repeat -306px 1px;
    }
    .current-news .news a:link, .current-news .news a:visited {
    	background: url(images/menu.gif) no-repeat -306px -31px;
    	cursor: default;
    }
    
    #navigation .careers a:link, #navigation .careers a:visited {
    	left: 362px;
    	width: 58px;
    }
    #navigation .careers a:hover, #navigation .careers a:focus {
    	background: url(images/menu.gif) no-repeat -362px -31px;
    }
    #navigation .careers a:active {
    	background: url(images/menu.gif) no-repeat -362px 1px;
    }
    .current-careers .careers a:link, .current-careers .careers a:visited {
    	background: url(images/menu.gif) no-repeat -362px -31px;
    	cursor: default;
    }

    #navigation .contact a:link, #navigation .contact a:visited {
    	left: 430px;
    	width: 62px;
    }
    #navigation .contact a:hover, #navigation .contact a:focus {
    	background: url(images/menu.gif) no-repeat -430px -31px;
    }
    #navigation .contact a:active {
    	background: url(images/menu.gif) no-repeat -430px 1px;
    }
    .current-contact .contact a:link, .current-contact .contact a:visited {
    	background: url(images/menu.gif) no-repeat -430px -31px;
    	cursor: default;
    }

/* @end */

/* @group Home Page */
#flash {
	height: 312px;
}

#home-news a.button, #home-about a.button {
	display: block;
	background: url(images/tab-right.png) no-repeat right;
	text-decoration: none;
	font-size: 12px;
	color: #fff;
}

#home-news a.button span, #home-about a.button span {
	display: block;
	padding: 3px 9px 0;
	background: url(images/tab-left.png) no-repeat left;
}
#home-news a.button {
	height: 18px;
}
#home-about {
	width: 440px;
	height: 330px;
	position: relative;
	margin-left: 30px;
	float: left;
	margin-bottom: 20px;
}
#home-news {
	width: 400px;
	height: 330px;
	position: relative;
	margin-right: 10px;
	margin-bottom: 20px;
	float: right;
}
#home-news .button, #home-about .button {
	right: 0;
	bottom: 0;
	position: absolute;
	
}
#home-news dl {
	margin-bottom: 18px;
	padding-top: 12px;
	border-top: 1px solid #e2e2e2;
}
#home-news dt {
	width: 100px;
	height: 50px;
	float: left;
	margin-right: 20px;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;

}
#home-news dd, #home-about {
	font-size: 14px;
	line-height: 20px;
}
#home-news h2, #home-about h2 {
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 20px;
}
/* @end */
/* @group Search Form */

#home form {
	text-align: right;
}
#home-search {
	height: 66px;
	background: url(images/home-search.png) top right no-repeat;
}
#sub-search {
	height: 38px;
	background: url(images/sub-search-area.png) no-repeat;
}
#home-search label, #sub-search label {
	display: none;
}
#home-search input, #sub-search input {
	width: 193px;
	height: 24px;
	margin: 7px 5px 0;
	background: url(images/search-input.gif) no-repeat;
	border: none;
}
#sub-search input {
	width: 239px;
	margin-left: 8px;
	background: url(images/sub-input.gif) no-repeat;
}
#home-search button, #sub-search button {
	width: 22px;
	height: 24px;
	margin-right: 10px;
	border: none;
	background: url(images/search-button.gif) no-repeat;
	cursor: pointer;
	
}
#sub-search button {
}
#home-search button span, #sub-search button span {
	display: none;
}

/* @end */

/* @group Subnavigation Panel */

#sub {
	width: 290px;
	margin-top: 60px;
	padding-bottom: 46px;
	float: left;
	background: url(images/sub-nav-footer.png) no-repeat 0 bottom;
}


/* @group accordion */

#accordion h5 a{
	padding: 10px 10px 10px 28px;
	margin: 0;
	font-weight: 700;
	font-size: 14px;
	display: block;
	text-decoration: none;
	color: #337053;
	background: url(images/unselected-side.gif) no-repeat 13px center;
	border-top: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-left: 1px solid #515151;

}
#accordion h5 a:active {
	background: #def3d2;
}
#accordion div li a:active {
	color: #337053;
}
.ui-accordion .ui-state-active {
	background: #efefef;
}
#accordion h5.ui-state-active a {
	color: #454545;
	background: url(images/select-down.gif) no-repeat 11px center;
	border-top: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-left: 1px solid #515151;
}
#accordion div {
	padding: 20px 10px;
	font-size: 14px;
	line-height: 1.428;
	color: #d6d6d6;
	border: 1px solid #333;
	text-shadow: #1e1e1e 0 1px 0;
	background: #222 url(images/submenu-bg.png) no-repeat;
}
#accordion div li {
	padding: 3px 0 3px 20px;
	background: url(images/non-select.gif) no-repeat 4px 7px;
}

#accordion div ul li ul {
	padding-top: 3px;
}
#accordion div a {
	text-decoration: none;
	color: #d6d6d6;
	display: block;
}
#accordion div strong a {
	text-decoration: none;
	color: #f5f1b4;
}
#accordion div p {
	font-size: 12px;
	padding: 12px 20px;
}
/* @end */


/* @end */

/* @group Main Tabs */

.ui-tabs-hide {
	display: none;
}

.selector {
	font-size: 12px;
	margin-top: 0;
	height: 28px;
}

.selector li {
	width: 100px;
	height: 22px;
	float: left;
}
.selector li.current,.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	background: url(images/tab-right.png) no-repeat right top;
}
.selector a {
	display: block;
	color: #aeaeae;
	text-align: center;
	padding: 4px 10px 0;
	text-decoration: none;
}

.selector li.current a:hover,.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover {
	color: #000;
}
.selector li.current a,.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	display: block;
	padding: 4px 10px 0;
	color: #fff;
	text-decoration: none;
	background: url(images/tab-left.png) no-repeat left top;
}


/* @end */


/* @group Main */


#main {
	width: 604px;
	margin-top: 50px;
	margin-right: 30px;
	float: right;
}
#main h1 {
	padding-top: 9px;
	font-size: 24px;
	margin-bottom: 12px;
}
.content {
	min-height: 300px;
	padding: 20px;
	clear: left;
	border: 1px solid #fff;
	background: url(images/content-bg.png) no-repeat;
}
.content h2 {
	font-size: 18px;
	margin-top: 1px;
	margin-bottom: 11px;
	line-height: 1.333;
}
.content h3 {
	font-size: 14px;
	line-height: 1.538;
}
.content h4 {
	font-size: 13px;
	line-height: 1.615;
}
.content p {
	font-size: 13px;
	line-height: 1.538;
	margin-bottom: 13px;
}
.content strong {
	font-weight: 700;
}
.content a {
	text-decoration: none;
	border-bottom: 1px dotted;
}
.content em {
	font-style: italic;
}
.content ul li, .content ol li {
	margin-left: 20px;
}
.content li {
	font-size: 12px;
	line-height: 1.667;
}
.content ul li {
	list-style: circle;
	list-style-type: disc;
}
.content ol li {
	list-style-type: decimal;
}
.content ul, .content ol {
	margin-bottom: 21px;
}
.content img { border: 1px solid #f0f0f0;}

th {
	padding: 6px 12px 6px 0;
	font-size: 13px;
	border-bottom: 2px solid #92b9a7;
}
td {
	padding: 6px 12px 6px 0;
	font-size: 12px;
	border-bottom: 1px solid #e8e8e8;
}
.content .left {
	float: left;
	margin-right: 10px;
}
.content .right {
	float: right;
    margin-left: 10px;
}
.content .sidequote {
	padding: 12px 12px 0;
	border: 1px solid #f2f2f2;
	font-variant: italic;
	background-color: #f9f9f9;
}
/* @group Team Accordion */
.team-accordion h3 a {
	display: block;
	border: none;
}
.team-accordion .ui-accordion .ui-state-active {
	background: #444;
}
.team-accordion h3 img {
	clear: left;
	float: left;
	margin-right: 10px;
	border: 1px solid #317053;
}
.team-accordion h3 {
	height: 60px;
	padding: 6px 5px;
	clear: left;
	font-weight: 700;
	border-bottom: 1px solid #e5e5e5;
}
.team-accordion h3 span {
	font-weight: 300;
}

.team-accordion div {
	padding: 10px 30px 10px 74px;
	margin-bottom: 24px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

/* @end */

/* @group Sales */

.sales {
	float: left;
	width: 226px;
	height: 320px;
}
.staticsales {
	float: left;
	width: 185px;
	height: 160px;
	
}
.king {
	width: 100%;
	height: 100px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e6e6e6;
}
.king dt {
	float: left;
	margin-right: 20px;
}
#sales-tabs {
	clear: left;
	height: 380px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 24px;
}
.content ul.sales-selector li {
	width: 230px;
	margin-left: 0;
	padding: 0;
	list-style: none;
}
.content ul.sales-selector {
	width: 230px;
	margin-right: 53px;
	float: right;
	padding: 0;
}

.content ul.sales-selector li a {
	border: none;
	display: block;
	padding-left: 10px;
	font-size: 12px;
}
.content ul.sales-selector li.ui-state-active a {
	padding: 0 0 0 10px;
}
.noimage {
	height: 150px;
}
.sales dt,.staticsales dt {
	font-size: 12px;
	font-weight: 700;
}
.sales img {
}
.sales h4,.staticsales h4 {
	font-size: 14px;
}
.sales h4 span,.staticsales h4 span {
	font-size: 12px;
	display: block;
	margin: 0;
	line-height: 16px;
	margin-bottom: 12px;
}
.sales address,.staticsales address {
	font-size: 12px;
	line-height: 18px;

}
/* @end */

.content ul.labels-msds li {
	list-style-image: url(images/labels-msds-ico.gif);
	padding-top: 2px;
	margin-left: 230px;
}
.content .labels-msds {
	height: 300px;
}
.content ul.labels-msds li a {
	border: none;
}
.content #labels-msds h2 {
	clear: left;
	margin-bottom: 0;
	border-top: 1px solid #e4e4e4;
	padding-top: 12px;
}

/* @group Global Map */
.content ul#global-map li {
	list-style: none;
}
.content ul#global-map {
	display: block;
	width: 554px;
	height: 239px;
	background: url(images/maps/global-bg.jpg) no-repeat;
	position: relative;
}
ul#global-map li a {
	display: block;
	border: none;
	text-indent: -9000em;
	overflow: hidden;
}
ul#global-map li a div {
	display: none;
}

.content a#nafta {
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
	width: 241px;
	height: 120px;
}
.content a#nafta:hover {
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
	width: 241px;
	height: 120px;
	background: url(images/maps/nafta.jpg) no-repeat;
}


.content a#latam {
	position: absolute;
	cursor: pointer;
	top: 104px;
	width: 136px;
	height: 115px;
	left: 96px;
}
.content a#latam:hover {
	position: absolute;
	cursor: pointer;
	top: 104px;
	width: 136px;
	height: 115px;
	left: 96px;
	background: url(images/maps/latam.jpg) no-repeat;
}

.content a#emea {
	position: absolute;
	cursor: pointer;
	top: 30px;
	right: 47px;
	width: 271px;
	height: 159px;
}
.content a#emea:hover {
	position: absolute;
	cursor: pointer;
	top: 30px;
	right: 47px;
	width: 271px;
	height: 159px;
	background: url(images/maps/emea.jpg) no-repeat;
}
.content a#apac {
	position: absolute;
	cursor: pointer;
	bottom: 20px;
	right: 44px;
	width: 169px;
	height: 155px;
}
.content a#apac:hover {
	position: absolute;
	cursor: pointer;
	bottom: 20px;
	right: 44px;
	width: 169px;
	height: 155px;
	background: url(images/maps/apac.jpg) no-repeat;
}

/* @end */


/* @end */

/* @group Colors */



/* Heading Green */
h1,h2,h3,h4,h5,h6, #main h1 a,.content h5 a,th,.team-accordion h3 a,.content label, .content legend, .tech-sheets li a, .chart-data li a  { color: #317053; }

/* Body Text Color */
.content,.team-accordion h3 a span { color: #3e3e3e; }

/* Body Orangish Color */
.selector a:hover, .content a { color: #834e45; }

/* Body Bluish Color */
.content a:hover,
#accordion h5 a:hover { color: #6588c8; }


/* Menu Bright Yellow */
#accordion div a:hover,
#accordion ul li strong,
.ui-accordion-content strong a { color: #f5f1b4; }





/* @end */

/* @group Typography */

h1,h2,h3,h4,h5,h6,dt,th,.content legend,.content label, a.button, .navigation {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif ;
	font-weight: 300;
}
th {
	font-weight: 700;
}

p,li,table,dd,.content fieldset p {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif ;
}

/* @end */

/* @group Contact Form */
.content fieldset {
	margin-bottom: 12px;
}
.content legend {
	padding-left: 140px;
	padding-top: 12px;
	padding-bottom: 10px;
}
.content fieldset div {
	clear: both;
	margin-bottom: 12px;
}
.content label {
	width: 120px;
	font-size: 12px;
	padding-top: 9px;
	text-align: right;
	margin-right: 20px;
	display: block;
	float: left;
}
.navigation {
	font-size: 13px;
	height: 24px;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.content h5 a {
	border: navajowhite;
}
.content input#name, input#email, .content input#city, .content textarea {
	width: 260px;
	border: 1px solid #cbcbcb;
}
.content input#name, input#email, .content input#city {
	font-size: 14px;
	padding: 3px;
}
.content textarea#street {
	height: 60px;
	padding: 6px 3px;

}
.content textarea#comment {
	height: 140px;
	padding: 3px;
}
.content fieldset p {
	width: 260px;
	padding-left: 140px;
	font-size: 10px;
}
.content fieldset {
	padding-bottom: 12px;
	border-bottom: 1px solid #dcdcdc;
}
.content fieldset .submit {
	padding-left: 140px;
}
/* @end */

.content .newsbox li{
	list-style: none;
	margin-left: 0;
	clear: both;
	height: 60px;
	padding: 12px 6px;
	border-bottom: 1px solid #dadada;
}
.content .newsbox li.alt {
	background: #eaf1ee;
}
#main h1 a {
	
}
.newsinfo {
	width: 120px;
	height: 54px;
	padding-top: 4px;
	float: left;
}

.newsbox h5 {
	font-size: 16px;
}

/* @group Crops Section */
.content h2 img {
	background: #fff;
	padding: 30px 20px;
	float: left;
	margin-right: 20px;
}
.content .tech-sheets li, .content .chart-data li {
	margin: 0;
	list-style: none;
}
.content .tech-sheets {
	background: #f7f7f7;
	padding: 12px;
	margin-bottom: 60px;
	border: 1px solid #ddd;
}
.tech-sheets a {
	border: none;
	padding: 10px 0 10px 40px;
	font-weight: 700;
	display: block;
	background: url(images/full_page.gif) no-repeat left center;
}
.chart-data a {
	border: none;
	padding: 6px 0 3px 40px;
	font-weight: 700;

	display: block;
	background: url(images/chart.gif) no-repeat left center;
}

/* @end */



#footer {
	font-size: 10px;
	padding-top: 30px;
	clear: both;
	background: url(/images/footer.gif) no-repeat;
	color: #909c9a;
	padding-bottom: 70px;
}
#footer h4 {
	width: 149px;
	height: 47px;
	float: left;
	padding: 0 20px;
	margin-right: 10px;
	background: url(/images/AQ2010Logo.gif) top center no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
#footer p {
	width: 700px;
}
#footer a {
	color: #5c5c5c;
	text-decoration: none;
}
#footer ul {
	width: 200px;
	float: right;
	margin-right: 10px;
}
#footer ul li {
	display: inline;
}