/***************************************************
title: Blaklader Workwear CSS   
location: /_library/base.css
created by: Neoteric Design, Inc. Chicago, Il.
last updated: 4/3/08
****************************************************/


/************   Blaklader TEXT stylings  ***************/

/*other css styles*/
@import "reset.css";
@import "type.css";
@import "grid.css";


/* link styling */
a { text-decoration: none; color: #144f8b;}
a:link { text-decoration: none; color: #144f8b;}
a:visited { text-decoration: none; color: #144f8b;}
a:hover { text-decoration: none; color: #8da8c3; }
a:active, a:focus { text-decoration: none; color: #8da8c3; }

/* colors:
blue: #144f8b;
yellow: #e5d01d;
red (Logo): #b84143;
lightblue: #8da8c3;
orange (Logo): #ffc035;
*/

/* sifr */
	
		    .sIFR-active h4 {
		      visibility: hidden;
		      font-family: Verdana;
		      line-height: 1em;
				color: #e5d01d!important;
		    }
		
			.sIFR-active h6 {
				visibility: hidden;
			    font-family: Verdana;
			    line-height: 1em;
		  	}


h9 {
	display: none;
}

/* universal text stylings */

p {
	font-family: helvetica, arial, sans-serif;
	font-size: 1.2em;
	line-height: 18px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	color: #fff;
}

h1 {
	font-family: "Helvetica Neue", "Lucida Grande", helvetica, sans-serif;
	font-weight: bold;
	font-size: 3em;
	margin: 0px;
	padding: 0px;
	color: #fff;
}

h2 {
	font-family: "Helvetica Neue", "Lucida Grande", helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 2.2em;
	margin: 0px;
	padding: 10px 0px;
	color: #c8d9ee;
}
	

ul li {
	font-family: helvetica, arial, sans-serif;
	font-size: 1.2em;
	color: #fff;
	text-transform: uppercase;
}

/* ------- individual classes ---------- */

/* sifr class */
h4.sifrright {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	font-size: 46px;
}

/* for no background */
.nobg {
	background-color: transparent!important;
}   










/******************* universal footer *******************/

div#footer ul {
	display: inline!important;
	margin-left: 20px;
}

div#footer ul li {
	display: inline!important;
	font-family: "Lucida Grande", "Helvetica Neue", helvetica, arial sans-serif;
	font-size: 1.2em;
	color: #fff;
	text-transform:none;
}

div#footer ul li a {
	color: #fff;
	border-bottom: 1px solid #bbb;
}

div#footer ul li a:hover {
	color: #8da8c3;
	border-bottom: 1px solid #8da8c3;
}










/* ---------   HOME PAGE TEXT STYLES -----------   */

div#homemaincol p {
	font-family: "Trebuchet MS", helvetica, arial, sans-serif;
	font-weight: normal;
}

table td#homeright h4 {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	font-size: 3em;
	color:  #e5d01d;
	font-weight: bold;
	background-image: url(../_images/chrome/titlebar.gif);
	background-repeat: no-repeat;
	background-position: 0px 41px;
}

table td#homeright p {
	margin: 0px!important;
	padding: 0px 0px 20px 0px;
	color: #ccc;
}

	table td#homeright p a {
		float: none;
		background-image: url(../_images/chrome/thirdnavarrow.gif);
		background-repeat: no-repeat;
		font-size: 1.0em;
		font-family: "Trebuchet MS", helvetica, arial, sans-serif;
		font-weight: normal;
		text-transform:none;
		background-position: 32px 6px;
		padding: 0px 30px 0px 0px;
		margin: 0px;
		color: #e5d01d;
		font-style: italic;
		border: 0px;
	}
	
	table td#homeright p a:hover {
		background-image: url(../_images/chrome/thirdnavarrow.gif);
		color: #fff;
	}
	
	table td#homeright a {
		float: left;
		background-image: url(../_images/chrome/seearrow.gif);
		background-repeat: no-repeat;
		background-position: 0px 1px;
		padding: 0px 0px 22px 20px;
		font-family: "Century Gothic", "Trebuchet MS", helvetica, arial;
		font-size: 1.6em;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0px 0px 0px 35px;
		color: #ea6c32;
	}
	
	table td#homeright a:hover {
		background-image: url(../_images/chrome/seearrow2.gif);
		color: #e5d01d;
	}

