/* reset.css 
------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;vertical-align:baseline;}
img, a img, :link img, :visited img {border: 0;}

body { margin: 0; padding: 0; background-color:#fff; color:#222; font-size: 12px; 
       font-family: "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }	
	   
	   /* Text elements
-------------------------------------------------------------- */
p{ margin: 0.5em 0; }

a{color: #2e7064;text-decoration: none;}
p a {color: #2e7064; text-decoration: none; background-color:#ddd; padding: 0 5px;}

a:focus, p a:hover, #globalnav a:hover, .breadCrumb ul li a:hover, #footer a:hover, .left_nav a:hover, .arrow_link a:hover, .indent li a:hover, h4 a:hover{ 
	color: #ffdc42; 
	background-color:#aaa; /* Hover */
}
.arrow_link{
	background-image: url(/Style%20Library/en-us/WECO%20Ag%20Images/arrow_lg.gif);
	background-position:left;
	background-repeat:no-repeat;
	line-height:28px;
	padding:14px 0 14px 34px;
	margin:0 0 0 25px;
}
.arrow_link a, .indent li a, h4 a{background-color: #ddd;text-decoration: none;padding:3px 5px;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


h1, h2, h3, h4, ul, ol, li { padding: 0; margin: 0; }
h3, h4 { color: #474747; font-size: 1.7em; line-height: 1em; margin: 0; }
a { text-decoration: none; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #222;line-height: 1.5em; }

h1 { color: #2e7064; font-size: 2em; border-bottom:1px dashed #222;}
h2 { color: #444; font-size: 1.6em; font-weight: bold; margin: 10px 25px; }
h3 { color: #333; font-size: 1.7em; line-height: 1em; margin:0 }
h4 { color: #222; font-size: 1.7em; font-weight: normal; margin: 5px 0 0 25px; }
h5 { color: #2e7064; font-size:1.1em; border-bottom:3px double #f4dc2b; padding: 10px 0 10px 15px; text-transform:uppercase; }
h6 {border-bottom:1px dashed #222;height:1px;line-height:6px;}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


div.header { width: 940px; margin: 26px auto 0; }
div.header .logo { float: left; border: 0px none; margin-top: -5px; margin-left: 0px;}
div.header div.nav 
{ 
	float: right; 
	padding: 0 0 0 75px; 
	width: 680px; 
	background-color: #ffffff; 
	background-image: url(/Style%20Library/en-us/WECO%20Ag%20Images/bg-top-nav.gif);
	background-repeat: no-repeat; 
	background-position: top left;
}
div.header div.nav a, div.header div.nav span { display: block; float: left; padding: 9px 9px 0px 9px; color: #ffffff; } 
div.header div.nav a:hover { background-color: #ffdc42; color:#474747 }
           input.st, input.sb { margin-top: 6px; font-size: 10px; background-color: #ffffff; border: 1px solid #868686; }
           input.st { padding: 4px 4px 4px 8px; width: 180px; margin: 6px; }
           input.sb { padding: 3px 0 3px; width: 24px; }
div.header div.tabs { margin-left:-1px;clear: both; width: 960px; margin-top: 3px;}
           div.tabs a { display: block; float: left; width: 156px; border-left: 1px solid #ffffff; padding: 8px 0; text-align: center; color: #474747;
                        background-image: url(/Style%20Library/en-us/WECO%20Ag%20Images/bg-tab-d1d.gif); background-repeat:repeat-x; background-position:top; margin: 0; }	
           div.tabs a.selected, div.tabs a:hover { background-image: url(/Style%20Library/en-us/WECO%20Ag%20Images/bg-tab-selected.gif);background-repeat:repeat-x; background-position: top left; }
           div.tabs span a { border: none; width: 155px; }

span.clear, .clear { display: block; clear: both; line-height: 1px }
span.dash { border-bottom: 1px dashed #222222; height: 1px; line-height: 6px; display: block }
div.divider1, div.divider2 { clear: both; width: 940px; margin: 0 auto; height: 5px; line-height: 0; font-size: 3px;
                             border-top: 1px solid #00867d; border-bottom: 1px solid #000000; background-color:#2e7064; } div.divider2 { height: 8px; width: 100%;  }
                             
div.container { width: 940px; margin: 0 auto; background-image: url(/Style%20Library/en-us/WECO%20Ag%20Images/bg-fade-d1d.gif); background-repeat:no-repeat; background-position:top right; min-height: 310px; }
div.container span.bdr { display:block; position: absolute; width: 1px; height: 306px; background-image: url(/Style%20Library/en-us/WECO%20Ag%20Images/bg-fade-d1d.gif); background-repeat:no-repeat; float: left;}
div.container div.content { padding: 20px 16px; }

div.wecofooter { width: 100%; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; padding: 1px 0; margin-top: 20px; clear: both; }
div.wecofooter div.frame { padding: 15px 0; background-color: #d0d0d0; }
div.wecofooter div.frame div.content { width: 875px; margin: 0 auto; line-height: 25px; }

div.wecofooter div.right  { width: 300px; float: right; text-align:left;}
           div.right div.ais { margin-top: 10px; }
           div.right div.ais h3 { float: left; margin: 3px 20px 0 0;  }
div.wecofooter div.left { width: 500px; float: left; line-height: 20px; text-align:left;}
           div.left ul { width: 450px; list-style-type: none; }
           div.left ul li { width: 150px; float: left;}
div.wecofooter a { color:#474747; padding: 2px 5px; } 
div.wecofooter a:hover, .prod_content .prod_list span a:hover{ background-color: #aaaaaa; color: #ffdc42; }
span.copyright { display: block; width: 900px; margin: 5px auto; font-size: 0.85em; text-align: right; }

/*Homepage styles*/
.homesplash{pading:0;}
.left_nav_markets{
float:left;
	padding: 10px;
	width:190px;
	margin: 0 20px 0 0;
	text-align:left;
}
.left_nav{
float:left;
	padding: 10px;
	width:170px;
	margin: 0 20px 0 0;
	text-align:left;
}
.productsland{text-align: center;}
.marketsland{float:right;margin:0 20px 0 0;}
.marketsland span{
	float:left;
	margin: 3px 1px;
	font-size:.9em;
}
.marketsland span a{color:#666;display:block;}
.marketsland span a:hover{color: #2e7064;background-color:#dedede;}

/* Table Styles
 ---------------------------------------------------------------------*/
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
td{padding: 5px 10px;vertical-align:top;}
.desc{text-align:right;font-weight:bold;font-size:1.1em;}

/* Breadcrumb Styles
 ---------------------------------------------------------------------*/
.breadCrumb {
display:block;
float:left;
height:21px;
margin:0 0 20px 20px;
overflow:hidden;
padding:5px;
z-index:0;
}
.breadCrumb ul {
display:block;
height:21px;
margin:0;
padding:0;
}
.breadCrumb ul li {
background:transparent url(/Style%20Library/en-us/WECO%20Ag%20Images/Chevron.gif) no-repeat scroll 100% 0;
display:block;
float:left;
font-size:0.9167em;
height:21px;
line-height:21px;
margin:0 6px 0 0;
overflow:hidden;
padding:0 10px 0 0;
position:relative;
}
.breadCrumb ul li div.chevronOverlay {
position:absolute;
right:0;
top:0;
z-index:2;
}
.breadCrumb ul li span {
display:block;
overflow:hidden;
}
.breadCrumb ul li a {
background:#DDDDDD none repeat scroll 0 0;
display:block;
float:left;
height:21px;
line-height:21px;
overflow:hidden;
padding:0 6px;
position:relative;
}
.breadCrumb ul li.first a {
}
.breadCrumb ul li.first a:hover {
background-position:0 -16px;
}
.breadCrumb ul li.last {
background:transparent none repeat scroll 0 0;
font-weight:bold;
margin-right:0;
padding-right:0;
}
.chevronOverlay
{
	display: none;
	background: url(/Style%20Library/en-us/WECO%20Ag%20Images/ChevronOverlay.png) no-repeat 100% 0;
	width: 13px;
	height: 20px;
}

.boxgrid{ 
				width: 210px; 
				height: 340px; 
				margin: 0 1px 0 0; 
				float:left; 
				background:#ddd;
				border-top: 10px solid #2e7064;  
				overflow: hidden; 
				position: relative; 
			}
			
				.boxgrid ul{ 
					padding: 10px; 
					text-align:left;
					margin-left:15px;
					color:#222; 
					font-weight:normal;
					height:275px
				}
				
			.boxcaption{ 
				float: left;
				position: absolute; 
				background: #fff; 
				height: 340px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.caption .boxcaption {
 					top: -285px;
 					left: 0;
 				}
				.boxgrid h3{padding: 10px 20px;color:#222;}
				.boxcaption a{font-weight:normal;}.boxcaption a:hover{font-weight:bold;}
				
/* Menu styles for the bullet graphics */
.boxcaption ul{
	list-style-type:none;
}
.boxcaption li{padding: 3px}
.boxcaption li a, .accordionContent li a,  .accordionContent2 li a, .prod_content .callout li a{
	background:	url('/Style%20Library/en-us/WECO%20Ag%20Images/grn_bullet.png') no-repeat left;
	color: #111;
	padding-left: 1.8em;}

.boxcaption li a:hover, 
.accordionContent li a:hover, 
.accordionContent2 li a:hover,
.prod_content .callout li a:hover, 
.accordionContent .selected, 
.accordionContent2 .selected{
	background:	url('/Style%20Library/en-us/WECO%20Ag%20Images/arrow_bullet.png') no-repeat left;
	font-weight: bold;
}
/* Menu styles for the accordion */
.menusys{background:#d0d0d0;width:200px;float:left;}
#accordionMenu {margin:15px 0 15px 30px;}
.accordionButton {	
	height:2em;
	line-height: 2em;
	font-weight:bold;
	display:block;
	cursor: pointer;
	}
 
.accordionContent, .accordionContent2 {display: block;}
.accordionContent ul, .accordionContent2 ul{list-style-type:none;margin-left:15px;}
.accordionContent li, .accordionContent2 li{line-height:1.5em;}
.prod_content{float:left;padding-right:10px;}
.prod_content ul{margin-left:20px;}
.prod_content .callout{float:right;width:175px;background-color:#fbf2af;border-top:1px solid #f4dc2b;}
.prod_content .callout ul{list-style-type:none;margin:5px 0 10px 20px;}
.prod_content .callout li{line-height:1.5em;}
.prod_content .callout img{padding:0;margin:0;border-top:10px solid #2e7064;}
.prod_content .prod_list {float:left;width:475px;padding: 0 2px;}
.prod_content .prod_list span
{
	padding:10px 40px;
	display:block;
	background-image: url('/Style%20Library/en-us/WECO%20Ag%20Images/grey_arrow.jpg'); background-repeat: no-repeat; background-position: left;
}
.prod_content .prod_list span a{padding: 4px 12px;background:#ddd;margin:0 4px;}
.prod_content .prod_image{float:right;width:175px;margin-top:50px;}
.services{text-align:left; background: url('/_layouts/images/WECO.Ag/serviceslandBG.jpg') no-repeat;min-height:350px;width:640px;padding-left:20px;padding-top:20px;padding-bottom:20px;margin: 0 0 0 15px;}
.about{text-align:left; border-top:10px solid #2e7064;padding: 0 20px;background: url('/_layouts/images/WECO.Ag/AboutBG.jpg') no-repeat;min-height:400px;margin-left:25px;width:600px;padding:25px 200px 0 60px;}
.contact_info{float:left;width:310px;}
.contact_form{float:left;width:590px;padding-top:10px;}
.rightphoto{float:right; width: 200px;}
.rightphoto img{border-top:10px solid #2e7064;}