﻿
form, body
{
    margin: 0;
    padding: 0;
}

body
{
	background-color:#fff;
    background-image: url(../Images/Backgrounds/bkgMainTrimmed.png);
    background-position: center top;
    background-repeat: no-repeat;
    font-size: 12px;
}

p
{
    font-size: 12px;
}

.TopLeftBackground
{
    background-image: url(../Images/Backgrounds/bkgTopLeft.gif);
    background-repeat: repeat-x;
    background-position: center bottom;
}

.TopRightBackground
{
    background-image: url(../Images/Backgrounds/bkgTopRight.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.MainColumn
{
    width: 960px;
    margin: 0px auto 10px auto;
    clear: both;
}

.LeftColumn
{
    width: 0px;
    float: left;
}

.VIB .LeftColumn
{
    width: 159px;
    float: left;
    margin-left: 12px;
    min-height: 1px;
    font-size: 12px;
}

.RightColumn
{
    width: 780px;
    float: left;
    padding-left: 0px;
}

.VIB .RightColumn
{
    width: 780px;
    float: left;
    padding: 0px;
}

.DefaultTemplate, .AmigoTemplate, .BirthdayTemplate, .OneColumnTemplate
{
    margin-left: 70px;
}

.HomePageTemplate, .CategoryLandingTemplate, .DefaultTemplate, .AmigoTemplate, .BirthdayTemplate, .OneColumnTemplate
{
    padding: 0 0 0 15px;
    width: 940px;
}

.BrandTemplate, .CollectionTemplate, .EmptyTemplate, .GiftCardTemplate, .PromotionalTemplate
{
    margin-left: 70px;
    padding: 0 0 0 10px;
    width: 950px;
}

.HomePageTemplate .TierPromotionArea, .CategoryLandingTemplate .TierPromotionArea
{
    background-color: #f6f6f6;
    height: 290px;
    min-height: 290px;
    padding: 10px;
    width: 920px;
}

.HomePageTemplate .TierPromotionArea .TierAPromotionArea, .CategoryLandingTemplate .TierPromotionArea .TierAPromotionArea
{
    float: left;
    height: 290px;
    min-height: 290px;
    width: 615px;
}

.HomePageTemplate .TierPromotionArea .TierBPromotionArea, .CategoryLandingTemplate .TierPromotionArea .TierBPromotionArea
{
    float: left;
    height: 290px;
    margin-left: 15px;
    min-height: 290px;
    width: 290px;
}

.HomePageTemplate .MainContentArea, .CategoryLandingTemplate .MainContentArea, .CategoryLandingTemplate .CenterLeftArea
{
    float: left;
    margin-top: 12px;
    min-height: 1px;
    width: 624px;
}

.HomePageTemplate .RightBadgeArea, .CategoryLandingTemplate .RightBadgeArea, .CategoryLandingTemplate .CenterRightArea
{
    clear: right;
    float: left;
    margin-left: 17px;
    margin-top: 12px;
    min-height: 1px;
    width: 290px;
}

.CategoryLandingTemplate .ProductCategoriesArea
{
    float: left;
    margin-right: 10px;
    width: 224px;
}

.CategoryLandingTemplate .BrandsArea
{
    float: left;
}

.CollectionTemplate .TierPromotionArea, .PromotionalTemplate .TierPromotionArea
{
    background-image: url(../Images/Backgrounds/bkgPromotionArea.gif);
    background-repeat: no-repeat;
    width: 762px;
    min-height: 287px;
    height: 287px;
    padding: 9px;
}

.BrandTemplate .BrandsPromotionArea, .GiftCardTemplate .PromotionArea
{
    width: 780px;
    min-height: 305px;
    height: 305px;
}

.BirthdayTemplate .MainContentArea
{
    min-height: 1px;
    width: 780px;
}

.CollectionTemplate .MainPromotionArea, .PromotionalTemplate .MainPromotionArea
{
    width: 461px;
    min-height: 287px;
    height: 287px;
    float: left;
}

.CollectionTemplate .RightPromotionArea, .PromotionalTemplate .TierBPromotionArea
{
    margin-left: 10px;
    width: 290px;
    min-height: 287px;
    height: 287px;
    float: left;
}

.BrandTemplate .MainContentArea, .BrandTemplate .BottomAreaLeft, .BirthdayTemplate .CentreAreaLeft, .BirthdayTemplate .BottomAreaLeft, .CollectionTemplate .BottomAreaLeft, .GiftCardTemplate .BottomAreaLeft, .PromotionalTemplate .MainContentArea, .PromotionalTemplate .BottomLeftArea
{
    margin-top: 10px;
    width: 470px;
    float: left;
    min-height: 1px;
}

.BrandTemplate .PromotionArea, .BrandTemplate .BottomAreaRight, .BirthdayTemplate .CentreAreaRight, .BirthdayTemplate .BottomAreaRight, .CollectionTemplate .BottomAreaRight, .GiftCardTemplate .BottomAreaRight, .PromotionalTemplate .RightBadgeArea, .PromotionalTemplate .BottomRightArea
{
    margin-top: 10px;
    margin-left: 10px;
    width: 300px;
    float: left;
    min-height: 1px;
    clear: right;
}

.CollectionTemplate .MainContentArea, .GiftCardTemplate .MainContentArea
{
    width: 792px;
    min-height: 1px;
    padding: 10px 0px 0px 0px;
}

.DefaultTemplate .MainContentArea
{
    float: left;
    min-height: 1px;
    width: 470px;
}

.DefaultTemplate .RightBadgeArea
{
    float: left;
    margin-left: 10px;
    min-height: 1px;
    width: 290px;
}

.BlankTemplate .MainContentArea
{
    padding: 20px;
    width: 960px;
}

.EmptyTemplate .MainContentArea
{
    float: left;
    margin-top: 10px;
    min-height: 1px;
    width: 780px;
}

.FullWidthTemplate
{
    padding: 0 0 0 19px;
    width: 933px;
}

.FullWidthTemplate .MainContentArea
{
    margin-top: 10px;
    min-height: 1px;
    width: 933px;
}

.OneColumnArea .LeftColumn
{
    width: 0px;
    display: none;
}

.OneColumnArea .RightColumn
{
    width: 948px;
    padding-left: 12px;
}

.OneColumnTemplate .MainContentArea
{
    float: left;
    margin-top: 10px;
    min-height: 1px;
    width: 940px;
}


/*AMIGO*/

.AmigoTemplate .FacebookLike
{
    float: right;
    margin-top: -26px;
}

.AmigoTemplate .TopModuleZone, .AmigoTemplate .MainContentArea
{
    width: 765px;
}

.AmigoTemplate .SplashZone
{
    margin-top: 10px;
}

.AmigoTemplate .LeftColumnZone
{
    float: left;
    margin-left: 6px;
    margin-right: 10px;
    width: 461px;
}

.AmigoTemplate .RightColumnZone
{
    float: left;
    width: 290px;
}

.AmigoTemplate .BottomModuleZone
{
    margin-top: 10px;
    width: 765px;
}


/*NEW*/

.NewLeftColumn
{
    float: left;
    width: 767px;
}

.RightAdArea
{
    float: left;
    margin-left: 8px;
    min-height: 1px;
    width: 160px;
}

.BrandTemplate .NewLeftColumn, .CollectionTemplate .NewLeftColumn, .GiftCardTemplate .NewLeftColumn, .PromotionalTemplate .NewLeftColumn
{
    width: 780px;
}

.MastercardTemplate, .OnlyAtTemplate
{
    margin-left: 1px;
    padding: 0 0 0 16px;
    width: 939px;
}

.MastercardTemplate .HeaderContentZone
{
    margin-bottom: 17px;
}

.MastercardTemplate .LeftColumn
{
    float: left;
    margin-right: 16px;
    width: 205px;
}

.MastercardTemplate .LeftColumnTop
{
    background: transparent url("../Images/Backgrounds/bkgMCLeftColumnTop.png") no-repeat scroll 0 0;
    height: 8px;
    width: 205px;
}

.MastercardTemplate .LeftColumnZone
{
    background: transparent url("../Images/Backgrounds/bkgMCLeftColumn.png") repeat-y scroll 0 0;
    padding: 4px 22px 5px 19px;
    width: 164px;
}

.MastercardTemplate .LeftColumnBottom
{
    background: transparent url("../Images/Backgrounds/bkgMCLeftColumnBottom.png") no-repeat scroll 0 0;
    height: 7px;
    width: 205px;
}

.MastercardTemplate .MainContentArea
{
    float: left;
    margin-right: 17px;
    width: 441px;
}

.MastercardTemplate .RightColumnZone
{
    float: right;
    width: 251px;
}

.OnlyAtTemplate .HeaderContentZone
{
    margin-bottom: 6px;
}

.OnlyAtTemplate .LeftColumn
{
    background: #fff url(../Images/Backgrounds/bkgOnlyAt-Template.gif) repeat-x scroll 0 0;
    float: left;
    padding: 9px 0px;
    width: 635px;
}

.OnlyAtTemplate .LeftColumn .LeftTopColumnZone
{
    margin-bottom: 10px;
}

.OnlyAtTemplate .RightColumnZone
{
    background: #fff url(../Images/Backgrounds/bkgOnlyAt-Template.gif) repeat-x scroll 0 0;
    float: right;
    padding: 9px 9px 9px 5px;
    width: 290px;
}

/*VIB*/

.VIB, .VIB p, .VIB a, .VIB h1, .VIB h2, .VIB h3
{
    font-family: Arial;
}

.VIBHomePageTemplate, .VIBStageLandingTemplate
{
    background-image: url(../Images/VIB/Backgrounds/bkgDots.png);
}
.VIBHomePageTemplate .MainContentArea
{
    float: left;
    width: 635px;
    min-height: 320px;
    height: 320px;
    margin-top: 10px;
}
.VIBHomePageTemplate .TopBadgeArea
{
    float: left;
    margin-top: 10px;
}
.VIBHomePageTemplate .TopBadgeArea .TierELinkImage
{
    border: none;
}
.VIBHomePageTemplate .BottomBadgeArea
{
    float: left;
    margin-left: 10px;
}
.VIBStageLandingTemplate .TopContentArea
{
    min-height: 320px;
    height: 320px;
    margin-top: 10px;
}
.VIBHomePageTemplate .LeftColumnArea, .VIBStageLandingTemplate .LeftColumnArea
{
    float: left;
    min-height: 360px;
    height: 360px;
}
.VIBHomePageTemplate .RightColumnArea, .VIBStageLandingTemplate .RightColumnArea
{
    float: left;
    min-height: 360px;
    height: 360px;
}
.VIBStageLandingTemplate .RightBadgeArea
{
    min-height: 640px;
    height: 640px;
    margin-top: 10px;
}
.VIBHomePageTemplate .RightBadgeArea .TierELinkImage
{
    float: none;
}

.VIB3ColumnsTemplate
{
    margin-left: 13px;
    margin-top: 10px;
    width: 940px;
}
.VIB3ColumnsTemplate .Left
{
    float: left;
    width: 148px;
    margin-right: 10px;
}

.VIB3ColumnsTemplate .MainContentArea
{
    float: left;
    margin-right: 9px;
    width: 470px;
}
.VIB3ColumnsTemplate .RightBadgeArea
{
    float: left;
    width: 300px;
}

.VIBProductsTemplate .LeftContentArea, .VIBProductsTemplate .TopContentArea, .VIBProductsTemplate .RightBadgeArea
{
    float: left;
    margin-top: 10px;
}

.VIBStageLandingTemplate .Top
{
}

.VIBStageLandingTemplate .Bottom
{
    margin-top: 15px;
}

.VIBStageLandingTemplate .TopLeftArea, .VIBStageLandingTemplate .TopMiddleArea, .VIBStageLandingTemplate .TopRightArea, .VIBStageLandingTemplate .BottomLeftArea, .VIBStageLandingTemplate .BottomMiddleArea, .VIBStageLandingTemplate .BottomRightArea
{
    float: left;
}

.VIBStageLandingTemplate .TopLeftArea
{
    width: 150px;
}

.VIBStageLandingTemplate .TopMiddleArea
{
    margin-left: 10px;
    width: 480px;
}

.VIBStageLandingTemplate .TopRightArea
{
}

.VIBStageLandingTemplate .TopRightArea .TierELinkImage
{
    border: none;
}

.VIBStageLandingTemplate .BottomLeftArea
{
    width: 330px;
}

.VIBStageLandingTemplate .BottomMiddleArea
{
    margin-left: 11px;
    width: 290px;
}

.VIBStageLandingTemplate .BottomRightArea
{
    margin-left: 11px;
    width: 300px;
}

.BottomContentArea
{
}

/* OPTIMUM */

.OptimumTemplate
{
    margin: 0px auto 0px auto;
    width: 940px;
    min-height: 325px;
    padding-left: 14px;
}

.OptimumTemplate .BenefitsTop, .OptimumTemplate .BenefitsMiddle, .OptimumTemplate .BenefitsBottom
{
    margin: 0px 0px 13px 0px;   
}

.OptimumTemplate .BenefitsTop .Left
{
    width: 635px;
    float: left;
    padding: 0px;
    margin-right: 0px;
}

.OptimumTemplate .BenefitsTop .Right
{
    width: 298px;
    float: right;
}

.OptimumTemplate .BenefitsBottom .Box
{
    width: 300px;
    float: left;
    display: block;
    margin-right: 17px;
}

.OptimumTemplate .BenefitsBottom div:last-child
{
    margin-right: 0px;        
}

.OptimumTemplate .EarnLeft
{
    width: 635px;
    float: left;
}

.OptimumTemplate .EarnLeft .Top, .OptimumTemplate .EarnLeft .Middle, .OptimumTemplate .EarnLeft .Bottom
{
    margin-bottom: 6px;
}

.OptimumTemplate .EarnLeft .Middle .Left
{
    width: 313px;
    float: left;
}
.OptimumTemplate .EarnLeft .Middle .Right
{
    width: 316px;
    float: right;
}

.OptimumTemplate .EarnRight
{
    width: 298px;
    float: right;
}

.OptimumTemplate .EarnRight > div
{
    margin-bottom: 12px;    
    width: 100%;
    float:left;
}

.OptimumTemplate .LeftColumn 
{
    width: 633px;
    float:left;
}

.OptimumTemplate .LeftColumn > div
{
    margin-bottom: 12px; 
}

.OptimumTemplate .RightColumn
{
    width: 296px;
    float:right;
}

.OptimumTemplate .RightColumn > div
{
    margin-bottom: 12px;
    width: 100%;
    float: left;
}
/* END OPTIMUM */

/* HR Portal */

.HRPortalTemplate
{
    width: 940px;
    margin-left: 16px;
}

.HRPortalTemplate .HRMainMenuHolder
{
    clear: both;
}

.HRPortalTemplate .HRLeftColumn
{
    width: 630px;
    float: left;
}

.HRPortalTemplate .HRRightColumn
{
    width:292px;
    float:right;   
}

.HRPortalTemplate .HRBreadcrumb
{
    clear:both;    
    margin-bottom: 5px;
}

.HRPortalTemplate .HRFooter
{
    clear: both;    
}

/* END HR Portal */

