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

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

.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}
/* ----------------------- html selectors --------------------------- */

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

*:focus {
    outline: 0 !important;
}

h1 {
    font-weight: normal;
    font-size: 24px;
    /* color:#00C6E0;  -- old blue version */
    color: #000;
    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;
        text-align: center;
    }

p.home {
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: #000;
    margin: 0 10px 0 20px;
}

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;
    outline: 0;
}

    img:focus {
        outline: 0;
    }

    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: 3px 2px;
    border: 1px solid #ccc;
}

    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: 6px 22px 0 10px;
    padding: 0;
}

#col2 {
    width: 519px;
    float: left;
    display: inline;
    margin: 10px 0 0 0;
    padding: 20px 0;
}
/* ---------------- home pg -------------------- */

.homeintro {
    width: 380px; /* actual 500 */
    height: 455px; /* actual 505 */
    padding: 75px 70px 0 50px;
    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;
    }

.home-container {
    width: 520px;
    margin-left: 0;
}


/*2016 Green Header*/
.green-header {
    background: #8dc63f;
    color: #fff;
    padding: 25px 30px 20px;
    margin-bottom: 10px;
    margin-top: 24px;
}

    .green-header h1 {
        font-size: 40px;
        line-height: 42px;
        color: #fff;
        font-weight: bold;
        margin: 0 0 10px;
        padding: 0;
    }

        .green-header h1 > sup {
            vertical-align: baseline;
            position: relative;
            top: -18px;
            font-size: 14px;
        }

    .green-header p {
        font-size: 14px;
        margin-bottom: 0;
    }

    .green-header span {
        font-weight: bold;
    }

/*2016 Signup Header*/
.green-arrow {
    border: 3px solid #83c142;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: url('data:image/gif;base64,R0lGODlhLAAsAOYAAIfDSP///////rHYiY3GUYrFTfn89tTqvrjck9ztyb/fno/HVL/fndztypnMY4jDSe325L7fnN3uzIrETIjESpzNaJrMZarVfvn89dbrwa/XhabTd7baj+725a7XhKzVgLDXhovFTtTpvbnclb7enJDHVd3uy53OaozGUJjMY9vtyI7HU4nES9nsxPr898Dfn6rUfajTepDHVo7GUpTKXI3GUrLYibfbkJPJW/D36KjUe9bqwLHYiNjrw+Dw0On03sHgoInETLDYh6HQcJfLYZ/PbdXqv9zuyrzdmPz9+uPx1Ov14JzOafX68J3Oaa7Wg+/35/X67/v9+YfDSZvNZ6vVf6bSd6bTeKfTef7//tjsxKDQb+735tfrwen03cnkreTy1sHgoZbLX8vlsNPpvKfTev3+/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAsACwAAAf/gAGCg4SFBkcMVQ4LLBQLDhcMDQaFlZaXAQImGgUAnp+gngUaCQKYp4RaTqGsrRVdqJgdWK21rRsQsYUHM7a+oQQHuplAv8ahDKanAiPHzp8cypcKz9UACpg71tbClVy9288EuYUx4dYbhS3HOBPnnxmDAifHA0tD7wAVyhLOAwFZxhB4l0AQCH+Dcug45yGAixAICYmQsa0Ahn4RCUXhsa3Bi2f/LCWgUS3CB5CYDIx44OyCBZSnlLw05qAEzFNJwgT5tcJdRlQ/tvii4LPesABgBtaiYPNnSiQsba2YaRSVCTE0Tzot1MRGy49bB5Gh6CwCxmM3LEExV63BQ2cIhQqZ+YLCmsUAB4/FHeSlSLgngs7+2itFAYtzKgTN0xvAR4p3+watMyaEw5R88QiVyefMijRBHWpw/oWCXCEjo32JwEQtNSsSyxC4BhUNlQASswEkG3ZAab5gR0FfyYcrOKEeTLZRyWyckIAEnIwV8KDic3NDDSLASLHgwYMFRGBESIDhaCAAOw==') no-repeat 455px 18px;
}

    .green-arrow span {
        display: block;
    }

.signup-title {
    color: #83c142;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 6px;
}

.signup-copy {
    color: #000;
    font-size: 12px;
    width: 420px;
}

/*.su-today {
    cursor: pointer;
}*/

