BODY 	{
    background-image: url("picts/alum_blue2.jpg");
    background-repeat:repeat;
    background-position:center;  /*this make webpage display background faster*/
	scrollbar-base-color: #7eafcf;
	scrollbar-track-color: /*#5c82b3;*/#7eafcf;
	scrollbar-face-color: #7eafcf;
	scrollbar-highlight-color: #445056;
	scrollbar-3dlight-color: #66777F;
	scrollbar-darkshadow-color: #445056;
	scrollbar-shadow-color: #66777F;
	scrollbar-arrow-color: #FFFFFF;
	/*background-color: #5c82b3;*/
	margin: 0px;
	padding: 0px;
	border: #FFFFFF 0px solid;	
	height: 100%;
	}

.table-background	{
            background-image: url("picts/alum_blue2.jpg");
            background-repeat:repeat;
			border-left: #445056 1px solid;
			border-right: #ffffff 1px solid;
            /*border-right: #445056 1px solid;*/
			width: 1000px;
             height: 100%;
			}

/* NON-MENU PAGE LINK CODE */

a:link		{ color: #5c82b3; text-decoration: none; font-weight:bold}

a:visited	{ color: #5c82b3; text-decoration: none; font-weight:bold}

a:active	{ color: #5c82b3; text-decoration: none; font-weight:bold }

a:hover		{
	color: #f6902b;
	text-decoration: none;
	font-weight:bold
}

a.copylink:link		{ color:#023474; text-decoration: none; font-weight:bold}

a.copylink:visited	{ color: #023474; text-decoration: none; font-weight:bold}

a.copylink:active	{ color: #023474; text-decoration: none; font-weight:bold }

a.copylink:hover		{
	color: #f6902b;
	text-decoration: none;
	font-weight:bold
}

a.SP:link		{ color: #000000; text-decoration: none; font-weight:bold}

a.SP:visited	{ color: #000000; text-decoration: none; font-weight:bold}

a.SP:active	{ color: #000000; text-decoration: none; font-weight:bold }

a.SP:hover		{
	color: #f6902b;
	text-decoration: none;
	font-weight:bold
}


a.blue:link		{ color: #023474; text-decoration:underline;}

a.blue:visited	{ color: #023474; text-decoration:underline;}

a.blue:active	{ color: #023474; text-decoration:underline;}

a.blue:hover		{
	color: #f6902b;
	text-decoration:underline;
}

.subTl {color: #ffffff; FONT: 14px arial, verdana, sans-serif;text-decoration: none; font-weight:bold}
a.subTl:link		{ color: #023474; FONT: 14px arial, verdana, sans-serif;text-decoration: none; font-weight:bold}

a.subTl:visited	{ color: #023474; FONT: 14px arial, verdana, sans-serif;text-decoration: none; font-weight:bold}

a.subTl:active	{ color: #023474; FONT: 14px arial, verdana, sans-serif;text-decoration: none; font-weight:bold }

a.subTl:hover		{
	color: #f6902b;
	FONT: 14px arial, verdana, sans-serif;
	text-decoration: none;
	font-weight:bold
}

.darkTextLink{color: #ffffff; FONT: 12px arial, verdana, sans-serif;text-decoration:underline; font-weight:bold}
a.darkTextLink:link		{ color: #023474; FONT: 12px arial, verdana, sans-serif;text-decoration:underline; font-weight:bold}

a.darkTextLink:visited	{ color: #023474; FONT: 12px arial, verdana, sans-serif;text-decoration: underline; font-weight:bold}

a.darkTextLink:active	{ color: #023474; FONT: 12px arial, verdana, sans-serif;text-decoration: underline; font-weight:bold }

a.darkTextLink:hover		{
	color: #f6902b;
	FONT: 12px arial, verdana, sans-serif;
	text-decoration: underline;
	font-weight:bold
}

.biglink 	{ FONT: 12px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: none; }

.biglink:hover 	{ FONT: 12px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: underline; }


.tl{
    color:#ffffff; 
    font-weight: bold;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;}


/* THIS LINE CONTROLS THE FONT SIZE ON ALL PAGES */

TABLE		{
	COLOR: #000000;
	FONT: 12px verdana, arial, sans-serif;
	/*font-weight: bold;*/
	background-color:#ffffff;
}

.TABLE2		{
	COLOR: #000033;
	background-color:#424242;
}


.OrangeTitle { COLOR: #ef3e33; FONT: 16px arial, verdana, sans-serif; font-weight: bold; }

.title		{ COLOR: #023474; FONT: 16px arial, verdana, sans-serif; font-weight: bold; }

.subtitle	{ COLOR: #023474; FONT: 14px arial, verdana, sans-serif; font-weight: bold }

.facesubtitle	{ color:#FF6600; FONT: 14px arial, verdana, sans-serif; font-weight: bold }

.smalltitle 	{ COLOR: #023474; FONT: 12px arial, verdana, sans-serif; font-weight: bold; }

.careertitle	{ COLOR: #FFFFFF; FONT: 14px arial, verdana, sans-serif; font-weight: bold; }

.date-font	{ COLOR: #FFFFFF; font: 11px arial, verdana, sans-serif; font-weight: bold; }

.components     { COLOR: #B60606; FONT: 10px verdana, arial, sans-serif; font-weight: bold; }

.just 		{ text-align: justify; }
.part_contenttext		{ COLOR: #FF0000; FONT: 12px verdana, arial, sans-serif; }
.contenttext		{ COLOR: #000000; FONT: 12px verdana, arial, sans-serif; }

.pricetext		{ COLOR: #000000; FONT: 12px verdana, arial, sans-serif; font-weight:bold}

.select-font	{ COLOR: #FFFFFF; font: 15px arial, verdana, sans-serif; font-weight: bold; position:relative; top: 12px; right:150px }
.select-dropdownlist	{ COLOR: #FFFFFF; font: 14px arial, verdana, sans-serif; font-weight: bold; position: relative; top: -8px; right:-65px; }

/*.select-font	{ COLOR: #FFFFFF; font: 14px arial, verdana, sans-serif; font-weight: bold; position:absolute; top: -22px; right:150px }
.select-dropdownlist	{ COLOR: #FFFFFF; font: 14px arial, verdana, sans-serif; font-weight: bold; position: relative; top: -40px; right:-65px; width:80px; }
*/
.just 		{ text-align: justify; }


.app_title		{ COLOR: #ffffff; FONT: 24px arial, verdana, sans-serif; font-weight: bold; }

.app_subtitle	{ COLOR: #000000; FONT: 13px arial, verdana, sans-serif;}

.app_smalltitle 	{ COLOR:#000099; FONT: 15px arial, verdana, sans-serif; font-weight: bold; }
.app_tollfree-font	{ COLOR: #FFFFFF; font: 15px arial, verdana, sans-serif; font-weight: bold; position:relative; top: -22px; right:-94px}

.app_contact-font	{ COLOR: #FFFFFF; font: 15px arial, verdana, sans-serif; font-weight: bold; position:relative; top: 2px; right:-142px}

a.app_contact-font:link		{ COLOR: #FFFFFF; font: 15px arial, verdana, sans-serif; font-weight: bold; position:relative; top: 8px; right:-142px;text-decoration: none; }

a.app_contact-font:visited	{
	color: #FFFFFF;
	text-decoration: none;
}

a.app_contact-font:active	{
	color: #FFFFFF;
	text-decoration: none;
}

a.app_contact-font:hover		{ color: #FFFFFF; text-decoration: underline; }


.popup6
	{
		POSITION:absolute;left:0px; top:0px;  opacity:.60;filter: alpha(opacity=60);BACKGROUND-COLOR: #fff;-moz-opacity: 0.5;z-index: 2001;
	}
	


/* LIST CODE - CLIENTS, CAREERS, AND SERVICES PAGES */

li 		{ color: #406696; }
li span 	{ color: #B0C3C5; }






/* MAIN PAGE BANNER IMAGE BORDERS & HEADER BORDERS */

.ban-table		{
	/*background-color: #5c82b3;*/
	border-top: #445056 1px solid;
	border-bottom: #ffffff 1px solid;
	background-image: url("picts/background-images.jpg");
	left: auto;
			}

.imagerightborder	{ border-right: #000000 1px solid; }

/*.imagerightborder-home	{ border-right: #000000 1px solid; border-top: #ffffff 1px solid;border-bottom: #445056 1px solid;*/}


/* HEADER BORDER FOR PAGES WITH NO BANNER IMAGE */

.headerborder		{ border-top: #445056 1px solid; }




/* BOTTOM PAGE LINE */

.pagebars	{
        background-image: url("picts/alum_blue2.jpg");
        background-repeat:repeat;
		border-top: #445056 1px solid;
		border-bottom: #ffffff 1px solid;
        /*border-bottom: #445056 1px solid;*/
		background-color: #5c82b3;
		height: 20px;
		}



/* PARAGRAPH SEPARATOR LINES */

.page-splits	{
		border: #445056 1px solid;
		background-color: #406696;
		color: #406696; height: 2px; width: 100%;
		}

.splitsLine	{
		border: #445056 1px solid;
		background-color: #406696;
		color: #406696; height: 1px; width: 100%;
		
		}





/* OTHER IMAGE BORDERS */

.borders	{ border: #74747B 1px solid; }





/* HOMEPAGE LAYERED TEXT STYLES - shown on Graphic-LOGO-sample.htm */

#hometext 	{ position:absolute; visibility: visible; left: 162px; top: 110px; width:300px; z-index:5; padding:5px; }

.hometextlayer	{ COLOR: #FFFFFF; FONT: 11px arial, verdana, sans-serif; font-weight: bold; }

.hometexttitle	{ COLOR: #FFFFFF; FONT: 15px arial, verdana, sans-serif; font-weight: bold; }




/* CONTACT LAYERED TEXT STYLES */

#contacttext 		{ position:absolute; visibility: visible; left: 162px; top: 105px; width:500px; z-index:5; padding:5px;}

.contacttextlayer	{ COLOR: #FFFFFF; FONT: 12px arial, verdana, sans-serif; font-weight: bold; }

.phonetitle		{ COLOR: #FFFFFF; FONT: 13px verdana, arial, sans-serif; font-weight: bold; }





/* HOMEPAGE LEFT SHADED AREA */

.home-vert-splits	{
            background-image: url("picts/alum_blue2.jpg");
            background-repeat:repeat;           
			border-right: #445056 1px solid;
			background-color:transparent;
			}

/* HOME PAGE BANNER IMAGE BORDERS & HEADER BORDERS */

.ban-table-home		{
			background-color: #5c82b3;
			border-top: #445056 1px solid;
			/*border-bottom: #445056 1px solid;
            border-top: #ffffff 1px solid;*/
			border-bottom: #ffffff 1px solid;
	        background-image: url("picts/home-background.jpg");
			}





/* RIGHT SIDEBAR CODE */

.sidebar	{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 10px;
		cursor:hand;
		font-weight: bold;
        width: 150px;
        height:20px;
        padding-top:5px;
        display:block;
		/*margin-left: 4px;
		margin-right: 4px;		*/
		border-right: #74747B 0px solid;
		border-top: #74747B 0px solid;
                     
		}


a.sidebar:link 	{ color: #FFFFFF; }

a.sidebar:visited 	{ color: #FFFFFF; }

a.sidebar:active 	{ color: #FFFFFF; }

a.sidebar:hover 	{ 
                     font-family: verdana, arial, helvetica, sans-serif;
		             font-size: 10px;
		             cursor:hand;
                     color: #B0C3C5;
                     width: 150px;
                     height:20px;
		             background-color:#406696;
		             border: #FFFFFF 0px solid;
	                  padding-top:5px;
                     display:block;
		             }


.sidebar-area		{
            background-image: url("picts/alum_blue2.jpg");
            background-repeat:repeat;
            background-position:center;
			border-left: #445056 1px solid;
			/*background-color: #5C82B3;*/
			width: 150px;

			}

.sidebar-pagewidth	{
           /*background-image: url("picts/alum_blue2.jpg");
            background-repeat:repeat;
            background-position:center;
			/*background-color: #5C82B3;*/
			width: 150px;
			}

.sidetext		{
	COLOR: #000000;
	font-weight: normal;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
}

.sidetitle		{ COLOR: #000000; FONT: 13px arial, verdana, sans-serif; font-weight: bold; }

.sideborders		{ border: #74747B 0px solid; }

.sidebar-table 		{
			COLOR: #5C82B3;
			WIDTH: 150px;			
			BORDER: #000000 0px solid;
            /* background-image: url("picts/alum_blue.jpg");*/
            background-image: url("picts/alum_blue2.jpg");
            background-repeat:repeat;
            background-position:center;
			}

.sidebar-frame		{
			width: 150px;
			height: 1220px;
			min-height: 550px;
			margin: 0px;
			padding: 0px;
			BORDER: #999999 0px solid;
			}




#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-image:url(picts/bubble_top.gif);
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url(picts/bubble_middle.gif);
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;	
	color: #000000;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#bubble_tooltip .bubble_bottom{
	background-image: url(picts/bubble_bottom.gif);
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}



/* HIDE MENU AND ITEMS FOR PRINTING */


@media print {
.printhide 	{ display:none; }
.printhelp	{ width:600px; }
}
@media screen{
.printonly 	{ display:none; }
}







/* GALLERY CODE */

.galleryborder		{ border: #999999 1px solid; margin-bottom: 3px; }

.viewer-border	 	{ border: #999999 1px solid; }

.picturecomments 	{ COLOR: #999999; FONT: 10px verdana, arial, sans-serif; }

.picturetitle 		{ COLOR: #FFFFFF; FONT: 10px verdana, arial, sans-serif; font-weight: bold; }






/* SMALL GALLERY MESSAGES */


.divstyle 	{ position:absolute;
		border: #000000 0px solid;
		width: 100px;
		top:0;
		left:0; }

.pstyletitle	{ position:absolute;
		border: #000000 1px solid;
		background:#FFFFE1;
		color:black;
		font-size:10px;
		padding: 3px;
		font-family:verdana, arial, sans-serif; }


.pstylebody 	{ position:absolute;
		background:#FFFFE1;
		color:black;
		font-size:10px;
		font-family:verdana, arial, sans-serif; }




/* GALLERY MENU CODE */


.button-gallery 	{
			background-color:#2C343B;
	        	background-image: url("picts/button-gallery.gif");
			FONT-FAMILY: arial, verdana, helvetica, sans-serif;
			color: #849CAC;
			font-size: 11px;
			cursor:pointer;
			font-weight: bold;
			text-align: center;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 3px;
			padding-bottom: 3px;
			BORDER: #849CAC 1px solid;
			}


.buttonon-gallery	{
			background-color:#404E5A;
	        	background-image: url("picts/buttonon-gallery.gif");
			FONT-FAMILY: arial, verdana, helvetica, sans-serif;
			color: #FFFFFF;
			font-size: 11px;
			cursor:pointer;
			font-weight: bold;
			text-align: center;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 3px;
			padding-bottom: 3px;
			BORDER: #849CAC 1px solid;
			}






/* CONTACT AND QUOTES FORM */

.button 		{
			background-color:#2C343B;
	        	background-image: url("picts/button.gif");
			FONT-FAMILY: arial, verdana, helvetica, sans-serif;
			color: #849CAC;
			font-size: 11px;
			cursor:pointer;
			font-weight: bold;
			text-align: center;
			padding-left: 15px;
			padding-right: 15px;
			padding-top: 3px;
			padding-bottom: 3px;
			BORDER: #849CAC 1px solid;
			}

.buttonon 		{
			background-color:#404E5A;
	        	background-image: url("picts/buttonon.gif");
			FONT-FAMILY: arial, verdana, helvetica, sans-serif;
			color: #FFFFFF;
			font-size: 11px;
			cursor:pointer;
			font-weight: bold;
			text-align: center;
			padding-left: 15px;
			padding-right: 15px;
			padding-top: 3px;
			padding-bottom: 3px;
			BORDER: #849CAC 1px solid;
			}


.shadeform	{
		FONT: 13px arial, verdana, sans-serif;
		COLOR: #000000;
		background-image: url("picts/shadeform.gif");
		background-color: #B0B6AF;
		text-align: left;
		WIDTH: 200PX;
		BORDER: #666666 1px solid;
		}


.dropdown 	{
		FONT: 11px verdana, arial, sans-serif;
		COLOR: #000000;
		background-color: #B0B6AF;
		WIDTH: 200PX;
		}


.textarea	{
		FONT: 13px arial, verdana, sans-serif;
		COLOR: #000000;
		background-image: url("picts/shadeform.gif");
		background-color: #B0B6AF;
		text-align: left;
		WIDTH: 250PX;
		HEIGHT: 125PX;
		BORDER: #666666 1px solid;
		}


.quoteform	{
		FONT: 13px arial, verdana, sans-serif;
		COLOR: #000000;
		background-image: url("picts/shadeform.gif");
		background-color: #B0B6AF;
		text-align: left;
		BORDER: #666666 1px solid;
		}


.dropquotes 	{
		FONT: 11px verdana, arial, sans-serif;
		background-color: #B0B6AF;
		COLOR: #000000;
		}


.quotechoice 	{ COLOR: #CCCC99; }










/* LINKS PAGE */

.searchterms 	{
		FONT: 12px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		background-color: #B0B6AF;
		COLOR: #000000;
		WIDTH: 125PX;
		HEIGHT: 20PX;
		BORDER: #000000 1px solid;
		}

.searchbutton 	{
		background-color:#2C343B;
	        background-image: url("picts/button-gallery.gif");
		FONT-FAMILY: arial, verdana, helvetica, sans-serif;
		color: #849CAC;
		font-size: 11px;
		cursor:pointer;
		font-weight: bold;
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 0px;
		padding-bottom: 0px;
		BORDER: #849CAC 1px solid;
		}






/* FOOTER CODE */

.footer			{
            background-image: url("picts/alum_blue.jpg");
			background-color: #5c82b3;
			height: 35px;
			padding: 5px 10px 5px 10px;
			}

.copyright	{
			color: #023474;
			FONT: 9px verdana, arial, sans-serif; font-weight: bold; }



.table-tabs	{
			background-color: #5c82b3;
			border-left: #445056 1px solid;
			border-right: #445056 1px solid;	
			}




/* START THE CODE FOR THE MENUS */


#menulocation 		{ LEFT: 1px; WIDTH: 150px; POSITION: relative; TOP: 0px; padding:0px 0px; white-space:nowrap; }


.menu-background	{
            background-image: url("picts/alum_blue2.jpg");
			/*background-color: #5c82b3;*/
			background-repeat: repeat-y;
			background-position: top left;
			border-right: #445056 1px solid;
			width: 151px;
			}

.menuseparator		{
			border: #445056 1px solid;
			background-color: #406696;
			color: #406696;
			height: 3px;
			width: 140px;
			padding: 0px;
			margin-top: 3px;
			margin-bottom: 0px;
			}

.menutrans   		{
			filter:alpha(opacity=100);-moz-opacity:1.00;opacity:1.00;
			border-bottom: #74747B 1px solid;
			}


.menu-bottomline	{ border-top: #74747B 0px solid; }


.menu		{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 10px;
		cursor:hand;
		font-weight: bold;
		text-decoration: none;
		width: 139px;
		text-indent: 7px;
		line-height: 18px;
		text-align: left;
		display: block;
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 3px;
		margin-bottom: 1px;
		border-right: #74747B 0px solid;
		border-top: #74747B 0px solid;
		}


a.menu:link 	{ color: #ffffff; }

a.menu:visited 	{ color: #ffffff; }

a.menu:active 	{ color: #B0C3C5; }

a.menu:hover 	{
		color: #B0C3C5;
		background-color:#406696;
		text-decoration: none;
		border: #FFFFFF 1px solid;
		margin-left: 4px;
		margin-right: 4px;
		margin-top: 2px;
		margin-bottom: 0px;
		}

/*--pop image in the detail page --*/
/*
.pic {
	background-color: #c5e5f7;
	left: 0px;
	position: relative;
	top: 0px;
	width: 135px;
    height:90px;
}

.pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

.pic a img {
	border: 0;
}

.pic a.p1, #pic a.p1:visited {
	
	display:inline;	
	left: 0;
	top: 0;
	
}

.pic a.p1:hover {
	color: #000000;
	text-decoration: none;
}

.pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 493px;
	left: -418px;
	position: absolute;
	top: -340px;
	width: 398px;
	margin::5px;
	background-color:#c5e5f7;
}
*/
/*-- end of the pop up code --*/


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:  #c5e5f7;
padding: 0px;
left: -418px;
top: -500px;
height: 1px;width:1px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -340;
left: -418px; /*position where enlarged image should offset horizontally */

}

.otherProdImgBorder
{
border-top:1px solid #003366;
border-left:1px solid #003366;
border-right:3px solid #003366;
border-bottom:3px solid #003366;
}


#headerSearch1
{
  position: relative; top: -9px; right:-50px; 
  width:297px;
  height:25px;
  /*background-image: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='picts/searchbg_Signpro.png',sizingMethod='scale');
  */background-image: url("picts/searchbg_Signpro.png");
  background-repeat:no-repeat;
  
}

#headerSearchFF
{
  position: relative; top: -9px; right:-50px; 
  width:297px;
  height:25px; 
  background-image: url("picts/searchbg_Signpro.png");
  background-repeat:no-repeat;
}