|
|
|
Equipment Main
#wrap {
width: 610px; height: 100%; margin: 0px auto 0px auto;
}
h1 { text-align: right; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color: #fff; font-size: 14px; border-bottom: thin solid #fff;}
#mainnav {
height: 100%;
width: 610px;
padding-top: 1px;
padding-right: 0;
padding-bottom: 1px;
padding-left: 0;
margin: 9px;
}
.mainnav-links {
visibility: hidden;
_visibility: visible;
margin-top: 28px;
}
.mainnav-1-links {
visibility: hidden;
_visibility: visible;
margin-top: 28px;
}
.mainnav-3-links {
visibility: hidden;
_visibility: visible;
margin-top: 28px;
}
.mainnav-4-links {
visibility: hidden;
_visibility: visible;
margin-top: 28px;
}
.mainnav-5-links {
visibility: hidden;
_visibility: visible;
margin-top: 28px;
}
.mainnav-6-links {
visibility: hidden;
_visibility: visible;
margin-top: 28px;
}
.mainnav-7-links {
visibility: hidden;
_visibility: visible;
margin-top: 28px;
}
.mainnav-links a {
display: block;
width: 100%;
margin: 0 0 0 0;
padding: 10px 0 10px 0;
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 8px;
text-align: center;
color:#FFFFFF;
text-decoration: none;
opacity: 0.7;
-moz-opacity:0.7;
filter:alpha(opacity=70);
}
.mainnav-1-links a {
display: block;
width: 100%;
margin: 0 0 0 0;
padding: 10px 0 10px 0;
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 8px;
text-align: center;
color:#FFFFFF;
text-decoration: none;
opacity: 0.7;
-moz-opacity:0.7;
filter:alpha(opacity=70);
}
.mainnav-3-links a {
display: block;
width: 100%;
margin: 0 0 0 0;
padding: 10px 0 10px 0;
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 8px;
text-align: center;
color:#FFFFFF;
text-decoration: none;
opacity: 0.7;
-moz-opacity:0.7;
filter:alpha(opacity=70);
}
.mainnav-4-links a {
display: block;
width: 100%;
margin: 0 0 0 0;
padding: 10px 0 10px 0;
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 8px;
text-align: center;
color:#FFFFFF;
text-decoration: none;
opacity: 0.7;
-moz-opacity:0.7;
filter:alpha(opacity=70);
}
.mainnav-5-links a {
display: block;
width: 100%;
margin: 0 0 0 0;
padding: 10px 0 10px 0;
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 8px;
text-align: center;
color:#FFFFFF;
text-decoration: none;
opacity: 0.7;
-moz-opacity:0.7;
filter:alpha(opacity=70);
}
.mainnav-6-links a {
display: block;
width: 100%;
margin: 0 0 0 0;
padding: 10px 0 10px 0;
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 8px;
text-align: center;
color:#FFFFFF;
text-decoration: none;
opacity: 0.7;
-moz-opacity:0.7;
filter:alpha(opacity=70);
}
.mainnav-7-links a {
display: block;
width: 100%;
margin: 0 0 0 0;
padding: 10px 0 10px 0;
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 8px;
text-align: center;
color:#FFFFFF;
text-decoration: none;
opacity: 0.7;
-moz-opacity:0.7;
filter:alpha(opacity=70);
}
.mainnav-links a:hover {
background-color: #012f51;
opacity: 0.9;
-moz-opacity:0.9;
filter:alpha(opacity=90);
}
.mainnav-1-links a:hover {
background-color: #c60001;
opacity: 0.9;
-moz-opacity:0.9;
filter:alpha(opacity=90);
}
.mainnav-3-links a:hover {
background-color: #127525;
opacity: 0.9;
-moz-opacity:0.9;
filter:alpha(opacity=90);
}
.mainnav-4-links a:hover {
background-color: #012f50;
opacity: 0.9;
-moz-opacity:0.9;
filter:alpha(opacity=90);
}
.mainnav-5-links a:hover {
background-color: #f97e05;
opacity: 0.9;
-moz-opacity:0.9;
filter:alpha(opacity=90);
}
.mainnav-6-links a:hover {
background-color: #127525;
opacity: 0.9;
-moz-opacity:0.9;
filter:alpha(opacity=90);
}
.mainnav-7-links a:hover {
background-color: #cc0000;
opacity: 0.9;
-moz-opacity:0.9;
filter:alpha(opacity=90);
}
#mainnav-1:hover > .mainnav-1-links,
#mainnav-2:hover > .mainnav-links,
#mainnav-3:hover > .mainnav-3-links,
#mainnav-4:hover > .mainnav-4-links,
#mainnav-5:hover > .mainnav-5-links,
#mainnav-6:hover > .mainnav-6-links,
#mainnav-7:hover > .mainnav-7-links {
visibility: visible;
}
#mainnav-1,
#mainnav-2,
#mainnav-3,
#mainnav-4,
#mainnav-5,
#mainnav-6,
#mainnav-7 {
background-repeat: no-repeat;
/*background-position: 0 24px;*/
}
#mainnav-1 {
background-image: url(http://www.arns.ca/eq/templates/allcss/Images/Equipment/enginerollover.jpg)
}
#mainnav-2 {
background-image: url(http://www.arns.ca/eq/templates/allcss/Images/Equipment/hondarollover.jpg)
}
#mainnav-3 {
background-image: url(http://www.arns.ca/eq/templates/allcss/Images/Equipment/kawirollover2.jpg)
}
/*#mainnav-4 { background-image: url(http://www.arns.ca/templates/allcss/Images/Equipment/snow.jpg) }
#mainnav-5 { background-image: url(http://www.arns.ca/eq/templates/allcss/Images/Equipment/pushmower.jpg) }
#mainnav-6 { background-image: url(http://www.arns.ca/eq/templates/allcss/Images/Equipment/spring_web.jpg) }
#mainnav-7 { background-image: url(http://www.arns.ca/eq/templates/allcss/Images/Equipment/roughcut.jpg) }*/
/*.mainnav-iefix {
margin-bottom: -4px;
}*/
| |
