/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.ox-container {
	
}


.ox-content {
	background:#fff;
	padding:13px 30px;
	overflow:hidden;
	border-right: 1px solid #eee;
	
	border-left: 1px solid #eee;
}

.ox-content p {
	margin: 0 0 1em 0; 
}

.left {
	float:left;
}

.right {
	float:right;
}

.enabling {
	margin:171px 0 10px 65px;
	width:415px;
}
	
.enabling li {
	padding:0 0 13px 30px;
	font-size:14px;
	color:#434343;
	line-height:5px;
	
}

.enabling li span{
	line-height:14px;
	
}

.enabling li h3 {
	font-size:14px;
	text-align:left;
	margin:0;
}

.enabling li h3 a {
	color:#e88901;
}

.enabling li h3 a:hover {
	color:#fbb85b;
}

.enabling li.check {
	background:url(/images/product/ox-email/check.png) no-repeat left top;
	line-height: 16px; 
	list-style: none;
}

.enabling li.schedule {
	background:url(/images/product/ox-email/person-icon.png) no-repeat left top;
	line-height:14px;
}

.enabling li.share {
	background:url(/images/product/ox-email/calendar-icon.png) no-repeat left top;
	line-height:14px;
}

.enabling li.inbox {
	background:url(/images/product/ox-email/check.png) no-repeat left 3px;
	line-height:14px;
}

.enabling li.cost { 
	background:url(/images/product/ox-email/money.png) no-repeat left 8px;
	line-height:14px;
}

.enabling li.include { 
	background:url(/images/product/ox-email/mobile.png) no-repeat 7px top;
	line-height:14px;
	padding-bottom:25px;
}

.enabling li.enjoy {
	background:url(/images/product/ox-email/email.png) no-repeat 2px 5px;
}

.enabling li.monitor  {
	background:url(/images/product/ox-email/ic-linked.png) no-repeat left 5px;
}

.enabling li.view-all { 
	padding-bottom:6px;
}

.benefits.left {
	width:244px;
}

.benefits.right {
	width:299px;
}

.main .benefits li, .benefits li {
	padding:0 0 0 53px;
	list-style: none;
	width: 220px;
}

.benefits li h4 {
	/*line-height: 5px;*/
	margin:0;
	
}

.benefits li.simplify {
	background:url(/images/product/ox-email/speech.png) no-repeat 0px 10px;

	
}

.benefits li.documents {
	background:url(/images/product/ox-email/docs.png) no-repeat 0px 15px;
	/*margin-bottom:25px;*/
	
}

.benefits li.mobile {
	background:url(/images/icons/32/iphone.png) no-repeat 5px 13px;
	
}

.benefits li.team {
	background:url(/images/product/ox-email/hand.png) no-repeat 0px 15px;
	margin-bottom:15px;
	
}

.benefits li.pubsub {
background:url(/images/product/ox-email/docs.png) no-repeat 0px 15px; 
	/*margin-bottom:25px;*/
	
}

.benefits li.social { 
	background:url(/images/product/ox-email/ic-linked.png) no-repeat 0px 15px;
	
	clear:right;
	margin-bottom:25px;
}




.benefits li.simple {
	width:245px;
	background:url(/images/product/ox-email/ic-interface.png) no-repeat 0px 10px;
}

.benefits li.protection {
	width:245px;
	margin-bottom:10px;
	background:url(/images/product/ox-email/ic-noemail.png) no-repeat 0px 10px;
	clear:right;
}

.benefits li.customize {
	width:245px;
	margin-bottom:10px;
	background:url(/images/product/ox-email/ic-customize.png) no-repeat 0px 10px;
	
}

.benefits li.professional {
	width:245px;
	margin-bottom:0px;
	background:url(/images/product/ox-email/at-icon.png) no-repeat 0px 10px;
}

.benefits li.global {
	width:245px;
	background:url(/images/product/ox-email/ic-search.png) no-repeat 0px 10px;
	clear:right;
}

.benefits li.centralize {
	width:245px;
	background:url(/images/product/ox-email/ic-email.png) no-repeat 0px 10px;
}

.benefits li.centralize h3 {
	text-align:left;
	margin:1.25em 0;
}

.benefits li.centralize h3 a {
	color:#00c4cb;
	font-size:14px;
}









.benefits li.intro.left {
	text-align:center;
}

.benefits li.intro.left strong {
	color:#7aa400;
}

.benefits li.intro.right {
	width:255px;
	text-align:center;
}

.benefits li.intro.right strong {
	color:#00c4d2;
}

