@charset "UTF-8";
/* CSS Document */

h2{
	color:#666;
	font:normal 16px Georgia, Times, serif;
	font-weight:100;
	letter-spacing:5px;
	margin-top:-10px;
	text-transform:uppercase;	
}

h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
	color: #666;text-decoration:none;
	}
	
table.product{
	font: normal 12px Helvetica, Arial, sans-serif;
	color:#666;
	line-height:14px;
	}
table.product td{
	padding-bottom:10px;
	}
table.product a{
	color:#666;
	text-decoration:none
}


table.product a:hover, table.product a.active{
	color:#FFF;
}
.product .name {color:#999;font-size: 120%;}

.product img {
border: 1px solid #111;
filter: alpha(opacity=80);
opacity: 0.80;
}
.product img:hover {
border: 1px solid #333;
filter: alpha(opacity=99);
opacity: 0.99;
}

a .product img {
border: 1px solid #111;
filter: alpha(opacity=80);
opacity: 0.80;
}
a:hover .product img {
border: 1px solid #333;
filter: alpha(opacity=99);
opacity: 0.99;
} 





#btnhrz{
width: 100%; /* This makes our containing div 100% of the width of its container, in this example it is the browser window */
text-align: center; /* For centering container items in IE6 */
}
#btnhrz ul{
margin: 0 auto; /* This centers the list in Firefox */
width: 960px; /* Specified width to prevent menu from being wider than screen, this can also be a percentage */
text-align: center; /* Aligning the text in the list */
font:normal 14px Georgia, Times, serif;
letter-spacing:2px;
text-transform:uppercase;
padding:0px;
}
#btnhrz li{
display: block; /* Makes the list take up a single line */
width: 960px; /* Maximum width for items in list */
height: 20px; /* Sets height for lines in list */
}
#btnhrz li a:link, #btnhrz li a:visited{
display: block; /* Makes the link take up the entire area specified in the width and height attributes */
width: 100%;
text-decoration: none; /* Removing the underline */
background-color:#1F1F1F;
color: #666; /* Setting font color */
height: 100%;padding:10px 0px;
}
#btnhrz li a:hover, #btnhrz li a:active{
background-color:#222;
color:#FFF; 

}