@charset "utf-8";

body {
    background: url(images/bg_body.png) repeat-x #fcfbf5;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
}

div, ul, p, li{
    display:block; overflow:hidden;
}
ul{
    list-style:none; margin:0; padding:0;
}

li {
    margin : 0 0 3px 0 ;
}
h1{
    font-size:30px; color:#fff;
}

h1.title {
    color : #333;
}
h3{
    margin:0; padding:0; font-size:16px;
}
a img{
    border:none 0;
}
.floatl{
    float:left;
}
.floatr{
    float:right;
}

#main_wrapper {
    width:1003px;
    margin:0 auto;
}

/* ------------------Header Starts----------------------------*/
#header{
    margin:0;
}
.logo{
    display:block;
    margin:27px 0 0 0;
}
.login{
    margin:15px 0 0 0;
    clear:right;
}
.call_demo{
    background:url(images/bg_call_demo.png) no-repeat;
    width:179px; height:56px;
    font-size:13px; color:#160ba9;
    margin:11px 0 0 0;
    padding:25px 0 0 20px;
    text-align:center;
}
/*-------------------NAVIGATION-----------------------------*/
#navigation {
    margin:60px 0 0 0px;
    display:block;
    clear:right;
}
#navigation li{
    display:inline;
}
#navigation li a{
    font-size:12px; font-weight:bold; color:#8e8d8d; text-decoration:none;
    margin:0; padding:0; list-style:none; display:block; float:left; padding:8px 5px; margin:0 30px 0 0;
}
#navigation li a:hover{
    color:#333; border-top:3px solid #b3a25c; margin:0 30px 0 0; padding:5px 5px;
}
#navigation li a.selected{
    color:#333; border-top:3px solid #b3a25c; padding:5px 5px;
}
/*-----------------------Changes-----------------------------------*/

#top_links{
    margin:0 25px 0 0;
}
#top_links li{
    display:block; float:left;
}
.top_repeat{
    background:url(images/toplink_center.png) repeat-x;
    display:block;
    float:left;
    height:29px;
}

#top_nav{
    font-size:11px; font-weight:bold;
    color:#a06d47;
    text-shadow:1px 1px 0px #f0efef;
}
#top_nav li{
    display:block; float:left;
    margin:7px 10px 0 0;
    padding:0 0 0 5px;
    border-left:1px dotted #999;
}
#top_nav a{
    display:block;
    float:left;
    color:#333;
    text-decoration:none;
    padding:0 5px;
}
#top_nav a:hover{
    color:#ac5f25;
}


/* ------------------Banner Starts----------------------------*/
#banner{
    background:url(images/bg_banner.png) no-repeat;
    height:334px;
    margin:7px auto;
}
.video{
    background:url(images/video_bg.png) no-repeat;
    width:501px; margin:26px 0 0 ;
    height:302px;
    padding:10px 0 1px 26px;
}
.signup{
    background:url(../images/sign_up.png) no-repeat;
    width:416px; height:288px;  margin:75px 2px 0 0;
    padding:0 22px 0 30px;
}
.signup_heading{
    font-size:17px;
    color:#fff;
    font-weight:bold;
    margin:28px 0 0 32px;
    -moz-text-shadow:2px 2px 6px #333;
    -webkit-text-shadow:2px 2px 6px #333;
    text-shadow:2px 2px 6px #333;
}

.signup_demo{
    background:url(images/sign_up.png) no-repeat;
    width:416px;  margin:26px 2px 0 0;
    padding:0 22px 0 30px;
}
.signup_demo_heading{
    font-size:17px;
    color:#fff;
    font-weight:bold;
    margin:28px 0 0 32px;
    -moz-text-shadow:2px 2px 6px #333;
    -webkit-text-shadow:2px 2px 6px #333;
    text-shadow:2px 2px 6px #333;
}

