﻿
#ecomLite {
    height: 25px;
    width: 240px;
}

.prodDetail.prodName {
    font-weight: normal;
    font-size: 25px;
    color: gray;
}

.prodDetail.prodSubname {
    font-weight: normal;
    font-size: 26px;
    padding-bottom: 10px;
}

#divProduct {
    width: 473px;
    text-align: right;
    /* border:1px solid red; */
    font-family: Arial;
    padding: 22px 0 0 0;
}

#divProductImage {
    float: left;
    display: block;
    background-color: #FFCC00;
    width: 225px;
    text-align: center;
}

#divProductDetails {
    float: left;
    text-align: right;
    width: 100px;
    background-color: #CC00FF;
    display: block;
}

    #divProductDetails h2 {
        font-weight: bold;
    }

#divProductATCLeft {
    padding: 0px 0px 0px 20px;
    margin: 6px 0px 5px 0px;
    float: left;
    width: 370px;
    text-align: left;
    font-size: 12px;
}

    #divProductATCLeft * {
        margin: 1px 0px;
    }

#divProductATCRight {
    margin: 6px 0px 0px 0px;
    float: right;
    width: 83px;
    text-align: left;
    font-size: 12px;
}

#divOtherProducts {
    text-align: left;
}

    #divOtherProducts h3, .divOrange {
        border: 1px solid #FFFFFF;
        background-color: #FF9933;
        padding: 3px 0px 3px 20px;
        color: #ffffff;
        float: left;
        width: 451px;
        font-size: 12px;
    }

    #divOtherProducts h3 {
        margin: 0px 0px 4px 0px;
    }

.divOrange {
    border: none;
    margin: 4px 0px 18px 0px;
    padding: 4px 8px;
    width: 455px;
}

.ulRelPages {
    font-weight: bold;
    /*--list-style:none;--*/
}

    .ulRelPages li {
        font-weight: normal;
    }

.lnkAdditional {
    float: right;
    padding: 2px 5px;
    margin: 1px 2px;
    border: 1px solid #CCCCCC;
}

    .lnkAdditional:hover {
        float: right;
        padding: 2px 5px;
        margin: 1px 2px;
        border: 1px solid #FF0000;
        background: #FFFFFF;
    }

.divSep {
    padding: 0px 0px 0px 20px;
    margin: 2px 0px;
    float: left;
    width: 440px;
}

.divCol380 {
    float: left;
    width: 370px;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
}

.divCol48 {
    float: left;
    width: 58px;
    font-size: 12px;
}

.checkAdd {
    font-weight: bold;
}

    .checkAdd input {
        vertical-align: middle;
    }

.txtSave {
    padding: 0px 0px 0px 0px;
    color: #FF0000;
}

#productOptions {
    float: right;
    display: block;
    margin: 0px;
}

    #productOptions img {
        padding: 0px;
        margin: 0px;
        vertical-align: bottom;
    }

    #productOptions a {
        padding: 0px;
        margin: 0px;
    }

.otherWays {
    padding: 2px 8px 2px 0px;
    background-color: #33CCCC;
    width: auto;
    display: block;
    float: right;
    clear: both;
    overflow: hidden;
    font-size: 10px;
}

    .otherWays a, .otherWays a:link.otherWays a:hover.otherWays a:visited.otherWays a:active {
        padding: 2px 8px 2px 0px;
        text-decoration: none;
    }

    .otherWays img {
        vertical-align: middle;
    }

.divPromoCountdown {
    width: 208px;
    height: 32px;
    display: block;
    float: right;
    border: 1px solid #FFFFFF;
    margin: 1px 0px 0px 2px;
    font-weight: bold;
    font-size: 1.1em;
}

    .divPromoCountdown #countDown {
        vertical-align: top;
        float: left;
    }

    .divPromoCountdown #timeLeft {
        vertical-align: top;
        padding-left: 8px;
        float: left;
    }

    .divPromoCountdown p {
        text-align: left;
        padding: 0px 0px 0px 13px;
        margin: 0px;
        width: 82px;
        display: block;
        float: left;
    }

.productColors {
    clear: both;
    float: left;
    margin: 16px 0px 9px 0px;
}

    .productColors p {
        text-align: left;
        margin: 0px 0px 0px 0px;
    }

    .productColors img {
        float: left;
        margin: 0px 4px 0px 0px;
    }

