/* IKEA Catalog Mobile Sweeps */
/* main total 920px */

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

body {
padding:8px 0;
margin:0px;
font: 12px/16px Arial, Helvetica, sans-serif;
color: #666;
background-color:#F2F1E9;
}

/* html elements */

h1 {font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:18px; line-height:22px;
	color:#999;
	margin:20px 0;}

h2 {font-family:'Trebuchet MS', Verdana, sans-serif;
font-size:14px;
font-weight:bold;color:#999;
margin:8px 0;
}

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

textarea {
font-family:Arial,Helvetica,sans-serif;
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-family:Arial,Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
color:#333;
padding:1px 2px;
}

img {display:block;}

/* end default HTML selectors */


/* Main page divs */

#maincontainer {
padding:10px;
width:900px;
margin:0 auto;
background-color:#ffffff;
}

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

#headline {margin:0 10px; font-size:11px;  }
#headline p {width:800px; margin:6px 0 6px 3px;}

.yellowheadline 
{
margin:0 10px;
    padding:10px 0;
    background:#FFE11A;
}

#col1 {
margin:30px 0 0 20px;
float:left;
display:inline;
width:476px;
padding:0 0 0 5px;
height:760px;
}

#col2 {
float:left;
position:relative;
display:inline;
width:350px;
padding:0;
margin-left:34px;
}


#singlecol { margin:0 0 0 10px; padding:0;}

/* footer is within main container */
#footer {
font:10px Verdana, Arial, sans-serif;
width:900px;
margin:0 0 10px;
padding:7px 0 0 0px;
background-color:#fff;
}

.bumpup 
{display:block;
 position:absolute;
 top:-20px;}

.rules ol {margin: 20px 0 10px 20px;}
.rules ol li {margin: 0 0 10px 24px;}

.homecatcover {float:right; margin-left:10px;}
.homeintro {width:420px;margin-bottom:20px;}

.homecallout {margin-left:40px; color:#006bb6;}
.homecallout p {width:290px; margin-left:6px;}

.homecallout ul {margin:10px 25px;}

.yellowgradient 
{
 margin:24px 0 0 0; 
 background:#fff url(../images/backgrounds/yellowgradient_bott.jpg) bottom left repeat-x;   
 height:320px; }

.yellowgradient_big {
margin:24px 0 0 0; 
background:#fff url(../images/backgrounds/yellowgradient_big.jpg) bottom left repeat-x;   
height:494px; 
}



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

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

a.arrowLink:link, 
a.arrowLink:visited, 
a.arrowLink:active, 
a.arrowLink:hover {
color:#3366cc;
text-decoration:none;
font:10px Verdana, Arial, sans-serif;}

#header a {color:#666666;}

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

#footer  
{font:10px/16px Arial, Helvetica, sans-serif; 
    color:#666; 
    padding:0;
    width:900px;}
    
#footer a:link  {color:#666; text-decoration:none;} 
#footer a:visited {color:#666; text-decoration:none;} 
#footer a:hover {color:#ff6600;text-decoration:none;}
#footer a:active {color:#ff6600;text-decoration:none;}

/* line above footer img */
#footer .fade {
border:0px none;
margin:8px 0;
overflow:hidden;
padding:0px;
width:900px;
}
#footer .copyright {color:#666;}
#footer .linkDivider {color:#ccc;}

/* ------------------- end header/footer tags ----------------- */

/* link styles default : grey no underline */
a:link{color:#666;text-decoration:none;}
a:visited{color:#666;text-decoration:none;}
a:hover{color:#666;text-decoration:underline;}
a:active{color:#666;text-decoration:underline;}

/* signup/login box: bright orange, underline rollover */
.signup_form p a:link, .signup_form p a:visited, 
.signup_form p a:hover, .signup_form p a:active 
    {font:bold 11px/14px Arial,sans-serif ;        
        color:#ff6600; 
        text-decoration:none; } 

.signup_form p a:hover, .signup_form p a:active 
{text-decoration:underline;}


/* FORM STYLES */

.bluefade_top  {
background:#fff url(../images/backgrounds/bluegradient_top.jpg) top left repeat-x;   
padding-top:2px;
}

.bluefade_bott {
background:#fff url(../images/backgrounds/bluegradient_bott.jpg) bottom left repeat-x;
padding-bottom:10px;
}

/* sweeps wider than profile */
.signup_form {
border:1px solid #ccc;
margin:0 0 20px 0;
color: #7f7f7f;
width:462px;

}

.bluebar {background:#0368cc; height:10px;width:464px;margin-top:20px;
          clear:right;
          }

.signup_form p {padding:15px 15px 4px 16px; 
    font:11px/14px Arial, sans-serif; }
    
.signup_form .formtop p {padding:15px 15px 0 18px; }
.signup_form p.footnote {padding:0 15px;}


.formtable {font:11px/14px Arial, sans-serif;
    color: #7f7f7f; margin:0px 15px; 
    
     }
    
.formtable td {padding:3px;}
.formtable td input { width:410px;margin-top:3px;}
.formtable td select { width:50px;padding-left:2px; height:18px;margin-top:3px;}

.formtable td option { width:50px;padding-left:2px; }
.formtable td p { margin:0;padding:10px 0 4px 0;}

.formtable td input.city { width:266px; padding-left:2px;}
.formtable td select.state {width:45px;padding-left:2px;}

.formtable td input.zip { width:50px;}
.formtable td input.phone { width:30px; }
.formtable td input.phoneexch { width:40px; }

.formtable td span.checkbox input {width:1.6em}
.formtable td span.checkbox label {padding-left:3px;}
.formtable td span.radiobutton input {width:1.6em;}
.formtable td span.radiobutton label {padding-left:3px;}

.checkbox {float:left; padding-right:4px;}
.checkbox_label {float:left;}

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

 .referral td input { width:190px;margin-top:3px;}

.labelright {text-align:right;margin:0 18px 6px 0;}

.formlabel {color:#666;}

.required {color:#197ce0; font-weight:bold;}

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

.formerror {font:11px/14px Arial, sans-serif;
    font-weight:bold;
    color:#ff6600;
    padding:2px 6px;
    margin:0 0 10px 10px;
}
td .formerror {margin:10px 0 0 0 ; padding:0;}

.rules {margin:0 20px; width:700px; }

/* ------------------------------ Misc formatting -------------------------*/

.hidden, .print_only { display:none;}
.visible { display: block; }

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

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

.asterisk, .blue {color:#197ce0;}

.delimiter{color:#fff;margin-left:7px;margin-right:4px;	}

.small { font-size:9px; }
.plain {color:#666; font-weight:normal;}

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

img.indent {padding:4px 12px;}

.noline {border:none;}

.lime {border:1px dashed lime;}