﻿/*/*=========================================*/
/*         general css for fmc ProSolutions  */
/*===========================================*/
/**/
/*  1. Universal css*/
/**/
html {}
#body {margin:0;background:#fff;}
div{margin:0px; padding:0px;}
table, tr, td, p {color: #444444;font-family: arial, helvetica, sans-serif;font-size: 12px;line-height: 22px;padding:0; margin:0;}
p{margin-bottom:11px;}
#clear{clear:both; margin:0; padding:0;font-size:0px;}
a:link, a:visited, a:active {color: #333333;font-family: arial, helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: underline;}
a:hover {color: #111111;font-family: arial, helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: underline;}
img {border:0;}
/*  2. layout css*/

/*outside of content layout css*/
#wrapper{background: #fff;text-align: center;padding: 0px;border:0; }

#maincontent{width:950px;text-align:center;margin:0px auto;}

/******* Top Row css *********/
#toprow{height: 21px; width: 100%; padding:0; vertical-align:top;font-size:0px; background:#465757;}

/* logo row css */
#header{clear:both;vertical-align:top;height:75px;background:#fff;padding-top:5px;}
* html #header{padding-bottom:10px;}
#headerleft{width: 100%;height:76px;background: url(images/l.jpg) repeat-y top left;}
#headerright{width: 100%;height:76px;background: url(images/r.jpg) repeat-y top right;}
#logodiv{float:left;width:300px;padding:12px 0 0 25px;text-align:left;}

/* fmc top row css */
#fmctoprowright {float:right; width: 600px; margin: 0 22px 0 0; padding:0px;background: #fff; vertical-align:top;text-align:right;}
* html #fmctoprowright{margin: 0 12px 0 0; }
span.fmctoprowright{text-align:right;vertical-align:top;}
.fmctoprowright{font-family: arial, helvetica, sans-serif;font-size: 10px;color: #666666;}

/* fmc logo css */
span.fmclogo{border:0px; padding-bottom: 0px; border-color:#fff;vertical-align:middle;}

/* corporate links css */
.fmctoprowright a:link, .fmctoprowright a:visited, .fmctoprowright a:active{font-family: arial, helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #666666;text-decoration:none;text-transform:uppercase;line-height: 13px;vertical-align:top;}
.fmctoprowright a:hover{font-family: arial, helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #111;text-decoration:none;text-transform:uppercase;line-height: 13px;vertical-align:top;}
#fmclinks{text-align:right;padding-bottom: 10px; vertical-align:top;}

/* search css */
#search{text-align:right;padding:0px 10px 0 0;}
* html #search{padding-top:6px;}

/******* Menu Row css *********/
#menurow{float:left;height: 52px; text-align:left;padding: 0; margin:0; vertical-align:top; white-space:nowrap;}
#menu{margin:0;height:52px;display:inline-block;text-align:left;}

/******* Inner Page css *********/
/* quick links css */
#QuickLinksHeader{height:50px; width:178px; margin-bottom:7px;}
* html #QuickLinksHeader{margin-bottom:2px;}
#qldiv{clear:both;float:left;width:178px;}
.qlcontent{padding:5px 10px;background:url(images/leftnav.jpg) repeat-x top left;height:400px;}

/* content to the right of quick links */
#contentright{float:left; width:745px;text-align:left;overflow:visible;}

/* innerpage css */
#menurow2{clear:both;padding: 0px 0 0 7px;margin:0;}
* html #menurow{padding:0; text-align:left;}
#menu2{height:29px;width:735px;}
* html #menu2{text-align:left;width:727px; }

/* pest innerpage css */
#pestmenurow2{clear:both;padding: 7px 0 0 7px;margin:0;background:url(images/pestmenu_bkg.jpg) repeat-y top left;}
* html #pestmenurow{padding:0; text-align:left;}
#menupestbkg{margin:0;height:50px;}
.pestmenu{background: #43A5C8;}

/* lawn innerpage css */
#lawnmenurow2{clear:both;padding: 7px 0 0 7px;margin:0;background:url(images/lawnmenu_bkg.jpg) repeat-y top left;}
* html #lawnmenurow{padding:0; text-align:left;}
#menulawnbkg{margin:0;height:50px;}
.lawnmenu{background:#EBAD1E;}

/* golf innerpage css */
#golfmenurow2{clear:both;padding: 7px 0 0 7px;margin:0;background:url(images/golfmenu_bkg.jpg) repeat-y top left;}
* html #lawnmenurow{padding:0; text-align:left;}
#menugolfbkg{margin:0;height:40px;}
.golfmenu{background:#728655;}

/* nursery innerpage css */
#nurserymenurow2{clear:both;padding: 7px 0 0 7px;margin:0;background:url(images/nurserymenu_bkg.jpg) repeat-y top left;}
* html #lawnmenurow{padding:0; text-align:left;}
#menunurserybkg{margin:0;height:40px;}
.nurserymenu{background:#E5A452;}

/* ezlearn innerpage css */
#ezlearnmenurow2{clear:both;padding: 7px 0 0 7px;margin:0;background:transparent;}
* html #ezlearnmenurow{padding:0; text-align:left;}
#menuezlearnbkg{margin:0;height:50px;}
.ezlearnmenu{background: #999;}


/* content row css */
#contentarea{clear:both;min-height:300px;width:100%;background: #fff; vertical-align:top;}
* html #contentarea{margin:5px 0 0 5px;}
.contenttable{width:100%;padding: 2px 0 0 7px;overflow:auto;clear:both;vertical-align:top; }
* html .contenttable{width:96%;}
.contenttable tr, .contenttable td{vertical-align:top;padding:0;}
/******* Home Page css *********/
/* homepage top pane css */
.hometop{height:188px; width:918px; text-align:left;background:url(images/home_banner.jpg) no-repeat top left #dfdfdf;vertical-align:middle; }
.hometoppane{padding:30px 20px 0px 350px;}
* html #homecontent{margin-left:15px;}
/* Quick links homepage div css */
#qlhomediv{clear:both;float:left;height:433px;width:177px;padding-right:5px;margin:7px 0;background:url(images/qlhomebkg.jpg) no-repeat top left;}
* html #qlhomediv{width:157px; padding:0;}
/* Quick links homepage css */
.qlhomecontent{padding:0 10px;margin-top:175px;}
* html .qlhomecontent{padding:0 10px;}
/* homepage menu css */
#homemenurow{float:left;width:750px;height: 433px; text-align:left;padding: 0; margin:0;margin-top:7px; vertical-align:top; white-space:nowrap;}
* html #homemenurow{margin-left:4px;}
#homemenurow .item{padding:0 4px;cursor:pointer;}
#homemenurow .item .link{cursor:pointer;}

/* content / panes */
.contenttd{overflow:auto;}
.contentinnertable{width:100%;overflow:auto;clear:both;vertical-align:top;}
.contentinnertable tbody{vertical-align:top;}
.paneheader{width: 100%;padding: 7px 0 0 0;}
.panetop, .panebottom, .panebottom2, .paneadmin{width: 100%;padding: 0;}
.paneleft {width: 25%;padding: 0 7px 0 0;vertical-align:top;}
.paneright {width: 25%;padding: 0 0 0 7px;vertical-align:top;}
.panetopleft{padding:0 7px 0 0;width: 50%; vertical-align:top;}
.panetopright{padding:0;width: 50%; vertical-align:top;}
.panecenter {width:50%;vertical-align:top;}
.panecontent2{width: 55%;}
.paneright2{width: 45%;padding: 0 0 0 7px;}
.panelower{width:33%;vertical-align:top;padding:0;}
.panelowerright {width: 33%;vertical-align:top;padding: 0 0 0 7px;}
.panelowerleft {width: 33%;vertical-align:top;padding: 0 7px 0 0;}
.paneright3 {width: 66%;padding: 0 0 0 7px;}
.panehomecontent{clear:both;padding:0;}
.dnnemptypane{width:0; padding:0;margin:0; line-height:0;}

/******* Footer css *********/

/* footer row css */
#footer{clear:both;height:64px;width:918px;background: url(images/footer.jpg) repeat-x;padding:10px 0;margin-top:10px;border-top:1px solid #666;border-bottom:10px solid #666;}
#footerleft{text-align:left; float:left; padding:0 20px;}
#footerlinks{}
#footerright{text-align:right; vertical-align:top;float:right; width: 332px; padding-right:10px;}

/* footer links css */
span.footerlinks{text-align:right;}
.footerlinks{font-family: arial, helvetica, sans-serif;font-size: 9px;font-weight: bold;color: #666;line-height: 12px;}

/*footer text*/
.footer {color: #fff;font-size: 11px; white-space:nowrap;}
#footerlinks{padding-bottom:5px;}
.footerlinks a:link, .footerlinks a:visited, .footerlinks a:active{font-family: arial, helvetica, sans-serif;font-size: 9px;font-weight: bold;color: #666;text-decoration:none;text-transform:uppercase;line-height: 12px;}
.footerlinks a:hover{font-family: arial, helvetica, sans-serif;font-size: 9px;font-weight: bold;color: #111;text-decoration:none;text-transform:uppercase;line-height: 12px;}
span.copyrighttext{text-align:left;}
.fmcfooter{font-family: tahoma, arial, helvetica, sans-serif;font-size: 11px;color:#ccc;width:600px;}

/* copyright css */
.copyrightdiv{padding-top:10px;}
span.copyrighttext{text-align:left;}
.copyrighttext{color: #777;font-family: arial, helvetica, sans-serif;font-size: 10px;line-height: 12px;}

/******* Text css *********/
/*   links / text */
h1{font-family: arial, helvetica, sans-serif; font-size: 24px; color: #111;line-height:30px;}
h2{font-family: arial, helvetica, sans-serif;font-weight: bold; font-size:18px; color: #111;line-height:25px;}
h3{font-family: arial, helvetica, sans-serif; font-size:16px; color: #111; line-height:24px; margin-bottom:10px;}

h2 p{font-family: arial, helvetica, sans-serif;font-weight: bold; font-size:18px; color: #111;line-height:25px;}

/* hyperlink style for the unselected tabs */
.othertabs {font-size: 12px;color: #333;font-family: tahoma, arial, helvetica, sans-serif;text-decoration: none;}
a.othertabs:link, a.othertabs:visited, a.othertabs:active {text-decoration: none;color: #333;background-color: transparent;border: 0;font-weight: bold;}
a.othertabs:hover {text-decoration: underline;color: #333;background-color: transparent;border: 0;font-weight: bold;}
/*head*/
.head {font-size: 14px;color: #333;font-weight: bold;}
/*subhead text*/
a.subhead:link, a.subhead:visited, a.subhead:active {color: #6E8E05;text-decoration: none;font-family: tahoma, arial, helvetica, sans-serif;font-size: 12px;font-weight: normal;}
a.subhead:hover {color: #2c2c2c;text-decoration: none;font-family: tahoma, arial, helvetica, sans-serif;font-size: 12px;font-weight: normal;}
/*normal text*/
.normal {color: #444;font-family: arial, helvetica, sans-serif;font-size: 12px;line-height: 22px;}
.normal a:link,.normal a:visited, a.normal:link, a.normal:visited {color: #666;font-family: arial, helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: underline;}
a.normal:hover, .normal a:hover {color: #000;font-family: arial, helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: underline;}
.normalred {color: #900;font-family: arial, helvetica, sans-serif;font-weight: bold;font-size: 12px;}
.normalbold {font-family: arial, helvetica, sans-serif;font-size: 12px;font-weight: bold;}
/*links for entire site*/
select, input {font-family: arial, helvetica, sans-serif;font-size: 12px;color: #333;text-align:left;}
/*applied to invisible objects*/
.invisible {visibility: hidden;}
hr{color:#333;}
sup{font-size: 12px; font-weight:bold;}
/*-- bullet css --*/
ul {}
Ul li{ font-family: arial, helvetica, sans-serif; font-size: 12px; color:#000;line-height:16px; }
Ul li li{list-style-image:url('images/bullet2.gif');font-family: arial, helvetica, sans-serif; font-size: 12pt; line-height:16px; color:#666;}
Ul li Ul li{ font-family: arial, helvetica, sans-serif; font-size: 11px; color:#333;line-height:16px;}

/******* Left Navigation FlexPlex css *********/
.leftnav{font-size: 14px; font-family: arial, helvetica, sans-serif;color:#000; }
.leftnav td{border-bottom: 1px dotted #000;}
a.leftnav, a.leftnav:link, a.leftnav:active, a.leftnav:visited{font: bold 13px arial, helvetica, sans-serif; color:#000; line-height: 1.5em; text-decoration:none;}
a.leftnav:hover, .leftnav a:hover{font: bold 13px arial, helvetica, sans-serif; color:#fff; line-height: 1.5em; text-decoration:none;}
a.leftnavsel, a.leftnavsel:visited, .leftnavsel a, .leftnavsel a:visited{font: bold 13px arial, helvetica, sans-serif; color:#fff; line-height: 1.5em; text-decoration:none;}

a.leftnavparentsel, a.leftnavparentsel:visited, a.leftnavparentsel:link, a.leftnavparentsel:active{font: bold 13px arial, helvetica, sans-serif; color:red; line-height: 1.5em; text-decoration:none;}

a.leftnavparentsel:hover{font: bold 13px arial, helvetica, sans-serif; color:red; line-height: 1.5em; text-decoration:none;}

/*-- module menu css --*/

.moduletitle_submenu {background: #fff; padding: 4px 0 0 0; border: 1px solid #111111;z-index: 1;  cursor: pointer;  cursor: hand; font-weight: normal; filter: none;}
/*submenu idle*/ 
.moduletitle_menuitem { color: #333333; font-family: tahoma; font-size: 11px; font-weight: bold; font-style: normal; padding: 0px 30px 0px 16px; height: 20px; background: transparent; }
.mainmenu_menuitemsel{background: transparent;}
.moduletitle_menuitemsel{color: #fff; font-family: tahoma; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; height: 20px; border-top: 1px solid #999999;border-bottom: 1px solid #999999;background-color: #62a6cb; padding: 0px 30px 0px 16px;}
/*module menu continer*/
.moduletitle_menucontainer{color: #2c2c2c;}
/*module menu bar*/
.moduletitle_menubar{cursor: hand;background: transparent;}
/*not needed*/
.mainmenuseperator, .moduletitle_menuarrow, .mainmenu_menuarrow, .mainmenu_menuicon, .moduletitle_menuicon {display: none;}
.moduletitle_rootmenuarrow{display: none;}

/*  Xmod rep finder */
.RepName{font-weight:bold;font-size:16px;}
.RepTitle{font-weight: bold;padding-left: 10px;}
.RepBusiness{padding-left: 10px;}
.RepPhone{padding-left: 10px;}
.RepEmail{padding-left: 10px;}

a.ProductNavParent {font-weight:bold;font-size:15px; color: #111;line-height:20px;margin:10px 0;}
a.ProductNavParent:hover {font-weight:bold;text-decoration:none;font-size:15px; color: #111;line-height:20px;}
.productnav td{padding-bottom: 10px;}
/* Xmod Contact Us  */

td.cuq{width:200px;}
input.cutb, select.cutb{width:275px;}
textarea.cumb{width:275px; height:200px;}
input, select{font-family: arial, helvetica, sans-serif; font-size: 12px; }

/* Xmod MSDS */
.msdstitle td{background:#333; color:#fff; padding-left:10px;font-weight:bold;}
.msds td{padding-left:10px;}
.altmsds td{background:#eee;padding-left:10px;}

.product-heading { font-family: Tahoma, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #008EB9; text-decoration: none;}
.news-heading, a.news-heading, a.news-heading:visited, .news-heading A, .news-heading A:visited { font-family:  Tahoma, sans-serif;font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #008EB9; text-decoration: none;}
div.VideoList{vertical-align: top;list-style-type: disc;}

/* Xmod Promotions  */
.promocss{width:100%;}
.promocss td{border-bottom:1px solid #333;}
#PromoLogo{float:left; width:315px;}
#promologo img{height:65px;}
#PromoText{float:left;}
.promotitle{font-weight:bold;font-size:14px;}
.promodate{font-style:italic;}
#promoedit{clear:both;float:left;}
#promoedit a{padding:5px;}
.tbpromotions{width:300px;}
a.promotitle, a.promotitle:hover, a.promotitle:visited{ font-weight:bold;}
/* FMC Ezlearn Nav*/
.ezlearn td{font-size:14px; font-weight:bold; padding-bottom:22px;}
a.ezlearnparent, a.ezlearnparent:link, a.ezlearnparent:visited{font-size:14px;font-weight:bold; text-decoration:none;}
a.ezlearnparent:hover{font-size:14px;font-weight:bold; text-decoration:none;color:#43A5C8;}
.ezlearnparentsel{font-size:12px;font-weight:normal;}
a.ezlearnchild{font-size:12px;font-weight:normal;}
a.ezlearnchild:hover{font-size:12px;font-weight:normal;color:#43A5C8;}
.ezlearnchildsel{font-size:12px;font-weight:normal;}

/* Labels */
.labelstar{font-weight: bold; font-size: 14px; color: red;}
/*-- End css --*/
