body{
	background: url(../images/frontend/header-bg.jpg) repeat-x #F4F4F4;
	margin: 0px;
	height: 100%;
	font-family: Arial;
	line-height: 19px;
}

html{
	height: 100%;
	margin: 0px;
}

a{
	text-decoration: none;
	color: #0050B7;
}

a:hover{
	text-decoration: underline;
}

.clearer{
	clear: both;
}

.f-left{
	float: left;
}

/* STYLES */

#page-heading h1, #page-heading-terms h1{
	margin-top: 41px;
	padding-top: 0px;
	margin-bottom: 0px;
	font-size: 36px;
	color: white;
}

h1#headline{
	line-height: 30px;
	font-size: 26px;
	color: white;
	font-weight: normal;
}

#page-heading h2{
	margin-top: 14px;
	padding-top: 0px;
	font-size: 18px;
	color: white;
	font-weight: normal;
}

h2{
	font-size: 22px;
	color: #005098;
	letter-spacing: 0px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 7px;
}

h2.feature-heading{
	font-size: 18px;
}

p{
	margin-top: 6px;
}

.bold{
	font-weight: bold;
}

.block{
	display: block;
}

/* HEADER AND NAV */

div#header-container{
	width: 990px;
	height: 51px;
	margin-left: auto;
	margin-right: auto;
}

a#logo{
	display: block;
	float: left;
	width: 162px;
	height: 25px;
	background: url(../images/frontend/logo.png) no-repeat;
	margin-right: 30px;
	margin-top: 16px;
}

ul#primary-nav{
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 15px;
	padding-top: 0px;
	float: left;
	width: 400px;
}

ul#primary-nav li{
	list-style: none;
	float: left;
	margin-right: 40px;
}

a.nav-link{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: white;
}

a.nav-link:hover{
	color: #00d2ff;
}

ul#secondary-nav{
	float: right;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 15px;
	padding-top: 0px;
	width: 180px;	
}

ul#secondary-nav li{
	list-style: none;
	float: left;
	margin-right: 30px;
}

a.login-link{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #00d2ff;
}

/* BODY OF PAGE */

div#content{
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	color: #333;
	font-size: 13px;
}

div#page-heading, div#page-heading-terms {
	height: 170px;
	padding-top: 1px;
}

div#page-content{

}


/* HOME PAGE */

div#home-banner{
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	height: 440px;
		padding-top: 1px;
}

div#home-left{
	width: 430px;
	margin-top: 80px;
	float: left;
}

div.buttons-holder {
    padding-top: 30px;
}

div.buttons-holder-popup {
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    clear: both;
}

a#try-it-free{
	width: 248px;
	height: 56px;
	display: block;
	background: url(../images/frontend/try-for-free.png) no-repeat;
    float: left;
}

a#try-it-free:active{
	background: url(../images/frontend/try-for-free.png) no-repeat 0px -57px;
}

div#home-image{
	width: 490px;
	height: 375px;
	margin-top: 30px;
	background: url(../images/frontend/home-image.png) no-repeat center;
	float: right;
}



/* REGISTRATION PAGE */

div#registration-form-holder{
	width: 367px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	background: white;
	border: 1px solid #ccc;
	-webkit-border-radius: 8px;
	padding-bottom: 12px;

}

table#registration-table select{
	width: 208px;
}

td.label-cell{
	text-align: right;
	width: 120px;
	padding-right: 10px;
	padding-top: 12px;
}

td.label-cell label{
	font-weight: bold;

}

td.input-cell{
	padding-top: 12px;
}

td.input-cell input{
	height: 28px;
	width: 195px;
	background: url(../images/frontend/reg-input-bg.png) no-repeat;
	border: none;
	padding-left: 8px;
	padding-right: 5px;
}

td.input-cell input:focus{
	outline: none;
}

td.error-cell{
	font-size: 11px;
	color: red;
}


.terms-message{
	font-size: 11px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}

.create-account{
	width: 156px;
	height: 33px;
	display: block;
	background: url(../images/frontend/create-account.png) no-repeat;
	border: none;
	cursor: pointer;
}

.create-account:active{
	background: url(../images/frontend/create-account.png) no-repeat 0px -34px;
}

div#rego-compliments{
	float: left;
	width: 500px;
	margin-left: 40px;
	
}

ul#price-features{
	margin-left: 0px;
	padding-left: 0px;
	width: 350px;
}

ul#price-features li{
	float: left;
	width: 135px;
	background: url(../images/frontend/tick.png) no-repeat;
	margin-bottom: 10px;
	padding-left: 27px;
	list-style: none;
}

