html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-size: 11px;
}
div, p, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, input, textarea, select {
margin: 0;
padding: 0;
}
img {border: 0;}
a {outline: none;}
#main {
float: left;
width: 100%;
min-width: 1000px;
}
#header {
float: left;
width: 100%;
height: 165px;
}
.header {
width: 1000px;
height: 165px;
margin: 0 auto 0 auto;
position: relative;
}
.logo {
position: absolute;
left: 55px; top: 40px;
}
.nav {
position: absolute;
left: 393px; top: 0px;
overflow: hidden;
}
.nav ul {list-style: none;}
.nav ul li {
float: left;
display: inline;
margin: 0px 6px 0px 0px;
padding: 70px 0px 0px 0px;
background: url("../images/nav-bg-1.gif") no-repeat 7px 0;
}
.nav ul li div {
float: left;
padding: 0px 0px 0px 5px;
background: url("../images/nav-bg-2.gif") no-repeat 0 0;
}
.nav ul li span {
float: left;
padding: 0px 5px 0px 0px;
background: url("../images/nav-bg-3.gif") no-repeat 100% 0;
}
.nav ul li a {
float: left;
height: 20px;
padding: 6px 2px 0px 2px;
}
.nav ul li a {font: bold 12px Tahoma; color: #4e9e32; text-decoration: underline;}
.nav ul li div:hover {background-position: 0 -74px;}
.nav ul li div:hover span {background-position: 100% -74px;}
.nav ul li div:hover a {background: #4e9e32; color: #ffffff; text-decoration: none;}
.nav ul .active div {background-position: 0 0 !important;}
.nav ul .active span {background-position: 100% 0 !important;}
.nav ul .active a {background: none !important; color: #000000 !important; text-decoration: none !important; cursor: default !important;}
.customer-login {
width: 70px;
padding: 0px 0px 6px 56px;
position: absolute;
left: 834px; top: 68px;
background: url("../images/icon-01.png") no-repeat 0 0;
}
.customer-login a {font: bold 12px Tahoma; color: #4e9e32; text-decoration: underline;}
.customer-login a:hover {text-decoration: none;}
#content {
float: left;
width: 100%;
position: relative;
}
.content-wrapper {
float: left;
width: 100%;
background: #e3e3c2;
}
.content {
width: 1000px;
position: relative;
margin: 0 auto 0 auto;
font: normal 12px Arial;
color: #000000;
}
.content a {font: bold 12px Arial; color: #4e9e32; text-decoration: underline;}
.content a:hover {text-decoration: none;}
.content h1 {
margin: 0px 0px 32px 0px;
font: normal 70px Arial;
line-height: 55px;
color: #000000;
}
.content h1 span {
display: block;
font-weight: bold;
color: #ffffff;
}
.content h2 {
margin: 0px 0px 16px 0px;
padding: 0px 0px 3px 0px;
background: url("../images/title-bg.gif") repeat-x 0 22px;
font: bold 26px Arial;
line-height: 26px;
letter-spacing: -1px;
color: #000000;
}
.content h2 span {color: #0080d9;}
.content h3 {
margin: 0px 0px 12px 0px;
font: bold 16px Arial;
line-height: 16px;
color: #000000;
}
.top-wline {
width: 400px;
height: 11px;
position: absolute;
left: 0px;
margin: -11px 0px 0px 0px;
background: #ffffff;
font-size: 0px;
}
.bottom-wline {
width: 650px;
height: 11px;
position: absolute;
right: 0px;
margin: 0px 0px -11px 0px;
background: #ffffff;
font-size: 0px;
}
.top-gline {
float: right;
width: 60%;
height: 11px;
background: #4e9e32;
font-size: 0px;
z-index: 5;
}
.bottom-gline {
float: left;
width: 60%;
height: 11px;
background: #4e9e32;
font-size: 0px;
z-index: 5;
}
.left-column {
float: left;
width: 300px;
padding: 40px 0px 40px 50px;
}
.right-column {
float: right;
width: 550px;
padding: 40px 50px 40px 0px;
}
.clear {clear: both; font-size: 0;}
.textfield {
padding: 2px 5px 2px 5px;
border: 1px solid #e3e3eb;
border-top: 1px solid #aaadb2;
font: normal 11px Arial;
color: #000000;
}
.wallet {
float: left;
width: 370px;
height: 360px;
display: inline;
position: relative;
margin: -71px -25px 0px -45px;
background: url("../images/sad.jpg") no-repeat 0 0;
font-size: 0px;
z-index: 2;
}
.wallet img {
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
.wallet .link {
position: absolute;
left: 140px; top: 228px;
}
.no-bg {background: none !important;}
.testimonials {
float: left;
width: 280px;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
font: normal 11px Arial;
z-index: 1;
}
.testimonials .title {
width: 290px;
margin: 0px 0px 20px -10px;
}
.testimonials a {font: normal 11px Arial !important; color: #000000 !important; text-decoration: none !important;}
.testimonials a:hover {text-decoration: underline !important;}
.carousel-block {
float: left;
width: 230px;
padding: 0px 25px 0px 25px;
position: relative;
}
.carousel-block .carousel {
float: left;
width: 230px !important;
height: 110px;
display: inline;
overflow: hidden;
}
.carousel-block .carousel ul {
float: left;
width: 250px;
list-style: none;
}
.carousel-block .carousel ul li {
float: left;
width: 230px;
height: 110px;
display: inline;
margin: 0px 20px 0px 0px;
}
.carousel-block .carousel ul li div {
height: 85px;
overflow: hidden;
margin: 0px 0px 10px 0px;
}
.carousel-block .prev {
position: absolute;
left: 0px; top: 3px;
cursor: pointer;
}
.carousel-block .next {
position: absolute;
right: 0px; bottom: 28px;
cursor: pointer;
}
.container {
float: left;
width: 550px;
margin: 0px 0px 35px 0px;
}
.no-offset {margin: 0px 0px 0px 0px;}
.welcome-text {
float: left;
width: 345px;
line-height: 18px;
}
.text-block {
float: left;
width: 100%;
line-height: 18px;
}
.text-block ul {
list-style: none;
margin: -6px 0px 0px 0px;
}
.text-block ul li {
margin: 6px 0px 0px 0px;
padding: 0px 0px 0px 15px;
background: url("../images/bullet-02.gif") no-repeat 0 7px;
}
.st-link {
float: left;
padding: 5px 10px 5px 10px;
background: #4e9e32;
}
.st-link a {font: bold 11px Arial !important; color: #ffffff !important; text-decoration: none !important;}
.st-link a:hover {text-decoration: underline !important;}
.save-money {
float: right;
width: 180px;
margin: 12px 0px 0px 0px;
}
.save-money .coins div {
float: left;
position: relative;
}
.save-money .coin-1 {z-index: 4;}
.save-money .coin-2 {display: none; margin: 0px 0px 0px -25px; z-index: 3;}
.save-money .coin-3 {display: none; margin: 0px 0px 0px -25px; z-index: 2;}
.save-money .coin-4 {display: none; margin: 0px 0px 0px -22px; z-index: 1;}
.save-money .save-link {
float: left;
width: 141px;
height: 46px;
margin: 16px 0px 0px 0px;
padding: 6px 0px 0px 6px;
background: url("../images/save-bg.png") no-repeat 0 0;
}
.save-money .save-link a {font: bold 16px Arial !important; color: #ffffff !important; text-decoration: underline !important;}
.save-money .save-link a:hover {text-decoration: none !important;}
.free-consult {
float: left;
width: 550px;
}
.free-consult .money-back {margin: 15px 0px 0px -5px;}
.free-consult .form {
float: left;
width: 350px;
}
.free-consult .form .textfield {width: 244px;}
.free-consult .form table {margin: -12px 0px 0px 0px;}
.free-consult .form table td {padding: 13px 0px 0px 0px;}
.free-consult .explanation {
float: left;
width: 180px;
margin: 20px 0px 0px 0px;
padding: 26px 0px 0px 20px;
background: url("../images/exp-bg.png") no-repeat 20px 0;
font: normal 10px Arial;
line-height: 16px;
}
.calculator {
float: left;
width: 550px;
}
.calculator .form {
float: left;
width: 350px;
}
.calculator .form .textfield {width: 195px;}
.calculator .form table {margin: -12px 0px 0px 0px;}
.calculator .form table td {padding: 13px 0px 0px 0px;}
.calculator .explanation {
float: left;
width: 180px;
margin: 20px 0px 0px 0px;
padding: 26px 0px 0px 20px;
background: url("../images/exp-bg.png") no-repeat 20px 0;
font: normal 10px Arial;
line-height: 16px;
}
.calc-results {
float: left;
width: 550px;
margin: 0px 0px 25px 0px;
}
.calc-results div {
float: left;
height: 25px;
padding: 10px 15px 0px 15px;
font: normal 12px Arial;
color: #ffffff;
}
.calc-results div span {margin: 0px 0px 0px 25px;}
.calc-results .great {
border: 2px solid #b5dea7;
background: url("../images/bg-1.gif") repeat-x 0 0;
clear:both;
}
.calc-results .ok {
width: 386px;
border: 2px solid #8bc071;
background: url("../images/bg-2.gif") repeat-x 0 0;
}
.calc-results .not-good {
width: 256px;
border: 2px solid #71b659;
background: url("../images/bg-3.gif") repeat-x 0 0;
}
.money-back {
float: left;
width: 205px;
display: inline;
margin: 25px 0px 0px 0px;
font: normal 18px Arial;
line-height: 18px;
}
.money-back img {margin: 0px 10px 0px 0px;}
.services {
float: left;
width: 550px;
}
.services ul {
float: left;
width: 550px;
list-style: none;
margin: -18px 0px 0px 0px;
}
.services ul li {
float: left;
margin: 18px 0px 0px 0px;
padding: 0px 0px 0px 15px;
background: url("../images/bullet-01.gif") no-repeat 0 4px;
}
.services ul li div {line-height: 18px;}
.popup-form {
width: 585px;
height: 367px;
display: none;
position: absolute;
top: 135px; left: 50%;
margin: 0px 0px 0px -295px;
padding: 25px 29px 0px 25px;
background: url("../images/popup-bg.png") no-repeat 0 0;
z-index: 1000;
}
.close-button {
position: absolute;
right: 30px; top: 30px;
cursor: pointer;
z-index: 1000;
}
.popup-form h2 {
margin: 0px 0px 16px 0px;
padding: 0px 0px 3px 0px;
background: url("../images/title-bg.gif") repeat-x 0 22px;
font: bold 26px Arial;
line-height: 26px;
letter-spacing: -1px;
color: #000000;
}
.popup-form .form {
float: left;
width: 100%;
font: normal 12px Arial;
color: #000000;
}
.popup-form .form .textfield {float: left; width: 244px;}
.popup-form .form table {margin: -12px 0px 0px 0px;}
.popup-form .form table td {padding: 13px 0px 0px 0px;}
#footer {
float: left;
width: 100%;
}
.footer {
width: 800px;
margin: 0 auto 0 auto;
padding: 40px 100px 40px 100px;
font: normal 11px Tahoma;
line-height: 18px;
color: #000000;
}
.footer a {font: bold 11px Tahoma; color: #4e9e32; text-decoration: underline;}
.footer a:hover {text-decoration: none;}
.copyright {
float: left;
}
.developer {float: right;}