html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -99px; /* the bottom margin is the negative value of the footer's height */
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#646464;
}
p{
margin:5px 0;
}
@font-face {
font-family: 'HelveticaNeueLTStd85Heavy';
src: url('fonts/helveticaneueltcom.eot');
src: url('fonts/helveticaneueltstd-hv-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/helveticaneueltstd-hv-webfont.woff') format('woff'),
url('fonts/helveticaneueltstd-hv-webfont.ttf') format('truetype'),
url('fonts/helveticaneueltstd-hv-webfont.svg#webfontxx7AkSso') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueLTStd-ThIt';
src: url('fonts/helveticaneueltstdthit.eot');
src: url('fonts/helveticaneueltstdthit.eot?#iefix') format('embedded-opentype'),
url('fonts/helveticaneueltstdthit.woff') format('woff'),
url('fonts/helveticaneueltstdthit.ttf') format('truetype'),
url('fonts/helveticaneueltstdthit.svg#helveticaneueltstdthit') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Helvetica-Bold';
src: url('fonts/helveticabold.eot');
src: url('fonts/helveticabold.eot?#iefix') format('embedded-opentype'),
url('fonts/helveticabold.woff') format('woff'),
url('fonts/helveticabold.ttf') format('truetype'),
url('fonts/helveticabold.svg#helveticabold') format('svg');
font-weight: normal;
font-style: normal;
}
.clear{
clear:both;
}
a:hover{
text-decoration:underline;
}
#header{
background:url('images/hd2.png') repeat-x;
height:99px;
position:relative;
z-index:10;
}
.container{
width:960px;
margin:auto;
}
#header .container{
height:91px;
}
#logo{
width:276px;
float:left;
}
#hright{
width:680px;
float:right;
height:91px;
}
#htop{
width:264px;
float:right;
margin-top:10px;
}
#hright #phone{
background: url("images/phonebg.png") no-repeat scroll 0 0 transparent;
float: left;
font-family: 'HelveticaNeueLTStd85Heavy';
font-size: 15px;
height: 22px;
padding: 10px 0 0 33px;
width: 140px;
color:#333333;
}
#hright #phone.pagelogin{
float:right;
}
#hright #login{
width:91px;
height:32px;
float:left;
position:relative;
}
#boxlogin{
background: url("images/loginbg.png") no-repeat scroll 0 0 transparent;
height: 152px;
left: -178px;
padding-left: 18px;
padding-top: 60px;
position: absolute;
right: 0;
top: -2px;
width: 270px;
z-index: 10;
display:none;
}
#boxlogin input[type="text"]{
width:210px;
height:20px;
border:0;
background:none;
color:#333333;
font-size:12px;
}
#boxlogin input[type="text"]#pass{
margin-top:8px;
}
#boxlogin input[type="submit"],#loginform input[type="submit"]{
background: url("images/login_btn.png") no-repeat scroll 0 0 transparent;
width:84px;
height:31px;
text-indent:-9999px;
font-size:0;
line-height:0;
border:0;
padding:0;
}
#boxlogin input[type="submit"]:hover,#loginform input[type="submit"]:hover{
background: url("images/login_hover.png") no-repeat scroll 0 0 transparent;
}
#hright #login a{
display:block;
width:91px;
height:32px;
}
#hright #login #boxlogin a{
display:inline;
color:#fff;
margin-left:40px;
font-size:13px;
text-decoration:none;
}
#loginform a{
display:inline;
color:#646464;
margin-right:5px;
font-size:13px;
text-decoration:none;
float:right;
}
#hright #login #boxlogin a:hover,#loginform a:hover{
text-decoration:underline;
}
.fbox{
margin-top:20px;
}
#hright #login a.closebox{
width:40px;
height:40px;
position:absolute;
top:0;
right:20px;
cursor:pointer;
z-index:11;
text-indent:-9999px;
font-size:0;
line-height:0;
}
#navigation li{
display:inline-block;
}
#navigation{
float: right;
margin-top: 20px;
}
#navigation li a{
color: #333333;
font-size: 0.97em;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
#navigation li a{
border:1px solid transparent;
padding:3px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#navigation li a:hover,#navigation li a.active{
border:1px solid #c4c4c4;
color:#009bc9;
background:#fff;
}
#homepromo{
background: url("images/hbottom.jpg") no-repeat center bottom;
padding-bottom:5px;
margin-bottom:20px;
margin-top:-10px;
}
#homepromo .container{
position:relative;
height: 523px;
}
#homeimg{
background: url("images/homepage.jpg") no-repeat center top;
height:523px;
}
#promotion{
position:absolute;
top:200px;
left:0;
}
#promotion h2{
font-family: 'HelveticaNeueLTStd85Heavy';
color:#000;
font-size:25px;
}
#promotion p.thit{
font-family: 'HelveticaNeueLTStd-ThIt';
font-size:50px;
line-height: 65px;
color:#000;
}
a#createAcc{
background: url("images/create-acc.png") no-repeat center top;
width:220px;
height:35px;
display:block;
text-indent:-9999px;
font-size:0;
line-height:0;
}
a#createAcc:hover{
background: url("images/create-acc-hover.png") no-repeat center top;
}
#main{
margin-bottom:65px;
min-height:350px;
}
.boxer{
width:276px;
float:left;
}
.boxer h2{
font-family: 'Helvetica-Bold';
font-size: 25px;
color:#009bc9;
margin-bottom:10px;
}
p.bimg{
background:url('images/bottom-img.png') no-repeat bottom center;
padding-bottom:19px;
}
#boxer2{
background:url('images/m2.png') no-repeat top center;
padding:0 50px;
margin:0 10px;
min-height:327px;
}
.bcontent p{
padding:3px 0;
color:#646464;
margin:0;
line-height:13px;
}
.bcontent p span{
display: block;
float: right;
width: 70px;
}
p.readmore a{
text-decoration:none;
}
p.readmore a:hover{
text-decoration:underline;
}
p.readmore span{
float:none;
color:#000;
background:url('images/ar.png') no-repeat right center;
padding-right:10px;
font-size:15px;
width:auto;
display:inline;
}
.bcontent{
height:100px;
}
#footer{
background:#d9d9d9;
height:99px;
margin: 0 auto;
position: relative;
}
.push{
height:99px;
}
#footer .container{
position:relative;
height:99px;
}
#foot-nav{
position:absolute;
right:0;
top:16px;
}
#foot-nav li {
display: inline-block;
margin-left: 10px;
}
#foot-nav li a {
color: #333333;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
}
#foot-nav li a:hover{
text-decoration:underline;
}
#copyright{
position:absolute;
left:0;
top:15px;
font-size:12px;
}
#toppage{
margin:78px 0 20px 0;
}
h1.pagetitle{
margin-top:55px;
margin-bottom:12px;
margin-bottom:10px;
background:url('images/titlebg_01.png') no-repeat left top;
padding-left:6px;
}
.pagetitle span{
background:url('images/titlebg_03.png') no-repeat right top;
padding:0;
color: #fff;
font-family: 'Helvetica-Bold';
font-size: 17px;
text-transform: uppercase;
display: inline-block;
padding-right:16px;
height:32px;
}
.pagetitle span span{
background: url("images/titlebg_02.png") repeat-x scroll left top transparent;
display: inline-block;
height: 26px;
padding-left: 6px;
padding-right: 0;
padding-top: 6px;
}
.des{
}
.des p{
color: #AEAEA9;
font-family: 'Helvetica-Bold';
font-size: 25px;
line-height: 33px;
}
#about{
background:url('images/about.jpg') no-repeat center top;
min-height:638px;
overflow:hidden;
margin-bottom:60px;
}
#about h2,h2.blue{
color: #009BC9;
font-size: 25px;
font-family: 'Helvetica-Bold';
}
#about p{
font-family: helvetica;
line-height: 20px;
}
#about p.position{
font-family: 'Helvetica-Bold';
font-size: 18px;
margin-bottom:20px;
color:#646464;
}
.rows1{
height: 280px;
margin-top: 333px;
overflow: hidden;
}
.col1,.col2{
float:left;
width:440px;
}
.col1{
}
.col2{
margin-left:95px;
width:420px;
}
.col1 h2{
margin-bottom:2px;
}
#contact{
background:url('images/contactus.png') no-repeat;
min-height:595px;
}
#contact #left{
width:620px;
float:left;
position:relative;
}
#contact #right{
width:280px;
float:right;
}
p.adress{
font-size:18px;
line-height: 24px;
}
p.adress span{
color:#333333;
font-weight: bold;
}
#contact h2.blue{
margin-top:10px;
margin-bottom: 20px;
}
#map iframe{
border:1px solid #a1a1a1;
}
#support,#sale{
}
#support a,#sale a,#livechat a{
color: #FFFFFF;
display: block;
font-size: 14px;
height: 27px;
padding: 8px 0 0 43px;
text-decoration: none;
width: 175px;
text-indent:-9999px;
font-size:0;
line-height:0;
}
input#sendcontact{
width: 69px;
text-indent:-9999px;
font-size:0;
line-height:0;
height: 31px;
display:block;
background:url('images/sendbtn.png') no-repeat;
border:0;
}
input#sendcontact:hover{
background:url('images/send_hover.png') no-repeat;
}
#support a{
background:url('images/custsupport_btn.png') no-repeat;
}
#support a:hover{
background:url('images/custsupport_hover.png') no-repeat;
}
#sale a{
background:url('images/sales.png') no-repeat;
}
#sale a:hover{
background:url('images/sales_hover.png') no-repeat;
}
#livechat a{
background:url('images/livechat.png') no-repeat;
}
#livechat a:hover{
background:url('images/livechat_hover.png') no-repeat;
}
#boxcontact{
left: 260px;
position: absolute;
top: 50px;
width: 275px;
}
p#livechat{
margin-top:30px;
}
textarea,input[type="text"]{
background:#e6e6e6;
border:0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-top:1px solid #a1a1a1;
width:257px;
font-size:12px;
padding:5px 10px;
color:#646464;
font-family:Arial, Helvetica, sans-serif;
}
input[type="text"]{
height:20px;
}
textarea{
height:110px;
}
#form p{
margin:0 0 15px 0;
}
#right .helbold{
font-size:25px;
line-height:30px;
}
.helbold{
font-family: 'Helvetica-Bold';
font-size: 18px;
color:#aeaea9;
line-height:22px;
}
.rows{
margin-bottom:35px;
overflow:hidden;
}
.question{
background: url("images/arrowd.png") no-repeat scroll 0 5px transparent;
color: #009BC9;
font-size: 18px;
font-weight: bold;
margin: 10px 0;
padding-left: 20px;
}
.answer{
font-size:14px;
padding-left:20px;
line-height: 20px;
}
.concept1{
background: url("images/concept1.png") no-repeat scroll 0 0 transparent;
padding-top: 40px;
margin-bottom:40px;
}
.concept3{
background: url("images/concept3.png") no-repeat scroll 0 0 transparent;
padding-top: 40px;
padding-left:10px;
margin-bottom:40px;
}
.concept1 h4,.concept3 h4{
color:#333333;
font-size:16px;
padding-left:40px;
font-weight:bold;
margin-bottom: 20px;
}
.concept1 h4 span{
color:#ffa200;
}
.concept3 h4 span{
color:#67a91a;
}
.concept1 p,.concept3 p{
font-size:14px;
line-height:18px;
margin-bottom: 20px;
}
.boxmonthy{
width:263px;
border-top:1px dotted #ccc;
}
.concept1 .boxmonthy p,.concept3 .boxmonthy p{
border-bottom:1px dotted #ccc;
padding: 0;
margin-bottom: 0;
padding:5px 0;
color:#333333;
font-style: italic;
font-size:16px;
}
.boxmonthy p span{
width:50px;
float:right;
}
p.bold{
font-weight:bold;
}
.imgbox{
}
.bx1,.bx2,.bx3{
width:141px;
float:left;
}
.bx1,.bx2{
margin-right:20px;
}
.concept1 .bx1 p,.concept1 .bx2 p,.concept1 .bx3 p{
padding-left:0;
text-align:center;
}
.howitwork{
background: url("images/howitworks.jpg") no-repeat;
height:357px;
}
.howitmid{
background: url("images/howitworks-mid.jpg") no-repeat;
min-height: 116px;
padding-top: 240px;
}
.m1,.m2,.m3,.m4{
width:154px;
float:left;
text-align: center;
font-size:13px;
text-transform:uppercase;
line-height: 20px;
}
.m1{
margin-left:43px;
}
.m2{
margin-left:83px;
}
.m3{
margin-left:83px;
}
.m4{
margin-left:83px;
}
.threecols{
background: url("images/contentbg.jpg") no-repeat center top;
overflow: hidden;
padding-top:48px;
}
.threecols .col1,.threecols .col2,.threecols .col3{
width:269px;
}
.threecols .col2{
margin-left:70px;
}
.threecols .col3{
float:right;
}
.threecols p{
font-size: 13px;
line-height: 16px;
margin-bottom: 20px;
}
.whatwedo{
background: url("images/whatwedo.jpg") no-repeat;
height:354px;
}
.whatwemid{
background: url("images/whatwemid.jpg") repeat-y;
min-height:354px;
margin-top:45px;
}
.wcenter{
text-align:center;
}
.helbold25{
font-family: 'Helvetica-Bold';
font-size:25px;
color:#333333;
}
.rows .col1{
float:left;
}
.w280{
width:280px;
height:273px;
}
.whatwemid .col3{
float:right;
}
.whatwemid .col2{
margin-left:60px;
}
.whatwemid .rows h3{
margin-bottom:12px;
}
.whatwemid .rows p{
line-height:18px;
margin:0;
}
.whatwemid .rows{
padding-top:20px;
}
.underline{
border-bottom:1px solid #d0d0d1;
padding-bottom: 20px;
}
.setup{
background: url("images/setupbg.jpg") repeat-y;
min-height:360px;
}
#tableprice{
background: url("images/table.jpg") no-repeat scroll 0 0 transparent;
height: 510px;
margin: 50px auto auto;
padding-top: 76px;
width: 825px;
}
.r1 p{
line-height: 20px;
}
.rtab .col1{
width:213px;
float:left;
margin-left:30px;
}
.rtab .r1 p{
color: #333333;
font-size: 16px;
}
.rtab .r1{
overflow:hidden;
height:32px;
padding:5px 0;
}
.rtab .col3{
float: right;
margin-right: 40px;
width: 225px;
}
.rtab .r1 p{
font-size:14px;
}
.rtab .r1 p.f18{
font-size:18px;
}
.rtab .col2{
width:233px;
margin-left:50px;
}
.rtab .col2 p,.rtab .col3 p{
text-align:center;
}
.r2{
margin-top: 10px
}
.r3{
margin-top: 12px
}
.r4{
margin-top:11px;
}
.r5{
margin-top:10px;
}
.r6{
margin-top:10px;
}
.r7{
margin-top:9px;
}
.r8{
margin-top:15px;
}
.r9{
margin-top:10px;
}
.r9 a{
display:block;
width:233px;
height:40px;
text-indent:-9999px;
font-size:0;
line-height:0;
}
p.multirow{
line-height:13px;
}
#twocolsleft{
background: url("images/login-register.png") repeat-y;
min-height:633px;
padding-top:30px;
}
#twocolsleft #left{
width:278px;
float:left;
}
#twocolsleft #right{
width:600px;
float:right;
}
#twocolsleft h2{
color:#aeaea9;
font-family: 'Helvetica-Bold';
font-size:25px;
}
#group1{
width:300px;
float:left;
}
#group1 p,#group2 p{
margin-bottom:10px;
}
#group2{
width:282px;
float:right;
}
#register,#loginform{
margin-top:10px;
overflow:hidden;
}
#register p,#loginform p{
margin-bottom:10px;
}
a#forgotpass{
float:right;
margin-top: 10px;
color:#646464;
}
input#largebtn{
background: url("images/register_btn.png") no-repeat;
width:91px;
height:33px;
border:0;
text-indent:-9999px;
font-size:0;
line-height:0;
cursor:pointer;
}
input#largebtn:hover{
background: url("images/register_hover.png") no-repeat;
}
#registration{
width:684px;
z-index:99 !important;
display:none;
}
div.jquery-modal{
z-index:88 !important;
}
#rtop{
background: url("images/rtop.png") no-repeat;
height:27px;
width:684px;
}
#rmid{
background: url("images/rmid.png") repeat-y;
overflow: hidden;
padding:10px 40px 10px 48px;
position: relative;
}
#rmid h1.pagetitle{
margin-top:0;
}
#rmid h2.blue{
margin:20px 0;
}
#rbottom{
background: url("images/rbottom.png") no-repeat;
height:33px;
width:684px;
}
a.close-modal{
background: url("images/close.png") no-repeat;
height:32px;
width:31px;
display:block;
position:absolute;
top:40px;
right:35px;
text-indent:-9999px;
font-size:0;
line-height:0;
}
h3.ui-accordion-header{
background: url("images/arrowv.png") no-repeat scroll 4px 5px transparent;
color: #009BC9;
font-size: 18px;
font-weight: bold;
margin: 10px 0;
padding-left: 20px;
margin-bottom:40px;
cursor:pointer;
}
h3.ui-accordion-header-active,h3.ui-state-hover{
background: url("images/arrowd.png") no-repeat scroll 0 5px transparent !important;
border:0;
}
a.setupnow{
background: url("images/setup_btn.png") no-repeat;
width:107px;
height:32px;
margin: auto;
}
a.setupnow:hover{
background: url("images/setup_btn_hover.png") no-repeat;
}
.textcenter{
text-align:center;
}
div.ui-widget-content{
margin-bottom: 40px;
}