/*
--------------------------------------------------------------------------------------
*	fdcmro.com
--------------------------------------------------------------------------------------
Colors
Yellow #FFD000
Light gray #E5E5E5
Dary gray #666666
---
Updated 20121204
*/

@font-face {
    font-family: "OswaldBook";
    src: local("☺"),
    src: url("Oswald-Regular-webfont.eot");
    src: url("Oswald-Regular-webfont.eot?#iefix") format("embedded-opentype"),
         url("Oswald-Regular-webfont.woff") format("woff"),
         url("Oswald-Regular-webfont.ttf") format("truetype"),
         url("Oswald-Regular-webfont.svg#OswaldBook") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OswaldStencilRegular";
    src: local("☺"),
    src: url("Oswald-Stencil-webfont.eot");
    src: url("Oswald-Stencil-webfont.eot?#iefix") format("embedded-opentype"),
         url("Oswald-Stencil-webfont.woff") format("woff"),
         url("Oswald-Stencil-webfont.ttf") format("truetype"),
         url("Oswald-Stencil-webfont.svg#OswaldStencilRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}


* {
	border: none; 
	border-spacing: 0;
	margin: 0;
	padding: 0;
}

body {
	background-color: #dddddd;
	background-image: url("../images/test.png");
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

a:link,
a:visited,
a:active {
	color: inherit;
	text-decoration: underline;
}

.ie6 a:link,
.ie6 a:visited,
.ie6 a:active,
.ie7 a:link,
.ie7 a:visited,
.ie7 a:active {
	color: black;
	text-decoration: underline;
}

a:hover,
.ie6 a:hover,
.ie7 a:hover {
	text-decoration: none;
}

.ie6 table,
.ie6 tbody,
.ie7 table,
.ie7 tbody {
	padding: 0;
	border-collapse: collapse;
	border-spacing: none;
}

div#pagewrap {
	background-color: #FFFFFF;
	overflow: hidden;
	height: 100%;
	width: 900px;
	margin: 0 auto;
	padding: 30px 30px 0 30px;
	border-top: 4px solid #000000;
}

div#header-left {
	float: left;
	font-size: 14px;
	font-family: "OswaldBook", Arial, sans-serif;
	line-height: 160%;
	width: 590px; /** Need IE **/
}

div#header-left img {
	padding: 0 0 10px 0;
}

div#header-center { /** Need IE **/
	float: left;
	text-align: left;
	padding: 15px 0 15px 15px;
	font-size: 14px;
	font-family: "OswaldBook", Arial, sans-serif;
	border-left: 1px solid #000000;
	width: 180px;
}


div#header-right { /** Need IE **/
	float: right;
	height: 128px;
	width: 130;
	margin: -30px -20px 0 0; 
}


/*
--------------------------------------------------------------------------------------
*	Top Navigation
--------------------------------------------------------------------------------------
*/

div#nav {
	background: url(../images/totalmrosolutions.png);
	background-repeat: no-repeat;
	height: 26px;
	margin-top: 10px;
	color: white;
	border-bottom: 4px solid white;
}

.ie6 div#nav,
.ie7 div#nav {
	background: url(../images/totalmrosolutions.png);
	background-repeat: no-repeat;
	height: 26px;
	margin: 10px 0 0 0 !important;
	color: white;
	border-bottom: 4px solid white;
}

ul#top-nav {
	list-style-type: none;
	font-family: "OswaldBook", Arial, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
}

ul#top-nav li {
	display: inline;
}

ul#top-nav li a.home,
ul#top-nav li a.cust,
ul#top-nav li a.govt,
ul#top-nav li a.contracts,
ul#top-nav li a.philanthropy {
	display: block;
	padding: 8px 10px 0 10px;
	margin: -5px 0 0 3px;
	float: right;
	text-decoration: none !important;
	background-color: #000000;
	border-top: 3px solid #000000;
	color: #FFFFFF;
	height: 20px;
}

