* { font-family: "Lucida Grande", Helvetica, Arial, Verdana; } body { font-size: 12px; line-height: 19px; color: #666; background-color: #ebeff2; } /* Size and positioning of the main page layout */ /* The Main div of the page that holds the entire contents. User to size and center the page */ #PageWrapper { width: 960px; text-align: left; border: 0px solid #333; border-top: none; margin-left: auto; margin-right: auto; background-color: White; } /* Menu bar, right below the logo. Fixed width and padding, fixed for IE 5.x */ #Menu { height:33px; padding: 0px 20px 0px 20px ; width: 960px; /* Box Model Hack. Width below is the correct width, but IE 5/5.5 will use the earlier width */ voice-family: "\"}\""; voice-family:inherit; width: 920px; background-image: url('menubg2.gif'); } #Menu a:hover { color: #EA4100; } /* Background of the Logo area */ #Header { padding: 0px 0px 0px 0px ; background-image: url('bg.jpg'); } #Header .WelcomeText { color: #EA4100; font-weight: bold; text-align: right; vertical-align: middle; } /* The BreadCrumbMap section of the page */ #BreadCrumbMap { padding: 3px 20px 6px 20px; color: Gray; background-image: url('headerbg.gif'); } #BreadCrumbMap .Node { color: #000; font-weight:normal; } #BreadCrumbMap .CurrentNode { color: #000; } #BreadCrumbMap .Separator { } #FrontIMG { background-image: url("http://www.cheaphoopshoes.com/Images/intro.jpg"); background-position:left top; background-repeat: no-repeat; position: relative; top: -10px; left: -20px; height: 530px; } #FrontIntro { position: relative; top: 22px; left: 600px; width: 320px; } /* The Main content section of the page */ #Content { padding: 10px 20px; } /* Small footer that appears at the bottom of every page. Holds the copyright notice */ #Footer { text-align: left; font-size: 0.9em; font-weight: bold; color: gray; text-decoration: none; padding: 20px 20px 10px 20px ; } /* Center the contents of the using a margin of auto */ body { margin: 0 auto 0 auto; padding: 0; text-align: center; } /* Color of all links */ #Content a, a:link, a:visited, a:active { color: #000; font-weight: bold; text-decoration: none; } #Content .CategoryItem { font-size: 14px; font-weight: 700; line-height: 10.5pt; } #Content .ItemPicture { border: solid 1px 1px #333; } #Content .ItemTitle { font-size: 14px; font-weight: 700; line-height: 18px; } #Content .ItemText { font-size: 14px; line-height: 18px; } #Content .ItemPrice { color: #EA4100; font-size: 14px; font-weight: bold; line-height: 18px; } #Content .DetailTitle { color: #333; font-size: 18px; font-weight: 700; height: 38px; line-height: 22px; } #Content .DetailText { font-size: 16px; line-height: 22px; } #Content .DetailPrice { color: #EA4100; font-size: 16px; font-weight: bold; line-height: 22px; } #Content .lnkPages A:Hover { text-decoration: underline; } #Content .lnkPages { color: #666 } #Menu, #Menu a { color: #FFF; font-size: 13px; font-weight: bold; text-decoration: none; } #Menu .Text { font-size: 11px; } #PageWrapper .imgLogo { padding-left: 15px; border: none; } p { margin-top: 0; } .Titel { color: #333; font-size: 18pt; font-weight:bold; line-height: normal; } .Titel2 { letter-spacing:normal; font-family: Arial; font-size: 13px; font-weight: bold; color: #EA4100; line-height: normal; } .Titel3 { letter-spacing:0.05em; font-family: Arial; font-weight: bold; font-size: 12px; color: Gray; line-height: normal; } .Field { padding: 15px 11px; } .SmallLink { font-size: 8.5pt; letter-spacing: 0.01em; color: Gray; } .Button { top: 450px; } h1, h2, h3 { margin: 0; margin-bottom: 2px; } h1 { font-size: 26px; } /* Header of Category */ h2 { font-size: 15px; line-height: 36px; color: #999; } img { border: 0px; } .ShoppingCartFooter { font-weight: bold; } .SelectedCategory { font-weight: bold; } .Label { font-weight: bold; } html { overflow: -moz-scrollbars-vertical; height: 101%; }