|
|
|
Equipment Main
#wrap {
width: 610px; 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 {
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-8-links {
visibility: hidden;
_visibility: visible;
margin-top: 28px;
}
.mainnav-9-links {
visibility: hidden;
_visibility: visible;
margin-top: 28px;
}
.mainnav-10-links {
visibility: hidden;
_visibility: visible;
margin-top: 28px;
}
.mainnav-11-links {
visibility: hidden;
_visibility: visible;
margin-top: 28px;
}
.mainnav-12-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-8-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-9-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-10-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-11-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-12-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: #cc0000;
opacity: 0.9;
-moz-opacity:0.9;
filter:alpha(opacity=90);
}
.mainnav-1-links a:hover {
background-color: #f97e05;
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-8-links a:hover {
background-color: #012f50;
opacity: 0.9;
-moz-opacity:0.9;
filter:alpha(opacity=90);
}
.mainnav-9-links a:hover {
background-color: #f97e05;
opacity: 0.9;
-moz-opacity:0.9;
filter:alpha(opacity=90);
}
.mainnav-10-links a:hover {
background-color: #cc0000;
opacity: 0.9;
-moz-opacity:0.9;
filter:alpha(opacity=90);
}
.mainnav-11-links a:hover {
background-color:#127525;
opacity: 0.9;
-moz-opacity:0.9;
filter:alpha(opacity=90);
}
.mainnav-12-links a:hover {
background-color: #012f50;
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,
#mainnav-8:hover > .mainnav-8-links,
#mainnav-9:hover > .mainnav-9-links,
#mainnav-10:hover > .mainnav-10-links,
#mainnav-11:hover > .mainnav-11-links,
#mainnav-12:hover > .mainnav-12-links {
visibility: visible;
}
#mainnav-1,
#mainnav-2,
#mainnav-3,
#mainnav-4,
#mainnav-5,
#mainnav-6,
#mainnav-7,
#mainnav-8,
#mainnav-9,
#mainnav-10,
#mainnav-11,
#mainnav-12 {
background-repeat: no-repeat;
/*background-position: 0 24px;*/
}
#mainnav-1 {
background-image: url(http://www.arns.ca/templates/allcss/Images/Equipment/handheld.jpg)
}
#mainnav-2 {
background-image: url(http://www.arns.ca/templates/allcss/Images/Equipment/zeroturn.jpg)
}
#mainnav-3 {
background-image: url(http://www.arns.ca/templates/allcss/Images/Equipment/fallv2.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-8 { background-image: url(http://www.arns.ca/templates/allcss/Images/Equipment/turfrollover.jpg) }
#mainnav-9 { background-image: url(http://www.arns.ca/templates/allcss/Images/Equipment/tillergarden.jpg) }
#mainnav-10 { background-image: url(http://www.arns.ca/templates/allcss/Images/Equipment/ridingtractor.jpg) }
#mainnav-11 { background-image: url(http://www.arns.ca/templates/allcss/Images/Equipment/pumpandgen.jpg) }
#mainnav-12 { background-image: url(http://www.arns.ca/templates/allcss/Images/Equipment/topdresser.jpg) }
/*.mainnav-iefix {
margin-bottom: -4px;
}*/
| |
