body {
background-color:#f5f5f5;
font-family:Verdana;
}

/*     TYPOGRAPHY        */

h1 {
color:#F60;
font-family:Verdana;
font-size:36px;
font-weight:700;
margin-top:3px;
}

h2 {
color:#F60;
font-family:Verdana;
font-size:19px;
font-weight:700;
}

h3 {
color:#F60;
font-family:Verdana;
font-size:15px;
font-weight:700;
}

p {
color:#000;
font-family:Verdana;
font-size:13px;
font-weight:400;
line-height:18px;
margin:0 0 14px
}

p.caption {
font-family:Verdana;
font-size:16px;
font-style:italic;
font-weight:400;
line-height:16px;
margin-bottom:13px
}

p.smaller {
font-family:Verdana;
font-size:11px;
font-style:normal;
font-weight:400;
line-height:16px;
margin:2px
}

/*     LINK STYLES     */

a {
color:#3399fd;
font-style:normal;
}

a.bluelink {
color:#3399fd;
font-size:14px;
font-style:normal;
font-weight:700;
}

a.bluelink12 {
color:#3399fd;
font-size:11px;
font-style:normal;
font-weight:700;
}

a.bluelinkright {
color:#3399fd;
font-size:12px;
font-style:normal;
font-weight:700;
}


a.orangelink {
color:#F60;
font-family:Verdana;
font-size:13px;
font-weight:700
}

a.orangelinkselected:link,a.orangelinkselected:visited,a.orangelinkselected:active,a.orangelinkselected:hover {
color:#F60;
font-family:Verdana;
font-size:13px;
font-weight:700;
text-decoration:underline
}

a:link,a:visited,a:active,a.bluelink:link,a.bluelink:visited,a.bluelink:active,a.bluelink12:link,a.bluelink12:visited,a.bluelink12:active,a.orangelink:link,a.orangelink:visited,a.orangelink:active {
text-decoration:none
}

a:hover,a.bluelink:hover,a.bluelink12:hover,a.orangelink:hover {
text-decoration:underline
}

/*     CONTAINER        */

#container {
background-color:#f5f5f5;
margin:auto;
width:1100px;
}

/*     BACKGROUND SLICES = wrapper + 3 rows      */

#mainbodywrapper {
margin:auto;
width:984px;
}

#mainbodytop {
background-image:url(../images/mainbody_bg_top.jpg);
background-position:left bottom;
background-repeat:no-repeat;
height:36px;
width:984px
}

/* for understanding browsers */
#mainbodymiddle {
background-image:url(../images/mainbody_bg_middle.jpg);
background-position:left top;
background-repeat:repeat-y;
width:984px;
}

#mainbodyfooter {
clear: both;
background-image:url(../images/mainbody_bg_footer.jpg);
background-position:left top;
background-repeat:no-repeat;
height:33px;
width:984px;
padding-top:5px;
}

/*     TOP ROW + HEADER        */

#topbox {
float:right;
margin-top: 4px;
margin-bottom:-4px;
width:700px
}

.topboxtext {
float:right;
font-size:11px;
margin:0 12px 0 0;
padding:0
}

#login_button{
margin-bottom:-4px;
}

form { font-size: 11px; float: right; margin-right: 4px;}

#header {
background-color:#f60;
background-image:url(../images/header_bg.jpg);
background-position:left top;
background-repeat:repeat-x;
height:60px;
margin:auto;
width:960px
}

#mainmenu {
float:right;
height:23px;
margin:37px 0 0;
width:852px
}

.mainmenuitem {
display:inline;
float:left
}

#subnavwrapper {
background-color:#fff;
height:30px;
margin:auto;
width:960px
}

#subnav {
background-color:#fff;
height:18px;
margin:6px 0 0 35%;
}

.subnavitem {
white-space: nowrap;
margin:0 50px 0 0
}

.space {
height:20px;
width:620px;
}

/*     CONTENT        */


/*     CONTENT  LEFT TOP     */


#contentwrapper {
margin:auto;
width:960px;
}

