body {
	padding: 0px;
	background: #b4b5b7 url('img/bkg.gif');
	margin: 0; /* to avoid margins */
	text-align: center; /* to correct the centering IE bug*/
    	font: 9px/1.5 Verdana, Arial, Helvetica, san-serif;
	}



table, tr, td { 
	font: 9px Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	}

a {outline: none;} /* removes dotted line from around links in FF */

a:link, a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #bb1221; 
	}


a:hover, a:active { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #bb1221;  
	} 


h1 {  
	margin: 0 0 20px 0; 
	padding: 0px; 
	color: #af1015; 
	font:  20px/1 Verdana, Arial, Helvetica, san-serif; 
	height:auto; 
	}

h2 {   
	color: #af1015; 
	font:  bold 14px/1 Verdana, Arial, Helvetica, san-serif; 
	margin: 15px 0 0 0; 
	padding: 0; 
	}

h3 { 
	color: #000; 
	font:  bold 11px/1 Verdana, Arial, Helvetica, san-serif; 
	margin:20px 0 0 0;
	}
	
h4 {   
	color: #000; 
	font-size: 11px; 
	font-weight: bold; 
	margin:20px 0 0 0;
	padding: 0;
	}

p { 
	margin: 0px 0px 20px 0px; 
	line-height:16px; 
	}




/*
================================
================================

CUSTOM PAGE ELEMENTS

================================
================================
*/

/*------------------- Utility Links ----------------------*/
.utility {
	width: 880px; 	
	position: relative;
	height: auto;
	margin-left:auto;
	margin-right: auto;
	margin-top:0px;
	margin-bottom: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	color: #666;
	font: 9px Verdana, Arial, Helvetica, san-serif;
	border:solid red 0px;
	text-align:right;
	}

.utility a:link, .utility a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #666;  
	font: 9px Verdana, Arial, Helvetica, san-serif;
	}


.utility a:hover, .utility a:active { 
	font-weight: normal; 
	text-decoration: none; 
	color: #fff;  
	} 
	
	
	
/*------------------- Search Box ----------------------*/


/* #search_box {margin:7px 20px 0 0;float:right;} */

#search_box {position:absolute;top:7px;right:23px;}


#search_string {
	font: 10px/1 Arial, Helvetica, sans-serif; 
	border:none;
	margin:0;
	padding:0 0 0 20px;
	background:#fff url('img/mag.gif') left no-repeat;
	}

.search-button {
	background: url('img/search_arrow.gif') no-repeat;   
	cursor: pointer; 
	height:14px;
	width:14px;
	border:none;
	margin:0;
	padding:0;
	}
	
	
/*--------------------- Containing Divs -----------------------*/

.maincontainer { 
	width: 900px; 	
	position: relative;
	height: auto;
	margin-left:auto;
	margin-right: auto;
	margin-top:15px;
	text-align:left; 
	padding: 0px; 
	border: 0px solid green;
	}
	
.frame {
	width: 888px;
	margin: 0px 0 0px 5px;
	background-color: #fff; 
	border: 1px solid #333;
	}
	
	
	
/*------------------- Begin Glo Code ----------------------*/
.topglo { 
	width: 900px; 
  	height: 5px;
	margin-bottom: 0px; 
  	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='img/top_glo.png');
  	}
  		
.topglo[class] { /* IE ignores styles with [attributes], so it will skip the following. */
    	background-image:url(img/top_glo.png);
  	}

.midglo { 
	width: 900px; 	
	margin: 0 0 0 0;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/mid_glo.png');
	}


.midglo[class] { /* IE ignores styles with [attributes], so it will skip the following. */
  	background-image:url(img/mid_glo.png);
	}


.btmglo { 
	width: 900px; 
	height: 5px; 
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='img/btm_glo.png');
	}	

.btmglo[class] { /* IE ignores styles with [attributes], so it will skip the following. */
  	background-image:url(img/btm_glo.png);
	}

/*------------------- End Glo Code ----------------------*/



.header {
	position: relative;
	background: #af1015 url('img/hdr_bkg.jpg') no-repeat;
	width: 888px;
	height: 111px;
	border-bottom: 0px solid #315893;
	z-index:20;
	}


.logo { 
	float: left; 
	margin: 0; 
	padding: 0; 
	}


/*------------------- Main Nav ----------------------*/		
.menu { 
	position: absolute;
	top: 84px;
	left: 0px;
	width: 888px; 
	height: 27px; 
	margin: 0; 
	padding: 0;  
 	border-top: 1px solid #ccc; 
 	background: url('img/menu_bkg.gif') repeat-x;
	}

