.chromestyle{ width: 100%; font-weight: bold; }

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }



.chromestyle ul{ width: 100%; padding:0; margin: 0; text-align: center; }
.chromestyle ul li{ display: inline; border-right:none; background:#ff3300;}


.chromestyle ul li a{
text-decoration:none; color:#fff; display:block; font-weight:normal; padding:0px 30px 0px 18px; text-align:center; background:url(arrow.png) no-repeat 83px center;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
color:#fff; /*THEME CHANGE HERE*/
}




/* ----------------- Style for Drop Down Menu ----------------------------------------------------------------------------- */

.dropmenudiv{ position:absolute; top: 0; line-height:18px; z-index:100; text-align:left; margin-top:0px;
background-color:#000000; width:160px; visibility: hidden; border-bottom:solid 3px #ff3300; }


.dropmenudiv a{ display: block; padding:0px 0px 0px 5px; text-decoration: none; text-align:left; color:#fff; font-size:12px;
width:160px; text-indent: 3px; line-height:30px}


* html .dropmenudiv a{ /*IE only hack*/
width:160px;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
display: block; text-indent: 3px; background-color:#ff3300; padding:0px 0px 0px 5px; text-decoration: none;
color:#fff; text-align:left; }


.dropmenudiv_my{ display: block; padding:0px 0px 0px 5px; text-decoration: none; text-align:left; color:#fff; font-size:12px;
width:160px; text-indent: 3px; line-height:30px;}