@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic);


h1, h2, h3, h4, h5, h6, h7, h8, p, a, img, ul, ol, li, dl, dt, dd, form {
	margin: 0;
	padding: 0;
	border-style: none;
}

body {
	background: #c6c7c9 url(background.gif) repeat-x center top;
	text-align: center;
	margin: 0;
	}
	
h1 {
	display: none;
	}
	
ul#nav {
	width: 774px;
	padding: 10px 3px;
	height: 34px;
	background: url(nav.jpg) no-repeat left top;
	margin: 0 auto;
	overflow: hidden;
	font: normal 10px/10px Arial, Helvetica, sans-serif;
	}
	
ul#nav li {
	display: inline;
	}

ul#nav li span,
ul#products li span,
ul#products_int li span {
	display: none;
	}
	
ul#nav li a {
	float: left;
	height: 16px;
	display: inline;
	margin: 0 5px;
	background-position: left top;
	background-repeat: no-repeat;
	}
	
ul#nav li a.n_spacer {
	background-image: url(n_spacer.gif);
	width: 6px;
	}

ul#nav li a.n_locator {
	background-image: url(n_locator.gif);
	width: 120px;
	}
	
ul#nav li a.n_new {
	background-image: url(n_new.gif);
	width: 60px;
	}

ul#nav li a.n_home {
	background-image: url(n_home.gif);
	width: 35px;
	}
	
ul#nav li a.n_history {
	background-image: url(n_history.gif);
	width: 63px;
	}
	
ul#nav li a.n_media {
	background-image: url(n_media.gif);
	width: 44px;
	}
	
ul#nav li a.n_about {
	background-image: url(n_about.gif);
	width: 59px;
	}

ul#nav li a.n_contact {
	background-image: url(n_contact.gif);
	width: 75px;
	}
	
ul#nav li a.n_faqs {
	background-image: url(n_faqs.gif);
	width: 39px;
	}

ul#nav li a:hover {
	background-position: left bottom;
	}




.n_search label {
	float: left;
	width: 47px;
	height: 16px;
	background: url(search.gif) no-repeat 10px top;
	}

.n_search input {
	float: left;
	margin: 0;
	}
	
.n_search input.searchbox {
	border: none;
	font: normal 11px/11px Arial, Helvetica, sans-serif;
	height: 12px;
	padding: 2px;
	background: #dcddde;
	width: 120px;
	margin-right: 2px;
	}
	
	
	
ul#products {
	/* width: 565px; */
	width: 780px;
	padding: 0 0 0 44px;
	height: 40px;
	margin: 0 auto;
	background: url(productnav.jpg) no-repeat center top;
	overflow: hidden;
	}
	
ul#products_int {
	/* width: 565px; */
	width: 780px;
	/* padding: 0 0 0 225px; */
	padding: 0 0 0 44px;
	height: 103px;
	margin: 0 auto;
	overflow: hidden;
	}
	
ul#products li,

ul#products_int li {
	display: inline;
	}
	
ul#products li a,

ul#products_int li a {
	float: left;
	display: block;
	margin: 0;
	height: 40px;
	width: 140px;
	background-position: center top;
	background-repeat: no-repeat;
	}

	
ul#products li a.p_work,
ul#products_int li a.p_work  { background-image: url("p_work.gif"); width: 112px; }
	

ul#products li a.p_uniform,
ul#products_int li a.p_uniform  { background-image: url("p_uniform.gif"); width: 59px; }

	
ul#products li a.p_fire,
ul#products_int li a.p_fire  { background-image: url("p_fire.gif"); width: 37px; }

ul#products li a.p_1892,
ul#products_int li a.p_1892  { background-image: url("p_1892.gif"); width: 42px; }

	
ul#products li a.p_outdoor,
ul#products_int li a.p_outdoor  { background-image: url("p_outdoor.gif"); width: 161px; }


ul#products li a.p_shoein,
ul#products_int li a.p_shoein  { background-image: url("p_shoein.gif"); width: 125px; }


ul#products li a.p_dealers,
ul#products_int li a.p_dealers  { background-image: url("p_dealers.gif"); width: 104px; }

