﻿*{margin:0; padding:0;}
body{ background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; font-style:normal; background:url(../images/bg.gif) repeat 0 0;}
img{border:0; outline:none;}
ul{list-style-type:none;}
p{padding:5px 0 10px 0; line-height:20px;}
h1{ font-size:11px; font-weight:normal; color:#006699; position:absolute; left:35px; top:53px;}
h2{ font-size:20px; color:#000000; font-weight:normal; padding:10px 0 0 0;}
a{ text-decoration:underline; color:#000000;}
.otp-clr{clear:both;}
.otp-master{width:100%; text-align:center;}
.otp-main{width:960px; margin:0 auto; text-align:left; position:relative; background-color:#FFFFFF; padding:0 15px;}
.otp-logo{float:left; padding:10px 0 22px 20px; }
.otp-menu{width:660px; height:74px; position:absolute; right:0; top:0;}
.otp-menu ul{}
.otp-menu ul li{float:left; height:71px; margin:0 1px;}
.otp-menu ul li a{padding:25px 18px 0 18px; color:#006699; text-decoration:none; display:block; line-height:49px;}
.otp-menu ul li a:hover, .otp-menu ul li a.active{background-color:#0d74d3; color:#FFFFFF;}
.otp-banner{background:url(../images/banner.jpg) no-repeat 0 0; height:287px;}
.otp-banner ul{ padding:192px 0 0 525px;}
.otp-banner ul li{float:left; margin:0;}
.otp-banner ul li.ad{padding:27px 0 0 0;}
.otp-cont{padding:5px 0;}
.otp-right{float:right; width:298px;}
.otp-rbox{background:url(../images/r-bg.gif) repeat-y 0 0; margin:10px 0 0 0;}
.otp-rbox ul{padding:5px 15px;}
.otp-rbox ul li{list-style-type:disc; margin:0 0 0 20px; padding:0 0 12px 0;}
.otp-rt{background:url(../images/rt.gif) no-repeat 0 0; height:12px;}
.otp-rb{background:url(../images/rb.gif) no-repeat 0 0; height:12px;}
.otp-rhead{background:url(../images/right-head.gif) no-repeat 20px  33px; font-size:18px; padding:5px 0 20px 20px}
.otp-rhead img{float:left; margin:0 5px 0 0;}
.otp-client{background:url(../images/quote.gif) no-repeat 0 0; padding:0 0 0 20px; color:#003366; margin:10px; line-height:20px;}
.otp-ct{color:#000000; padding:20px 0 0 0;}
.otp-ct span{color:#999999;}
.otp-support-box{float:left; width:224px; margin-left:10px;}
.otp-money-box{float:left; width:174px; margin-left:16px;}
.otp-safe-box{float:left; width:194px; margin-left:16px;}
.otp-left .features{background-color:#efefef; padding:15px; margin:5px 0 10px 0;
-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
			behavior: url(../css/border-radius.htc);}
.otp-left .features ul{ list-style-type:none; padding:0;}
.otp-left .features ul li{list-style-type:none; margin:0; background:url(../images/check.gif) no-repeat 0 3px; padding:0 0 10px 23px;}

.pad{padding:15px 0 0 0;}


.saveoffer{font-style:normal; color:#CC3300; padding:0 0 20px 0;}


.otp-left{float:left; width:645px;}
.otp-lbox{float:left; background:url(../images/divide.gif) no-repeat right 15px; width:215px; height:110px;}
.otp-lbox1{float:left; width:200px;}
.otp-lbox1 img{padding:10px 0 0 20px;}
.otp-lbox img{padding:10px 0 0 20px;}
.otp-blue{color: #003366; font-size:13px; padding:7px 0 10px 15px; font-weight:bold; font-style:normal;}
.otp-left ul{padding:10px 0;}
.otp-left ul li{list-style-type:disc; margin:0 0 0 15px; padding:0 0 15px 0; line-height:18px;}
.otp-sub{background: url(../images/strip.gif) no-repeat 0 0; height:124px; margin:10px 0 0 0;}
.otp-imp{font-weight:bold; font-style:italic; line-height:20px; padding:15px 0;}
.otp-large{font-size:22px; background:url(../images/head-arrow.gif) no-repeat 0 45px; padding:10px 0 30px 0;}
.otp-buttons{ padding:10px 0 20px 0;}
.otp-buttons ul{padding:0;}
.otp-buttons ul li{list-style-type:none; padding:0; margin:0 15px; float:left;}
.otp-footer{background:url(../images/footer.gif) no-repeat 0 0; height:43px; line-height:43px; padding:0 20px; margin:20px 0 0 0;}
.otp-footer a{text-decoration:none; color:#003366;}
.otp-footer a:hover{color:#000000; text-decoration:underline;}
.otp-fl{float:left;}
.otp-fr{float:right;}
.otp-more{padding:15px 10px 0 0;}

#wrap {color: #404040; /*margin: 0 12%;*/  margin: 0; height:110px; overflow:hidden;}
#wrap1 {color: #404040; /*margin: 0 12%;*/  margin: 0; height:110px; overflow:hidden;}
.demo{float:left; margin:10px 10px 10px 0;}
.otp-nav{border-bottom:1px dotted #CCCCCC; padding:10px 0 5px 0;}
.otp-nav a{text-decoration:none; color:#006699;}
.otp-nav a:hover{text-decoration:underline;}
.otp-map{padding:15px;}
.otp-map ul{}
.otp-map ul li{list-style-type:none; margin:0; background:url(../images/arrow.gif) no-repeat 0 4px; padding:0 0 10px 18px;}
.otp-map ul li a{text-decoration:none; color:#003366;}
.otp-map ul li a:hover{color:#000000; text-decoration:underline;}



.subdomain{font-size:22px; background:url(../images/head-arrow.gif) no-repeat 0 65px; padding:10px 0 30px 0;}



.feature-table{ text-align:left; padding:0; margin:20px 0; background:#fff;}
.feature-table table{ border-top:1px solid #dadada; border-right:1px solid #dadada;}
.feature-table table th{background: #f5f5f5; font-size:16px; font-weight:normal; color:#000000; padding:10px; border-bottom:1px solid #dadada; border-left:1px solid #dadada; text-align:left;}
.feature-table table th strong{display:block; text-align:center; font-size:36px;}
.feature-table table th strong span{font-size:24px;}
.feature-table table td strong{display:block; text-align:center; font-size:36px; color:#99CC00; padding:0 0 20px 0;}
.feature-table table td strong span{font-size:24px; display:inline; color:#99CC00;}






.feature-table table td div strong{display:block; text-align:center; font-size:36px; text-decoration:line-through; color:#990000; padding:0;}
.feature-table table td div strong span{font-size:24px; display:inline; color:#000000;}




.feature-table table td{ font-size:13px; font-weight:normal; color:#000000; padding:10px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc;}
.feature-table table td span{text-align:center; display:block; font-weight:bold; font-size:24px;}
.feature-table table td i{text-align:center; display:block; font-weight:bold; font-size:24px;}
.feature-table table td span.check{ color:#91c741;}
.feature-table table td span.cross{ color:#FF0000;}
.feature-table table td div{text-align:center;}

.feature-table table th a{
border:1px solid #15aeec; text-decoration:none; display:inline-block;display:block; padding:10px; color:#FFFFFF; border-radius:10px; font-size:20px; text-align:center;
 background-color: #49c0f0; margin: 15px;
	background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);
}

.feature-table table th a:hover{
 border:1px solid #1090c3;
 background-color: #1ab0ec; background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
 }


.feature-table table td a{
border:1px solid #15aeec; text-decoration:none; display:inline-block;display:block; padding:10px; color:#FFFFFF; border-radius:10px; font-size:20px; text-align:center;
 background-color: #49c0f0; margin: 15px;
	background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);
}

.feature-table table td a:hover{
 border:1px solid #1090c3;
 background-color: #1ab0ec; background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
 }
.feature-table table th b{display:block; font-weight:normal;}
.feature-table table th div{}
.feature-table table th div a{color:#000000; background-color:#f5f5f5; background-image:none; border:none; padding:0; font-size:16px; text-shadow:1px 1px #ffffff;}
.feature-table table th div a:hover{text-decoration:underline;  background-color:#f5f5f5; background-image:none; border:none; padding:0;}



.suitebox{float:left; width:55%;}
.suiteprice{float:right; width:45%; text-align:left;}
.suiteprice ul{margin:30px 0 0 0;}
.suiteprice ul li{display:block; text-align:left; margin:0 0 5px 0;}
.suiteprice ul li b{font-weight:bold; text-transform:none; text-decoration:none; font-size:14px;}
.suiteprice ul li.suitered{background:#993300; color:#FFFFFF; padding:5px;}
.suiteprice ul li.suiteblue{background:#2854ff; color:#FFFFFF; padding:5px;}
.suiteprice ul li.suitegreen{background:#589924; color:#FFFFFF; padding:5px;}
.suiteprice ul li.suitegray{background:#333333; color:#FFFFFF; padding:5px;}

.refund{float:left; width:40%; font-size:12px; text-align:left; margin:30px 0 20px 2%;}
.refund a{color:#cc9900;}
.refund img{ float:left; margin:0 10px;}
.refund strong{display:block;}
.secure{float:right; width:40%; font-size:12px; text-align:left; margin:30px 2% 20px 0}
.secure strong{display:block;}
.secure img{ float:left; margin:0 10px 30px 0;}
.impnote{background:#f3f3f3; border:1px solid #e3e3e3; padding:10px; border-radius:6px;}
.impnote strong{color:#CC0000; }


.paymentoptions{ text-align:center; margin:0 auto; padding:25px 0;}
.paymentoptions a{text-decoration:none; color:#cc9900;}
.paymentoptions a:hover{text-decoration:underline; color:#000000;}

.feature-table table th.redrow{background:#993300; color:#FFFFFF;}
.feature-table table th.bluerow{background:#2854ff;  color:#FFFFFF;}
.feature-table table th.greenrow{background:#589924;  color:#FFFFFF;}
.feature-table table th.grayrow{background:#333333;  color:#FFFFFF;}


.lrg-txt {
    font-size: 36px;
    font-weight: 300;
    padding: 0;
    text-align: center;
}


.probox img{width:80%;}
.suitebox img{width:80%;}



.blktxt{font-size:24px; text-align:center; font-weight:normal; border-bottom:1px dashed #999999; padding:0 0 5px 0;}
.contact {
    margin:0 auto 20px auto;
   
}
.contact-left {
    float: left;
    margin: 20px 0 0;
}
.contact-left-img {
    float: left;
    margin: 0 10px 0 0;
    width: 72px;
}
.contact-left-cont {
    float: left;
}
.contact-left-cont p {
    color: #000000;
    font-size: 20px;
    margin: 5px 0 10px;
    padding: 0;
}
.contact-left-cont p span {
    font-size: 12px;
}
.contact-right {
    float: right;
    margin: 20px 0 0;
}
.contact-right-img {
    float: left;
    margin: 0 10px 0 0;
    width: 72px;
}
.contact-right-cont {
    float: left;
    font-size: 13px;
}
.contact-right-cont p {
    line-height: 16px;
    margin: 0 0 10px;
    padding: 0;
}
.contact-right-cont a {
    color: #000000;
    display: block;
}
.contact-right-cont a:hover {
    text-decoration: underline;
}
	


/*olmtooutlook2016 subdomain*/

.otp-left .featuresnew{background-color:#efefef; padding:15px; margin:5px 0 10px 0;
-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
			behavior: url(../css/border-radius.htc);}
.otp-left .featuresnew ul{ list-style-type:none; padding:0;}
.otp-left .featuresnew ul li{list-style-type:none; margin:0; padding:0 0 10px 5px;}








/*responsive code*/
.drop{ display:none;}
.otp-banner { background:none; height:auto; position:relative;}
.otp-banner ul { bottom: 32px; padding: 0; position: absolute; right: 180px;}
iframe { max-width:500px; width:100%; height:281px;}
@media(max-width:960px){
	.otp-banner {height:auto;}
	.otp-main { width: auto}
	img { max-width:100%;}
	.otp-menu ul {    float: right; margin-right: 15px;}
	.otp-menu ul li a { padding:25px 10px 0;}
	.otp-left { width: 55%;}
	.otp-logo {  padding: 10px 0 22px;}
	h1{ left:15px;}
	}
	
@media(max-width:767px){
	.drop{ display: block; float:right; margin:23px 15px 0; } 
	.otp-menu ul { width:270px; background: #63affa; display:none; border-radius:10px; overflow:hidden;}
	.otp-menu ul li { float: none; height: 30px; margin:3px 0;}
	.otp-menu ul li a{ padding: 0 10px;  line-height: 30px;}
	.otp-left { width: 100%; }
	.otp-right { float:none; margin:0 auto ; padding:20px 0 0 0;clear:both;	}
	.otp-footer {  height: auto; line-height: 18px; margin: 20px 0 0;  padding: 5px 15px;  text-align: center;}
	.otp-fl, .otp-fr { float:none;}
	.otp-buttons { text-align:center;}
	.otp-buttons ul li { float: none;}
	.otp-banner ul img { width: 140px;}
	.otp-banner ul { bottom: 20px; right: 140px;}
	
	.feature-table table th{ font-size:13px; font-weight:bold; background:#FFFFFF;}
.feature-table table th strong{font-size:20px;}
.feature-table table th strong span{font-size:16px;}
.feature-table table td{font-size:12px;}
.feature-table table th a{padding:5px;  border-radius:4px; font-size:14px; margin:0 0 15px 0; }

.feature-table table th div a{font-size:13px; font-weight:bold;}
.feature-table table td div strong{font-size:20px;}
.feature-table table td div strong span{font-size:16px;}
.feature-table table td strong{font-size:20px;}
.feature-table table td strong span{font-size:16px;}
.feature-table table td a{padding:5px;  border-radius:4px; font-size:14px; margin:0 0 15px 0;}

.purchase-txt{font-size:18px;}
.licenseinfo{width:100%; margin:0 auto;}
.licenseinfoimg{width:100%; margin:0 auto;}

.suitebox{ display:none;}
.suiteprice{float: none; width: auto; text-align:left;}

.faqtabs-menu li a.readd{font-size:14px;}
.refund{float:none; width: auto; margin:20px 0; text-align:center;}
.refund img{text-align:center; float:none; margin:0;}
.secure{float:none; width: auto; margin:20px 0; text-align:center;}
.secure img{text-align:center; float:none; margin:0;}


.contact-left{ float:none; margin:20px 0 0 0; text-align:center;}
.contact-left-img{float:none; width:72px; margin:10px auto;}
.contact-left-cont{float: none;}
.contact-right{float:none; margin:20px 0 0 0; text-align:center;}
.contact-right-img{float:none; width:72px; margin:10px auto;}
.contact-right-cont{float: none; font-size:13px;}
.contact-left-cont p span{ display: inline;}
	
	
	}
@media(max-width:480px){
	.otp-banner ul { bottom: 20px; right: 130px;}
	.feature-table table th{font-size:10px; padding:7px 3px;}
	.feature-table table td{font-size:11px; padding:7px 3px;}
	}
@media(max-width:479px){
	.otp-banner ul img { width: 100px;}
	.otp-banner ul { bottom: 5px; right: 80px;}
}