ul#top-nav li a.home:hover,
ul#top-nav li a.cust:hover,
ul#top-nav li a.govt:hover,
ul#top-nav li a.contracts:hover,
ul#top-nav li a.philanthropy:hover,
.ie6 ul#top-nav li a.home:hover,
.ie6 ul#top-nav li a.cust:hover,
.ie6 ul#top-nav li a.govt:hover,
.ie7 ul#top-nav li a.home:hover,
.ie7 ul#top-nav li a.cust:hover,
.ie7 ul#top-nav li a.govt:hover,
.ie6 ul#top-nav li a.contracts:hover,
.ie6 ul#top-nav li a.philanthropy:hover,
.ie7 ul#top-nav li a.contracts:hover,
.ie7 ul#top-nav li a.philanthropy:hover {
	background-color: #E5E5E5;
	color: #000000;
	border-top: 3px solid #E5E5E5;
}

.ie6 ul#top-nav li a.home:visited,
.ie6 ul#top-nav li a.cust:visited,
.ie6 ul#top-nav li a.govt:visited, .ie6 ul#top-nav li a.contracts:visited,.ie6 ul#top-nav li a.philanthropy:visited,
.ie7 ul#top-nav li a.home:visited,
.ie7 ul#top-nav li a.cust:visited,
.ie7 ul#top-nav li a.govt:visited, .ie7 ul#top-nav li a.contracts:visited,.ie7 ul#top-nav li a.philanthropy:visited {
	background-color: #000000;
	color: #FFFFFF;
	border-top: 3px solid #000000;
}

body#products ul#top-nav li a.home,
body#customer ul#top-nav li a.cust,
body#government ul#top-nav li a.govt,
body#contracts ul#top-nav li a.contracts,
body#philanthropy ul#top-nav li a.philanthropy {
	background-color: #FFD000;
	color: #000000;
	border-top: 3px solid #FFD000;
}

.clearboth {
	clear: both;
}

#home-main,
.ie6 div#home-main,
.ie7 div#home-main {
	height: 266px;
	background-image: url(../images/cherry-picker.png);
	background-repeat: no-repeat;
}

#home-main h2,
.ie6 #home-main h2,
.ie7 #home-main h2 {
	padding: 140px 0 0 450px;
	font-size: 20px;
	font-weight: normal;
	color: yellow;
}



/*
--------------------------------------------------------------------------------------
*	Side Navigation
--------------------------------------------------------------------------------------
*/

div#side-bar {
	float: left;
	width: 169px;
	border-right: 4px solid black;
	min-height: 100%;
	padding-top: 0;
	overflow: hidden;
}

ul.side-bar {
	padding: 0 0 0 15px;
}

.ie6 ul.side-bar li,
.ie7 ul.side-bar li {
	list-style-type: disc !important;
	padding: 0 0 0 0;
	margin: 0 0 0 -40px;
}

ul#side-nav,
.ie6 ul#side-nav,
.ie7 ul#side-nav {
	list-style-type: none;
	font-family: "OswaldBook", Arial, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	list-style-type: none;
	padding: 0 2px 2px 0;
	margin: 0 0 0 0;
}

ul#side-nav li {
	display: block;
	text-decoration: none !important;
}

ul#side-nav li a.products,
ul#side-nav li a.paint,
ul#side-nav li a.safety,
ul#side-nav li a.building,
ul#side-nav li a.electrical,
ul#side-nav li a.chemicals,
ul#side-nav li a.environment,
ul#side-nav li a.tools,
ul#side-nav li a.material,
ul#side-nav li a.customer,
ul#side-nav li a.government,
ul#side-nav li a.contracts,
ul#side-nav li a.philanthropy {
	display: block;
	padding: 8px 0 5px 6px;
	text-decoration: none !important;
	background-color: #FFD000;
	color: #000000;
}

