@import url('/css/reset.css');

body {
	margin: 0; padding: 0;
	font-weight: normal; font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: #363636;
	background-color: #8c6239;
	}

p, li, dt, dd, address, blockquote, textarea, input, legend, th, td {font:normal 1.3em/1.5 Arial, Helvetica, sans-serif;}
li p, p li, li input, li textarea, li li {font-size:1em;}
p, ul, ol, h2, h3, h4, h5, form, blockquote, address {margin:0 0 15px;}

ul, ol 		{margin-left:2em;}
ul 			{list-style:square;}
ol 			{list-style:decimal;}

a			{text-decoration:none; outline:none; color:#8c6239;}
a:hover		{text-decoration:none;}

img, a img 	{display:inline; border:none;}
.img-right 	{float:right; margin:0 0 2em 2em;}
.img-left 	{float:left; margin:0 2em 2em 0;}

acronym 	{cursor:help;}

blockquote 	{font:italic 1.4em Georgia, "Times New Roman", Times, serif;}

h1 			{margin:0 0 .6em 0; padding:0; font-size:2.6em; font-weight:bold; line-height:1; text-transform:uppercase;}
h2 			{font-size:1.8em; font-weight:normal; line-height:1;}
h3 			{font-size:1.5em; font-weight:bold; line-height:1;}
h4, h5, h6 	{font-size:1.4em; font-weight:bold; line-height:1;}

.hiddenFields, .hidden 	{display: none;}
.required, .error 		{color: #f60;}

.clear 				{clear: both;}
.clearer 			{clear:both; visibility:hidden; height:0; line-height:0; overflow:hidden;}
.clearafter:after 	{content:""; display:block; height:100%; clear:both; visibility:hidden;}

#upper-wrapper 		{background:#fff; border-bottom:4px solid #a1a1a1;}
#lower-wrapper 		{padding:30px 0; background:url(../images/bg_spotlight.png) no-repeat center top;}
.wrapper 			{position:relative; margin:0 auto; width:960px;}


/*---------------------------------------------------------------------------------------------------------------------------------------
	HEADER & NAV
-----------------------------------------------------------------------------------------------------------------------------------------*/

#header 	{height:200px; z-index:999;}

#logo 		{margin:0 0 20px 0; padding:0; width:450px;}
#logo a 	{display:block; height:130px; text-indent:-9999px; background:url(../images/bg_header.gif) no-repeat left 25px;}

#toplinks				{position:absolute; top:20px; right:10px; margin:0; padding:0; list-style:none;}
#toplinks li			{float:left; display:inline; margin-left:11px; font-size:1.2em;}
#toplinks li a			{display:block; font-weight:bold; color:#a1a1a1; text-decoration:none; text-transform:uppercase;}
#toplinks li a:hover	{color:#363636; text-decoration:none;}

#toplinks a.contact {margin-top:-4px;}
a.contact{padding:4px; background:#e6e6e6; -moz-border-radius:3px; }
#toplinks a:hover.contact{color:#e6e6e6;}
a:hover.contact{background:#363636; color:#e6e6e6;}

#phonenumber			{position:absolute; top:54px; right:10px; margin:0; padding:0; width:220px; height:18px; text-indent:-9999em; background:url(../images/bg_header.gif) no-repeat right top;}

#topsearch				{position:absolute; top:90px; right:10px; margin:0; padding:0; width:220px; height:28px; background:url(../images/bg_header.gif) no-repeat right -50px;}
#topsearch fieldset		{border:none;}
#topsearch label		{display:none;}
#topsearch input		{float:left; display:inline; margin-left:7px; padding-top:7px; width:142px; border:none; background:none;}
#topsearch button		{float:right; display:inline; width:65px; height:28px; text-indent: -9999em; border:none; background:none;}
/*---------------------------------------------------------------------------------------------------------------------------------------
	COLOR
-----------------------------------------------------------------------------------------------------------------------------------------*/

/*
#main 							{background-color:#8c6239;}
#main #footer a 				{color:#dca704;}
#main #footer a:hover 			{color:#dca704;}
#respiratory #footer-line 		{background-color:#dca704;}
*/

#respiratory 					{background-color:#f3c301;}
#respiratory #footer, 
#respiratory #footer a 			{color:#dca704;}
#respiratory #footer a:hover 	{color:#f4dd80;}
#respiratory #footer-line 		{background-color:#dca704;}
#respiratory a.contact			{background-color:#f3c301; color:#fff;}
#respiratory a:hover.contact	{background-color:#dca704; color:#fff;}

#absorbents 					{background-color:#e97218;}
#absorbents #footer, 
#absorbents #footer a 			{color:#f9ad81;}
#absorbents #footer a:hover 	{color:#fcd6c0;}
#absorbents #footer-line 		{background-color:#f9ad81;}
#absorbents a.contact			{background-color:#e97218; color:#fff;}
#absorbents a:hover.contact		{background-color:#f9ad81; color:#fff;}

#containment 					{background-color:#ed1c24;}
#containment #footer, 
#containment #footer a 			{color:#9e0b0f;}
#containment #footer a:hover 	{color:#e7c2c3;}
#containment #footer-line 		{background-color:#9e0b0f;}
#containment a.contact			{background-color:#ed1c24; color:#fff;}
#containment a:hover.contact	{background-color:#9e0b0f; color:#fff;}

#confined 						{background-color:#6f559e;}
#confined #footer, 
#confined #footer a 			{color:#a186be;}
#confined #footer a:hover 		{color:#d0c3df;}
#confined #footer-line 			{background-color:#a186be;}
#confined a.contact				{background-color:#6f559e; color:#fff;}
#confined a:hover.contact		{background-color:#a186be; color:#fff;}

#fall 							{background-color:#008acb;}
#fall #footer, 
#fall #footer a 				{color:#6dcff6;}
#fall #footer a:hover 			{color:#b6e7fb;}
#fall #footer-line 				{background-color:#6dcff6;}
#fall a.contact					{background-color:#008acb; color:#fff;}
#fall a:hover.contact			{background-color:#0070ab; color:#fff;}

#ppe 							{background-color:#01ad4b;}
#ppe #footer, 
#ppe #footer a 					{color:#a3d39c;}
#ppe #footer a:hover 			{color:#d1e9ce;}
#ppe #footer-line 				{background-color:#a3d39c;}
#ppe a.contact					{background:#01ad4b; color:#fff;}
#ppe a:hover.contact			{background:#01923c; color:#fff;}




/* NAV ===================================================*/

#nav					{display:block; margin:0; padding:0; height:50px; list-style:none; z-index:1001;}
#nav li					{position:relative; float:left; display:inline; width:140px; margin:0 10px; font-size:1.1em; text-indent:-9999em;}
#nav li a				{display:block; height:50px; color:#000; background:#fff url(../images/bg_header.gif) no-repeat 0 -115px; border-bottom:1px solid #fff; }
#nav li a:hover, 
#nav li a.current		{color:#fff;}
#nav li ul, 
#nav li.hoover ul		{width:140px;position:absolute; top:51px; left:0; display:none;}
#nav li:hover ul, 
#nav li.over ul			{display:block; width:140px; text-align:center; text-decoration:none; height:auto; font-family:Arial, Helvetica, sans-serif; color:#fff; }


#nav ul.level2			{width:140px; margin:0; padding:0; position:absolute; top:51px; z-index:1002; }
#nav li ul li			{float:left; display:block; margin:0;}
#nav li:hover ul		{display:block; left:0;}
#nav li li a, 
#nav ul li.over li a 	{display:block; text-align:center; text-decoration:none; height:auto; padding:4px; font-family:Arial, Helvetica, sans-serif; color:#fff; background:none;}
#nav a, #nav .over a	{display:block;}

/* NAV LEVEL 1 ===========================================*/

#nav li.respiratory a 			{background-position:0 -115px;}
#nav li.respiratory a:hover, 
#nav li.respiratory a.current, 
#nav li.respiratory:hover a		{background-position:0 -165px; border-bottom:1px solid #f2af21;}

#nav li.absorbents a			{background-position: -140px -115px;}
#nav li.absorbents a:hover, 
#nav li.absorbents a.current, 
#nav li.absorbents:hover a		{background-position:-140px -165px; border-bottom:1px solid #dd4f25;}

#nav li.containment a			{background-position: -280px -115px;}
#nav li.containment a:hover, 
#nav li.containment a.current, 
#nav li.containment:hover a		{background-position:-280px -165px; border-bottom:1px solid #d61f25;}

#nav li.confined a				{background-position: -420px -115px;}
#nav li.confined a:hover, 
#nav li.confined a.current, 
#nav li.confined:hover a		{background-position:-420px -165px; border-bottom:1px solid #434986;}

#nav li.fall a					{background-position: -560px -115px;}
#nav li.fall a:hover, 
#nav li.fall a.current, 
#nav li.fall:hover a			{background-position:-560px -165px; border-bottom:1px solid #0070ab;}

#nav li.ppe a					{background-position: -700px -115px;}
#nav li.ppe a:hover, 
#nav li.ppe a.current, 
#nav li.ppe:hover a				{background-position:-700px -165px; border-bottom:1px solid #01923c;}

/* NAV LEVEL 2 ==========================================*/

#nav li ul li					{text-indent:0;}

#nav li.respiratory ul 	  		{background:#f3c301;}
#nav li.respiratory ul a		{border-top:1px solid #f9e180; border-bottom:1px solid #f2af21; background-color:#f3c301;}
#nav li.respiratory ul a:hover 	{background:#f2af21;}

#nav li.absorbents ul 			{background:#e97218;}
#nav li.absorbents ul a 		{border-top:1px solid #ef853c; border-bottom:1px solid #dd4f25; background-color:#e97218}
#nav li.absorbents ul a:hover 	{background:#dd4f25;}

#nav li.containment ul			{background:#ed1c24;}
#nav li.containment ul a		{border-top:1px solid #f2555b; border-bottom:1px solid #d61f25; background-color:#ed1c24;}
#nav li.containment ul a:hover 	{background:#d61f25;}

#nav li.confined ul 			{background:#6f559e;}
#nav li.confined ul a 			{border-top:1px solid #7368a3; border-bottom:1px solid #434986; background-color:#6f559e;}
#nav li.confined ul a:hover 	{background:#434986;}

#nav li.fall ul 				{background:#008acb;}
#nav li.fall ul a 				{border-top:1px solid #009cd9; border-bottom:1px solid #0070ab; background-color:#008acb;}
#nav li.fall ul a:hover 		{background:#0070ab;}

#nav li.ppe ul 					{background:#01ad4b;}
#nav li.ppe ul a 				{border-top:1px solid #58b77f; border-bottom:1px solid #01923c; background-color:#01ad4b;}
#nav li.ppe ul a:hover 			{background:#01923c;}


/*---------------------------------------------------------------------------------------------------------------------------------------
	HOMEPAGE
-----------------------------------------------------------------------------------------------------------------------------------------*/

#home #content 		{padding-bottom:0;}
.column3 		{float:left; display:inline; margin:0 10px; width:300px;}
.column3 h3 	{font-size:2.1em; color:#fff;}
.column3 p 		{font-size:1.5em;}
.column3 a 		{display:block; padding-right:20px; color:#e3ceb6;}
.column3.last 	{margin-right:0;}


/*---------------------------------------------------------------------------------------------------------------------------------------
	CONTENT
-----------------------------------------------------------------------------------------------------------------------------------------*/

#skip-to-content 		{display:none;}

#content 				{position:relative; padding:2em 0 5em; min-height:200px; height:auto!important; height:200px; z-index:1;}

#breadcrumb				{margin:0 0 2em 10px; padding:0; font-weight:bold; font-size:1.1em; text-transform:uppercase;}
#breadcrumb,
#breadcrumb a			{color:#a1a1a1;}
#breadcrumb a:hover 	{color:#464646;}

#main 					{float:left; display:inline; margin-left:10px; width:600px;}
#main.intro p			{font-family:Georgia,"Times New Roman",Times,serif; font-size:2em;}

#tabular 				{width:100%; border-collapse:collapse;}
#tabular th 			{font-weight:bold; border:1px solid #ccc; background-color:#e1e1e1;}
#tabular td 			{border:1px solid #ccc;}
#tabular th, 
#tabular td 			{padding:6px 8px;}


#sidebar 				{float:right; display:inline; margin-right:10px; width:300px;}
#sidebar img			{float:right;}

#secondary-content 				{padding-bottom:2em; min-height:130px; height:auto!important; height:130px;}

#thumbnails 					{margin:0; padding:0; list-style:none;}
#thumbnails li					{float:left; display:inline; margin:0 10px 20px; padding:0; width:300px; font-size:1.2em; text-align:center; background-color:#fff;}
#thumbnails li a				{display:block; border:3px solid #a1a1a1;}
#thumbnails li a:hover 			{border:3px solid #777;}
#thumbnails li a img			{display:block; margin:0 auto; width:250px; height:125px;}
#thumbnails li a span			{display:block; padding:4px 0 2px; color:#363636; background-color:#c1c1c1; border-top:1px solid #a1a1a1}
#thumbnails-title 				{position:absolute; margin:-54px 0 0 10px; padding:0; font-size:2.4em; text-transform:uppercase; color:#a1a1a1;}

#contact #sidebar 				{padding-top:40px;}
#contact #sidebar p 			{font-size:1.6em; line-height:1.3; color:#777;}
#contact #sidebar p strong 		{text-transform:uppercase;}
#contact #sidebar p a 			{color:#8c6239;}
#contact #sidebar p a:hover 	{color:#a52a2a;}


/*---------------------------------------------------------------------------------------------------------------------------------------
	FORMS
-----------------------------------------------------------------------------------------------------------------------------------------*/

form 			{margin: 0; padding: 0;}
form ol, 
form ul 		{margin: 0; padding: 0; list-style: none;}
form button 	{cursor:pointer;}

#message-form 					{border:1px solid #e1e1e1; background:#f7f7f7; padding:30px 0 30px 30px;}
#message-form li 				{float:left; margin:0 0 1em 0; width:50%;}
#message-form li label 			{display:block; font-wieght:bold 1.2em/1.2; text-transform:uppercase; color:#999; cursor:pointer;}
#message-form li label span 	{color:#c30;}
#message-form li input 			{width:85%; padding:4px 0;}
#message-form li.full 			{width:100%;}
#message-form li.full input		{clear:left; width:92%;}
#message-form li.full textarea	{clear:left; width:93%; height:175px;}
#message-form button 			{padding:10px 25px; border:1px solid #a1a1a1; background-color:#ed1c24; font-weight:bold; color:#e7c2c3; text-transform:uppercase;}


/*---------------------------------------------------------------------------------------------------------------------------------------
	FOOTER
-----------------------------------------------------------------------------------------------------------------------------------------*/

#footer 				{position:relative; color:#c69c6d;}
#footer a 				{font-weight:bold; color:#c69c6d;}
#footer a:hover 		{color:#e3ceb6;}
#footer p, 
#footer li 				{font-size:1.3em;}

#footer-company 		{float:left;}
#footer-category 		{float:right;}
#footer-company, 
#footer-category 		{margin:0 0 10px 0; padding:0; list-style:none;}
#footer-company li, 
#footer-category li 	{float:left;}
#footer-company li a, 
#footer-category li a 	{display:block; margin:0 10px;}

#footer-line 			{margin:0 10px 10px; height:1px; border:none; background-color:#c69c6d}

#footer-copyright 		{float:left; display:inline; margin-left:10px;}
#footer-credit 			{float:right; display:inline; margin-right:10px;}

/*---------------------------------------------------------------------------------------------------------------------------------------
	SEARCH RESULTS - added by Charlie 12/7/2009/2:00AM
-----------------------------------------------------------------------------------------------------------------------------------------*/
div.post{display:block; clear:both; overflow:hidden; border-bottom:1px solid #a1a1a1; border-bottom:1px solid #e1e1e1; padding:10px 0 20px 0; margin-bottom:20px;}
div.post-img{width:100px; float:left; margin-right:20px;}
div.post-info{width:480px; float:left;}
p.search-linkage a{background:#8C6239; padding:6px 12px; color:#ebebeb; font-size:12px; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px; }
p.search-linkage a:hover{color:#fff;}

/*---------------------------------------------------------------------------------------------------------------------------------------
	ABOUT PAGE - added by Charlie 12/7/2009/9:00AM
-----------------------------------------------------------------------------------------------------------------------------------------*/
ul.sidebar-list{padding:0 0 0 0; margin:40px 0 0 0; }
.sidebar-list a{display:block; padding:10px 0 10px 40px; font-size:14px;}
.sidebar-list a:hover{}
.sidebar-list li{padding-bottom:1em; list-style:none;}
	.credit a{background:url(../images/sign-up.png) no-repeat left center;}
	.credit a:hover{background:url(../images/sign-up-hover.png) no-repeat left center;}
	.linesheet a{background:url(../images/search.png) no-repeat left center;}
	.linesheet a:hover{background:url(../images/search-hover.png) no-repeat left center;}


/*---------------------------------------------------------------------------------------------------------------------------------------
	Footer Styling - added by Charlie 12/7/2009/10:00AM
-----------------------------------------------------------------------------------------------------------------------------------------*/
    #home #secondary-content h3,
	#about #secondary-content h3,
	#contact #secondary-content h3,
	#sitemap #secondary-content h3,
	#search #secondary-content h3 {padding:0 0 0 40px; margin-bottom:15px; text-transform:none;}
	
	#secondary-content a {color: #e3ceb6;}	
	#secondary-content p a:hover {color:#fff; font-weight:bold;}
	#secondary-content p a.open-account	{background:url(../images/sign-up.png) no-repeat -2px 0; padding-top:40px; margin-top:-40px;}
	#secondary-content p a:hover.open-account{background:url(../images/sign-up-hover.png) no-repeat -2px 0; color:#fff;}
	
	#secondary-content p a.line-sheet	{background: url(../images/search.png) no-repeat -2px 0; padding-top:40px; margin-top:-40px;}
	#secondary-content p a:hover.line-sheet{background:url(../images/search-hover.png) no-repeat -2px 0; color:#fff;}
	#secondary-content p a.featured img	{background:url(../images/camera.png) no-repeat -2px 2px;margin:-40px 0 0 0; padding:40px 0 0 0; display:block;}
	#secondary-content p a:hover.featured img{background:url(../images/camera-hover.png) no-repeat -2px 2px; color:#fff;}
	#secondary-content p a.featured img{float:left;}
/*---------------------------------------------------------------------------------------------------------------------------------------
	Sitemap Styling - added by Charlie 12/13/2009/6:30pm
-----------------------------------------------------------------------------------------------------------------------------------------*/
body#sitemap #sidebar{width:0;}
body#sitemap #main{width:95%;}
ul#company-list,
ul#product-sitemap,
ul#product-sitemap2{width:260px; display:inline; float:left; list-style-type:none; margin:0 20px 0 0; padding:0; font-size:12px;}

ul#company-list{width:200px; margin-right:80px;}
ul#product-sitemap{width:300px;}
ul#company-list a,
ul#product-sitemap a,
ul#product-sitemap2 a{color:#333;}

ul#company-list a:hover,
ul#product-sitemap a:hover,
ul#product-sitemap2 a:hover{color:#666666;}

#product-sitemap ul,
#product-sitemap2 ul{list-style-type:none; margin:0; padding:0;}

ul#company-list{background:#ebebeb; padding:11px 15px; border:1px solid #e1e1e1; -moz-border-radius: 4px;}
#company-list li{padding:6px 0;}
#company-list a{color:#333; font-weight:bold;}
#company-list a:hover{color:#666666;}

#product-sitemap li, #product-sitemap2 li{font-weight:bold; padding:4px 0; color:#8c6239;}
#product-sitemap li a, #product-sitemap2 li a{color:#8c6239;}
#product-sitemap li li a, #product-sitemap2 li li a{font-weight:normal; color:#333; }
#product-sitemap li li a:hover, #product-sitemap2 li li a:hover{color:#8c6239;}


p.contact{font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; margin-top:20px;}

/*---------------------------------------------------------------------------------------------------------------------------------------
	PRINT STYLES
-----------------------------------------------------------------------------------------------------------------------------------------*/

@media print {
  html, body 		{color:#000000; background:#ffffff; font-family:"Times New Roman", Times, serif; font-size:12pt;}
  a 				{text-decoration:underline; color:#0000ff;}
  #header, #nav 	{display:none;} 
}

@media handheld {

}