/*

jonk
2006-05/06
range IV

*/

/*----------------------------------------------------------------------------------- start generic styles */

form, select, option, input, textarea, body, table, tr, td, a, pre {
	text-decoration:none;
	color:#333;
	font-family:Verdana, sans-serif;
}

a, a:link, a:active, a:visited {
	color:#3399FD;
	text-decoration:none;
}

a:hover {
	color:#3399FD;
	text-decoration:underline;
}

body {
	margin:0px;
	padding:0px;
	border:0px;
	background-color: #F2F1E9; /*F2F1E9*/
	font-size:0.6em;
	text-align:center;
}

img {
	border:0px;
}

form {
	padding:0px;
	margin:0px;
	border:0px;
}

input, textarea {
	background-color:#fff;
}

select {
	font-size:1.15em;
	height:1.636em;
}

/* ----------------------------------------------------------------------------------- end generic styles */

/* ------------------------------------------------- New button layout - start ----- */

div.buttonContainer {
	position:relative;
    top:-1px;
	left:-1px;
	height:22px;
}

div.buttonContainer a {
	cursor:pointer;
	text-decoration:none;
	font-size:1.15em;
	line-height:1.909em;
	white-space:nowrap;
}

div.buttonContainer a:hover, div.buttonContainer a.hover {
	text-decoration:none;
}	

div.buttonContainer a div {
	background-image:url('http://www.ikea.com/ms/css/../img/button/button.gif');
}
	
div.buttonContainer a .buttonCaption {
	display:inline;
	background-repeat:repeat-x;
	background-position:0 -44px;
	padding:4px 0 5px 0;
	text-decoration:none;
	white-space:nowrap;
	color:#333;
}

div.buttonContainer a .buttonCaption input {
	color:#333;
}

div.buttonContainer a.disabledButton, div.buttonContainer a.disabledButton input {
	cursor:default;
}

div.buttonContainer a.blueButton .buttonCaption,
div.buttonContainer a.blueButton .buttonCaption input {
	color:#fff;
}

div.buttonContainer a.disabledButton .buttonCaption,
div.buttonContainer a.disabledButton .buttonCaption input {
	color:#999;
}

div.buttonContainer a .buttonLeft, div.buttonContainer a .buttonRight {
	display:inline;
    padding:4px 3px 5px 3px;
	background-repeat:no-repeat;
	text-decoration:none;
}		

div.buttonContainer a .buttonLeft {
	background-position:0 0;
}

div.buttonContainer a .buttonRight {
	background-position:0 -88px;
}

div.buttonContainer a:hover .buttonLeft, div.buttonContainer a.hover .buttonLeft {
	background-position:0 -22px;
	text-decoration:none;
}

div.buttonContainer a:hover .buttonRight, div.buttonContainer a.hover .buttonRight {
	background-position:0 -110px;
	text-decoration:none;
}

div.buttonContainer a:hover .buttonCaption, div.buttonContainer a.hover .buttonCaption {
	background-position:0 -66px;
	text-decoration:none;
}

div.buttonContainer a.blueButton .buttonLeft {
	background-position:0 -132px;
}

div.buttonContainer a.blueButton .buttonRight {
	background-position:0 -220px;
}

div.buttonContainer a.blueButton .buttonCaption {
	background-position:0 -176px;
}

div.buttonContainer a.blueButton:hover .buttonLeft,
div.buttonContainer a.hover .buttonLeftBlue {
	background-position:0 -154px;
}

div.buttonContainer a.blueButton:hover .buttonRight,
div.buttonContainer a.hover .buttonRightBlue {
	background-position:0 -242px;
}

div.buttonContainer a.blueButton:hover .buttonCaption,
div.buttonContainer a.hover .buttonCaptionBlue {
	background-position:0 -198px;
}

div.buttonContainer a.disabledButton .buttonLeft,
div.buttonContainer a.disabledButton:hover .buttonLeft {
	background-position:0 0px;
}

div.buttonContainer a.disabledButton .buttonRight,
div.buttonContainer a.disabledButton:hover .buttonRight {
	background-position:0 -88px;
}

div.buttonContainer a.disabledButton .buttonCaption,
div.buttonContainer a.disabledButton:hover .buttonCaption {
	background-position:0 -44px;
}

div.buttonContainer a input,
div.linkButtonContainer a input {
	padding:0;
	font-size:1em;
	background:none;
	border:0;
	margin:0 -3px;
	cursor:pointer;
}

div.buttonContainer a.blueButton input {
	color:#fff;
}

/* safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.buttonContainer a input { height:22px; margin:0; }
	div.linkButtonContainer a input { margin:0; }
}

div.linkButtonContainer {
	display:inline;
}

div.linkButtonContainer a input {
	color:#3399FD;
} 	

/* ------------------------------------------------- New button layout - end ------- */

/* ----------------------------------------------------------------------------------- start main container ids */

#allContent {
    font-family:Verdana,sans-serif;
	background-color:#FFFFFF;
	width:95.83em;
	padding:0px;
	margin:0px;
	border:0px;
    margin:7px auto;
    text-align:left; 
    margin-left:auto; 
    margin-right:auto;
}

/* white padding for the whole page, navigation included */
#allContent #mainPadding { 
    padding:0.63em 1.02em;
	background-color:#FFFFFF;
	width:93.79em; /* Changed from 900px */
}

/* the page itself without header and footer*/
#allContent #mainPadding #main {
	background-color:#FFFFFF;
    margin-top:0.21em;
	overflow:hidden;
	_overflow:none; /*Fix for IE 5.5*/
}

/* ----------------------------------------------------------------------------------- end main container ids */

/* ----------------------------------------------------------------------------------- start general styles */

a.arrowLink:link, a.arrowLink:visited, a.arrowLink:active {
    color:#3399FD;
    display:inline;
    float:none;
    text-decoration:none;
    font-size:1.15em;
}

a.arrowLink:hover {
    text-decoration:underline;
}

a.arrowLinkActive:link, a.arrowLinkActive:visited, a.arrowLinkActive:active, a.arrowLinkActive:hover {
    color:#FF6633;
    font-weight:normal;
}

a.arrowLinkInactive:link, a.arrowLinkInactive:visited, a.arrowLinkInactive:active {
    color:#3399FD;
    display:inline;
    float:none;
    text-decoration:none;
    font-size:1.15em;
}

a.arrowLinkInactive:hover {
    text-decoration:none;
}

a.arrowLinkInactive span {
    color:#666;
    display:inline;
    float:none;
    text-decoration:none;
}

/* ----------------------------------------------------------------------------------- end general styles */

a.skipToMainContent, a.skipToMainContent:link, a.skipToMainContent:visited {
	position:absolute;
	top:0px;
	left:0px;
	font-size:0em;
	background-color: #F2F1E9;
	color: #F2F1E9;
	z-index:501;
}

a.skipToMainContent:active, a.skipToMainContent:focus {
	top:0px;
	left:0px;
	font-size:1.5em;
	background-color:#FFFFFF;
	color: #000000;
	padding:1.5em;
}

.rightContent .horizontalBorder {
	clear:both;
	display:block;
	background-color:#EBE8D8;
	height:1px;
	overflow:hidden;
	margin:1.04em 0 1.04em 1.04em;/*10px;*/
	width:71.88em;
}

.linkImg {
    border:0 none;
    height:8px;
    width:6px;
    margin-right:0.21em;
}

.prodLinkImg {
    width:0.52em; /*5px;*/
    height:0.52em;
    border:0;
    margin:0.42em 0.42em 0 1.04em;
}

.newImg {
	width:3.65em;/*35px;*/
	height:2.19em;/*35px;*/
}

.goBtn {
	width:4.38em;/*42px*/
	height:2.08em;/*20px*/
}

/* class used to float an element */
.floatIt {
    float:left; 
    display:inline;
}

/* ----------------------------------------------------------------------------------- start Wide ad */
	
.rightContent .adsContainer .adWideContainer {
	width:35.93em; /*345px; Changed from 35.94em due to FF3 issue*/
	height:24.48em; /*235px;*/
	display:inline;
	float:left;
	clear:right;
    padding-top:1.04em; /*10px;*/
    padding-bottom:1.04em; /*10px;*/
    overflow:hidden;
}

.rightContent .adsContainer .adWideContainer .leftContent {
    float:left;
    width:16.67em; /*160px;*/
    overflow:hidden;
}

.rightContent .adsContainer .adWideContainer .wideHeaderContainer {
    padding-left:1.04em; /*10px;*/
}

.rightContent .adsContainer .adWideContainer .wideHeader {
	font-size:1.458em; /* 14px*/
    font-weight:bold;
    color:#333;
	line-height:1.15em;
}

.rightContent .adsContainer .adWideContainer .headerImg {
	width:15.94em; /*153px;*/
    height:2.19em; /*21px;*/
    position:relative;
    z-index:10;
    top:0;
    left:0.82em; /*10px;*/
}

