@charset "utf-8";
/* CSS Document */

.applemenu{
margin: 5px 0;
padding: 0;
width: 650px; /*width of menu*/text-decoration: none; color:#000000; font-size:0.9em; line-height:1.6em

}

.applemenu a, active, visited {text-decoration:none}
.applemenu a:hover {text-decoration:none}


.applemenu div.silverheader {
background:url(../../images/accordion_toggle.jpg) repeat-x #afa275 ; padding:10px;  border-bottom:#a09877 solid 1px; cursor:pointer   }

div.silverheader img {border:#cfc6a0 2px solid; margin-left:10px}

div.silverheader div.content {width:500px; float:left; color:#33333 }

div.silverheader div.more {width:80px; float: right; height:30px; line-height:0.1em; font-size:0.1em   }


.applemenu div.silverheader a{

font-size:1.0em; font-weight:bold; background:url(../../images/down_arrow.gif) no-repeat right; 
color: #FFFFFF;
display: block;height:30px; width:30px
position: relative; /*To help in the anchoring of the ".statusicon" icon image
width: auto;
padding: 5px 0;
padding-left: 8px;*/

}

div.booknow {width:86px; margin:0px 265px; height:25px;  }

div.booknow span {display:none}
div.booknow a{background:url(../../images/book_now_m.gif) no-repeat right; display:block; width:86px;  height:25px;position: relative;  }

div.booknow a:hover{background:url(../../images/book_now_n.gif) no-repeat right; display:block; width:86px;  height:25px;  }


.applemenu div.silverheader a:visited {
color: #FFFFFF; 
}

.applemenu div.silverheader a:active{
color: #FFFFFF; 
}

.applemenu div.selected a, .applemenu div.silverheader a:hover{
 background:url(../../images/up_arrow.gif) no-repeat right; 
color: white; 
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: #e4e0cf;
padding:10px; color:#333333; line-height:1.6em
/*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

div.submenu a {color:#5e511a; text-decoration:underline }
div.submenu a:hover {color:#5e511a; text-decoration:none }