/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.flyoutmenu {font-family: arial, sans-serif; width:150px; height:335px; padding:16px 0 50px; position:relative;z-index:1000;}
.flyoutmenu ul {white-space:nowrap}
.flyoutmenu ul li a, .flyoutmenu ul li a:visited {display:block; text-decoration:none; color:#fff; width:130px; height:20px; line-height:1em;}
.flyoutmenu ul {padding:0; margin:0;list-style-type: none; }
.flyoutmenu ul li {float:left; margin-right:1px; position:relative; width:130x;text-align:left}
.flyoutmenu ul li ul {display: none;}

/* Padding here 10px and 20px below offsets the width by 30px */
.flyoutmenu ul li a {padding:6px 10px;}

/* specific to non IE browsers */
.flyoutmenu ul li:hover a {
color:#fff;
background:#C51230;
text-decoration:none;
} 
/* Flyout list width and position*/
.flyoutmenu ul li:hover ul.residential {display:block; position:absolute; top:0; left:149px; width:265px;height:170px;background: transparent url(/Portals/_default/Skins/movestar/images/translucent-box-residential.png) no-repeat;}
.flyoutmenu ul li:hover ul.commercial {display:block; position:absolute; top:0; left:149px; width:150px;height:75px;background: transparent url(/Portals/_default/Skins/movestar/images/translucent-box-commercial.png) no-repeat;}
.flyoutmenu ul li:hover ul li a {display:block; color:white; padding-left:20px; width:265px;background:transparent}
.flyoutmenu ul li:hover ul li a:hover {text-decoration:underline;color:#FFF;}