/* Sony Store Homepage Retouch
 *
 * Author: JK
 * Date:   07.11.2011
 *
 */

/* TEMPORARY HOMEPAGE ONLY STROKE OVERRIDE */
#sonyStyleWebsite {
    border-left:  none;
    border-right:  none;
}
/* END TEMPORARY OVERRIDE */

.homepage {
    background-color: #fff;
    padding-bottom: 1px;
}
    .homepage .heroSpace {
        width: 960px;
        height: 400px;
        position: relative;
    }
        .singleHero,
        .multiHero {
            padding: 0;
            margin: 0;
            list-style-type: none;
        }
            .homepageHero {
                position: absolute;
                width: 960px;
                height: 400px;
                z-index: 1;
            }
                .default {z-index: 2;}
                .homepageHero .heroCTA {
                    display:block;
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0;
                    margin: 0;
                    padding:  0;
                }
				/* specify homepage CSS to have no background image versus applying global CSS CTALink background property */
				.homepageHero .CTALink, a.CTALink:visited, a.CTALink:hover {background: none;}

            #hpHero1 {background: url(/wcsstore/SonyStyleCanadaStorefront/img/home/heroes/ss_hp_hero_valentineOffer.jpg);}
                #hpHero1 .heroCTA {}
            #hpHero2 {background: url(/wcsstore/SonyStyleCanadaStorefront/img/home/heroes/ss_hp_hero_F2012_promo_cto.jpg);}
                #hpHero2 .heroCTA {}
            #hpHero3 {background: url(/wcsstore/SonyStyleCanadaStorefront/img/home/heroes/ss_hp_hero_2012_psvita.jpg);}
                #hpHero3 .heroCTA {}
			#hpHero4 {background: url(/wcsstore/SonyStyleCanadaStorefront/img/home/heroes/ss_hp_hero_2012_zWalkman.jpg);}
                #hpHero4 .heroCTA {}	

            .active {z-index:2;}

        .homepage .pager {
            position: absolute;
            z-index: 4;
            left: 8px;
            top: 345px;
            padding: 20px;
        }
            .homepage .pager span {
                display: block;
                float: left;
                width: 17px;
                height: 17px;
                margin: 0 6px 0 0;
                background: transparent url(/wcsstore/SonyStyleCanadaStorefront/img/home/ss_hp_paginationCircles.png) no-repeat;
                background-position: left top;
                cursor: pointer;

                text-indent: -900em;
            }

            .homepage .pager .active {
                background-position: left bottom;
            }

    .homepage .highlightProducts {}
        .highlightProducts .sectionHeader {
            background: url(/wcsstore/SonyStyleCanadaStorefront/img/home/ss_hp_hero_separator.png) no-repeat scroll center 1px;
            padding: 40px 0 0 0;
        }
            .highlightProducts .sectionTitle {
                width: 300px;
                height: 27px;
                margin: 0;
                padding: 0;
                background: url(/wcsstore/SonyStyleCanadaStorefront/img/home/ss_hp_shopSpecialOffers.png) no-repeat scroll left top;
            }

        .featureSpots {
            position: relative;
            list-style-type: none;
            margin: 12px 0 0 -340px;
            padding: 0;
            width: 1300px;
        }
            .featureProduct {
                position: relative;
                margin: 0 0 16px 340px;
                float: left;
                width: 310px;
                height: 310px;
                overflow: visible;
                cursor: pointer;
                background: #f1f1f1;
            }
                .featureLink {
                    outline: none;
                    border: none;
                }

                .featureImage {
                    position: absolute;
                    top: 0;
                    z-index: 1;
                    outline: none;
                    border: none;
                }

                #hpFeature1 .featureImage {}
                #hpFeature2 .featureImage {}
                #hpFeature3 .featureImage {}
                #hpFeature4 .featureImage {}

                .featureInfoOverlay {
                    position: absolute;
                    bottom: 0%;
                    width: 100%;
                    height: 33px;
                    color: #fff;
                    z-index: 2;

                    background: url(/wcsstore/SonyStyleCanadaStorefront/img/home/ss_hp_productFeatureBgDragon.png) no-repeat left top;
                    overflow: hidden;
                }
                    .featureInfo {
                        padding-top: 10px;
                        padding-right: 30px;
                        padding-bottom: 24px;
                        padding-left: 30px;
                    }
                        .infoHeader {
                            font-size: 17px;
                            line-height: 12px;
                            margin: 0;
                            /*margin-left: 30px;*/
                        }

                        .expandCTA {
                            float: right;
                            color: #ffffff;
                        }

                        .infoCopy {
                            font-size: 12px;
                            margin-bottom: 0;
                        }

            .featureLifestyle {
                clear: both;
                position: absolute;
                top: 0;
                left: 665px;
                width: 310px;
                height: 637px;
                background: url(/wcsstore/SonyStyleCanadaStorefront/img/home/products/ss_hp_valentines_lifestyle.jpg) no-repeat left top;
            }
                .fullImageLink {
                    width: 100%;
                    height: 100%;
                }

    .homePage #newFromSony {}
 		#newFromSony .sectionHeader {padding: 25px 0 0;}
		.sectionHeader #hpHighlightPromosHeader {
		    background: url(/wcsstore/SonyStyleCanadaStorefront/img/home/ss_hp_theSonyStoreAdvantage.png) no-repeat scroll 0 0 transparent;
		    height: 27px;
		    width: 350px;
		    margin: 0;
		}

		.promoModules {
		    clear: both;
		    height: 252px;
		    list-style-type: none;
		    margin-bottom: 0;
		    margin-left: -15px;
		    margin-top: 0;
		    padding: 0;
		    position: relative;
		    width: 975px;
		    display: block;
		}

	        .promoModule {
	            position: relative;
	            float: left;
	            margin: 12px 0 0 15px;
	            padding: 0;
	            background: #f1f1f1;
	            width: 310px;
	            height: 200px;
	            color: #333;
	            text-align: center;
	        }
	            .promoHeader {
	                font-size: 15px;
	                font-weight: bold;
	                margin:  15px 0 0;
	            }
	            .promoCopy {margin:  0;}
	            .promoLink {
	                position: absolute;
	                left: 0;
	                top: 0;
	                outline: none;
	                border: none;
	            }
	                .promoImg {
	                    outline: none;
	                    border: none;
	                }

    /* 'THE SONY STORE ADVANTAGE' STYLES */
    /*#homepageSonyStoreAdvantage {padding: 0 0 0 28px; margin: 0;}
        #hpSonyStoreAdvantageHeader {
            background: url('../img/home/ss_hp_SonyStoreAdvantage.png') no-repeat transparent;
            height: 18px;
            width: 231px;
            margin: 0 0 10px 0;
        }*/
    #theSonyStoreAdvantage {padding: 0 0 28px 28px; margin: 0;}
        #sonyStoreAdvModList {list-style-type: none; margin: 0; padding: 0;}
        #sonyStoreAdvModList .sonyStoreAdvModule {
            display: block;
            float: left;
            width: 182px;
            height: 62px;
            background: url('../img/home/ss_hp_separator.jpg') right no-repeat;
            margin: 0 26px 0 0;
            padding: 15px 25px 0 0;
            position: relative;
            width: 182px;
        }
        #sonyStoreAdvModList .sonyStoreAdvModuleLast {background: none;}

        #sonyStoreAdvModList .sonyStoreAdvModule .whySonyStoreLinks {
            background: url('../img/home/ss_hp_badges.png') transparent no-repeat;
            display: block;
            height: 44px;
            width: 45px;
            margin: 0 8px 0 0;
            float: left;
        }
        #sonyStoreAdvModList .sonyStoreAdvModule #whySonyStoreLinks-shopWithConfidence      {background-position: 0 0;}
        #sonyStoreAdvModList .sonyStoreAdvModule #whySonyStoreLinks-freeDelivery            {background-position: -48px 0;}
        #sonyStoreAdvModList .sonyStoreAdvModule #whySonyStoreLinks-onlineCoupons           {background-position: -96px 0;}
        #sonyStoreAdvModList .sonyStoreAdvModule #whySonyStoreLinks-testimonials            {background-position: -144px 0;}

            .whySonyStoreHeader{}
                a.whySonyStoreHeader:link, a.whySonyStoreHeader:active, a.whySonyStoreHeader:visited {
                    text-decoration: none;
                    background: none repeat scroll 0 0 transparent;
                    color: #333333;
                    display: block;
                    font-weight: bold;
                    height: 100%;
                    margin: 0;
                    padding: 0;
                    position: relative;
                }
                a.whySonyStoreHeader:hover {color: #61b5eb; text-decoration: underline;}
            .sonyStoreAdvModTitle   {font-size: 13px; color: #333; margin: 0; padding: 0; width: 141px; position: absolute; left: 60px; top: 12px;}
                .sonyStoreAdvModTitle .CTALink {}
            .sonyStoreAdvModCopy    {font-size: 12px; color: #666; margin: 0; padding: 0; position: absolute; width: 132px; left: 60px; top: 30px;}

/*LL - HOLIDAY CTA*/
#holidayCTA {
    background: url(/wcsstore/SonyStyleCanadaStorefront/img/holiday/holiday_ribbon.png) no-repeat 0 0;
    width: 260px;
    height: 40px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 40px;
    left: 0;
    float:left;
    z-index: 888;
    *position:absolute;
}