#nav, #nav ul { /* all lists */
	float:left;
	list-style: none;
	background: none;
	padding:0 0 0 38px;
	margin: 0; 
	}

#nav li { /* main list items */
	float: left;
	text-align: center;
	}

#nav a{
	padding: 8px 10px 6px 11px;
	display : block;
	font: 11px Verdana, Arial, Helvetica, san-serif;
	color : #fff;
	margin: 0;
	font-weight : normal;
	text-decoration : none;
	border-right:1px solid #999;
	border-left:1px solid #666;
	width:auto;
	height:auto;
	white-space:nowrap;
	}

#nav li a:hover {
	padding: 8px 10px 6px 11px;
	background:#00a02e ;
	display : block;
	color : #fff;
	margin: 0;
	font-weight : normal;
	text-decoration : none;
	border-right:1px solid #999;
	border-left:1px solid #666;
	width: auto;
	height:auto;
	}
	

#nav li ul { /* second-level lists */
	position : absolute;
	left: -9999px;
	margin: 0;
	/* top: 29px; */
	width: 195px; 
	padding:0;
	}

#nav li ul  a {
	width: 145px;
	padding: 8px 0px 7px 8px;
	display: block;	
	background: #00a02e;
	color: #fff;
	font: 9px Verdana, Arial, Helvetica, san-serif;
	font-weight: normal;
	text-align: left;
	float: none;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	border:none
	}

#nav li ul  a:hover {
 	width: 145px;
 	padding: 8px 0px 7px 8px;
	display: block;
	background: #af1015;
	color: #fff;
	float: none;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	border:none
	}


#nav li ul ul{ /* third-level lists */
	margin: -20px 0 0 153px;
	}

#nav li ul ul  a {width: 110px;}

#nav li ul ul  a:hover {width: 110px;}
	
	

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul {
	left: -9999px;
	}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

#nav li:hover, #nav li.sfhover {background: #00a02e;}


/*------------------- Content Table ------------------------*/


#mainTable {width:888px;}	
	
/*------------------- Main Content Home ------------------------*/
.mainHome {
	margin: 0;
	padding: 0;
	width: auto;
	z-index:10;
	position:relative;
	}
	
.mainHome  h2 {   
	color: #af1015; 
	font: bold 18px Arial, Helvetica, sans-serif; 
	font-style:italic;
	margin: 0 0 10px 0; 
	padding: 0; 
	}
	
.mainHome  h3 {   
	color: #666; 
	font: bold 14px Arial, Helvetica, sans-serif; 
	margin: 0 0 10px 0; 
	padding: 0; 
	border:none
	}
	
#homeMainDisplay {
	width:687px;
	margin: 0; 
	padding: 0;
	border:0px;
	}
	
#homeBug1 {
	border-right:1px solid #ccc;
	padding:10px;
	}

#homeBug2 {
	border-right:1px solid #ccc;
	padding:10px;
	}
	
#homeBug3 {
	border-right:0px solid #ccc;
	padding:10px;
	}	
	
/*------------------- Sidebar ------------------------*/	
	
#sidebarCell {
	border-left:0px solid  #ccc;
	background:#f5f5f5 url('img/sidebar_top_bkg.gif') repeat-x top left;
	width:200px;
	padding:15px 0 20px 20px;
	}

#sidebar {
	width:160px;
	padding:0;
	}
	
#sidebar  ul { 
	margin:0;
	padding:0;
	text-indent:0
	}
	
#sidebar li {list-style:none;margin:0;padding:0;text-indent:0}

#sidebar .biglinks {margin: 0 0 8px 0;}
	
#sidebar .biglinks li {
	width: 160px; 
	border: 1px solid #cecece; 
	margin:0 0 8px 0;
	height:23px;
	background: url('img/sidebarlink_bg.gif');
	padding:7px 0 0 0;
	}
	
#sidebar .biglinks a { 
	font-size:12px;
	font-weight:bold;
	padding:0 0 0 10px ;
	}    

.resourcesinfo {margin:0 0 20px 0 ;}
.resourcesinfo img {border:none}

.standAloneBug {margin:20px 0 ;}
#sidebar .sitehighlights {
	font-size: 10px; 
	text-transform:uppercase; 
	color:#888787; 
	border-top: 0px solid #cecece;
	display:block; 
	height: 27px; 
	text-indent: -9999px; 
	background: url(img/h5whatsnew.gif) 0 0 no-repeat;
	}

#sidebar .gallery {
	font-size: 10px; 
	text-transform:uppercase; 
	color:#888787; 
	border-top: 0px solid #cecece;
	display:block; 
	height: 27px; 
	text-indent: -9999px; 
	background: url(img/h5whatsnew.gif) 0 0 no-repeat;
	}