ul#side-nav li a.products:link,
ul#side-nav li a.paint:link,
ul#side-nav li a.safety:link,
ul#side-nav li a.building:link,
ul#side-nav li a.electrical:link,
ul#side-nav li a.chemicals:link,
ul#side-nav li a.environment:link,
ul#side-nav li a.tools:link,
ul#side-nav li a.material:link,
ul#side-nav li a.customer:link,
ul#side-nav li a.government:link,
ul#side-nav li a.contracts:link,
ul#side-nav li a.philanthropy:link {
	background-color: #FFFFFF;
	color: #000000;
}

ul#side-nav li a.products:visited,
ul#side-nav li a.paint:visited,
ul#side-nav li a.safety:visited,
ul#side-nav li a.building:visited,
ul#side-nav li a.electrical:visited,
ul#side-nav li a.chemicals:visited,
ul#side-nav li a.environment:visited,
ul#side-nav li a.tools:visited,
ul#side-nav li a.material:visited,
ul#side-nav li a.customer:visited,
ul#side-nav li a.government:visited,
ul#side-nav li a.contracts:visited,
ul#side-nav li a.philanthropy:visited {
	background-color: #FFFFFF;
	color: #000000;
}

body#products ul#side-nav li a.products,
ul#side-nav li a.products:hover,
ul#side-nav li a.paint:hover,
ul#side-nav li a.safety:hover,
ul#side-nav li a.building:hover,
ul#side-nav li a.electrical:hover,
ul#side-nav li a.chemicals:hover,
ul#side-nav li a.environment:hover,
ul#side-nav li a.tools:hover,
ul#side-nav li a.material:hover,
ul#side-nav li a.customer:hover,
ul#side-nav li a.government:hover,
ul#side-nav li a.contracts:hover,
ul#side-nav li a.philanthropy:hover {
	background-color: #E5E5E5;
	color: #000000;
}

body#products.paint ul#side-nav li a.paint,
body#products.safety ul#side-nav li a.safety,
body#products.building ul#side-nav li a.building,
body#products.electrical ul#side-nav li a.electrical,
body#products.chemicals ul#side-nav li a.chemicals,
body#products.environment ul#side-nav li a.environment,
body#products.tools ul#side-nav li a.tools,
body#products.material ul#side-nav li a.material,
body#government ul#side-nav li a.government,
body#customer ul#side-nav li a.customer,
body#contracts ul#side-nav li a.contracts,
body#philanthropy ul#side-nav li a.philanthropy {
	background-color: #FFD000;
	color: #000000;
}

div#sidebar-extras {
	margin-top: 0;
	padding: 15px 0 30px 0;
	border-top: 4px solid black;
}

#sidebar-extras p {
	padding: 0 0 15px 0;
}

#sidebar-extras img {
	padding: 15px 0 0 0;
}

/*
--------------------------------------------------------------------------------------
*	Main Area
--------------------------------------------------------------------------------------
*/

div#main-area {
	padding: 0 0 0 0;
	min-height: 100%;
	background: #FFFFFF;
	overflow: hidden;
}

.ie6 div.home-nav-area ul.home-nav,
.ie7 div.home-nav-area ul.home-nav {
	margin-left: 0;
}

table.product-header {
	border-collapse: collapse;
	border: none;
	height: 173px;
	overflow: hidden;
}

td.product-info-text ul {
	list-style-type: none;
}

td.product-info-text li {
	padding: 10px 0 10px ;
}

td.product-header-image {
	background-color: #e5e5e5;
	width: 173px;
	height: 173px;
	padding: 0 0 0 2px;
	border-collapse: collapse !important;
}

td.product-header-text {
	height: 173px;
	width: 552px;
	background-color: #e5e5e5;
	vertical-align: top;
	padding: 20px;
}

table.product-info,
.ie6 table.product-info,
.ie7 table.product-info {
	border-collapse: collapse;
	border: none;
}

td.product-header-text {
	width: 726px;
	height: 173px !important;
}

td.product-header-text h1 {
	font-family: "OswaldStencilRegular", Arial, sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0 0 15px 0;
}

