/* =BODY
---------------------------------------------------------------------------------------------------*/
body { margin: 0px; padding:0px; font-size:12px; text-align:left; font-family:Arial, sans-serif; background:#f4f4f4; color:#000; }
textarea,
input,
select { font-size:12px; font-family:Arial, sans-serif; }
.error { color:#e11; font-weight:bold; }

/* misc */
h1, h2, h3, p, form, ul { padding:0; margin:0; }
h1 { font-size:18px; font-weight:normal; margin-bottom:20px; }
h2 { font-size:18px; font-weight:normal; color:#000; margin-bottom:15px; }
h3 { font-size:12px; font-weight:bold; display:block; line-height:170%; margin-top:3px; }
.t1 { font-size:20px; font-weight:normal; color:#000; }
.t2 { font-size:20px; font-weight:normal; color:#000; }
a { color:#0075E2; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
img { border:none; padding:0; margin:0; display:block; }
fieldset { border:0; margin:0; padding:0; }
p { line-height:140%; }
.clear { clear:both; }
.float { float:left; }
.floatRight { float:right; }
ul li { list-style:none; line-height:130%; }
.center { margin:0 auto; text-align:center; }
.mb10 { padding-bottom:10px; }
.mb30 { margin-bottom:30px; }

/* =HEADER
---------------------------------------------------------------------------------------------------*/
.header-out { background:#0D71B6 url(../images/layout/bg-header.gif) repeat-x; }
.header-out.h-welcome-out { background:#0D71B6 url(../images/layout/bg-header-welcome.jpg) repeat-x; }
.header { width:942px; margin:0 auto; height:79px; padding:33px 0 0 18px; }
.header.h-welcome { height:370px; }
.header .logo { float:left; }
.header .title-member { float:right; color:#fff; font-size:30px; padding-top:5px; }

/* =MAIN MENU
---------------------------------------------------------------------------------------------------*/
ul.main-menu { float:right; height:37px; padding:16px 20px 0 0; }
ul.main-menu li { float:left; height:24px; background:url(../images/layout/divider-menu.gif) no-repeat top left; }
ul.main-menu li.first { background:none; }
ul.main-menu li a { float:left; display:block; line-height:24px; height:24px; padding:0 15px; font-size:15px; color:#fff; text-decoration:none; }
ul.main-menu li a:hover { text-decoration:underline; }
ul.main-menu li a.active,
ul.main-menu li a.active:hover { background:#6AA3CE; text-decoration:none; }

/* =MEMBERS MENU
---------------------------------------------------------------------------------------------------*/
ul.members-menu { width:785px; height:42px; padding-left:135px; margin-bottom:40px; background:url(../images/layout/bg-members-menu.gif) no-repeat; }
ul.members-menu li { float:left; padding-left:1px; background:url(../images/layout/divider-members-menu.gif) no-repeat left; }
ul.members-menu li.first { background:none; }
ul.members-menu li a { font-size:15px; text-decoration:none; display:block; float:left; padding:0 20px; height:42px; line-height:42px; }
ul.members-menu li a.active,
ul.members-menu li a.active:hover,
ul.members-menu li a:hover { color:#000; background:url(../images/layout/bg-members-menu-h.gif) repeat-x top; }

/* =BANNERS
---------------------------------------------------------------------------------------------------*/
.banners { width:920px; float:left; margin-bottom:30px; }
.banners .box { width:455px; overflow:hidden; float:left; }
.banners .box.right { float:right; }
.banners .box img { border:1px solid #E3E3E3; }

/* =HEADLINE
---------------------------------------------------------------------------------------------------*/
.headline { width:940px; height:297px; padding:20px 0 0 0; color:#fff; float:left; display:block; position:relative; clear:both; background:url(../images/layout/headline-welcome.jpg) no-repeat top right; }
.headline h1 { font-size:41px; line-height:105%; margin:0 0 0 2px; }
.headline ul { margin:15px 0 15px 2px; }
.headline ul li { font-size:16px; width:900px; float:none; padding-left:17px; background:url(../images/layout/bullet-headline.gif) no-repeat left; }

a.button { width:285px; height:62px; padding:10px 0 0 20px; color:#000; font-size:23px; float:left; display:block; background:#C7FB1E url(../images/layout/button-headline.gif) no-repeat; background-position:top; text-decoration:none; }
a.button span { font-size:16px; display:block; }
a.button:hover { background-position:bottom; background-color:#DEFD79; }
a.button-get { position:absolute; bottom:-20px; right:20px; width:156px; height:132px; text-decoration:none; }

/* =MIDDLE
---------------------------------------------------------------------------------------------------*/
.middle { padding-bottom:20px; background:#fff url(../images/layout/bg-middle.gif) repeat-x top; }

/* =MAIN
---------------------------------------------------------------------------------------------------*/
.main { width:920px; margin:0 auto; padding-top:30px; }
.main.welcome { width:960px; padding-top:15px; background:url(../images/layout/bg-main-welcome.gif) no-repeat top left; }
.main .logos-box { width:920px; padding:0 20px; margin-bottom:10px; }
.main .advertisement { width:920px; height:33px; overflow:hidden; clear:both; padding-top:30px; }
.main .advertisement img { float:left; margin-right:7px; }
.main ol { float:left; display:inline; margin:0; padding:0 0 0 5px; margin-bottom:20px; }
.main ol li { line-height:140%; list-style:none; }
.main ol.list { float:none; display:block; padding:0; margin:0 0 20px 0; }
.main ol.list li { width:450px; background:none; padding:0; margin:0 0 5px 0; }

/* =CONTENT
---------------------------------------------------------------------------------------------------*/
.member { height:350px; }
.content h2 { font-size:12px; font-weight:bold; margin-bottom:10px; }
.content .text-box { width:640px; float:left; margin-right:20px; }
.content p { margin-bottom:20px; }
.content .images-box { width:235px; color:#686868; float:left; text-align:center; line-height:140%; }
.content .images-box img { margin-bottom:4px; }
.content .silver-box { padding:15px; background:#F2F2F2; margin-bottom:20px; }
.content .list { width:320px; float:left; margin-bottom:10px; }
.content .list li { padding-left:12px; background:url(../images/layout/bullet-blue.gif) no-repeat left; line-height:150%; }
.content .list li ul { margin-left:15px; }
.content .list-box { margin:0 0 15px 15px; }
.content .list-box li { list-style:disc; padding:0; background:none; line-height:150%; }
.content .affiliate-logo { display:block; float:left; margin:30px 0 50px 0; }
.content .affiliate-logo img { float:left; }
.content .left-box { width:465px; float:left; }
.content .left-box.large { width:550px; }
.content .right-box { width:426px; float:right; }
.content .secure-box { width:415px; height:50px; padding:15px 0 0 50px; font-size:12px; color:#646464; background:url(../images/layout/icon-lock.gif) no-repeat 0 8px; margin:5px 0 0 0; }
.content .secure-box h2 { font-size:27px; color:#646464; line-height:100%; margin:0; font-weight:normal; }

/* =NEWS PAGE
---------------------------------------------------------------------------------------------------*/
.content.news p { margin-bottom:30px; }
.content.news .date { font-size:10px; text-transform:uppercase; color:#646464; }

/* =PAGINATION
---------------------------------------------------------------------------------------------------*/
.pagination { width:920px; height:40px; text-align:center; background:url(../images/layout/bg-pagination.gif) no-repeat; }
.pagination a { line-height:40px; margin:0 5px; }
.pagination strong { margin:0 5px; }
.pagination .next { margin-left:20px; }
.pagination .prev { margin-right:20px; }

/* =CODE BOX
---------------------------------------------------------------------------------------------------*/
.code-box { width:920px; clear:both; background:url(../images/layout/bg-code-box.gif) no-repeat top; }
.code-box-in { width:880px; padding:20px; background:url(../images/layout/bg-code-box-bottom.gif) no-repeat bottom; }
.code-box-in .code { margin:0 0 10px 20px; line-height:150%; }

/* =WELCOME-THREE-BOX
---------------------------------------------------------------------------------------------------*/
ul.three-box li { float:left; padding:25px 0 0 20px; margin-right:7px; }
ul.three-box li.box1 { width:295px; background:url(../images/layout/bg-box1.jpg) no-repeat top; }
ul.three-box li.box2 { width:235px; padding-right:60px; background:url(../images/layout/bg-box2.jpg) no-repeat top; }
ul.three-box li.box3 { width:235px; padding-right:60px; background:url(../images/layout/bg-box3.jpg) no-repeat top; margin-right:0; }
ul.three-box li.box4 { width:560px; height:55px; padding:10px 0 0 75px; font-size:14px; color:#646464; background:url(../images/layout/icon-lock.gif) no-repeat 20px 8px; margin:5px 0 0 0; }
ul.three-box li.box4 h2 { font-size:36px; color:#646464; line-height:100%; margin:0; }
* html ul.three-box li { display:inline; }
ul.three-box li .date { font-size:10px; text-transform:uppercase; display:block; clear:both; }
ul.three-box li a { margin-bottom:10px; float:left; }
ul.three-box li p { margin-bottom:10px; }
ul.three-box li ul li { width:235px; padding:0; margin:0 0 7px 0; }
ul.three-box li ul li a { margin:0; font-weight:bold; }

/* =BREADCRUMB
---------------------------------------------------------------------------------------------------*/
.breadcrumb { display:block; margin-bottom:25px; font-size:10px; text-transform:uppercase; }

/* =PRODUCT-BOX
---------------------------------------------------------------------------------------------------*/
.product-box { margin-bottom:25px; display:block; float:left; }
.product-box li { float:left; width:385px; padding:20px 20px 0 20px; }
.product-box li h2 { font-size:18px; font-weight:normal; }
.product-box li p { width:235px; margin-bottom:10px; }
.product-box li.product-or { width:27px; line-height:220px; font-size:18px; text-align:center; }
.product-box li.product-1 { background:url(../images/layout/product-box1.jpg) no-repeat top; }
.product-box li.product-2 { background:url(../images/layout/product-box2.jpg) no-repeat top; }
.product-box li ul { margin-bottom:15px; float:left; }
.product-box li ul li { width:225px; padding:0 0 0 10px; background:url(../images/layout/bullet-product.gif) no-repeat left; }
.product-box li a { width:285px; height:67px; padding-right:8px; line-height:60px; text-align:center; display:block; float:left; font-weight:bold; font-size:23px; color:#000; text-decoration:none; background-position:top; }
.product-box li.product-1 a { background:#B1EF14 url(../images/layout/button-product1.gif); }
.product-box li.product-2 a { background:#FFBD07 url(../images/layout/button-product2.gif); }
.product-box li a:hover { background-position:bottom; }

/* =FORM
---------------------------------------------------------------------------------------------------*/
form.checkout { width:680px; padding:20px 0 0 0; float:left; background:url(../images/layout/bg-contact-form.jpg) no-repeat top; }
form.checkout fieldset { width:660px; padding:0 30px 27px 30px; background:url(../images/layout/bg-contact-form-bottom.jpg) no-repeat bottom; }
form.checkout .form-box-left { width:405px; float:left; }
form.checkout .form-box-right { width:405px; float:right; }
form.checkout label { width:110px; text-align:right; float:left; margin-right: 10px; }
form.checkout select { width:378px; float:left; margin:8px 0 0 0; }
form.checkout .textinput { width:364px; float:left; margin-left: 4px; }

form.report { width:680px; padding:20px 0 0 0; float:left; background:url(../images/layout/bg-contact-form.jpg) no-repeat top; }
form.report fieldset { width:660px; padding:0 30px 27px 30px; background:url(../images/layout/bg-contact-form-bottom.jpg) no-repeat bottom; }
form.report .form-box-left { width:405px; float:left; }
form.report .form-box-right { width:405px; float:right; }
form.report label { width:110px; text-align:right; float:left; margin-right: 10px; }
form.report select { width:378px; float:left; margin:8px 0 0 0; }
form.report .textinput { width:364px; float:left; margin-left: 4px; }
form.report .field-textarea { width:342px; height:168px; padding:2px 3px 0 0; float:left; background:url(../images/layout/bg-textarea-large.gif) no-repeat; }
form.report .filefield { width:375px; height:27px; padding:2px 3px 0 0; margin:3px 0 4px 0; float:left; background:url(../images/layout/bg-input-large.gif) no-repeat; }

.reportlist { margin-bottom:10px; }
.reportlist li { padding-left:12px; background:url(../images/layout/bullet-blue.gif) no-repeat left; line-height:150%; }
.reportlist li ul { margin-left:15px; }


form.members-prof { width:920px; padding:20px 0 0 0; float:left; background:url(../images/layout/bg-contact-form.jpg) no-repeat top; }
form.members-prof fieldset { width:860px; padding:0 30px 27px 30px; background:url(../images/layout/bg-contact-form-bottom.jpg) no-repeat bottom; }
form.members-prof .form-box-left { width:405px; float:left; }
form.members-prof .form-box-right { width:405px; float:right; }
form.members-prof label { width:110px; text-align:right; float:left; }
form.contact-us { width:920px; padding:20px 0 0 0; float:left; background:url(../images/layout/bg-contact-form.jpg) no-repeat top; }
form.contact-us fieldset { width:860px; padding:0 30px 27px 30px; background:url(../images/layout/bg-contact-form-bottom.jpg) no-repeat bottom; }
form.contact-us .form-box-left { width:445px; float:left; }
form.contact-us .form-box-right { width:405px; float:right; }
form.sign-version { width:426px; float:right; background:url(../images/layout/bg-form-small.gif) no-repeat top; }
form.sign-version fieldset { width:366px; padding:20px 30px; float:right; background:url(../images/layout/bg-form-small-bottom.gif) no-repeat bottom; }
form.sign-version .submit { margin:0 0 0 80px; }
form.member-version { width:426px; float:left; background:url(../images/layout/bg-form-small.gif) no-repeat top; }
form.member-version fieldset { width:366px; padding:20px 30px; float:right; background:url(../images/layout/bg-form-small-bottom.gif) no-repeat bottom; }
form.member-version .submit { margin:0 0 0 80px; }
form.sign-affiliate { width:331px; float:right; background:url(../images/layout/bg-form-affiliate.gif) no-repeat top; }
form.sign-affiliate fieldset { width:291px; padding:20px; float:right; background:url(../images/layout/bg-form-affiliate-bottom.gif) no-repeat bottom; }
form.sign-affiliate .submit { margin:0 0 0 95px; }
form.members-login { width:430px; padding:25px 25px 40px 25px; margin:0 auto; border-bottom:2px solid #F1F1F1; background:url(../images/layout/bg-member-login.gif) no-repeat top; }
form.members-login h1 { font-size:20px; font-weight:normal; margin-bottom:20px; }
form.members-login label { width:110px; text-align:right; float:left; }
form.members-login .field.medium { margin-right:20px; }
form.members-login .button-send { float:right; margin:3px 40px 0 10px; }
* html form.members-login .field.medium,
* html form.members-login .button-send { display:inline; }
form.members-login p { padding:0; margin:0 0 2px 0; }
form.members-login .submit { padding:5px 0 15px 0; }
form .i-agree { margin-bottom:15px; float:right; }
form .i-agree input { margin:0 0 0 4px; }
form .radio { margin-bottom:20px; }
form .radio input { float:left; margin:8px 5px 8px 0; width:13px; height:13px; }
form .radio label { float:left; width:165px; margin:8px 0; line-height:1; }
form .radio img { float:left; margin:5px 7px 3px 0; }
form .checkbox { float:left; margin:10px 5px 5px 10px; width:13px; height:13px; }
form p.small-click { font-size:11px; margin:0 0 0 95px; padding:0; }

form label { float:left; line-height:29px; margin:3px 0 4px 0; }
form select { width:377px; float:right; margin:8px 0 0 0; }
form .field { width:375px; height:27px; padding:2px 3px 0 0; margin:3px 0 4px 0; float:right; background:url(../images/layout/bg-input-large.gif) no-repeat; }
form .field input { width:367px; height:20px; padding:5px 0 0 5px; float:right; border:0; background:transparent; }
form .field.medium { width:285px; height:27px; padding:2px 3px 0 0; margin:3px 0 4px 0; float:right; background:url(../images/layout/bg-input-medium.gif) no-repeat; }
form .field.medium input { width:278px; height:20px; padding:5px 0 0 5px; float:right; border:0; background:transparent; }
form .field.small { width:195px; height:27px; padding:2px 3px 0 0; margin:3px 0 4px 0; float:right; background:url(../images/layout/bg-input-small.gif) no-repeat; }
form .field.small input { width:188px; height:20px; padding:5px 0 0 5px; float:right; border:0; background:transparent; }
form .field-textarea { width:342px; height:168px; padding:2px 3px 0 0; float:right; background:url(../images/layout/bg-textarea-large.gif) no-repeat; }
form .field-textarea textarea { width:333px; height:153px; padding:7px 0 0 5px; border:0; float:right; background:transparent; }
form .field-textarea-small { width:194px; height:153px; padding:2px 3px 0 0; margin-bottom:20px; float:right; background:url(../images/layout/bg-textarea-small.gif) no-repeat; }
form .field-textarea-small textarea { width:185px; height:143px; padding:7px 0 0 5px; border:0; float:right; background:transparent; }
form p { color:#646464; }
form fieldset .submit { width:72px; margin:0 auto; }

/* =FOOTER
---------------------------------------------------------------------------------------------------*/
.footer-out { padding:30px 0 80px 0; background:#F4F4F4 url(../images/layout/bg-footer.gif) repeat-x top; }
.footer { width:920px; margin:0 auto; color:#ACACAC; font-size:10px; text-transform:uppercase; }
.footer a { color:#ACACAC; }
.footer a.krea { color:#ACACAC; text-decoration:none; margin-left:25px; }
.footer a.krea:hover { text-decoration:underline; }