/*Family*/
.family-header {
    background: #f7931e;
    color: #fff;
    padding: 25px 30px 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    cursor: pointer;
}

    .family-header h1 {
        font-size: 20px;
        line-height: 22px;
        color: #fff;
        font-weight: bold;
        margin: 0 0 10px;
        padding: 0;
    }

        .family-header h1 > sup {
            vertical-align: baseline;
            position: relative;
            top: -6px;
            font-size: 14px;
        }

    .family-header p {
        font-size: 14px;
        margin-bottom: 0;
    }

    .family-header a, .family-header a:hover {
        display: block;
        margin-top: 10px;
        text-decoration: none;
        font-weight: bold;
        color: #fff799;
    }

        .family-header a:after {
            content: "\00a0\25B6";
            color: #fff799;
        }

/*Social*/

.social-header {
    font-size: 16px;
    line-height: 31px;
    font-weight: bold;
    color: #808080;
    padding-top: 5px;
    padding-bottom: 20px;
    padding-left: 10px;
    margin-top: 20px;
}

    .social-header ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: table;
    }

        .social-header ul li {
            float: left;
            display: table-cell;
            vertical-align: middle;
            padding: 0 5px;
        }

            .social-header ul li img {
                display: block;
            }




/*Home Callout*/
#home-btm-clt {
    /*background: #fff url(../images/backgrounds/catalog-requestor-2015.jpg) top left no-repeat;*/
    background: #fff url(../images/backgrounds/offers_news_events.gif) no-repeat 13px 0;
    padding: 0 0 20px 110px;
    margin: 25px 0 0;
}

    #home-btm-clt h1 {
        font-size: 18px;
        color: #3cc7f2;
        margin: 0;
        font-weight: bold;
    }

    #home-btm-clt p {
        margin: 0 0 4px 0;
        font-size: 11px;
    }

    #home-btm-clt a, #home-btm-clt a:link, #home-btm-clt a:hover, #home-btm-clt a:active, #home-btm-clt a:visited {
        font-weight: bold;
        color: #000;
        padding: 5px 0 0 0;
        display: block;
    }

        #home-btm-clt a:after {
            content: "\25BA\00a0";
        }







#catalog-requestor {
    background: #fff url(../images/backgrounds/catalog_requestor_icon.jpg) top left no-repeat;
    padding: 0 0 20px 90px;
    margin: 25px 0 0;
}

    #catalog-requestor h2 {
        font-size: 18px;
        color: #00bbd6;
        margin: 0 0 5px 0;
    }

    #catalog-requestor p {
        margin: 0 0 4px 0;
    }

    #catalog-requestor a, #catalog-requestor a:link, #catalog-requestor a:hover, #catalog-requestor a:visited {
        color: #000;
        font-weight: bold;
        margin: 0 0 5px 0;
        font-size: 12px;
    }






/* ---------------- 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 ----------------- */



/* ---- catalog : left callout divs ------------ */

.leftcatalog {
    width: 319px;
    padding: 0 0 0 0;
    margin: 20px 0 12px 0;
}

    .leftcatalog h1 {
        font-size: 30px;
        line-height: 29px;
        font-weight: bold;
        color: #0076a1;
        margin: 10px;
        padding: 5px 0;
    }

    .leftcatalog p {
        font-size: 11px;
        line-height: 16px;
        font-weight: normal;
        color: #000;
        margin: 10px;
    }

.leftCataImg {
    width: 319px; /* actual 319 */
    height: 227px; /* actual 227 */
    padding: 0;
    margin: 15px 0 0;
    color: #fff;
    text-align: center;
    font-size: 13px;
    background: #fff url(../images/backgrounds/home-ipad-sm.gif) top left no-repeat;
}
/* ---- catalog : left callout divs ------------ */

.homecatalog {
    padding: 0;
    margin: 20px 0 12px 0;
}

    .homecatalog h1 {
        color: #444444;
        font: normal normal bold 24px/24px Verdana, Geneva, sans-serif;
        margin: 15px 0 10px 0;
        padding: 0;
        text-align: center;
    }

.homeCataImg {
    width: 500px; /* actual 319 */
    height: 367px; /* actual 227 */
    padding: 0;
    margin: 15px 0 0;
    color: #fff;
    text-align: center;
    font-size: 13px;
    background: #fff url(../images/backgrounds/home-ipad.gif) top left no-repeat;
}
/* ---- 2013 Catalog ------------ */