.rightContent .adsContainer .adWideContainer .textContainer {
	font-size:1.15em;
    margin:1.8em 0 1.65em 1.45em;
	width:12.90em; /*143px;*/
	color:#333;
}

.rightContent .adsContainer .adWideContainer .textContainer .textHeader {
	font-weight:bold;
	display:block;
}

.rightContent .adsContainer .adWideContainer .textContainer .text {
	display:block;
}

.rightContent .adsContainer .adWideContainer .linkContainer {
	margin-left:1.66em; /*16px;*/
	padding-bottom:1.25em; /*12px;*/
}

.rightContent .adsContainer .adWideContainer .linkContainer a {
	font-size:1.15em;
}

.rightContent .adsContainer .leftBorder {
    border-left:1px solid #EBE8D8;
}

.rightContent .adsContainer .adWideContainer .rightContent {
    float:left;
    width:19.26em; /*19.27 = 185px; Fix for Firefox 3*/
    height:24.48em; /*235px;*/
    clear:right;    
    text-align:center;
    overflow:hidden;
}

/* ----------------------------------------------------------------------------------- end Wide ad */
/* ----------------------------------------------------------------------------------- start newsletterads */
.adWideContainer #newsletterFormContainer  {
	padding-left:10px;
}
.adWideContainer #newsletterFormContainer .rightContent {
	width:172px;
}

.adWideContainer #newsletterFormConfirmationContainer {
	padding-left:10px;
	padding-right:10px;
}
.sideModule #newsletterFormConfirmationContainer .subhead, .adWideContainer #newsletterFormConfirmationContainer .subhead {
	font-weight:bold;
	font-size:14px;
	color:#666666;
	margin-bottom:14px;
}
.sideModule #newsletterFormConfirmationContainer .bread, .adWideContainer #newsletterFormConfirmationContainer .bread {
	font-size:10px;
	line-height:14px;
	color:#666666;
}
.adWideContainer #newsletterFormConfirmationContainer .wideHeader {
	text-align:center;
	margin-bottom:20px;
}
.sideModule #newsletterFormContainer #newsletterFormErrorContainer, .adWideContainer #newsletterFormContainer #newsletterFormErrorContainer {
	color:#FF5050;
	margin-top:5px;
	margin-bottom:5px;
}
.sideModule #newsletterFormContainer #newsletterFormErrorContainer ul, .adWideContainer #newsletterFormContainer #newsletterFormErrorContainer ul {
	list-style:none;
	margin:0px;
	margin-top:3px;
	padding:0px;
	font-weight:normal;
}
.sideModule #newsletterFormContainer label, .adWideContainer #newsletterFormContainer label {
	display:block;
}
.sideModule #newsletterFormContainer a, .adWideContainer #newsletterFormContainer a{
	display:block;
	margin-top:3px;
	margin-bottom:3px;
}
.sideModule #newsletterFormContainer a, .adWideContainer #newsletterFormContainer select {
	width:146px;
}
.sideModule #newsletterFormContainer #progressbar, .adWideContainer #newsletterFormContainer #progressbar{
	position:relative;
	z-index:2000px;
	top:-65px;
	text-align:center;
}
.adWideContainer #newsletterFormContainer #progressbar{
	top:-65px;
}
/* ----------------------------------------------------------------------------------- end newsletterads */

/* ----------------------------------------------------------------------------------- start FlashBar */
#main #flashBar {
    font-size:1.15em; /* 11px; */
    height:3.23em; /*36px; */
    width:81.3em; /* 900px */
    background:url(http://www.ikea.com/ms/img/misc/filter_bot_bg.gif) bottom left repeat-x; 
    margin-top:0.52em; /*5px; */
    border-bottom:1px solid #BABABA; 
    border-top: 1px solid #F2F2F2; 
}

/* Position adjustment depending on what page it is displayed on  */
#main .rightContent #flashBar {
    width:62.35em; /* 690px */
}

#main #mainPreindex #flashBar {
    margin-left:0.9em; /* 10px */
}
/* Position adjustment depending on what page it is displayed on  */

#main #flashBar #flashAlertText {
    float:left; 
    margin-right:0.52em; /*5px; */
    margin-top:0.42em; /*4px; */
    vertical-align:middle;
    color:#444;
}

#main #flashBar #flashAlertImg {
    margin-top:0.52em; /*5px; */
    float:left; 
    margin-left:0.83em; /*8px; */
    margin-right:0.73em; /*7px;*/
}