ul#products li a:hover,
ul#products_int li a:hover,

ul#products li.on a,
ul#products_int li.on a {background-position: center bottom;
	}
	
	
#header {
	margin: 0 auto;
	width: 780px;
	height: 164px;
	overflow: hidden;
	}
	
#wrapper {
	width: 780px;
	background: #fff;
	margin: 0 auto;
	text-align: left;
	padding: 10px 0 0;
	font: normal 13.5px/17px 'Open Sans Condensed', sans-serif;
	letter-spacing: 0.050em;
	color: #000;	
	}
	
ul#sidebar {
	float: left;
	width: 150px;
	padding: 0 10px;
	font: normal 12px/13px 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	color: #da9001;	
	}

ul#sidebar li {
	list-style: none;
	display: inline;	}
	
	
	
ul#sidebar li a {
	display: block;
	border-bottom: 1px solid #fdae03;
	padding: 5px 0;
	text-decoration: none;
	color: #666666;
	}
	
	
.indent {
	margin-left:8px; !important;
	}
	
.indent2 {
	margin-left:16px; !important;
	}
	
ul#sidebar li a:hover {
	background: url(sidebar_arrow.gif) no-repeat right center;
	color: #f8941a;
	}
	
ul#sidebar li.on a {
	background: url(sidebar_arrow.gif) no-repeat right center;
	font-weight: bold;
	border-bottom: 1px solid #666;
	color: #f8941a; 
	}	

ul#sidebar li.on li a,
ul#sidebar li.on li.on li a {
	color: #545a63;
	}

ul#sidebar li.on li.on a,
ul#sidebar li.on li.on li.on a {
	color: #f8941a;
	}
	

ul#sidebar li a.ln_media,
ul#sidebar li a.ln_media:hover {
	background: url(sidebar_cats.jpg) no-repeat center top;
	padding-top: 215px;
	color: #545a63;
	text-transform: none;
	border-top: 5px solid #fff;
	line-height: 12px;
	}
	
ul#sidebar li a.ln_media strong {
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	color: #f8941a;
	}
	
ul#sidebar li a.ln_media span {
	display: none;
	}
	
ul#sidebar li ul {
	display: block;
	border-bottom: 1px solid #000;
	padding: 10px 10px 5px;
	background-color:#F3F3F3;
	font: normal 10px/12px Arial, Helvetica, sans-serif;
	}
	
ul#sidebar li.on ul li a {
	background: none;
	font-weight: normal;
	border: none;
	padding: 0 0 5px;
	text-decoration: underline;
	}
	
ul#sidebar li.on ul li a:hover {
	background: none;
	}

ul#sidebar li.on ul li ul {
	padding: 0;
	border: none;
	}
	
ul#sidebar li.on ul li ul li {
	
	}
	
ul#sidebar li.on ul li ul li a {
	background: none;
	font-weight: normal;
	border: none;
	padding: 0 6px 5px;
	text-transform: none;
	text-decoration: underline;
	}
	
ul#sidebar li.orderreview table {
	width: 150px;
	border-bottom: 3px solid #000;
	margin: 0 0 5px;
	}

ul#sidebar li.orderreview table th {
	background: #000 url(cornerdlr.gif) no-repeat right top;
	color: #fff;
	padding: 3px;
	}

ul#sidebar li.orderreview table tr.subhead td {
	color: #333;
	font-weight: bold;
	text-transform: none;
	border-bottom: 1px solid #ccc;
	padding: 4px 3px;
	}
	
ul#sidebar li.orderreview table td {
	padding: 3px;
	}
	
ul#sidebar li.orderreview table td.bord {
	border-right: 1px solid #ccc;
	}
	
ul#sidebar li.orderreview a {
	border: none;
	text-decoration: none;
	}



#jobapp {
	float: center;
	width: 576px;
	}	
	
#jobapp h3 {
	font: bold 18px/18px'Open Sans Condensed', sans-serif;
	color: #f8941a;
	}
	
#jobapp h2 {
	font: 12px/15px'Open Sans Condensed', sans-serif;
	color: #333;
	}
	
#jobapp h4 {
	font: bold 15px/18px'Open Sans Condensed', sans-serif;
	color: #f8941a;
	}
	
	
