﻿/*/*=========================================*/
/*         general css for fmc.com           */
/*===========================================*/
/**/
/*  1. Universal css*/
/**/
html {height:100%;}
#body {height:100%;margin:0;background-color: #b6b6b6;}
div{margin:0px; padding:0px;}
table, tr, td, p {color: #444444;font-family:arial, helvetica, sans-serif;font-size: 12px;line-height: 18px;}
p{margin:0 0 15px 0;}
#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:0px;}
/*  2. layout css*/

/*outside of content layout css*/
#wrapper{background: url(images/bkg.jpg) repeat-x top left;text-align: center;padding: 0px;border:0;}
* html #wrapper{height:100%;}
#maincontent{clear:both;width: 978px;text-align:center;margin:0px auto;}
* html #maincontent{width:980px;}
/* logo row css */
#header{clear:both;vertical-align:top;height:75px;background:transparent;padding-top:5px;}
#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: 550px; margin: 0 22px 0 0; _margin: 0 12px 0 0; padding:0px;background: transparent; vertical-align:top;text-align:right;}
span.fmctoprowright{text-align:right;vertical-align:top;}
.fmctoprowright{font-family: arial, helvetica, sans-serif;font-size: 10px;color: #666666;}
span.fmclogo{border:0px; padding-bottom: 0px; border-color:#fff;vertical-align:middle;}
.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;_padding-bottom: 0px; vertical-align:top;}
#search{text-align:right;padding:0px 10px 0 0;}
* html #search{padding-top:6px;}
/* menu row css */
#menurow{clear:both;height: 58px; text-align:left;padding: 0; margin:0 10px; vertical-align:top;white-space:nowrap;}

#menu{margin:0;height:58px;display:inline-block;text-align:left;}

/* content row css */
#contentarea{clear:both;background: #fff; margin:0 11px;vertical-align:top;border-right:1px solid #d1d1d1;border-left:1px solid #d1d1d1;}
* html #contentarea{width:957px;}

#contentareaHome{clear:both; margin:0;vertical-align:top;}
* html #contentareaHome{width:956px}

.contenttable{width:100%;padding: 0;overflow:auto;clear:both;}
* html .contenttable{width:96%;}

/* content area / panes */
.contenttd{overflow:auto;}
.contentinnertable{width:100%;overflow:auto;clear:both;}

.paneheader{width: 100%;padding: 7px 0 0 0;}

.LeftCol{background:#32363A;width:320px; text-align:left;}
.navigationpane{border-bottom:1px solid #ccc;padding-bottom:10px;}
.paneleft {width: 320px;padding: 0px 7px 30px 5px;vertical-align:top;border-bottom:1px solid #ccc;}
.paneleft2 {width: 320px;padding: 10px 7px 10px 20px;vertical-align:top;border-bottom:1px solid #ccc;}

.panecontent{width:623px;height:600px !important;background:#fff; padding: 20px 18px 10px 18px;}
* html .panecontent{}
/* Home Page */
.panetophome, .panetophome div div div{padding:0;margin:0;font-size:0px;background:transparent;margin:0 11px;background: #fff;}
.panetophome div.normal{margin:0; padding:0;border:0;line-height:0;}
.panecontenthome{font-size:0px;}
#panebottomright{background:url(images/bbr.jpg) top right no-repeat;}
#panebottomleft{background:url(images/bbl.jpg) top left no-repeat;}
.panebottomhome {height:132px;width:954px;padding:0;margin:0 10px 0 11px;background:url(images/bottomblack.jpg) top left repeat-x;}
.BottomLeftPane{float:left; width:335px;}
.bottommiddlepane{float:left;width:280px;margin-top:18px;line-height:16px;}
.bottommiddlepane div {line-height:18px;}
.bottomrightpane{float:right;width:300px;margin-top:10px;}

/*Contact Us Page */
.panecontactleft{width:450px;padding: 20px 0px 10px 20px;}
.panecontactright{width:170px;padding: 20px 10px 10px 0px;}

/*Search Page */
.SearchResultsPane {padding: 20px 18px 10px 18px;}
.panecontentsearch{padding: 20px 18px 10px 18px;}
.searchpane2{padding: 0px 18px 10px 18px;}

.dnnemptypane{margin:0; padding:0; border:0; line-height:0;}
/*MSDS Search Page */
.rightcol{width:654px !important;height:600px; }
.searchpane2{width:600px !important; height:600px; }
#SearchPane2 .cse{width:600px !important;}
/* FlexPlex Home  */
table.homenav{margin:20px 0 0 15px;}
a.homenavparent, a.homenavparent:link, a.homenavparent:visited{font-weight:bold;color:#E1E1E1;text-decoration:none; font-size:16px;}
a.homenavparent:hover{font-weight:bold;color:red;text-decoration:none; font-size:16px;}
a.homenavparentsel, a.homenavparentsel:active, a.homenavparentsel:link, a.homenavparentsel:visited{font-weight:bold;color:red;text-decoration:none; font-size:16px;}

/* footer row css */
#footer{background: url(images/footer.jpg) no-repeat transparent;height:64px; padding:10px 0;}
#footeri{background: url(images/ifooter.jpg) no-repeat transparent;height:64px; padding:10px 0;}

#footerleft{text-align:left; float:left; padding-left:30px;}
#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;}

/*   links / text */
h1{font-family: arial, helvetica, sans-serif; font-size: 35px; color: #111;line-height:30px;margin-top:10px;}
h2{font-family: arial, helvetica, sans-serif;font-weight: bold; font-size:16px; color: #111;line-height:25px;margin:0;}
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*/
.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;}
a.normal:link, a.normal:visited {color: #333333;font-family:arial, helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: none;}
a.normal:hover {color: #444;font-family:arial, helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: none;}
.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:#6caccf;}
/*-- 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; text-decoration:underline;}
/*-- left navigatin flexplex css --*/
.innernav{font-size: 12px; font-family: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:arial, helvetica, sans-serif;width:200px;color:#fff;}
.leftnav a, .leftnav a:visited, .leftnav a:link{font-size: 14px; font-weight:bold; font-family:arial, helvetica, sans-serif;color:#fff;text-decoration:none;}
.leftnav a:hover {font-size: 14px; font-weight:bold;font-family:arial, helvetica, sans-serif;color:red;text-decoration:none;}
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:600px;background:#fff;overflow:visible;}
.locationstable td,.locationstable tr{vertical-align:top;}
div.innertable{border:1px solid #ccc;width:300px;height:250px !important;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:250px;height:175px;background:#fff; padding:5px;}

/* location xmod form */
.locationtd{width:200px;font-weight:bold;}
.locationtd input{width:250px;}

/*-- Verity Search CSS --*/
.thesaurus{display:none;}
.tip{display:none;}
#Table2{display:none;}
.languages{display:none;}
.Table3{border:0;}

div.resultspage P {display:none;}
div.resultspage UL {display:none;}
.collection-names input{text-align:left !important;}

.score{display:none;}
.bar{display:none;}
.date{display:none;}
.fs{display:none;}
.result-count{display:none;}
.navbar{background:#fff;border:1px solid #ccc;}
.search-options{display:none;}
.url, .size, .description{display:none;}
div.results hr{display:none;}


/* Google Search */
input.gsc-input{background-image: none !important; width:300px !important; height:25px !important;}
input.gsc-search-button{ border:0px !important; }
.gsc-tabHeader{visibility:Hidden !important;}
/*-- End css --*/