#contentleft {
float:left;
margin:0;
width:642px
}

/* for understanding browsers */
#contentlefttop {
	margin:0;
	width:642px;
}
/* for Internet Explorer */
/*\*/
* html #contentlefttop {
height: 495px;
}
/**/

#imageplaceholder {
float:right;
height:213px;
margin:75px 0 2px 2px;
width:238px
}

/*     CONTENT LEFT BOTTOM       */

#contentleftbottom {
background-image:url(../images/contentleft_bottom_bg.jpg);
background-position:left top;
background-repeat:repeat-x;
height:104px;
margin:0;
width:100%;
}

#contentleftbottom  h3{
font-size:12px;
}

#clbl {
background-image:url(../images/clb_separator.jpg);
background-position:right top;
background-repeat:no-repeat;
float:left;
margin:0;
padding:10px 0 0 10px;
width:150px
}

#clbm1 {
background-image:url(../images/clb_separator.jpg);
background-position:right top;
background-repeat:no-repeat;
float:left;
padding:10px 0 0 10px;
width:151px
}

#clbm2 {
background-image:url(../images/clb_separator.jpg);
background-position:right top;
background-repeat:no-repeat;
float:left;
padding:10px 0 0 10px;
width:151px
}

#clbr {
background-image:url(../images/clb_separator.jpg);
background-position:right top;
background-repeat:no-repeat;
float:left;
padding:10px 0 0 10px;
width:150px
}

/*     CONTENT RIGHT      */

/*     CONTENT RIGHT TOP aka IKEA FAMILY LIVE     */

#contentright {
float:right;
margin:0;
/* IE6 fix */
*margin-left: -3px;
width:318px
}

/* for understanding browsers */
#contentrighttop {
background-image:url(../images/top_right_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
margin:0;
width:318px;
min-height:153px;
}
/* for Internet Explorer */
/*\*/
* html #contentrighttop {
height: 153px;
}
/**/

#contentright  h2 {
color:#F60;
font-family:Verdana;
font-size:18px;
font-weight:700;
line-height:22px;
}



#crttop {
float:right;
font-family:Verdana;
font-size:14px;
font-style:normal;
font-weight:400;
height:80px;
line-height:14px;
margin:20px 9px 2px 2px;
width:292px
}


/* SAME AS ABOVE/BELOW but with
	- classes
	- extra divs thrown away
	- added style for the mag promotion
   MN/100512
*/

#contentright { *margin-left: -3px; }

#contentright p { margin: 10px 0 0 0; }

.contentrightmag { width: 196px; height: 126px; padding: 25px 9px 2px 113px; font-size: 14px; line-height: 14px; background: #fff url(../images/ikeafamilylive_FI_bg.jpg) no-repeat left top; }

h2.header-mag { text-indent: -90000px; }

.contentrighttop { width: 300px; height: 131px; padding: 20px 9px 2px 9px; font-size: 14px; line-height: 14px; background: url(../images/top_right_bg.jpg) no-repeat left top; }

.contentrightbottom { width: 308px; height: 329px; padding: 30px 0 0 10px; background: url(../images/contentright_bg.jpg) no-repeat top left; }


/*     CONTENT RIGHT BOTTOM  (aka Jäsenedut & Jäsenkortti kateissa)  */

#contentrightbottom {
background-image:url(../images/contentright_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
margin:0;
width:318px;
}

#crbcontainer {
height:360px;
width:100%;
}

#crbtop {
float:right;
height:150px;
margin:30px 0 0 10px;
width:302px
}

#crbtop p{
margin-top:10px;
}

#crbbottom {
	background-image:url(/uusi/images/kadonnutkortti_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	width:318px;
	height:106px;
	height:104px; /* korjattu viiva footerissa */
}
#crbbottomtext {
	float:left;
	width: 190px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#crbbottom p{
	margin: 0px;
	font-size: 11px;
}
#crbbottom h3{

}
#crbbottom a{
font-size: 11px;
}

/*     FOOTER      */

#footerboxleft {
	float:left;
	margin-left:12px;
	margin-top:6px
}