.prodHomeTitle {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #007dcc;
}

    .prodHomeTitle A:link {
        text-decoration: none;
        font-weight: bold;
        color: #8f8f8c;
    }

    .prodHomeTitle A:visited {
        text-decoration: none;
        font-weight: bold;
        color: #8f8f8c;
    }

    .prodHomeTitle A:active {
        text-decoration: none;
        font-weight: bold;
        color: #8f8f8c;
    }

    .prodHomeTitle A:hover {
        text-decoration: none;
        font-weight: bold;
        color: #8f8f8c;
    }

.prodFaqTitle {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #007dcc;
}

    .prodFaqTitle A:link {
        text-decoration: none;
        font-weight: bold;
        color: #007dcc;
    }

    .prodFaqTitle A:visited {
        text-decoration: none;
        font-weight: bold;
        color: #8f8f8c;
    }

    .prodFaqTitle A:active {
        text-decoration: none;
        font-weight: bold;
        color: #8f8f8c;
    }

    .prodFaqTitle A:hover {
        text-decoration: none;
        font-weight: bold;
        color: #8f8f8c;
    }

.prodHomeSubCat {
    font-family: Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    color: #8F8F8C;
}




/*///////////////////Pantone Universe */
#JCPlink {
    cursor: pointer;
    height: 300px;
}

    #JCPlink a {
        display: block;
        height: 100%;
        width: 100%;
        text-decoration: none;
    }

.pantoneUniv {
    padding-left: 20px;
    font-family: 'HelvLt', Helvetica, Arial, sans-serif;
    !important width:905px;
    height: 341px;
    color: #616b6b;
    margin: 10px 0px 0px 0px;
}

#pantoneUnivJCP {
    background: url(/images/pantoneUniverse/bed.jpg) no-repeat top left;
}

#pantoneUnivRCHGN {
    background: url(/images/pantoneUniverse/rmCopenhagenBg.jpg) no-repeat top left;
}

#pantoneUnivSEPHORA {
    background: url(/images/pantoneUniverse/sephoraBg.jpg) no-repeat top left;
}

#pantoneUnivLOWES {
    background: url(/images/pantoneUniverse/lowesBg.jpg) no-repeat top left;
}

    #pantoneUnivLOWES h2 {
        margin: 0px;
        font-family: 'HelvCnBld', Helvetica, Arial, sans-serif;
        color: #000;
    }

#pantoneUnivIcewatch {
    background: url(/images/pantoneUniverse/icewatchBg.jpg) no-repeat top left;
}

    #pantoneUnivIcewatch h2 {
        margin: 0px;
        font-family: 'HelvCnBld', Helvetica, Arial, sans-serif;
        color: #000;
    }

.pantoneUniv {
    -webkit-font-smoothing: antialiased;
    font-weight: 100;
    font-size: 14px;
}

    .pantoneUniv p {
        font-family: 'HelvRom', Helvetica, Arial, sans-serif;
        font-weight: normal !important;
    }

#pantoneUnivIcewatch p {
    font-size: 13px;
    color: #000;
}

div.pantoneUniv > div {
    width: 428px;
    display: inline-block;
}

div#pantoneUnivSEPHORA.pantoneUniv > div {
    width: 494px;
}

.pantoneUniv h2, .tile h4 {
    -webkit-font-smoothing: antialiased;
    margin: 5px 0px;
    font-weight: normal;
}

.tile h4 {
    font-family: 'HelvBld', Helvetica, Arial, sans-serif;
    !important margin:0px;
    clear: both;
}

.pantoneUniv h2, #lowesLogo h2 {
    border-bottom: 0px;
    font-weight: normal;
    font-size: 22px;
    margin-left: 5px;
}

.pantoneUniv #logos {
    width: 100%;
    display: inline-block;
    margin: 20px 0px 20px 0px;
}

#pantoneUnivLogo {
    width: 294px;
    height: 71px;
    background: url(/images/pantoneUniverse/pantoneUnivLogo.png) no-repeat top;
    float: left;
}

#jcpLogo, #rmCopenhagenLogo, #sephoraLogo, #lowesLogo, #icewatchLogo {
    width: 71px;
    height: 71px;
    float: right;
}

#icewatchLogo {
    width: 84px;
}

#jcpLogo {
    background: url(/images/pantoneUniverse/jcpenneyLogo.png) no-repeat top;
}

