﻿
form, body
{
    margin: 0;
    padding: 0;
}

body
{
    background-image: url(../Images/Backgrounds/bkgMain.png);
    background-repeat: no-repeat;
    background-position: center top;
    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: 159px;
    float: left;
    margin-left: 12px;
    min-height: 1px;
    font-size: 12px;
}

.RightColumn
{
    width: 780px;
    float: left;
}

.HomePageTemplate
{
}

.HomePageTemplate .TierPromotionArea,
.CategoryLandingTemplate .TierPromotionArea,
.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;
}

.HomePageTemplate .TierPromotionArea .TierAPromotionArea,
.CategoryLandingTemplate .TierPromotionArea .TierAPromotionArea,
.CollectionTemplate .MainPromotionArea,
.PromotionalTemplate .MainPromotionArea
{
    width: 461px;
    min-height: 287px;
    height: 287px;
    float: left;
}

.HomePageTemplate .TierPromotionArea .TierBPromotionArea,
.CategoryLandingTemplate .TierPromotionArea .TierBPromotionArea,
.CollectionTemplate .RightPromotionArea,
.PromotionalTemplate .TierBPromotionArea
{
    margin-left: 10px;
    width: 290px;
    min-height: 287px;
    height: 287px;
    float: left;
}

.HomePageTemplate .MainContentArea,
.BrandTemplate .MainContentArea,
.BrandTemplate .BottomAreaLeft,
.BirthdayTemplate .CentreAreaLeft,
.BirthdayTemplate .BottomAreaLeft,
.CategoryLandingTemplate .MainContentArea,
.CategoryLandingTemplate .CenterLeftArea,
.CollectionTemplate .BottomAreaLeft,
.DefaultTemplate .MainContentArea,
.GiftCardTemplate .BottomAreaLeft,
.PromotionalTemplate .MainContentArea,
.PromotionalTemplate .BottomLeftArea
{
    margin-top: 10px;
    width: 470px;
    float: left;
    min-height: 1px;
}

.HomePageTemplate .RightBadgeArea,
.BrandTemplate .PromotionArea,
.BrandTemplate .BottomAreaRight,
.BirthdayTemplate .CentreAreaRight,
.BirthdayTemplate .BottomAreaRight,
.CategoryLandingTemplate .RightBadgeArea,
.CategoryLandingTemplate .CenterRightArea,
.CollectionTemplate .BottomAreaRight,
.DefaultTemplate .RightBadgeArea,
.GiftCardTemplate .BottomAreaRight,
.PromotionalTemplate .RightBadgeArea,
.PromotionalTemplate .BottomRightArea
{
    margin-top: 10px;
    margin-left: 10px;
    width: 300px;
    float: left;
    min-height: 1px;
    clear: right;
}

.CategoryLandingTemplate .ProductCategoriesArea
{
    float: left;
    margin-right: 10px;
    width: 224px;
}

.CategoryLandingTemplate .BrandsArea
{
    float: left;
}

.CollectionTemplate .MainContentArea,
.GiftCardTemplate .MainContentArea
{
    width: 792px;
    min-height: 1px;
    padding: 10px 0px 0px 0px;
}

.EmptyTemplate .MainContentArea
{
    margin-top: 10px;
    min-height: 1px;
    width: 792px;
}

.OneColumnArea .LeftColumn
{
    width: 0px;
    display: none;
}

.OneColumnArea .RightColumn
{
    width: 948px;
    padding-left: 12px;
}

.OneColumnTemplate .MainContentArea
{
    margin-top: 10px;
    min-height: 1px;
    width: 948px;
}


/*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;
}

