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

/* CSS Reset - Based on Yahoo Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } 
table { border-collapse:collapse; border-spacing:0; } 
img { border:0; } 
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; }
strong { font-weight: bold; }
em { font-style: italic; }

/*Defaults*/
html, body { height: 100%; width: 100%; position: relative; }
body { background: url(../images/background.jpg) top center no-repeat #000; font-size: 12px; color: #999; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; }

ul, ol, dl, p, table, pre { margin-bottom: 0.6em; }
	
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #999; }
	h1 { font-size: 18px; line-height: 1.2; margin-bottom: 0.6em; text-transform: uppercase; font-weight: bold; }
	h2 { font-size: 14px; line-height: 1.2; margin-bottom: 0.6em; text-transform: uppercase; font-weight: bold; }
	h3 { font-size: 12px; line-height: 1; margin-bottom: 1em; font-weight: bold; }
	h4 { font-size: 12px; line-height: 1.25; }
	h5 { font-size: 1em; line-height: 1.5; font-weight: bold; }
	h6 { font-size: 1em; line-height: 1.5; }

a { text-decoration: none; color: #d96f08; }
a:hover, a:focus, a:active { text-decoration: underline; color: #f49c1b; }

td, th { padding: 4px; }

ul, ol, dd, blockquote { padding-left: 20px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

.layClear { clear: both;  font-size: 0px; height: 1px; line-height: 0px; margin-top: -1px; }

/* Elements */
body { text-align: center; }
#container {  }

#layHeader { position: relative; width: 980px; height: 109px; text-align: left; z-index: 5; margin: 0 auto; overflow: hidden; }
	#logo { background: url(../images/Dutch-Industries.png) no-repeat scroll top left; width: 140px; height: 108px; }
   	#logo a { display: block; width: 140px; height: 108px; text-indent: -999em; overflow: hidden; }
	
	#layHeaderAgri { position: absolute; top: 0; right: 418px; width: 180px; height: 108px; overflow: hidden; }
	#layHeaderPhone { position: absolute; top: 0; right: 248px; width: 170px; height: 108px; overflow: hidden; }
	#layHeaderSearch { background: url(/assets/images/header-background-search.jpg); position: absolute; top: 0; right: 0; width: 248px; height: 108px; overflow: hidden; }
		#layHeaderSearch p { font-size: 8px; font-weight: bold; color: #000; text-align: center; padding: 0; margin-top: 78px; text-transform: uppercase; }
			#layHeaderSearch a { color: #482b03; }
			#layHeaderSearch a:hover { color: #333; }
		
#layTopMenuWrapper { position: relative; width: 100%; height: 38px; background: url(../images/background-topMenu.png) repeat-x; z-index: 1000; }
	#layTopMenu { width: 980px; height: 38px; margin: 0 auto; }
		#layTopMenu ul { position: relative; list-style: none; margin: 0; padding: 0; }
		#layTopMenu ul li { position: relative; float: left; margin: 0; padding: 0; }
		#layTopMenu ul li a { line-height: 38px; height: 38px; font-size: 15px; color: #fff; position: relative; display: inline-block; text-decoration: none; text-transform: uppercase; font-weight: bold; margin: 0; padding: 0 28px; /*border-right: 1px solid #454545; border-left: 1px solid #858584;*/ }
		#layTopMenu ul li a:hover { color: #fff; text-decoration: none; background: url(../images/background-topMenu-over.png) repeat-x; }
			#layTopMenu li ul { display: none; position: absolute; top: 38px; left: 0; width: 200px; background-color: #000; filter: alpha(opacity=90); -moz-opacity: 0.90;	opacity: 0.90; }
			#layTopMenu li:hover ul, #layTopMenu li.over ul { display: block; background-color: #4c4c4c; border-bottom: 1px solid #222; }
				#layTopMenu li ul li { background-color: #4c4c4c; display: block; width: 200px; float: none; text-align: left; border-bottom: 1px solid #cc; border-top: 1px solid #222; }		
				#layTopMenu li ul li a { color: #fff; float: none; display: block; padding: 0 10px 0 28px; margin: 0; width: 162px; text-align: left; text-transform: none; line-height: 27px; height: 27px; font-size: 14px; text-transform: none; border-top: 0; border-left: 0; font-weight: normal; }
				#layTopMenu li ul li a:hover { background-color: #222; color: #fff; background-image: none;}
				
				.v65-selected { color: #fff; text-decoration: none; background: url(../images/background-topMenu-over.png) repeat-x; }
	
#layContentWrapper { width: 980px; overflow: hidden; background: url(../images/background-content.gif) repeat-y; margin: 0 auto; padding: 0; text-align: left; }
#layContentWrapperPage { width: 980px; overflow: hidden; background: url(../images/background-content-page.gif) repeat-y; margin: 0 auto; padding: 10px 0 0 0; text-align: left; }
#layContentWrapperPageWide { width: 980px; overflow: hidden; background: url(../images/background-content-page-wide.gif) repeat-y; margin: 0 auto; padding: 10px 0 0 0; text-align: left; }
	
	/* Homepage */
	#homepageContent { float: left; width: 686px; padding: 10px 9px 0px 6px; }
		#feature { width:686px; height: 291px; overflow: hidden; }
		#homepageContentText { padding: 18px 10px 40px 90px; }
		
	/* Pages */		
	#pageContent { float: left; width: 466px; padding: 20px 30px 30px 30px; }
	
	#contentRight { float: left; width: 258px; padding: 0 10px 20px 10px; overflow: hidden; }
		#contentRight p { margin: 0 0 3px 0; padding: 0; line-height: normal; }
		#contentRight p.indent { margin: 8px 0 3px 0; padding: 0 13px; line-height: normal; }
	
	#pageContentWide { float: left; width: 699px; overflow: hidden; }
	
		#pageContentWideText { float: left; width: 639px; padding: 30px; }
		
	/* Left */
	#pageLeftMenu { z-index: 1000; position: relative; float: left; width: 173px; padding: 20px 0 0 0; margin: 0 1px; }
		#pageLeftMenu h3 { color: #fff; text-transform: uppercase; padding: 0 0 0 10px; font-weight: bold; font-size: 14px; }
		#pageLeftMenu ul { position: relative; width: 173px; list-style-type: none; margin: 8px 0; padding: 0; }
			#pageLeftMenu ul li { position: relative; width: 163px; list-style-type: none; line-height: 24px; color: #777; font-size: 11px; border-bottom: 1px solid #363636; padding: 0 0 0 10px; margin: 0 0 3px; }
			#pageLeftMenu ul li a { display: block; position: relative; width: 144px; height: 24px; line-height: 24px; color: #ccc; font-size: 11px; font-weight: bold; background: url(../images/background-leftnav.jpg); padding: 0 0 0 10px; font-variant: small-caps; }
			#pageLeftMenu ul li a:hover { color: #fff; text-decoration: none; }
				#pageLeftMenu li ul {  width: 150px; }
					#pageLeftMenu li ul li { display: block; width: 150px; float: none; text-align: left; border-bottom: 0px; }		
					#pageLeftMenu li ul li a { background-image: none; color: #ccc; float: none; display: block; padding: 0; margin: 0; width: 150px; text-align: left; text-transform: none; line-height: 18px; height: 18px; font-size: 11px; font-weight: normal; font-variant: normal; }
					#pageLeftMenu li ul li a:hover { color: #fff; background-image: none;}
		

#layFooterWrapper { width: 100%; height: 180px; overflow: hidden; background: url(../images/background-footer.png) repeat-x; }
#layFooter { position: relative; width: 980px; height: 180px; margin: 0 auto; overflow: hidden; }
	#layFooterMenu {  }
		#layFooterMenu ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }
			#layFooterMenu ul li { float: left; margin: 0; padding: 0; line-height: 50px; }
				#layFooterMenu ul li a { font-size: 8px; color: #666; position: relative; display: inline-block; text-decoration: none; padding-right: 15px; text-transform: uppercase; }
				#layFooterMenu ul li a:hover { color: #999; }
	#layFooterLegal { position: absolute; right: 0; top: 0; line-height: 50px; font-size: 10px; font-weight: bold; color: #666; }
	#layFooterAuthor { position: absolute; top: 42px; right: 0; width: 81px; height: 25px; }
	
#printBody { background-image: none; background-color: #FFF; margin: 0; padding: 0; }
#printWrapper { width: 700px; margin: 0 auto; }
	#printHeader { width: 700px; height: 150px; }
	#printContent { width: 700px; }	
	
/* -------------------------------------------------------------- 
   V65 Overrides
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
   Buttons
-------------------------------------------------------------- */
	
	/* OPTIONAL BUTTON STYLES regular button: */		
	button.defaultBtn { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat right -100px; padding-right: 15px; }
	button.defaultBtn span { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat left top; padding-left: 15px; }
		
	/* OPTIONAL BUTTON STYLES alt button: */		
	button.altBtn { background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat right -100px; }
	button.altBtn span { background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat left top; }
		
	/* OPTIONAL BUTTON STYLES modal button: */		
	button.modalBtn { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat right -50px; }
	button.modalBtn span { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat left top; }
		
	/* OPTIONAL BUTTON STYLES modal alt button: */		
	button.altModalBtn { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat right -50px; }
	button.altModalBtn span { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat left top; }
		
	/* OPTIONAL BUTTON STYLES large button: */		
	button.largeBtn { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat right -100px; }
	button.largeBtn span { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat left top; }
	
	/* REQUIRED LINK BUTTON STYLES: */
	
	/* Link Button Normal */
	a.linkBtn { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat right -100px; }
	a.linkBtn span { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat left top; }
	
	/* Link ALT Button Normal */
	a.linkAltBtn {  background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat right -100px; }
	a.linkAltBtn span { background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat left top;  }
		
	/* Modal Link Button Normal */
	a.modalLinkBtn { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat right -50px; }
	a.modalLinkBtn span { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat left top; }
		
	/* Modal Link ALT Button Normal */
	a.modalLinkAltBtn { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat right -50px; }
	a.modalLinkAltBtn span { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat left top; }
		
	/* Link Button Large */
	a.largeLinkBtn { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat right -100px; }
	a.largeLinkBtn span { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat left top; }