/*
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; 
}
/* ----------------------------------------------------------------------------------- end hidden menu */
/* ----------------------------------------------------------------------------------- start top menu */
.topMenu {
	padding:0px;
	display:block;
	width:93.75em;
	height:6.67em;
	overflow:hidden;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
}

.topMenu .logoContainer {
	float:left;
	overflow:hidden;
	width:20.83em;
}

.topMenu .logoContainer .logo {
	width:20.83em;
	height:3.65em;
	padding-bottom:0.52em;
    margin-top:0.31em; /*3px;*/
}

.topMenu .logoContainer .logo a {
	width:20.83em;
	height:3.65em;
	position:absolute;
	overflow:hidden;
}

.topMenu .logoContainer .ikeaTagline {
	display:block;
	color:#999999;
	width:20.83em;
	overflow:hidden;
}

.topMenu .iconLinksContainer  {
	float:left;
	color:#666666;
	margin:0.73em 0px 0px 1.56em; /* t r b l */
	padding:0px;
	height:5.1em;
	overflow:hidden;
}

.topMenu .iconLinksContainer .iconLinkContainer {
	float:left;
    padding-left:1.56em;
    text-align:center;
}

.topMenu .iconLinksContainer .iconLink {
	color:#666666;
	overflow:hidden;
	text-align:center;
    display:table;          /* Horizontal center align fix for Firefox  */
}

.topMenu .iconLinksContainer .iconLink img {
	margin-bottom:0.1em; /*1px;*/
	width:3.65em;
	height:3.65em;
}

.topMenu .iconLinksContainer .iconLink a {
	color:#666666;
	position:static;
	float:left;
	text-decoration:none;
}

.topMenu .iconLinksContainer .iconLink a .iconItems {
	color:#FF6600;
	text-decoration:none;
}

.topMenu .rightSection {
	display:block;
	float:right;
	padding:0px;
	margin:0px;
	height:6.25em;
}

.topMenu .rightSection .singleLink {
    color:#3399FD;
    display:block;
    margin-top:24px;
}

.topMenu .rightSection .linkList {
	display:inline;
	float:left;
	position:relative;
	bottom:0em;
}

.topMenu .rightSection .linkList ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.topMenu .rightSection .linkList li {
	line-height:1.45em;
	position: relative;
	overflow:hidden;
}

/* style added to override the float on class "arrowLink" that caused IE to add padding between the links */
.topMenu .rightSection .linkList li a {
    float:none;
}

.topMenu .rightSection .linkList .languageLink {
	color:#666666;
}

.topMenu .rightSection .linkList .languageLinkActive {
	line-height:1.25em;
	color:#FF6600;
}

.topMenu .rightSection .linkList .languageDivider {
	color:#CCCCCC;
}

.topMenu .rightSection .linkListRightBorder {
	margin:0px 0.72em 0px 0.63em; /* t r b l */
	width:0.1em;
	height:6.04em;
	float:left;
    border-right:1px solid #CCC;
}

.topMenu .rightSection .search {
	display:block;
	float:left;
	margin:0px; /* t r b l */
}

.topMenu .rightSection .search .searchForm {
	display:block;
	float:left;
	padding-top:0.21em;
	padding-bottom:0.63em;
	overflow:hidden;
	background:url('../img/header/dotted_horizontal.gif') #FFFFFF repeat-x bottom left;
}

.topMenu .rightSection .search .searchForm .formInput {
	margin-right:0.52em;
	float:left;
	display:inline;
}

.topMenu .rightSection .search .searchForm input {
	padding:0px;
	margin:0px;
	font-size:1em;
    font-family:Arial, Helvetica, sans-serif;
	width:14.58em; /*140*/
    height:1.67em;
    border:1px solid #ccc;
    line-height:1.56em;
}

.topMenu .rightSection .search .searchForm .formBtn {
	float:left;
}

.topMenu .rightSection .search .searchForm .formBtn img {
	width:4.38em; /*42px;*/
    height:2.08em; /*20px;*/
}

.topMenu .rightSection .search .askAnna {
	display:block;
	clear:left;
	padding-top:0.31em;
}

.topMenu .rightSection .askAnna .anna {
	display:inline;
	float:left;
    width:2.71em;
    height:2.71em;
}

.topMenu .rightSection .askAnna .anna img {
	 width:2.71em;
    height:2.71em;
}

.topMenu .rightSection .askAnna .askAnnaHeader {
	display:inline;
	float:left;
	font-weight:bold;
	margin:0.73em 0px 0px 0.63em; /* t r b l */
}

.topMenu .rightSection .search .askAnna .links {
	display:inline;
	float:left;
	margin:0.73em 0px 0px 0.42em; /* t r b l */
}
	
/* ----------------------------------------------------------------------------------- end top menu */

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