#rmCopenhagenLogo {
    background: url(/images/pantoneUniverse/rmCopenhagenLogo.png) no-repeat top;
}

#sephoraLogo {
    background: url(/images/pantoneUniverse/sephoraLogo.png) no-repeat top;
    width: 171px;
    height: 27px;
    margin-top: 23px;
}

#lowesLogo {
    background: url(/images/pantoneUniverse/lowesLogo.png) no-repeat bottom;
    height: 71px;
    width: 108px;
    text-align: center;
}

#icewatchLogo {
    background: url(/images/pantoneUniverse/icewatchLogo.png) no-repeat top;
}

#lowesLogo h2 {
    font-family: 'HelvLt', Helvetica, Arial, sans-serif;
    color: #004990;
    font-weight: normal;
    font-size: 21px;
}

#tiles {
    width: 100%;
    margin: 25px 0px 25px 0px;
    height: 227px;
    color: #616b6c;
}

    #tiles .tile {
        background-color: #fff;
        display: inline-block;
        width: 222px;
        margin: 0px 4px 0px 4px;
        height: 222px;
        border: 1px solid #616b6c;
        padding: 0px;
        position: relative;
        display: inline;
        vertical-align: top;
        -ms-zoom: 1;
        zoom: 1;
        float: left;
    }

.tile .image {
    width: 120px;
    margin: 10px auto;
    height: 120px;
}
    /*///////////////////JCP product Images */
    .tile .image.bath {
        background: url(/images/pantoneUniverse/bath.jpg) no-repeat top;
    }

    .tile .image.bedding {
        background: url(/images/pantoneUniverse/bedding.jpg) no-repeat top;
        margin-top: 0px;
        float: right;
        width: 171px;
        height: 130px;
    }

    .tile .image.pillow {
        background: url(/images/pantoneUniverse/pillow.jpg) no-repeat top;
    }

    .tile .image.lotion {
        background: url(/images/pantoneUniverse/lotion.jpg) no-repeat top;
    }


    /*///////////////////Room Copenhagen product Images */

    .tile .image.cup {
        background: url(/images/pantoneUniverse/rmCopenhagen/cup.jpg) no-repeat top;
    }

    .tile .image.placemat {
        background: url(/images/pantoneUniverse/rmCopenhagen/placemat.jpg) no-repeat top;
        float: right;
        width: 222px;
    }

    .tile .image.keytray {
        background: url(/images/pantoneUniverse/rmCopenhagen/keytray.jpg) no-repeat top;
        float: right;
        width: 222px;
    }

    .tile .image.dipbowl {
        background: url(/images/pantoneUniverse/rmCopenhagen/dipbowl.jpg) no-repeat top;
        float: right;
        width: 222px;
    }

    /*///////////////////Sephora product Images */

    .tile .image.block {
        background: url(/images/pantoneUniverse/sephora/block.jpg) no-repeat top;
    }

    .tile .image.wands {
        background: url(/images/pantoneUniverse/sephora/wands.jpg) no-repeat top;
        float: right;
        width: 222px;
    }

    .tile .image.brushRoll {
        background: url(/images/pantoneUniverse/sephora/brushroll.jpg) no-repeat top;
        float: right;
        width: 222px;
    }

    .tile .image.COYcollection {
        background: url(/images/pantoneUniverse/sephora/coy.jpg) no-repeat top;
        float: right;
        width: 222px;
    }

    /*///////////////////Lowes product Images */
    .tile .image.fitDiv {
        width: 222px;
        height: 189px;
        margin: 0px;
    }

    .tile .image.dresser {
        background: url(/images/pantoneUniverse/lowes/dresser.jpg) no-repeat top;
    }

    .tile .image.jar {
        background: url(/images/pantoneUniverse/lowes/jar.jpg) no-repeat top;
    }

    .tile .image.orangeTable {
        background: url(/images/pantoneUniverse/lowes/orangeTable.jpg) no-repeat top;
    }

    .tile .image.fanGuide {
        background: url(/images/pantoneUniverse/lowes/fanGuide.jpg) no-repeat top;
    }
    /*///////////////////Icewatch product Images */
    .tile .image.fitDiv {
        width: 222px;
        height: 189px;
        margin: 0px;
    }

    .tile .image.dazzlingBlue {
        background: url(/images/pantoneUniverse/icewatch/dazzlingBlue.jpg) no-repeat top;
    }

    .tile .image.tileBlue {
        background: url(/images/pantoneUniverse/icewatch/tileBlue.jpg) no-repeat top;
    }

    .tile .image.lemonChrome {
        background: url(/images/pantoneUniverse/icewatch/lemonChrome.jpg) no-repeat top;
    }

    .tile .image.jazzy {
        background: url(/images/pantoneUniverse/icewatch/jazzy.jpg) no-repeat top;
    }

