body 	{
	scrollbar-base-color: #999999;
	scrollbar-track-color: #CECECE;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: #FFFFFF 0px solid;
	}




.block-left	{
		FONT: 12px arial, verdana, sans-serif;
		background-color: #FFFFFF;
		COLOR: #000000;
		background-image: url("images/shadeform.gif");
		text-align: right;
		WIDTH: 225PX;
		HEIGHT: 225PX;
		BORDER: #CECECE 1px solid;
		}


.bodytext {
	background-color: #FFFFFF;
	
}




/* NON-MENU LINK COLORS */

a:active	{ color: #669900; text-decoration: none; }

a:visited	{ color: #669900; text-decoration: none; }

a:link	{ color: #669900; text-decoration: none; }

a:hover				{ color: #FF9900; text-decoration: underline; }



/* FOOTER LINK COLORS */

a.foot:link		{ color: #669900; text-decoration: none; }

a.foot:visited		{ color: #669900; text-decoration: none; }

a.foot:active		{ color: #669900; text-decoration: none; }

a.foot:hover		{ color: #FF9900; text-decoration: underline; }






/* THE NEXT LINE CONTROLS THE DEFAULT FONT SIZE */

TABLE 		{ COLOR: #000000; font-weight: 700;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	line-height: normal;
	font-family: arial, sans-serif;
	height: 47px;
}

.borders	{ BORDER: #000000 1px solid; }

.cartdropdown 	{
		color: #000000;
		width: 130px;
		font: 10px arial, verdana, sans-serif;
		margin: 3px;
		}



.footertext 	{ COLOR: #666666; FONT: 10px arial, verdana, sans-serif; font-weight: normal; }

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

.formmargin	{ margin: 0px; }

.gallerytext	{ color: #666666; font: 12px arial, verdana, sans-serif; font-weight: normal; }

.header		{ background-color: #FFFFFF; }

.heading 		{ COLOR: #006633; FONT: 20px arial, sans-serif; font-weight: bold; }

.headercolor	{ background-color: #FFFFFF; }

.hilite		{ color: #CC3333; font-weight: normal; }

.image-border	{ border: #000000 1px solid; margin-bottom: 3px; }

.image-borderon	{ border: #FF0000 1px solid; margin-bottom: 3px; }

.linevert	{ BORDER-LEFT: #CECECE 1px solid; }

.outertable	{ BORDER-RIGHT: #CECECE 1px solid; }

.page-splits	{
		border-top: #CECECE 1px solid;
		background-color: #FFFFFF;
		color: #FFFFFF; height: 1px;
		width: 100%;
		}

.phonetitle 	{ color: #9D9A88; font: 11px verdana, arial, sans-serif; font-weight: bold; }

.picturetitle 	{ color: #9999FF; font: 13px arial, verdana, sans-serif; font-weight: normal; letter-spacing: 2px; }

.price	 	{ color: #3366FF; font: 13px verdana, arial, sans-serif; font-weight: bold; }

.normalheader    { COLOR: #006633; FONT: 20px arial, sans-serif; font-weight: bold; }

.sidebar-background
			{
			background-color: #FFFFFF;
			}

.sidebarwidth		{ width: 166px; }

.sidebartitle		{ COLOR: #CC9900; FONT: 15px "AvantGarde Md BT", verdana, arial, sans-serif; font-weight: normal; }

.sidebartext		{ COLOR: #666666; FONT: 11px verdana, arial, sans-serif; font-weight: normal; }

.sidebar-frame		{
			width: 166px;
			height: 650px;
			margin: 0px;
			padding: 0px;
			border: solid #000000;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			}

.special 	{ COLOR: #F23232; FONT: 12px arial, sans-serif; font-weight: bold; }

.style2{ background-color: #FFFFFF;
		font-size:small }

.title 		{ COLOR: #006633; FONT: 16px arial, sans-serif; font-weight: normal; }

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

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



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


li 		{ color: #000000; }
li span 	{ color: #000000; }









.button-order 	{
		background-image: url("picts/button.gif");
		background-color:#DDEDE7;
		FONT: 12px arial, verdana, sans-serif;
		font-weight: bold;
		color: #336666;
		width: 110px;
		padding-top: 2px;
		padding-bottom: 2px;
		cursor:pointer;
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
		BORDER: #669999 1px solid;
		}


.buttonon-order {
		background-image: url("picts/buttonon.gif");
		background-color:#EBEDDD;
		FONT: 12px arial, verdana, sans-serif;
		font-weight: bold;
		color: #996600;
		width: 110px;
		padding-top: 2px;
		padding-bottom: 2px;
		cursor:pointer;
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
		BORDER: #996600 1px solid;
		}









 /* HIDE MENU AND ITEMS FOR PRINTING */


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









/* CONTACT AND QUOTES FORM */

.formmargin	{ margin: 0px; margin-top: 12px; }

.button-submit 	{
		background-image: url("images/button.gif");
		background-color:#DDEDE7;
		FONT: 12px arial, verdana, sans-serif;
		font-weight: bold;
		color: #336666;
		width: 110px;
		padding-top: 2px;
		padding-bottom: 2px;
		cursor:pointer;
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
		BORDER: #669999 1px solid;
		}


.buttonon-submit 	{
		background-image: url("images/buttonon.gif");
		background-color:#EBEDDD;
		FONT: 12px arial, verdana, sans-serif;
		font-weight: bold;
		color: #996600;
		width: 110px;
		padding-top: 2px;
		padding-bottom: 2px;
		cursor:pointer;
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
		BORDER: #996600 1px solid;
		}

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

.textarea	{
		FONT: 12px arial, verdana, sans-serif;
		background-color: #FFFFFF;
		COLOR: #000000;
		background-image: url("images/shadeform.gif");
		text-align: left;
		WIDTH: 225PX;
		HEIGHT: 125PX;
		BORDER: #CECECE 1px solid;
		}

.quotechoice 	{ color: #336699; font: 11px arial, verdana, sans-serif; font-weight: normal; }

.dropdown 	{
		FONT: 12px arial, verdana, sans-serif;
		background-color: #FFFFFF;
		COLOR: #000000;
		WIDTH: 1PX;
		}

.quoteform	{
		FONT: 12px arial, verdana, sans-serif;
		COLOR: #000000;
		background-color: #FFFFFF;
		text-align: block;
		BORDER: #CECECE 1px solid;
	    width: 250px;
}

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



/* LINKS PAGE */



/* START THE CODE FOR THE MENUS */



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


.menutable	{ margin-left: 1px; margin-right: 10px;}

.menu		{
		font-family: arial, verdana, helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		padding-right: 15px;
		padding-left: 15px;
		}


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


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


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


a.menu:hover 	{ color: #009900; text-decoration: underline; }





/* CODE FOR THE TOP MENU */


.top-menu-area	{
		background-color: #ffffff; padding: 8px;
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #999999;
		}


.menu-top	{
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		padding-right: 6px;
		padding-left: 6px;
		}


a.menu-top:link 	{ color: #666666; }


a.menu-top:visited 	{ color: #666666; }


a.menu-top:active 	{ color: #0066FF; }


a.menu-top:hover 	{ color: #0066FF; text-decoration: underline; }






/* CODE FOR FAQs */

.faq 			{
			FONT: 11px verdana, arial, sans-serif;
			font-weight: normal;
			COLOR: #AE5936;
			line-height: 19px;
			margin: 20px;
			}

.faqline		{ border-bottom: #83300E 1px solid; }





/* FAQ POPUP BUTTONS*/

.button 		{
			color: #000000;
	       		font: bold 12px arial, serif;
			text-align: center;
			background-color: #FFFFFF;
        		padding: 2px 7px 2px 7px;
			cursor:pointer;
        		border: #FFFFFF 1px solid;
			}

.buttonon 		{
			color: #FF0000;
	       		font: bold 12px arial, serif;
			text-align: center;
			background-color: #FFFFFF;
        		padding: 2px 7px 2px 7px;
			cursor:pointer;
        		border: #FF0000 1px solid;
			}



/* SITE SEARCH FORM */

.searchsiteform		{
			FONT: 12px arial, verdana, sans-serif;
			color: #000000;
			background-color: #F5F6F7;
			background-image: url("http://www.ionxchange.com/images/shadeform.gif");
			WIDTH: 85PX;
			HEIGHT: 19PX;
			BORDER: #000000 1px solid;
			margin-top: 1px;
			}


.searchsiteform		{
			font: 12px arial, verdana, sans-serif;
			color: #000000;
			background-color: #FFFFFF;
			width: 120px;
			height: 19px;
			border: #000000 1px solid;
			margin-top: 1px;
			}



/* SITE SEARCH BACKGROUND */

.googlesearch		{ background-color: #FFFFFF; }



/* LINKS PAGE CODE */

.searchbutton	{ font: 11px arial, serif; }

.linksmargin	{ margin: 10px; }


.searchform 	{
		FONT: 11px arial, verdana, sans-serif;
		background-color: #F5F6F7;
		background-image: url("http://www.ionxchange.com/images/shadeform.gif");
		WIDTH: 75PX;
		BORDER: #000000 1px solid;
		}


/* IMAGE TABLE AND COLOR BARS */


.imagetable		{
			border-top: #000000 0px solid;
			border-bottom: #000000 0px solid;
			background-color: #FFFFFF;
			padding-top: 0px;
			padding-bottom: 0px;
			}



.imagewidth		{ width: 135px; }

.olive1		{ background-color: #6F9D19; }	/* OLIVE - home */

.olive2		{ background-color: #9BC153; }	/* LT OLIVE - home */

.green1		{ background-color: #0A6900; }	/* GREEN */

.green2		{ background-color: #339229; }	/* LT GREEN */

.cyan1		{ background-color: #009BEC; }	/* CYAN */

.cyan2		{ background-color: #59C0F7; }	/* LT CYAN */

.blue1		{ background-color: #4A71CE; }	/* BLUE */

.blue2		{ background-color: #5C87E3; }	/* LT BLUE */

.brown1		{ background-color: #83300E; }	/* BROWN */

.brown2		{ background-color: #AE5936; }	/* LT BROWN */

.red1		{ background-color: #B60B23; }	/* RED */

.red2		{ background-color: #E73A4F; }	/* LT RED */

.tan1		{ background-color: #DC822C; }	/* TAN */

.tan2		{ background-color: #EDBB72; }	/* LT TAN */

.gray1		{ background-color: #C0C0C0; }	/* TAN */

.gray2		{ background-color: #F0F0F0; }	/* LT TAN */




.pageheight	   { height: 100%; }

/* PICTURE VIEWER TEXT AREA CODE */

.ImageTextTable		{
			color: #666666;
			font: 11px verdana, arial, sans-serif;
			font-weight: normal;
			text-align: left;
			}	

.ImageFrame		{ width: 525px; height: 150px; border: #000000 0px solid; }

.ImageTextPage		{
			margin: 0;
			padding: 8px 15px 8px 15px;
			background-color:#FFFFFF;
			}




/* SLIDESHOW CODE */

.slide-text		{ color: #000000; font: 12px verdana, arial, sans-serif; font-weight: normal; }

.slide-hilite 		{ color: #999999; font: 10px verdana, arial, sans-serif; font-weight: normal; }

.button-gallery 	{
			background-color:#FFFFFF;
	        	background-image: url("../images/button-gallery.gif");
			font-family: arial, verdana, helvetica, sans-serif;
			color: #999999;
			font-size: 11px;
			cursor:pointer;
			font-weight: bold;
			text-align: center;
			padding-left: 0px;
			padding-right: 0px;
			padding-top: 3px;
			padding-bottom: 3px;
			width: 25px;
			border: #C5C3CE 1px solid;
			}


.buttonon-gallery	{
			background-color:#FFFFFF;
	        	background-image: url("../images/buttonon-gallery.gif");
			font-family: arial, verdana, helvetica, sans-serif;
			color: #336699;
			font-size: 11px;
			cursor:pointer;
			font-weight: bold;
			text-align: center;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 3px;
			padding-bottom: 3px;
			width: 25px;
			border: #336699 1px solid;
			}


/* CODE FOR THE menu_gallery.js MENU */


.menu-nav	{ font-family: verdana, arial, helvetica, sans-serif;
		  font-size: 11px;
		  letter-spacing: 0px;
		  padding-top: 4px;
		  padding-bottom: 4px;
		  padding-left: 4px;
		  padding-right: 4px;
		  margin-left: 2px;
		  margin-right: 1px;
		  margin-top: 1px;
		  cursor:pointer;
		  font-weight: normal;
		  text-align: center;
		  display: block;
		  white-space: nowrap;
		  border: #FFFFFF 1px solid; }


a.menu-nav:link 	{
			background-color:#FFFFFF;
			color: #145D89;
			}


a.menu-nav:visited 	{
			background-color:#FFFFFF;
			color: #145D89;
			}


a.menu-nav:active 	{
			background-color:#FFFFFF;
			color: #145D89;
			}


a.menu-nav:hover 	{
			background-color:#FFFFFF;
			color: #145D89;
			border: #145D89 1px solid;
			}