.foo {} /* Wc3 Standards require a class to be first on stylesheets */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*                 Links StyleSheet - [Company]
*           Created by Jeremy S. Cargilo for ETR Consulting.
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Purpose: 
*   This stylesheet contains the links css styles for the entire project.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Default Link Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
a:link, a:visited { }
a:hover,  .selected_link { }
a span { display: none; }

/* Button Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.btn-buynow-sm { float: left; width: 83px; height: 28px;  
    background: url(Images/btn-buynow-sm.png) top left; }
.btn-buynow-sm:hover, .btn-buynow-sm-selected { float: left; width: 83px; height: 28px; 
	background: url(Images/btn-buynow-sm.png) bottom left; }	

/* Custom Link Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.customappslink	{ float: left; position: relative; left: 712px; width: 188px; height: 303px; }
.download-now	{ clear: left; float: left; background: url(Images/download-now.png) no-repeat; width: 147px; height: 27px; margin-left: 5px; }
.read-more			{ clear: left; float: right; background: url(Images/read-more.png) no-repeat; width: 73px; height: 15px; }

/* Main Navigation Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.mainnav a { overflow: hidden; }
* .mainnav a { background-repeat: no-repeat !important; }  /* IE6 Hack - The IEPNGFix/AlphaImageLoader doesn't support Background Repeating. */

.mainnav-home { float: left; width: 70px; height: 138px;  
    background: url(Images/mainnav-home.png) top left; }
.mainnav-home:hover, .mainnav-home-selected { float: left; width: 70px; height: 138px; 
	background: url(Images/mainnav-home.png) bottom left; }
	
.mainnav-products { float: left; width: 87px; height: 138px;  
    background: url(Images/mainnav-products.png) top left; }
.mainnav-products:hover, .mainnav-products-selected { float: left; width: 87px; height: 138px; 
	background: url(Images/mainnav-products.png) bottom left; }
	
.mainnav-news { float: left; width: 67px; height: 138px;  
    background: url(Images/mainnav-news.png) top left; }
.mainnav-news:hover, .mainnav-news-selected { float: left; width: 67px; height: 138px; 
	background: url(Images/mainnav-news.png) bottom left; }
	
.mainnav-support { float: left; width: 82px; height: 138px;  
    background: url(Images/mainnav-support.png) top left; }
.mainnav-support:hover, .mainnav-support-selected { float: left; width: 82px; height: 138px; 
	background: url(Images/mainnav-support.png) bottom left; }

.mainnav-customapps { float: left; width: 112px; height: 138px;  
    background: url(Images/mainnav-customapps.png) top left; }
.mainnav-customapps:hover, .mainnav-customapps-selected { float: left; width: 112px; height: 138px; 
	background: url(Images/mainnav-customapps.png) bottom left; }
	
.mainnav-faq { float: left; width: 62px; height: 138px;  
    background: url(Images/mainnav-faq.png) top left; }
.mainnav-faq:hover, .mainnav-faq-selected { float: left; width: 62px; height: 138px; 
	background: url(Images/mainnav-faq.png) bottom left; }
	
.mainnav-contactus { float: left; width: 101px; height: 138px;  
    background: url(Images/mainnav-contactus.png) top left; }
.mainnav-contactus:hover, .mainnav-contactus-selected { float: left; width: 101px; height: 138px; 
	background: url(Images/mainnav-contactus.png) bottom left; }
	
.mainnav-logolink { float: right; position: relative; top: 5px;  right: 42px; width: 110px; height: 125px; }