/****************************************************************
* Default element styles
*****************************************************************/
body
{
    margin:0; padding:0;
    background-color:#f1f1f1;
    background-image:url('../images/bg-top.jpg');
    background-repeat:repeat-x;
    background-position:center inherit;
}

.on-top { z-index:10000; }
.Clear { clear:both; }
.AlignLeft { float:left; }
.AlignRight { float:right; }

/****************************************************************
* Site Framework
*****************************************************************/
#SiteContainer { background-image:url('../images/bg-bottom.jpg'); background-repeat:repeat-x; background-position:center bottom; }
#PageContainer { margin:0 auto 0 auto; width:935px; background-image:url('../images/bg-content.png'); }
#PageHeader { height:120px; position:relative; }
#PageHeader .Logo { position:absolute; left:5px; top:0px; width:204px; height:107px; background-image:url(../images/header-logo.png); }
#PageHeader .Caption { position:absolute; left:47px; top:9px; width:290px; height:57px; background-image:url(../images/header-precon-trainyourself.png); }
#PageHeader .MenuContainer { position:absolute; right:31px; bottom:5px; height:38px; z-index:10; }
#PageHeader .CurrentUserTopMenuContainer { position:absolute; top:35px; right:40px; }
#PageHeader .ShoppingCartMenuContainer { position:absolute; top:6px; right:40px; line-height:20px; height:20px; z-index:5; }
#PageHeader .ShoppingCartMenuContainer a.ShoppingCartIcon { display:block; height:48px; line-height:48px; color:#fff; background-image:url('../images/icon-shoppingcart.png'); background-repeat:no-repeat; padding:6px 0 0 26px; font-weight:bold; }

#BannerContainer { padding-left:30px; padding-right:30px; }
#ContentZone { min-height:700px; }
#Footer { height:204px; background-image:url('../images/bg-footer.png'); background-position:bottom; background-repeat:no-repeat; }
#Footer .ContentContainer { margin:0px 40px 0 235px; padding:36px 0 0 0; color:#ffffff; }
#Footer .ContentContainer a { color:#ffffff;} 

/****************************************************************
* Column Layouts
*****************************************************************/
#ContentZone .ContentZone1 { margin:28px 0 0 30px; }
#ContentZone .ContentZone1 .Col1 { float:left; width:344px; padding-right:10px; }
#ContentZone .ContentZone1 .Col2 { float:left; width:515px; padding-left:10px; }
#ContentZone .ContentZone1 .Col3 { padding-top:10px; }

#ContentZone .ContentZone2 { margin:28px 0 0 30px;  }
#ContentZone .ContentZone2 .Col1 { float:left; width:240px; padding-right:10px; }
#ContentZone .ContentZone2 .Col1 .submenu .DashedTitle { padding:2px 0 11px 0; }
#ContentZone .ContentZone2 .Col2 { float:left; width:620px; }
/****************************************************************
* Banners
*****************************************************************/
.Banner { width:874px; height:224px; }
.Banner1 { background-image:url('../images/banner-1.png'); }