/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,p,img,ul,ol,li,form,fieldset,input,textarea,table
{
margin:0;
padding:0;
border:0 none;
}
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
body
{
background:#fff url(../img/bg2.jpg) 0 0 repeat-x;
text-align:center;
}
body#main-body{background:#fff url(../img/bg.jpg) 0 0 repeat-x;}
#wrap
{
width:891px;
margin:0 auto;
text-align:left;
}
#header
{
width:891px;
height:130px;
background:url(../img/header-bg.jpg) 0 0 no-repeat;
}
#header h1
{
width:260px;
height:83px;
float:left;
display:inline;
margin:38px 0 0 0;
}
#header h1 a
{
width:260px;
height:83px;
display:block;
}
#header h1 span{display:none;}
#header p
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:14px;
float:right;
display:inline;
margin:20px 0 0 0;
}
#header p a, #header p span
{
color:#000;
text-decoration:none;
padding:0 0 0 25px;
margin:0 20px 0 0;
}
#header p a.chat{background:url(../img/ico-chat.png) 0 center no-repeat;}
#header p a.chat:hover
{
background:url(../img/ico-chat-hover.png) 0 center no-repeat;
text-decoration:underline;
}
#header p span.phone{background:url(../img/ico-phone.png) 0 center no-repeat;}
#header form
{
width:286px;
height:29px;
background:url(../img/form-bg.jpg) 0 0 no-repeat;
float:right;
display:inline;
margin:8px 0 0 0;
padding:0 0 0 30px;
}
#header form fieldset{border:none;}
#header form fieldset input
{
width:71px;
height:22px;
background:url(../img/textbox.jpg) 0 0 no-repeat;
float:left;
display:inline;
border:none;
padding:0 0 0 5px;
font:17px Tahoma, Arial, Helvetica, sans-serif;
color:#a3a1a2;
line-height:18px;
margin:3px 3px 0 0;
}
#header form fieldset input.none{margin:3px 0 0 0;}
#header form fieldset input.submit
{
width:54px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#78c1e3;
float:left;
display:inline;
margin:2px 0 0 0;
padding:0;
background:none;
text-decoration:underline;
cursor:pointer;
}
#header form fieldset a
{
width:72px;
height:29px;
background:url(../img/btn-sign-up.jpg) 0 0 no-repeat;
float:left;
margin:0;
padding:0;
display:inline;
display:block;
}
#header form fieldset a span{display:none;}
#nav
{
width:500px;
clear:right;
float:right;
display:inline;
margin:50px 0 0 0;
}
#nav.none{margin:47px 0 0 0;}
#nav li
{
font:20px Arial, Helvetica, sans-serif;
color:#000;
line-height:22px;
float:left;
display:inline;
}
#nav li a
{
height:27px;
padding:7px 0 0 0;
color:#5bb7e6;
text-decoration:none;
text-align:center;
float:left;
display:inline;
margin:0 3px 0 0;
}
#nav li a.selected{color:#000;}
#nav li a:hover
{
color:#ff6c00;
text-decoration:underline;
}
#nav li.home a
{
width:93px;
background:url(../img/btn-home.jpg) 0 0 no-repeat;
}
#nav li.home a.selected{background:url(../img/btn-home.jpg) 0 -34px no-repeat;}
#nav li.features a
{
width:111px;
background:url(../img/btn-features.jpg) 0 0 no-repeat;
}
#nav li.features a.selected{background:url(../img/btn-features.jpg) 0 -34px no-repeat;}
#nav li.plans a
{
width:172px;
background:url(../img/btn-plan.jpg) 0 0 no-repeat;
}
#nav li.plans a.selected{background:url(../img/btn-plan.jpg) 0 -34px no-repeat;}
#nav li.sign a
{
width:111px;
background:url(../img/btn-sign.jpg) 0 0 no-repeat;
}
#content, #main
{
width:891px;
clear:both;
}
#main{padding:20px 0 0 0;}
#main h1
{
font:bold 24px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:26px;
margin:0 0 20px 0;
}
#main h2
{
font:bold 30px Tahoma, Arial, Helvetica, sans-serif;
color:#ff7a38;
line-height:32px;
float:right;
display:inline;
margin:0 0 10px 0;
}
#main h3
{
font:bold 24px Tahoma, Arial, Helvetica, sans-serif;
color:#5ebae7;
line-height:26px;
float:left;
display:inline;
}
#main h4
{
font:bold 20px Tahoma, Arial, Helvetica, sans-serif;
color:#ff7a38;
line-height:22px;
margin:0 0 10px 0;
}
#main h5
{
font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
color:#5ebae7;
line-height:16px;
margin:0 0 10px 0;
}
#main p
{
font:16px Tahoma, Arial, Helvetica, sans-serif;
color:#8b8b8b;
line-height:18px;
margin:0 0 25px 0;
}
#main p a
{
color:#42abdf;
text-decoration:none;
}
#main p a:hover{text-decoration:underline;}
#main p small
{
font-size:10px;
line-height:12px;
margin:0 0 10px 0;
}
#main blockquote
{
font:16px Tahoma, Arial, Helvetica, sans-serif;
color:#8b8b8b;
line-height:18px;
margin:0 0 25px 30px;
}
#main img.awards
{
float:left;
display:inline;
}
#main a.get-started 
{
width:324px;
height:49px;
font:bold 35px Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
line-height:37px;
text-transform: uppercase;
text-decoration:none;
text-align:center;
float:left;
display:inline;
background:url(../img/button_get_started2.jpg);
margin:0 0 20px 275px;
padding:10px 0 0 0;
}
#main ul{margin:0 0 30px 35px;}
#main ul li
{
font:16px Tahoma, Arial, Helvetica, sans-serif;
color:#8b8b8b;
line-height:18px;
margin:0 0 5px 0;
}
#main ul li a
{
color:#42abdf;
text-decoration:none;
}
#main ul li a:hover{text-decoration:underline;}
#main ol{margin:0 0 30px 35px;}
#main ol li
{
font:16px Tahoma, Arial, Helvetica, sans-serif;
color:#8b8b8b;
line-height:18px;
margin:0 0 5px 0;
}
#main ol li a
{
color:#42abdf;
text-decoration:none;
}
#main ol li a:hover{text-decoration:underline;}
#main ul.section
{
width:100%;
clear:left;
float:left;
display:inline;
list-style:none;
margin:0;
}
#main ul.section li
{
width:253px;
height:218px;
background:url(../img/box-bg.gif) 0 0 no-repeat;
float:left;
display:inline;
margin:0 0 10px 0;
padding:0 8px;
}
#main ul.section.height li
{
height:291px;
background:url(../img/box-bg2.gif) 0 0 no-repeat;
}
#main ul.section li.long-title{background:url(../img/box-bg3.gif) 0 0 no-repeat;}
#main ul.section li.ctr{margin:0 32px 20px 32px;}
#main ul.section li h2
{
font:16px Tahoma, Arial, Helvetica, sans-serif;
color: #1082B4;
line-height:16px;
padding:8px 0 0 2px;
margin:0 0 20px 0;
float:none;
display:block;
}
#main ul.section li p
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#8d8d8d;
line-height:14px;
}
#main ul.section li img
{
float:left;
display:inline;
margin:0 10px 10px 0;
}
#main span.red{color:#ff0000;}
#main table a
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#8d8d8d;
text-decoration:none;
}
#main table a:hover{text-decoration:underline;}
#main table div.lhead
{
font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:14px;
}
#main form{margin:0 0 30px 0;}
#main form fieldset dl
{
width:500px;
float:left;
display:inline;
}
#main form fieldset dl dt
{
width:120px;
font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
color:#8d8d8d;
clear:left;
float:left;
display:inline;
text-align:right;
margin:0;
padding:0;
}
#main form fieldset dl dd
{
width:270px;
height:auto;
margin:0 0 5px 10px;
float:left;
padding:0;
}
#main form fieldset dl dd a
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#8d8d8d;
line-height:14px;
float:left;
display:inline;
margin:8px 0 0 10px;
}
#main form fieldset dl dd img
{
float:left;
display:inline;
margin:0 0 5px 0;
}
#main form fieldset dl dd input, #main form input
{
width:174px;
height:18px;
padding:3px 0 0 5px;
border:1px solid #c5c5c5;
float:left;
display:inline;
margin:0 5px 0 0;
}
#main form fieldset dl dd input.short, #main form input.short{width:50px;}
#main form fieldset dl dd input.button, #main form input.button
{
width:auto;
height:auto;
background:#cfced2;
border-left:1px solid #b3b3b3;
border-right:1px solid #b3b3b3;
border-bottom:1px solid #919194;
padding:2px 10px;
text-align:center;
font:12px Tahoma,Arial, Helvetica, sans-serif;
color:#333;
cursor:pointer;
}
#main form #captcha
{
float:left;
display:inline;
margin:0 !important;
margin:0 0 0 5px;
}
#main form input.go-back
{
font:14px Tahoma, Arial, Helvetica, sans-serif;
color:#42abdf;
border:none;
background:none;
cursor:pointer;
}
#main form dl dd input.req-whitepaper
{
width:174px;
height:23px;
background:url(../img/Request-Whitepaper.jpg) no-repeat; 
border:none; 
cursor:pointer;
}
#main form fieldset dl dd textarea, #main form textarea
{
width:250px;
height:100px;
border:1px solid #c5c5c5;
float:left;
display:inline;
padding:5px;
margin:0 0 5px 0;
}
#main form textarea{width:180px; height:50px;}
#main form fieldset dl dd span
{
font-size:12px;
float:left;
display:inline;
margin:0 0 10px 0;
}
#main form fieldset dl dd small
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#8d8d8d;
}
#main #packages
{
list-style:none;
float:left;
display:inline;
margin:0 0 30px 0;
}
#main #packages h1
{
width:857px;
height:50px;
padding:12px 0 0 34px;
display:block;
margin:0;
background:url(../img/h1-blue.jpg) 0 0 no-repeat;
font:bold 22px Arial, Helvetica, sans-serif;
color:#fff;
}
#main #packages h1.package1{background:url(../img/h1-activchat-im.jpg) 0 0 no-repeat;}
#main #packages h1.package2{background:url(../img/h1-activchat-mobile.jpg) 0 0 no-repeat;}
#main #packages h1.package3{background:url(../img/h1-activchat-mobile+.jpg) 0 0 no-repeat;}
#main #packages h1 span{display:none;}
#main #packages li
{
width:100%;
float:left;
display:inline;
}
#main #packages li.ctr{margin:0 5px;}
#main #packages li h2
{
font:20px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:22px;
margin:0 0 5px 35px;
float:none;
display:block;
}
#main #packages li h3
{
font:bold 20px Tahoma, Arial, Helvetica, sans-serif;
color:#41addd;
line-height:26px;
margin:2px 10px 0 0;
float:right;
display:inline;
}
#main #packages li p{margin-bottom:5px;}
#main #packages li img{margin:0 0 0 35px;}
#main #packages li a.sign-up
{
width:85px;
height:31px;
background:url(../img/btn-sign-up3.jpg) 0 0 no-repeat;
display:block;
float:right;
display:inline;
margin:0 30px 0 0;
}
#main #packages li a.sign-up span{display:none;}
#main #packages ul{margin:0 0 0 25px;}
#main #packages li li
{
width:220px;
font:14px Tahoma, Arial, Helvetica, sans-serif;
color:#8b8b8b;
line-height:18px;
background:url(../img/ico-check.jpg) 0 8px no-repeat;
padding:5px 0 5px 20px;
margin:0;
}
#main #packages li li span{text-decoration:underline;}
#main #packages li li a
{
background:url(../img/dash.jpg) 0 bottom repeat-x;
text-decoration:none;
}
#main #packages div.box-top
{
width:891px;
height:18px;
background:url(../img/box-top.jpg) 0 0 no-repeat;
float:left;
display:inline;
}
#main #packages div.first, #main #packages div.second
{
width:330px;
float:right;
display:inline;
margin:0 50px 0 0;
}
#main #packages div.first
{
width:420px;
padding:0 0 0 20px;
float:left;
margin:0;
}
#main #packages ul li{width:100%;}
#main #packages div.box
{
width:891px;
background:url(../img/box-bg4.jpg) 0 60px repeat-y;
float:left;
display:inline;
}
#main #packages div.box-bottom
{
width:891px;
height:17px;
background:url(../img/box-bottom.jpg) 0 0 no-repeat;
float:left;
display:inline;
}
#main #packages a.tooltip
{
position:relative; /*this is the key*/
z-index:24;
cursor:pointer;
}
#main #packages a.tooltip:hover
{
z-index:25;
text-decoration:none;
}
#main #packages a.tooltip span{display: none}
#main #packages a.tooltip:hover span
{ /*the span will display just on :hover state*/
font:11px Arial, Helvetica, sans-serif;
display:block;
position:absolute;
top:0; 
left:3em; 
width:200px;
padding:5px;
border:1px solid #cbcdbd;
background:#ecf7ad;
color:#252424;
text-decoration:none;
}
#main #packages a.tooltip:hover span
{
top:1.5em;
left:1em;
}
#main ul.section div.im img, #main #packages div.im img
{
float:left;
display:inline;
margin:0 5px 0 0;
}
#main ul.section div.im img{margin:0 7px 0 0;}
#main #packages div.im{margin:0 0 0 33px;}
#main #whitepaper
{
list-style:none;
margin:0 0 30px 0;
}
#main #whitepaper li
{
float:left;
display:inline;
}
#main #whitepaper li.one{width:200px;}
#main #whitepaper li.two{width:320px; margin:0 20px;}
#main #whitepaper li.three{width:320px;}
#main #whitepaper li li
{
background:url(../img/ico-check.gif) 0 0 no-repeat;
padding:5px 0 5px 45px;
margin:0;
}
#main #whitepaper form fieldset dl dd{width:180px;}
#main .clear{clear:both;}
#main div.tour-top
{
width:891px;
height:12px;
background:url(../img/tour-top.gif) 0 0 no-repeat;
float:left;
display:inline;
}
#main div.tour
{
width:871px;
clear:both;
background:url(../img/tour-bg.jpg) 0 0 repeat-y;
float:left;
display:inline;
padding:0 10px;
}
#main div.tour p
{
font-size:15px;
line-height:17px;
}
#main div.tour img
{
float:left;
display:inline;
margin:0 15px 15px 0;
}
#main div.tour img.imr
{
float:right;
display:inline;
margin:0 0 15px 15px;
}
#main div.tour-bottom
{
width:891px;
height:3px;
background:url(../img/tour-bottom.gif) 0 bottom no-repeat;
float:left;
display:inline;
margin:0 0 20px 0;
}
#main div.column1
{
width:650px;
float:left;
display:inline;
}
#main div.column2
{
width:176px;
float:right;
display:inline;
padding:10px 0 0 0;
}
#main div.bar
{
width:891px;
height:62px;
background:url(../img/bar.gif) 0 0 no-repeat;
clear:both;
margin:0 0 20px 0;
}
#main div.bar a.get-started
{
width:326px;
height:50px;
background:url(../img/btn-get-started2.jpg);
border:none;
margin:0 0 0 120px;
font:bold 35px Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
line-height:37px;
text-transform: uppercase;
text-decoration:none;
text-align:center;
padding:12px 0 0 0;
}
#main div.bar a.get-started.first{margin:0 0 0 305px;}
#main div.bar a.next
{
height:40px;
padding:18px 70px 5px 0;
margin:0 10px 0 0;
font:bold 24px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:26px;
float:right;
display:block;
text-decoration:underline;
background:url(../img/btn-next.gif) right 3px no-repeat;
}
#main div.bar a.prev
{
height:40px;
padding:18px 0 5px 70px;
font:bold 24px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:26px;
float:left;
display:block;
text-decoration:underline;
background:url(../img/btn-prev.gif) left 3px no-repeat;
}
#main div.bar a.next:hover, #main div.bar a.prev:hover{color:#ff9324;}
#main div.contact
{
width:226px;
height:106px;
background:url(../img/contact-bg.jpg) 0 0 no-repeat;
float:right;
display:inline;
margin:0 0 20px 0;
}
#main div.contact h1
{
font:bold 13px Tahoma, Arial, Helvetica, sans-serif;
color:#333;
text-align:center;
line-height:15px;
margin:7px 0 30px 0;
}
#main div.contact p
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
line-height:14px;
margin:0 10px 0 0;
}
#main div.contact p span.big{font-size:15px;}
#main div.contact p a
{
color:#fafd28;
text-decoration:underline;
}
#main div.address
{
width:176px;
background:url(../img/address-bg.gif) 0 0 no-repeat;
clear:right;
float:right;
display:inline;
padding:0 0 0 50px;
}
#main div.address p
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#333;
line-height:14px;
}
#main div.address p span.blue{color:#1180bb;}
#left
{
width:600px;
float:left;
display:inline;
}
#right
{
width:250px;
float:right;
display:inline;
padding:20px 0 0 0;
}
#right h1
{
font:bold 16px Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
border-bottom:2px solid #000;
padding:0 0 5px 0;
margin:0;
}
#right ul
{
list-style:none;
padding:0;
margin:0;
}
#rigtht ul li
{
margin:0;
padding:0;
}
#right ul li a
{
width:100%;
display:block;
padding:5px 0;
font-size:14px;
margin:0;
float:left;
display:inline;
border-bottom:1px solid #8d8d8d;
color:#8d8d8d;
}
#right ul li a:hover
{
text-decoration:none;
border-bottom:1px solid #5ebae7;
color:#5ebae7;
background:#d9f1fb;
}
#banner
{
width:891px;
height:313px;
position:relative;
}
#banner h1
{
width:301px;
height:29px;
background:url(../img/h1-live-chat.jpg) 0 0 no-repeat;
display:block;
position:absolute;
top:10px;
left:308px;
}
#banner h1 span{display:none;}
#banner img
{
position:absolute;
top:39px;
left:331px;
}
#banner a.start
{
width:329px;
height:62px;
background:url(../img/btn-get-started.jpg) 0 0 no-repeat;
position:absolute;
top:245px;
left:297px;
}
#banner a.start span{display:none;}
#banner a.tour
{
font:bold 30px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:32px;
position:absolute;
top:275px;
right:0;
}
#banner a.tour:hover{color:#ff6c00;}
#banner ul
{
list-style:none;
position:absolute;
top:45px;
left:0;
}
#banner ul li
{
font:bold 18px Tahoma, Arial, Helvetica, sans-serif;
color:#605d5c;
line-height:26px;
margin:0 0 10px 0;
background:url(../img/bullet.jpg) 0 0 no-repeat;
padding:5px 0 2px 38px;
}
#bottom
{
width:891px;
clear:both;
padding:18px 0 0 0;
}
#bottom h1
{
font:bold 22px Tahoma, Arial, Helvetica, sans-serif;
color:#41addd;
line-height:24px;
margin:0 0 10px 0;
}
#bottom p
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#8b8b8b;
line-height:14px;
margin:0 0 10px 0;
}
#bottom p.rgt{text-align:right;}
#bottom p a{color:#42abdf;}
#bottom div.hello
{
width:306px;
float:left;
display:inline;
}
#bottom div.multiple
{
width:256px;
float:left;
display:inline;
margin:0 51px;
}
#bottom div.multiple img.live-chat{margin:0 0 22px 40px;}
#bottom div.widget
{
width:226px;
float:left;
display:inline;
}
#footer-wrap
{
width:100%;
clear:both;
background:url(../img/footer-wrap.jpg) 0 0 repeat-x;
}
#footer
{
width:901px;
margin:0 auto;
}
#footer p
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#545454;
line-height:14px;
padding:10px 0 0 0;
}
#footer p.lft
{
font-size:11px;
float:left;
display:inline;
}
#footer p.ctr{text-align:center;}
#footer p.rgt
{
float:right;
display:inline;
margin:7px 0 0 0;
padding:0;
}
#footer p a
{
color:#259dd5;
margin:0 5px;
}
#footer p.lft a{margin:0;}
#footer img
{
clear:both;
margin:30px 0 10px 0;
}
#footer a.friend
{
width:104px;
height:23px;
background:url(../img/btn-send-to-friend.gif) 0 0 no-repeat;
display:block;
}
#footer a.friend span{display:none;}
#footer #qwasi
{
width:238px;
height:45px;
background:url(../img/logo-qwasi.gif) 0 0 no-repeat;
display:block;
float:left;
display:inline;
margin:30px 0 0 300px;
}
#footer #qwasi span{display:none;}
#footer #siteseal
{
float:right;
display:inline;
}