div#choose-activation{
	width: 390px;
	height: 91px;
	padding-left: 25px;
	padding-top: 29px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/frontend/choose-trial-bg.png) no-repeat;
}

.purchase-now{
	width: 149px;
	height: 33px;
	display: block;
	background: url(../images/frontend/purchase-now.png) no-repeat;
	border: none;
	cursor: pointer;
}

.purchase-now:active{
	background: url(../images/frontend/purchase-now.png) no-repeat 0px -34px;
}


/* PRICING PAGE */

div#pricing{
	width: 155px;
	padding-top: 130px;
	background: url(../images/frontend/single-pricing.png) no-repeat;
	text-align: center;
	font-size: 12px;
	color: #666;
	float: left;
}

div#pricing-info{
	float: left;
	margin-left: 30px;
	width: 800px;
	padding-bottom: 14px;
	background: url(../images/frontend/divider-line.png) repeat-x bottom;
}

.start-trial{
	width: 147px;
	height: 33px;
	display: block;
	background: url(../images/frontend/start-trial.png) no-repeat;
	border: none;
	cursor: pointer;
}

.start-trial:active{
	background: url(../images/frontend/start-trial.png) no-repeat 0px -34px;
}

/* LOGIN PAGE */

div#login-box{
	width: 800px;
	height: 430px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/frontend/login-box.png) no-repeat center;
	padding-top: 1px;
}

div#login-leftside {
	width: 160px;
	height: 118px;
	float: left;
	margin-left: 198px;
	margin-top: 188px;
}

div#login-leftside ul, 
div#login-leftside ul li {
    margin: 0px;
    padding: 0px;
}

div#login-leftside ul {
	text-align: center;
	list-style-type: none;
}

div#login-leftside ul li {
    padding: 4px 0px 10px 0px;
}

div#login-errors{
	font-size: 11px;
	color: red;
	width: 145px;
	margin-top: 16px;
	margin-left: 8px;
}

div#login-rightside {
	width: 215px;
	height: 175px;
	float: left;
	margin-left: 20px;
	margin-top: 135px;
}


div#login-rightside div.buttons {
    margin: 0px 6px 0px 0px;
}

div#login-rightside a.back {
    float: right;
    margin: 6px 10px 0px 0px;
}

div#login-rightside .login-button {
    width: 81px;
    height: 30px;
    display: block;
    background: url(../images/frontend/login-button.png) no-repeat;
    border: none;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    float: right;
}

div#login-rightside .login-button:active{
    background: url(../images/frontend/login-button.png) no-repeat 0px -30px;
}


div.login-field-u{
	margin-top: 0px;
	margin-left: 0px;
}


div.login-field-p{
	margin-top: 10px;
	margin-left: 0px;
}

div.login-field-r {

}


div.login-field-u input{
	height: 28px;
	width: 195px;
	background: url(../images/frontend/reg-input-bg.png) no-repeat;
	border: none;
	padding-left: 8px;
	padding-right: 5px;
}

div.login-field-u input:focus{
	outline: none;
}


div.login-field-p input{
	height: 28px;
	width: 195px;
	background: url(../images/frontend/reg-input-bg.png) no-repeat;
	border: none;
	padding-left: 8px;
	padding-right: 5px;
}

div.login-field-p input:focus{
	outline: none;
}


/* FEATURES PAGE */

div#left-column{
	width: 450px;
	float: left;
	margin-right: 50px;
}

div#right-column{
	width: 450px;
	float: left;
}

div.feature-block{
	width: 100%;
	margin-bottom: 40px;
}

div.feature-icon{
	width: 65px;
	height: 60px;
	float: left;
}

div.feature-text{
	float: left;
	width: 370px;
}

/* FOOTER STYLES AND TO STICK FOOTER TO BOTTOM OF PAGE */

div#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -101px; /* the bottom margin is the negative value of the footer's height */
}

div#footer{
	width: 100%;
	height: 70px;
	background: #FFF;
	border-top: 1px solid #BBB;
	margin-top: 30px;
	font-size: 12px;
}

div#footer-inner{
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 23px;
}

div#footer-inner a{
	padding-right: 7px;
	padding-left: 7px;
}

.push{
	height: 101px;
}

/* Terms ans conditions */
div#page-heading-terms h1{
    margin-top: 58px;
}

h2.terms {
    font-size: 14px;
    margin-top: 28px;
    margin-bottom: 2px;
}

ol.terms-list {
    margin: 0px;
    padding: 0px 0px 0px 20px;
}

ol.terms-list li {
}

.howitworks{
    background: url(../images/howitworks.png) no-repeat;
    margin-top: 2px;
    width: 165px;
    height: 50px;
    display: block;
    float:left;
    clear: right;
    margin-left: 17px;
}