#content {
	float: left;
	width: 600px;
	padding: 10px 0;
	}	

#content h3 {
	font: bold 14px/14px Helvetica, Arial, sans-serif;
	color: #333;
	margin: 0 15px 10px;
	}

#content h4 {
	font: bold 18px/18px'Open Sans Condensed', sans-serif;
	color: #f8941a;
	margin: 0 15px 10px;
	}

#content h5 {
	margin: 0 15px 10px;
	font: bold 12px/12px'Open Sans Condensed', sans-serif;
	clear: both;
	}
	
#content h6 {
	font: bold 14px/15px'Open Sans Condensed', sans-serif;
	color: #f8941a;
	margin: 0 0px 0px;
	}
	
#content h7 {
	font: bold 12px/13px'Open Sans Condensed', sans-serif;
	color: #f8941a;
	margin: 0 0px 0px;
	}
	
#content h8 {
	font: bold 11px/12px'Open Sans Condensed', sans-serif;
	color: #000000;
	margin: 0 15px 0px;
	}
	
#content h5.nomarginx {
	margin-left: 10px;
	margin-bottom:0px;
	margin-top:10px;
	font: bold 12px/12px'Open Sans Condensed', sans-serif;
	clear: both;
	}	


#content p.nomarginx {
	margin-left: 10px;
	margin-bottom:5px;
	margin-top:5px;

	}
#content a {
	color: #666;
	}

#content p,
#content ul,
#content ol {
	margin: 0 15px 10px;
	}
	
#content p a {
	color: #000;
	}
	
#content p.crumbs a {
	font-weight: bold;
	font: bold 17px/18px'Open Sans Condensed', sans-serif;
	color: #f8941a;
	margin: 0 0px 10px;
	text-decoration: none;
	}

#content p a:hover,
#content p.crumbs a:hover {
	color: #666;
	text-decoration: underline;
	}

#content ul#categories {
	padding: 10px 0 0;
	margin: 0;
	clear: both;
	}

#content ul#categories li {
	display: inline;
	margin: 0;
	padding: 0;
	}
	
#content ul#categories li a {
	float: left;
	border-bottom: 1px solid #000;
	background: #000;
	width: 285px;
	height: 151px;
	margin: 0 0 10px 10px;
	display: inline;
	color: #fff;
	text-decoration: none;
	}

#content ul#categories li a.jumpto {
	clear: both;
	width: 580px;
	height: 30px;
	overflow: hidden;
	border: none;
	background: none;
	}

#content ul#categories li a.jumpto img {
	border: none;
	}
	
#content ul#categories li a h3 {
	background: url(cat_h3.gif) no-repeat left top;
	height: 16px;
	text-align: left;
	color: #fff;
	padding: 5px 8px 0px;
	margin: 0;
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	}
	
#content ul#categories li a h3.cat_usa {
	background: url(cat_h3_usa.gif) no-repeat left top;
	height: 16px;
	text-align: left;
	color: #fff;
	padding: 5px 8px 0px;
	margin: 0;
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	}
	
#content ul#categories li a.cat_amheritage {
	background: url(cat_amheritage.gif) no-repeat right bottom;
	}
	
#content ul#categories li a.cat_work {
	background: url(cat_work.gif) no-repeat right bottom;
	}


#content ul#categories li a p.none {
	color: #000;
	width: 130px;
	margin: 0;
	float: left;
	text-align: center;
	padding: 60px 0 0;
	}
	
#content ul#categories li a img.prodthumb {
	float: left;
	border: 5px solid #fff;
	}

#content ul#categories li a p.details img {
	border: none;
	float: right;
	
	}

#content ul#categories li a p.details {
	float: right;
	margin: 0 ;
	padding: 2px 2px;
	width: 120px;
	text-align: right;
	}

div#productheader {
	height: 27px;
	background: url(detail_h3.gif) no-repeat left top;
	margin: 0 10px;
	}
	
a.contact {
	float: right;
	width: 86px;
	height: 27px;
	background: url(detail_contact.gif) no-repeat left top;
	}

a.contact:hover {
	background-position: left bottom;
	}