#allContent #menu {
	padding:0px; /* t r b l */
	display:block;
	font-family:Arial, Helvetica, sans-serif;
}

.mainMenu {
	display:block;
	margin:0px;
	padding:0px; /* t r b l */
}

.mainMenu .ends {
	width:0.1em;
    height:3.44em;
    border:0;
    padding:0;
    margin:0;
    background:none;
}

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

.mainMenu .tableContainer {
    float:left; 
    width:93.75em;
    height:3.44em; /*33px*/
    overflow:hidden;
}

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

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

.mainMenu td .padding {
    padding-left:1.56em; /*15px;*/
    padding-right:1.56em; /*15px;*/
}

.mainMenu td a {
	color:#444;
	font-weight:bold;
    display:block;
    line-height:2.95em; /*33px  - NOTE the difference in number to tableContainer above. Same number breaks layout...*/
    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('../img/header/main_menu_bg_hover.gif') repeat-x 0px 0px;
}

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

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

.mainMenu .allProducts {
	background:#0167CB url('../img/header/main_menu_bg_blue.gif') repeat-x;
	color:#FFFFFF;
}

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

.mainMenu .moreRooms .arrow {
	background:url('../img/header/main_menu_all_departments_arrow.gif') no-repeat center left;
	width:1.04em;
	height:1.04em;
    /* Padding added left and right to make it work, since span is empty */
    padding-right:0.52em;
    padding-left:0.52em;
}

.mainMenu .moreRooms .arrowActive {
	background:url('../img/header/main_menu_all_departments_arrow_active.gif') no-repeat center left;
	width:1.04em;
	height:1.04em;
    /* Padding added left and right to make it work, since span is empty */
    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;
}

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

.mainMenu .newAtIkea .newFlag {
    vertical-align:middle;
    border:0;
    width:4.85em; /* 54px */
    height:2.92em; /* 33px */
}

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

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

/* ----------------------------------------------------------------------------------- end main menu */

/* ----------------------------------------------------------------------------------- start dropdown menu */
/* Class added for new wrapping div to make new sliding menu work correctly */
#allContent #moreRoomsMenuWrapper {
    padding-top:7px;
}

#allContent #moreRoomsMenu {
	position:relative;
	top:10em; /*96px;*/
    z-index:500;
    display:block; /* FIX to make this css-file work with original menu_em.css */
    padding-top:0px; /* FIX to make this css-file work with original menu_em.css */
    width:42.4em; /*407px; Added to make it work with the classes for rounded corners at the bottom*/
}

#allContent #moreRoomsMenu table {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.25em; /*12px*/
    background-color:#FFF;
    border:0px; /* FIX to make this css-file work with original menu_em.css */
}

#allContent #moreRoomsMenu td {
    padding:0;
    border:0px; /* FIX to make this css-file work with original menu_em.css */
    border-top:1px solid #DDD;
}

#allContent #moreRoomsMenu .border {
	border-left:1px solid #DDD;
    border-right:1px solid #DDD;
    border-top:1px solid #CCC;
    border-bottom:none;
}

#allContent #moreRoomsMenu .textContainer {
	height:2.08em; /*25px; NOTE! This is relative to new font size (11px) for surrounding table*/
    width:14.2em; /* 170px; NOTE! This is relative to new font size (11px) for surrounding table*/
}

#allContent #moreRoomsMenu .columnDivider {
    width:10px;
}

#allContent #moreRoomsMenu a {
	display:block;
	color:#444;
    /*width:100%;*/
    padding-right:0.42em;
    padding-left:0.42em;
}

#allContent #moreRoomsMenu a:hover {
    color:#F60;
}

/* Classes to add rounded corners to the bottom of the menu  */
#allContent #moreRoomsMenu .endLeft {
    float:left; 
    width:0.52em; /*5px; */
    height:0.52em; /*5px; */
    background:url(../img/header/sub_menu_left_corner.gif) top left no-repeat;
}

#allContent #moreRoomsMenu .endCenter {
    float:left; 
    height:0.52em; /*4px; */
    width:41.35em; /*397px; */
    background:url(../img/header/sub_menu_center.gif) top left repeat-x;
}

#allContent #moreRoomsMenu .endRight {
    float:right; 
    width:0.52em; /*5px; */
    height:0.52em; /*5px; */
    background:url(../img/header/sub_menu_right_corner.gif) top left no-repeat;
}

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

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

.moreRoomsMenu img {
	height:2.67em; /*32px; NOTE! This is relative to new font size (12px) for surrounding table*/
	height:2.67em; /*32px; NOTE! This is relative to new font size (12px) for surrounding table*/
	/*padding-left:0.52em; /*5px;*/
}
/* ----------------------------------------------------------------------------------- end more rooms menu */