/* general */
body {margin: 0px; padding: 0px; font: 12px Arial; line-height: 16px;}
img {border: none;}
ul {margin: 0px; padding: 0px;}
h1, h2, h3, h4 {float: left; width: 100%; margin: 0px 0px 6px 0px; padding: 0px; font-size: 20px; line-height: 21px;}
h2 {font-size: 16px; line-height: 16px;}
h3 {font-size: 14px; line-height: 16px;}
h4 {font-size: 12px; line-height: 16px;}
a:link, a:visited {color: #1b4f8b; text-decoration: none;}
a:hover {text-decoration: underline;}
p {float: left; width: 100%; margin: 0px 0px 12px 0px; padding: 0px;}
th, td {text-align: left; vertical-align: top;}
form {float: left;}

/* global elements */
h1.headline {margin-bottom: 19px; color: #e70f47;}

/* layout */
#mainframe {float: left; width: 968px; padding: 0px 10px 10px 10px;}
#header {float: left; width: 968px; height: 124px; background: url(../images/header2.jpg) 185px 0px no-repeat;}
.home #header {margin-bottom: 10px; background: url(../images/header.jpg) 181px 0px no-repeat;}
#header a:link, #header a:visited {float: left;}
#login-module {float: left; width: 190px; padding: 5px 43px 0px 544px;}
.home #login-module {padding: 5px 43px 0px 544px;}
#login-module iframe {position:absolute;}
#login-module .title {float: left; width: 40px; padding-top: 2px; font-weight: bold;}
#login-module input {float: left; width: 142px; margin-bottom: 5px; padding: 2px; color: #808e98; font-size: 12px; border: 1px solid #a8b0b7;}
#login-module .password {display: inline; margin-left: 40px;}
#login-module .password-forgotten {float: left; padding-top: 2px; font-size: 11px;}
#header #login-module .btn {float: right;}
#intro-flash {float: left; margin-bottom: 14px;}
#intro-flash-referrer {float: left; margin-bottom: 20px;}
#maincontent {float: left; width: 100%; background: url(../images/side-stretch.gif) repeat-y;}
.home #maincontent {float: left; width: 100%; background: none;}
#side {float: left; width: 185px; background: url(../images/navigation-top.gif) no-repeat;}
#content {float: left; width: 755px; padding: 18px 0px 0px 20px;}
#footer {float: left; width: 759px; height: 86px; padding: 30px 0px 0px 201px; background: url(../images/footer2.gif) no-repeat;}

#intro-modules {float: left; width: 960px; margin-bottom: 12px;}
#intro-modules .module {float: left; width: 294px; height: 117px; padding: 177px 11px 0px 15px;}
#intro-modules .btn-big {float: right; display: inline; margin: 82px 0px 0px 0px;}
#intro-modules .mod-1 ul.arrow {margin-top: 48px;}
#intro-modules .mod-2 ul.arrow {margin-top: 9px;}
#intro-modules .mod-2 .referrer-code {float: left; width: 260px; padding: 10px 0px 0px 0px;}
#intro-modules .mod-2 .referrer-code input {float: left; display: inline; width: 170px; margin: 1px 9px 0px 0px; padding: 2px; color: #808e98; font-size: 8px; border: 1px solid #d8d8d8;}
#intro-modules .mod-3 ul.arrow {margin-top: 30px;}

#home-footer {float: left; background: url(../images/footer-bg.gif) repeat-y;}
#home-footer .inner {float: left; width: 960px; padding: 3px 0px 10px 0px; border-bottom: 1px solid #c7c7c7; background: url(../images/footer.gif) no-repeat;}
#home-footer h2 {margin-bottom: 16px; color: #51626f;}

#home-footer .about {float: left; width: 237px; padding: 13px 0px 13px 12px; background: url(../images/dots-v.gif) right repeat-y;}
#home-footer .testimonials {float: left; width: 678px; padding: 13px 0px 13px 20px;}
#home-footer .testimonials a:link, #home-footer .testimonials a:visited {font-weight: bold;}
#home-footer .testimonial {float: left; width: 210px; padding-right: 20px;}
#home-footer .testimonials .last {padding-right: 0px;}
#home-footer .testimonial img {float: left; margin-right: 5px;}
#home-footer .testimonial .content {float: left; width: 154px;}
#home-footer .testimonial span {float: left; clear: both; width: 154px;}
#home-footer .testimonial .title {font-weight: bold; color: #51626f;}
#home-footer .testimonial .company {font-weight: bold; color: #e41148;}

#home-footer .inner2 {float: left; width: 932px; padding: 9px 13px 23px 13px;font-size: 11px; line-height: 11px; border-top: 1px solid #ffffff; border-left: 1px solid #dddfe1; border-right: 1px solid #dddfe1;}
#home-footer .inner2 ul {float: left;}
#home-footer .inner2 li {float: left; margin-right: 7px; padding-right: 7px; list-style: none; border-right: 1px solid #2a2a2a;}
#home-footer .inner2 li.last {border-right: none;}
#home-footer .inner2 a:link, #home-footer .inner2 a:visited {color: #2d77cd;}
#home-footer .copyright {float: right;}

/* footer */
#footer .inner {padding-top: 10px; border-top: 1px solid #c7c7c7;}
#footer li {float: left; margin-right: 6px; list-style: none;}
#footer li a:link, #footer li a:visited {float: left; padding-right: 6px; color: #2d77cd; font-size: 11px; line-height: 11px; border-right: 1px solid #2a2a2a;}
#footer li.last a:link, #footer li.last a:visited {border-right: none;}
#footer .copyright {float: right; font-size: 11px;}

/* lists */
ul.arrow {float: left; margin-right: 20px;}
ul.arrow li {padding-bottom: 3px; list-style: none;}
ul.arrow a:link, ul.arrow a:visited {padding-left: 21px; font-weight: bold; list-style: none; background: url(../images/btn-arrow.gif) no-repeat;}

/* buttons */
a.btn:link, a.btn:visited {float: left; cursor: pointer; background: url(../images/btn-stretch.gif) repeat-x;}
a.btn:link .inner, a.btn:visited .inner {float: left; background: url(../images/btn-left.gif) no-repeat;}
a.btn:link .inner2, a.btn:visited .inner2 {float: left; height: 24px; padding: 3px 13px 0px 13px; font-size: 12px; font-weight: bold; color: #51626f; background: url(../images/btn-right.gif) top right no-repeat;}
a.btn:hover {text-decoration: none;}
a.btn:hover .inner2 {color: #777777;}

a.btn-big:link, a.btn-big:visited {width: 24px; height: 24px; background: url(../images/btn-arrow-big.gif) no-repeat;}
a.btn-big:hover {text-decoration: none;}

/* navigation */
#navigation {float: left; padding: 20px 0px 3px 0px;}
#navigation li {float: left; list-style: none;}
#navigation li a:link, #navigation li a:visited {float: left; display: block; width: 162px; height: 21px; padding: 4px 20px 0px 0px; color: #222222; font-size: 13px; font-weight: bold; text-align: right;}
#navigation li a:hover {color: #555555;}
#navigation li.active {background: url(../images/navigation-active.gif) no-repeat;}
#navigation li.sub-active {background: url(../images/navigation-sub-active.gif) no-repeat;}
#navigation a:hover {text-decoration: none;}

#navigation li.subnav {background: url(../images/navigation-subnav.gif) repeat-y;}
#navigation li.subnav a:link, #navigation li.subnav a:visited {height: 20px; padding: 5px 20px 0px 0px; font-size: 12px; font-weight: normal;}
#navigation li.subnav-last {background: url(../images/navigation-subnav-last.gif) left bottom no-repeat;}
#navigation li.subnav-active a:link, #navigation li.subnav-active a:visited {color: #e70f47; font-weight: bold; background: url(../images/navigation-subnav-active.gif) 168px no-repeat;}

/* referrer */
.content-small {float: left; width: 360px;}
.content-small-side {float: right; width: 356px;}
.intro-referrer {float: right;}
.content-wide {float: left; margin-bottom: 25px;}

/* receiver */
.content-small-side .referrer-code {float: right; width: 341px; height: 34px; margin-bottom: 26px; padding: 6px 0px 0px 13px; background: url(../images/referrer-code-bg.gif) no-repeat;}
.content-small-side .referrer-code .title {float: left; padding: 3px 10px 0px 0px;}
.content-small-side .referrer-code input {float: left; width: 100px; margin: 2px 5px 0px 0px; color: #808e98; font-size: 12px; border: 1px solid #d8d8d8;}