#iPadHome {
    width: 210px; /* actual 500px */
    height: 365px; /* actual 415 */
    padding: 45px 318px 0 0;
    margin: 25px 0 0 15px;
    background: #fff url(../images/backgrounds/Home-Catalog-2015.jpg) top left no-repeat;
}

    #iPadHome sup {
        bottom: 7px;
    }

    #iPadHome h1 {
        font: normal normal bold 19px/21px Verdana, Geneva, sans-serif;
        color: #fff;
        margin: 0;
        padding: 0 25px 15px 15px;
    }

    #iPadHome p {
        font: normal normal normal 11px/13px Verdana, Geneva, sans-serif;
        color: #fff;
        padding: 0 12px 5px 15px;
    }

    #iPadHome a, #iPadHome a:link, #iPadHome a:hover, #iPadHome a:active, #iPadHome a:visited {
        display: block;
        background: #0076a3 url(../images/backgrounds/arrow-v2.png) no-repeat 150px 3px;
        font-size: 16px;
        line-height: 18px;
        color: #ffffff;
        padding: 12px 40px 12px 15px;
    }

/* ---- 2014 Catalog ------------ */

#suCatalog {
    width: 505px; /* actual 520px */
    height: 444px; /* actual 459 */
    padding: 15px 0 0 15px;
    margin: 25px 0 0;
    background: #fff url(../images/backgrounds/catalog-2014.jpg) top left no-repeat;
}

    #suCatalog h1 {
        font: normal normal bold 28px/30px Verdana, Geneva, sans-serif;
        color: #fff;
        width: 400px;
        margin: 0;
        padding: 0 0 15px;
    }

    #suCatalog h2 {
        font: normal normal bold 20px/22px Verdana, Geneva, sans-serif;
        color: #fff;
        margin: 0;
        padding: 0 0 15px;
        width: 230px;
    }

    #suCatalog p {
        font: normal normal normal 12px/16px Verdana, Geneva, sans-serif;
        color: #fff;
        margin: 0;
        padding: 0 0 20px;
        width: 230px;
    }


/* ---- grey rounded : left callout divs ------------ */
#topSelectionContainer {
    /*position: relative;*/
}

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

.greyround_small {
    width: 300px;
    padding: 0 0 14px 0;
    margin: 20px 0 12px 0;
    background: #FFF url("../images/backgrounds/round_catalog_bg.gif") bottom left no-repeat;
    height: 110px;
    position: relative;
    float: left;
}

.top-divider {
    border-top: 1px solid #ccc;
    margin-top: 15px;
}

.store_location_info {
    width: 195px;
    padding: 0 0 14px 18px;
    margin: 20px 0 12px 0;
    background: #FFF bottom left no-repeat;
    float: left;
}

.services_container {
    width: 152px;
    float: left;
    margin: 10px 20px 10px 0;
    padding: 0;
    text-align: center;
}

    .services_container img {
        padding-bottom: 8px;
    }

.greyround_small .roundedtop {
    margin: 0 0 0 0;
    padding: 5px 15px 0px 5px;
    background: transparent url("../images/backgrounds/round_catalog_bg.gif") top left no-repeat;
    min-height: 8px;
    text-align: right;
    display: block;
}

#greyround_catalog {
    top: 40px;
    left: 10px;
    position: absolute;
}

    #greyround_catalog img {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

#greyround_catalog_text {
    left: 155px;
    line-height: 1.5em;
    position: absolute;
    top: 30px;
    width: 130px;
}

    #greyround_catalog_text ul {
        margin: 18px 0 10px 0;
    }

    #greyround_catalog_text li {
        margin: 0 0 0 15px;
        padding: 0 0 6px;
        font-size: 11px;
        line-height: 13px;
    }

    #greyround_catalog_text p {
        margin: 10px 0 8px 0;
    }

#family_container {
    background: url("../images/backgrounds/ikea-family.gif") no-repeat 0 0;
    padding-top: 12px;
    position: relative;
}

#family_here {
    margin-top: 15px;
    padding-top: 15px;
    min-height: 62px; /*background: transparent url("../images/logos/ikea_family_logo_sm.jpg") no-repeat 0 15px;*/
}

    #family_here h2 {
        color: #000;
        margin: 5px 0 2px 0;
        padding: 0;
        font-size: 18px;
    }

    #family_here h3 {
        color: #000;
        margin: 0px 0 5px 0;
        padding: 0;
        font-size: 12px;
        font-weight: normal;
    }

    #family_here p {
        margin: 0px 0 10px 0;
        padding: 0;
        font-weight: normal;
    }

    #family_here img {
        float: left;
        display: inline;
        padding-right: 10px;
    }

    #family_here .family-copy {
        float: left;
        display: inline;
        width: 400px;
        overflow: auto;
        margin: 0 0 0;
    }