#footerboxright {
float:right;
margin-right:12px
}

p.ftl {
color:#ccc;
font-family:Verdana;
font-size:12px;
font-style:normal;
font-weight:400
}

p.ftr {
	font-family:Verdana;
	font-size:12px;
	font-style:normal;
	font-weight:400;
	margin-top:6px
}

/* Profile page   --- Pitakaa siistina!! */

div#profile_left {
width: 224px;
overflow: show;
float: left;
padding-right: 30px;
}

		div#profile_left h1 {
		width: 224px;
		display: block;
		background-color: #515151;
		font-size: 18px;
		font-weight: lighter;
		color: #ffffff;
		padding: 0.2em 0.2em;
		}
			div.profile_left_content {
			background-image: url(/../images/probg.jpg);
			background-repeat: no-repeat;
			width: 224px;
			height: 81px;
			}
			
			div.profile_left_content p {
			width: 135px;
			background-color: #E7F9F7;
			font-size: 11px;
			padding: 0.3em 0.3em;
			height: 74px;
			overflow: hidden;
			}
			
				div.profile_left_content a:link, div.profile_left_content a:active, div.profile_left_content a:visited {
				color: #ff6600;
				font-size: 9px;
				font-weight: bold;
				text-decoration: none;
				}
				
				div.profile_left_content a:hover {
				text-decoration: underline;
				}

			div.profile_left_content img {
			float: right;
			margin-top: -92px;
			}
div#profile_right {
	float: left;
	width: 300px;
	margin-bottom: 30px;
}


/* /PROFILE PAGE */



/* Login error page   --- Pitää siistiä!! */

div#login_error {
width: 622px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#login_error h2 {
display: block;
width: 620px;
height: 14px;
background-color: #a3a3a3;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
padding: 2px 0.5em;
margin-top: 100px;
text-align: left;
}

div#login_error h2 a:link, div#login_error h2 a:visited, div#login_error h2 a:active {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

div#login_error h2 a:hover {
text-decoration: underline;
}

	div#error_login {
	width: 310px;
	padding-bottom: 5px;
	overflow: hidden;
	float: left;
	}
		
				div#error_login table {
				width: 310px;
				margin-top: 10px;
				}
				
						form#log_in #username {
						margin-top: 3px;
						margin-bottom: 3px;
						width: 170px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						}
				
						form#log_in #password {
						margin-top: 0px;
						margin-bottom: 3px;
						width: 170px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						}
				
						form#log_in #log {
						float: right;
						margin-right: 3px;
						margin-bottom: 3px;
						width: 75px;
						}
				
				div#error_login h1, div#error_join h1 {
				display: block;
				width: 310px;
				background-color: #c2c2c2;
				color: #fafafa;
				font-size: 14px;
				padding: 0.2em;
				font-weight: bold;
				}
				
				div#error_login a:link,  div#error_login a:active, div#error_login a:visited, span.error_joinp a:link, span.error_joinp a:visited, span.error_joinp a:active {
				text-decoration: none;
				color: #fc6300;	
				margin-top: 5px;
				display: block;
				font-size: 9px;
				font-weight: bold;
				}
				
				div#error_login a:hover, .bigjoin_txt a:hover {
				text-decoration: underline;
				}

				
				div#error_join {
				width:300px;
				padding-bottom:10px;
				overflow: hidden;
				float: right;
				margin-left: 10px;
				}
		
		
					div.error_join_image {
					width: 83px;
					height: 70px;
					float: left;
					margin-top: 12px;
					}
			
					div.error_join_text {
					width: 213px;
					height: 70px;
					background-color: #f5f5f5;	
					margin-top: 12px;
					margin-left: 3px;	
		    		float: left;
					}
			
						.error_joinp {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						text-align: justify;
						font-size: 10px;
						margin-left: 3px;
						margin-top: 3px;
						color: #808080;
						font-weight: bold;
					    }

