@charset "utf-8";
/* CSS Document */

/* ----- GENERAL ----- */
body { padding: 0; margin: 0; font-family: Arial; text-align: center; font-size: 12px; color: #000; background-color: #E3E3E3; line-height: 150%;}
img { display: block; border: 0; }

a { color: #00438F; font-weight: normal; }

a:hover { text-decoration: none; }

h2 { font-size: 18px; }
h3 { font-size: 15px; }
h4 { font-size: 14px; }


/* GLOBAL TABLE STYLES */
table.table_header { background-color: #FFF; padding: 10px 0; color:#FFF; }
table.table_header b { color:#FFF; }
table.table_header table td { color:#FFF; }
table.table_header tr { background: #4E4E4E; color:#FFF; }
tr.table_header_row { background: #4E4E4E; color:#FFF; }
tr.table_header_row td { background: #4E4E4E; color:#FFF; }
table.table_header tr, tr.table_header_row a { color: #FFF; }


/* ----- #CONTAINER ----- */
div#container{ width: 808px; margin: 20px auto 20px auto; text-align: center; background: url(images/bg/content.gif) repeat-y top left; }


/* ----- #HEADER ----- */
div#header-bar { width: 100%; height: 20px; background: url(images/bg/header-bar-text.gif) repeat-x top left; }
div#header { width: 780px;  height: 138px; margin: 0 auto; background: #131313 url(images/bg/header.jpg) no-repeat top left; overflow: hidden; }
div#header .login_box { width: 245px; float: right; color: #EFEFEF; padding: 20px 0 0 0; text-align: left; font-size: 12px; line-height: 12px; }
div#header .login_box label { display: block; float: left;  width: 65px; padding: 0; margin: 4px 0 12px 0; }
div#header .login_box input { display: block; float: left; margin: 0 ; padding: 2px; border: 0;}
div#header .login_box input.text { width: 138px; }
div#header .login_box input.password { width: 110px; }
div#header .login_box input.image { margin: 0 0 0 5px; padding: 0; }
div#header .login_box img { }
div#header .login_box br { clear: both; line-height: 10px;}
div#header .login_box a { font-size: 11px; color: #FFF; line-height: 4px;}



/* ----- NAVIGATION ----- */
div#navigation { width: 780px; height: 47px; overflow: hidden; margin: 0 auto; clear: both; }
div#navigation img { float: left; }
div#navigation div { float: left; height: 47px;}
div#navigation a { display: block; height: 47px; text-decoration: none;}

div#navigation div#navigation_home { background: url(images/navigation/home-over.gif) no-repeat top left; }
div#navigation div#navigation_home a { width: 62px; background: url(images/navigation/home.gif) no-repeat top left; }
div#navigation div#navigation_home a:hover { background-image: none; }

div#navigation div#navigation_signup { background: url(images/navigation/signup-over.gif) no-repeat top left; }
div#navigation div#navigation_signup a { width: 81px; background: url(images/navigation/signup.gif) no-repeat top left; }
div#navigation div#navigation_signup a:hover { background-image: none; }

div#navigation div#navigation_websites { background: url(images/navigation/websites-over.gif) no-repeat top left; }
div#navigation div#navigation_websites a { width: 96px; background: url(images/navigation/websites.gif) no-repeat top left; }
div#navigation div#navigation_websites a:hover { background-image: none; }

div#navigation div#navigation_programs { background: url(images/navigation/programs-over.gif) no-repeat top left;  }
div#navigation div#navigation_programs a { width: 98px; background: url(images/navigation/programs.gif) no-repeat top left; }
div#navigation div#navigation_programs a:hover { background-image: none; }

div#navigation div#navigation_resources { background: url(images/navigation/resources-over.gif) no-repeat top left;  }
div#navigation div#navigation_resources a { width: 105px; background: url(images/navigation/resources.gif) no-repeat top left; }
div#navigation div#navigation_resources a:hover { background-image: none; }

div#navigation div#navigation_faq { background: url(images/navigation/faq-over.gif) no-repeat top left;  }
div#navigation div#navigation_faq a { width: 55px; background: url(images/navigation/faq.gif) no-repeat top left; }
div#navigation div#navigation_faq a:hover { background-image: none; }

div#navigation div#navigation_contact { background: url(images/navigation/contact-over.gif) no-repeat top left;  }
div#navigation div#navigation_contact a { width: 91px; background: url(images/navigation/contact.gif) no-repeat top left; }
div#navigation div#navigation_contact a:hover { background-image: none; }


div#navigation div#members_home { background: url(images/members_navigation/home-over.gif) no-repeat top left;  }
div#navigation div#members_home a { width: 96px; background: url(images/members_navigation/home.gif) no-repeat top left; }
div#navigation div#members_home a:hover { background-image: none; }

div#navigation div#members_stats { background: url(images/members_navigation/statistics-over.gif) no-repeat top left;  }
div#navigation div#members_stats a { width: 103px; background: url(images/members_navigation/statistics.gif) no-repeat top left; }
div#navigation div#members_stats a:hover { background-image: none; }

div#navigation div#members_codes { background: url(images/members_navigation/link_codes-over.gif) no-repeat top left;  }
div#navigation div#members_codes a { width: 116px; background: url(images/members_navigation/link_codes.gif) no-repeat top left; }
div#navigation div#members_codes a:hover { background-image: none; }

div#navigation div#members_promo { background: url(images/members_navigation/promo_materials-over.gif) no-repeat top left;  }
div#navigation div#members_promo a { width: 154px; background: url(images/members_navigation/promo_materials.gif) no-repeat top left; }
div#navigation div#members_promo a:hover { background-image: none; }

div#navigation div#members_referrals { background: url(images/members_navigation/refferals-over.gif) no-repeat top left;  }
div#navigation div#members_referrals a { width: 103px; background: url(images/members_navigation/refferals.gif) no-repeat top left; }
div#navigation div#members_referrals a:hover { background-image: none; }

div#navigation div#members_rewards { background: url(images/members_navigation/rewards-over.gif) no-repeat top left;  }
div#navigation div#members_rewards a { width: 102px; background: url(images/members_navigation/rewards.gif) no-repeat top left; }
div#navigation div#members_rewards a:hover { background-image: none; }

div#navigation div#members_support { background: url(images/members_navigation/support-over.gif) no-repeat top left;  }
div#navigation div#members_support a { width: 106px; background: url(images/members_navigation/support.gif) no-repeat top left; }
div#navigation div#members_support a:hover { background-image: none; }


/* ----- #FOOTER ----- */
div#footer { width: 100%; height: 96px; clear: both; background: url(images/bg/footer.jpg) no-repeat top left; text-align: left;}
div#footer .content {  padding: 30px 0 0 0;margin:0 0 0 115px; line-height: 180%; color: #4E4E4E; font-size: 11px; text-align: center; width: 480px; font-weight: normal; }
div#footer .content a { color: #FFF; font-weight: normal; }


/* ----- #CONTENT-WRAPPER ----- */
div#content-wrapper { margin: 0 auto; width: 780px; text-align: left;  clear: both;}


/* ----- #CONTENT-HEADER ----- */
div#content-header-frontpage {  }

div#content-header {  background: #FFF url(images/bg/title-bar.jpg) no-repeat top left; width:100%; height:46px;}
div#content-header-members {  background: #FFF url(images/bg/title-bar-omoney.jpg) no-repeat top left; width:100%; height:46px; text-align:center; }
div#content-header-members h1 { font-size: 24px; font-weight: normal; color: #515151; margin: 0; line-height: 46px;  }
div#content-header img { margin: 0 auto; }

div#content-footer {  background: #FFF url(images/bg/content-feat-big.gif) no-repeat top left; width:100%; height:129px;}

/* ----- #CONTENT ----- */
div#content {  margin: 0 auto; clear: both; background: #FFF; }


div#content div#news { float: left;  background-color: #FFF; width: 268px; height: 319px; }
div#content div#news .content {  _line-height: 16px; width: 228px; height: 241px; overflow:hidden; margin: 16px auto 0px auto; padding:0; } 
div#content div#news .content .date { color: #B3B3B3; padding: 0; margin: 0; }
div#content div#news .content .hr { border-top: 1px solid #EFEFEF; margin: 7px 0 7px 0; padding: 0; height: 1px; line-height: 1px; }
div#content div#news img { float: none; display:inline; }


div#content div#welcome { float: left; width: 268px; height: 319px; background: url(images/bg/content-welcome.jpg) no-repeat top left; }
div#content div#welcome .content { padding: 27px 20px 0 20px; _line-height: 18px;}
div#content div#welcome p { margin: 20px 0;}
div#content div#welcome .content strong { font-size: 15px; line-height: 133%;}
div#content div#welcome .content a { font-size: 14px; font-weight: bold;}

div#content div#features { float: left; width: 536px; height: 150px; background: url(images/bg/content-feat.gif) no-repeat top left; }
div#content div#topconverting { float: right; width: 244px; height: 532px; background: url(images/bg/content-converting.jpg) repeat-x bottom left; }
div#content div#topconverting .content { margin: 22px 17px 0 17px; text-align: center; padding:0; }
div#content div#topconverting .content img { border: 3px solid black; margin: 0 0 6px 0;}

div#content div#signup_button { width: 536px; float: left; }


div#program { width: 740px; margin: 0 auto; overflow: auto; padding: 20px 0; line-height: 160%; }

div#program .left { width: 368px; border-right: 3px solid #F0F0F0; float:left; text-align: right; }
div#program .right { width: 369px; float:right; }
div#program .left .content { padding: 10px 30px 10px 60px; }
div#program .right .content { padding: 10px 60px 10px 30px; }
div#program br { clear:both; }

div#resources { width: 690px; margin: 0 auto; overflow: auto; padding: 20px 0 50px 0; line-height: 160%; }
div#resources h3.title { padding: 20px 0 7px 20px; border-bottom: 3px solid #F0F0F0; }
div#resources div.resources { width: 660px; margin: 0 auto; overflow:auto; }
div#resources div.resources img { float:left; margin: 2px; border: 3px solid #F0F0F0; }

div#faq { width: 690px; margin: 0 auto; overflow: auto; padding: 20px 0 50px 0; line-height: 160%; }
div#faq h3.title { padding: 20px 0 7px 20px; border-bottom: 3px solid #F0F0F0; }
div#faq div.resources { width: 660px; margin: 0 auto; overflow:auto; }

div#websites { width: 660px; margin: 0 auto; overflow: auto; padding: 20px 0 50px 0; line-height: 160%; }
div#websites br { clear:left; }
div#websites .website { width: 214px; margin: 5px 2px 10px 2px; float: left; text-align:justify; }
div#websites .website img { margin: 5px 0; border: 2px solid #333333; }
div#websites .website h4 { margin: 0; padding:0 0 0 8px; font-size: 110%; }
div#websites .website p { margin: 0; padding:0 8px 0 8px; }

div#signup-wrapper { width:100%; background: #FFF url(images/bg/signup.gif) repeat-x bottom left; }
div#signup { width: 690px; margin: 0 auto; overflow: auto; padding: 20px 0; }
div#signup br { clear:left; }
div#signup h3.title { padding: 20px 0 7px 20px; border-bottom: 3px solid #F0F0F0; }
div#signup div.part { width: 620px; margin: 0 auto; overflow:auto; line-height: 250%; }
div#signup label { float:left; width: 120px; margin: 0 10px 0 0; text-align:right; }
div#signup input.text { width: 276px; float:left; margin: 3px 0 0 0;}
div#signup select.text { width: 276px; float:left; margin: 3px 0 0 0;}
div#signup input.checkbox { margin: 2px 5px 0 0;}
div#signup input.signup { display:block; margin: 20px auto 20px auto;}

div#contact { width: 720px; margin: 0 auto; overflow: auto; padding: 20px 0 50px 0; line-height: 160%; }
div#contact table { width: 670px; margin: 0 auto; clear:both; }
div#contact th { padding: 3px 0 3px 20px; border-bottom: 3px solid #F0F0F0; font-size:120%; }
div#contact td { padding: 3px 20px 0px 20px; }

div#contact #form { width: 694px; margin: 20px auto 25px auto; background: #FAFAFA; border: 3px solid #F0F0F0; overflow: auto; }
div#contact #form .content { padding: 20px 25px 0 25px; line-height: 250%; clear:both; }
div#contact #form h3 { margin: 0 0 10px 0;}
div#contact label { float:left; width: 77px; margin: 0 10px 0 0; text-align:right; }
div#contact input.text { width: 276px; float:left; margin: 3px 0 0 0;}
div#contact textarea.text { width: 526px; float:left; margin: 3px 0 0 0;}
div#contact input.submit { display:block; float:left; margin: 10px 0 20px 0;}
div#contact br { clear:both; }

div#content .content { padding: 20px 25px 50px 25px; }

.admin_links img { float: none; display: inline; }