.benefits li.push {
	background:url(/images/product/ox-email/ic-push.png) no-repeat  0px 10px;
}

.benefits li.unified {
	background:url(/images/product/ox-email/ic-unified.png) no-repeat  0px 10px;
}



.benefits li.spam {
	width:245px;
	background:url(/images/product/ox-email/ic-noemail.png) no-repeat  0px 10px;
}

.benefits li.centralized {
	width:245px;
	background:url(/images/product/ox-email/ic-email.png) no-repeat  0px 10px;
	clear:right;
}















a { 
	color:#e88901;
}

h1 {
	margin:0;
	font-weight:700;
	font-size:25px;
	line-height:1.2;
	color:#fff
}

h2 {
	font-weight:700;
	margin:0;
	color:#432700;
	font-size:17px;
}

h3 { 
	font-size:14px;
	text-align:center;
	clear:both;
	color:#3b3b3b;
}

.footer {
	margin-top:-17px;
}

.footer h3 {
	text-align:right;
	color:#fff;
	font-size:16px;
	padding:0 0 0 35px;
	float:left;
	width:420px;
	margin-top:.75em;
	position:relative;
}

.footer h3 span {
	display:block;
	font-size:14px;
	font-weight:normal;
}

.footer .btn {
	position:absolute;
	right:95px;
	top:37px;
	font-size:16px;
	padding:  0 32px;
}

.shadow {
	
}

.shadow:after {

}

.text-box {
	width:413px;
	padding: 22px 22px 2px;	
}

.text-box a.OX-standard {
	
}

.text-box a.OX-mobile {
	
}

.buy-box { 
	position:absolute;
	right:-5px;
	bottom:0px;
	text-align:center;
	color:#fff;
	width:160px;
	height:213px;
	padding:0 28px;
	top: 103px;
}

.buy-box p {
	font-size:15px;
}

.buy-box h4 {
	font-size:20px;

}
 










/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    ox-content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    ox-content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        ox-content: " (" attr(href) ")";
    }

    abbr[title]:after {
        ox-content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        ox-content: "";
    }

    pre, 
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.top-box {
	background-image:url(/images/product/ox-email/top-copy-bg.png);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 2px -64px;
	width:708px;
	position:relative;
	float:left;
	clear:both;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	padding:1px 0px;
	
}

.topbtn {margin: 5px 0 0 0;}
#logo {position: absolute; right: 34px; top: 10px;}
.ox-content h3 { margin:10px 0 0;}

a.btn:link {color: #333;}
a.btn:visited {color: #432700;}

.main h3 a.btn, .main h3 a.btn:visited {
    color: #669933;
}

.btn {
  background-color: #ffc954;
  background: url(../img/btn-gradient.png);
  background-repeat: repeat-x;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fed66b), to(#ffbf42));
  background: -webkit-linear-gradient(top, #fed66b, #ffbf42);
  background: -moz-linear-gradient(top, #fed66b, #ffbf42);
  background: -ms-linear-gradient(top, #fed66b, #ffbf42);
  background: -o-linear-gradient(top, #fed66b, #ffbf42);
  color:#432700;
  text-shadow:1px 1px 1px #ffecb9;
  display:block;
  box-shadow:0 0 7px #d37e03;
  overflow:hidden;
 
  text-align:center;
  text-decoration:none; 
  line-height:40px;
  display:block;
  position:relative;
  font-size:15px;
  font-weight:bold;
}

.btn:hover {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffbf42), to(#fed66b));
  background: -webkit-linear-gradient(top, #ffbf42, #fed66b);
  background: -moz-linear-gradient(top, #ffbf42, #fed66b);
  background: -ms-linear-gradient(top, #ffbf42, #fed66b);
  background: -o-linear-gradient(top, #ffbf42, #fed66b);
}


.btn.large {
	font-size:23px;
	line-height:56px;
	width:159px;
}

.ribbon {
	position:relative;
	height:65px;
	padding:30px 0 0;
	background:url(/images/product/ox-email/ribbon.png) repeat-x left bottom;
	text-align:center;
}

.ribbon:before {
	width:17px;
	height:95px;
	content:"";
	display:block;
	left:-17px;
	position:absolute;
	bottom:0;
	background:url(/images/product/ox-email/ribbon-l.png) no-repeat left bottom;
}

.ribbon:after {
	width:17px;
	height:95px;
	content:"";
	display:block;
	right:-17px;
	bottom:0;
	position:absolute;
	background:url(/images/product/ox-email/ribbon-r.png) no-repeat left bottom;
}