/* CSS Document */

body {background:#dfe0db; font-family:arial, helvetica, sans-serif; font-size:10pt;}

a{ color:#236ace; text-decoration:none;}
a:hover { color:#236ace; text-decoration:underline;}

h1, h2, h3, h4, h5 {font-weight:normal; color:#505050;}
h1 {font-size:2.1em;}
h2 {font-size:2.1em; color:#3d3d3d;}
#leftArea h2 {padding-bottom:3px; border-bottom: 3px solid #dcd7d5;}
h3 {font-size:1.5em;}
h4 {font-size:1.3em;}
h5 {font-size:1.1em;}

.clearBoth {clear:both;}

a img {border:none;}

a.arrowLink {display:block;  padding:1px 0px 2px 20px; background: url('../images/bullet-point2.gif') 0px 1px no-repeat;}
a.arrowLink2 {display:block;  padding:1px 0px 2px 20px; background: url('../images/bullet-point.gif') 0px 1px no-repeat;}
a.arrowLink:hover { background-position:0px -43px;}

a.greenButton { background:transparent url('../images/button/button-greenbig-right.png') no-repeat scroll right top; color:#FFFFFF; display:block; float:left; font-size:13px; font-weight:bold; height:30px; margin:0pt; padding:0pt 14px 0pt 0pt; text-align:center; text-decoration:none; }
a.greenButton span { background:transparent url('../images/button/button-greenbig-left.png') no-repeat scroll 0% 0%; display:block; line-height:30px; padding:0pt 5px 0pt 16px; }
a.greenButton:hover { color:#505050; cursor:pointer; text-decoration:none; }

a.greyButton { background:transparent url('../images/button/button-greybig-right.png') no-repeat scroll right top; color:#FFFFFF; display:block; float:left; font-size:13px; font-weight:bold; height:30px; margin:0pt; padding:0pt 14px 0pt 0pt; text-align:center; text-decoration:none; }
a.greyButton span { background:transparent url('../images/button/button-greybig-left.png') no-repeat scroll 0% 0%; display:block; line-height:30px; padding:0pt 5px 0pt 16px; }
a.greyButton:hover { color:#505050; cursor:pointer; text-decoration:none; }

#pageWrapperOuter {width:990px; border:none; background: url('../images/page-background.png') 50% 0% repeat-y;}
#pageWrapperInner {margin:0px auto; border:none; font-size:0.8em; width:958px; color:#696868;}
.family { background:#FFF url('../images/ikea_family_text') top right no-repeat;}
.mobile { background:#FFF}

#contentWrapper {padding:133px 0px 0px 0px;}
#contentOuter {}

div.leftNav #leftArea{ width:251px; margin:0px 0px 18px 19px; padding:5px 0px 0px 0px; background:#f5f0ef; }
* html div.leftNav #leftArea{ margin:0px 0px 18px 9px; padding:5px 0px 10px 0px; }
div.leftNav #rightArea { width:659px; float:left; margin:0px 0px 18px 18px; padding-top:0px; }
	
	#leftArea .capsule {padding:0px 21px 0px 21px;}
	#leftArea .capsuleDivider {padding-top:26px;}
	#leftArea h2 { padding:5px 0px 5px 0px; margin:0px; font-size:1.8em;}
	#leftArea p {padding-left: 0px; padding-right:0px;}
	#leftArea ul {padding:0px; margin:10px 0px 15px 0px;}
	#leftArea ul li {list-style:none; display:inline; padding:0px; margin:0px;}
	#leftArea ul li a {display:block;  padding:1px 0px 2px 20px; background: url('../images/bullet-point.gif') 0px 1px no-repeat;}
	#leftArea ul li a:hover { background-position:0px -43px;}
	
	#rightArea h2 {border:none; padding-top:0px; margin-top:0px;}
	#rightArea .innerLeft, #rightArea .innerRight {float:left; width:310px; padding-top:0px;}
	#rightArea p {margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px;}
	#rightArea .innerLeft {margin-right:22px;}		
	.innerLeft h3, .innerRight h3 { font-size:2.1em; padding:0px; margin:0px;}
	#rightArea ul, #rightArea ul li {padding:0px; margin:0px; list-style:none;}
		.heroCapsule { padding-bottom:0px;}
		.heroCapsuleInner {background: #ffffff; padding:0px 0px 0px 0px;}
	#layer1, #layer2, #layer3 {clear:both;}

	#rightArea #homepageAdvert { color:#fff; margin:5px 15px 5px 15px; padding-top:150px; background: url('../images/banners/girl-park.jpg') top left no-repeat;}
		#homepageAdvertInner {background:#9ddc00;}
		#homepageAdvertInner p { font-size:1.2em; padding-top:0px; margin-top:0px; padding-bottom:5px; margin-bottom:0px;}
		#homepageAdvertInner h2 { color:#fff; margin:0px; padding:10px 5px 0px 5px; border:none; text-decoration:none;} 
		
	#rightArea .largeCapsule { width:380px;}
	
#searchWrapper { position:absolute; z-index:100; top:-4px; margin-left:793px; padding:6px 13px 0px 0px; }
#searchWrapper input { width:80px; font-family:Verdana, Helvetica, Sans-Serif; font-size:0.8em;}
#searchWrapper a {color:#fff; text-decoration:none;}

#headerWrapper { position:absolute; top:0px; z-index:110; width:957px;}
#naviWrapper { position:absolute; top:84px; margin-left:18px; width:922px; font-family:Arial, Helvetica, Sans-Serif;}
	
	#naviWrapper #mainNavigationInner {border-bottom : 1px solid #d4d4d4; font-size:10px;}
	#naviWrapper #mainNavigationInner ul {padding:0px 0px 0px 0px; margin:0px; list-style:none; height:26px;  border-bottom:4px solid #e4dfdb;}
	#naviWrapper #mainNavigationInner ul li {padding:0px; margin:0px; list-style:none; display:inline;}
	#naviWrapper #mainNavigationInner ul li a { font-size:1.3em; color:#464646; text-decoration:none; display:block; float:left; overflow:hidden; height:15px; padding:5px 12px 6px 12px; margin:1px 3px 0px 3px;}
	
	#naviWrapper #mainNavigationInner ul li a:hover, #naviWrapper #mainNavigationInner ul .selected a {color: #000000; background: url('../images/navigation-bg-1.png') top right repeat-x;}
	#naviWrapper #mainNavigationInner ul .selected a {font-weight:bold;}
	#naviWrapper #mainNavigationInner ul li a span{margin:0px 0px 0px 0px; position:relative; left:-14px; top:-21px; width:5px; height:5px; display:block;}
	#naviWrapper #mainNavigationInner ul li a:hover span, #naviWrapper #mainNavigationInner ul .selected span {background:url('../images/navigation-bg-2.png') top right repeat-y;}
	
	
	#naviWrapper .SecondaryMainNav ul {padding:0px 0px 0px 0px; margin:0px; list-style:none; height:30px;}
	#naviWrapper .SecondaryMainNav ul li {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style:none; display:inline;}
	#naviWrapper .SecondaryMainNav ul li a { color:#666666; text-decoration:none; display:block; float:left; margin:1px 11px 0px 0px; padding:8px 0px 0px 0px;}
	#naviWrapper .SecondaryMainNav ul li a:hover { border-bottom:3px solid #91cb02;}
	#naviWrapper #secondaryMainNav ul li a.selected {color:#000; font-weight:900; border-bottom:3px solid #f5f0ef;}

#footerWrapper {color:#999; font-size:0.8em;}
#footerContainer {width:990px; margin:0px auto; background: url('../images/page-background_end.png') 50% 0% no-repeat;}
#footerText {padding:15px 0px 0px 15px; color:#605A59;}
	#footerText p {padding:0px 7px 10px 0px; margin:0px; float:left;}
	#footerText ul {padding:0px; margin:0px; float:left;}
	#footerText ul li {padding:0px 5px 0px 10px; margin:0px 0px 0px 0px; border-left:1px solid #605A59; display:inline;}
	#footerText ul li.last { border-right:none;}
	
body.thinWidth #contentOuter {width:380px;}