div#homesidecol p {
	color: #ccc;
	font-family: "Trebuchet MS", helvetica, arial, sans-serif;
	margin: 0px 12px 5px 6px;
}

div#homesidecol a {
	color: #e5d01d;
}






/***************  ALL INTERNAL CONTENT STYLES   *****************/


/**********   THESE ARE PRODUCT LANDING (catalogue)   ******************/

div#intmaincol h1 {
	color: #fff;
	font-size: 1.5em;
	line-height: 22px;
	font-family: helvetica, arial, sans-serif;
	border-bottom: 1px solid #555;
	margin: 10px 20px 10px 0px;
	padding: 0px 20px 3px 0px;
}

/* this is sifr'd */
div#intmaincol h4 {
	font-size: 4em;
	line-height: 1em;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}

div#intmaincol p {
	margin: 0px;
	padding: 0px 42px 25px 0px;
	line-height: 20px;
	color: #ddd;
}

div#intmaincol p.excerpt {
	margin: 0px 27px 25px 15px!important;
	padding:8px 50px 15px 130px!important;
	font-size:1.3em;
	line-height: 1.4em;
	background-color: #eee;
	color: #555!important;
}

div#intmaincol p.excerpt span {
	display:block;
	margin:8px 0 8px 0;
	padding:0px;
	font-size:1em;
	line-height: 1.4em;
	background-color: #eee;
	color: #555!important;
	font-weight:normal;
}

	div#intmaincol ul li {
		display: block;
		font-family: "Trebuchet MS", helvetica, arial, sans-serif;
		color: #555!important;
		text-transform: none;
		line-height: 14px;
		font-size: 1.3em!important;
		background-image: none!important;
		padding:5px 0px!important;
		margin: 0px 40px 0px 0px!important;
	}

		div#intmaincol ul li a {
			text-transform: uppercase;
			font-family: helvetica, sans-serif;
			color: #144f8b!important;
			font-size: 0.8em;
			font-weight: bold;
			border: 1px solid #aaa;
			background-color: #fff;
			padding: 3px 6px!important;
			margin: 0px!important;
		}

			div#intmaincol ul li a.more, div#intmaincol p.excerpt a.more {
				text-transform: uppercase;
				background-image:none;
				font-family: arial, sans-serif;
				color: #144f8b!important;
				font-size: 0.8em;
				font-weight: bold;
				border: 1px solid #aaa;
				background-color: #fff;
				padding: 3px 6px!important;
				margin: 0px!important;
			}

			div#intmaincol ul li a.more:hover, div#intmaincol p.excerpt a.more:hover {
				color: #444444!important;
			}


			
			
			
			

/************** catalogue section  *****************/

/* this is the titles for overall catalogue */
div.catalogue h2 {
	font-family: "Helvetica Neue", "Lucida Grande", helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	background-color: #144f8b;
	font-size: 2.6em;
	line-height: 22px;
	margin: 0px 27px 0px 40px;
	padding: 6px 20px 7px 20px;
}

/* this is the title for each category landing page */
div.catalogue h3 {
	background-image: url(../_images/chrome/rounded.gif);
	background-repeat: no-repeat;
	font-family: "Helvetica Neue", "Lucida Grande", helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 2em;
	line-height: 22px;
	margin: 0px 27px 0px 40px;
	padding: 6px 20px 6px 20px;
}

div.catalogue h3 span {
	font-size: 0.7em;
	text-transform: none;
	font-weight: normal;
}

	div.catalogue a {
		color: #fff!important;
	}
	
	div.catalogue a:hover {
		color: #e5d01d!important;
	}

