/* ##### BODY ##### */

@media screen {
	#bodycontent {
		text-align: left;
		margin: 10px auto 0 auto;
		width: 840px;
		background-color:#DCDDDE;
	}
}

body {
  	background-color: #FFFFFF;
 	font-family: Verdana, sans-serif;
  	font-size: 10px; 
  	color: #000000;
  	margin: 0;
  	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

a {
  	color: #000000;
	text-decoration: underline;
}

a:hover {
  	color: #E81B19;
	text-decoration: underline;
}



a.showvisited:visited {
	color: #999999;
	text-decoration: underline;
}


/* ##### TOP ##### */

@media screen {
	#top {
		width: 840px;
		background-color: #FFFFFF;
	}

	.header {
		width: 840px; 
		height: 64px;
	}

	.topnav {
		width: 840px; 
		height: 27px;
		font-size: 11px;
		text-align: center;
		margin: 0;
	}

	.topnav2 {
		color: #E81B19;
		font-family: Verdana, sans-serif;
		font-size: 10px;
		text-align: right;
		margin-right: 10px;
	}

	.topnav3 {
		color: #000000;
		font-family: Verdana, sans-serif;
		font-size: 10px;
		text-align: right;    
		margin-right: 10px;
		margin-top: 10px;
	}
}

@media print {
	.topnav, .topnav2, .topnav3 {
		display: none;
	}
}

.logos {
	float: left;
}

.topnav2 a {
  	color: #000000;
	text-decoration: underline;
	padding-bottom: 3px;
	padding-top: 3px;
}

.topnav2 a:hover {
  	color: #E81B19;
  	text-decoration: underline;
}

.topnav3 a {
  	color: #000000;
	text-decoration: underline;
	padding-bottom: 3px;
	padding-top: 3px;
}

.topnav3 a:hover {
  	color: #E81B19;
  	text-decoration: underline;
}

@media screen {
	.search {
		background-image:url(/images/catalog/search.gif);
		float: right;
		width: 307px;
		height: 23px;
		background-color: #FFFFFF;

	}
}
@media print {
	.search {
		display: none;
	}
}

.search input {
	font-size: 10px;
}

input.inSearch {
	float:right; 
	margin-right:8px; 
	margin-top:3px; 
	height:10px; 
	width:130px
}

input.inSubmit {
	float:right; 
	margin-right:24px;
	margin-top:2px;
}

/* ##### LEFT ##### */

@media screen {
	#leftbar {
		background-color: #DCDDDE;
		width: 142px;
		float: left;
	}
}
@media print {
	#leftbar {
		display: none;
	}
}

.quick {
  	background-color: #F5F5F5;
  	width: 142px;
  	float: left;
  	clear: left;
	padding-bottom: 2px;
}

.quick p {
	color: #000000;
  	font-family: Verdana, sans-serif;
  	font-size: 9px;
	margin: 0;
	padding: 10px 10px 3px 8px;
}

.quick form {
	margin: 0;
	padding: 0;
}

.quick a {
	color: #000000;
	text-decoration: underline;
}

.quick a:hover {
  	color: #E81B19;
	text-decoration: underline;
}

/* LEFT NAV */

.menu {
	background-color: #DCDDDE ;
  	width: 142px;
 	float: left;
  	clear: left;
}

.menu p {
  	color: #000000;
  	font-family: Verdana, sans-serif;
  	font-size: 9px;
  	padding-left: 10px;
}

ol {
	margin-left: 10px;
}

.menu ul {
  	list-style-type: none;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;	
}

.menu li {
	padding-bottom:3px;
	padding-top: 3px;
	border-bottom-style: solid;
	border-bottom-width: 0.5px; 
	border-bottom-color: #afacac ;

}

.menu li.highlight {
	font-style: italic;
}

.menu ul.sublist {
  	list-style-type: none;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;	
}

.menu ul.sublist li {
	padding: 1px;
	border: 0;
	font-style: italic;
}

.menu ul.subsublist {
  	list-style-type: none;
	padding-left: 10px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;	
}

.menu ul.subsublist li {
	padding-top: 1px;
	padding-bottom: 1px;
	border: 0;
	font-style: italic;
}

.menu a {
	color: black;
	text-decoration: none;	
}

.menu a:hover {
	color: #E81B19;
	text-decoration: none;	
}

.menu-heading {
	padding-bottom: 4px;
	display:block;
}

.menulinks {
	float: left;
	clear: left;
	margin-top: 5px;
	margin-left: 5px;
}