#sign_up{
    margin:25px 0 0 0; padding:0;
    list-style:none;
    font-size:12px;
    color:#333;
}
#sign_up li{
    display:block;
    margin:0 0 10px 0;
}
.Register-SH {background: -moz-linear-gradient(45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    border-radius: 4px;
    margin-top:1em;
    padding: 5px;
    font-size:13px; font-weight:normal;}
.social-links {margin-top:1em;}

/* ------------------Form style Starts----------------------------*/
.label{
    font-size:12px; color:#000;
    display:block;
    width:120px;
    font-weight:bold;
    padding:5px 0 0 0;
}
.text_box_wide{
    background:url(images/text_box.png) repeat-x #d7d8d9;
    display:block;
    height:18px;
    padding:5px;
    font-size:11px;
    width:280px;
    border:none 0;
    border:1px solid #bcbcbb;
    outline:none;
}
.text_box_small{
    background:url(images/text_box.png) repeat-x #d7d8d9;
    display:block;
    height:15px;
    padding:5px;
    font-size:11px;
    width:120px;
    border:none 0;
    border:1px solid #bcbcbb;
    outline:none;
}

.text_box_big{
    background:url(images/text_box.png) repeat-x #d7d8d9;
    display:block;
    height:15px;
    padding:5px;
    font-size:12px;
    width:200px;
    border:none 0;
    border:1px solid #bcbcbb;
    outline:none;
}
.error_mssg{
    font-size:10px; color:#cb2326; margin:0; padding:0; text-align:center; line-height:11px;}


.signup_button{
    background:url(images/signup_button.png) repeat-x;
    padding:5px 9px;
    font-size:12px; font-weight:bold;
    color:#000;
    border:none 0;
    display:block;
    margin:0 15px 0 0;
    cursor:pointer;
}
.signup_button:hover{
    color:#fff;
}
.password_text{
    font-size:12px; color:#404041; font-weight:bold;
    margin:10px 0 0 0;
}

/* ------------------Content Starts----------------------------*/
.content{
    margin:10px 0;
}
.text{
    font-size:12px; color:#626262;
    line-height:20px;
    text-align:justify;
}
.text strong{
    color:#ca6c39;
}
.advantage_list{
    margin:10px 0 0 0; padding:0;
    list-style:none;
}
.advantage_list li{
    background:url(images/list_bullet.png) no-repeat left center;
    display:block;
    margin:0 0 7px 0; padding:0 0 0 20px;
}

/* ------------------Price Container Starts----------------------------*/
.price_container{
    background:url(images/bg_table_main.png) repeat-x top #e2e2e2;
    border:1px solid #9b9b9b;
    -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
    margin:10px 0 15px 12px;
}
.price_table{
    margin:0; padding:0;
    list-style:none;
    font-size:12px;
    color:#6a6a6a;
    width:328px;
}
.price_table_dark{
    margin:0; padding:0;
    list-style:none;
    font-size:12px;
    color:#6a6a6a;
    width:331px;
}
.price_table_thin{
    margin:0; padding:0;
    list-style:none;
    font-size:12px;
    color:#6a6a6a;
    width:252px;
}

.price_table_dark_thin{
    margin:0; padding:0;
    list-style:none;
    font-size:12px;
    color:#6a6a6a;
    width:252px;
}

.price_table li, .price_table_thin li{
    background:url(images/light_list.png) repeat-x;
    text-align:center;
    display:block;
    height:24px;
    border-top:1px solid #9b9b9b;
    border-collapse:collapse;
    padding:7px 0 7px 0;
    line-height:24px;
}
.price_table_dark li, .price_table_dark_thin li{
    background:url(images/dark_list.png) repeat-x #d7d7d7;
    text-align:center;
    display:block;
    height:24px;
    border-top:1px solid #9b9b9b;
    border-collapse:collapse;
    padding:7px 0 7px 0;
    line-height:24px;
}

.plans_heading{
    background:url(images/plans_bg.png) no-repeat;
    display:block;
    position:absolute;
    font-size:15px;
    color:#fff;
    font-weight:bold;
    width:130px;
    height:45px;
    left:1px;
    top:20px;
    padding:5px 0 0 25px;
}
.price_table_dark li.list_h, .price_table li.list_h, .price_table_dark_thin li.list_h, .price_table_thin li.list_h{
    display:block;
    height:55px;
    padding:12px 0 0 0;
    border-top:none 0;
}
.price_table_dark li.list_h strong, .price_table li.list_h strong, .price_table_dark_thin li.list_h strong, .price_table_thin li.list_h strong{
    font-size:15px; color:#404041;
}
/* ------------------Footer Starts----------------------------*/
#footer_back {
    background: url(images/footer_bg.jpg) repeat-x bottom; margin:0; padding:0;
    display:block; height:auto;
}

#footer{
    /*height:176px*/; margin:0 auto 0px auto; padding:5px 0 0 0; width:1003px;
}
#footer table td{
    vertical-align:top;
}
.footer_left{
    float:left; width:430px; margin:10px 0 0 5px; padding:0 0 5px 0;
}
.footer_divider{
    background:url(images/footer_divider.png) no-repeat 0 0px; float:left; width:10px; margin:0 0 0 0; height:176px;
}
.footer_links{
    font-size:12px; color:#777776; display:block; float:left; margin:0 60px 0 0; list-style:none; padding:0;
}
.footer_links li{
    margin:0;
}
.footer_links li a{
    display:block; margin:0 0 8px 0; color:#777776; text-decoration:none;
}
.footer_links li a:hover{
    color:#CCC;
}
.footer_links li strong{
    display:block; margin:0 0 10px 0; color:#ca6c39;
}

