img, div, a { behavior: url(http://img.rankplan.net/p/1/iepngfix.htc) }
html {
font-family:"verdana";
height: 100%;
margin-bottom: 1px;
}
body {
height: 100%;
margin: 0;
padding: 0;
text-align: center;
background-image:url('http://img.rankplan.net/p/1/background.jpg');
background-repeat:repeat-x;
background-color: #000;
color: #fff;
font-size:0.8em; /* 13px now */
}
a {
color: #fff;
text-decoration: none;
}
a:hover {
color: #D80226;
}
h1 {
font-size: 1.6em;
display: inline;
font-weight: normal;
}
h2 {
font-size: 1.6em;
display: inline;
font-weight: normal;
}
h3 {
font-size: 1.8em;
display: inline;
font-weight: bold;
text-transform: uppercase;
color: #333;
}
#siteContainer {
width: 980px;
margin: 0 auto;
text-align: left;
margin-top: 4px;
}
img {
border: 0px;
}
#header {
width: 980px;
height: 88px;
background-image:url('http://img.rankplan.net/p/1/header_bg.jpg');
display: block;
text-align: center;
line-height: 88px;
}
.headerLeft {
width: 200px;
float: left;
display: block;
height: 88px;
}
.headerMiddle {
width: 580px;
float: left;
display: block;
height: 88px;
}
.headerRight {
width: 200px;
float: left;
display: block;
height: 88px;
}
#footer {
margin-top: 22px;
width: 980px;
display: block;
}
.footerBlock {
width: 225px;
background-color: #000;
float: left;
height: 150px;
display: block;
}
.footerBlockHeading {
background-image:url('http://img.rankplan.net/p/1/footer_heading_bg.jpg');
background-repeat:repeat-x;
height: 25px;
width: 221px;
line-height: 25px;
padding-left: 4px;
text-align: center;
}
.partnerBox {
width: 458px;
height: 120px;
display: block;
background-image:url('http://img.rankplan.net/p/1/partner_bg_box.jpg');
}
.steps {
width: 436px;
height: 102px;
display: block;
}
.one {
background-image:url('http://img.rankplan.net/p/1/free_step1.jpg');
}
.two {
background-image:url('http://img.rankplan.net/p/1/free_step2.jpg');
}
.three {
background-image:url('http://img.rankplan.net/p/1/free_step3.jpg');
}
.four {
background-image:url('http://img.rankplan.net/p/1/free_step4.jpg');
}
.partners {
height: 980px;
width: 980px;
display: block;
background-color: #000;
}
.basicMiddle {
width: 980px;
display: block;
background-color: #000;
}
.order {
width: 980px;
display: block;
background-color: #000;
background-image:url('http://img.rankplan.net/p/1/middle_bg.jpg');
background-repeat:no-repeat;
}
.orderLeft {
display: block;
width: 480px;
float: left;
}
.orderRight {
display: block;
width: 480px;
float: left;
}
.click {
width: 158px;
text-align: center;
margin-left: 120px;
*margin-left: 0px;
display: block;
height: 158px;
background-image:url('http://img.rankplan.net/p/1/click_here_hover.jpg');
line-height: 1.1em;
font-size: 2em;
font-weight: bold;
}
.click a {
color: #fff;
display: block;
cursor: hand;
}
.clickHover {
background-image:url('http://img.rankplan.net/p/1/click_here.jpg');
}
.homepage {
height: 450px;
width: 980px;
display: block;
}
.clickHoverBg {
background-color: #000;
background-image:url('http://img.rankplan.net/p/1/homepage_bg_green.jpg');
}
.homepageLeft {
background:url('http://img.rankplan.net/p/1/marcel_luske.jpg') no-repeat bottom center;
display: block;
width: 292px;
float: left;
height: 450px;
}
.homepageMiddle {
height: 450px;
float: left;
display: block;
width: 396px;
text-align: center;
}
.homepageRight {
display: block;
width: 292px;
float: left;
height: 450px;
}
.clear {
clear: both;
}
#contentContainer {
width: 980px;
display: block;
margin-top: 22px;
border: 1px solid #302D28;
background-color: #000;
}
.dropdown dd, .dropdown dt, .dropdown ul {
margin:0px;
padding:0px;
font-size: 0.8em;
}
.dropdown dd {
position:relative;
}
/* DT styles for sliding doors */
.dropdown dt a {
line-height: 25px;
display:block;
padding-left:10px;
border: 1px solid #000;
width:115px;
padding-bottom: 1px;
height: 25px;
color: #999;
}
.dropdown dt a span {
cursor:pointer;
display:block;
padding:0px;
}
/* UL styles */
.dropdown dd ul {
background:#000 none repeat scroll 0 0;
display:none;
list-style:none;
padding:5px 0px;
padding-left: 10px;
position:absolute;
right:0px;
top:2px;
width:auto;
min-width:520px;
font-weight: bold;
border: 1px solid #302D28;
font-size: 1.2em;
text-align: left;
height: 180px;
}
.dropdown span.value {
display:none;
}
.dropdown dd ul li {
float: left;
}
.dropdown dd ul li a {
padding:3px;
padding-left: 25px;
display:block;
float: left;
width: 100px;
line-height: 20px;
height: 20px;
}
.button{
display:block;
color:#fff;
text-transform: uppercase;
font-weight:bold;
height:33px;
line-height:33px;
font-size: 1.1em;
text-decoration:none;
width:120px;
}
a:hover.button{
color:#000;
}
/* -------------------- */
/* CLASSES				*/
/* -------------------- */
.join{
background-color: #78D15D;
display:block;
width: 120px;
text-align: center;
border: 1px solid #fff;
}
blockquote {
width: 100%;
margin: 0px;
padding: 0px;
font-size: 0.9em;
}
blockquote.exclamation {
color: red;
border-bottom: 1px solid red;
}
blockquote.go {
color: green;
border-bottom: 1px solid green;
}
label {
display: block;
margin-top: 0px;
float: left;
font-size: 0.8em;
width: 100px;
text-align: right;
padding-right: 20px;
font-size: 1.0em;
}
#registration label {
width: 170px;
text-align: left;
}
textarea {
background-color: #000;
color: #fff;
border: 1px solid #333;
width: 300px;
height: 100px;
}
input {
background-color: #000;
color: #fff;
border: 1px solid #333;
}
input[type="text"] {
width: 260px;
}
.getId {
width: 50px;
font-size: 0.8em;
}