#sidebar #gallery td{padding:0 0 6px 0; width:160px;}
#sidebar #gallery tr{padding:0;margin:0;}

#sidebar #gallery  a img{border:2px solid #fff}
#sidebar #gallery  a:hover img{border:2px solid #bb1221}


#sidebar  h5 {margin:0;padding:0;font-size: 12px;color:#999; } 

#sidebar .highlights {
	margin: 0; 
	background: url(img/sidebar_border.gif) 0 0 repeat-x;
	}
	
#sidebar .highlights li	{ 
	font-size: 11px !important; 
	margin:0;padding:0;
	line-height: 15px; 
	padding: 7px 0 8px 0; 
	font-family: arial, verdana, sans-serif;
	background: url(img/sidebar_border.gif) 0 100% repeat-x;
	}	
	
#sidebar .highlights a	{font-weight:normal;}
#sidebar .highlights li.morelinks a {
	font-weight:bold;
	padding-left: 10px; 
	background: url(img/sidebar_morearrow.gif) 0 4px no-repeat;
	}
	
#sidebar img {border:none}

#galleryBtmBorder {background: url(img/sidebar_border.gif) 0 100% repeat-x;margin:0 0 10px 0;padding:0;}


.groupTitle {
	margin:15px 0 7px 0;
	padding: 0;
	}

.groupTitle h5{	
	font-size: 12px !important;
	font-weight:bold;
	color:#999;
	margin:0;
	line-height: 25px; 
	padding: 0; 
	font-family: arial, verdana, sans-serif;
	background: url(img/sidebar_border.gif) 0 100% repeat-x;
	}

#featuredProducts  a img{border:2px solid #fff}
#featuredProducts  a:hover img{border:2px solid #bb1221}


/* ------- Tradeshow Events Ticker -------------------------- */
#tradeshows {
	width: 162px;
	height: 237px;
	margin:20px 0 0 0;
	background: url('img/ticker_bkg.jpg');
	}
	
#tradeshows h4 {
	font: bold 13px/1 Arial, Helvetica, san-serif;
	color:#fff;
	padding:10px;
	margin:0px;
	}

#scrollup {
	position: relative;
	overflow: hidden;
	border: 0px solid #000;
	height: 200px;
	width: 150px
	}
	 
.headline {
	position: absolute;
	top: 210px;
	left: 10px;
	height: 190px;
	width:140px;
	color: #fff;
	font: bold 11px/1 Arial, Helvetica, san-serif;
	}

		
/*==================================================
             Content Secondary pages 
===================================================*/

.mainSecond {
	margin: 0;
	padding: 0;
	width: auto;
	border-top: 0px solid #fff;
	min-height:500px;
	height:auto !important;
	height:500px;
	position:relative;
	}
	
/* ----- General Secondary page w/sideNav ---------- */
.contentSecond {	
	padding: 0 0 20px 0;
	margin: 0 20px 40px 170px ;
	font: 11px/1.75 Arial, Helvetica, san-serif;
	min-height:500px;
	height:auto !important;
	height:500px;
	border:0px solid green
	}


.contentSecond a:link, .contentSecond a:visited { 
	font-weight: normal; 
	font: 11px/1.75 Arial, Helvetica, san-serif;
	text-decoration: none; 
	color: #bb1221; 
	}


.contentSecond a:hover, .contentSecond a:active { 
	font-weight: normal; 
	font: 11px/1.75 Arial, Helvetica, san-serif;
	text-decoration: underline; 
	color: #bb1221;  
	} 
	
/* ----- NEED TO ADD BACK IN AFTER SIFR ---------- */
.contentSecond img XXX {margin: 0 0 20px 20px;padding:5px;border:1px solid #ddd}
	

/* ----- Product Secondary page wo/sideNav ---------- */
.contentSecondProduct {	
	padding: 0 0 20px 0;
	margin: 0 20px 0 40px ;
	font: 11px/1.75 Arial, Helvetica, san-serif;
	min-height:500px;
	height:auto !important;
	height:500px;
	}
	
	
#pixBorder {margin: 0 0 20px 20px;padding:5px;border:1px solid #ddd}

#prodSelect {width:626px; margin:20px 0;}
#prodSelect td {border-bottom:1px solid #ccc}

#prodSelect  a img{border:2px solid #fff}
#prodSelect   a:hover img{border:2px solid #bb1221}


/*------------------- Side Nav ----------------------*/	

#sideNav {
	margin: 100px 0 0 0; 
	float:left;
	border:0px solid red;
	}

#navlist {
	width:170px;
	padding: 0;
	margin: 0;
	border-right: 0px solid #ccc;
	text-align: right;
	}