.tile .footer, .ui-btn {
    background: #F1EEEE url(/images/pantoneUniverse/hover01.png) no-repeat 0px -6px;
    width: 100%;
}

.tile .footer {
    bottom: 0px;
    position: absolute;
}

    .tile .footer a, #EccomerceLanding .ui-btn a, .ui-btn a {
        text-decoration: none;
        padding-top: 9px;
        text-align: center;
        height: 24px;
        color: #d04684;
        font-weight: normal;
        display: block;
    }

    .tile .footer a {
    }

    .tile .footer:hover {
        background: url(/images/pantoneUniverse/hover02.png) no-repeat 0px -6px;
    }

    .tile .footer span.line {
        display: block;
        height: 1px;
        background: -moz-linear-gradient(left, #c6c6c6 0%,#8C9491 50%,#c6c6c6 100%);
        background: -webkit-linear-gradient(left, #c6c6c6 0%,#8C9491 50%,#c6c6c6 100%);
        background: linear-gradient(left, #c6c6c6 0%,#8C9491 50%,#c6c6c6 100%);
        width: 100%;
    }

.tile #prodDescrip {
    font-family: 'HelvLt', Helvetica, Arial, sans-serif;
    margin-left: 10px;
}

/*////Products Page///*/

#pvAd {
    overflow: hidden;
    position: relative;
    display: block;
    background: url(/images/pantoneview/03212013_pantoneview_promo.jpg) no-repeat;
    height: 151px;
    width: 227px;
}
/*////Eccomerce Landing Page///*/

#EccomerceLanding {
    color: #656565;
    width: 930px;
    display: block;
    background: url(/images/promos/eccommerce_landingPromo/LandingBg.jpg) no-repeat 0px -1px;
}

    #EccomerceLanding .banner {
        text-align: center;
        background: #e9e8e6 url(/images/promos/eccommerce_landingPromo/04022013_fashionHomeBanner.jpg) no-repeat 0px 0px;
        height: 370px;
        width: 930px;
        position: relative;
    }

        #EccomerceLanding .banner #catchPhrase {
            font-family: HelvCnBld;
            font-weight: normal;
            color: #fff;
            padding-top: 7px;
        }

            #EccomerceLanding .banner #catchPhrase h4 {
                font-size: 30px;
                -webkit-text-shadow: -3px 4px 8px #333;
                text-shadow: -3px 4px 8px #333;
            }

        #EccomerceLanding .banner .footer {
            padding-left: 24px;
            position: absolute;
            bottom: 0;
            color: #000;
            font-family: HelvBld;
            FONT-SIZE: 16px;
            font-weight: normal;
            text-align: left;
            width: 100%;
            line-height: 32px;
        }

    #EccomerceLanding p {
        font-size: 15px;
        font-family: HelvBld;
    }

    #EccomerceLanding a {
        color: #f72290;
        font-size: 15px;
        font-family: HelvRom;
    }

    #EccomerceLanding h4 {
        margin: 0px;
        font-family: HelvCnBld;
        FONT-SIZE: 29px;
        font-weight: normal;
    }

#stickerDescrip {
    padding-top: 10px;
    padding-left: 24px;
    height: 96px;
    background: #E9E8E6 url(/images/promos/eccommerce_landingPromo/04022013_stickerDescripBG.png) no-repeat 0px 0px;
}

#promoBox {
    margin: auto;
    width: 775px;
    border: 1px solid #616b6c;
    text-align: center;
    padding-top: 10px;
    height: 80px;
}


#EccomerceLanding p.label {
    color: #3a3a3a;
    font-size: 9px;
    font-family: HelvRom;
    margin-left: 80px;
    font-style: italic;
}

#demoVideoProdPage {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    top: -226px;
    right: -4px;
}

#EccomerceLanding .banner #demoVideo {
    bottom: 70px;
    right: 249px;
}

