@charset "ISO-8859-1";


:focus {
 outline: 0;
 }
 
#container{	 -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,.5);
    box-shadow: 0 1px 10px rgba(0,0,0,.5);}

body {
	font-size: 14px;
	line-height: 1.3571428571428572em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	margin: 0;
	font-size: 1.5714285714285714em;
	line-height: 0.8636363636363636em;
	margin-bottom: 0.8636363636363636em;
}
h2 {
	margin: 0;
	font-size: 1.4285714285714286em;
	line-height: 0.95em;
	margin-bottom: 0.95em;
}
h3, #main h1 {
	margin: 0;
	font-size: 1.2857142857142858em;
	line-height: 1.0555555555555556em;
	margin-bottom: 1.0555555555555556em;
}
h4 {
	margin: 0;
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 1em;
}
p, ul, blockquote, pre, td, th, label {
	margin: 0;
	font-size: 1em;
	line-height: 1.3571428571428572em;
	margin-bottom: 1.3571428571428572em;
}
p.small {
	margin: 0;
	font-size: 0.8571428571428571em;
	line-height: 1.5833333333333333em;
	margin-bottom: 1.5833333333333333em;
}
table {
	border-collapse: collapse;
	margin-bottom: 1.3571428571428572em;}


/*Top Nav and side logo CSS in page for each company*/
#topnav li{font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.3571428571428572em;
color:#fff;}

#content{
    background-color: #FAFAFA;
    width:956px;
	float:left;
	height:auto;
    border-right:2px solid #CDCDCD;
	border-left:2px solid #CDCDCD;
	margin:0;
	padding:0;
	}

#content_index{
	width:910px;
	background-color:#1A1A1A;
	float:left;
	height:auto;
	margin:0;
	padding:25px;
	color:#FAFAFA;
	}
	
#left_sidebar{
	width: 210px;
	height:auto;
	float:left;
	padding:15px 15px 0px 16px;
	margin: 0px;
	font-size: 15px;
}


#sidebar_img{
margin-top: 35px;
margin-left:5px;
}

.sidebar_img{
padding: 4px;
background: #ddd;
border: 1px solid #ccc;
}
.demo-show div {
padding: .5em .25em;
 }

.demo-show {
width: 197px;
margin: 3em .4em;
 }
  

.demo-show h3 {
	margin: .3em;
	padding: .35em;
	border-top: 1px solid #33312f;
	border-bottom: 1px solid #33312f;
	font-size: 14px;
	line-height:20px;
	color:#333333;
	}


.demo-show h3 a{
color:#333333;
text-decoration:none;
      }
	  
	  
 .demo-show h3 a:hover a:active{
color:#666666;
text-decoration:none;

}

.resources{
display:block;
text-align:left;
text-decoration:none;
line-height: 20px;	
margin:0;
}

.resources a{
color:#000000;
margin-left:0px;
padding:0 0 0 3px;
text-decoration:none;
line-height: 20px;
}

.resources a:hover {
color:#333333;
text-decoration:underline;
text-align:left;
}
	  
#main p {}

#main{
	float:left;
	width:650px;
	height:auto;
	padding:0px 20px 100px 20px;
	margin:25px 0px 20px 0px;
	border-left:1px solid #33312f;
}

#main a{
color:#333333;
text-decoration:none;
}


#main a:hover, a:active {
color:#666666;
text-decoration:underline;
}


/*Bottom Nav/ footer*/

#btmnav{
	background-color:#6c6a6a;
	width:740px;
	height:50px;
	margin:0px;
	padding: 0px;
	font-size: 15px;
	float: left;
	 -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,.5);
    box-shadow: 0 1px 10px rgba(0,0,0,.5);
}

#btmnav ul {
	padding-left: 0;
}
	
#btmnav li{
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.3571428571428572em;
color:#fff;
border-right:1px solid #282827;
display:inline;
float:left;
text-align:center;
height:50px;

}

#btmpnav a, #btmnav a:link, #btmnav a:visited {
	text-decoration: none;
	background-color: inherit;
	padding: 20px 20px 4px 20px;
	float:left;
	width:auto;
	text-align:center;
	color:#fff;
}

#btmnav a:hover, #btmnav a:active {
		text-decoration: none;
		background-color:#2e2e2e;
		text-align:center;
		height:26px;
		}
  
#footer {
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 20px 20px 10px 0px;
	height:20px;
	background-color:#6c6a6a;
	float:left;
	width:200px;
	text-align:right;
	 -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,.5);
    box-shadow: 0 1px 10px rgba(0,0,0,.5);
  }



/*form field*/

li { line-height: 1em; }

