﻿

/*/*=========================================*/
/*         general css for fmc.com           */
/*===========================================*/
/**/
/*  1. Universal css*/
/**/
html {height:100%;}
body {height:100%;margin:0;background-color:#fff;}
div{margin:0px; padding:0px;}
table, tr, td, p {color: #333;font-family: Arial, helvetica, verdana, sans-serif;font-size: 12px;line-height: 18px;}
.clear{clear:both; margin:0; padding:0;font-size:0px;}
a:link, a:visited, a:active {color: #333;font-family: Arial, helvetica, verdana, sans-serif;font-weight: normal;text-decoration: underline;}
a:hover {color: #111111;font-family: Arial, helvetica, verdana, sans-serif;font-weight: normal;text-decoration: underline;}

h3 {
font-size: 18px;
}
h4 {
font-size: 14px;
}


/*  2. layout css*/

/*outside of content layout css*/
/* top row css */
/* logo row css */
#header{vertical-align:top;height:75px;background:#fff;padding-top:5px; border-right:1px solid #ccc; border-left:1px solid #ccc;}
#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;}

/* menu row css */

#menu{margin:0;height:28px;display:inline-block;text-align:left;}

/* color box row css */
#box1{float:left;height:36px;border-right:1px solid #fff;background:#7b8688;}
#box2{float:left;height:36px;border-right:1px solid #fff;background:#7b8688;}
#box3{float:left;height:36px;border-right:1px solid #fff;background:#7b8688;}
#box4{float:left;height:36px;width:175px;background:#050134;}
.boxwidth{width:258px;}
* html .boxwidth{width:259px;}

/* flash row css */
.flashtable{padding:0px;margin:0px;border:0; }
#flash1{float:left;height:300px;width:258px;border-right:1px solid #fff;}
#flash2{float:left;height:300px;width:258px;border-right:1px solid #fff;}
#flash3{float:left;height:300px;width:258px;border-right:1px solid #fff;}

#flash4{float:left;width:175px; background:#656f8b; }
.topnews{height:294px;padding:0 10px;vertical-align:top;}

/* inner page */
#innerbox1{float:left;width:256px;background:#050134;}
#innerbox2{float:left;width:695px;background: #7b8688;}
.innerboxheight{height:36px;}
* html .innerboxheight{height:37px;}

.nav{float:left;text-align:left;height:225px;width:226px;background:#66708c;padding:20px 0 0 30px;border-right: 1px solid #cdcEc8;}
* html .nav{height:245px;width:246px;}
.nav2{float:left;text-align:left;height:261px;width:226px;background:#66708c;padding:20px 0 0 20px;border-right: 1px solid #cdcEc8;}
* html .nav2{height:280px;width:250px;}
.image1{float:left;height:245px;width:324px;background: #7b8688;border-right: 1px solid #cdcEc8;overflow:hidden;}
.image2{float:left;height:245px;width:324px;background: #7b8688;border-right: 1px solid #cdcEc8;overflow:hidden;}
.image3{float:left;height:280px;width:704px;background: #7b8688;border-right: 1px solid #cdcEc8;overflow:hidden;}
* html .image3 {width: 694px;}
* html .image3 #navbkg{height:245px; width:100%;background:#aE1822;font-size:0;}
* html #navright{width:50px;}

#colorbar{height:37px;width:100%;background:#9da9aE;border-top: 1px solid #cdcEc8;}
* html #colorbar{height:38px;}
/* content row css */
#contentarea{min-height:500px;width:100%;background: #fff; margin:0;vertical-align:top;border-top:1px solid #CACFD3;}
* html #contentarea{height:500px;}
.contenttable{width:100%;padding: 0 20px;overflow:auto;clear:both;}
* html .contenttable{width:96%;}

span.topnewstitle{font-size:16px;font-weight:bold;color:#fff;}
span.topnewstext{color:#fff;}
span.topnewstext a, span.topnewstext a:link, span.topnewstext a:visited{color:#fff;}

span.newstitle{font-size:11px; font-weight: bold;}
span.newstitle a, span.newstitle a:link, span.newstitle a:visited{font-size:11px; text-decoration:none;}
span.newstext{font-size:11px;}
/* content area / panes */
.contenttd{overflow:auto;}
.contentinnertable{width:100%;overflow:auto;clear:both;}

.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: 45%;}
.paneright2{width: 55%;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;}

/* content area / panes 02 skin*/
.leftpane02{border-right: 1px solid #d4d0c8;padding: 10px; width:25%;}
.contentpanelefttop{padding: 10px; background:#f9f9f9;border-bottom: 1px solid #d4d0c8; border-right: 1px solid #d4d0c8;width:50%;}
.contentpanerighttop{padding: 10px; border-bottom: 1px solid #d4d0c8;width:50%;}
.panecenter02 {vertical-align:top; padding: 20px 10px 5px 10px; height:100%;border-bottom: 1px solid #d4d0c8; width:45%;}
.topleftcontentpane{vertical-align:top; padding: 5px 5px 5px 10px; width:45%;}
.toprightcontentpane{vertical-align:top; padding: 5px 5px 5px 5px; width:45%;}
.panetopcenter02{vertical-align:top; padding: 10px 10px 5px 10px; }

/* content area / panes 03 skin*/
.panecenter03 {width:650px;vertical-align:top; padding: 20px 10px 5px 10px; height:100%;border-bottom: 1px solid #d4d0c8; }
.rightpane03{border-left: 1px solid #d4d0c8;border-bottom: 1px solid #d4d0c8;padding: 60px 10px 10px 10px;width:300px;}

/* footer row css */
#footer{height:64px;width:100%;border-top:1px solid #ddd;border-right:1px solid #ddd; border-left:1px solid #ddd; padding:10px 0;}
#footerline{clear:both;height:12px; width:100%;padding: 0; background: #465757; vertical-align:top; text-align:right; position:relative; bottom:0px;left:0px;}
#footerline3{z-index:100;height:12px; width:100%;padding: 0; background: #465757; vertical-align:top; text-align:right; position:relative;bottom:0px;left:0px;}
#footerleft{text-align:left; float:left; width:55%; padding-left:20px;}
#footerlinks{}
#footerright{text-align:right; vertical-align:top;float:right;/*  width: 332px; */ padding-right:10px;}
/*  footer */
/* 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;}
.copyrighttext span{color: #777;font-family: Arial, helvetica, sans-serif;font-size: 10px;line-height: 12px;}

/*   links / text */
h1{font-family: Arial, helvetica, sans-serif; font-size: 22px; 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;}

/*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*/
/*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: verdana, Arial, helvetica, sans-serif;font-size: 12px;line-height: 22px;}
a.normal:link, a.normal:visited {color: #333333;font-family: verdana, Arial, helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: none;}
a.normal:hover {color: #444;font-family: verdana, Arial, helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: none;}
.normalred {color: #900;font-family: verdana, Arial, helvetica, sans-serif;font-weight: bold;font-size: 12px;}
.normalbold {font-family: verdana, Arial, helvetica, sans-serif;font-size: 12px;font-weight: bold;}
/*links for entire site*/
select, input {font-family: verdana, Arial, helvetica, sans-serif;font-size: 12px;color: #333;text-align:left;}
/*applied to invisible objects*/
.invisible {visibility: hidden;}
hr{color:#6caccf;}
/*-- bullet css --*/
ul {}
ul li{ font-family: Arial, helvetica, verdana, sans-serif; font-size: 12px; color:#333;line-height:16px; }
ul li li{list-style-image:url('images/bullet2.gif');font-family: verdana, Arial, helvetica, sans-serif; font-size: 12pt; line-height:16px; color:#333;}
ul li ul li{ font-family: verdana, Arial, helvetica, sans-serif; font-size: 11px; color:#333;line-height:16px; }
/*-- left navigatin flexplex css --*/
.innernav{font-size: 12px; font-family: verdana, Arial, helvetica, sans-serif;}
a.innernavparent, a.innernavparent:visited, a.innernavparent:link, a.innernavparent:active{font: bold 14px Arial, helvetica, sans-serif; color:#fff; line-height: 14px; text-decoration:none;padding: 2px 0 0 20px;}
a.innernavparent:hover{font: bold 14px Arial, helvetica, sans-serif; color:#ddd; line-height: 14px; text-decoration:none;}
a.innernavparentsel, a.innernavparentsel:visited, a.innernavparentsel:link, a.innernavparentsel:active{font: bold 14px Arial, helvetica, sans-serif; color:#ccc; line-height: 14px; text-decoration:none; padding: 2px 0 0 20px;}
a.innernavparentsel:hover{font: bold 14px Arial, helvetica, sans-serif; color:#ddd; line-height: 14px; text-decoration:none;}

td a.innernavparent{background: url(images/navarrow.jpg) left no-repeat; padding-left:20px;line-height: 14px;}
td a.innernavparentsel{background: url(images/navarrowsel.jpg) left no-repeat; padding-left:20px;line-height: 14px;}

.leftnav{font-size: 14px; font-family: verdana, Arial, helvetica, sans-serif;width:200px;color:#5b759a;}
a.leftnavparent, a.leftnavparent:link, a.leftnavparent:active, a.leftnavparent:visited{font: bold 14px Arial, helvetica, sans-serif; color:#5b759a; line-height: 1.5em; text-decoration:none;}
a.leftnavparent:hover, .leftnavparent a:hover{font: bold 14px Arial, helvetica, sans-serif; color:red; line-height: 1.5em; text-decoration:none;}
a.leftnavparentsel, a.leftnavparentsel:visited, a.leftnavparentsel:link, a.leftnavparentsel:active{font: bold 14px Arial, helvetica, sans-serif; color:red; line-height: 1.5em; text-decoration:none;}
a.leftnavparentsel:hover{font: bold 14px 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;}

/*--rss css --*/
#rss{float:right; padding-right:10px;font-size: 10px; }
#rss a{text-decoration: none;}
#rss a:hover{text-decoration: underline;}


td.cuq{width:200px;}
input.cutb, select.cutb{width:275px;}
textarea.cumb{width:400px; height:100px;}
input, select{font-family: Arial, helvetica, sans-serif; font-size: 12px; }

/*--Location XMOD Css --*/
.locationstable{ width:858px;background:#fff;overflow:visible;}
.locationstable td,.locationstable tr{vertical-align:top;}
div.innertable{border:1px solid #ccc;width:300px;height:262px;background:#fff; padding:5px;}
.innertable td{vertical-align:top;}
.innertable div{padding-left:10px;}
#locationsglobalmap{float:left;width:500px;}
#locationsbybusinesslist{font-size:12px;margin-top:5px;}
#locationsbybusiness{font-weight:bold;font-size:18px;float:left; color:#060335; margin: 20px 50px 0 0; vertical-align:top;}

#locationsresult{clear:both;height:100%}

div.locationresult{float:left;width:800px;height:100%;overflow:visible;}
* html div.locationresult{height:auto;}
div.innertable{float:left;border:1px solid #ccc;width:262px;min-height:216px;background:#fff; padding:5px;}

/* location xmod form */
.locationtd{width:200px;font-weight:bold;}
.locationtd input{width:250px;}

/* Google Search CSS*/
.gsc-branding{display:none;}
.gsc-input{background-image:none !important;}
.f{display:none !important;}
.f1{display:none !important;}

/* XMOD Pro Supplier Contact Form */
.suppliertd input, .suppliertd select{width:350px}
.taSupplier{width:350px;height:200px}

/* XMOD Pro Form Validation Message*/
.validstyle {
      color: red;
      display: block;
      font-size: 10px;
      font-style: italic;
}

/* DNN 7 Changes */

#sitewrapper, #sitewrapper2, #sitewrapper3, {
	text-align: center;
	padding: 0px;
	border: 0;
	height: 100%;
}
    #sitewrapper {
        background: url(images/background.gif) repeat-x top left transparent;
    }

    #sitewrapper2 {
        background: url(images/background2.jpg) repeat-x top left transparent;
    }
    #sitewrapper3 {
        background: url(images/backgroundHome3.jpg) repeat-x top left transparent;
    }
	#sitewrapper4 {
        background: #fff;
    }

/* #toprow {
	height: 10px;
	width: 100%;
	padding: 0;
	vertical-align: top;
	font-size: 0px;
	background: #465757;
}
 */
#maincontent {
	width: 952px;
	text-align: left; /*replaced :center*/
	margin: 0px auto;
	border-left: 1px solid #cdcEc8;
	border-right: 1px solid #cdcEc8;
}

#search {
    float: right;
    width: 280px;
    height: 27px;
}
    #search a.SearchButton:link,#search a.SearchButton:visited {
        display: inline-block;
        float: right;
        height: 25px;
        width: 96px;
        margin: 0;
        padding: 0;
        background: url('images/Search.gif') no-repeat right center;
        text-align: left;
        text-indent: -9999px;
    }
    #dnn_dnnSearch_txtSearch, #q {
        display: block;
        float: left;
        width: 160px;
        height: 25px;
        padding: 0 5px 0 10px;
        margin: 0;
        background-color: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none;
        outline: none;
        border: 1px solid #ddd;
        color: #000;
        line-height: 25px;
        font-size: 11px;
        -webkit-transition: all 100ms ease-in-out;
        -moz-transition: all 100ms ease-in-out;
        -ms-transition: all 100ms ease-in-out;
        -o-transition: all 100ms ease-in-out;
        transition: all 100ms ease-in-out;
    }
    #dnn_dnnSearch_txtSearch:active, #dnn_dnnSearch_txtSearch:focus, #q:active, #q:focus {
        background: #ccc;
        box-shadow: inset 0px 3px 8px #999;
    }

/* #menurow {
	height: 28px;
	text-align: left;
	padding: 0;
	margin: 0;
	vertical-align: top;
	background: url('images/menu_b.jpg') top left repeat-x;
	white-space: nowrap;
} */
#menurow {
    width: 1000px;
    height: 25px;
    background-color: #D59B30;
    text-align: right;
    padding-top: 5px;
}
    #nav {
        position: relative;
        list-style: none;
        margin: 0;
    }

/* Styling for page level navigation, replaced FlexPlex */
ul.pagenav {
    font-size: 12px;
    font-family: verdana, Arial, helvetica, sans-serif;
    list-style: none;
    margin-left: 0;
}
    ul.pagenav > li {
        background: url('images/navarrow.jpg') left no-repeat;
    }
    ul.pagenav > li.selected {
        background: url('images/navarrowsel.jpg') left no-repeat;
    }
    ul.pagenav > li a {
        font: bold 14px Arial, helvetica, sans-serif;
        color: #fff;
        line-height: 14px;
        text-decoration: none;
        padding: 4px 0 0 20px;
		display: inline-block;
    }
    ul.pagenav > li:hover > a {
        color: #ddd;
    }
    ul.pagenav > li.selected > a {
        color: #ccc;
    } 

ul.fmchistory {
    list-style: none;
    margin-left: 0;
}
    ul.fmchistory > li a {
        color: #333;
        font-family: verdana, Arial, helvetica, sans-serif;
        font-weight: normal;
        font-size: 12px;
        text-decoration: underline;
        line-height: 18px;
    }
    ul.fmchistory > li.selected a {
        font-weight: bold;
    }
/* End Styling for page level nav */


/* Content containers and areas */
.Head {
    font-size: 14px;
    color: #333;
    font-weight: bold;
}/* End styling for content containers and areas */


.loginGroup {
	display: inline-block;
}

.loginlink:before {
    content: "\00a0 | \00a0";
}

.DNNEmptyPane {
	width:0;
	padding:0;
	margin:0; 
	line-height:0;
	display: none;
}
.sharetoolbar {
	float:right;
	padding:5px 5px 10px;
}

/* newsroom */
.article
{
font-family: Arial, Helvetica, sans-serif;
padding-top:10px;
}
.pageHeading {
color: #444;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
margin-top:-40px;
}



/* Home New {Caption Banner; 2 rows; 3 columns} */
#header2{
	vertical-align:top;
	height:102px;
	background:#fff;
	padding-top:5px;
}
#logodiv2{
	float:left;
	width:300px;
	padding:20px 0 0 5px;
	text-align:left;
}
#fmctoprowright2 {
    background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    margin: 5px 10px 0px 0;
    padding: 0;
    text-align: right;
    vertical-align: top;
    width: 600px;
}
#maincontent2 {
	width: 1000px;
	text-align: left; /*replaced :center*/
	margin: 0px auto;
	border-left: 1px solid #cacfd3;
	border-right: 1px solid #cacfd3;
}
#footer2 {
	height:64px;
	width:100%;
	padding:15px 0;
	border-top:1px solid #cacfd3;
/* 	border-right:1px solid #f2f2f2;
	border-left:1px solid #ddd; */
}
.sharetoolbar2 {
	float:right;
	padding:10px 0px 5px;
}
.contentareatable {
	clear: both;
	width: 100%;
}
.containertable {
	clear: both;
	width: 100%;
}
h4.newsarchive {
 font-size: 30px;
 letter-spacing: 0;
 line-height: 36px;
 }
 
/*  FMC Snow Mold */
 .LoginPanel {
    float: left;
    padding-right: 0px;
    width: 330px;
}

.DnnModule.DnnModule-DNN_HTML.DnnModule-2567 {
    width: 275px;
}
/* .dnnFormItem > label.dnnFormLabel {
    width: auto;
} */

td#dnn_rightpane {
    padding: 5px 10px;
 }
 
/*  Snow Mold Homepage Forms */
 .dnnForm.dnnLogin.dnnClear {
	width: 180px;
 }
 
 .dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea
 {
	margin-left:10px;
 }
/*  Snow Mold Homepage Forms */ 


/* Cookie-consent */

.cc-theme-edgeless.cc-banner .cc-btn {
	margin: 0 2em !important; /* left/right margin buttons - IE fix */
}
.cc-window.cc-floating {
	padding: 1em 1em 2em 1em !important;
    max-width: 40em !important;
}
.cc-left {
    left: 0em !important;
}
.cc-bottom {
    bottom: 2em !important;
}
.cc-left {
    left: 2em !important;
}
.cc-right {
    right: 2em !important;
}
.cc-revoke, .cc-window {
    box-sizing: content-box !important;
    font-size: 14px !important;
    line-height: 1.2em !important;
}
.cc-floating .cc-message {
    margin-bottom: 2em !important;
}
.cc-highlight .cc-btn:first-child {
    background-color: #e4e4e4 !important;
    border-color: #e6e6e6 !important;
}

/* Cookie-consent */
 
 /*-- End css --*/