.ie6 td.product-header-text h1,
.ie7 td.product-header-text h1 {
	font-family: "OswaldStencilRegular", Arial, sans-serif;
	font-size: 30px;
	margin: 0 0 0 0;
	padding: 0 0 15px 0;
	text-transform: uppercase;
	font-weight: normal;
}

td.product-header-text h2,
.ie6 td.product-header-text h2,
.ie7 td.product-header-text h2 {
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

table.product-info td.product-info-text {
	font-size: 16px;
	padding: 20px;
	width: 380px;
	vertical-align: top;
	line-height: 150%;
}


table.product-info td.product-info-logos {
	text-align: right;
	padding-top: 40px;
	vertical-align: top;
}

table.product-info td.product-info-table {
	vertical-align: top;
	padding: 20px 0 0 10px;
}

table.govt-table td {
	border-bottom: 1px solid #666;
	padding: 5px 0;
}

td.right-bold,
td p.right-bold,
td a.right-bold {
	font-size: inherit;
	font-weight: bold !important;
}

table.product-info td.product-info-table td {
	margin: 10px 0 10px 0;
}

table.product-info td.product-info-text h2 {
	font-weight: bold;
	font-size: 16px;
	padding: 0 0 10px 0;
}

.ie6 td.product-info-text h2,
.ie7 td.product-info-text h2 {
	font-weight: bold;
	font-size: 16px;
}

.ie6 table.product-info td.product-info-text h3,
.ie7 table.product-info td.product-info-text h3,
table.product-info td.product-info-text h3 {
	font-weight: bold;
	font-size: 12px;
}

.customer-service-text,
.government-text {
	font-size: 12px !important;
	vertical-align: top;
	line-height: 120% !important;
	padding: 0 0 15px 0;
}

ul.product-info-list li {
	list-style-type: disc;
	line-height: 120%;
	margin-left: 20px;
	padding: 0;
}


/*
--------------------------------------------------------------------------------------
*	Home Navigation
--------------------------------------------------------------------------------------
*/

.home-nav-area {
	padding: 10px 0 40px 0;
}

.home-nav-area h1 {
	font-family: "OswaldStencilRegular", Arial, sans-serif;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: normal;
	padding: 20px 0 10px 0;
}

ul.home-nav {
	padding: 0 0 120px 0;
	list-style-type: none;
}

ul.home-nav li {
	display: inline;
}

ul.home-nav li a.paint,
ul.home-nav li a.safety,
ul.home-nav li a.build,
ul.home-nav li a.elect,
ul.home-nav li a.chem,
ul.home-nav li a.environ,
ul.home-nav li a.tools,
ul.home-nav li a.mater {
	text-indent: -9999px;
	display: block;
	height: 117px;
	float: left;
	margin-bottom: 10px;
}

ul.home-nav li a.paint:link, ul.home-nav li a.paint:visited {
	background: url(../images/home-nav.png) no-repeat 0px 0px;
	width: 217px;
	margin-right: 10px;
}

ul.home-nav li a.safety:link, ul.home-nav li a.safety:visited {
	background: url(../images/home-nav.png) no-repeat -217px 0px;
	width: 217px;
	margin-right: 10px;
}

ul.home-nav li a.build:link, ul.home-nav li a.build:visited {
	background: url(../images/home-nav.png) no-repeat -434px 0px;
	width: 217px;
	margin-right: 10px;
}

ul.home-nav li a.elect:link, ul.home-nav li a.elect:visited {
	background: url(../images/home-nav.png) no-repeat -651px 0px;
	width: 217px;
}

ul.home-nav li a.chem:link, ul.home-nav li a.chem:visited {
	background: url(../images/home-nav.png) no-repeat -868px 0px;
	width: 217px;
	margin-right: 10px;
}

ul.home-nav li a.environ:link, ul.home-nav li a.environ:visited {
	background: url(../images/home-nav.png) no-repeat -1085px 0px;
	width: 217px;
	margin-right: 10px;
}

ul.home-nav li a.tools:link, ul.home-nav li a.tools:visited {
	background: url(../images/home-nav.png) no-repeat -1302px 0px;
	width: 217px;
	margin-right: 10px;
}

ul.home-nav li a.mater:link, ul.home-nav li a.mater:visited {
	background: url(../images/home-nav.png) no-repeat -1519px 0px;
	width: 217px;
}

ul.home-nav li a.paint:hover {background-position: 0px -117px;}
ul.home-nav li a.safety:hover {background-position: -217px -117px;}
ul.home-nav li a.build:hover {background-position: -434px -117px;}
ul.home-nav li a.elect:hover {background-position: -651px -117px;}
ul.home-nav li a.chem:hover {background-position: -868px -117px;}
ul.home-nav li a.environ:hover {background-position: -1085px -117px;}
ul.home-nav li a.tools:hover {background-position: -1302px -117px;}
ul.home-nav li a.mater:hover {background-position: -1519px -117px;}


/*
--------------------------------------------------------------------------------------
*	Footer
--------------------------------------------------------------------------------------
*/ 

div#footer {
	clear: both;
	width: 900px;
	margin: 0 auto;
	background-color: #666666;
	color: #DDDDDD;
	font-size: 11px !important;
	padding: 30px;
	border-top: 4px solid #000000;
	overflow: hidden;
}

