/***************************************************/ /* Body /***************************************************/ * { margin: 0px; padding: 0px; text-decoration:none; } body { background: #fff url(/design/images/bkg.gif) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#444d54; } /***************************************************/ /* Global Links /***************************************************/ a:link { color: #444d54; } a:visited { color: #444d54; } a:hover { color: #0099CC; } /***************************************************/ /* Main /***************************************************/ .clear { clear:both;} #wrapper { width: 781px; margin:auto; } /***************************************************/ /* Top /***************************************************/ #top { height: 102px; width: 781px; } #header { float: left; width: 210px; } #header h1{text-indent:-10000px;} #header h1 a{display:block;background:url(/design/images/logo.gif) no-repeat left;height:102px; outline:none;} #lheader { float: right; height: 102px; width: 420px; padding-right:20px; } #login { background: url(/design/images/loginbox.gif) no-repeat top right; height: 76px; width: 420px; text-align:right; } .login { font-weight: bold; padding-right:7px; padding-top:5px; text-transform:uppercase; font-size:10px; float:right; } #flags { padding-top:8px; padding-left:150px; } #flags ul { list-style:none; position:relative; } #flags li { display:inline; text-indent:-8000px; } #flags a { display:block; float:left; text-decoration:none; height:11px; width:16px; padding-right:11px; } #german a { background:url(/design/images/de.gif) no-repeat; } #france a { background:url(/design/images/fr.gif) no-repeat; } #netherlands a { background:url(/design/images/nl.gif) no-repeat; } #espanol a { background:url(/design/images/es.gif) no-repeat; } #italy a { background:url(/design/images/it.gif) no-repeat; } /***************************************************/ /* Navigation /***************************************************/ #nav { height: 29px; width:420px;} ul.nav{ height:26px; line-height:26px;float:right;list-style:none;font-size:12px;text-transform:uppercase; font-family:"Trebuchet MS"; font-weight:bold;} ul.nav li{float:left !important;list-style-type:none;padding-left:3px; background:url(/design/images/nav-left.gif) no-repeat left; border-left:10px solid #fff;} ul.nav li a,ul.nav li a:link,ul.nav li a:visited{background:url(/design/images/nav-right.gif) no-repeat right; color:#7a8186;float:left;display:block;text-decoration:none;padding:0 12px;} ul.nav li a:hover,ul.nav li a:active{color:#555;text-decoration:none;} ul.nav li ul{float:left;} /***************************************************/ /* Contents /***************************************************/ #main { background: url(/design/images/topbox.gif) no-repeat; height: 226px; width: 781px; margin-top:5px; } #smain { background: url(/design/images/s-top.gif) no-repeat; height: 168px; width: 781px; margin-top:5px; } #entry { float: left; width: 525px; padding:20px 0 0 15px; } #sentry { float: left; width: 532px; padding:30px 0 0 20px; } h2.join { text-indent: -9999px; width: 488px; height: 95px; background:url(/design/images/join.gif) no-repeat; } h2.fpublishers { text-indent: -9999px; width: 532px; height: 95px; background:url(/design/images/s-publishers.gif) no-repeat; } #items { float: left; width: 500px; padding:5px 0 0 15px; font-family:"Trebuchet MS"; font-weight:bold; } #infos { float: left; width: 380px; font-weight:bold; font-size:12px; text-transform:uppercase; color:#858585; padding-left:10px; } #infos ul {list-style-type:none;} #infos ul li {background:url(/design/images/bullet.gif) no-repeat 0 2px;padding:0 10px 0 20px; margin-bottom:8px;} #signup { float:right; width: 95px; padding-bottom:5px; } #signup h2 {text-indent:-10000px;} #signup h2 a{display:block;background:url(/design/images/signup.gif) no-repeat left;height:85px; outline:none;} #reg { background: url(/design/images/b2.gif) no-repeat; height: 277px; margin-top:3px; } #reg2 { background: url(/design/images/b2.gif) no-repeat; margin-top:3px; } .content { width: 753px; margin:auto; clear:both; } #left { float: left; width: 390px; margin-top:20px; } h2.advertisers { text-indent: -9999px; width: 226px; height: 50px; background:url(/design/images/advertisers.gif) no-repeat; margin-left:20px; } #advertisers { width: 390px; background: url(/design/images/left.gif) no-repeat; } #advertisertext { float: left; width: 270px; margin-top:25px; font-size:11px; } h2.reach { text-indent: -9999px; width: 192px; height: 16px; background:url(/design/images/reach.gif) no-repeat; margin-left:25px; margin-bottom:10px; } #advertisertext ul {list-style-type:none;} #advertisertext ul li {background: url(/design/images/greenbullet.gif) no-repeat 0 5px;padding:0 10px 0 10px; margin-left:25px; margin-bottom:10px;} #getstarted { width: 120px; margin-left:25px; margin-bottom:10px; margin-top:20px; } #getstarted h2 {text-indent:-10000px;} #getstarted h2 a{display:block;background:url(/design/images/get-started.gif) no-repeat left;height:33px; outline:none;} #chart { background: url(/design/images/chart.gif) no-repeat; float: right; height: 97px; width: 114px; margin-top:40px; } #sentry2 { float: left; width: 532px; padding:30px 0 0 20px; } h2.join { text-indent: -9999px; width: 488px; height: 95px; background:url(/design/images/join.gif) no-repeat; } h2.fadvertisers { text-indent: -9999px; width: 532px; height: 95px; background:url(/design/images/s-advertisers.gif) no-repeat; } /***************************************************/ /* Second Box /***************************************************/ #right { float: right; width: 353px; margin-top:20px; } #right p { margin-left:30px; padding-bottom:10px;} h2.publishers { text-indent: -9999px; width: 226px; height: 50px; background:url(/design/images/publishers.gif) no-repeat; margin-left:20px; } #publishers { width: 353px; background: url(/design/images/left.gif) no-repeat; } #publishertext { float: left; width: 350px; margin-top:25px; font-size:11px; } #publishertext ul {list-style-type:none;} #publishertext ul li {background: url(/design/images/orangebullet.gif) no-repeat 0 5px;padding:0 10px 0 10px; margin-left:25px; margin-bottom:10px;} .ptext { width: 320px; margin-left:25px; } #ptextleft { float: left; width: 15px; font-weight:bold; background: url(/design/images/orangebullet.gif) no-repeat 0 5px; padding-left:10px; } #ptextright { float: right; width: 250px; } #ptextright ul{float:left;list-style:none;} #ptextright ul li{float:left !important;list-style-type:none;padding:0 10px 5px 0; background:none; margin:1px;} #creataccount { width: 117px; margin-top:20px; padding-left:30px; } #creataccount h2 {text-indent:-10000px;} #creataccount h2 a{display:block;background:url(/design/images/create-account.gif) no-repeat left;height:34px; outline:none;} /***************************************************/ /* Footer /***************************************************/ #footer { background:#d2e3ee url(/design/images/fbkg.gif) repeat-x; height: 68px; width: 100%; margin-top:40px; } #fbox { width:780px; margin:auto;} .footer { width: 600px; margin:10px 0 0 0; float:left; } ul.footer{height:30px;line-height:30px;float:left;list-style:none; margin-top:10px; font-size:11px;} ul.footer li {float:left !important;list-style-type:none;} ul.footer li a,ul.footer li a:link,ul.footer li a:visited{ background:url(/design/images/nav-bottom.gif) no-repeat right; color:#010101;float:left;display:block;text-decoration:none;padding:0 10px;} #logobottom { float:right; width:129px; height:55px; margin:10px 0 0 0;} #scontent { width: 740px; margin:auto; padding-top:20px; color:#1c2025; font-size:11px; padding-bottom:20px; } #s1 { background:url(/design/images/1.gif) no-repeat 25px 0; padding-left:50px; width:650px;} #works { background: url(/design/images/s-howitworks.gif) no-repeat center top; padding-top:20px; } #s2 { background: url(/design/images/s-border.gif) no-repeat 160px 170px; width:439px; padding-top:200px; padding-left:165px; } p.s2 { color:#1c2025; font-size:11px; background:url(/design/images/2.gif) no-repeat 35px 5px; padding:0px 0 0 70px; height:100px;} #s3 { background: url(/design/images/s-line.gif) no-repeat 160px 0; width: 740px;} #s3border {width:530px; background:url(/design/images/s-border.gif) no-repeat left; height:141px; float:left; } p.s3 { color:#1c2025; font-size:11px; background:url(/design/images/3.gif) no-repeat 35px 40px; padding:40px 0 0 70px; } .signup { float:right; width: 104px; padding-bottom:5px; padding-top:20px; padding-right:20px; } .signup h2 {text-indent:-10000px;} .signup h2 a{display:block;background:url(/design/images/s-signup.gif) no-repeat left;height:98px; outline:none;} #works2 { background: url(/design/images/s-howitworks2.gif) no-repeat center top; padding-top:20px; }