.customer-heading {
	color: #000000;
	padding-bottom: 4px;
	display:block;
}

.menu-heading {
	margin-top: 0;
	margin-bottom:0;
	padding-bottom: 0;
	padding-top:8px;

}
p.menu-heading {
	margin-top: 0px;
	margin-bottom: 4px;
	padding-bottom: 0;
}

a.menu-selected {
	color: #E81B19;
}

.contact {
	background-color: #F5F5F5;
  	width: 142px;
	float: left;
	clear: left;
}

.contact p {
  	color: #666666;
  	font-family: Verdana, sans-serif;
  	font-size: 9px;
  	padding-left: 10px;
	padding-right: 2px;
}

.contact a {
  	color: #000000;
	text-decoration: underline;
}

.contact a:hover {
	color: #E81B19;
	text-decoration: underline;
}

.leftfill {
	background-color: #DCDDDE;
  	width: 142px;
	height: auto;
  	float: left;
}



/* ##### RIGHT ##### */

#rightbar {
  	width: 20px;
	float: right;
	background-color: #FFFFFF;
}

.banner {
	float: right;
}



/* ##### MAIN ##### */


@media screen {
	#main {
		margin-left: 142px;
		padding-top: 0px;
		width: 698px;
		background-color: #FFFFFF;
	}
}
@media print {
	#main {
		margin-left: -25px;
		width: 698px;
		background-color: #FFFFFF;
		float: left;
		clear: both;
	}
}

.block {
	position: relative;
	padding-top: 10px;
	padding-bottom: 15px;
	width: 698px;
	background-color: #FFFFFF;
	float: left;
}

.textblock {
	padding-top: 5px;
	width: 578px;
	background-color: #FFFFFF;
	float: left;
}

.heading {
	padding-left: 20px;
}

.textblock h1 {
	padding-left: 220px;
}

.textblock h2, .level1 {
	color: #E81B19;
  	font-family: Verdana, sans-serif;
	font-weight: bold;
  	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.textblock h3, .level2 {
	color: #000000;
  	font-family: Verdana, sans-serif;
	font-weight: bold;
  	font-size: 10px;
}

.textblock h3 a, .level2 a {
	color: #000000;
  	font-family: Verdana, sans-serif;
	font-weight: bold;
  	font-size: 10px;
	text-decoration: underline;
}

.textblock h4, .level3 {
	color: #999999;
  	font-family: Verdana, sans-serif;
	font-weight: bold;
  	font-size: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1em;

}

.textblock h4 a, .level3 a {
	color: #000000;
  	font-family: Verdana, sans-serif;
	font-weight: bold;
  	font-size: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
	text-decoration: underline;
}

.textblock p {
	color: #000000;
  	font-family: Verdana, sans-serif;
  	font-size: 10px;
	padding-left: 22px;
	padding-right: 20px;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 6px;
}

.textblock p a {
	color: #000000;
	text-decoration: underline;
}

.textblock p a:hover {
  	color: #E81B19;
	text-decoration: underline;
}

.textblock p.alert {
	color: #E81B19;
  	font-family: Verdana, sans-serif;
  	font-size: 10px;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 6px;
	padding-bottom: 0;
}

.textblock li  {
  	color: #000000;
	padding-bottom: 3px;
	padding-right: 4px;
	padding-left: 6px;
	padding-top: 3px;
}

.textblock li a {
  	color: #000000;
	text-decoration: underline;
}

.textblock li a:hover {
  	color: #E81B19;
  	text-decoration: underline;
}

a.secondarylink:link, a.secondarylink:visited {
  	color: #000000;
	text-decoration: underline;
}

a.secondarylink:hover {
  	color: #E81B19;
  	text-decoration: underline;
}

/* ##### FOOTER ##### */

@media screen {
	#footer {
		color: #666666;
		font-size: 9px;
		font-family: Verdana, sans-serif;
		text-align: center;
		clear: right;
		width: 698px;
		line-height: 14px;
	}
}
@media print {
	#footer {
		display: none;
	}
}

#footer a {
	color: #000000;
	text-decoration: underline;
	font-size: 8px;
}

#footer table.footer-links td {
	padding: 0 9px !important;
}
#footer table.footer-links {
	margin-bottom: 10px;
}

#footer a:hover {
  	color: #E81B19;
	text-decoration: underline;	
}

.links {
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-top: 8px;

	}
	
#footer p.footer-link {
	display: inline;
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
	text-align: center;
}

/* ##### HOME ##### */

