/* =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; }

/* 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:265px; height:62px; padding:10px 25px 0 15px; color:#000; font-size:23px; float:left; display:block; text-align:center; 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
---------------------------------------------------------------------------------------------------*/
.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;
	text-align: justify;
}
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 { width:900px; height:125px; padding:45px 0 0 20px; float:left; }
.product-box li h2 { width:440px; font-size:24px; padding:10px 0 0 0; line-height:1.2em; float:left;  position:relative; }
.product-box li h2 span { font-weight:normal; display:block; }
.product-box li a { width:238px; height:72px; cursor:pointer; padding:10px 20px 0 0; font-size:22px; font-weight:bold; float:left; color:#fff; text-decoration:none; line-height:1.1em; text-align:center; }
.product-box li.product-or { line-height:30px; height:40px; font-size:18px; padding:0; text-align:center; }
.product-box li.product-1 { background:#ADE41F url(../images/layout/product-box1.jpg) no-repeat top; }
.product-box li.product-2 { background:#FFD500 url(../images/layout/product-box2.jpg) no-repeat top; }
.product-box li.product-1 a { text-shadow:-1px -1px #3A4E00; background:url(../images/layout/button-product1.png); }
.product-box li.product-2 a { text-shadow:-1px -1px #C85F00; background:url(../images/layout/button-product2.png); }
.product-box li a:hover { text-decoration:underline; }
.product-box li .labelUser { width:81px; height:28px; position:absolute; top:-12px; left:-5px; display:block; background:url(../images/layout/label-newuser.png) no-repeat top left; }

/* =FORM
---------------------------------------------------------------------------------------------------*/
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.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 40px; 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; }

/* =ABOUT LIST
---------------------------------------------------------------------------------------------------*/
.about-list { margin-left:-10px; padding:10px 0 30px 0; }
.about-list p { margin:0 0 10px 0; }
.about-list li { padding:0 0 25px 115px; background-position:0 5px; background-repeat:no-repeat; }
.about-list li.about01 { background-image:url(../images/layout/icon-about01.png); }
.about-list li.about02 { background-image:url(../images/layout/icon-about02.png); }
.about-list li.about03 { background-image:url(../images/layout/icon-about03.png); }
.about-list li.about04 { background-image:url(../images/layout/icon-about04.png); }
.about-list li.about05 { background-image:url(../images/layout/icon-about05.png); }
.about-list li.about06 { background-image:url(../images/layout/icon-about06.png); }
.about-list li.about07 { background-image:url(../images/layout/icon-about07.png); }
.about-list li.about08 { background-image:url(../images/layout/icon-about08.png); }

/* =GALLERY BOX
---------------------------------------------------------------------------------------------------*/
.gallery-box li { width:209px; float:left; margin:0 25px 25px 0; text-align:center; }
.gallery-box li.rear { margin-right:0; }
.gallery-box a { width:200px; height:151px; padding:7px 0 0 9px; margin:0 0 5px 0; display:block; position:relative; background:#F4F4F4 url(../images/layout/bg-gallery-box.png) no-repeat top left; }
.gallery-box em { font-style:normal; color:#666666; line-height:1.4em; padding:0 10px; display:block; }
.gallery-box .zoom { width:69px; height:69px; display:block; position:absolute; cursor:pointer; top:42px; left:70px; background:url(../images/layout/icon-zoom.png) no-repeat top left; }