div.catalogue p {
	font-family: "Trebuchet MS", helvetica, sans-serif;
	color: #444!important;
	/*background-image: url(../_images/chrome/trans_background1.png);
	background-repeat: repeat;*/
	background-color: #eee;
	margin: 0px 27px 35px 40px!important;
	padding: 8px 11px 7px 15px!important;
}

div.catalogue p span {
	font-size: 0.9em;
	font-weight: bold;
	color: #777;
}

	div.catalogue p a {
		color: #144f8b!important;
		background-image: url(../_images/chrome/arrow.gif);
		background-repeat: no-repeat;
		background-position: 0px 5px;
		padding: 0px 0px 0px 10px;
	}
	div.catalogue p a:hover {
		color: #8da8c3!important;
	}
	
	
	

/************** ABOUT  *****************/

div#aboutmaincol h1 {
	color: #fff;
	font-size: 1.5em;
	line-height: 22px;
	font-family: helvetica, arial, sans-serif;
	border-bottom: 1px solid #555;
	margin: 20px 20px 6px 11px;
	padding: 0px 20px 3px 0px;
}

div#aboutmaincol h2 {
	color: #8da8c3;
	font-size: 1em;
	line-height: 12px;
	font-family: helvetica, arial, sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 11px;
}

div#aboutmaincol h3 {
	color: #fff;
	background-image: url(../_images/chrome/blue.png);
	background-repeat: no-repeat;
	width: 525px;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 22px;
	font-family: helvetica, arial, sans-serif;
	margin: 0px 0px 10px 10px;
	padding:15px 25px;
}

/* this is sifr'd */
div#aboutmaincol h4 {
	font-size: 2.8em;
	line-height: 1em;
	color: #e5d01d;
	margin: 0px 20px 0px 11px;
	padding: 0px;
}

div#aboutmaincol p {
	margin: 0px;
	padding: 6px 50px 10px 11px;
	line-height: 21px;
	color: #ddd;
	font-size: 1.3em;
}

div#aboutmaincol p span {
	font-weight: bold;
	color: #e5d01d;
}

div#aboutmaincol a {
	color: #8da8c3;
	border-bottom: 1px dotted #8da8c3;
}

div#aboutmaincol a:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

div#aboutmaincol ul {
	margin: 0px 0px 16px 22px;
	padding: 0px;
}

div#aboutmaincol ul.margined {
	margin: 0px 0px 16px 22px;
	padding: 0px 0px 0px 130px;
}

	div#aboutmaincol ul li {
		font-family: "Trebuchet MS", helvetica, arial, sans-serif;
		text-transform: none;
		line-height: 22px;
		background-image: url(../_images/chrome/dash.gif);
		background-repeat: no-repeat;
		background-position: 0px 4px;
		padding: 0px 0px 0px 16px;
		margin: 0px 0px 0px 14px;
	}
	
		
div#aboutmaincol img {
	margin-top: 12px;
	padding: 3px;
	border: 1px solid #333;
}
				


/**********   THESE ARE EACH INDIVIDUAL PRODUCT (catalogue)   ******************/

/* pant title */
div#individualcol div#indivtitle h1 {
	font-family: "Helvetica Neue", "Lucida Grande", helvetica, sans-serif;
	font-size: 2.8em;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
	padding: 0px;
	border: 0px;
}

	div#individualcol div#indivtitle h1 span {
		font-size: 0.6em;
		text-transform: none;
	}

div#individualcol div#indivtitle p {
	font-family: "Trebuchet MS", helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	line-height: 16px;
	margin: 0px 100px 0px 0px!important;
	padding: 0px 0px!important;
}


/* pant details */
div#indivcontent div#indivdetails h3 {
	background-color: #144f8b;
	color: #fff;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 1.9em;
	margin: 0px;
	padding: 7px 0px 6px 10px;
}