div#forgot_password {
width: 622px;
}

		div#forgot_password h1 {
		background-color: #a9a9a9;
		display: block;
		width: 620px;
		color: #fafafa;
		font-size: 14px;
		padding: 0.2em;
		font-weight: bold;
		}
	
			div#forgot_password_form {
			background-color: #dbdbdb;
			margin-top: 12px;
			width: 310px;
			height: 81px;
			float: left;
			}
			
			div#forgot_password_form p {
			font-size: 11px;
			font-weight: bold;
			float: left;
			margin-left: 3px;
			}
	
				form#forgot_pword #email {
				width: 260px;
				float: left;
				margin-top: 12px;
				margin-left: 3px;
				margin-bottom: 3px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				}
				
				form#forgot_pword #send_pword {
				width: 219px;
				margin-top: 8px;
				margin-bottom: 3px;
				margin-right: 4px;
				float: right;
				}
				
			div#forgot_password_text {
			background-color: #efefef;
			width: 295px;
			float: left;
			margin-left: 10px;
			margin-top: 12px;
			}
div#forgot_username, div#bigjoin {
	float: left;
}			
div#forgot_username h1, div#bigjoin h1 {
background-color: #a9a9a9;
display: block;
width: 620px;
color: #fafafa;
font-size: 14px;
padding: 0.2em;
font-weight: bold;
}

p#forgot_uname {
width: 620px;
background-color: #efefef;
height: 45px;
font-size: 12px;
text-align: center;
margin-top: 15px;
}

div#bigjoin img {
margin-top: 15px;
float: left;
}

div#bigjoin .bigjoin_txt {
font-size: 12px;
margin-top: 15px;
margin-left: 10px;
margin-right: 3px;
display: block;
float: right;
width: 390px;
}

.bigjoin_txt a:link, .bigjoin_txt a:active, .bigjoin_txt a:visited {
text-decoration: none;
color: #fc6300;	
margin-top: 5px;
display: block;
font-size: 11px;
font-weight: bold;
}

div#lost_card h1 {
background-color: #a9a9a9;
display: block;
width: 620px;
color: #fafafa;
font-size: 14px;
padding: 0.2em;
font-weight: bold;
margin-top: 55px;
height: 19px;
}

			div#lost_card_form {
			background-color: #dbdbdb;
			margin-top: 12px;
			width: 620px;
			float: left;
			}
			
			div#lost_card_form p {
			font-size: 12px;
			font-weight: bold;
			float: left;
			margin-left: 5px;
			}
	
				form#lost_card #cardemail {
				width: 300px;
				float: right;
				margin-top: 9px;
				margin-right:10px;
				margin-bottom: 3px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				}
				
				form#lost_card #send_lcard {
				width: 260px;
				margin-top: 10px;
				margin-bottom: 3px;
				margin-right: 10px;
				float: right;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				background-color: #fc6300;
				border: 0;
				color: #FFFFFF;
				}


/* /Login error page  */

/* MEMBER BENEFITS */

div#member_benefits h1 {
display: block;
width: 525px;
background-color: #c2c2c2;
color: #ffffff;
font-size: 16px;
font-weight: bold;
margin-top: 0px;
margin-left: 0px;
padding: 2px 0.5em;
text-transform: none;
}

div#member_benefits h2 {
display: block;
width: 530px;
background-color: #a3a3a3;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
margin-top: 14px;
padding: 2px 0.5em;
text-align: right;
overflow: auto;
}



/* /MEMBER BENEFITS */

.clear {
	clear:both;	
}

p.checkme {
	color:#000000;
	font-family:Verdana;
	font-size:13px;
	line-height:18px;
	margin:0 0 2px 2px;
	display:inline;
}


/*	ADDITIONAL INFO	*/
	.childField div {
		margin:5px 0;
		overflow:hidden;
	}
	
	.childField {
		margin-bottom:20px;
		background-color: #f6f6f6;
		padding:7px;
	}

/*	VALIDATION	 */
	.invalid {background-color:#fddfee;}
	
/*	SHARING		*/
.share {
	font-size:10px;
}

	.share li {
		padding:10px 0;
	}