/* IKEA Profile chrome (no header) :: main total 920px */

* {padding:0px;margin: 0px;}

/* ----------------------- html selectors --------------------------- */

body {font-family:Verdana, Arial, sans-serif;}

h1 {font-weight:normal;
	font-size:24px;
	/* color:#00C6E0;  -- old blue version */
	color: #666;
	margin:10px 0 ;
	padding:5px 0;
	text-align:left;
	}

h1.home {font-weight:bold; font-size:24px;
	color:#444;	margin:10px 0;
	padding:5px 0;
	}
	
h2 {font-size:1.4em; line-height:22px;
font-weight:bold;color:#7f7f7f; margin:8px 0; }


p {padding:0; margin-bottom:1em;}

img {display:block;}
img.inline {display:inline;}

table { border-collapse:collapse; }

textarea {
font-size:11px;
color:#333;
padding:2px 2px 2px 4px;
}

hr {
height:1px;
color:#e3e3e3;	
width:100%;
border-top:1px solid #e3e3e3;
margin:8px 10px;
}

dl {margin:0 0 0 12px; width:95%}
dt {font-weight:bold; margin:4px 0 0 0;}
dd {margin:0 0 10px 10px;}

input, select {font-weight:normal; font-size:11px; color:#333; padding:1px 2px;}

select.disabled {color:#ccc; border:1px solid #ccc;}

.ikeaTagline {font-size:11px; color:#666; padding:4px 0;}


ol li {margin:1em 0;}
blockquote {margin:1em;}

/* -------------------- end html selectors ---------------------- */


/* ----------------------- content containers ---------------------- */

#maincontainer {padding-bottom:15px;}

#header { /* header inside main container*/ 
width:880px;
padding:0;
background-color:#fff;
margin:0px 10px 10px 10px;
height:65px;
font:normal 10px Verdana, Arial, sans-serif !important;
color:#999;
border-bottom:1px solid #e1e1e1;
}

#headline {display:block; padding:0 10px; } /* hide space in*/

/* --- these get overridden in some pages; multiple grids in site ---- */

#col1 {width: 335px; float: left; display: inline; margin: 10px 22px 0 10px; padding: 0; }
#col2 {width: 519px; float: left; display: inline; margin: 10px 0 0 0; padding:20px 0; }

/* ---------------- home pg -------------------- */

.homeintro {
width:400px;  /* actual 500 */
height:455px; /* actual 505 */
padding:50px 60px 0 40px;
color:#fff;
text-align:center;
font-size:13px;
background:#fff url(../images/backgrounds/woman_on_sofa.jpg) top left no-repeat;
}

.homeintro h1 {color:#fff; text-align:center; font-weight:bold;}

.homelower {
background:#fff url(../images/backgrounds/offers_news_events.gif) top left no-repeat;
padding:0 0 20px 90px;
}

.homelowerspanish {
background:#fff url(../images/backgrounds/ofertas_novedades.gif) top left no-repeat;
padding:0 0 20px 130px;
}

.homelower p {margin:0 0 4px 0;}
.homelower h2 {font-size:18px; color:#00bbd6; margin:0 0 5px 0; }

.homelowerspanish p {margin:0 0 4px 0;}
.homelowerspanish h2 {font-size:18px; color:#00bbd6; padding:0 0 2px 0; }


/* ---------------- blitz home pg -------------------- */

div.blitzcopy {background:#00adc0; color:#fff; 
margin:1em 0 1em -10px; width:514px;
height:532px;
}
div.blitzcopy p {margin:0; padding:6px 12px; font-size:18px;}
div.blitzcopy p b {color:#fff; font-weight:bold;}


/*  --------- reg form ----------- */ 

.switchlanguage {
float:right; display:inline; 
padding:2px 0; margin:0;  font-weight:bold;
}

.tabs {
display:block;
width:336px;
height:31px;
line-height:normal;
margin:0;
background: url("../images/tabs/login_tabs_bottom.gif") bottom left no-repeat;
}

.tabs ul {
overflow:visible;  
font: bold 12px/14px Verdana, Arial, sans-serif; color :#444;
 margin:0; padding:0; 
list-style:none;

}
    
 .tabs ul li {
    float:left; 
    display:inline;
    margin:0;
    padding:0;
    background:url("../images/tabs/tab_right.gif") no-repeat right top;
    }

.tabs ul li a {
    color:#444; display:block; 
    background:url("../images/tabs/tab_left.gif") no-repeat left top;
    padding:5px 24px 6px;}

/* narrower when there are 3 tabs */
.tabs .narrowtabs li a {padding:5px 19px 6px;}

.tabs li.selected {background:url("../images/tabs/tab_right_selected.gif") no-repeat right top;}
.tabs li.selected a {background:url("../images/tabs/tab_left_selected.gif") no-repeat left top;}

/* Signup/login tabs: link styles */

.tabs li a:link    {color:#444; font-weight:bold; text-decoration:none;} 
.tabs li a:visited {color:#444; font-weight:bold; text-decoration:none;} 
.tabs li a:hover   {color:#fff; font-weight:bold; text-decoration:none;}

.tabs li a:active   {color:#fff; font-weight:bold; text-decoration:none; }
	
.tabs li.selected a:hover {color:#444; font-weight:bold; text-decoration:none;}
.tabs li.selected a:active {color:#444; font-weight:bold; text-decoration:none; }


/* ------------------ #header  styles --------------- */

#header .logo {margin-bottom:6px; float:left; display:inline;}
#header .logo p {color:#999; }
#header .linklist {width:66px; float:right; display:inline; margin:10px 5px 0 0; text-align:left;}
#header .linklist ul {list-style:none;  text-align:left;}
#header .linklist ul li {margin:0 0 1em 0; padding:0;}

.linkImg {padding:0; display:inline; width:7px; height:7px;}

a.arrowLink:link {color:#3366cc;text-decoration:none; font-size:11px;}
a.arrowLink:visited {color:#3366cc;text-decoration:none; font-size:11px;}
a.arrowLink:active {color:#3366cc;text-decoration:none; font-size:11px;}
a.arrowLink:hover {color:#3366cc;text-decoration:none; font-size:11px;}

#header a {color:#666666;}

.mainlogo {
float:left;
display:inline;
margin-left:16px;
}

/* ------------------- end header ----------------- */


/* ---- grey rounded : left callout divs ------------ */
.greyrounded {width:319px; padding:0 0 14px 0; 
  margin:20px 0 12px 0; 
  background:#fff url("../images/backgrounds/greyrounded.gif") bottom left no-repeat;
}

.greyrounded .roundedtop  
{ margin:0 0 0 0;  
    padding:10px 15px 0px 10px;
	background:transparent url("../images/backgrounds/greyrounded.gif") top left no-repeat;
	min-height:8px;
	text-align:right;
	display:block;
}
	
.greyrounded p {color:#666; padding: 0 16px 0 30px; }
.greyrounded p.header {color:#666; padding:0 0 4px 20px; margin-bottom:0;}

p.header { font-weight:bold;}

.greyrounded .roundedtop a {display:block; padding-bottom:6px;}


/* ------ optout grey rounded (completely different layout, override grid dimen in page head) ----- */

.greyroundedwide {width:564px; /* actual 624px */ padding:30px; 
  margin: 0; 
  background:#fff url("../images/backgrounds/greyroundedwide.gif") top left no-repeat;
}

.greyroundedwidebott {width:624px; /* actual 624px */ height:10px;
  margin:0 ; 
  background:#fff url("../images/backgrounds/greyroundedwide.gif") bottom left no-repeat;
}


/* ------------------------------ FORM STYLES ------------------------- */
h2.envelope { width:162px;
background:transparent url("../images/icons/envelope.gif") bottom right no-repeat;
}

#catalogfields {display:none;}

#textmsgfields {display:none; margin-top:4px; width:100%; clear:left;}

.tabbedform { 
display:block;
padding:20px 10px 20px 20px;
width:308px; /* actual 338 */
margin:0 0 20px 0;
color: #7f7f7f;
background:transparent url("../images/backgrounds/login_panels_bott.gif") bottom left no-repeat;
}

.tabbedform ul {list-style-type:none; margin:0 0 10px 0;}
.tabbedform ul li {list-style-type:none; line-height:1.5em;}
.tabbedform p {margin:10px 0 10px 0; padding:0;}
.tabbedform p.first {margin-top:0; padding:0;}

.tabbedform input {width:283px;margin-top:3px;}
.tabbedform select {width:283px;margin-top:3px;}

.tabbedform label {display:block; margin-top:6px; width:288px;}

label  {color:#666;
margin:2px 0;
padding:0;
}

select {padding-left:2px; height:20px;margin-top:3px;}
option {padding-left:2px; }
input.zip { width:58px; display:block;}

div.phonegroup {float:left; width: 144px; padding-top:4px; }
div.phonegroup span {display:block; width:100%; padding-bottom:2px;}

input.phone { width:30px; margin:0; }
input.phoneexch { width:43px; margin:0; }

div.checkboxes {padding:6px 0; }
.checkboxes input {width:1.6em; float:left; display:inline;}
.checkboxes label {float:left; padding-left:5px; display:inline; margin-bottom:4px; width:auto;}

span.radiobuttons {padding:0; margin:0; display:block; width:100%; overflow:auto;}
.radiobuttons input {width:1.6em; float:left; display:inline;}
.radiobuttons label {float:left; padding:0 10px 0 5px; display:inline; margin-bottom:4px; width:auto;}

span.radiobutton input {width:1.6em;}
span.radiobutton label {padding-left:5px; }

.sms_disclaimer {padding:10px 0 0 5px; font-size:9px; line-height:10px; }
.sms_disclaimer b {color:#666666;}
.checkboxes div.sms_disclaimer {display:block; clear:left; margin: 0 0 4px 24px; color:#666;}

.sms_disclaimer_bottom {padding:10px 0 0 10px; font-size:9px; line-height:10px; }

.sms_disclaimer_bottom b{color:#7F7F7F;}



.required {color:#006bb6; font-weight:bold;}

.highlighted {font-weight:bold;
background-color:#fd930c;    
color:#fff;
padding:2px 1px 1px 2px;
}

.formerror {font-size:11px;
    font-weight:bold;
    color:#ff6600;
    padding:2px 0;
    margin:10px 0; 
    display:block;
}

div.loginpanelsbutton {margin:0 0 0 -3px ; padding:10px 0; }

div.loginpanelsbutton input {padding:0; }

div.rightlinks {text-align:right; color:#ccc; padding-bottom:10px;}

div.editprofile {margin-left:30px; display:block; float:none;}

div.profilebuttons { display:block; overflow:auto; width:350px; height:60px; }
div.profilebuttons .left {display:inline; float:left; width:256px; padding-top:12px;}
div.profilebuttons .right {display:inline; float:left;  }


/* ---------------------- sweeps ------------------*/

.sweepspromo {overflow:auto; margin-bottom:2em;}
.sweepspromo .image {float:left; display:inline; width:110px; }
.sweepspromo .imageright {float:right; display:inline; width:110px; padding-left:20px; }

.sweepspromo .copy {float:left; display:inline; width:320px; line-height:1.2em;}

.referfriendsbox {background:#eee; padding:20px; color:#666;}

.referfriendsbox .fields {background:#eee; padding:20px 20px 0 20px; color:#666;}
.referfriendsbox .fields ol li  {overflow:auto; }
.referfriendsbox .fields ol li input { padding-right:10px;}
.referfriendsbox p.intro {border-bottom:1px solid #ccc;  padding-bottom:2em;}

.referfriendsbox .formerror {margin-left:48px;}

.referfriendsbox .rafbutton {background:transparent; margin: 0 0 0 200px; }

table.raftable td {padding:6px;}
table.raftable td input {width:180px;}
table.raftable th {text-align:center;}

div.profilecatalogpromo { overflow:auto; padding:2em 0; display:block;}

.profilecatalogpromo .image {float:left; display:inline; }
.profilecatalogpromo .bullets {float:left; display:inline; padding:10px 20px 0 0 ;
  margin-left:30px; }

.profilecatalogpromo .bullets ul {padding-left:20px;}
.profilecatalogpromo .bullets ul li {margin:.5em 0;}


/* -------------------- questions pgs with buttons ----------------- */

div.questions {margin:0 0 30px 0; }
div.question {position:relative; display:block; overflow:hidden; width:100%; }

div.responserow {background-color:#D0F5f9; padding:5px 0 5px 4px; margin-bottom:1.5em; }

div.question p {color:#666; font-size:12px; font-weight:bold; margin:0px 10px 4px 0 ; line-height:1.2em;}

span.bigbuttonlist {float:left; display:inline;}

.bigbuttonlist input {
font-size:24px; 
float:left; 
display:none;
}

.bigbuttonlist label {
    font-size:24px; 
    float:left;
    display:inline;
    width:135px;
    margin:0 5px 0 0;
    padding-top:10px; 
    height:43px;  
    color:#fff; 
    line-height: 1em;
    text-align:center;
    font-weight:bold;
    background: url(../images/buttons/radiobuttonlarge.png) top left no-repeat;
}

.seg-sm-font{
    font-size:20px;     
    line-height: 1.5em;
}

div.answers {padding:5px; float:left; display:none;}

div.answers p {
margin: 0 0 2px 0;
font-weight:normal;
display:block; width:100%;
color:#666; font-size:11px; }

/* pg 2 versions*/

.demographic .bigbuttonlist label {font-size: 14px;	margin-right: 5px;}
.demographic .answers {width: 220px;	}
.demographic .answers select {padding: 0; width: 218px; margin-top: 1.2em; }

.answers .demo-year select {width:60px;}
.answers .demo-month select {width:100px;}
.answers .demo-month select .demo-day{width:40px;}


/* end pg 2 */

.kidsshell {display:none;} 
div.kid {margin-bottom:8px; display:none;}

.expecting {margin-top:.5em; display:inline-block;} 
div.duedate {display:none; margin: 4px 0 0 0;}
div.duedate p {font-size:11px; font-weight:normal;}
#whenborn {display:none; }

.surveybuttons {margin:0 0 2em 105px; display:block;}
.surveybuttons input {display:block; margin-bottom:10px;}
.surveybuttons a {padding-left:4px;}

ul.cataloglinks {margin:2em 0 .5em 0; list-style-type:none;}
ul.cataloglinks li {display:inline; }
ul.cataloglinks li.last {display:inline; padding-left:186px;}

/* ---------------------- optout pages ------------------*/

.optoutbuttons {margin:2em 0 0 20px; padding:0; }
.optoutbuttons input {background:none;border:1px dashed lime;}

div.optouts {margin-left:30px; }
.optoutboxes input {background:none;}
.optoutboxes label {padding-left:.5em; line-height:2em;}




/* ---------------------- misc formatting ------------------*/

.hidden, .print_only { display:none;}
.visible { display: block; }
.floatleft {float:left; display:inline;}

.clear {clear:both; margin:0; padding:0; height:0px;}

p.footnote { font-size:9px;color:#999;margin:0 0 8px 0;}

.asterisk, .blue {color:#006bb6;}
.alerttext {color:#FF6600;}

.smsoptinbox {float:left; display:inline; height:30px; padding-right:7px;}
.delimiter{color:#fff;margin-left:7px;margin-right:4px;	}

.plain {color:#666; font-weight:normal;}
b, strong {font-weight:bold; color:#000;}
.bold {font-weight:bold;}

/*  This aligns img tags with input type=image */
img.imagebutton {padding:1px 2px; }

div.rightbutton {text-align:right; padding-right:20px; margin:10px 0;}
img.indent {padding:4px 12px;}

/* ---------------------- 
modal
------------------*/
#mask {
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	display:none;
}
#boxes .window {
	position:absolute;
	left:0;
	top:0;
	width:370px;
	height:135px;
	/*display:none;*/
    left: 35%;
    top: 40%;	
	z-index:9999;
	padding:10px;
	background-color:#ffcc33;
}
#boxes #dialog {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#848484;
}
#boxes #dialog .whitebox{
	background-color:#fff;
	width:348px;
	height:113px;
	padding:10px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 11px;
	border:1px solid #999;
}

#boxes #dialog h1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#848484;
	font-weight:bold;
}
#boxes #dialog a, a:hover, a:visited{
	color:#9ecefc;
	text-decoration:none;
}
.close{
	float:right;
	padding-bottom:10px;
}