@charset "utf-8";
/* CSS Document */

body{ padding:0; margin:0; background:#dedede url('../images/auto-dialer-bg.gif') repeat-x 0 0; color:#000000; font-style:normal; font-variant:normal; font-weight:normal; line-height:18px; font-size:14px; font-family:"Open Sans", Arial, Helvetica, sans-serif}

div, p, span, h1, h2, h3, h4, h5, h6, ul, li, a, img, form, label { padding:0; margin:0; border:0px none; outline:0}

ul{ list-style-type:none;}

.clear{ clear:both; font-size:0; line-height:0; height:0;}

*:focus{ border:0px none; outline:none}

.left{ float:left;}
.right{ float:right;}
.block{ display:block;}
.relative{ position:relative;}
.blockLeft{ display:block; float:left;}
.bordernone{ border:none !important;}
.mg0{ margin:0 !important;}

.line_bdr_btm{ border-bottom:1px solid #DDD;}

.pdB10{
	padding-bottom:10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	color: #333;
}
.pdB11{ padding-left: 20px; padding-right: 20px; padding-top:0; padding-bottom: 10px; }
.pdB11 a {color:#fe8405; font:normal 12px "Open Sans", Arial, Helvetica, sans-serif; text-decoration:underline;}
.pdB11 a:hover{ text-decoration:none;}
.pdB20{ padding-bottom:20px;}
.pdTB18{ padding-bottom:18px; padding-top:18px;}

.text1{ color:#148fcb; font:normal 14px "Open Sans", Arial, Helvetica, sans-serif;}
.text2{ color:#fc2b02; font:normal 13px "Open Sans", Arial, Helvetica, sans-serif;}
.text3{ color:#808080; font:normal 18px "Open Sans", Arial, Helvetica, sans-serif;}
.text4{ color:#fe8405; font:normal 28px "Open Sans", Arial, Helvetica, sans-serif;}
.text5{ color:#fe8405; font:normal 50px "Open Sans", Arial, Helvetica, sans-serif;}
.text6{ color:#6c6c6c; font:normal 14px "Open Sans", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.text7{ color:#c3c3c3; font:normal 11px "Open Sans", Arial, Helvetica, sans-serif;}
.text8{ color:#fe8405; font:bold 12px/20px "Open Sans", Arial, Helvetica, sans-serif;}
.text9{ color:#fe8405; font:bold 15px "Open Sans", Arial, Helvetica, sans-serif;}
.text10{color:#444444; font:normal 12px/18px "Open Sans", Arial, Helvetica, sans-serif;}
.text11{color:#666666; font:normal 13px/18px "Open Sans", Arial, Helvetica, sans-serif; font-style:italic;}
.text12{ color:#fe8405; font:normal 18px "Open Sans", Arial, Helvetica, sans-serif;}
.text20{color:#444444; font:bold 12px/18px "Open Sans", Arial, Helvetica, sans-serif;}
.text21{color:#fe8405; font:normal 12px/18px "Open Sans", Arial, Helvetica, sans-serif;}

.proThumbSecHolder{ width:800px;}

.proThumbSec{ float:left; height:257px; width:208px; margin:0 16px 16px 0; border:1px solid #dedede; padding:10px; text-align:center;}
.proThumbSec h3{ color:#148fcb; font:bold 14px "Open Sans", Arial, Helvetica, sans-serif;}
.proThumbSec p.thumbText{ color:#7c7c7c; font:normal 14px "Open Sans", Arial, Helvetica, sans-serif; height:40px; width:205px; display:block;}
.proThumbSec p.price{  color:#000000; font:normal 14px "Open Sans", Arial, Helvetica, sans-serif;}
.proThumbSec p.price span{color:#fe8405; font:normal 23px "Open Sans", Arial, Helvetica, sans-serif;}

.proThumbSec8 a { color:#148fcb; font:bold 12px "Open Sans", Arial, Helvetica, sans-serif;}
.proThumbSec8 a:hover{ text-decoration:none;}

.proThumbSec8{ float:left; height:257px; width:195px; margin:0 16px 16px 0; padding:10px; text-align:left;}
.proThumbSec8 h3{ color:#148fcb; font:bold 14px "Open Sans", Arial, Helvetica, sans-serif;}
.proThumbSec8 p.thumbText{ color:#7c7c7c; font:normal 14px "Open Sans", Arial, Helvetica, sans-serif; width:190px; display:block;}
.proThumbSec8 p.price{  color:#000000; font:normal 14px "Open Sans", Arial, Helvetica, sans-serif;}
.proThumbSec8 p.price span{color:#fe8405; font:normal 23px "Open Sans", Arial, Helvetica, sans-serif;}

.link{color:#fe8405; font:normal 12px "Open Sans", Arial, Helvetica, sans-serif; text-decoration:underline;}
.link:hover{ text-decoration:none;}

.link2{color:#c60005; font:normal 14px "Open Sans", Arial, Helvetica, sans-serif; text-decoration:none;}
.link2:hover{color:#fe8405; }

.link3{ color:#148fcb; font:normal 14px "Open Sans", Arial, Helvetica, sans-serif; text-decoration:none;}
.link3:hover{ text-decoration:underline;}

.link4{ color:#148fcb; font:normal 14px "Open Sans", Arial, Helvetica, sans-serif; text-decoration:underline;}
.link4:hover{ text-decoration:none;}

.link5{color:#fe8405; font:normal 14px "Open Sans", Arial, Helvetica, sans-serif; text-decoration:underline;}
.link5:hover{ text-decoration:none;}

.link6{ color:#fe0008; font:normal 14px "Open Sans", Arial, Helvetica, sans-serif; text-decoration:underline; }
.link6:hover{text-decoration:none;}

.link7{ color:#fe0008; font:bold 14px "Open Sans", Arial, Helvetica, sans-serif; text-decoration:underline; }
.link7:hover{text-decoration:none;}

/*----------------------------------------general---------------------------------------*/

.main{ margin:0 auto; width:1000px; padding-top:25px;}

.topPanel{ height:100px;}
.logoSec{ background:url('../images/voicent_bg.gif') no-repeat 0 0; width:236px; height:100px; float:left; padding-left:4px}
.logoSec h1{ padding:14px 0 0 14px;}
.navSec{ float:right; width:755px; background:url('../images/voip-dialer-software-bg.gif') no-repeat 100% 0; padding-right:4px; height:100px}

.nav{ display:block; height:100px;}
.nav li.navLi{ float:left; position:relative; display:block; height:100px; margin-right:1px; }
.nav li.navLiLast{ float:left; position:relative; display:block; height:100px; margin-right:0px; }
.nav li a.topnavLink { width:107px; height:60px; float:left; display:block; background:url('../images/voip-bg.gif') no-repeat 0 0; text-align:center; color:#888888; padding-top:40px; text-decoration:none; font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:"Open Sans", Arial, Helvetica, sans-serif}
.nav li a.topnavLink:hover { background:url('../images/voip-bg.gif') no-repeat 0 -100px;}
.nav li a.topnavActive { width:107px; height:60px; float:left; display:block; background:url('../images/voip-bg.gif') no-repeat 0 -200px; text-align:center; color:#FFFFFF; padding-top:40px; text-decoration:none; font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:"Open Sans", Arial, Helvetica, sans-serif}

.middlePanel{ background:url('../images/call-center-software-bg.gif') repeat-y 0 0; min-height:500px; padding-left:4px; padding-right:4px; padding-top:0; padding-bottom:0}
.middleLpanel{ float:left; width:236px;}
.developerRpanel{ float:right; width:235px;}
.developerMpanel{ float:left; width:496px; padding: 20px 0 0 12px; font-size:13px;}

.prodPanel { width:100%; margin-bottom: 30px; }
.prodImage { float:left; width:430px; height:350px; }
.prodInfo  { float:right; width:230px; height:350px; border:1px; }

/*-----left nav start-------*/
.leftnav{ display:block;}
.leftnav li{ display:block; height:inherit; margin:0; padding:0;}
.leftnav li a{ display:block; background:#f7f7f7; border-bottom:1px solid #e2e2e2; padding:16px 0 19px 15px; text-decoration:none; color:#999999; font:bold 14px "Open Sans", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.leftnav li a span{ display:block; color:#b2b2b2; font:normal 11px "Open Sans", Arial, Helvetica, sans-serif; text-transform:none;}
.leftnav li a:hover{ color:#148fcb;}
.leftnav li a:hover span{ color:#148fcb;}
/*-----left nav end-------*/
.inform{ padding:18px 0 0 15px;}
.textbox{ background:url('../images/predictive-dialer-textbox.gif') no-repeat 0 0; width:201px; height:20px; border:medium none; color:#888888; padding-left:3px\0; padding-right:0; padding-top:10px; padding-bottom:1px}
.submitBtn{ background:url('../images/autodialer-submit.gif') no-repeat 0 0; width:65px; height:27px; border:medium none; cursor:pointer}
.submitBtn:hover{ background:url('../images/autodialer-submit.gif') no-repeat 0 100%;}

.middleRpanel{float:right; width:755px; }

.bannerSec{ height:379px;}

.copyright{ color:#C00C00; font:normal 11px "Open Sans", Arial, Helvetica, sans-serif; padding:0 0 20px 19px;}

/*-----------------------contantsection start---------------------*/
.container {}

.leftSubSec{ background:#f7f7f7; border-bottom:1px solid #e6e6e6; padding:20px 15px;}
.leftSubSec2{ background:#FFF; border-bottom:1px solid #e6e6e6; padding:20px 15px;}

.textbox1{background:; border:0px none; width:206px; *padding:2px 5px 0; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:0; }
.textbox2{background:; border:0px none; width:465px; height:100px}
.label{ padding-bottom:5px; color:#fe8405; font:bold 12px/20px "Open Sans", Arial, Helvetica, sans-serif; display:block; float:left;}
.labe2{ padding-bottom:10px;  display:block; float:left;}

.solutionL{ float:left; width:245px;}
.solutionLL{ float:left; width:455px;}
.solutionLL p { padding-bottom:10px; }
.solutionLLR{ float:right; }
.solutionRR{ float:right; width:505px;}
.solutionRR p { padding-bottom:10px; }
.solutionRRL { float:left; }
.solutionWhole{ float:left; }
.solutionWhole p { padding-bottom:10px; }
.imgBdr{ border:1px solid #CCC; padding:10px;}
.solutionR{ float:left; width:705px;}
.solutionR p{ padding-bottom:10px;}
.solutionHead { padding-bottom:10px;}
.solutionHead h1 { color:#148fcb; font:normal 32px "Open Sans", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.solutionHead h2 { color:#148fcb; font:normal 20px "Open Sans", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.solutionHead h2 span { color:#bebebd; font:normal 43px "Open Sans", Arial, Helvetica, sans-serif; text-transform:uppercase;}

.jcarousel-skin-tango .jcarousel-container {
   /* -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;*/
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
/*    width: 285px;
*/    padding: 0px 0px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  755px;
    height: 379px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
   /* width:  75px;*/
    height: 25px;
	padding:0px 0;
}

.jcarousel-skin-tango .jcarousel-item {
	padding:0;
}


.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 0px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 390px;
    right: 15px;
    width: 23px;
    height: 23px;
    cursor: pointer;
    background: url('../images/auto-dialer-next.png') no-repeat 0 0;
	z-index:100
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url('../images/auto-dialer-next.png');
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: 0 -23px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -46px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: 0 -23px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}

/*-------------------------- this is fore new home page--------------------------*/

.NewBannerSec{ height:351px; position:relative}
.bannerLeft{ float:left; width:306px; margin:60px 0 0 20px;}
.bannerLeft h2{color:#fb0009; font:bold 20px "Open Sans", Arial, Helvetica, sans-serif; padding-bottom:35px; text-transform:uppercase;}
.bannerLeft h3 { background:url('../images/bullet12.gif') no-repeat 0 15px; border-bottom:1px solid #dadada; border-top:1px solid #dadada; padding-left:13px; padding-right:0; padding-top:10px; padding-bottom:10px}
.bannerLeft h3 a { color:#148fcb; text-transform:uppercase; text-decoration:none; font-style:normal; font-variant:normal; font-weight:bold; font-size:14px; font-family:"Open Sans", Arial, Helvetica, sans-serif}
.bannerLeft p{ padding-top:20px; color:#353535; font:normal 12px "Open Sans", Arial, Helvetica, sans-serif;}
.bannerLeft p strong{ display:block; }
.bannerBottom{ background:url('../images/bannerbg.png'); border-bottom:0px solid #dadada; position:absolute; left:0; bottom:0; width:715px; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px}
.bannerBottom a{ color:#148fcb; background:url('../images/bullet12.gif') no-repeat 0 10px; padding-left:15px; margin-right:30px; display:inline-block; height:25px; text-decoration:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:28px; font-size:14px; font-family:"Open Sans", Arial, Helvetica, sans-serif}
.bannerBottom a:hover{ text-decoration:underline; }

.newLatestnews{ background:url('../images/dialer-bg.gif') repeat-x 0 0; border-bottom:1px solid #dadada; height:47px; padding-left:17px; padding-right:0; padding-top:0px; padding-bottom:0}
.newsroom{ background:url('../images/newsroom.gif') no-repeat 0 0; display:block; width:106px; height:28px; text-indent:-9999px; margin-top:10px}
.newsroom:hover{ background:url('../images/newsroom.gif') no-repeat 0 100%;}
.news { width:660px; float:left; color:#656565; padding-bottom:5px;}
.news a{ color: #656565; padding-bottom:5px; text-decoration:underline; display:inline}
.news a:hover{ text-decoration:none; } 

.heighlightPanel{ background:#cfcfcf; width:755px; overflow:hidden;}
.heighlightSec{ float:left; margin-right:1px; width:251px; height:400px; background:#fbfbfb url('../images/heighlightbg.gif') repeat-x 0 0; position:relative}
.heighlightSec h2{color:#6c6c6c; font:normal 14px "Open Sans", Arial, Helvetica, sans-serif; padding:23px 0 0 67px; }
.heighlightSec h2 span{color:#fb0009; font:normal 22px "Open Sans", Arial, Helvetica, sans-serif; display:block;}
.broadcastIcon{ background:url('../images/predictive-dialer-icon.jpg') no-repeat 15px 23px;}
.pbxIcon{ background:url('../images/ivr-platform-icon.jpg') no-repeat 15px 23px;}
.manageIcon{ background:url('../images/ivr-platform-icon.jpg') no-repeat 15px 23px;}

.heighlightSec ul{ margin:20px 10px 0 20px; }
.heighlightSec ul li{ background:url('../images/call-center-sep.gif') repeat-x 0 100%; padding-left:0; padding-right:0; padding-top:18px; padding-bottom:18px }
.heighlightSec ul li.last { background:none; padding-left:0; padding-right:0; padding-top:18px; padding-bottom:18px }
.heighlightSec ul li a{ display:block; background:url('../images/bullet11.gif') no-repeat 0 0; text-decoration:none; color:#148fcb; font-style:normal; font-variant:normal; font-weight:bold; font-size:14px; font-family:"Open Sans", Arial, Helvetica, sans-serif; padding-left:45px; padding-right:0; padding-top:0; padding-bottom:0}
.heighlightSec ul li a span{ display:block; color:#6c6c6c; font:normal 12px "Open Sans", Arial, Helvetica, sans-serif;}
.heighlightSec ul li a:hover{ text-decoration:underline;}
.heighlightSec ul li a:hover span{ text-decoration:underline;}


.bh{ background:#fbfbfb; height:110px; margin-top:1px; position:relative; padding:20px}
.bh h2{ color:#6c6c6c; font:normal 22px "Open Sans", Arial, Helvetica, sans-serif;}
.bh h2 span{ color:#e21d22; font:normal 22px "Open Sans", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.bh div{ float:left; border-right:1px solid #dedede; width:175px; padding-right:15px; margin-right:15px; height:75px; margin-top:15px;}
.bh div p{ padding-right:0; padding-top:0; padding-bottom:10px; text-decoration:none; color:#656565; }
.bh div a{ background:url('../images/bullet12.gif') no-repeat 0 4px; padding-left:14px; text-decoration:none; color:#148fcb; font:normal 14px "Open Sans", Arial, Helvetica, sans-serif; }
.bh div a:hover{ text-decoration:underline;}
.bh a.download{ display:block; background:url('../images/download-call-center-software.jpg') no-repeat 0 0; width:93px; height:96px; float:left; text-indent:-9999px}
.bh a.download:hover{ background:url('../images/download-call-center-software.jpg') no-repeat 0 100%;}

.crvTL{ display:block; width:5px; height:5px; background:url('../images/curve.gif') no-repeat 0 0; position:absolute; left:0; top:0}
.crvTR{ display:block; width:5px; height:5px; background:url('../images/curve.gif') no-repeat 100% 0; position:absolute; right:0; top:0}
.crvBL{ display:block; width:5px; height:5px; background:url('../images/curve.gif') no-repeat 0 100%; position:absolute; left:0; bottom:0}
.crvBR{ display:block; width:5px; height:5px; background:url('../images/curve.gif') no-repeat 100% 100%; position:absolute; right:0; bottom:0}

.newBottomHome{ background:url('../images/voip-call-center-software-bt.gif') no-repeat 0 0; height:29px; text-indent:-9999px}

.follous{ padding-right:15px; margin-top:50px;}
.follous h3{ border-top:1px solid #dadada; padding-top:10px; padding-bottom:10px; margin-bottom:15px; color:#6c6c6c; font:bold 12px "Open Sans", Arial, Helvetica, sans-serif;}