/*
------------------------------------------------------------
  ESSENTIAL STYLES - sets the basic functionality of the menus and allows the menu to work without JS support :)
------------------------------------------------------------
*/

.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
line-height: 1.0;
}
.sf-menu ul  {
position: absolute;
top:	-999em;
width: 12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: right;
position: relative;
}
.sf-menu a {
display: block;
position:	relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top:	40px; /* match top ul list item height */
z-index: 99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 13.5em; /* match ul width */
top:	0;
width: 15em;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 12em; /* match ul width */
top:	0;
}


/*
 *MEGA MENU ADDITION - this is used to disply the large dropdown menus that feature multiple lists
 */
 
/*this is the container for the mega menu*/
.sf-menu li div  {
position: absolute;
top:	-999em;
width: 960px; /* left offset of submenus need to match (see below) */
padding:0;
}
/*positions the theatrical dropdown menu*/
.sf-menu li div.theaters  {
right: -387px;
}
/*positions the dvd dropdown menu*/
.sf-menu li div.dvd  {
right: -313px;
}
.sf-menu li:hover div,
.sf-menu li.sfHover div {
top:	40px; /* match top ul list item height */
z-index: 99;
}
/*this clears all the settings for nested divs*/
.sf-menu li div div,
.sf-menu li:hover div div,
.sf-menu li div div div,
.sf-menu li.sfHover div div div {
position: relative;
top:auto;
left:auto;
right:auto;
width: auto;
margin: 0;
padding: 0;
}
/*this clears all the settings for lists within the megamenu*/
.sf-menu li div div.megamenu_wrapper ul {
position: relative;
float: none;
width: auto;
top:auto;
left:auto:
margin:0;
padding: 0;
background-color: none;
}
/*this clears all the settings for the li elements within the megamenu*/
.sf-menu li div div.megamenu_wrapper ul li {
position: relative;
float: none;
width: auto;
top:auto;
left:auto:
margin:0;
padding: 0;
background-color: none;
}
/*this clears all the settings for the a elements within the megamenu*/
.sf-menu li div div.megamenu_wrapper ul li a {
padding: 0;
margin: 0;
border: 0;
background-color: none;
}
/*this clears all the settings for the a:hover elements within the megamenu*/
.sf-menu li div div.megamenu_wrapper ul li a:hover {
background-color: none;
}




/*this is the main wrapper for the megamenu. this contains the three columns within this dropdown*/
.sf-menu li div div.megamenu_wrapper  {
padding-right: 36em;
background-color: #004d7f; /*cyan: 00b4ea  orange: ffac1c  dark blue: 006197  004d7f  003c6b*/
background-image: url(../jpg/bg_nav_megamenu.jpg);
background-position: bottom left;
background-repeat: repeat-x;
margin: 0 auto;
}
/*set the position of the open this week column*/
.sf-menu li div div.megamenu_wrapper div.thisweek {
/*width: 15em;
width: auto;*/
position: relative;
float: right;
display: inline;
padding: 1em;
}
/*set the position of the coming soon column*/
.sf-menu li div div.megamenu_wrapper div.comingsoon {
float: right;
width: 16em;
padding: 1em 0 0 0;
margin-right: -17em;
}
/*set the position of the now playing column*/
.sf-menu li div div.megamenu_wrapper div.nowplaying {
float: right;
width: 16em;
padding: 1em 0 0 0;
margin-right: -35em;
}
/*set the position of the archives button
.sf-menu li div div.megamenu_wrapper div.archives {
position: absolute;
bottom: 0;
right:0;
z-index: 100;
}*/
/*set the appearance and spacing of the archives button
.sf-menu li div div.megamenu_wrapper div.archives a {
display: block;
width: 8em;
padding: .5em 13em;
}*/



/*set the style of text lists*/
.sf-menu li div div.megamenu_wrapper h4 {
font-size: 1.1em;
color: #d9f4fc;
padding-left: .5em;
padding-bottom: .25em;
border-bottom: solid 1px #d9f4fc;
}
.sf-menu li div div.megamenu_wrapper ul  {
position: relative;
top:auto;
left:auto:
width: auto;
margin: .5em 0 0 0;
padding: 0;
}
.sf-menu li div div.megamenu_wrapper ul li {
background-color: transparent !important;
}
.sf-menu li div div.megamenu_wrapper ul li a {
padding: .5em;
}
/*.sf-menu li div div.megamenu_wrapper ul li {
position: relative;
top:auto;
left:auto:
margin:0;
padding:0;
width: auto;
}*/

/*
.sf-menu div div  {
position: relative;
float: right;
margin: 0;
padding: 0;
}
.sf-menu div div.menucol {
position: relative;
top: auto;
left: auto;
right: auto;
background-color: green;
min-height: 100px;
padding:10px;
}


.sf-menu div div.menucol ul {
top:auto;
}
.sf-menu div div.menucol li {
width: 100%;
}*/