#navlist li {
	list-style: none;
	margin: 0;
	padding: 5px 0px 5px 0px;
	/*white-space: nowrap;*/
	background: url(img/ltblu_block2.gif) no-repeat 140px 11px;
	}
	
#navlist li a:link, #navlist li a:visited {	
	text-decoration: none;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	background: url(img/blu_block.gif) no-repeat right 30px;
	padding: 0 15px 0 0;
	margin:0 25px 0 0;
	outline: none;
	}
	
#navlist li a:hover, #navlist li a:active {	
	color: #000; 
	background-position: right 5px ;
	z-index:50;
	}


#sideNav #navlist .uberlink { 
	font-weight: bold ;
	color: #000; 
	background-image: url(img/red_block.gif) ;
	background-position: right 5px ;
	}
	


/*------------------- Breadcrumb ----------------------*/	

#breadCrumb  {
	margin: 5px 0px 35px 0px; 
	color: #bb1221;
	font: bold 11px/2 Arial, Helvetica, san-serif;
	border-bottom:0px solid #ddd;
	}	

#breadCrumb a:link, #breadCrumb a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #999;  
	}

#breadCrumb a:hover, #breadCrumb a:active { 
	font-weight: normal; 
	text-decoration: none; 
	color: #000;  
	} 


	
/* =========================================================
        Contact Form Styling
========================================================= */


#myform fieldset {border: 1px solid #ccc; padding: 3px 10px 10px; margin: 10px 0;}

#myform textarea {
	color: #006;
	background: #F4F4F4;
	border: 1px solid #ccc;
	width: 373px;
	font: 12px/12px normal Verdana, arial, sans-serif;
	color: #000;
	margin:0px;
	padding:0px;
	}

#myform checkbox {border:none;}	

	

#myform input {
	color: #006;
	background: #F4F4F4;
	border: 1px solid #ccc;
	font: 10px/10px normal Verdana, arial, sans-serif;
	color: #000;
	margin:0px;
	float:left;
	padding:0px;
	}	



#myform select {
	color: #000;
	background: #F4F4F4;	
	border: 1px solid #ccc;
	font: 10px/10px normal Verdana, arial, sans-serif;
	width: auto;
	float:left;
	margin:0px;
	padding:0px;
	}	

#myform label {
	width: auto;
	margin:0px;
	padding:0px;
	float:left;
	}

#myform form {
	width: auto;
	margin:0px;
	padding:0px;
	}

#myform span {
	width:auto;
	height:auto;
	margin:5px;
	padding:5px;
	clear:both;	
	}

.button {
	margin:20px 0 0 0;
	background-color: #999;
	color: #000066;
	border: 1px solid #000;
	color: #000;
	font: 10px/10px normal Verdana, arial, sans-serif;
	width: 100px;
	} 

	

#myform input:focus, select:focus, checkbox:focus, textarea:focus {
	color: #fff;
	background: #333;
	}

#myform legend {font-size: 10px; font-weight: bold; color: #000; margin: 10px 0; padding: 2px 4px; border: 1px solid #ccc; background: #F4F4F4;}	



.btn {
	border: 3px double;
	border-color: #F1F1F1 #C0C0C0 #C0C0C0 #F1F1F1;
	display: block;
	margin: 5px 10px;
	cursor: pointer;
	height: 25px;
	width: 100px;
	}	


/*------------------- Back to top Link ----------------------*/	

#btt  {position:absolute; bottom:0; left:0;font-size: 11px; }
.SB {padding:0 0 5px 170px; border: 0px solid #000;}
.NSB {padding:0 0 5px 40px;}

#btt a:link, #btt a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #af1015; 
	}


#btt a:hover, #btt a:active { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #af1015;  
	} 

/*------------------- Footer ----------------------*/
.footer { 
	position:relative;
	width: 888px; 
	height: 30px;	
	background: #af1015 url('img/footer_bkg.gif') repeat-x; 
	padding: 0; 
	text-align:right;
	}

.footerText { 
	padding: 10px 20px 0 0; 
	color: #ccc;
	font: 9px/1 Verdana, Arial, Helvetica, san-serif;
	}


/*------------------- Signature ----------------------*/		
.signature {
	width: 880px; 	
	position: relative;
	height: auto;
	margin-left:auto;
	margin-right: auto;
	margin-top:0px;
	margin-bottom: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	text-align: left;
	color: #666;
	font: 9px Arial, Helvetica, san-serif;
	/*visibility:hidden;*/
	}

.signature a:link, .signature a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #666;  
	}
	
.signature a:hover, .signature a:active { 
	font-weight: normal; 
	text-decoration: none; 
	color: #000;  
	}