/*------------------------------------*\
    $GENERAL
\*------------------------------------*/

body {
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#4d4d4d;
}

ul, ul li, p{
	1margin: 0;
	1padding: 0;
}

a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.row{
	margin-bottom: 20px;
}

#main-content{
	margin-bottom: 20px;
}



/*------------------------------------*\
    $BREADCRUMBS
\*------------------------------------*/

ul.breadcrumbs{
	padding: 0;
}

ul.breadcrumbs li{
	float: left;
	margin-right: 5px;
}

ul.breadcrumbs li span{
	margin-left: 5px;
	font-size: 10px;
}


/*------------------------------------*\
    $PRODUCT OVERVIEW
\*------------------------------------*/

#product h1{
	font-size: 26px;
	font-weight: 400;
	color: #4d4d4d;
	text-align: left;
	margin: 0;
	padding: 0;
}

#product h2{
	font-size: 18px;
	font-weight: 400;
	color: #4d4d4d;
	text-align: left;
	margin: 10px 0;
	padding: 0;
}

#screenshot-gallery{
	float: right;
	width: 380px!important;
  margin: 0 0 0 40px;
	position: relative;
}

#features #screenshot-gallery {
  width: 320px!important;
}

#screenshot-gallery a{
	display: block;
}

#screenshot-gallery img{
	width: 100%;
	border: 1px solid #cbcbcb;
}

#screenshot-gallery span{
	background: url('icons/zoom.png') 0 0 no-repeat;
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
}

#prod-details{
	width: 520px;
	float: left;
}

.topbut {
    right: 0;
    bottom: 30px;
    position: absolute!important;
}

ul.product-features {
	padding-left: 1.25em;
	margin-top: 0;
	line-height: 1;
	margin-bottom: 1.25em;

}

ul.product-features li{
	list-style: square outside;
	margin-bottom: 0.3em;
	font-size: 15px;
  line-height: 22px;
}

#features .noborder {border: 0}

.product-features sup{font-size: 11px;}

.content_doc{
	display: block;
	height: 25px;
	line-height: 25px;
	background: url('icons/doc.png') 0 0 no-repeat;
	padding-left: 25px;
	float: left;
	margin-right: 10px;
	margin-top:5px;
}
.content_doc.last
{
    margin-right:0px;
}

.ctaButtons .cta {
    padding: 10px;
    margin: 10px;
}

.ctaButtons .cta2 {
    padding: 10px;
    margin: 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.ctaButtons {
  width: 100%;
  margin-bottom: 40px;
  float: left;
  margin-top: 30px;
}


.ctaButtons[data-cols="3"] > div {
    width: 33.333333%;
    float: left;
    background: #f3f5f6;
    text-align: center;
}


.ctaButtons2 h3 {
  margin: 0px;
  color: #2f3034;
  font-weight: bold;
  padding: 0px 0px 10px 0px;
}

.ctaButtons2 a {text-decoration: none;}
.ctaButtons2 a:hover {text-decoration: underline;}

.ctaButtons2 {
  width: 100%;
  margin-bottom: 40px;
  float: left;
}


.ctaButtons2 img {
  border-right: 1px solid #0072c6;
  padding: 0 10px 0 0;
  float: left;
}

.ctaButtons2[data-cols="3"] > div {
    width: 33.333333%;
    float: left;
}


.ctaButtons2[data-cols="3"] > div > div {
    padding: 15px 15px;
    float: left;
    border: 1px solid #ccc;
}


.ctaButtons2 .cta {
    margin: 0 10px 0 0;
}

.ctaButtons2 a {
    padding: 0px 10px;
}

.ctaButtons2 .cta2 {
    margin: 0px 10px
}


.ctaButtons2 .cta3 {
    margin: 0 0 0 10px;

}

.ctaButtons2 a {
    padding: 0px 10px;
    float: left;
}

.cta p {margin-bottom: 0px;}
.cta2 p {margin-bottom: 0px;}
.cta3 p {margin-bottom: 0px;}


.benefits {
  float: left;
  margin-top: 40px;
}


.benefits div > div{
  padding: 0 45px 30px 0;
}

.benefits a {
  font-size: 16px!important;
  font-weight: bold;

}

.benefits img {
  padding: 0 40px 20px 0;
  float: left;
}



#partner-logos img{
	margin-right: 20px;
}

#top-left,
#top-right{
	overflow: hidden;
}


.product-btn{
	display: block;
	width: 180px;
	text-align: center;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	margin-bottom: 8px;
	font-size: 14px;
}


a.orange {
    background-color:#f7931e!important;
}
a.orange:hover {
    background-color:#ff5e1a!important;
}

a.green {
    background:#4f8b2f;
}
a.green:hover {
    background:#14ad29;
}

a.blue {
    background:#0071bc;
}
a.blue:hover {
    background:#15237b;
}


/*------------------------------------*\
    $TABS
\*------------------------------------*/


#tabnav{
margin: 0;
padding: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
border-bottom: 1px solid #c9c9c9;
}

#tabnav li{
display: inline;
margin: 0;
padding-bottom: 3px;
}

#tabnav li a{
display:inline-block;
position: relative;
width:125px;
height:auto;
z-index: 1;
padding: 13px 20px;
border-top: 1px solid #c9c9c9;
font-family: 'PT Sans', sans-serif;
text-decoration: none;
text-align:center;
font-size: 14px;
margin-bottom: -1px;
}


#tabnav li.first {border-left: 1px solid #c9c9c9;}
#tabnav li.last {border-right: 1px solid #c9c9c9;}

#tabnav li.free-width a{
width:auto;
min-width:76px;
1background-color: #fff;
}