#bannerBar {
    margin: 0 0 25px;
}



#coffee_cup {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    display: inline;
}

#smaland {
    margin: 0 0 0 10px;
    padding: 0 0 0 0;
    float: left;
    display: inline;
}

#monthly_discounts {
    margin: 0 0 0 10px;
    padding: 0 0 0 0;
    float: left;
    display: inline;
}

#ninty_day {
    margin: 0 0 0 10px;
    padding: 0 0 0 0;
    float: left;
    display: inline;
}

    #coffee_cup img, #smaland img, #monthly_discounts img, #ninty_day img {
        float: left;
        display: inline;
        margin: 25px 5px 0 0;
    }

.family_offers_bullets {
    margin: 25px 0 0 0;
    padding: 0;
    width: 60px;
    float: left;
    display: inline;
}


.family_offers_bullets_smal {
    margin: 25px 0 0 0;
    padding: 0;
    width: 60px;
    float: left;
    display: inline;
}

#button_join_it_is_free {
    padding: 8px 0 0 150px;
    background: url("../images/backgrounds/ikea-family-bottom.gif") no-repeat 0 0;
}

.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 .roundblue {
    margin: 0 0 0 0;
    padding: 10px 15px 0px 10px;
    background: transparent url("../images/backgrounds/gray_rounded_with_blue.gif") top left no-repeat;
    min-height: 15px;
    text-align: right;
    display: block;
}

.greyrounded .roundorange {
    margin: 0 0 0 0;
    padding: 10px 15px 0 10px;
    background: transparent url("../images/backgrounds/gray_rounded_with_orange.gif") top left no-repeat;
    text-align: right;
    display: block;
    overflow: auto;
    font-size: 12px;
}

.greyrounded p.orangelink {
    font-size: 12px;
    padding: 0 0 4px 20px;
}

.greyrounded p.enroll-info {
    font-size: 12px;
    padding: 12px 0 4px 20px;
}


.orangelink a {
    font-weight: bold;
    color: #f28231;
}

    .orangelink a:hover {
        color: #eda571;
    }

a.orangelink-hdr {
    font-weight: bold;
    color: #f28231;
}

    a.orangelink-hdr:hover {
        color: #eda571;
    }

/*Family Button*/
a.family-btn {
    background: #f28231;
    display: block;
    cursor: pointer;
    color: #ffffff;
    font-family: Verdana;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase;
    width: 175px;
    text-align: center;
}

    a.family-btn:hover {
        background: #f28231;
        color: #ffffff;
    }


    a.family-btn:after {
        content: "\25BA\00a0";
        color: #ffce00;
        padding-left: 3px;
        font-family: none;
    }

.greyround-title {
    padding: 0 8px 0 18px;
    font-size: 13px;
    font-weight: bold;
    position: relative;
    color: #000;
}

.greyrounded p {
    color: #666;
    padding: 0 16px 0 30px;
}

.roundblue p {
    color: #FFF;
    padding: 0 16px 0 30px;
}

.greyrounded p.header {
    color: #666;
    padding: 0 0 4px 20px;
    margin-bottom: 0;
}

.roundblue p.header {
    color: #FFF;
    padding: 0 0 4px 20px;
    margin-bottom: 0;
}

p.header {
    font-weight: bold;
}

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

.greyrounded .roundblue a {
    display: block;
    padding-bottom: 6px;
    color: #FFF;
}

.greyrounded .roundblue h3 {
    display: block;
    margin: 0;
    padding: 0 0 6px 15px;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    float: left;
}

.greyrounded .roundorange h3 {
    display: block;
    margin: 0;
    padding: 0 0 6px 15px;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    float: left;
}

}

.orangelink a {
    color: #f68326;
}