.ie6 #footer a,
.ie7 #footer a {
	color: #DDDDDD;
}

#footer h4 {
	font-family: "OswaldBook", Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	padding: 0 0 10px 0;
	line-height: 150%;
}

#footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#footer li {
	padding: 0 0 5px 0;
}

#footer p {
	padding: 0 0 10px 0;
}

#footer-col1 {
	float: left;
	width: 200px;
	padding: 5px;
	overflow: hidden;
}

#footer-col2 {
	float: left;
	width: 200px;
	padding: 5px 5px 5px 10px;
	border-left: 1px solid #DDDDDD;
	overflow: hidden;
	margin-left: 20px;
}

#footer-col3,
#footer-col4 {
	float: left;
	width: 200px;
	padding: 5px 5px 5px 10px;
	border-left: 1px solid #DDDDDD;
	overflow: hidden;
	margin-left: 10px;
}


.ie6 #footer-col1,
.ie7 #footer-col1,
.ie9 #footer-col1 {
	float: left;
	width: 200px;
	padding: 0 5px 5px 5px;
	overflow: hidden;
}

.ie8 #footer-col1 {
	float: left;
	width: 190px;
	padding: 0 5px 5px 5px;
	overflow: hidden;
}

.ie6 #footer-col2,
.ie7 #footer-col2,
.ie9 #footer-col2 {
	float: left;
	width: 200px;
	padding: 5px 5px 5px 10px;
	border-left: 1px solid #DDDDDD;
	overflow: hidden;
	margin-left: 15px;
}

.ie8 #footer-col2 {
	float: left;
	width: 190px;
	padding: 5px 5px 5px 10px;
	border-left: 1px solid #DDDDDD;
	overflow: hidden;
	margin-left: 15px;
}

.ie6 #footer-col3,
.ie7 #footer-col3,
.ie9 #footer-col3,
.ie6 #footer-col4,
.ie7 #footer-col4,
.ie9 #footer-col4 {
	float: left;
	width: 200px;
	padding: 5px 5px 5px 10px;
	border-left: 1px solid #DDDDDD;
	overflow: hidden;
	margin-left: 10px;
}

.ie8 #footer-col3 {
	float: left;
	width: 190px;
	padding: 5px -5px 5px 10px;
	border-left: 1px solid #DDDDDD;
	overflow: hidden;
	margin-left: 10px;
}

.ie8 #footer-col4 {
	float: right;
	width: 190px;
	padding: 5px -5px 5px 10px;
	border-left: 1px solid #DDDDDD;
	overflow: hidden;
	margin-left: 10px;
}


.credit {
	color: #999999 !important;
}

.credit a {
	text-decoration: none;
}

.ie6 .credit a,
.ie7 .credit a,
.ie8 .credit a {
	color: #999999 !important;
	text-decoration: none;
}