#homepage #highlights {
	background: url('../images/Catalog/homepage_top.jpg') no-repeat top left;
	height: 275px;
}

#homepage #highlights #main {
	width: 340px;
	height: 250px;
	margin: 5px 5px 5px 5px;
	float: left;
	background-color: red;
}

#homepage #highlights #topsellers {
	width: 163px;
	height: 250px;
	margin: 10px 0 0 15px;
	float: left;
}

#homepage #highlights #topsellers strong {
	font-size: 11px;
	color: #E81B19;
}

#homepage #highlights #topsellers ul {
	margin: 0;
	padding: 5px 0 0 14px;
}

#homepage #products {
	background: url('../images/Catalog/homepage_middle.gif') repeat-y top left;
}

#homepage #products a.title {
	color: #E81B19;
	text-transform: uppercase;
	text-decoration: none;
}

#homepage #products #product1 {
	width: 167px;
	margin-left: 10px;
	margin-top: 5px;
	float: left;
}

#homepage #products #product2 {
	width: 167px;
	margin-left: 11px;
	margin-top: 5px;
	float: left;
}

#homepage #products #product3 {
	width: 169px;
	margin-left: 9px;
	margin-top: 5px;
	float: left;
}

#homepage #bottom {
	background: url('../images/Catalog/homepage_bottom.gif') no-repeat top left;
	height: 13px;
	clear: left;
}

#homepage #importantinformation {
	margin-top: 20px;
}

.icongray {
	padding-left: 20px;
	padding-top: 10px;
	width: 286px;
	color: #000000;
  	font-family: Verdana, sans-serif;
  	font-size: 9px;
}

.iconwhite1 {
	width: 216px;
	color: #000000;
  	font-family: Verdana, sans-serif;
  	font-size: 9px;
}

.iconwhite1 a {
	color: #000000;
	text-decoration: underline;
}

.iconwhite1 a:hover {
	color: #E81B19;
	text-decoration: underline;	
}

.iconwhite2 {
	padding-top: 10px;
	width: 216px;
	color: #000000;
  	font-family: Verdana, sans-serif;
  	font-size: 9px;
}

.homeblock a {
	color: #000000;
	text-decoration: underline;
}

.homeblock a:hover {
  	color: #E81B19;
	text-decoration: underline;
}