/* ------ 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;
    overflow: auto;
}

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


h2.envelope {
    background: transparent url("../images/icons/envelope.gif") bottom left no-repeat;
    padding: 0 0 0 30px;
    margin: 0;
}

#catalogfields {
    display: none;
}

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

#catalog-options {
    margin-top: 10px;
    padding: 0 0 0 21px;
    width: 100%;
    clear: left;
}

    #catalog-options span {
        font-size: 9px;
        display: block;
    }

#catalog-text span {
    font-size: 9px;
    display: block;
}

.nonActive label {
    color: #dcdcdc;
}

#catalog-options label {
    display: block;
    width: 270px;
    margin-top: 2px;
}

.tabbedform {
    display: block;
    padding: 20px 10px 20px 20px;
    width: 308px; /* actual 338 */
    margin: 0 0 20px 0;
    color: #7f7f7f !important;
    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 p.second {
            margin-top: 15px;
            padding: 0;
        }

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

    .tabbedform select {
        width: 283px;
        margin-top: 3px;
        padding: 0;
        height: 20px;
    }

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

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

select {
    margin-top: 3px;
    padding: 0 0 0 2px;
    height: 20px;
}

option {
    padding-left: 2px;
}
/**************************************HERE************************************************************/


/* COUNTRY */

#countrySelect {
    float: left;
    width: 100px;
    margin-right: 15px;
    position: relative;
}

    #countrySelect .highlighted {
        width: 100px;
    }

    #countrySelect label {
        display: block;
        margin-top: 6px;
    }

    #countrySelect select {
        width: 100px;
        margin-top: 2px;
        height: 20px;
        line-height: 25px !important;
        padding: 0 0;
    }

    #countrySelect option {
    }

/* ZIP */
#zipfields {
    float: left;
    width: 100px;
    position: relative;
    padding-top: 5px;
}

    #zipfields .highlighted {
        width: 100px;
    }

input.zip {
    width: 58px;
    display: block;
}

/*POSTAL CODE*/
#postalfieldsCanada {
    float: left;
    width: 100px;
    position: relative;
}

    #postalfieldsCanada .highlighted {
        width: 100px;
    }

    #postalfieldsCanada input {
        width: 40px;
        margin-top: 1px;
        text-transform: uppercase;
    }



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;
    border: none !important;
    padding: 0 !important;
}

.checkboxes label {
    float: left;
    padding-left: 5px;
    display: inline;
    margin-bottom: 4px;
    width: 260px;
    font-size: 11px;
}

.checkboxes span {
    display: block;
    font-size: 9px;
}

span.radiobuttons {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    overflow: auto;
}

.radiobuttons input {
    width: 1.6em;
    float: left;
    display: inline;
    border: none !important;
    padding: 0 !important;
}

.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 20px 10px 0;
}

    #sms_disclaimer_bottom p {
        font-size: 9px;
        line-height: 10px;
        color: #000;
    }

    #sms_disclaimer_bottom b {
        color: #000;
    }

.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.profilelegal {
    width: 350px;
}

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: none;
    }

div.optouts {
    margin-left: 30px;
}

.optoutboxes input {
    background: none;
}

.optoutboxes label {
    padding-left: .5em;
    line-height: 2em;
}
/* ---------------------- misc formatting ------------------*/

.hidden, .print_only {
    display: none;
}

.hiddenAlso {
    display: none !important;
}


.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 {
        color: #9ecefc;
        text-decoration: none;
    }

.close {
    float: right;
    padding-bottom: 10px;
}

#flash-container {
    position: relative;
    top: -25px;
    left: 15px;
}

/*COUPON CALLOUT*/

#request-coupon {
    padding: 20px 50px 0 15px;
}

    #request-coupon h1 {
        color: #000;
        font-size: 24px;
        font-weight: bold;
        margin-left: 8px;
        /*font-family:"Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;*/
    }

sub,
sup {
    font-size: 50%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}


.coupon {
    margin-left: -15px;
}

/*MODAL (coupon)*/
#overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#modal {
    position: absolute;
    padding: 10px;
    margin: 0;
    border: 2px solid #2AA6F7;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
}

#content {
    background: #fff;
    width: 275px;
    padding: 20px;
}

    #content h1 {
        color: #000000;
        font-size: 24px;
        font-weight: bold;
        padding: 0;
        margin: 0 0 10px 8px;
    }

    #content h2 {
        text-align: left;
        font: normal normal bold 20px/130% Verdana, Arial, sans-serif;
        padding: 0;
        padding: 0 0 5px;
        color: #006BB6;
    }

    #content h3 {
        text-align: left;
        font: normal normal normal 16px/120% Verdana, Arial, sans-serif;
        padding: 0 0 20px;
        margin: 0;
    }

    #content p {
        text-align: center;
        font: normal normal normal 18px/110% Verdana, Arial, sans-serif;
        color: #000;
    }

