????
| Current Path : /home2/morganrand/www/coupon/include/ |
| Current File : /home2/morganrand/www/coupon/include/main_nav2.txt-03042013 |
<style>
@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Oxygen+Mono);
#cssmenu {
padding: 0;
margin: 0 auto;
border: 0;
width:888px;
}
#cssmenu ul, #cssmenu li {
list-style: none;
margin: 0;
padding: 0;
}
#cssmenu ul {
position: relative;
z-index: 597;
margin:0 auto;
}
#cssmenu ul li {
float: left;
min-height: 1px;
vertical-align: middle;
}
#cssmenu ul li.hover, #cssmenu ul li:hover {
position: relative;
z-index: 599;
cursor: default;
}
#cssmenu ul ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}
#cssmenu ul ul li {
float: none;
}
#cssmenu ul ul ul {
top: 0;
left: auto;
right: -99.5%;
}
#cssmenu ul li:hover > ul {
visibility: visible;
}
#cssmenu ul ul {
bottom: 0; left: 0;
}
#cssmenu ul ul {
margin-top: 0;
}
#cssmenu ul ul li {
font-weight: normal;
}
#cssmenu a {
display: block;
line-height: 1em;
text-decoration: none;
}
#cssmenu {
background: #CC3366;
font-family: Arial, Helvetica,sans-serif;
font-size: 13px;
font-weight:bold;
}
#cssmenu > ul {
*display: inline-block;
}
#cssmenu:after, #cssmenu ul:after {
display: block;
clear: both;
}
#cssmenu a {
background: #CC3366;
color: white;
padding: 0 39px;
}
#cssmenu ul {
text-transform: uppercase;
}
#cssmenu ul ul {
border-top: 4px solid #6d6d6d;
text-transform: none;
min-width: 190px;
}
#cssmenu ul ul a {
background: #6d6d6d;
color: #FFF;
border: 1px solid #F59AAB;
border-top: 0 none;
padding: 8px 20px;
}
#cssmenu ul ul ul {
border-top: 0 none;
}
#cssmenu ul ul li {
position: relative
}
#cssmenu > ul > li > a {
line-height: 25px;
}
#cssmenu ul ul li:first-child > a {
border-top: 1px solid #F59AAB;
}
#cssmenu ul ul li:hover > a {
background: #CC3366;
}
#cssmenu ul ul li:last-child > a {
border-radius: 0 0 3px 3px;
box-shadow: 0 1px 0 #6d6d6d;
}
#cssmenu ul ul li:last-child:hover > a {
border-radius: 0 0 0 3px;
}
#cssmenu ul ul li.has-sub > a:after {
position: absolute;
top: 50%;
right: 15px;
margin-top: -8px;
}
#cssmenu ul li:hover > a, #cssmenu ul li.active > a {
background: #6d6d6d;
color: #FFF;
}
#cssmenu ul li.has-sub > a:after {
margin-left: 5px;
}
#cssmenu ul li.last ul {
left: auto;
right: 0;
}
#cssmenu ul li.last ul ul {
left: auto;
right: 99.5%;
}
</style>
<div id='cssmenu'>
<ul>
<li><a href='index.html'>Home</a></li>
<li class='has-sub '><a href='#'>Get Started</a>
<ul>
<li class='has-sub '><a href='Pompoms.html'>Color Options</a></li>
<li class='has-sub '><a href='fillings2.html'>Candy Fillings</a></li>
<li class='has-sub '><a href='color-design2.html'>Design Your Bouquet</a></li>
<li class='has-sub '><a href='party-favors.html'>Centerpieces</a></li>
<li class='has-sub '><a href='catalog2.html'>Get Free Catalog</a></li>
</ul>
</li>
<li class='has-sub '><a href='#'>Ordering</a>
<ul>
<li class='has-sub '><a href='pricing.html'>Pricing</a></li>
<li class='has-sub '><a href='discounts2.html'>Discounts</a></li>
<li class='has-sub '><a href='order2.html'>Order Tips</a></li>
<li class='has-sub '><a href='catalog2.html'>Contact Us</a></li>
</ul>
</li>
<li class='has-sub '><a href='#'>Events</a>
<ul>
<li class='has-sub '><a href='room-view2.html'>Wanderfuls Room View</a></li>
<li class='has-sub '><a href='wedding.html'>Weddings</a></li>
<li class='has-sub '><a href='banquets.html'>Banquets/Corporate Events</a></li>
<li class='has-sub '><a href='sweet-16.html'>Sweet Sixteen</a></li>
<li class='has-sub '><a href='birthday.html'>Birthdays</a></li>
<li class='has-sub '><a href='bar-mitzvah.html'>Bar/Bat Mitzvah</a></li>
<li class='has-sub '><a href='graduation.html'>Graduation</a></li>
<li class='has-sub '><a href='shower-centerpieces.html'>Bridal & Baby Showers</a></li>
<li class='has-sub '><a href='quinceanera.html'>QuinceaƱeras</a></li>
<li class='has-sub '><a href='anniversary.html'>Anniversaries</a></li>
<li class='has-sub '><a href='holiday2.html'>Holiday Parties</a></li>
<li class='has-sub '><a href='festival2.html'>Festivals</a></li>
<li class='has-sub '><a href='themes2.html'>Theme Parties</a></li>
<li class='has-sub '><a href='flowers2.html'>Flower Centerpieces</a></li>
</ul>
</li>
<li class='has-sub '><a href='#'>About Us</a>
<ul>
<li class='has-sub '><a href='testimonials2.html'>Testimonials</a></li>
<li class='has-sub '><a href='clients.html'>Our Corporate Clients</a></li>
</ul>
</li>
<li><a href='catalog2.html'>Get Catalog</a></li>
</ul>
</div>