/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; line-height:1.2em; position:absolute; top:50px; right:0px; z-index:99999;}
ul.dropdown li                      { font-weight: bold; float: left; margin:0 8px 0 0; width:150px; }
/*ul.dropdown a:hover		            { color: #000; background-position:right}*/
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block;  background:url(../images/btn-l.gif) no-repeat left top;margin:0;padding:0 0 0 20px; float:left; text-decoration:none;}
ul.dropdown li a span				{ display:block;background:url(../images/btn-r.gif) no-repeat right top;padding:3px 0px 3px 0px;font-weight:bold;color:#FFF; float:left; width:120px}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; background-position:left bottom }
ul.dropdown li.hover a              { background-position:left bottom }
ul.dropdown li.hover a span         { background-position:right bottom }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ background:none; background:url(../images/bg-drop.gif) no-repeat left bottom; 
									  width: 140px; visibility: hidden; position: absolute; padding:5px 0 0 0; top: 90%; left: 0; }
ul.dropdown ul li 					{ background:none; font-weight: normal; margin: 0 0 2px 0; color: #000 }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ background:none;  background-position:center bottom !important; background:url(../images/bg-ul-li-b1.jpg) no-repeat; color:#FFF; display: inline-block; margin:0 1px; padding:2px 0 4px 10px; width:128px } 
ul.dropdown ul li a:hover			{ background:#1a80d3; color:#FFF }
ul.dropdown ul li a.lastli					{ background:none;} 
ul.dropdown ul li a:hover, ul.dropdown ul li a.lastli:hover			{ background:#1a80d3; color:#FFF }


/*products*/
ul.filmstrip                         { position: relative; line-height:1.2em;}
ul.filmstrip li                      { font-weight: bold; float: left; margin:0 4px 0 4px; zoom: 1 }
ul.filmstrip a:hover		            { color: #000; }
ul.filmstrip a:active                { color: #ffa500; }

ul.filmstrip li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.filmstrip li.hover,
ul.filmstrip li:hover                { position: relative; background-position:left bottom }
ul.filmstrip li.hover a              { background-position:left bottom }
ul.filmstrip li.hover a span         { background-position:right bottom }


/* 
	LEVEL TWO
*/
ul.filmstrip ul 						{ background:none; background:url(../images/bg-index-top.gif) no-repeat left top; width: 162px; visibility: hidden; position: absolute; padding:18px 0 0 0; top: 23px; left: -1px; }
ul.filmstrip ul li 					{ background:none; font-weight: normal; margin: 0; color: #000; padding:0 0 0 0 }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.filmstrip ul li a					{background:none; background-position:center bottom !important; background:url(../images/bg-ul-li-b.jpg) no-repeat;  color:#FFF; display: inline-block; margin:0 1px; padding:2px 5px 4px 10px; width:145px } 
ul.filmstrip ul li a:hover			{ background:none; background:#1a80d3 !important; color:#FFF }
ul.filmstrip ul li.last				{ background:none; background:url(../images/bg-index-bottom.gif) no-repeat left bottom;height:7px;width:100%} 
/* 
	LEVEL THREE
*/
ul.filmstrip ul ul 					{ left: 100%; top: 0; }
ul.filmstrip li:hover > ul 			{ visibility: visible; }