
BODY, P, td 	{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; color: #000000; }
BODY.background				{ background-image: url(/images/background.jpg); }
ul					{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 0px; color: #000000; }
li							{ padding-bottom: 12px; }
.minPageHeight				{ padding-bottom: 260px; } /* Content cell size so the mech banner stays at the bottom */
.bottomSpacing				{ padding-bottom: 40px; } /* Last cell size for the bottom of page */

/* Boom Image -----------------------------------------------------------------------*/
.boomFrame  {border:solid 1px #ffffff; padding:1px; margin-bottom:10px; } 


/* Image Framing -------------------------------------------------------------------*/
.imageFrameRight {float:right; border:solid 1px #495094; padding:2px; margin-left:5px; margin-bottom:5px; } 
.imageFrameLeft  {float:left; border:solid 0px #495094; padding:2px; margin-right:5px; margin-bottom:5px; } 
.imageRight 	 {float:right; padding:2px; margin-left:5px; margin-bottom:5px; }
.imageLeft 		 {float:left; padding:2px; margin-right:5px; margin-bottom:5px; }


/* Devider Lines --------------------------------------------------------------------*/
.deviderLineThickPadding	{ margin-top:50px; margin-bottom:15px; }
.deviderLineThinPadding		{ margin-top:30px; margin-bottom:15px; }
.deviderLineBottomPadding	{ margin-top:50px; margin-bottom:15px; }

 
 /* Generic Styles ---------------------------------------------------------------------------------*/
.hdrNav						{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; }
.hdrSubNav					{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #696043; }
 
.boxCopy					{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #5a5442; line-height: 12px; }
a.boxLink 					{ text-decoration: none; color: #663399; font-weight:normal; line-height: 20px; }
a:link.boxLink 				{ text-decoration: none; color: #663399; font-weight:normal; }
a:active.boxLink 			{ text-decoration: none; color: #663399; font-weight:normal; }
a:visited.boxLink			{ text-decoration: none; color: #663399; font-weight:normal; }
a:hover.boxLink 			{ text-decoration: underline; color: #696043; font-weight:normal; }


/* Content Formatting ---------------------------------------------------------------*/
.hdr						{ font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; color: #660066; line-height: 20px; }
.hdrsubhome					{ font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; color: #663399; line-height: 20px; } /* Sub header(s) for the home page only */
.hdrsub						{ font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; color: #663399; line-height: 20px; }
.textColor					{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #663399; }
.newsHeader					{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #660099; }
.itemHeader					{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #660099; }
.errorr						{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: red; }


/* Navigation -----------------------------------------------------------------------*/
a 							{ text-decoration: none; color: #9966cc; font-weight:bold; } /* Universal Links */
a:link 						{ text-decoration: none; color: #9966cc; font-weight:normal; }
a:active 					{ text-decoration: none; color: #9966cc; font-weight:normal; }
a:visited					{ text-decoration: none; color: #9966cc; font-weight:normal; }
a:hover 					{ text-decoration: underline; color: #660099; font-weight:normal; }

a.homeLink 					{ text-decoration: none; color: #9966cc; font-weight:normal; line-height: 25px; } /* Homepage Links Only */
a:link.homeLink 			{ text-decoration: none; color: #9966cc; font-weight:normal; }
a:active.homeLink 			{ text-decoration: none; color: #9966cc; font-weight:normal; }
a:visited.homeLink			{ text-decoration: none; color: #9966cc; font-weight:normal; }
a:hover.homeLink 			{ text-decoration: underline; color: #660099; font-weight:normal; }

a.buttonLink 				{ text-decoration: none; color: #9cb8a0; font-weight:normal; }
a:link.buttonLink 			{ text-decoration: none; color: #9cb8a0; font-weight:normal; }
a:active.buttonLink 		{ text-decoration: none; color: #9cb8a0; font-weight:normal; }
a:visited.buttonLink		{ text-decoration: none; color: #9cb8a0; font-weight:normal; }
a:hover.buttonLink 			{ text-decoration: none; color: #660099; font-weight:normal; }


a.categoryBrandLink 		{ text-decoration: none; color: #660099; font-weight:bold; }
a:link.categoryBrandLink 	{ text-decoration: none; color: #660099; font-weight:bold; }
a:active.categoryBrandLink 	{ text-decoration: none; color: #660099; font-weight:bold; }
a:visited.categoryBrandLink	{ text-decoration: none; color: #660099; font-weight:bold; }
a:hover.categoryBrandLink 	{ text-decoration: none; color: #663399; font-weight:bold; }


.breadcrumbSelect			{ font-family: Arial,Helvetica,sans-serif; font-size: 10px; text-decoration: none; color: #663399; font-weight:bold; }
.breadcrumbLine				{ font-family: Arial,Helvetica,sans-serif; font-size: 10px; text-decoration: none; color: #660099; font-weight:bold; }
a.breadcrumbLink			{ font-family: Arial,Helvetica,sans-serif; font-size: 10px; text-decoration: none; color: #660099; font-weight:bold; }
a:link.breadcrumbLink		{ text-decoration: none; color: #660099; font-weight:bold; }
a:active.breadcrumbLink		{ text-decoration: none; color: #660099; font-weight:bold; }
a:visited.breadcrumbLink	{ text-decoration: none; color: #660099; font-weight:bold; }
a:hover.breadcrumbLink		{ text-decoration: none; color: #663399; font-weight:bold; }


a.backLink 				    { font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #108687; font-weight:bold; }
a:link.backLink 	        { text-decoration: none; color: #108687; font-weight:bold; }
a:active.backLink  		    { text-decoration: none; color: #108687; font-weight:bold; }
a:visited.backLink   		{ text-decoration: none; color: #108687; font-weight:bold; }
a:hover.backLink  	 	    { text-decoration: underline; color: #000a69; font-weight:bold; }


.navtopline					{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #63638f; font-weight:bold; }
.navtop					    { font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #63638f; font-weight:bold; }
a.navtop 					{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #63638f; font-weight:bold; line-height: 23px; }
a:link.navtop 				{ text-decoration: none; color: #63638f; font-weight:bold; }
a:active.navtop 			{ text-decoration: none; color: #663399; font-weight:bold; }
a:visited.navtop			{ text-decoration: none; color: #63638f; font-weight:bold; }
a:hover.navtop 			    { text-decoration: none; color: #9966cc; font-weight:bold; }

a.navtop-at 				{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #9966cc; font-weight:bold; line-height: 23px; }
a:link.navtop-at 			{ text-decoration: none; color: #9966cc; font-weight:bold; }
a:active.navtop-at 		    { text-decoration: none; color: #9966cc; font-weight:bold; }
a:visited.navtop-at		    { text-decoration: none; color: #9966cc; font-weight:bold; }
a:hover.navtop-at 			{ text-decoration: none; color: #9966cc; font-weight:bold; }


.navleft             	    { font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #9966cc; font-weight: normal; }
a.navleft					{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #9966cc; font-weight: normal; line-height: 20px; padding: 0px 0px 0px 10px; display: block; height: 20px; background: url(/images/navLeftOff.jpg) repeat-y; }
a:link.navleft       	    { text-decoration: none; color: #663399; font-weight: normal; }
a:active.navleft     	    { text-decoration: none; color: #663399; font-weight: normal; }
a:visited.navleft    	    { text-decoration: none; color: #663399; font-weight: normal; }
a:hover.navleft      	    { text-decoration: none; color: #663399; font-weight: normal; background: url(/images/navLeftOn.jpg) repeat-x; }

.navlefttwo            	    { font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #9966cc; font-weight: normal; }
a.navlefttwo				{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #9966cc; font-weight: normal; line-height: 11px; padding: 50px 0px 0px 10px; display: block; height: 30px; background: url(/images/navLeftOff.jpg) repeat-y; }
a:link.navlefttwo      	    { text-decoration: none; color: #663399; font-weight: normal; }
a:active.navlefttwo    	    { text-decoration: none; color: #663399; font-weight: normal; }
a:visited.navlefttwo   	    { text-decoration: none; color: #663399; font-weight: normal; }
a:hover.navlefttwo     	    { text-decoration: none; color: #663399; font-weight: normal; background: url(/images/navLeftOn.jpg) repeat-x; }

.navleft-at					{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #663399; font-weight: normal; }
a.navleft-at				{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #663399; line-height: 20px; padding: 0px 0px 0px 10px; display: block; height: 20px; background: url(/images/navLeftOn.jpg) repeat-y; }
a:link.navleft-at			{ text-decoration: none; color: #663399; font-weight: normal; }
a:active.navleft-at			{ text-decoration: none; color: #663399; font-weight: normal; }
a:visited.navleft-at		{ text-decoration: none; color: #663399; font-weight: normal; }
a:hover.navleft-at			{ text-decoration: none; color: #663399; font-weight: normal; }

.navleft-attwo				{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #663399; font-weight: normal; }
a.navleft-attwo				{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #663399; line-height: 11px; padding: 0px 0px 0px 10px; display: block; height: 30px; background: url(/images/navLeftOn.jpg) repeat-y; }
a:link.navleft-attwo		{ text-decoration: none; color: #663399; font-weight: normal; }
a:active.navleft-attwo		{ text-decoration: none; color: #663399; font-weight: normal; }
a:visited.navleft-attwo		{ text-decoration: none; color: #663399; font-weight: normal; }
a:hover.navleft-attwo		{ text-decoration: none; color: #663399; font-weight: normal; }

.subNavleft					{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #663399; font-weight: normal; }
a.subNavleft				{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #663399; font-weight: normal; line-height: 20px; padding: 0px 0px 0px 15px; display: block; height: 20px; background: url(/images/navLeftSubOff.jpg) repeat-y; }
a:link.subNavleft       	{ text-decoration: none; color: #663399; font-weight: normal; }
a:active.subNavleft			{ text-decoration: none; color: #663399; font-weight: normal; }
a:visited.subNavleft		{ text-decoration: none; color: #663399; font-weight: normal; }
a:hover.subNavleft			{ text-decoration: none; color: #663399; font-weight: normal; background: url(/images/navLeftSubOn.jpg) repeat-x; }

.subNavlefttwo				{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #663399; font-weight: normal; }
a.subNavlefttwo				{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #663399; font-weight: normal; line-height: 11px; padding: 5px 0px 0px 15px; display: block; height: 27px; background: url(/images/navLeftSubOff-at.jpg) repeat-y; }
a:link.subNavlefttwo       	{ text-decoration: none; color: #663399; font-weight: normal; }
a:active.subNavlefttwo		{ text-decoration: none; color: #663399; font-weight: normal; }
a:visited.subNavlefttwo		{ text-decoration: none; color: #663399; font-weight: normal; }
a:hover.subNavlefttwo		{ text-decoration: none; color: #663399; font-weight: normal; background: url(/images/navLeftSubOn-at.jpg) repeat-x; }

.subNavleft-at				{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #663399; font-weight: normal; }
a.subNavleft-at				{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #663399; line-height: 20px; padding: 0px 0px 0px 15px; display: block; height: 20px; background: url(/images/navLeftSubOn.jpg) repeat-y; }
a:link.subNavleft-at		{ text-decoration: none; color: #663399; font-weight: normal; }
a:active.subNavleft-at		{ text-decoration: none; color: #663399; font-weight: normal; }
a:visited.subNavleft-at		{ text-decoration: none; color: #663399; font-weight: normal; }
a:hover.subNavleft-at		{ text-decoration: none; color: #663399; font-weight: normal; }

.subNavleft-attwo			{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #663399; font-weight: normal; }
a.subNavleft-attwo			{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #663399; line-height: 11px; padding: 5px 0px 0px 15px; display: block; height: 27px; background: url(/images/navLeftSubOn-at.jpg) repeat-y; }
a:link.subNavleft-attwo		{ text-decoration: none; color: #663399; font-weight: normal; }
a:active.subNavleft-attwo	{ text-decoration: none; color: #663399; font-weight: normal; }
a:visited.subNavleft-attwo	{ text-decoration: none; color: #663399; font-weight: normal; }
a:hover.subNavleft-attwo	{ text-decoration: none; color: #663399; font-weight: normal; }

.navright             	    { font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #dd7875; font-weight: normal; }
a.navright					{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #dd7875; font-weight: normal; line-height: 20px; padding: 0px 0px 0px 20px; display: block; height: 20px; background: url(/images/navRightOff.jpg) repeat-y; }
a:link.navright       	    { text-decoration: none; color: #dd7875; font-weight: normal; }
a:active.navright     	    { text-decoration: none; color: #dd7875; font-weight: normal; }
a:visited.navright    	    { text-decoration: none; color: #dd7875; font-weight: normal; }
a:hover.navright      	    { text-decoration: none; color: #dd7875; font-weight: normal; background: url(/images/navRightOn.jpg) repeat-x; }

.navright-at				{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #dd7875; font-weight: normal; }
a.navright-at				{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #dd7875; line-height: 11px; padding: 0px 0px 0px 20px; display: block; height: 20px; background: url(/images/navRightOn.jpg) repeat-y; }
a:link.navright-at			{ text-decoration: none; color: #dd7875; font-weight: normal; }
a:active.navright-at		{ text-decoration: none; color: #dd7875; font-weight: normal; }
a:visited.navright-at		{ text-decoration: none; color: #dd7875; font-weight: normal; }
a:hover.navright-at			{ text-decoration: none; color: #dd7875; font-weight: normal; }

.subNavright				{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #dd7875; font-weight: normal; }
a.subNavright				{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #dd7875; font-weight: normal; line-height: 20px; padding: 0px 0px 0px 25px; display: block; height: 20px; background: url(/images/navRightSubOff.jpg) repeat-y; }
a:link.subNavright       	{ text-decoration: none; color: #827e71; font-weight: normal; }
a:active.subNavright		{ text-decoration: none; color: #dd7875; font-weight: normal; }
a:visited.subNavright		{ text-decoration: none; color: #dd7875; font-weight: normal; }
a:hover.subNavright			{ text-decoration: none; color: #dd7875; font-weight: normal; background: url(/images/navRightSubOn.jpg) repeat-x; }

.subNavright-at				{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #663399; font-weight: normal; }
a.subNavright-at			{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #663399; line-height: 20px; padding: 0px 0px 0px 25px; display: block; height: 20px; background: url(/images/navRightSubOn.jpg) repeat-y; }
a:link.subNavright-at		{ text-decoration: none; color: #663399; font-weight: normal; }
a:active.subNavright-at		{ text-decoration: none; color: #663399; font-weight: normal; }
a:visited.subNavright-at	{ text-decoration: none; color: #663399; font-weight: normal; }
a:hover.subNavright-at		{ text-decoration: none; color: #663399; font-weight: normal; }


/* Footer   -----------------------------------------------------------*/
.footertxt 					{ font-family: Arial,Helvetica,sans-serif; font-size: 9px; text-decoration: none; color: #ffffff; font-weight:normal; line-height: 23px; }
a.footer 					{ font-family: Arial,Helvetica,sans-serif; font-size: 9px; text-decoration: none; color: #ffffff; font-weight:normal; line-height: 23px; }
a:link.footer 				{ text-decoration: none; color: #ffffff font-weight:normal; }
a:active.footer 			{ text-decoration: none; color: #ffffff; font-weight:normal; }
a:visited.footer			{ text-decoration: none; color: #ffffff; font-weight:normal; }
a:hover.footer 			    { text-decoration: none; color: #ffffff; font-weight:normal; }




<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail2 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail3 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail4 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail3:hover{
background-color: transparent;
}

.thumbnail4:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid purple;
}

.thumbnail2:hover img{
border: 1px solid purple;
}

.thumbnail3:hover img{
border: 1px solid purple;
}

.thumbnail4:hover img{
border: 1px solid purple;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #dbdbdb;
padding: 5px;
left: -1000px;
border: 1px solid;
border-color:#999999;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #dbdbdb;
padding: 5px;
left: -1000px;
border: 1px solid;
border-color:#999999;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #dbdbdb;
padding: 5px;
left: -1000px;
border: 1px solid;
border-color:#999999;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail4 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #dbdbdb;
padding: 5px;
left: -1000px;
border: 1px solid;
border-color:#999999;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail4 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 600px;
left: 405px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 190px;
left: 405px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail3:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 319px;
left: 405px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail4:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 165px;
left: 399px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>