#EccomerceLanding .banner #demoVideo, #demoVideoProdPage {
    cursor: pointer;
    font-size: 16px;
    font-family: helvlt;
    height: 8PX;
    color: #FFF;
    position: absolute;
    border: 2px solid #FFF;
    padding: 10px 10px 21px 10px;
    text-align: left;
    width: 208px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    background: #bc9d81;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bc9d81), to(#c09686));
    background: -webkit-linear-gradient(#bc9d81, #c09686);
    background: -moz-linear-gradient(#bc9d81, #c09686);
    background: -ms-linear-gradient(#bc9d81, #c09686);
    background: -o-linear-gradient(#bc9d81, #c09686);
    background: linear-gradient(#bc9d81, #c09686);
}

    #EccomerceLanding .banner #demoVideo .btn_play, #demoVideoProdPage .btn_play {
        bottom: 1px;
        width: 40px;
        height: 36px;
        right: 5px;
        position: absolute;
        background: transparent url(/images/buttons/playbtn.png) no-repeat -30px -20px;
    }

.tile .footer.ui-btn-active, .tile .ui-btn-active, .tile.ui-btn-active .ui-btn {
    background-color: #c939b6;
    color: #fff !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .tile .footer.ui-btn-active a, .tile .ui-btn-active a, .tile.ui-btn-active .ui-btn a {
        color: #fff !important;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

#tiles.twoCol .tile {
    width: 430px;
    height: 235px;
    margin: 0px 7px;
    text-align: center;
}

    #tiles.twoCol .tile .dropShadow {
        bottom: -7px;
        position: absolute;
        z-index: 8;
        display: block;
        width: 279px;
        height: 6px;
        background: url(/images/promos/201303_pantonepluspromo/boxDropShadow.png) no-repeat;
    }

    #tiles.twoCol .tile .image {
        float: left;
        width: 225px;
        height: 200px;
    }

    #tiles.twoCol .tile .rightCol {
        margin-right: 21px;
        float: right;
        height: 165px;
        width: 165px;
        position: relative;
    }

    #tiles.twoCol .tile #prodDescrip {
        position: absolute;
        right: 0px;
        bottom: 0;
        margin: auto;
        font-size: 15px;
        text-align: right;
    }

    #tiles.twoCol .tile .descrip {
        font-family: HelvRom;
        font-weight: normal;
        font-size: 15px;
        display: block;
    }

    #tiles.twoCol .tile #prodDescrip h4 {
        font-size: 18px;
        font-family: HelvBld;
    }

    #tiles.twoCol .tile.center {
        margin: 0em 8px;
    }

#tiles.twoCol {
    height: 250px;
    width: 895px;
    margin: auto;
    margin-top: 10px;
    display: block;
}

#tiles.threeCol .tile {
    width: 279px;
    height: 279px;
    margin: 0px;
    text-align: center;
}

    #tiles.threeCol .tile .dropShadow {
        bottom: -7px;
        position: absolute;
        z-index: 8;
        display: block;
        width: 279px;
        height: 6px;
        background: url(/images/promos/201303_pantonepluspromo/boxDropShadow.png) no-repeat;
    }

    #tiles.threeCol .tile .image {
        width: 225px;
        height: 200px;
        margin: 0em auto;
    }

    #tiles.threeCol .tile.center {
        margin: 0em 8px;
    }

#tiles.threeCol {
    margin-top: 5px;
}



/*////Press Releases///*/

#pressRelease {
}

    #pressRelease h1 {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }

    #pressRelease h2 {
        font-size: 12px;
        font-style: italic;
        font-weight: normal;
        text-align: center;
    }

    #pressRelease ul.sections {
        list-style-type: none;
    }

        #pressRelease ul.sections li {
            list-style-type: none;
            margin: 10px 0px;
        }

        #pressRelease ul.sections h3 {
            margin: 0px;
            font-size: 12px;
            padding: 0px;
            font-family: Arial;
            font-style: normal;
            border-bottom: 0px solid #CCC;
            margin-bottom: 0px;
        }

    #pressRelease ul.sections {
        list-style-type: none;
    }

    #pressRelease .footer {
        text-align: center;
        margin-top: 15px;
    }

    #pressRelease span.timestamp {
        font-weight: bold;
    }

    #pressRelease .leftImg {
        margin: 0px 25px 10px 25px;
        float: right;
        height: 235px;
    }