a.contact span {
	display: none;
	}

#productheader h3 {
	float: right;
	color: #fff;
	font: bold 12px/13px Helvetica, Arial, sans-serif;
	padding: 7px 15px 0 0;
	margin: 0;
	}
	
#productheader h3 span {
	padding: 0 10px;
	font-weight: normal;
	}
	
#productbody {
	margin: 0;
	}	
	
#productbody .images {
	float: left;
	width: 330px; 
	text-align: center;
	padding-right: 5px;
	}
	
#productbody .images p {
	margin: 0;
	}
	
#productbody .images p img {
	margin: 0 2px;
	}

#productbody .column {
	border-left: 1px solid #000;
	float: left; 
	width: 250px;
	border-bottom: 4px solid #000;
	}

#content ul#icons {
	border-bottom: 1px solid #000;
	padding: 10px;
	margin: 0;
	}

#content ul#icons li {
	height: 14px;
	margin: 0 0 2px;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	list-style: none;
	padding: 0;
	}
	
#content ul#icons li a {
	float: left;
	border: 1px solid #000;
	font: bold 10px/10px Arial, Helvetica, sans-serif;
	text-align: center;
	width: 30px;
	padding: 0 0 0;
	height: 11px;
	margin: 0 4px 0 0;
	text-decoration: none;
	}




a.i_safety {
	color: #f93;
	}

a.i_bloodborne {
	color: #c00;
	}
	
a.i_hazard {
	color: #000;
	}
	
a.i_fire {
	color: #f00;
	}

a.i_nonmark {
	color: #069;
	}
	
a.i_slipresist {
	color: #903;
	}
		
a.i_usa {
	color: #000;
	}

#content ul#construction {
	padding: 10px 10px 5px;
	margin: 0;
	}

#content ul#construction li {
	margin: 0 0 5px;
	list-style: none;
	padding: 0;
	}
	
#content ul#construction li span {
	color: #f00;
	}

#content ul#sizing {
	margin: 0;
	padding: 0;
	}
	
#content ul#sizing li {
	border-top: 1px solid #000;
	padding: 5px 10px;
	list-style: none;
	margin: 0;
	}
	
#content ul#sizing strong {
	padding: 0 10px 0 0;
	}
	
#footer {
	clear: both;
	background: url(footer.gif) no-repeat left top;
	text-align: right;
	padding: 12px 12px 0;
	height: 23px;
	font: normal 11px/11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-top: 10px solid #fff;
	color: #999;
	}

table.genders {
	margin: 10px 0;
	}
	
table.genders th {
	padding: 2px 2px 2px 0;
	}
	
table.genders td {
	padding: 2px 30px;
	border-top: 1px solid #ccc;
	text-align: left;
	}
	
table.results {
	margin: 0 10px 10px;
	width: 560px;
	}
	
table.results th {
	text-align: left;
	font: bold 13px/13px Helvetica, Arial, sans-serif;
	color: #f8941a;
	padding: 5px;
	}

table.results td {
	border-top: 1px solid #eee;
	padding: 5px;
	}
	
table.results td a {
	color: #333;
	}

table.results td a:visited {
	color: #999;
	}

table.results td a:hover {
	color: f8941a;
	}

ul.sellsheets {
	margin: 0 0 10px 15px;
	}
	
ul.sellsheets li {
	width: 135px;
	float: left;
	list-style: none;
	margin: 0 0 10px;
	}
	
ul.sellsheets li img {
	display: block;
	}

ul.sellsheets a {
	color: #666;
	}
	
	
div#innersidebar {
	float: right;
	width: 250px;
	}


table.searchtable {
	width: 320px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 15px;
	}
	
table.searchtable td {
	padding: 5px 5px;
	}

table.searchtable th {
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #eee;
	text-align: left;
	font: bold 13px/13px Helvetica, Arial, sans-serif;
	color: #f8941a;
	}
	
ol.dealer li {
	color: #ccc;
	border: 1px solid #ccc;
	width: 320px;
	margin: 0 0 5px;
	padding: 15px 0 6px;
	}
	
ol.dealer li p,
ol.dealer li h5 {
	color: #000;
	}
	