#close {
    position: absolute;
    background: url("../images/icons/close.png") 0 0 no-repeat;
    width: 24px;
    height: 27px;
    text-indent: -9999px;
    /*top: -18px;
    right: -25px;*/
    top: 5px;
    right: 5px;
    cursor: pointer;
    outline: 0 !important;
    border: 0;
}

/*MODAL CONTENT*/

h1 sup {
    vertical-align: baseline;
    position: relative;
    top: -10px;
}

#modal-content {
    overflow: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding-right: 30px;
}

#meatballs {
    border: 2px dashed #000;
    padding: 10px 25px 5px 160px;
    position: relative;
    width: 441px;
    margin: 40px auto 0 auto;
}

    #meatballs h1 {
        font: normal normal bold 20px/130% Verdana, Arial, sans-serif;
        color: #000;
        padding: 0;
    }

    #meatballs h2 {
        font: normal normal normal 13px/120% Verdana, Arial, sans-serif;
        color: #000;
        padding: 0 0 10px;
        margin: 0;
    }


    #meatballs p {
        font: normal normal normal 9px/110% Verdana, Arial, sans-serif;
        color: #666;
        padding: 0 0 20px;
    }

    #meatballs .valid-date {
        font: normal normal bold 12px/120% Verdana, Arial, sans-serif;
        color: #000;
        padding: 0 0 20px;
        margin: 0;
    }

    #meatballs .legal-coupon {
        font: normal normal bold 8px/8px Verdana, Arial, sans-serif;
        color: #000;
    }

    #meatballs .coupon-code {
        font: normal normal bold 12px/12px Verdana, Arial, sans-serif;
        color: #000;
    }


.meatball {
    position: absolute;
    top: 45px;
    left: 0;
}


.ikea-sm {
    position: absolute;
    bottom: 25px;
    right: 0;
    padding: 0 40px 0 0;
}

.bottom-left {
    position: absolute;
    bottom: 5px;
    left: 0;
    font: normal normal bold 12px/12px Verdana, Arial, sans-serif;
    color: #000;
    padding: 0 0 0 8px;
}


.coupon-code {
    position: absolute;
    top: 7px;
    right: 0;
    padding: 0 7px 0 0;
}

.btn {
    /*padding:25px 0 0 150px;*/
    margin: 25px auto 0 auto;
}

.btn-container {
    width: 880px;
    position: relative;
    overflow: auto;
}

.print-btn {
    margin: 25px auto 0 auto;
    display: block;
    border: none;
}

.maxed {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #EE2C2C;
    padding: 25px 0;
}

#back {
    font-size: 14px;
    padding: 10px 0 0 15px;
}



/*FAMILT OPTIN*/

#questionfields {
    padding: 18px 0 0;
}

    #questionfields input, #questionfields select, #questionfields label {
        display: inline;
    }

    #questionfields input {
        width: 20px;
        margin-top: 3px;
    }

    #questionfields label {
        padding: 3px 0 3px 2px;
    }

        #questionfields label span {
            font-size: 10px;
            color: #EE2C2C;
            cursor: pointer;
            padding-left: 10px;
        }

.moving, .rent {
    margin: 0 0 10px;
}

#movingFollowUp, #rentFollowUp {
    margin: 0 0 10px 0;
    display: none;
}

    #rentFollowUp select, #rentFollowUp label {
        display: block;
    }

#familyFields {
    margin: 0 0 10px 0;
    display: none;
}

    #familyFields label {
        display: block;
    }

    #familyFields input, #familyFields select {
        display: block;
        width: 283px;
    }

#birthDate label {
    display: block;
}

#birthDate select {
    display: inline;
}

select.byField {
    width: 100px !important;
}

select.bmField {
    width: 100px !important;
}

select.bdField {
    width: 65px !important;
}

.submitBtn {
    margin: 20px 0 0;
}

#smsLegal {
    font-size: 9px;
}

/*TIP TIP*/
#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

    #tiptip_holder.tip_top {
        padding-bottom: 5px;
    }

    #tiptip_holder.tip_bottom {
        padding-top: 5px;
    }

    #tiptip_holder.tip_right {
        padding-left: 5px;
    }

    #tiptip_holder.tip_left {
        padding-right: 5px;
    }