a.seemore {
	color: #000000;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}

a.seemore:hover {
	color: #E81B19;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}

/* ##### CHECK-OUT ##### */

.form {
	width: 550px;
	background-color: #FFFFFF;
	
}

.formtable {
	padding-left: 28px;
	background-color: #FFFFFF;
	
}

.formtable2 {
	padding-left: 28px;
	background-color: #FFFFFF;
	color: #000000;
  	font-family: Verdana, sans-serif;
  	font-size: 9px;	
}

.nav {
	padding-left: 30px;
	width: 670px;
	padding-top: 5px;
}

.nav table {
	border-collapse: collapse;
}

.nav td {
	height: 20px;
	padding: 0 13px;
	border: 1px solid black;
	background-color: #DCDDDE;
	text-align: center;
	font-weight: bold;
}

.nav td.completed {
	background-image: url(/images/catalog/checkmark.png);
	background-repeat: no-repeat;
	background-position: 2px 4px;
}

input.radiobutton {
	width:15px; 
	height:15px;
	margin-left: 15px;
}

.address {
	width:532px; 
}

.address-header td {
	background-image: url(/images/catalog/request_table.gif);
	font-weight: bold;
	line-height: 6px;
}

.address td a {
	color: #000000;
	text-decoration: underline;
}

.address td a:hover {
  	color: #E81B19;
	text-decoration: underline;
}

form label {
  display: inline-block;
  float: inherit;
  vertical-align: top;
}

.buttons {
  	width: 532px; 
	padding-left: 28px;
}
 
 input.inputtext {
 	background-color:#FCF781;
	margin-left: 28px;
	margin-top: 8px;
}

.small {
	color: #000000;
  	font-family: Verdana, sans-serif;
  	font-size: 9px;
	padding-left: 28px;
	padding-right: 20px;
}

.small a {
	color: #000000;
	text-decoration: underline;
}

.small a:hover {
  	color: #E81B19;
	text-decoration: underline;
}

.small ul  {
	margin-top: 5px;
	padding-left: 20px;
}

.small li  {
	padding-bottom: 3px;
	padding-right: 4px;
	padding-left: 6px;
	padding-top: 3px;
}

.alert {
	font-weight: bold;
	color: #E81B19;
}

.catalogred {
	color: #E81B19;	
}

/* ##### NEW DESIGN ##### */

.heading2 {
	padding-left: 27px;

}

.textblock2 {
	padding-top: 5px;
	width: 675px;
	background-color: #FFFFFF;
	float: left;
}

.cartmessage {
  	color: #E81B19;
  	font-family: Verdana, sans-serif;
	font-weight: bold;
  	font-size: 10px;
	margin-left: 28px;
}

p.cartmessage {
	margin-top: 8px;
	margin-bottom: 8px;
}

.cartmessage a {
  	color: #000000;
	text-decoration: underline;
}

.cartmessage a:hover {
	color: #E81B19;
	text-decoration: underline;
}

.buttons2 {
  	width: 675px; 

 }
 
.table1 {
	padding-left: 28px;
	background-color: #FFFFFF;
	
}

.request {
	width:647px; 
	font-family: Verdana, sans-serif;
  	font-size: 9px;
	

}

.request-header td {
	background-image: url(/images/catalog/request_table.gif);
	font-weight: bold;
	line-height: 10px;
}

select.selectsort {
 	font-size:9px;
	margin-top: 3px;
	padding-bottom: 0px;
	
}

.small2 {
	color: #000000;
  	font-family: Verdana, sans-serif;
  	font-size: 10px;
	padding-left: 28px;
	padding-right: 20px;
}

.small2 a {
	color: #000000;
	text-decoration: underline;
}

.small2 a:hover {
  	color: #E81B19;
	text-decoration: underline;
}

.request a {
	color: #000000;
	text-decoration: underline;
}

.request a:hover {
  	color: #E81B19;
	text-decoration: underline;
}

.textblock3 {
	padding-top: 5px;
	width: 544px;
	background-color: #FFFFFF;
	float: left;
}

.category {
	width:516px; 
	font-family: Verdana, sans-serif;
  	font-size: 9px;
	

}

.category a {
	color: #000000;
	text-decoration: underline;
	
  
}
.category a:hover {
  	color: #E81B19;
	text-decoration: underline;
}

.buttons3 {
  	width: 544px; 
}
 
.table2 {
 	padding-top: 5px;
	background-color: #FFFFFF;
}

.request2 {
	width: 140px; 
	font-family: Verdana, sans-serif;
  	font-size: 9px;
	margin-left: 14px;
	clear: right;
}

.request2 a {
	color: #000000;
	text-decoration: underline;
}

.request2 a:hover {
  	color: #E81B19;
	text-decoration: underline;
	
}

@media screen {
	.verisign {
		width: 140px; 
		font-family: Verdana, sans-serif;
		font-size: 9px;
		margin-left: 14px;
		clear: right;
	}
}
@media print {
	.verisign {
		display: none;
	}
}

input.inputItem {
 	width: 125px;
}

input.inputQuan {
 	width: 30px;
}

.buttons4 {
  	margin-top: 15px;
}
 
.producttable {
	background-color: #FFFFFF;
	width: 338px;
	font-family: Verdana, sans-serif;
  	font-size: 10px;
	margin-bottom: 15px;
}

.producttable a {
	color: #000000;
	text-decoration: underline;
}

.producttable a:hover {
  	color: #E81B19;
	text-decoration: underline;
	
}

.producttable-header td {
	background-image: url(/images/catalog/product_table.gif);
	font-weight: bold;
	text-align: center;
}

.tabtable {
	background-color: #FFFFFF;
	width: 100%;
	font-family: Verdana, sans-serif;
  	font-size: 10px;
}

.tabtable-header td {
	background-color: #999999;
	font-weight: bold;
	text-align: center;
}

.product {
	margin-top: 12px;
 	padding-left: 28px;
	background-color: #FFFFFF;
	width: 516px;
}

.textblock3 h3 {
	color: #000000;
  	font-family: Verdana, sans-serif;
	font-weight: bold;
  	font-size: 10px;
	padding-left: 28px;
	margin-top: 15px;
	margin-bottom: 5px;


}
.prodtab {
	width: 330px;
	height: 19px;
	font-family: Verdana, sans-serif;
  	font-size: 10px;
	font-weight:bold; 
	color:#FFFFFF;
	margin-top: 15px;
	
}

.prodtab table {
	float: left;
}

.prodtab td {
	background-color: #E81B19;
	padding-left: 5px;
	padding-right: 10px;
	height: 19px;
}

.prodtab p {
	font-family: Verdana, sans-serif;
  	font-size: 10px;
	font-weight: normal; 
	color: #FFFFFF;
	margin-top: 4px;
	float: right;
}

.prodtab p a {
	color: #000000;
	text-decoration: underline;
}

.prodtab p a:hover {
  	color: #E81B19;
	text-decoration: underline;
}

.inline {
 	margin-left: 28px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #DCDDDE;
}

.inline a {
  	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

.inline a:hover {
	color: #E81B19;
	text-decoration: underline;
}

.inline li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.tabs {
	clear: both;
	padding-top: 20px;
	padding-left: 28px;
	background-color: #FFFFFF;
	width: 516px;
}

.tab {
	width: 100px;
	color: black;
	border-top: 1px solid #DCDDDE;
	border-left: 1px solid #DCDDDE;
	border-right: 1px solid #DCDDDE;
	font-weight: bold;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

.selectedtab {
	width: 100px;
	color: white;
	background-color: #E81B19;
	font-weight: bold;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

.tablink {
	color: #000000;
	text-decoration: underline;
}

.tablink:hover {
	color: #E81B19;
	text-decoration: underline;
}

.info {
	width: 480px;
	padding-top:20px;
 	margin-left: 20px;
	padding-right: 30px;
	background-color: #FFFFFF;
	font-family: Verdana, sans-serif;
  	font-size: 9px;
}

/* ##### OTHER PAGES ##### */

.popupblock {
	font-size: 11px;
}

.popupblock p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.popupblock ol, .popupblock ul {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 30px;
}

.popupblock a {
	color: #000000;
	text-decoration: underline;
}

.popupblock a:hover {
  	color: #E81B19;
	text-decoration: underline;
}

.popupheader {
	color: #000000;
  	font-family: Verdana, sans-serif;
	font-weight: bold;
  	font-size: 15px;
}

.errorpage {
	padding-left: 28px;
	background-color: #FFFFFF;
}

.errorpage h1 {
	color: #000000;
  	font-family: Verdana, sans-serif;
	font-weight: bold;
  	font-size: 15px;
}

.errorpage a {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

.errorpage a:hover {
  	color: #E81B19;
	font-weight: bold;
	text-decoration: underline;
}

.bgblue
{
		background-color: #009AFE;
}

/* ##### LOGINPAGE ##### */

.loginpage a
{
  	color: #000000;
	text-decoration: underline;
}

.loginpage a:hover {
  	color: #E81B19;
	text-decoration: underline;
}

.loginpage a:visited {
	color: #999999;
	text-decoration: underline;
}


.loginpage td{
	text-align: left;
}


.highlights
{
	font-weight: bold;
        font-size: 14px;
        color: #000000;
        font-family: verdana, helvetica, sans-serif;
	text-decoration: none;
}

.bg_liteblue
{
		background-color: #0099ff;
}

.whitetxt11
{
        font-weight: bold;
        font-size: 11px;
        color: #FFFFFF;
        font-family: Verdana, helvetica, sans-serif;
		text-decoration: none;
}

a
{
	color: #000000;
	text-decoration: underline;
}
a:hover
{
	color: #E81B19;
	text-decoration: underline;
}

a.PagingLinks
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

a.PagingLinks:hover
{
	font-size: 10px;
	color: #E81B19;
	text-decoration: none;
}

a.PagingLinks:visited
{
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}

/* NFPA Catalog */
.blue_bg	{background-color:#0099FF;}
.bluebg		{background-color: #0099FF;}
.dk_blue	{background-color:#0064cc;}
.white_bg	{background-color:#FFFFFF;}
.grey_bg	{background-color:#F2F2F2;}
.grey_bg1	{background-color:#CFCFCF;}
.itemlist	{font-weight: bold;font-size: 9px;color: #0064cc;font-family: verdana;text-decoration: none;}
.itemlist2 	{font-weight: bold;font-size: 10px;color: #0064cc;font-family: verdana;text-decoration: none;}
.itemlist4      {font-weight: bold;font-size: 12px;color: #0064cc;font-family: verdana;text-decoration: none;}


.bold_red	{font-weight: bold;font-size: 10px;color: #FF0000;font-family: Verdana;text-decoration: none;}	
 input.quick	{font-family:Verdana, helvetica, sans-serif;font-size:9px;color:#333333;}
.quick_black {font-family:arial;font-size:10px;color:black;font-weight:bold;}
.quick_red {font-family:arial;font-size:10px;color:#FE0000;font-weight:bold;}
.bg_e5e5e5 {background-color:#e5e5e5;}