/*
JBNN
2008-02-14
Dummy09 Project
Basic changes: 
    - General font changed to Arial
    - Some font sizes increased
    - New style and look for mainMenu and moreRoomsMenu

This style sheet is an update to the original menu_em.css
The reason for a separate (almost identical) css is because not all countries are rolled out at the same time. A change to the original global css will affect non rolled out countries.
So this one will be added below the original in the header making it compliant along with the original one.
NOTE!! The original should be removed (and call removed from header tpl) when all countries are rolled out, making this the new default css.
*/

/* ----------------------------------------------------------------------------------- start hidden menu */
.access {
    position: absolute; 
    left: -3000px; 
    width: 500px; 
}

/* ----------------------------------------------------------------------------------- start main menu */

#allContent #menu {
	padding:0px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
}

.mainMenu {
    display:block;
    margin:0px;
    padding:0px;
    height:32px;
}

.mainMenu .ends {
    width:0.1em;
    height:32px;
    border:0;
    padding:0;
    margin:0;
    background:none;
    text-align:right;
}

.mainMenu .ends img {
    width:1px;
    height:32px;
    border:0;
}

.mainMenu .tableContainer {
    float:left; 
    width:996px;
    height:32px;
    overflow:hidden;
}

.mainMenu table {
    font-family:Arial, Helvetica, sans-serif;
    font-size:100%;
    width:100%;
    height:32px;
    margin:0px;
    padding:0px;
    border:0px;
    border-collapse:collapse;
    text-align:center;
    float:left;
}

.mainMenu td {
    background:url('../images/main_menu_bg.gif') #FFC809 repeat-x 0px 0px;
    border-right:#FFFFFF solid 0.11em;
    padding:0;
    height:32px;
}

.mainMenu tr {
    height:32px;
}

.mainMenu td .padding {
    padding-left:1.56em;
    padding-right:1.56em;
}

.mainMenu td a {
    color:#444;
    font-weight:bold;
    font-size:11px;
    display:block;
    line-height:32px;
    width:100%;
    font-size:1.15em;
}

.mainMenu td a:link, .mainMenu td a:visited, .mainMenu td a:active {
	color:#444;
}

.mainMenu td a:hover {
	background:#FF9209 url('../images/main_menu_bg_hover.gif') repeat-x 0px 0px;
        text-decoration:none;
}

.mainMenu .moreRooms a:hover {
	background:#FF9209 url('../images/main_menu_bg_hover.gif') repeat-x 0px 0px;
}

.mainMenu td .active {
	background:#FF9209 url('../images/main_menu_bg_active.gif') repeat-x 0px 0px;
	color:#5C5C5C;
}

.mainMenu .allProducts {
	background:#0167CB url('../images/main_menu_bg_blue.gif') repeat-x;
	color:#FFFFFF;
        height:32px;
}

.mainMenu .allProducts.active {
    background:#0167CB url('../images/main_menu_bg_blue_hover.gif') repeat-x;
    color:#FFFFFF;
}

.mainMenu .moreRooms .arrow {
	background:url('../images/main_menu_all_departments_arrow.gif') no-repeat center left;
	width:1.04em;
	height:1.04em;
    padding-right:0.52em;
    padding-left:0.52em;
}

.mainMenu .moreRooms .arrowActive {
	background:url('../images/main_menu_all_departments_arrow_active.gif') no-repeat center left;
	width:1.04em;
	height:1.04em;
    padding-right:0.52em;
    padding-left:0.52em;
}

.mainMenu .allProducts a:link, .mainMenu .allProducts a:visited, .mainMenu .allProducts a:active, .mainMenu .allProducts a:hover {
	color:#FFFFFF;
	border-right: 0px;
        background:#0167CB url('../images/main_menu_bg_blue.gif') repeat-x;
}

.mainMenu .allProducts a:hover {
	background:#0167CB url('../images/main_menu_bg_blue_hover.gif') repeat-x;
	color:#FFFFFF;
        text-decoration:none;
}

.mainMenu .newAtIkea .newFlag {
    vertical-align:middle;
    border:0;
    width:4.85em;
    height:32px;
}

.mainMenu .newAtIkea .newContainer {
    height:2.92em;
    cursor:pointer;
}

#menu .mainMenuShadow {
	width:996px;
        height:0.31em;
	padding:0px;
	margin:0px;
	border:0px;
	overflow:hidden;
	display:block;
        float:left;
	clear:left;
        margin-bottom:0.21em;
}

/* start more rooms menu */
.moreRoomsMenu table {
    width:33.75em;
}

.moreRoomsMenu {
	right:1.06em;
	float:right;
}

.moreRoomsMenu img {
	height:32px;
	height:32px;
}