/*------------------------- */ /* Reset */ /*------------------------- */ * { margin: 0; padding: 0; border: 0; /*outline: 0;*/ font-size: 100%; } html { height: 100%; margin-bottom: 1px; } body { line-height: 1; color: black; background: white; font-size: 62.5%; } table { border-collapse: collapse; } td { border-style: none; vertical-align: top; } .ClearFloat { border: none; clear: both; float: none; font-size: 1px; height: 0px; margin: 0px; padding: 0px; overflow: hidden; } .HiddenSubmitButton { border: none; width: 0px; height: 0px; overflow: hidden; } /*------------------------- */ /* Setup */ /*------------------------- */ * { font-family: arial, verdana, tahoma; } body { color: #ffffff; margin-top: 65px; background: #000000 url(../Img/Framework/Background.gif) fixed center repeat; } a, a:link, a:visited, a:active, a:hover { color: #c8ce00; font-weight: normal; text-decoration: underline; } a:hover { text-decoration: none; } /*------------------------- */ /* Framework */ /*------------------------- */ #Frame { width: 850px; position: relative; left: 50%; margin-left: -425px; margin-bottom: 10px; border-top: 5px solid #ffffff; border-bottom: 5px solid #ffffff; } #Wrapper { min-height: 870px; height: auto !important; height: 870px; background: url(../Img/Framework/BackgroundWrapper.gif) repeat-y; } #Wrapper.Pattern { background: url(../Img/Framework/BackgroundPattern.gif) repeat-y; } #Wrapper.Counter { background: url(../Img/Framework/BackgroundCounter.gif) repeat-y; } #LeftPanel { width: 181px; float: left; display: inline; margin: 0px 0px 0px 5px; } #CenterPanel { width: 440px; float: left; display: inline; margin: 0px 0px 0px 40px; } #CenterPanel.Counter { width: 580px; float: left; display: inline; margin: 0px 0px 0px 40px; } #RightPanel { width: 139px; float: left; display: inline; margin: 0px 0px 0px 40px; height: 870px; background: repeat-y; } /*------------------------- */ /* Menu */ /*------------------------- */ #Menu { position: relative; top: -43px; left: -57px; } #Menu img { display: block; border: 0px; } #SubMenu { list-style: none; margin-left: 7px; margin-right: 10px; } #SubMenu li { padding-left: 13px; font-size: 13px; margin-bottom: 8px; font-weight: bold; line-height: 16px; } #SubMenu li a, #SubMenu li a:link, #SubMenu li a:visited, #SubMenu li a:active, #SubMenu li a:hover { color: #ffffff; font-weight: bold; text-decoration: none; } #SubMenu li a:hover { color: #c8ce00; } #SubMenu li.Active { background: url(../Img/Framework/SubMenuActive.gif) 0px 2px no-repeat; color: #c8ce00; } #SubMenu li.Activea, #SubMenu li.Active a:link, #SubMenu li.Active a:visited, #SubMenu li.Active a:active, #SubMenu li.Active a:hover { color: #c8ce00; font-weight: bold; text-decoration: none; } /*------------------------- */ /* Content */ /*------------------------- */ #Logotype { position: relative; top: -30px; left: 143px; } #Content { margin: 25px 0px 25px 0px; line-height: 20px; font-size: 13px; } #Content p { margin-bottom: 16px; } #Content p.Intro { font-weight: bold; color: #c8ce00; margin-bottom: 36px; line-height: 22px; } #Content ul { margin-left: 20px; margin-bottom: 16px; list-style: none; } #Content ol { margin-left: 40px; margin-bottom: 16px; } #Content ul li { background: url(../Img/Framework/ListDecoration.gif) 0px 7px no-repeat; padding-left: 20px; } #Content ol li { padding-bottom: 8px; } #Content ul.Recipe { list-style: none; margin-left: 0px; } #Content ul.Recipe li { margin-bottom: 10px; background-image: none; padding-left: 0px; } #Content ul.Recipe a, #Content ul.Recipe a:link, #Content ul.Recipe a:visited, #Content ul.Recipe a:active, #Content ul.Recipe a:hover { font-weight: bold; text-decoration: none; } #Content ul.Recipe a:hover { font-weight: bold; text-decoration: underline; } #Content h1 { font-weight: bold; font-size: 1.9em; margin: 0px 0px 9px 0px; line-height: 1.2em; } #Content h2 { font-weight: bold; font-size: 1.7em; margin: 0px 0px 9px 0px; line-height: 1.2em; } #Content h3 { font-weight: bold; font-size: 1.5em; margin: 0px 0px 9px 0px; line-height: 1.2em; } #Content h4 { font-weight: bold; font-size: 1.3em; margin: 0px 0px 9px 0px; line-height: 1.2em; color: #c8ce00; } #Content h5 { font-weight: bold; font-size: 1.1em; margin: 0px 0px 9px 0px; line-height: 1.2em; } #Content h6 { font-weight: bold; font-size: 0.9em; margin: 0px 0px 9px 0px; line-height: 1.2em; } #Content h1.Headline { font-weight: bold; margin: 0px 0px 30px 0px; text-transform: uppercase; line-height: 34px; } #Content h1.Headline span.h1 { font-size: 26px; } #Content h1.Headline span.h2 { font-size: 36px; } div.ProductSeperator { border-top: 3px solid #ffffff; margin: 40px 0px 30px 0px; } #PageControl { float: left; margin-top: 20px; text-align: left; display: inline; margin-right: 20px; font-size: 11px; } #PageControl a, #PageControl a:link, #PageControl a:visited, #PageControl a:active, #PageControl a:hover { font-weight: normal; text-decoration: none; } #PageControl a:hover { text-decoration: underline; } #TipFriend { float: left; margin-top: 20px; text-align: left; display: inline; font-size: 11px; } #TipFriend a, #TipFriend a:link, #TipFriend a:visited, #TipFriend a:active, #TipFriend a:hover { font-weight: normal; text-decoration: none; } #TipFriend a:hover { text-decoration: underline; } .Counter { width: 100%; } .Counter td { font-family: verdana, arial; font-size: 9px; border: 1px solid black; padding-left: 1px; padding-right: 1px; empty-cells: show; white-space: nowrap; } .Counter tr.Header td { font-weight: bold; text-align: center; color: #c8ce00; font-size: 11px; } .Counter tr.Group td { font-weight: bold; text-align: left; color: #c8ce00; font-size: 10px; } .Counter tr.Center td { text-align: center; } .Counter tr.Article td { text-align: center; font-size: 9px; } .Counter tr.Article td.Title { font-weight: bold; text-align: left; font-size: 10px; } .CounterSeperator { margin-top: 30px; border-top: 1px solid #ffffff; height: 2px; overflow: visible; padding-bottom: 20px; } /*------------------------- */ /* Footer */ /*------------------------- */ #Footer { width: 850px; position: relative; left: 50%; margin-left: -405px; padding-bottom: 30px; text-align: center; font-family: verdana, arial; color: #ffffff; font-size: 10px; } #Footer a, #Footer a:link, #Footer a:visited, #Footer a:active, #Footer a:hover { color: #ffffff; font-weight: normal; text-decoration: none; } #Footer a:hover { text-decoration: underline; }