div#indivcontent div#indivdetails ul {
	margin: 0px;
	padding: 10px 0px 10px 10px;
	color: white;
}

	div#indivcontent div#indivdetails ul li {
		color: #555;
		margin: 0px;
		font-family: helvetica, arial, sans-serif;
		text-transform: none;
		font-size: 1.2em;
		line-height: 16px;
		padding: 4px 30px 4px 14px;
		background-image: url(../_images/chrome/square.jpg);
		background-repeat: no-repeat;
		background-position: 0px 8px;
	}
	
	a.getitnow {
		float: left;
		background-image: url(../_images/chrome/getitnow.png);
		background-repeat: no-repeat;
		width: 147px;
		height: 30px;
		text-transform: uppercase;
		color: #fff;
		font-size: 1.5em;
	font-family: "Helvetica Neue", "Lucida Grande", helvetica, sans-serif;
		font-weight: bold;
		text-align: center;
		padding: 9px 0px 0px 0px;
	}

	a.getitnow:hover {
		color: #8da8c3;
	}

	a#getitimage {
		position: absolute;
		background-image: url(../_images/chrome/getitnow.png);
		background-repeat: no-repeat;
		width: 147px;
		height: 30px;
		padding: 9px 0px 0px 0px;
		margin-left: -180px;
		margin-top: 260px;
		text-transform: uppercase;
		color: #fff;
		font-size: 1.5em;
	font-family: "Helvetica Neue", "Lucida Grande", helvetica, sans-serif;
		font-weight: bold;
		text-align: center;
	}

	a#getitimage:hover {
		color: #8da8c3;
	}


	/* callout stylings */
	div#indivcontent div.indivcallout h5 {
		font-family: helvetica, arial, sans-serif;
		font-weight: bold;
		color: #333;
		font-size: 1.7em;
		line-height: 22px;
		margin: 0px;
		padding: 6px 0px 10px 0px;
		border-bottom: solid #fff 3px;
	}

	div#indivcontent div.indivcallout h3 {
		font-family: helvetica, arial, sans-serif;
		font-weight: bold;
		color: #333;
		font-size: 1.4em;
		margin: 11px 0px;
		padding: 0px;
	}

	div#indivcontent div.indivcallout h3 span {
		font-family: helvetica, arial, sans-serif;
		font-weight: bold;
		color: #144f8b;
		font-size: 1.7em;
		margin: 0px;
		padding: 0px;
	}

	div#indivcontent div.indivcallout ul li {
		font-family: helvetica, arial, sans-serif;
		font-weight: bold;
		color: #114f8b;
		font-size: 1.6em;
		margin: 11px 0px;
		padding: 0px 0px 0px 13px;
		background-image: url(../_images/chrome/arrow.gif);
		background-repeat: no-repeat;
		background-position: 0px 4px;
	}

	div#indivcontent div.indivcallout p {
		font-family: helvetica, arial, sans-serif;
		color: #555;
		font-size: 1.2em;
		margin: 0px;
		padding: 10px 0px 0px 0px;
	}

	div#indivcontent div.indivcallout dl {
		margin: 0px;
		padding: 4px 0px;
	}

	div#indivcontent div.indivcallout dt {
		font-family: helvetica, arial, sans-serif;
		color: #144f8b;
		font-size: 1.8em;
		margin: 0px;
		padding: 10px 0px 4px 0px;
	}

	div#indivcontent div.indivcallout dd {
		font-family: helvetica, arial, sans-serif;
		font-weight: bold;
		color: #555;
		font-size: 1.2em;
		margin: 0px;
		padding: 0px 0px 5px 0px;
	}

	div#indivcontent div.indivcallout img {
		margin: 0px;
		padding: 0px;
	}

/************   REVIEWS *****************/

div#indivcontent div#reviewcontent h1 {
	font-family: helvetica, arial, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	color: #333;
	margin: 10px 10px 0px 10px;
	padding: 0px;
}

div#indivcontent div#reviewcontent h2 {
	font-family: helvetica, arial, sans-serif;
	text-transform: none;
	font-size: 1.4em;
	color: #666;
	margin: 0px 10px;
	padding: 3px 0px;
}