#main #flashBar a {
    color:#3399fd;
}

#main #flashBar a:hover {
    text-decoration:underline;
}
/* ----------------------------------------------------------------------------------- end FlashBar */

/* ------------------------------------------------- Tooltip FW10 start   */
/* Used for display of big image on mouseover on product image */
.tt {
    position:absolute;
    display:block;
    z-index:1000;
 }
 
.tt .ttcont {
    display:block;
    padding:0;
    color:#FFF;
}

.tt img.bigView {
    width:250px;
    height:250px;
    background-color:#FFF;
    margin:5px;
}

.tt .offset,
.slPopup .offset {
    position:relative;
    left:-1px;
    top:-1px;
    
}

.tt .ttContainer,
.slPopup .ttContainer {
    background-color:#FFF;
    border:1px solid #CCCCCC;
    zoom:1;     /* IE fix to add hasLayout for layer to behave correct when using position:relative */
}

.tt .color1,
.slPopup .color1 { 
    background: #a7a7a7;
}

.tt .color2,
.slPopup .color2 { 
    background: #b6b6b6;
}

.tt #bigImgAttributes{
    padding-left:14px;
    padding-right:14px;
    padding-bottom:18px;
    margin-top:5px;
}

.tt #bigImgAttributes .prodInfo {
    display:block;
    font-size:11px;
    line-height:14px;
    text-align:left;
}

/* ------------------------------------------------- Tooltip FW10 end   */

/* ------------------------------------------------- start Add to shopping list popup */
.slPopup {
    position:absolute;
    width:17.71em; 
    z-index:10000;
}

.slPopup input,
#shoppingList .noJs .listRow input {
    margin-left:0;
    *margin-left:-0.52em;     /* IE 7 and below */
}

.slPopup #chkPrintOffers,
#shoppingList .noJs #chkPrintOffers {
    margin-left:0;
    *margin-left:-0.3em;     /* IE 7 and below */
}

.slPopup .text,
.slPopup label,
.slPopup input#listName,
.slPopup p,
.slPopup a.link,
#shoppingList .noJs label,
#shoppingList .noJs a,
#shoppingList .noJs .error,
#shoppingList .text,
#shoppingList .noJs #listName {
    font-size:1.15em;
}

.slPopup p a.link {
    font-size:1em;
}

.slPopup p {
    margin-top:0.907em;
    margin-bottom:0.907em;
}

.slPopup .content {
   padding:1.56em;
   text-align:left;
   padding-bottom:2.08em;
}

.slPopup a.link{
    margin-bottom:1.46em;
}

.slPopup .headline {
    font-size:1.46em; 
    color:#333;
    margin-bottom:0.5em;
}

.slPopup .headlineSelect {
    margin-bottom:0.72em;
}

.slPopup .headlineSort,
#shoppingList .noJs .headlineSort {
    margin-bottom:0.907em;
    margin-top:0.907em;
}

.slPopup .listRow,
#shoppingList .noJs .listRow {
    margin-bottom:0.52em;
    *margin-bottom:0.32em;     /* IE 7 and below */
}

.slPopup .chkBoxRow,
#shoppingList .noJs .chkBoxRow {
    margin-top:1.56em;
    margin-bottom:1.77em;
    *margin-top:1.14em;     /* IE 7 and below */
}

.slPopup .buttonRow,
#shoppingList .noJs div.buttonRow {
    margin-top:1.56em;
}

.slPopup .buttonRow .buttonContainer,
#shoppingList .noJs div.buttonContainer {
    display:inline;
    padding-right:0.52em;
    top:0;
}

.slPopup input#listName {
    width:198px;
}

.slPopup #listName:disabled {
    color:#999;
}

.slPopup label,
#shoppingList .noJs label {
    position:relative;
    top:-0.18em;
    cursor:pointer;
    margin-left:0.18em;
}

.slPopup #listContainer {
    position:relative;
    margin-bottom:-0.27em;
    background-color:#FFF;
}

.slPopup #listContainer.scroll {
    overflow:auto;
    height:90px;
}

.cartPopup {
    position:absolute;
    z-index:10000;
}

.cartPopupContainer {
    font-size:1.15em;
    padding:.428em 1em 0.624em 0.9em;
    white-space:nowrap;
    color:#666;
    text-align:left;
}

.cartPopupContainer .totalPrice {
    font-weight: bold;
}

.cartPopupContainer .cartPadding {
   padding-top:.104em;
}

.loading {
    text-align:center;
}