.navigation { z-index: 9999; width: 100%; height: 30px; background-color: #c896c7; background: url('/View/Images/back-nav.jpg') repeat-x; }
.navigation .container ul { list-style: none; margin-left: 0; width: 100%; }
.navigation .container div > ul > li:first-child { padding-left: 0; }
.navigation .container div > ul > li { display: block; float: left; position: relative; height: 15px; margin-top: 10px; padding-left: 20px; padding-right: 20px; line-height: 15px; }
.navigation .container div > ul > li.divider { border-right: 1px solid #fff; }
.navigation .container div > ul > li.divider * { border-right: none; }
.navigation .container div > ul > li > a { color: #fff; text-transform: uppercase; padding: 0 5px; }
.navigation .container div > ul > li a:hover, .navigation .container > ul > li a.active { text-decoration: none; }
.navigation .container div > ul > li:hover ul { display: block; }

.navigation .container div > ul > li > ul { width: 240px; display: none; position: absolute; top: 15px; left: 0; z-index: 99; padding-top: 5px; }
.navigation .container div > ul > li > ul > li { display: block; width: 240px; padding: 0; height: 30px; line-height: 30px; }
.navigation .container div > ul > li > ul > li > a { font-size: 12px; background: #C86EB2; color: #fff; padding: 0 5px; line-height: 30px; display: block; }
.navigation .container div > ul > li > ul > li > a:hover, .navigation .container > ul > li > ul > li > a.active { background: #E196CE; }