div#indivcontent div#reviewcontent h3 {
	font-family: helvetica, arial, sans-serif;
	font-size: 1.0em;
	color: #666;
	margin: 0px 10px;
}

div#indivcontent div#reviewcontent p {
	font-family: helvetica, arial, sans-serif;
	font-size: 1.2em;
	color: #333;
	margin: 10px 10px;
}

	label {
		display: block;
		font-size: 1em;
		margin: 0px 0px 2px 20px;
		padding: 1px;
	}
	
	label.large {
		display: block;
		font-size: 1.2em;
		margin: 0px 0px 10px 20px;
		padding: 1px;
	}
	
	div#checkboxposition {
		background-image: none!important;
		margin: 10px 0px!important;
		padding: 0px;
		width: 400px!important;
	}
	
		div#checkboxposition input {
			display: inline;
		}
		
		div#checkboxposition p {
			display: inline!important;
			font-size: 1em!important;
			color: #fff!important;
			margin: 0px 10px 0px 10px!important;
			padding: 0px 0px 0px 0px!important;
		}
	
	
	input {
		display: block;
		font-size: 1em;
		margin: 0px 0px 6px 20px;
		padding: 2px;
	}
	
	input.checkboxcomments {
		display: inline;
		font-size: 1em;
		margin: 0px 5px 6px 0px;
		padding: 0px;
	}
	
	input.invisible {
		display:none;
	}
	
	textarea {
		display: block;
		font-size: 1em;
		margin: 0px 0px 0px 20px;
		padding: 2px;
	}
	
	input#submit {
		padding: 3px 10px!important;
	}


/**************  PRODUCT OVERVIEW PAGE  *************/

div#overviewcontent h3 {
	font-family: "Helvetica Neue", "Lucida Grande", helvetica, sans-serif;
	font-size: 1.8em;
	text-transform: uppercase;
	color: #fff;
	margin: 0px;
	padding: 0px 0px 7px 0px;
	border-bottom: 1px solid #8da8c3;
}

div#overviewcontent p {
	font-family:"Trebuchet MS", helvetica, arial;
	font-size: 1.2em;
	color: #fff;
	margin: 0px;
	padding: 10px 0px 5px 0px;
}

div#overviewcontent ul {
	margin: 0px;
	padding: 0px 0px 0px 5px;
}

	div#overviewcontent ul li {
		background-image: url(../_images/chrome/arrow2.gif);
		background-repeat: no-repeat;
		background-position: 0px 6px;
		font-family: "Trebuchet MS", helvetica, arial;
		font-size: 1.2em;
		text-transform: none;
		font-weight: bold;
		color: #fff;
		margin: 0px;
		padding: 3px 3px 3px 10px;
	}
	
/* - catalogue preview element - */

div#cataloguepreview img {
	display: inline;
	margin: 0px 0px 0px 5px;
	padding: 2px 5px;
	background-color: #fff;
}

div#cataloguepreview ul {
	display: block;
	margin: 0px!important;
	padding: 12px 0px 16px 17px;
}

	div#cataloguepreview ul li {
		font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
		text-transform: none;
		display: inline;
		margin: 0px;
		padding: 0px;
		font-size:1.6em!important;
	}

		div#cataloguepreview ul li a {
			color: #fff;
			margin: 0px;
			padding: 2px 5px;
		}
		
		div#cataloguepreview ul li a:hover {
			background-color: #567798;
		}
		
		
		
		
/*********** WHERE TO BUY **************/		

div#nocol_content h1 {
	font-size: 2em;
	text-transform: uppercase;
	font-weight: normal;
	color: #114f8b;
	padding: 10px 0px 5px 0px;
	margin: 0px 20px 10px 0px;
	border-bottom: 1px solid #ccc;
}

div#nocol_content h2 {
	font-size: 2em;
	text-transform: uppercase;
	font-weight: normal;
	color: #333;
	padding: 10px 0px 5px 0px;
	margin: 0px 20px 10px 0px;
	border-bottom: 1px solid #ccc;
}

