body{background-color: #FFFFFF; font-family:Arial, Tahoma, Verdana; font-size:12px; color:#5E5E5E;} /* ===== reset ===== */ h1, h2, h3, h4, h5, h6,img, table, a, ul, li{margin:0px; padding:0px;} img{border:0px;} /* ===== Header ===== */ #wrapper{width:980px; border:1px solid #DFDFDF; margin:0 auto;} #header{margin:16px 0px 0px 0px; } #logo{width:180px; height:46px; float:left; margin:-21px 0px 0px 10px;} #top-navigation{margin:0px 0px 0px 5px; float:left; width:780px;} #top-nav-left-round{background-image:url(../Images/top-nav-left-round.jpg); background-repeat:no-repeat; width:5px; height:39px; float:left; margin:0px 0px 0px 10px;} #top-nav-right-round{background-image:url(../Images/top-nav-right-round.jpg); background-repeat:no-repeat; width:5px; height:39px; float:left;} #master-top-menu{float:left; background-image:url(../Images/top-nav-master-bg.jpg); background-repeat:no-repeat; width:780px; margin-left:9px;} #search-box{height:16px; /*float:right; background-image:url(../Images/img-searchbox.jpg); background-repeat:no-repeat; width:204px; height:26px; margin:0px 10px 2px 0px; padding:4px 0px 0px 0px; text-align:center;*/} #customer-login{text-align:right; margin:-24px 12px 5px 0px;} .transparent-textbox{background-color:Transparent; width:190px; border:0px; color:#9B9B9B; font-style:italic;} #banner{background-image:url(../Images/banner-bg.jpg); background-repeat:no-repeat; background-position:bottom; height:472px; padding:20px 0px 0px 0px;} #punch-lines{border:0px solid red; text-align:center;} #skip-to-content{background-image:url(../Images/repeat-after-banner.jpg); background-repeat:repeat-x; text-align:right; padding-right:12px; height:18px; padding-top:6px;} #skip-to-content a{color:#fff; text-transform:uppercase; text-decoration:none; font-size:10px; padding-right:3px;} #skip-to-content span{background-image:url(../Images/skip-content-down-arrow.png); background-repeat:no-repeat; width:7px; height:24px; float:right;} #contact-bar{width:980px; margin:0 auto; text-align:right; border:0px solid red; padding:0px 0px 8px 0px;} #home-contact-number{font-size:20px; font-family:Lucida Sans, Arial, Tahoma;} /* ===== Body ===== */ #site-body{padding:12px;} #products{float:left;} .product-template{background-image:url(../Images/content-holder.jpg); background-repeat:no-repeat; width:675px; height:129px; margin:0px 10px 15px 3px; padding:10px 15px 10px 15px; border:0px solid red; list-style-type:none; cursor:pointer;} .product-template h4{font-family: Lucida Sans, Arial; font-size:18px; color:#DC0000; font-weight:normal;} .product-template p{color:#5E5E5E; margin:11px 0px 0px 0px; line-height:18px;} .btn-read-more{margin:13px 0px 0px 0px;} .product-template:hover *{color:#fff !important;} .product-template:hover h4{color:#FFD800 !important;} .product-template:hover{background-image:url(../Images/content-holder-hover.jpg); background-repeat:no-repeat; width:675px; height:129px;} #sidebar{float:right;} .sidebar-red-title{background-image:url(../Images/sidebar-red-titlebg.jpg); background-repeat:no-repeat; width:223px; height:22px; color:#fff; font-size:14px; padding:7px 0px 0px 10px;} .demo-ul{list-style-type:none;} .demo-ul li{border-bottom:1px dotted #E0E0E0; padding:10px 0px 10px 30px;} .demo-ul li.noextrapadding{border-bottom:1px dotted #E0E0E0; padding:10px 0px 10px 10px;} .demo-ul li.without-border{border-bottom:0px;} .demo-ul li:hover {background-color:#F6F6F6;} .demo-ul li a, .demo-ul li a:active, .demo-ul li a:visited{color:#5E5E5E; text-decoration:none;} .sidebarmenu{list-style-type:none;} .sidebarmenu li{border-bottom:1px dotted #E0E0E0; padding:10px 0px 10px 10px;} .sidebarmenu li:hover {background-color:#F6F6F6;} .sidebarmenu li a, .sidebarmenu li a:active, .sidebarmenu li a:visited{color:#5E5E5E; text-decoration:none;} /* === sidebar products logos === */ .icon-stratadial{background-image:url(../images/icon-stratadial.png); background-repeat:no-repeat; background-position:left; } .icon-strataselect{background-image:url(../images/icon-strataselect.png); background-repeat:no-repeat; background-position:left; } .icon-stratahosted{background-image:url(../images/icon-stratahosted.png); background-repeat:no-repeat; background-position:left; } .icon-stratavoice{background-image:url(../images/icon-stratavoice.png); background-repeat:no-repeat; background-position:left; } .icon-stratachat{background-image:url(../images/icon-stratachat.png); background-repeat:no-repeat; background-position:left; } .icon-webcallback{background-image:url(../images/icon-webcallback.png); background-repeat:no-repeat; background-position:left; } .icon-strataivr{background-image:url(../images/icon-strataivr.png); background-repeat:no-repeat; background-position:left; } .icon-stratawfm{background-image:url(../images/icon-wfm.png); background-repeat:no-repeat; background-position:left; } .icon-satmap{background-image:url(../images/icon-satmap.png); background-repeat:no-repeat; background-position:left; } .icon-strataweb{background-image:url(../images/icon-web.png); background-repeat:no-repeat; background-position:left; } #buttons-chat-callback{margin:10px 0px 6px 0px;} #buttons-chat-callback-home{margin:0px 0px 6px 0px;} #btn-live-chat{background-image:url(../images/btn-live-chat.jpg); background-repeat:no-repeat; width:113px; height:39px; float:left; cursor:pointer; margin-right:5px;} #btn-live-chat:hover{background-image:url(../images/btn-live-chat-hover.jpg); background-repeat:no-repeat; } .btn-call-back{background-image:url(../images/btn-request-call-back.jpg); background-repeat:no-repeat; width:113px; height:39px; cursor:pointer; float:left;} .btn-call-back:hover{background-image:url(../images/btn-request-call-back-hover.jpg); background-repeat:no-repeat;} .icon-awards{margin:-19px 4px 0px 0px; float:left;} .awards-ul{list-style-type:none;} .awards-ul li{border-bottom:1px dotted #E0E0E0; padding:18px 0px 18px 10px; width:224px;} .awards-ul li:hover {background-color:#F6F6F6;} .awards-ul li a{color:#5E5E5E; text-decoration:none;} .sidebar-red-title-dd{background-image:url(../Images/sidebar-red-titlebg-dd.jpg); background-repeat:no-repeat; width:223px; height:22px; color:#fff; font-size:14px; padding:7px 0px 0px 10px;} #dd-menu ul li { position: relative; list-style-type:none; } #dd-menu ul li ul { position: absolute; left: 0px; top: 29px; display: none; border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; } #dd-menu ul li a {color:#fff; font-size:14px; text-decoration:none;} #dd-menu ul li ul li a, #dd-menu ul li ul li a:visited, #dd-menu ul li ul li a:active { display: block; text-decoration: none; padding:7px 0px 7px 10px; color:#5E5E5E; background-color:#fff; border-bottom:1px dotted #E0E0E0; width:221px; } #dd-menu ul li ul li a:hover{background-color:#F6F6F6;} #dd-menu li:hover ul { display: block; } #dd-menu li:hover ul, li.over ul { display: block; } #dd-menu-html{margin-top:10px;} /* ===== Footer ===== */ #footer-wrapper{width:962px; border:1px solid #DFDFDF; margin:0 auto; padding:10px 0px 0px 18px; } #footer-wrapper th{color:#DC0000; font-weight:bold; text-align:left; width:130px;} #footer-wrapper ul{list-style-type:none; font-size:11px; margin-top:8px;} #footer-wrapper li{padding:0px 0px 6px 0px;} #footer-wrapper li a, #footer-wrapper li a:active, #footer-wrapper li a:visited{color:#5E5E5E; text-decoration:none;} #footer-wrapper li a:hover{color:#000; border-bottom:1px dotted #5e5e5e;} #go-top{width:980px; margin:0 auto; text-align:right; padding-right:10px;} #credits{width:980px; font-size:11px; margin:0 auto;} .left-float{float:left; margin-top:10px;} .right-float{float:right; margin-top:10px;} /* ===== Common ===== */ .clear{clear:both;} .spacer23{height:23px;} .spacer30{height:30px;} .txt-small{font-size:11px;} .spacer5{height:5px;} .spacer15{height:15px;} .spacer10{height:10px;} .hand-cursor{cursor:pointer;} .req{color:Red; font-size:10px;} .text-small{font-size:11px;} .bold-only{font-weight:bold;} .font14px{font-size:13px !important;} hr{height:1px; background-color:#DFDFDF; border:0px;} /* ===== Text ==== */ h1{font-size:25px; color:#DC0000; margin:20px 0px 0px 0px;} h2{font-size:17px; color:#3B3838; margin:10px 0px 0px 0px;} .h2-punch{color:#3B3838; font-size:22px; font-family:"Lucida Sans", Arial; font-weight:normal; margin:0px 0px 5px 0px;} h3{color:#DC0000; font-size:12px; margin:10px 0px 5px 0px;} .h3-bgcolor{color:#DC0000; height:20px; padding:5px 0px 0px 0px; margin-right:4px; border-bottom:1px solid #CACACA;} .bold-black{font-weight:bold; color:#000;} p.tag-line{margin:0px; padding:0px; font-style:italic; font-size:11px;} h1.simple-title{color:#DC0000; margin:10px 0px 0px 0px !important;} #sub-main h1{font-size:25px; color:#DC0000; margin:5px 0px 0px 0px; font-weight:normal;} #sub-main .h1-23px{font-size:24px !important; color:#DC0000; margin:20px 0px 0px 0px;} #sub-main-fullwidth h1{font-size:25px; color:#DC0000; margin:5px 0px 0px 0px; font-weight:normal;} #sub-main p{text-align:justify; width:705px;} .tbl-awards{text-align:justify;} .arial15px{font-size:14px; margin:0px; padding:0px;} /* ==== Sub Page ==== */ #sub-main-fullwidth{float:left; width:960px;} #sub-main{float:left; width:715px;} #sub-main p{color:#363636; line-height:17px;} .ad-img{margin:0px 0px 10px 0px;} #breadcrumb{} .current-tab{float:left; background-color:#464646; text-transform:uppercase; font-size:11px; color:#fff; width:150px; height:22px; padding:8px 5px 0px 5px;} .breadcrumb-trail{background-color:#E3E3E3; margin-left:5px; width:540px; float:left; height:23px; padding:7px 5px 0px 5px;} .breadcrumb-fullwidth{width:782px !important;} .breadcrumb-trail ul{list-style-type:none; margin:0px; padding:0px;} .breadcrumb-trail ul li{display:inline;} .breadcrumb-trail ul li a, .breadcrumb-trail ul li a:visited{color:#474747; font-size:11px; text-decoration:none; background-image:url(../Images/breadcrumb-arrow.jpg); background-repeat:no-repeat; background-position:right; padding:0px 15px 0px 5px;} .breadcrumb-trail ul li a:active, .breadcrumb-trail ul li a:hover{color:#DC0100;} .breadcrumb-trail ul li a.breadcrumb-selected{color:#DC0100; background-image:none !important;} .text-bullets{margin:8px 0px 8px 30px; color:#474747;} /* === Sub tabs ==== */ .sub-tabs{margin:20px 0px 0px 0px; padding:0px;} .sub-tabs li{display:inline;} .sub-tabs li a, .sub-tabs li a:active, .sub-tabs li a:visited{font-size:13px; background-color:#EFEFEF; border-top:1px solid #E5E4E4; border-right:1px solid #E5E4E4; border-left:1px solid #E5E4E4; color:#464646; text-decoration:none; padding:5px 15px 0px 15px; height:22px; float:left; margin:0px 4px 0px 0px;} .sub-tabs li a:hover{background-color:#464646; color:#fff !important; padding:5px 15px 0px 15px; height:22px; border-top:1px solid #464646; border-right:1px solid #464646; border-left:1px solid #464646; } .sub-tabs li a.activetab{background-color:#464646; color:#fff; padding:5px 15px 0px 15px; height:22px; } .sub-tabs li a.normaltab{color:#464646; padding:5px 15px 0px 15px; height:22px;} .sub-tabs li a{cursor:pointer;} .diagram{border:1px solid #BABABA;} .diagram-div{float:left; margin-right:6px;} .text-div{margin-top:11px;} .diagram-points-list{margin-top:8px; list-style-type:none;} .diagram-points-list li{padding:0px 0px 10px 0px;} .diagram-noborder-center{text-align:center;} #extended_diagram, #extended_text, #multiple_dialers_diagram, #multiple_dialers_text, #multiple_sites_diagram, #multiple_sites_text {display:none;} /* === StrataSelect™ Featuers Column === */ .main-body-one-column div ul{margin-left:15px; list-style-image:url(../images/bullet.gif);} .main-body-one-column div li{padding:0px 0px 20px 0px;} .main-body-two-columns{display:table;} .main-body-two-columns div{display:table-cell; width:350px; padding-left:0px !important;} .main-body-two-columns div ul{margin-left:15px; list-style-image:url(../images/bullet.gif);} .main-body-two-columns div li{padding:0px 0px 6px 0px;} .main-body-three-columns{width:940px;} .main-body-three-columns div{padding-left:0px !important; width:300px; float:left;} .main-body-three-columns div ul{margin-left:0px; list-style-type:none;} .main-body-three-columns div li{padding:0px 0px 10px 22px;} .main-body-three-columns div li a, .main-body-three-columns div li a:active, .main-body-three-columns div li a:visited{color:#4A4A4A; text-decoration:none;} .main-body-three-columns div li a:hover{color:#000; border-bottom:1px dotted #5e5e5e;} .main-body-three-columns div li.call-recording{background-image:url(../images/icon-call-recording.jpg); background-repeat:no-repeat; background-position:0px -1px; } .main-body-three-columns div li.multi-channel{background-image:url(../images/icon-multi-channel.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.compliance{background-image:url(../images/icon-compliance.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.reporting-portal{background-image:url(../images/icon-reporting.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.wfm{background-image:url(../images/icon-wfm.jpg); background-repeat:no-repeat; background-position:0px -5px;} .main-body-three-columns div li.performance-graph{background-image:url(../images/icon-performance-graph.jpg); background-repeat:no-repeat; background-position:0px -3px;} .main-body-three-columns div li.billing{background-image:url(../images/icon-billing.jpg); background-repeat:no-repeat; background-position:0px -3px;} .main-body-three-columns div li.ivr{background-image:url(../images/icon-ivr.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.acd{background-image:url(../images/icon-acd.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.voicemail{background-image:url(../images/icon-voicemail.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.appointment{background-image:url(../images/icon-appointment.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.crm-integration{background-image:url(../images/icon-crm-integration.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.scorecards{background-image:url(../images/icon-scorecards.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.pbx-integration{background-image:url(../images/icon-pbx-integration.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.data-source{background-image:url(../images/icon-data-source.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.third-party-integration{background-image:url(../images/icon-third-party-integration.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.translation{background-image:url(../images/icon-translation.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.screen-recorder{background-image:url(../images/icon-screen-recorder.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.data-encryption{background-image:url(../images/icon-data-encryption.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.dynamic-list-management{background-image:url(../images/icon-dynamic-list-management.jpg); background-repeat:no-repeat; background-position:0px -1px;} .main-body-three-columns div li.administrator-dashboard{background-image:url(../images/icon-administrator-dashboard.jpg); background-repeat:no-repeat; background-position:0px -1px;} .main-body-three-columns div li.management-tools{background-image:url(../images/icon-management-tools.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.quality-assurance{background-image:url(../images/icon-quality-assurance.jpg); background-repeat:no-repeat; background-position:0px -1px;} .main-body-three-columns div li.call-routing{background-image:url(../images/icon-call-routing.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.dnc-management{background-image:url(../images/icon-dnc-management.jpg); background-repeat:no-repeat; background-position:0px -1px;} .main-body-three-columns div li.multiple-dialers{background-image:url(../images/icon-multiple-dialers.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.multiple-sites{background-image:url(../images/icon-multiple-sites.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.ftc-compliance{background-image:url(../images/icon-ftc-compliance.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.database-maintenance{background-image:url(../images/icon-database-maintenance.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.fault-tolerance{background-image:url(../images/icon-fault-tolerance.jpg); background-repeat:no-repeat; background-position:0px 0px;} .main-body-three-columns div li.screen-designer{background-image:url(../images/icon-screen-designer.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.chat-campaigns{background-image:url(../images/icon-chat-campaigns.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.predictive-dialer{background-image:url(../images/icon-predictive-dialer.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.import-export{background-image:url(../images/icon-import-export.png); background-repeat:no-repeat; background-position:0px -1px;} .main-body-three-columns div li.dynamic-list-builder{background-image:url(../images/icon-dynamic-list-builder.png); background-repeat:no-repeat; background-position:0px -1px;} .main-body-three-columns div li.tel-number-management{background-image:url(../images/icon-tel-number-management.jpg); background-repeat:no-repeat; background-position:0px 0px;} .main-body-three-columns div li.inbound-outbound{background-image:url(../images/icon-inbound-outbound.jpg); background-repeat:no-repeat; background-position:0px 0px;} .main-body-three-columns div li.manual-dialing{background-image:url(../images/icon-manual-dialing.jpg); background-repeat:no-repeat; background-position:0px 0px;} .main-body-three-columns div li.blast-dialing{background-image:url(../images/icon-blast-dialing.jpg); background-repeat:no-repeat; background-position:0px 0px;} .main-body-three-columns div li.predictive-preview-dialing{background-image:url(../images/icon-predictive-preview-dialing.jpg); background-repeat:no-repeat; background-position:0px 0px;} .main-body-three-columns div li.server-uptime{background-image:url(../images/icon-server-uptime.jpg); background-repeat:no-repeat; background-position:0px 0px;} .main-body-three-columns div li.buy-nothing{background-image:url(../images/icon-buy-nothing.jpg); background-repeat:no-repeat; background-position:0px 0px;} .main-body-three-columns div li.flexible-pricing{background-image:url(../images/icon-flexible-pricing.jpg); background-repeat:no-repeat; background-position:0px -1px;} .main-body-three-columns div li.hardware-redundancy{background-image:url(../images/icon-hardware-redundancy.jpg); background-repeat:no-repeat; background-position:0px -1px;} .main-body-three-columns div li.network-redundancy{background-image:url(../images/icon-network-redundancy.jpg); background-repeat:no-repeat; background-position:0px -1px;} .main-body-three-columns div li.voice-redundancy{background-image:url(../images/icon-voice.jpg); background-repeat:no-repeat; background-position:0px -1px;} .main-body-three-columns div li.network-management{background-image:url(../images/icon-network-management.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.power-redundancy{background-image:url(../images/icon-power-redundancy.jpg); background-repeat:no-repeat; background-position:0px -2px;} .main-body-three-columns div li.no-expensive{background-image:url(../images/icon-no-expensive.jpg); background-repeat:no-repeat; background-position:0px 0px;} .main-body-three-columns div li.access-support{background-image:url(../images/icon-access-support.jpg); background-repeat:no-repeat; background-position:-2px 2px;} ul.bullet-list{margin-left:15px !important; list-style-image:url(../images/bullet.gif) !important;} ul.bullet-list li{padding:0px 0px 6px 0px !important; color:#363636 !important;} ul.bullet-list li a, ul.bullet-list li a:active, ul.bullet-list li a:visited{color:#4A4A4A; text-decoration:none;} ul.bullet-list li a:hover{color:#000; border-bottom:1px dotted #5e5e5e;} ul.bullet-list-level2{margin:8px 0px 0px 16px !important; list-style-image:none !important; list-style-type:square !important;} ul.bullet-list-level2 li{} ul.margintop{margin-top:15px;} /* Standard link */ a.standard, a.standard:active, a.standard:visited{color:#363636; font-size:11px; border-bottom:1px dotted #5e5e5e; text-decoration:none;} a.standard:hover{color:#000; text-decoration:none; border-bottom:none;} a.standard2, a.standard2:active, a.standard2:visited{color:#DC0000; border-bottom:1px dotted #5e5e5e; text-decoration:none;} a.standard2:hover{text-decoration:none; border-bottom:none; background-color:#545454; color:#fff;} input{font-size:14px;} .button { font-family: Arial, Tahoma, sans-serif; font-size: 14px; padding:5px 7px 5px 7px; border: 1px solid #dddddd; background-color:#F6F6F6; color: #000; font-weight: bold;} .button:hover { border: 1px solid #fff; background: url(../images/btnbg.png) 50% 50% repeat-x ; color: #fff; font-weight: bold; } .tbl-form{font-size:14px; width:100%;} .tbl-form input[type="text"]{width:210px; font-size:14px;} .input-error { border:2px solid #F18A8A; } .label-error { color: red; } .label-success { color: green; font-weight:bold;} /* ===== Features table ===== */ .tbl{width:100%; padding-left:0px; } .tbl th{font-size:14px; color:#fff; text-align:center; background-color:#464646; border-bottom:3px solid #75797C;} .tbl tr:hover{background-color:#f0f0f0; color:#000;} .icon-available{background-image:url(../images/icon-available.gif); background-repeat:no-repeat; background-position:center center;} .icon-not-available{background-image:url(../images/icon-not-available.jpg); background-repeat:no-repeat; background-position:center center;} .h3-less-rmargin{color:#DC0000; font-size:12px; margin:5px 0px 5px 0px; font-weight:bold;} .zero-margin{margin:0px; padding:0px;} ul.inside-tbl{ list-style-type:circle; margin-left:15px;} ul.inside-tbl li{padding:0px 0px 8px 0px;} .case-study{margin-top:7.5px;} .invisible{color:#5E5E5E; text-decoration:none;} .team-template{margin:0px 0px 20px 0px; float:left;} .team-img{float:left;} .team-img img, .tbl-team img{border:1px solid #e6e6e6; padding:3px;} .team-details{float:right; margin:0px 10px 0px 10px;} #sub-main .team-details p{text-align:justify; width:565px;} .team-details h3{margin-top:0px;} .margin-right4px{margin-right:4px;} .marginleft7{margin-left:-7px;}