/* Standard CSS Styles*/

#menu {margin:0; padding:0;}

#menu a {
	text-transform:uppercase;
	margin-left: -26px;
    font: 11px arial, helvetica, sans-serif;
	color:#cccccc;
	text-decoration: none;
	background: url(http://www.avino.com/i/menu3/corner-off.gif) no-repeat top left;
	}
#menu a span{background: url(http://www.avino.com/i/menu3/div-off.gif) no-repeat top right; padding-left: 26px;}
#menu a i{
	background: url() no-repeat top left; padding-left: 26px;
}
#menu a:hover i{
	background: url(http://www.avino.com/i/menu3/forwad-div-on.gif) no-repeat top left; padding-left: 26px;
}

#menu a:hover {
	padding-left: 0px;
	color:#FFFFFF;
	background: url(http://www.avino.com/i/menu3/corner-on.gif) no-repeat top left;
	}
#menu a:hover span{background: url(http://www.avino.com/i/menu3/div-on.gif) no-repeat top right; padding-left: 26px;}
#menu .first {
	margin: 0px;
}
#menu a.first i{
	background-image: url(http://www.avino.com/i/menu3/first-off.gif);
	padding-left:26px;
}
#menu a.first:hover i{
	background-image: url(http://www.avino.com/i/menu3/first.gif);
}
#menu .last span{
	background-image: url(http://www.avino.com/i/menu3/right-off.gif);
	padding-left:26px;
}
#menu a.last:hover span{
	background-image: url(http://www.avino.com/i/menu3/right-on.gif);
	padding-left:26px;
}

/* Sales Force Form*/

.OnlineForm {font-size:11px; padding: 4px;} 
.OnlineForm div {padding: 4px;} 


input {font:normal 8pt Arial;}
select {font:normal 8pt Arial;}
textarea {font:normal 8pt Arial;}

input#first_name {background-color:#d0d9d3;}

input#last_name {background-color:#d0d9d3;}

.photo-thumbs { width: 230px; height:165px; margin: 10px 60px 10px 0; overflow:hidden; float:left; font-weight:bold;}

/* Home page media scroll */

.mediaBox {width:920px; padding: 8px; background-color: #7AA8B6; float:left; }
.mediaTitle {width:920px; background-color:#093b50;}
.media {list-style-type: none; margin:5px 10px 0px 20px; padding:0; height: 195px; float:left; position: relative;  visibility: hidden; left: -5000px;}
.media li {width:180px; height: 192px; text-align:center; float: left; margin-right: 10px;}
.prev { background-image: url("/i/misc/prev.gif"); background-repeat:no-repeat; width:44px; float:left; height:44px; clear:both; margin: 30px 10px;}
.next { background-image: url("/i/misc/next.gif"); background-repeat: no-repeat; float:right; width:44px; height: 44px; margin: 30px 0px 10px 0px;}