#tiptip_content {
    font-size: 11px;
    color: #000000;
    padding: 15px;
    border: 1px solid #ff6600;
    background-color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

    #tiptip_content span {
        color: #3399ff;
    }

#tiptip_arrow, #tiptip_arrow_inner {
    display: none;
    visibility: hidden;
}

#familyMessage {
    color: #ff6600 !important;
}

/*Not Family Enrolled*/
#family-enroll {
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-left: 0 solid #ffffff;
    border-right: 0 solid #ffffff;
    border-style: dotted solid;
    padding: 16px 0;
    overflow: auto;
    margin-top: 20px;
}

    #family-enroll ul {
        list-style: none;
        padding: 0;
        margin: 0 0 16px;
    }

    #family-enroll li {
        padding-left: 12px;
        text-indent: -10px;
        font-size: 13px;
        color: #666666;
    }

        #family-enroll li:before {
            content: "\002022  ";
            color: #F28231;
        }

.family-content {
    padding-bottom: 16px;
    float: left;
    width: 315px;
    padding-left: 15px;
}

.family-word-bbl {
    float: left;
    background: #fff url('../images/backgrounds/family-word-bbl.gif') no-repeat 0 0;
    width: 132px;
    height: 82px;
    padding: 50px 0 0 25px;
    font-size: 19px;
    line-height: 16px;
    font-weight: bold;
    color: #ffffff;
}

.family-legal {
    margin-top: 25px;
}

    .family-legal p {
        font-size: 10px;
        color: #000000;
    }

    .family-legal a {
        color: #000000;
        text-decoration: none;
    }

        .family-legal a:hover {
            color: #000000;
            text-decoration: underline;
        }

/*Family Enrolled*/
#family-enrolled {
    background: #f28231 url('../images/logos/family-logo.png') no-repeat 24px 18px;
    padding: 59px 24px 16px;
    position: relative;
    margin-top: 20px;
}

    #family-enrolled h2 {
        font-size: 20px;
        line-height: 18px;
        margin: 0;
        padding-bottom: 8px;
        text-transform: uppercase;
        color: #ffcf00;
        font-weight: normal;
    }


a.family-lnk, a.family-lnk:hover {
    color: #ffffff;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

    a.family-lnk:after {
        content: "\25BA\00a0";
        color: #ffce00;
        padding-left: 3px;
        font-family: none;
    }

.better-text {
    position: absolute;
    top: 20px;
    right: 17px;
    width: 69px;
    height: 54px;
    background: url('../images/backgrounds/better-text-bbl.png') no-repeat 0 0;
    color: #f28231;
    font-size: 16px;
    line-height: 14px;
    font-weight: bold;
    padding: 17px 0 0 15px;
}

#card-number {
    background: #f28231;
    text-align: center;
    padding: 13px 0 20px;
}

    #card-number h2 {
        font-size: 20px;
        line-height: 18px;
        font-weight: bold;
        color: #ffffff;
        margin: 0 0 8px;
    }

    #card-number span {
        background: #ffffff;
        display: block;
        padding: 8px;
        color: #000;
        font-size: 24px;
        line-height: 22px;
        font-weight: normal;
        width: 80%;
        margin: 0 auto;
    }

.card-below {
    margin-top: 20px;
}

    .card-below p {
        color: #000;
        font-size: 11px;
        line-height: 13px;
    }

        .card-below p.first {
            font-size: 14px;
            line-height: 17px;
        }

#social-media {
    overflow: auto;
    padding: 8px 0 25px;
    margin-top: 20px;
}

    #social-media img {
        float: left;
        padding-right: 10px;
    }

.first-icon {
    margin-left: 214px;
}

#social-media h2 {
    font-weight: bold;
    font-size: 12px;
    color: #000;
    margin: 10px 0;
    padding: 0;
}

.blue-catalog {
    width: 475px;
    padding: 30px 25px 15px;
    background: #3cc7f2;
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
    margin-top: 24px;
}

    .blue-catalog p {
        font-size: 14px;
        line-height: 18px;
        color: #ffffff;
    }

    .blue-catalog h2 {
        color: #ffffff;
        font-size: 26px;
        padding-bottom: 18px;
        font-weight: bold;
    }

    .blue-catalog b {
        color: #ffffff;
    }

    .blue-catalog h2 sup {
        font-size: 14px;
    }

.main-logo {
    padding: 27px 38px 38px 29px;
}