/* common elements */
* {margin:0; padding:0; border:none;}
td, table {border-collapse:collapse;}
ul li {list-style:none;}
a {color:#000000; text-decoration:underline;}
a:hover {text-decoration:none;}
span.decor {position:absolute; display:block; text-indent:-100em; overflow:hidden;}
h3 {color:#ed0000; text-transform:uppercase; font-weight:normal; font-size:100%; margin:5px 0;}
input {vertical-align:middle; background:#D8D8D8; border:1px solid #C1C1C1}
input.txt, select {height:14px; width:224px; padding:2px; border:1px solid #C1C1C1; background:#D8D8D8; color:#3b3b3b; font-size:90%;}
select {height:18px; width:228px; padding:0; vertical-align:middle;}
textarea {width:100%; border:1px solid #cecece;}
.img {display:block; overflow:hidden; text-indent:-100em;}
a.more {width:82px; height:17px; background:url(images2/buttons/more.gif) no-repeat;}


/* main parts, header, footer */
body {width:761px; margin:10px auto;
	font-family:tahoma,sans-serif; font-size:70.01%; color:#c7b299;
	background:url(images2/bg/body.gif) repeat-x #141414; }

#header {height:204px; position:relative; overflow:hidden;
	background:url(images2/bg/header.jpg) no-repeat 0 25px; color:#fff;}
#header h1 {position:absolute; left:60px; top:60px; padding-right:350px;
	background:url(images2/logo.gif) no-repeat center right;}
#header h1 span {display:none;}
#header span.bucks {background:url(images2/decor/money.gif) no-repeat; width:80px; height:30px; left:5px; top:140px;}
#header span.girl {background:url(images2/decor/girl.gif) no-repeat; width:151px; height:139px; right:5px; top:31px;}

#authorize {margin:0 8px 0 120px; height:19px; padding-top:6px; position:relative; font-size:1px; white-space:nowrap;
	background:url(images2/bg/auth.gif) repeat-x #000;}
#authorize span.decor {float:none; height:25px; width:8px; background:no-repeat; top:0;  padding:0; margin:0; float:none;}
#authorize span.left {left:-7px; width:7px; background-image:url(images2/decor/auth_left.gif);}
#authorize span.right {left:100%; background-image:url(images2/decor/auth_right.gif);}
#authorize span {padding-right:4px;}
#authorize span input {background:url(images2/bg/auth_inp.gif) no-repeat; width:110px; height:16px; padding:1px 10px;}
#authorize span label {margin-right:7px;}
#authorize img {vertical-align:middle;}
#authorize input[type=image] {margin-right:3px;}
#authorize input[type=checkbox] {margin-right:3px; }
#inp_remember {width:9px; height:9px;}
#authorize a {margin-left:3px; padding:5px 0;}
#authorize a img {position:relative; top:1px;}

#homelink {position:absolute; left:0; top:0; width:87px; height:25px;
	background:url(images2/buttons/home.gif) no-repeat;}

#mainmenu {position:absolute; bottom:0; left:0; width:763px; height:30px;
	background:url(images2/bg/menu_del.gif) repeat-x;}
#mainmenu li {float:left; width:109px; font-size:1px;}
#mainmenu li a {display:block; margin-right:1px; text-align:center; height:22px; padding-top:8px; 
	background:url(images2/bg/menu.gif) repeat-x;}
#mainmenu li a:hover {background-image:url(images2/bg/menu_active.gif);}


#banners {overflow:hidden; padding-left:1px; background:#000; clear:both;}
#banners div {width:233px; height:93px; float:left; position:relative; padding:10px;
	background:url(images2/bg/banner.jpg) no-repeat;}
#banners div h4 {position:relative; z-index:2;}
#banners strong {display:block; font-weight:normal; margin:13px 0; width:160px;}
#banners .decor {z-index:1; right:0;}
	#tools span.decor {background:url(images2/decor/money.jpg) no-repeat; width:83px; height:88px; top:25px;}
	#tours span.decor {background:url(images2/decor/tv.jpg) no-repeat; top:26px; width:85px; height:87px;}
	#galleries span.decor {background:url(images2/decor/case.jpg) no-repeat; top:28px; width:72px; height:85px;}

#footer {padding:5px 3px 5px 5px; height:52px; position:relative; clear:both; 
	color:#fff; font-size:90%;
	background:url(images2/bg/footer.jpg) no-repeat #000 5px 5px;}
#copyrights {padding-top:10px; padding-left:10px;}
#tos {padding-left:7px; padding-top:3px;}
#tos li {display:inline;}
#tos li:before {content:"\007C\00A0";}
#tos li:first-child:before {content:"";}
#tos li a {padding:0 3px;}

#powered {position:absolute; left:50%; top:50%; margin-top:-15px; margin-left:-43px;}
#designed {position:absolute; left:625px; top:40px;}


/* common parts */
#container {background:url(images2/bg/content.jpg) no-repeat #cfcfcf; border-top:3px solid black; position:relative;}
#container.wrap {padding:10px 6px;}
#content {padding:10px 0 5px 215px;
	background:url(images2/bg/cntn_girl.jpg) no-repeat;}
