@import url("/css/TopNav/TopNavReset.css");
@import url("/css/TopNav/TopNavTempBase.css");

/***************************************************************************************************
*    Primary Menu styles for always visible items                                                  *
***************************************************************************************************/
/* Menu page and grey block layout */
#TopNavNew { width: 980px; height: 90px; margin: 0 auto; }
#TopNavNew #TopNavGrey { width: 100%; height: 67px; margin-top: 7px; background: #606264 url('https://cache.bmwusa.com/image_0fb00fb4-7b84-4a70-8b6a-45be41a0e60d.arox') repeat-x; }

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

/* Menurow and hr layout */
#TopNavNew #MenuTop, #TopNavNew #MenuBottom  { height: 32px; width: 707px; padding-top: 1px; z-index: 5; }
#TopNavNew #hr { width: 707px; height: 1px; color: #E6E7E8; background-color: #E6E7E8; }
#TopNavNew .mainRow .Top { width: 100%; }

/* Menu layout and view/hide styles */
#TopNavNew #Menu ul { float: left; }
#TopNavNew #Menu li { float: left; position: relative; }

/* Menu item styles */
#TopNavNew a.TopItem { float: left; display: block; padding: 9px 7px 11px 6px; font-size: 1.091em; color: #fff; background-image: none; }
#TopNavNew a.TopItem:hover { color: #05349B; }
#TopNavNew a.TopSubMenu:hover, #TopNavNew a.TopSubMenu:active { color: #05349B; background: #fff; }
#TopNavNew .highlightMenuItem { color: #05349B !important; background: #fff !important; }
#TopNavNew .selectMenuItem { color: #05349B !important; }

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

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

/* Vehicle specific menu item styles */
#TopNavNew .Vehicle { font-weight: bold; font-size: 1.182em; }
#TopNavNew #Menu a.Vehicle { padding: 8px 7px 12px 6px; }


/***************************************************************************************************
*    Sub-Menu item styles for hover only items                                                  *
***************************************************************************************************/
/* Sub-Menu item uniform structure styles */
#TopNavNew #Menu .SubMenuItemsShadow ul li, #TopNavNew #Menu .SubMenuModelItemsShadow ul li, #TopNavNew .popupMenu a { display: block; width: 100%; height: 14px; padding: 0 0 1px 0; cursor: pointer; white-space: normal; }
#TopNavNew .SubMenuItemsShadow, #TopNavNew .SubMenuModelItemsShadow, #TopNavNew .popupShadow { display: none; position: absolute; background: transparent url(https://cache.bmwusa.com/image_603f9934-42aa-4959-8f90-c7ba5f52e0ec.arox) bottom right no-repeat; }
#TopNavNew #Menu .SubMenuItemsContainer, #TopNavNew .SubMenuModelItemsContainer { display: block; position: relative; border: 1px solid #a2a3a6; border-top: none; padding: 10px; top: -4px; left: -4px; background: #fff; overflow: hidden; }

/* Sub-Menu item styles */
#TopNavNew .SubMenuItemsShadow { width: 186px; top: 33px; left: 3px; z-index: 20; }
#TopNavNew #Menu .SubMenuItemsContainer { width: 164px; margin-top: 3px; }

/* Model and Wide container */
#TopNavNew .fullWidthShadow, #TopNavNew .SubMenuModelItemsShadow { width: 707px; }
#TopNavNew .WideContainer, #TopNavNew .SubMenuModelItemsContainer { width: 685px !important; }

/* Wide container sub-item groups */
#TopNavNew .WideContainer .MenuTopSubMenuGroup, #TopNavNew .WideContainer .MenuTopSubMenuGroup ul, #TopNavNew .SubMenuModelItemsContainer .GroupStacker { float: left; width: 145px; }

/* Model container - only for series and model details */
#TopNavNew .SubMenuModelItemsShadow { height: 350px; top: 36px; left: -38px; z-index: 20; }
#TopNavNew .SubMenuModelItemsContainer { height: 330px; }
#TopNavNew .SubMenuModelItemsContainer ul, #TopNavNew .SubMenuModelItemsContainer .GroupStacker { width: 135px; }
#TopNavNew .GroupStacker ul { margin-bottom: 6px !important; }

/* model specific vehicle details */
#TopNavNew .modelSubMenuTop { width: 100%; float: left; border-bottom: none; height: 125px; }
#TopNavNew #Menu .modelSubMenuTop ul li .modelSubMenuBottom { display: none; position: absolute; top: 109px; width: 688px; background-color: #fff; }
#TopNavNew #Menu .modelSubMenuBottom { display: block; }
#TopNavNew .modelImage { float: left; clear: left; width: 407px; height: 174px; margin-top: 5px; margin-right: 13px; }
#TopNavNew .seriesName { float: left; font-size: 1.545em; margin-top: 15px; white-space: normal; width: 265px; }
#TopNavNew .seriesmarketText { float: left; font-size: 1.545em; margin-top: 5px; white-space: normal; width: 265px; }
#TopNavNew .seriesCtaButton { float:left; clear:right; width: 112px; height: 28px; overflow:auto; margin-top: 10px; }
#TopNavNew .modelName { float: left; padding-top: 45px; padding-bottom: 10px; font-weight: bold; width: 265px; }
#TopNavNew .modelInfo { float: left;  width: 265px; line-height: 1.3em; white-space: normal; }

/* Pop-up Menu styles */
#TopNavNew .popupShadow { width: 130px; top: -10px; z-index: 30; }
#TopNavNew .popupMenu { display: block; position: relative; width: 108px; background: #fff; border: 1px solid #e6e7e8; padding: 10px; top: -4px; left: -4px; }
#TopNavNew .popupMenu a { display: block; padding: 0 0 0 10px;}
#TopNavNew #Menu li .modelSubMenuTop ul li:hover .popupShadow { display: block; }
#TopNavNew .popupMenu img { display: block; position: absolute; width: 6px; height: 8px; top: 14px; left: -6px; }

#TopNavNew .displayBlock { display: block; }
#TopNavNew .displayNone { display: none; }
#TopNavNew .newMarker { color: #05349B; font-weight: bold; font-size: 0.909em; }
#TopNavNew .hr { width: 687px; height: 1px; display: block; clear: both; }

/* Only needed to support IE6 which will not honor overflow: auto; */
#TopNavNew .ie6Marker { display: block; clear: both; visibility: hidden; width: 1px; height: 1px; }

a.SubMenu { white-space: nowrap; }

form .bold, .bold a { font-weight: bold; }