/* Menu page and grey block layout */
#TopNavNew { width: 980px; height: 90px; margin: 0px auto; padding: 0px; font-size: 11px; }
#TopNavGrey { margin: 7px 0px 0px 0px; width: 100%; height: 67px; background-color: #808284; }

/* Menus and Roundel layout */
#Menu { float: left; width: 715px; margin: 0px 23px 0px 25px; white-space: nowrap; }
.Roundel { float: left; margin: -9px 0px 0px 0px; z-index: 50; position: relative;}

/* Menu layout and view/hide styles */
#Menu ul { float: left; margin: 0px; padding: 0px; list-style: none; }
#Menu li { float: left; padding: 0px; position: relative; z-index: 10; }
#Menu li:hover { z-index: 15; }

/* Menurow and hr layout */
#MenuTop { margin: 1px 0px 0px 0px; padding: 0px; height: 32px; width: 707px; }
#hr { height: 1px; width: 707px; color: #E6E7E8; background-color: #E6E7E8; margin: 0px; padding: 0px; }
#MenuBottom { margin: 1px 0px 0px 0px; padding: 0px; height: 32px; width: 707px; }
.mainRow .Top { width: 100%; }

/* Search box and submit image */
.SearchArea { float: right; }
.SearchBox { border: 1px solid #000000; vertical-align: middle; color: #a2a3a6; padding-left: 3px; height: 16px; margin: 6px 0px 0px 0px; z-index: 10; }
.SearchButton { margin: 5px 0px 0px 4px; vertical-align: text-top; cursor: pointer; }

/* First and last position styles */
#Menu .MenuFirst { padding-left: 0px; }
#Menu .MenuLast {  }

/* Menu item styles */
a.TopItem { text-decoration: none; color: #ffffff; background-image: none; display: block; float: left; height: 25px; padding: 8px 7px 0px 6px; font-size: 12px; }
a.TopItem:hover { color: #05349B; }
#MenuBottom a { padding-top: 8px; }
a.TopSubMenu:hover, a.TopSubMenu:active { background: #ffffff; color: #05349B; }
.highlightMenuItem { background: #ffffff !important; color: #05349B !important; }
.selectMenuItem { color: #05349B !important; }

/* Menu item sub-menu styles */
/* Removed for hoverIntent to wrok correctly ***************
#Menu li:hover .SubMenuItemsShadow { display:block; }
#Menu li:hover .SubMenuModelItemsShadow { display:block; }
************************************************************/

#Menu li .SubMenuItemsContainer a, .WideContainer .MenuTopSubMenuGroup a { font-size: 11px; }
.WideContainer .MenuTopSubMenuGroup, .WideContainer .MenuTopSubMenuGroup ul { float: left; width: 145px; }
.WideContainer, .WideContainerMiddle { width: 707px !important; overflow: hidden; }
.WideContainerMiddle { float: left; background-color: #ffffff; }
.ie6Marker { display: block; clear: both; visibility: hidden; }

.SubMenuItemsShadow { display: none; position: absolute; width: 186px; top: 33px; left: 3px; background: transparent url(https://resource.bmwusa.com/image_603f9934-42aa-4959-8f90-c7ba5f52e0ec.arox) bottom right no-repeat;  z-index: 20; }
.SubMenuItemsContainer { display: block; position: relative; width: 184px; padding-top: 6px; margin-top: 3px; top: -4px; left: -4px; background-color: #fff; border: 1px solid #a2a3a6; border-top: none; overflow: hidden; }
.SubMenuItemsContainer ul li { display: block; width: 100%; margin: 0px; padding: 0px; height: auto; list-style: none; }
#Menu .SubMenuItemsContainer a { display: block; overflow: hidden;  margin: 0px 0px 0px 8px; padding: 0px 0px 0px 10px; }
.fullWidthShadow { width: 710px; }

.SubMenuModelItemsShadow { display: none; position: absolute; width: 707px; height: 350px; top: 37px; left: -67px; background: transparent url(https://resource.bmwusa.com/image_603f9934-42aa-4959-8f90-c7ba5f52e0ec.arox) bottom right no-repeat; }
.SubMenuModelItemsContainer { display: block; position: relative; width: 686px; height: 330px; top: -5px; left: -6px; background-color: #fff; padding: 10px; overflow: hidden; border: 1px solid #a2a3a6; border-top: none;  }
.SubMenuModelItemsContainer ul { width: 135px;  padding: 0px; margin: 0px 10px 0px 0px; } 
.SubMenuModelItemsContainer ul li { display: block; margin: 0px; width: 100%; height: auto; cursor: pointer; white-space: normal; } 
/*.modelSubMenuTop { width: 100%; float: left; border-bottom: 1px solid #E6E7E8; height: 125px; }*/
.modelSubMenuTop { width: 100%; float: left; border-bottom: none; height: 125px; }
.modelSubMenuBottom { width: 100%; float: left; margin-top: 10px; background-color: #fff; }
.modelImage { float: left; clear: left; width: 407px; height: 174px; margin-top: 5px; margin-right: 13px; }
.seriesName { float: left; font-size: 13pt; margin-top: 15px; white-space: normal; width: 265px; }
.seriesmarketText { float: left; font-size: 13pt; margin-top: 5px; white-space: normal; width: 265px; }
.modelAwardImage { position:absolute; width: 265px; height: 82px; right: 10px; bottom: 10px; }
.modelName { float: left; padding-top: 45px; padding-bottom: 10px; font-weight: bold; width: 265px; }
.modelInfo { float: left;  width: 265px; }

/* Vehicle specific menu item styles */
.Vehicle { font-weight: bold; font-size: 13px; }
#Menu a.Vehicle { padding-top: 7px; padding-bottom: 1px; }



/* Popup Menu styles */
.popupShadow { display: none; position: absolute; width: 130px; top: -10px; background: transparent url(https://resource.bmwusa.com/image_603f9934-42aa-4959-8f90-c7ba5f52e0ec.arox) bottom right no-repeat; }
.popupMenu { display: block; position: relative; width: 108px; background: #fff; border: 1px solid #e6e7e8; padding: 10px; top: -4px; left: -4px; }
.popupMenu a { display: block; }
#Menu .modelSubMenuTop li:hover .popupShadow { display: block; }
.popupMenu img { display: block; position: absolute; width: 6px; height: 8px; top: 18px; left: -6px; }



/* model specific vehicle details */
#Menu .modelSubMenuTop ul li .modelSubMenuBottom { display: none; position: absolute; top: 111px; width: 707px; }
#Menu li .modelSubMenuTop ul li:hover .modelSubMenuBottom { display: block; }


.displayBlock { display: block; }
.displayNone { display: none; }

.newMarker { color: #05349B; font-weight: bold; font-size: 10px; }
.hr { width: 687px; height: 1px; padding: 0px; margin: 0px; border: none; display: block; clear: both; }

.GroupStacker ul { margin-bottom: 6px !important; }