/*Opening This Week Column*/

/*.sf-menu li div div.megamenu_wrapper div.thisweek {
width: 550px;
padding-right:30em;
}*/
.sf-menu li div div.megamenu_wrapper div.thisweek li {
position: relative;
float: right;
width: inherit;
margin: 0 0 0 .5em;
text-align: center;
/*border: solid #fff 1px;*/
}
.sf-menu li div div.megamenu_wrapper .thisweek ul li a {
padding: .5em;
}
.sf-menu div div.thisweek img {
display: block;
width: 100px;
height: 147px;
margin: 0;
background-color: #666;
}



/*used to clear the entire mega menu*/
.sf-menu div.clear {
position: relative;
display: block;
clear: both;
width: 100%;
height: 1px;
overflow: hidden;
margin: 0;
font-size: 1px;
line-height: 1px;
}







/*
------------------------------------------------------------
  DROP DOWN SKIN - sets the look for the drop down menu
------------------------------------------------------------
*/





/*
 *Global Styles for Drop Down Menu
 */
.sf-menu {
float: left;
margin-bottom:	1em;
width: 100%;
}
.sf-menu a {
/*padding: 1em 1em;*/
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:#fff;
}





/*DROP DOWN MENU Level 1 Buttons (main buttons in the navbar)
------------------------------------------------------------------------- */
 
/*Style for level 1 li*/
.sf-menu li {
font-weight: bold;
text-transform: uppercase;
font-size: 12.5px;
background-image: url(../jpg/bg_nav_over.jpg);
background-repeat: repeat-x;
background-position: 0 -50px;
}
/*Style for level 1 links*/
.sf-menu li a {
padding: 14px 10px 13px 10px;
background-image: url(../jpg/bg_nav_over.jpg);
background-repeat: repeat-x;
background-position: 0 -50px;
}
/*Style for level 1 li / links on hover and/or when in a nest drop down*/
.sf-menu li:hover, .sf-menu li.sfHover,.sf-menu li a:hover {
background-image: url(../jpg/bg_nav_over.jpg);
background-repeat: repeat-x;
background-position: 0 0;
/*background-color: #ffac1c;*/
}

/*** End Level 1 Buttons ***/





/*DROP DOWN MENU Level 2 Buttons (first set of buttons used in a regular dropdown)
------------------------------------------------------------------------- */

/*Style for level 2 li*/
.sf-menu li li {
background-color: #006197;/*cyan: 00b4ea  orange: ffac1c  dark blue: 006197*/
font-size: 11px;
}
/*Style for level 2 links*/
.sf-menu li li a {
padding: 9px 13px 8px 13px;
border-top: solid #fff 1px;
/*background-color: #006197;*/
}
/*Style for level 2 links on hover*/
.sf-menu li li a:hover {
background-color: #ffac1c;
background-image: none;
}
/*Style for level 2 li when in a nest drop down*/
.sf-menu li li:hover, .sf-menu li li.sfHover{
background-color: #00b4ea;
background-image: none;
}

/*** End Level 2 Buttons ***/





/*DROP DOWN MENU Level 3 Buttons (second set of buttons used in a regular dropdown)
------------------------------------------------------------------------- */

/*Style for level 3 li*/
.sf-menu li li li {
background-color: #00b4ea;/*cyan: 00b4ea  orange: ffac1c  dark blue: 006197*/
font-size: 11px;
}
/*Style for level 3 links*/
.sf-menu li li li a {
padding: 9px 13px 8px 13px;
border-top: solid #fff 1px;
background-color: #00b4ea;
}
/*Style for level 3 links on hover*/
.sf-menu li li li a:hover {
background-color: #ffac1c;
background-image: none;
}
/*Style for level 2 li when in a nest drop down*/
.sf-menu li li li:hover, .sf-menu li li li.sfHover {
background-color: #ffac1c;
background-image: none;
}

/*** End Level 3 Buttons ***/




/*
 *Arrow Indicators
 */
.sf-menu a.sf-with-ul {
padding-right: 	2.25em;
min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position:		absolute;
display:		block;
right:		.75em;
top:			1.05em; /* IE6 only */
width:		10px;
height:		10px;
text-indent: 	-999em;
overflow:		hidden;
background:	url('/assets/templates/zamm_spinning_silver_v1-3/png/dropdown_whiteArrow.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
top:			.8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** End Arrow Indicators ***/





/*
 *Shadows for all but IE6
 */
.sf-shadow ul {
background:	url('/assets/templates/zamm_spinning_silver_v1-3/png/dropdown_shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}

/*** End Shadows ***/





/*** END *** DROP DOWN SKIN ***/