html, body, form { margin: 0; height: 100%; }
body { margin: 0 10px 0 10px; background: #444343 url(graphics/bg.gif) repeat-x; }
body, th, td { color: #a0a0a0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

h1 { margin: 4px 0 4px 0; padding: 0 0 2px 0; font-family: "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; }
h2 { margin: 4px 0 4px 0; padding: 0 0 2px 0; font-family: "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; }
h3 { margin: 4px 0 4px 0; padding: 0 0 2px 0; font-family: "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; font-style: italic; }

p { margin: 6px 0 12px 0; }

a:visited, a:link { color: #ffffff; text-decoration: none; outline: none; }
a:hover, a:active { color: #ffffff; text-decoration: underline; outline: none; }

img { border: none; }

.Page { position: absolute; margin: -275px 0 0 -430px; background: #333333; border: 1px solid #a0a0a0; overflow: hidden; top: 50%; left: 50%; width: 860px; height: 550px; }

/* HorizontalMenu */
.HorizontalMenuContainer { height: 125px; padding: 0 10px 0 10px; }
.HorizontalMenu, .HorizontalMenu ul { margin: 0; padding: 0; list-style-type: none; }
.HorizontalMenu li { float: left; position: relative; margin: 0; padding: 0; }
/* - Top level */
.HorizontalMenu { float: left; position: relative; }
.HorizontalMenu a:link, .HorizontalMenu a:visited { display: block; padding: 0 15px 0 15px; color: #a0a0a0; font-size: 12px; line-height: 26px; text-decoration: none; }
.HorizontalMenu a:active, .HorizontalMenu a:hover { color: #ffffff; text-decoration: none; }
/* - 2nd level */
.HorizontalMenu ul { position: absolute; top: 26px; }
.HorizontalMenu ul li { float: none; width: 200px; }
.HorizontalMenu ul a:link, .HorizontalMenu ul a:visited { padding: 3px 15px 2px 15px; color: #a0a0a0; font-size: 11px; line-height: normal; text-decoration: none; }
.HorizontalMenu ul a:active, .HorizontalMenu ul a:hover { color: #ffffff; text-decoration: none; }

.WebShop { float: right; }
.WebShop a:link, .WebShop a:visited { display: block; padding: 0 15px 0 15px; color: #a0a0a0; font-size: 12px; line-height: 26px; text-align: center; text-decoration: none; }
.WebShop a:active, .WebShop a:hover { color: #ffffff; text-align: center; text-decoration: none; }

#ContentScroller { position: relative; overflow: auto; width: 810px; height: 340px; }

.Container { margin-left: 25px; margin-right: 25px; }
.Content { padding: 0 10px 0 0; }
.Logo { margin-top: 5px; text-align: right; }

.Left { float: left; width: 380px; height: 405px; }
.Right { float: right; width: 405px; height: 405px; }
.Right #ContentScroller { width: 405px; }
	
/* Scroll Bar */
/* scrollgeneric should not be modified or removed */
.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbar { width: 13px; }
.vscrollerbarbeg { width: 13px; height: 0; }
.vscrollerbarend { width: 13px; height: 0; }
.vscrollerbase { width: 13px; }
.vscrollerbasebeg { width: 13px; height: 12px; background: url(graphics/scrollup.gif) no-repeat;}
.vscrollerbaseend { width: 13px; height: 12px; background: url(graphics/scrolldown.gif) no-repeat;}
.vscrollerbar, .hscrollerbar { padding: 12px; z-index: 2; }

.TextInput { background-color: #333333; border: 1px solid #a0a0a0; color: #a0a0a0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width: 180px; }
.TextField { background-color: #333333; border: 1px solid #a0a0a0; color: #a0a0a0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width: 360px; }
.Button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

.eCards .CardTypeList { margin: 0; padding: 0; list-style: none; }
.eCards .CardTypeList li { display: inline; margin: 0; padding: 0; }
.eCards .Left { width: 265px; }
.eCards .Right { width: 505px; }
.eCards .Right #ContentScroller { width: 505px; }