table.salesreps {
	margin: 0 15px 10px;
	}
	
table.salesreps td {
	padding: 5px;
	vertical-align: top;
	}
	
table.salesreps tr.alt td {
	background: #eee;
	}
	
table.salesreps th {
	padding: 0 5px 5px;
	text-align: left;
	}

	
table.catRequest {
	margin: 0 0 0 15px;
	}
	
table.catRequest td {
	padding: 0 5px 5px 0;
	}
	
table.makeUp {
	margin: 0 0 0 15px;
	width: 570px;
	}
	
table.makeUp td {
	border-top: 1px solid #ccc;
	padding: 5px;
	text-align: left;
	}
	
table.makeUp td.image {
	width: 100px;
	height: 100px;
	text-align: center;
	}

table.form {
	margin: 0 10px 10px;
	}

table.form th {
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 5px;
	border-bottom: 1px solid #ddd;
	color: #ca7106;
	}

table.form td {
	padding: 5px;
	}
	
table.form tr.top,
table.form tr td.top {
	vertical-align: top;
	padding-top: 10px;
	}
	
table.form tr.border td,
table.form tr td.border {
	border-bottom: 1px solid #ddd;
	}
	
table.form tr.alt td {
	background: #eee;
	}
	
#content ul#splash {
	background: url(../slideshow/ss-bg.jpg) no-repeat left top;
	margin: 0 0 0 10px;
	padding: 0;
	height: 185px;
	width: 590px;
	}
	
#content ul#splash li {
	float: left;
	width: 116px;
	height: 193px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	}
	
#content ul#splash li.sCat {
	float: none;
	display: inline;
	}
	
#content ul#splash li.sCat a {
	float: left;
	width: 116px;
	height: 15px;
	text-indent: -9999em;
	}


/* inv tracking */
#content table.invtracking {
	width: 570px;
	margin-left:15px;
	}
	
	
		
/* order history */

#content table.orderHistory {
	width: 570px;
	margin: 0 0 10px 15px;
	}
	
#content table.orderHistory tr.orderHeader th {
	font: bold 12px/13px Helvetica, Arial, sans-serif;
	border-top: 1px solid #ddd;
	background: #333;
	color: #fff;
	}	
	
#content table.orderHistory th {
	padding: 5px;
	font: bold 11px/13px Helvetica, Arial, sans-serif;
	border-top: 1px solid #999;
	background: #666;
	color: #fff;
	}	
	
#content table.orderHistory td {
	padding: 5px;
	font: normal 11px/13px Helvetica, Arial, sans-serif;
	border-top: 1px solid #ddd;
	}	
	
#content table.orderHistory th.center,
#content table.orderHistory td.center {
	text-align: center;
	width: 50px;
	}	
	
#content table.orderHistory td.orderPrint {
	padding: 5px 5px 15px;
	text-align: right;
	}	
	
#content table.orderHistory tr.alt td {
	background: #eee;
	}
	
/* place order - division list */

#content ul.order-division {
	margin: 0;
	padding: 0;
	width-dep: 551px;
	}

#content ul.order-division li {
	float: left;
	width: 85px;
	height: 135px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	}
	
#content ul.order-division li .order-division-radio {
	float: left;
	width: 20px;
	}
	
#content ul.order-division li label {
	float: left;
	width: 65px;
	white-space: nowrap;
	overflow: hidden;
	height: 28px;
	padding: 3px 0 0;
	font: normal 11px/12px Helvetica, Arial, sans-serif;
	}
	
#content ul.order-division li label strong {
	display: block;
	}
	
#content ul.order-division li .order-division-thumb {
	width: 75px;
	height: 100px;
	padding: 0 0 0 9px;
	overflow: hidden;
	clear: both;
	}
	
	
sup { vertical-align: top; font-size: 0.6em; }





.tooltipwide {
    position: relative;
}
.tooltipwide:hover {
    z-index: 25;
}
.tooltipwide span {
    background-color: #F8941A;
    border: 1px solid Black;
    display: none;
    left: 1em;
    padding: 2px;
    position: absolute;
    top: 1em;
    width: 120px;
	color: black;
}
.tooltipwide:hover span {
    display: block;
}