div#nocol_content div {
	text-align: left;
	color: #fff;
	background-image: url(../_images/cataloguepreview_bg.gif);
	background-color: #114f8b;
	font-family: "Trebuchet MS", helvetica, arial, sans-serif;
	font-size: 1.2em;
	padding: 8px 10px 10px 10px;
	margin: 0px 0px 20px 0px;
	width: 200px;
}

div#nocol_content p {
	text-align: left;
	color: #555;
	font-family: "Trebuchet MS", helvetica, arial, sans-serif;
	font-size: 1.2em;
	margin: 0px;
	padding: 4px 0px;
}

div#nocol_content ul {
	margin: 14px 4px 4px 4px;
}

	div#nocol_content ul li {
		display: inline;
		text-transform: none;
		font-size: 1.5em;
		font-family: "Trebuchet MS", helvetica, arial;
		color: #333;
		padding: 0px;
		margin:  0px 10px 0px 0px;
	}
	
	/*div#nocol_content ul li {
		background-image: url(../_images/chrome/arrow.gif);
		background-repeat: no-repeat;
		background-position: 0px 14px;
		text-transform: none;
		font-size: 1.5em;
		font-family: "Trebuchet MS", helvetica, arial;
		color: #333;
		padding: 8px 12px;
	}*/

	div#nocol_content td {
		text-align:center;
		padding-top:25px!important;
	}

	div#nocol_content ul li a:link, div#nocol_content td a:link, div#nocol_content td a:visited {
		padding-bottom:  10px;
		border-bottom:  5px solid #144f8b!important;
	}
	
	div#nocol_content ul li a:hover, div#nocol_content td a:hover {
		padding-bottom:  10px;
		border-bottom:  5px solid #ccc!important;
	}


div#nocolumns div.indivcallout h2 {
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color: #fff;
	font-size: 1.7em;
	line-height: 22px;
	margin: 0px;
	padding: 0px 0px 7px 0px;
	border-bottom: solid #fff 3px;
}

div#nocolumns div.indivcallout p {
	font-family: helvetica, arial, sans-serif;
	color: #fff;
	font-size: 1.2em;
	line-height:  19px;
	margin: 0px;
	padding: 10px 0px 15px 0px;
}

div#nocolumns div.indivcallout dl {
	margin: 0px;
	padding: 4px 0px;
}

div#nocolumns div.indivcallout dt {
	font-family: helvetica, arial, sans-serif;
	color: #e5d01d;
	font-size: 1.8em;
	margin: 0px;
	padding: 10px 0px 4px 0px;
}

div#nocolumns div.indivcallout dd {
	font-family: helvetica, arial, sans-serif;
	font-weight: normal;
	color: #ccc;
	font-size: 1.2em;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

div#nocolumns div.indivcallout img {
	margin: 0px;
	padding: 0px;
}



		
/*********** contact page styling **************/

div#contactcontent h2 {
	font-family: "Helvetica Neue", "Lucida Grande", helvetica, sans-serif;
	text-transform: none;
	font-size: 1.8em;
	border-bottom: 1px solid #8da8c3;
	padding: 6px 0px;
	margin: 15px 0px 10px 0px;
}

div#contactcontent ul li {
	display: block;
		text-transform: none;
	font-family: "Trebuchet MS", helvetica, arial;
	font-size: 1.3em!important;
	color: #fff!important;
	font-weight: normal;
	padding: 3px 0px;
	margin: 2px 0px;
}

div#contactcontent p {
	font-family: "Trebuchet MS", helvetica, arial;
	font-size: 1.3em!important;
	color: #fff!important;
	font-weight: normal;
	padding: 6px 0px 10px 0px!important;
}

div#contactcontent a {
	color: #8da8c3!important;
	text-decoration: underline;
}

div#contactcontent a:hover {
	color: #fff!important;
	text-decoration: underline;
}




h2.normal {
	font-size:1.6em;
	color:#114f8b;
	font-weight:bold;
	margin:0 20px 0 0;
}