.footer_right{
    float:left; margin:10px 0 0 25px; padding:0 0 5px 0;
}
.knowlus_logo{
    display:block; float:left; width:176px;
}
.knowlus_heading{
    float:left; width:243px; font-size:12px; color:#8e8d8d; font-weight:bold; line-height:18px; margin:39px 0 0 50px;
}
.knowlus_content{
    font-size:12px; line-height:18px; clear:both; width:470px; padding:10px 0 0 0; color:#bbbaba;
}

.buy_now{
    background:url(images/buy_bg.png) repeat-x #fbfbfb;
    font-size:12px; font-weight:bold;
    color:#404041;
    height:26px;
    border:1px solid #c7c6c3;
    -moz-border-radius:10px; -webkit-border-radius:6px;
    border-radius:5px;
    padding:5px 9px; text-decoration:none;
    cursor:pointer;
    margin:0; line-height:normal;
}
.buy_now:hover{
    color:#000;
}

/*---------------------Inner Banner--------------------------------*/
#wrapper{
    background:url(images/bg_inner.png) repeat-x #fcfbf5;
    margin:0 auto;
}
.inner_banner{
    background:url(images/inner_banner.png) no-repeat;
    height:96px;
    padding:15px 0 0 15px;
    margin:13px auto;
}
.inner_banner h1{
    color:#333;
}
.left{
    width:20%;
    min-height:300px;
    background:url(images/repeat_right.png) repeat-y right top;
    padding:0 15px 0 5px;
    min-height:350px;
}
.right{
    width:77%; padding:0 0 0 0.8em;min-height:350px;
}
.side_links{
    font-size:12px; color:#333; font-weight:bold;
}
.side_links a{
    display:block;
    color:#333;
    text-decoration:none;
    background:#f8dfc7;
    padding:6px 0 8px 10px;
    border:1px solid #f1d2b4;
    border-right:none 0;
    -moz-border-radius-topleft:6px;
    -moz-border-radius-bottomleft:6px;
    -webkit-border-top-left-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    margin:0 2px 5px 0;
}
.side_links a:hover{
    color:#bb8c5f;
}
.links{
    /*display:block;*/
    color:#333;
    text-decoration:none;
    background:#f8dfc7;
    padding:3px 6px;
    border:1px solid #f1d2b4;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    margin:0 0 5px 0;
}
.links:hover{
    color:#bb8c5f;
}


.bp{
    position:absolute;
    top:0;
    right:370px;
}