#container h2 {width:226px; height:29px; padding-top:10px; padding-left:20px; position:relative; top:1px;
	background:url(images2/bg/title.jpg) no-repeat;}
#block {background:url(images2/bg/block.jpg) no-repeat #dcdcdc; border:1px solid white; width:745px; min-height:332px; color:#000;}
#content #block {width:542px;}

#block .content {padding:8px 20px; clear:both;}
#signup {position:absolute; left:425px; top:18px;}
#content #signup {left:522px;}

table.separated {border-bottom:1px solid #d4d4d4; width:100%; margin-bottom:5px;}
td {vertical-align:top; padding:0 5px 6px 0;}
td.lbl {width:120px; padding-top:3px;}
td.inp {width:230px;}
td.mark {color:#ed0000; padding-top:2px;}

.buttons {padding:5px 0 5px 125px;}

dl {padding:0 17px;}
dt {color:#d50200; margin-top:10px;}
dl.marked dt {padding-left:13px; background:url(images2/decor/bullet.gif) no-repeat left .45em;}
dd {padding-bottom:5px;}
dl.marked dd {padding:0 13px 13px; border-bottom:1px solid #d4d4d4;}


/* front page */
#join_info {width:220px; height:255px; float:left;
	background:url(images2/bg/join.jpg) no-repeat;}
#join_info h2 {padding:12px 20px 17px;}
#join_info a {margin:10px 20px; display:block;}
#join_holder p {color:#fff; padding-bottom:5px;}
	/* scroll-box */
	#join_holder {position:relative; left:20px; width:191px; height:143px; overflow:hidden; z-index:100;}
	#wn {position:absolute; left:0; top:0; width:210px; height:143px; overflow:hidden; z-index:1;}
	#lyr {width:167px;}
	#join_holder div.content {position:absolute; visibility:hidden; left:0; top:0; z-index:1;}
	#scrollbar {position:absolute;  left:176px; top:0; width:16px; height:143px; font-size:1px; z-index:2;}
	#track {position:absolute; left:0; top:14px; width:15px; height:115px; z-index:1;	background:#820802;}
	#dragBar {position:absolute; left:1px; top:0; width:13px; height:47px; background:url(images2/scrollbar_drag.png); z-index:1;}
	#scrollbar_up {position:absolute; left:0; top:0; z-index:3; width:15px; height:14px;}
	#scrollbar_down {position:absolute; left:0; bottom:0; z-index:3; width:15px; height:14px;}
	#scrollbar_up span, #scrollbar_down span {width:15px; height:14px; cursor:pointer; display:block;}
	#scrollbar_up span {background:url(images2/scrollbar_up.png) center center no-repeat #820802;}
	#scrollbar_down span {background:url(images2/scrollbar_down.png) center center no-repeat #820802;}


#intro {width:540px; height:255px; float:left;}

#programs {width:298px; height:321px; border:1px solid #f5f5f5; border-bottom:1px solid #dadada; background:url(images2/main-content/porgrams-bg.jpg) no-repeat; float:left; position:relative;}
#programs .current-programs {width:164px; height:23px; margin-top:10px;margin-left:79px;}
#programs .bucks-35 {position:absolute; top:44px; left:146px; width:105px; height:49px;}
#programs div.pay-per-sign-up {position:absolute; top:96px; left:114px; width:149px; height:14px; border:1px solid #e1e1e1;padding-top:4px; padding-left:26px;}
#programs div.pay-per-sign-up img {width:116px; height:10px;}
#programs .b60-40 {position:absolute; top:130px; left:125px; width:150px; height:48px;}
#programs div.partnership-program {position:absolute; top:181px; left:115px; width:171px; height:14px; border:1px solid #e1e1e1;padding-top:4px; padding-left:4px;}
#programs div.partnership-program img {width:167px; height:10px;}
#programs .b5 {position:absolute; top:213px; left:161px; width:82px; height:43px;}
#programs div.rev-share-referral {position:absolute; top:259px; left:114px; width:162px; height:14px; border:1px solid #e1e1e1;padding-top:4px; padding-left:13px;}
#programs div.rev-share-referral img {width:149px; height:10px;}

#advantages {float:left; width:460px;border-top:1px solid #f5f5f5; background:url(images2/main-content/advantages-bottom-bg.gif)  repeat-y;}
.advantages-bottom {background:url(images2/main-content/advantages-bg.jpg) left bottom no-repeat;padding-left:15px;padding-right:35px;width:410px;min-height:280px;float:left;position:relative;padding-bottom:42px;}
#advantages .affiliate-advantages {width:182px; height:23px;margin-top:10px; margin-bottom:5px;}
#advantages div.broadband-content {width:257px;height:195px; background:url(images2/main-content/broadband-content-bg.jpg) no-repeat;position:absolute;bottom:0; right:18px;}
#advantages div.broadband-content .click {position:absolute; top:145px; left:45px; width:163px; height:25px;}
#advantages p {margin-bottom:4px;color:#3b3b3b;}
#advantages p span {color:#d30c0c;}
#advantages p.w165 {width:165px;}


/* othet parts */

ul.programs {padding:5px 0; margin:0 7px; border-bottom:1px solid #d4d4d4; overflow:hidden;}
ul.programs li {float:left; width:33%; border-left:1px solid #d4d4d4;}
ul.programs li:first-child {border:none;}
ul.programs li h3 {text-align:center;}
ul.programs li p {width:155px; margin:5px auto; text-align:left;}
.innovation {padding:10px 182px 15px 17px;}
.innovation p {text-align:justify;}
.innovation_inside {padding:10px 55px 15px 50px;}
.innovation_inside p {text-align:justify;}
#programs-signup {position:absolute; right:1px; bottom:6px;
	background:url(images2/bg/prog_but.gif) no-repeat; width:170px; height:122px;}
#programs-signup a {position:absolute; left:54px; top:90px;}

img.girl {float:left; padding:3px 10px 10px 0;}


.attention {padding:6px 17px; border-bottom:1px solid #d4d4d4; border-top:1px solid #d4d4d4; background:#fff; overflow:hidden; clear:both;}
.attention ul {overflow:hidden; width:555px; margin-top:-3px;}
.attention li {float:left; width:175px; padding-left:10px; color:#d90006; font-size:110%;
	background:url(images2/decor/bullet_red.gif) no-repeat 0 .5em;}
#tools-signup {position:absolute; right:12px; bottom:12px;}


#block div.contact {padding-top:20px; position:relative;font-size:11px;}
#block div.contact p {padding: 0px 20px;}
#block div.contact table {margin-top:15px;width:340px;border:none;}
#block div.contact td.lbl {width:75px;}
#block div.contact td.inp {width:250px;}
#block div.contact input.txt {width:250px;}
#block div.contact .buttons {padding-left:80px;}
#block div.contact textarea.contact {min-height:110px;width:254px;margin:0;}
#block div.contact-us {position:absolute; top:87px; left:370px;}
#block div.contact-us a {text-decoration:underline; color:#000;}
#block div.contact-us p {padding:0;}
#block div.contact-us span {color:#d51313;}

#block div.login table {width:360px;border:none;}
#block div.login {font-size:11px;margin-top:10px;}
#block div.login ul {margin-right:158px;}
#block div.login li {float:left; margin-right:20px;}
#block div.login li a {text-decoration:underline; color:#b52121;}
#block div.login li input {margin-top:-2px;margin-right:4px;}
#block div.login .buttons img {margin-top:10px;float:left;}
#block div.login .buttons-login {float:left;}

#block div.support {padding-top:20px; position:relative;font-size:11px;}
#block div.support p {padding: 0px 20px;}
#block div.support table {margin-top:15px;width:400px;border:none;}
#block div.support td.inp {width:320px;}
#block div.support select {width:230px;}
#block div.support textarea.support {min-height:90px;width:320px;margin:0;}
#block div.support-here {position:absolute; top:57px; left:370px;}
#block div.support-here .btn-here-to-help {width:129px; height:93px;}
#block div.support .buttons {padding-left:73px;}