label { 
	width: 8em;  
	margin-right: 0;
	display: inline-block;
	font-weight: bold;
	vertical-align: top;
}


#form {
	list-style-type: none;
	text-align: left;
	display: block;
	margin: 0px;
	padding: 0px;	
}

<!--Photo gallery-->

.gallerystyle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#999999;
}

.jcarousel-control {
	margin-bottom: 10px;
	text-align: left;
	width: 520px;
	float: left;
}

.jcarousel-control a {
	font-size: 75%;
	text-decoration: none;
	padding: 0 5px 30px 0px;
	margin: 0 0 5px 0;
	border: none;
	font-weight: bold;
	color: #1f1e1c;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
	outline: none;
	text-decoration: none;
	color: #1f1e1c;
}

.jcarousel-scroll {
	margin-top: 10px;
	text-align: right;
	margin-right: 150px;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}

#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
    margin-bottom: -10px;
    text-decoration: underline;
    font-size: 11px;
	color:#666666;		
}

.latest_img{
	border:none;
	padding-bottom: 15px;
	text-decoration:none;
}
.latest_img a, a:hover, a:visited, a:link a:active{
	border:none;
	padding-bottom: 15px;
	text-decoration:none;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */

#wrap {
	color: #404040;
	/*margin: 0 12%;*/
    margin: 0px;
	width: 960px;
	padding: 0px;
}
 
.jcarousel-container {
	position: relative;
	width:960px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
	height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: normal;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	line-height:1.25em;
	
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }

 
/*MSDS page styles*/

#ertech_msds{
width:185px;
height:auto;
float:left;

}

#blackhawk_msds{
width:185px;height:auto;
float:left;

}

#novocoat_msds{
width:185px;height:auto;
float:left;

}

#ertech_msds h1{
color:#DDA90F;
font-size:1.2em;
}

#blackhawk_msds h1{
color:#003399;
font-size:1.2em;
}

#novocoat_msds h1{
color:#006600;
font-size:1.2em;
}


.list_ertech{
list-style:none;
margin-left:0px;
padding-left:0px;
}

.list_novocoat{
list-style:none;
margin-left:0px;
padding-left:0px;
}

.list_blackhawk{
list-style:none;
margin-left:0px;
padding-left:0px;
}

/*Products page*/
 #space{
 height:20px;
 width:960px;
 }
 
 /*News*/
 #ertech_news, #blackhawk_news, #novocoat_news{float:left; margin-bottom:20px;border-bottom:1px solid #33312f;}
 #blackhawk_news, #novocoat_news{ margin-top:25px;}

#ertech_news h1{
color:#DDA90F;
font-size:1.2em;

}

#blackhawk_news h1{
color:#003399;
font-size:1.2em;
}

#novocoat_news h1{
color:#006600;
font-size:1.2em;
}



 /*Pop up Map for Blackhawk Contact*/

table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
a{
cursor: pointer;
text-decoration:none;
}
br.both{
clear:both;
}


#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}


#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:429px;
width:550px;
top:0;
left:0;
background:#FFFFFF;
border:2px solid #cecece;
z-index:20;
padding:16px;
font-size:13px;

}

#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}


#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#2070b5;
font-weight:700;
display:block;
text-decoration:none;
}


#button{
text-align:left;
margin:10px;
}



.locations ul{
list-style:none;
margin: 0;
padding:0;
}

.contact_list{
list-style:none;
display:block;
float:left;
}


#map a:active, #map a:focus { outline: 0; }


#map { position: relative; width: 550px; height: 429px; overflow: hidden; margin:0px ; }
#returnlink { display: block; position: absolute; bottom: 10px; right: 10px; color:#fff; }
#map a.bullet { display: block; position: absolute; width: 40px; height: 10px; background-image:;}
#map img.zoomable { }
#map div.popup{ display: none; position: absolute; width: 273px; height: 103px; margin-left:0px; padding:10px;background:url(../../images/popupBg-trans.png); z-index:10;}
#map div.popup a.close{ display: block; position: absolute; bottom: 10px; right:10px; color:#2070b5;}
#map  a.close:hover{ display: block; position: absolute; bottom: 0px; right:0px; color:#CC3366; margin:0px; padding:0px; color:#666666; text-decoration:none; }
.orange{
	color:#2070b5;
	font-weight: bold;
	margin-left:2px;
}

div.popup h4{margin:2px;}


#brad-box a, #jon-box a, #whitney-box a,#biff-box a, #walt-box a{color:#333333;}

#brad-box a:hover, #jon-box a:hover, #whitney-box a:hover,#biff-box a:hover, #walt-box a:hover{color:#2070b5;}