/*----------------------------POP UPS---------------------------------*/
.black_bg{
    background:url(images/trans_bg.png) repeat;
    width:100%;
    height:100%;
    display:block;
    position:fixed;
    top:0; left:0;
    z-index:50000;
    margin:0 auto;
    display:none
}
.login_box{
    background:#e8e9e7;
    margin: 15% auto;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    overflow:hidden;
    width:350px;
    padding:15px 0 0 0;

}
.close{
    font-size:12px;
    color::#999;
    width:50px;
    display:block;
    float:right;
    margin:-10px 5px 0 0;
    cursor:pointer;
}
#chat{
    display:none; float:right; position:fixed; right:10px; bottom:0; z-index:99999999;
    overflow:hidden;
    -moz-box-shadow: 2px 5px 10px #333;
    -webkit-box-shadow: 2px 5px 10px #333;
    box-shadow: 2px 5px 10px #333;
    background:#f4f6f2;
    padding:5px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}

/*---------------------Pop up Login box------------*/
.login_heading_free{
    background:url(images/signup_heading_free.png) no-repeat;
    width:230px; height:29px; font-size:19px; font-weight:normal; color:#ababab; padding:5px 0 0 5px;
}
.login_content{
    padding:15px;
}
.login_content div{
    display:block;
    width:320px;
    /*height:40px;*/
    margin:0 0 15px 0;
}
.login_content label{
    display:block; float:left; margin:0; padding:8px 0 0 0;
    width:105px; font-size:11px; font-weight:bold;
}


.login_content div.error_mssg{
    font-size:10px; color:#cb2326; margin:0; padding:0; text-align:center; line-height:11px;
}
.forgot{
    font-size:11px; color:#ac5f25;
}
.forgot a{
    color:#ac5f25;
}

.contact_left {
    width: 550px;
}
.contact_right {
    margin: 0 0 0 45px;
    width: 350px;
}
.submit {
    -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #E99819;
    border: 1px solid #F8B767;
    color: #333333;
    cursor: pointer;
    display: block;
    float: left;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 0 10px;
    padding: 5px 7px;
}
.text_area {
    -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #F6F7F4;
    border: 1px solid #DDDEDB;
    color: #666666;
    display: block;
    float: left;
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 0;
    width: 200px;
}

/*---------------------Rate Card----------------------------------*/
.rate_card{
    overflow:hidden;
}

.paging{
    font-size:12px; font-weight:bold; text-align:center; margin:25px 0 30px 0; letter-spacing:3px;
}
.paging a{
    color:#666;
}
.paging a:hover{
    color:#093; text-decoration:none;
}
.rate_card thead{
    font-size:14px; font-weight:bold; color:#333; text-align:center; border-bottom:1px dashed #CCC; border-top:1px dashed #CCC;
}
.rate_card thead td{
    padding:10px 0;
}
.rate_card tbody{
    font-size:12px; font-weight:normal; color:#333; text-align:center;
}
.rate_card tbody td{
    padding:12px 0;
}
.rate_card tbody tr.even{
    background-color:#e3e4e1;
}
.rate_card tbody li{
    margin:0 0 10px 0
}



/*---------------------FAQ----------------------------------------*/
#faq {
    width: 915px;
    margin:20px 0 0 10px; padding:0;
}
#faq ol li{
    margin:0 0 0 18px; list-style:decimal;
}
.accordionButton {
    background:url(/media/images/plus.jpg) no-repeat 850px center;
    width: 915px;
    float: left;
    _float: none; /* Float works in all browsers but IE6 */
    /*background: #003366;*/
    border-bottom: 1px dashed #d6d5d6;
    cursor: pointer;
    font-size:12px;
    font-weight:bold;
    line-height:22px;
    color:#333;
    text-align:left;
    padding:5px;
    margin:0;
}

.accordionContent {
    width: 890px;
    float:left;
    _float: none; /* Float works in all browsers but IE6 */
    /*background: #95B1CE;*/
    font-size:12px;
    color:#333;
    line-height:22px;
    text-align:left;
    margin:5px 0 15px 25px;
    padding:0 0 10px 5px;
}
.accordionContent a {
    color:#0aa2e9;
}
.accordionContent a:hover {
    text-decoration:none;
}
/***********************************************************************************************************************
206 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
207************************************************************************************************************************/

.on {
    background:url(/media/images/minus.jpg) no-repeat 850px center;
}

.over {
    /*background: #CCCCCC;*/
}