﻿*{margin:0; padding:0;}
body{font-family: 'Source Sans Pro', sans-serif; font-size:15px; color:#000000; background:#FFFFFF;}
p{padding:5px 0 10px 0; line-height:21px;}
ul{list-style-type:none;}
img{border:0; outline:none;  max-width:100%;}
h1{ font-weight:normal; font-size:38px; font-weight:300; color: #ffffff; position:absolute; top:165px; margin:0 0 0 615px;}
h2{ font-weight:normal; font-size:30px; font-weight:300;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.clr{clear:both;}
.master{width:100%; text-align:center; background:url(../images/top-bg.gif) repeat-x 0 0;}
.master-in{width:100%; text-align:center; background:url(../images/black.gif) repeat-x 0 0;}
.master-in h1{text-align:center; width:980px; position:absolute; top:115px; margin:0; font-size:30px; font-weight:300; color:#999999;}
.main{width:980px; text-align:left; margin:0 auto;}
.logo{}
.logo img{ margin:20px 0 23px 0;}
.banner-in{margin:0 0 0 0;}
.banner{background:url(../images/banner.png) no-repeat 0 0; height:545px; margin:0 0 20px 0;}
.banner img{margin:255px 0 0 630px;}
.banner1{background: url(../images/bannerOLMViewer.png) no-repeat center 0px; height:565px; margin:0 0 20px 0; text-align:center;}
.banner1 img{margin:272px 0px 0px 525px;}



.gray-box{background:url(../images/line.gif) 0 0; margin:20px 0;}
.gray-box-shap{background:url(../images/shape.gif) repeat-x 0 0;}
.feature{ padding:25px 0;}
.feature span{font-size:42px; color:#666666; text-align:center; display:block; font-weight:300; text-shadow:1px 1px #ffffff;}
.video{float:right; width:400px;  margin:30px 0 0 0;}
.screenview{float:right; width:400px;  margin:30px 0 0 0;}
.soft{float:left; width:540px; margin:25px 0 0 0;}
.soft ul{}
.soft ul li{background:url(../images/check.png) no-repeat 0 0; line-height:19px; padding:3px 0 15px 35px;}
.txt{font-size:36px; padding:15px 0 0 0; color: #333333; font-weight:300;}
.footer{background-color:#25272b; padding:15px 0; color:#CCCCCC; font-size:14px; margin:25px 0 0 0;}
.footer a{color:#CCCCCC;}
.fl{float:left;}
.fr{float:right;}
.fr img{margin:7px 0 0 0;}
.menu{position:absolute; top:30px; margin:0 0 0 250px;}

.nav{padding:0; margin:0; line-height:43px; color: #666666; margin:0 0 10px 0;}
.nav a{color:#000000;}
.screen-left{float:left; width:410px; margin:10px 0 10px 10px;}
.screen-right{float:right; width:410px; margin:10px 10px 10px 0;}
.screencont-left{float:left; width:550px; margin:10px 0 10px 10px;}
.screencont-right{float:right; width:550px; margin:10px 10px 10px 0;}
.step{background-color:#eaeaea; padding:7px 15px; border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; -o-border-radius:4px 0 0 4px; margin:40px 0 0 0; font-size:18px;}
.step1{background-color:#eaeaea; padding:7px 15px; border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; -o-border-radius:0 4px 4px 0; margin:40px 0 0 0; text-align:right; font-size:18px;}
.screenhead{font-size:24px; color: #666666; padding:25px 15px 0 15px;}
.tx{padding:5px 15px 0 15px;}

.box{background-color:#f5f5f5; border:1px solid #CCCCCC; padding:15px; float:left; width:418px; margin:20px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; }
.box span{display:block; font-size:20px;}
.box ul{padding:15px 0 0 0;}
.box ul li{list-style-type:disc; margin:0 0 0 15px; padding:0 0 10px 0;}
.map{padding:10px 0 0 0;}
.map ul{}
.map ul li{list-style-type:circle; margin:0 0 0 20px; padding:0 0 10px 0;}
.map ul li a{text-decoration:none; color:#000000;}]

.point{}
.point ul{padding:10px 0 0 0;}
.point ul li{background:url(../images/check.png) no-repeat 0 0; line-height:19px; padding:3px 0 15px 35px;}

.social{margin:5px 0 0 0;}
.social img{margin:0 4px 0 0; float:right;}





/*-------------    lightbox css start ----------------*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{ background-color:#666666;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }
.cboxIE6 #cboxTopLeft{background:url(../images/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/borderMiddleRight.png);}
.cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); }

.buy-info{ margin:20px 0;}
.buy-info table{border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background-color:#FFFFFF;}
.buy-info table tr td{border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; padding:10px;}
.buy-info table tr th{border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; padding:10px; background-color:#ebeae6; font-size:20px; font-weight:normal; text-shadow:1px 1px #fff; color:#000000;}
.name{font-size:20px;}
.name span{font-size:36px;}
.price{font-size:24px; color:#000000;}
.price span{font-size:18px; color: #FF6600;}



.buybutton{
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);

	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);

	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);

	background-color:#33bdef;
	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	border-radius:6px;
	
	border:1px solid #057fd0;
	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	font-size:15px;

	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;

	text-shadow:0px -1px 0px #5b6178;

}
.buybutton:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));

	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);

	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);

	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);

	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);

	background-color:#019ad2;
    text-decoration:none;
}



/*-------------    lightbox css end ----------------*/


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	float: ;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align:center;
}


.video-container {
    height: 0;
    margin: 20px 0 30px;
    overflow: hidden;
    padding-bottom: 70.25%;
    padding-top: 30px;
    position: relative;
}

.video-container iframe, .video-container object, .video-container embed {
    border: medium none;
    height: 100%;
    left: 0;
    outline: medium none;
    position: absolute;
    top: 0;
    width: 100%;
}



.sdr-menu{ height:32px; position:absolute; top:280px; width:100%;}
.sdr-menu a:hover {background:  no-repeat left top;  }
.sdr-menu a:hover span {background:  no-repeat right top; margin: 0 0 0 10px;  color: #000000;}

#nav-wrap{width:680px; position:absolute; top:30px; margin:0 0 0 250px;}
/* menu icon */
#menu-icon{	display: none; /* hide menu icon initially */}
#nav, #nav li{margin:0;	padding:0;}
#nav li {list-style:none;	float:left;	margin-right:1px;}
/* nav link */
#nav a{display: block;font-size: 15px;line-height: 33px; padding: 1px 19px;color:#fff;}

#nav a:hover, #nav a.active{color:#000; text-decoration:none; background:#e4bc10;	border-radius:5px;}
/* nav dropdown */
#nav ul{background: #fff;	padding: 2px;	position: absolute;	border: solid 1px #ccc;	display: none; /* hide dropdown */	width: 200px;}
#nav ul li{float: none;	margin: 0;	padding: 0;}
#nav li:hover > ul{	display: block; /* show dropdown on hover */}


.tableinfo{ margin:20px 0 0 0 ; text-align:center;}
.tableinfo table{border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background-color:#FFFFFF;}
.tableinfo table tr td{border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; padding:10px;}
.tableinfo table tr td strong{display:block; color:#c30; font-weight:normal;  padding:10px 0 5px 0;}
.tableinfo table tr td b{display:block; font-weight:normal; text-decoration:line-through; color:#FF0000; font-size:20px; font-family:Arial, Helvetica, sans-serif; padding:10px 0;}
.tableinfo table tr td i{font-style:normal; color:#999999;}
.tableinfo table tr td span{display:block; font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.tableinfo table tr td .sizebox img{width:90%;}


.tableinfo table tr th{border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; padding:10px; background-color:#ebeae6; font-size:16px; font-weight:normal; text-shadow:1px 1px #fff; color:#000000;}
.buybutton{	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;	box-shadow: 0px 1px 0px 0px #f0f7fa;	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);	background-color:#33bdef;	-moz-border-radius:6px;	-webkit-border-radius:6px;	border-radius:6px;		border:1px solid #057fd0;	display:inline-block;	cursor:pointer;	color:#ffffff;	font-size:15px;	font-weight:bold;	padding:6px 24px;	text-decoration:none;	text-shadow:0px -1px 0px #5b6178;}






.feature-table{ text-align:left; padding:0;}
.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;text-shadow: -1px -1px 0 rgba(0,0,0,0.3); display:block; padding:10px; color:#FFFFFF; border-radius:10px; font-size:20px; text-align:center;
 background-color: #49c0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#2CAFE3));
 background-image: -webkit-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -moz-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -ms-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -o-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49c0f0, endColorstr=#2CAFE3); margin:15px;
}

.feature-table table th a:hover{
 border:1px solid #1090c3;
 background-color: #1ab0ec; background-image: -webkit-gradient(linear, left top, left bottom, from(#1ab0ec), to(#1a92c2));
 background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -moz-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -ms-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -o-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1ab0ec, endColorstr=#1a92c2);
}


.feature-table table td a{
border:1px solid #15aeec; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3); display:block; padding:10px; color:#FFFFFF; border-radius:10px; font-size:20px; text-align:center;
 background-color: #49c0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#2CAFE3));
 background-image: -webkit-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -moz-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -ms-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -o-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49c0f0, endColorstr=#2CAFE3); margin:15px;
}

.feature-table table td a:hover{
 border:1px solid #1090c3;
 background-color: #1ab0ec; background-image: -webkit-gradient(linear, left top, left bottom, from(#1ab0ec), to(#1a92c2));
 background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -moz-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -ms-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -o-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1ab0ec, endColorstr=#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%;}

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



/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 1000px) {

.master-in{width:100%; text-align:center; background:url(../images/top.gif) repeat-x 0 0;}
.banner-in{margin:20px 0 0 0; background:url(../images/bannerbg.gif) 0 0;}

/* nav-wrap */
#nav-wrap{position: absolute; width:75px; margin:0; right:0; top:10px;}	/* menu icon */
#menu-icon{color:#ffffff; background:#f6d03f;font-weight:normal; text-transform:uppercase; width:52px;  padding:7px; cursor:pointer; display:block; /* show menu icon */ margin:0; text-align:center;}
#menu-icon:hover, #menu-icon.active{background:#ffffff  no-repeat 10px center; color:#666666;} /* main nav */
#nav{clear:both; position:absolute; top:33px; width:200px; left:0; margin:0 0 0 -146px; - z-index:10000; padding:5px; background:#ffffff; border:solid 1px #f6d03f; display:none; text-align:center;} /* visibility will be toggled with jquery */
#nav li{clear:both; float:none; margin:5px 0;}
#nav a, 	#nav ul a{font:inherit;	background:none; display:inline; padding:0; color:#000000; border:none; display:block; padding:5px;}
#nav a:hover, 	#nav ul a:hover, #nav a.active{color:#ffffff;}
/* dropdown */
#nav ul{width:auto; position:static; display:block; border:none; background:inherit;}
#nav ul li{margin: 3px 0 3px 5px;}

.license img{width:100%;}
.main{ width:100%;}

.banner{background: url(../images/bannerin.png) no-repeat center 30px; height:565px; margin:0 0 20px 0; text-align:center;}
.banner img{margin:465px 0 0 0;}

.banner1{background: url(../images/bannerOLMViewerin.png) no-repeat center 30px; height:565px; margin:0 0 20px 0; text-align:center;}
.banner1 img{margin:465px 0 0 0;}

h1{ margin:0 0 0 10px; font-size:14px; top:55px; color:#f6d03f;}
h2{margin:0 10px; font-size:24px;}
p{margin:0 10px;}
.txt{margin:0 10px; font-size:24px;}
.master-in h1{margin:0 0 0 10px; font-size:14px; top:55px; color:#f6d03f; width:auto; text-align:left;}
.buy-info table{ width:100%;}
.box{ width:auto; float:none;}
.logo img{margin:10px;}
.fl{padding:0 0 0 10px;}
.fr{padding:0 10px 0 0;}

.soft{ width:45%; margin-left:10px;}
.video{ width:45%;  margin-right:10px;}
.screenview{ width:45%;  margin-right:10px;}
.nav{padding:0 10px; border-bottom:1px solid #cccccc;}
.point{margin:0 10px;}

.buy-info{margin:10px;}


.screen-left{float:none; width: auto; margin:10px; text-align:center;}
.screen-right{float:none; width: auto; margin:10px; text-align:center;}
.screencont-left{float:none; width: auto; margin:10px; text-align:center;}
.screencont-right{float:none; width: auto; margin:10px; text-align:center;}
.step1{text-align:center;}


}


@media screen and (max-width: 768px) {

h2{font-size:20px; font-weight:normal;}
.txt{font-size:20px; font-weight:normal;}
.box span{font-size:16px; font-weight:bold;}
.banner{background: url(../images/smallbanner.png) no-repeat center 20px;}
.banner1{background: url(../images/bannerOLMViewersmall.png) no-repeat center 20px;}

.soft{ width: auto; float:none; margin:10px;}
.video{width: auto; float:none;  margin:10px;}
.screenview{width: auto; float:none;  margin:10px;}

.fl{ float:none; width:auto; margin:0 10px; text-align:center;}
.fr{float:none; width:auto; margin:0 10px; text-align:center;}


.buy-info table tr td{ padding:10px 5px;}
.buy-info table tr th{padding:10px 5px; font-size:14px; font-weight:bold;}
.name{font-size:14px;}
.name span{font-size:14px; font-weight:bold;}
.price{font-size:20px; color:#000000;}
.price span{font-size:16px; color: #FF6600;}
.buybutton{padding:6px;}
.social img{margin:0 4px 0 0; float:none;}


.feature-table table th{ font-size:13px; font-weight:bold;}
.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:16px;}
.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 screen and (max-width: 480px) {

.feature-table table th{font-size:12px; padding:7px 3px;}
.feature-table table td{font-size:11px; padding:7px 3px;}

}