#tabnav li a:hover{
text-decoration: none;
background-color: #fff;
color: #979797;
}

#tabnav li.ui-tabs-selected a{ /*selected main tab style */

color: #979797;
font-weight: 700;
}


/*------------------------------------*\
    $CONTENT IN TABS
\*------------------------------------*/

#tabs>div{
	width: 100%;
	padding: 30px 0px;
	margin-bottom: 0;
	font-size: 14px;
  line-height: 22px!important;
	font-weight: 400;
}

.tabcontent h3{
	font-weight: 700;
	font-size: 16px;
	color: #4d4d4d;
	margin: 20px 0 15px;
	padding: 0;
}

.tabcontent h2{
	font-weight: 700;
	font-size: 18px;
	color: #4d4d4d;
	margin: 20px 0 15px;
	padding: 0;
}

.tabcontent p{
	font-weight: 400;
	margin: 10px 0;
	padding: 0;
}

.tabcontent td p {
	line-height: 14px;
}

.tabcontent ul{
	padding: 0;
	padding-left: 0px;
	margin: 1em 0;
	margin: 5px 0;
}

.tabcontent ul li{
	list-style-type:disc;
	padding: 0px 2px;
}

.bx3 .tabcontent ul  {
  padding-left: 0!important;
}

.tabcontent ul.dash-list{
	padding-left: 20px;
}
.tabcontent ul.dash-list li{
	list-style-type: none;
}
.tabcontent ul.dash-list li span{
	margin-right: 5px;
}

.tabcontent ol li{
	list-style-type:decimal;
	padding:2px;
}


#compare table{
	font-size: 12px;
	text-align: center;
	margin: 10px 0;
	border-collapse: collapse;
	border: 0px;

}

.grey{
	background-color: #dadada;
}

#compare table td{
	width: 110px;
	padding: 5px 0;
	border: 0px;
}

#compare table th{
	vertical-align: top;
	font-weight: 400;
	padding: 5px 0;
	background-color: #979797;
	color: #fff;
	font-size: 13px;
}

#compare table td.td-product{
	text-align: left;
	width: 150px;
	font-size: 13px;
	padding-left: 0;
	padding-left: 15px;
}

.videoYouTube {

  float: left;
  margin-right: 40px;
}

.video{
	display: block;
	width: 180px;
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	line-height: 0;
}

.video img{
	width: 100%;
}

.video span{
	background: url('icons/play.png') 0 0 no-repeat;
	position: absolute;
	display: block;
	width: 26px;
	height: 25px;
	top: 50%;
	left: 50%;
	margin-top: -14px;
	margin-left: -14px;
}

.videos .last{
	margin-right: 0;
}

/*------------------------------------*\
    $RIGHT-BLOCK
\*------------------------------------*/

#right-block{
	border: 1px solid #959595;
	padding: 20px;
	margin-top: 39px;
}

#right-block h4{
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 700;
}

#contact-sales p, #contact-sales a{
	font-size: 14px;
}

#contact-sales p span{
	display: block;
	font-size: 12px;
}

#testimonials blockquote{
	margin: 0;
	margin-bottom: 20px;
	background: url('icons/client.png') 0 3px no-repeat;
	padding-left: 45px;
}
#testimonials blockquote.quote-logo{
	background: none;
	padding-left: 0px;
}
    #testimonials blockquote.quote-logo img {
        padding: 5px 0px;
    }

#testimonials blockquote p{
	font-size: 14px;
	margin: 10px 0;
}

#testimonials .author{
	font-style: italic;
}

#testimonials p span{
	display: block;
}

#testimonials .more{
	display: block;
	text-align: right;
}

.separator{
	height: 1px;
	width: 80%;
	margin: 20px auto;
	border-top: 1px solid #959595;
}

td.yes
{
    color:Green;
}
td.no
{
    color:red;
}

#overview .overview-table
{
    width:100%;
    border:0px;
}
#overview .overview-table td
{
    vertical-align:top;
    text-align:left;
    padding:2px 5px;
}


 /* jQuery UI Tabs 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.grey-bg{ background : #eeeeee }


 #webinar h1{
    padding: 20px 20px 10px 0px;
    font-size: 30px;
    font-weight: normal;
    color: #00188f;
    font-family: 'PT Sans', sans-serif;
    margin: 0;
    }

    #webinar .upcoming-container {
        width:560px;
        margin-bottom:20px;
    }
    #webinar .upcoming-container-inner {
        padding:5px;
    }
    #webinar .upcoming-container-inner .inner-left{
        float:left;
        width:110px;
    }
    #webinar .upcoming-container-inner .inner-right{
        float:right;
        width:430px;
    }
    #webinar .upcoming-container-inner h3{
        font-size:14px;
        margin: 4px 0px 2px 0px;
    }

    #webinar .upcoming-container-inner .inner-right .date{
        font-size:11px;
    }
    #webinar .upcoming-container-inner .inner-right .label{
        font-weight:bold;
        width:60px;
    }
    #webinar .upcoming-container-inner .inner-right .speaker{
        width:370px;
    }

    #webinar ul.no-bullets
    {
        padding:0;
        margin:0;
    }
    #webinar ul.no-bullets li
    {
        list-style-image:none;
        list-style-type:none;
        margin:0;
        padding:11px 0px;
    }
    #webinar ul.flat>li
    {
        float:left;
        display:inline-block;

    }

/* product lists */

.orangemarkers li
  {
    color: #f77b37;
}

.orangemarkers li span {
    color: #4d4d4d;
}

.sl-img div {
    float: left;
    width: 75%;
  }