﻿/* CSS Document */
*{margin:0; padding:0;}
body{ background:#efefef url(../images/back-bg.jpg) repeat-x;font-family:"Arimo"; color:#333333; font-size:14px; }
img{border:0; outline:none; max-width:100%;}
p{padding:7px 0 5px 0; line-height:21px; font-size:14px; color:#333333; }
ul{list-style-type:none;}
h1{ position:absolute; left:255px; top:170px; font-size:45px; font-weight:bold; text-align:center; text-shadow:1px 1px #FFFFFF; color:#333333; z-index:999; }
.master-in h1{position:absolute; left:272px; top:203px; font-size:40px; font-weight:bold; text-align:center; text-shadow:1px 1px #FFFFFF; color:#333333; z-index:999; }
.h-s-t{position:absolute; left:182px; top:170px; font-size:20px; text-align:center; text-shadow:1px 1px #FFFFFF;  z-index:999;}
.h-s-t-in{position:absolute; left:330px; top:220px; font-size:22px; text-align:center; text-shadow:1px 1px #FFFFFF;  z-index:999;}
.download-b{position:absolute; left:354px; top:234px; font-size:20px; text-align:center; text-shadow:1px 1px #FFFFFF;  z-index:999;}
.buy-b{position:absolute; left:550px; top:238px; font-size:20px; text-align:center; text-shadow:1px 1px #FFFFFF;  z-index:999;}
h2{font-size:30px;  color:#333333; padding-top:10px; }
.n-clr{clear:both;}
.center-b{ padding:6px;}
a{text-decoration:none; color:#000000;}/* CSS Document */
.main-con{ width:100%; height:auto; overflow:hidden;}
.container{ width:1000px; height:auto; margin:0 auto; position:relative}
.container-s{ width:750px; height:auto; margin:0 auto; position:relative}
.head-menu{ height:51px; position:relative;}
.menu{position:absolute; left:0px;top:0px;width:630px; height:21px; color:#ffffff; }
.menu li a{ text-decoration:none; line-height:px;  font-size:14px; color:#ffffff;display:block;padding:16px 15px;}
.menu li{ float:left;  }
.menu li a.current{ background-color:#474747; border-bottom:3px solid #ec871b;}
.menu li a:hover{ background-color:#474747;border-bottom:3px solid #ec871b;}
.contact{ float:right; margin-right:9px;}
.logo{float:left; margin:25px 0 0 20px; }
.save-m{margin:10px 10px 0 0; position:absolute; right:0;}
.header{ background:url(../images/header.gif) no-repeat;  height:207px; position:relative;}
.header-in{ background:url(../images/header-in.gif) no-repeat; height:317px; position:relative;}
.mid-con{  background: url(../images/mid-bg.gif) repeat; }
.l-all-f{ width:48%; height:auto; margin:12px 0 0 0; float:left; }
.f-heding{ font-size:28px; color: #333333;text-shadow:1px 1px #FFFFFF; font-weight:bold; margin:8px 0 0 29px;}
.all-f li{ padding:20px 0 0 2px; color:#222; line-height:20px; }
.all-f ul{ margin:-3px 0 0 48px; padding:0px; list-style-type: disc;}
.all-f-in {padding:10px 0 0 2px; color:#222; line-height:20px; width:980px; background:#F0F0F0; overflow:hidden;}
.s-v{ width:48%; float:left;}
.s-v-m{ width:48%; float: right; margin-right:25px}
.s-v-m li{padding:20px 0 0 2px; color:#222; line-height:20px;}
.s-v li{padding:20px 0 0 2px; color:#222; line-height:20px;}
.all-f-in ul{ margin:-3px 0 0 48px; padding:0px; list-style-type: disc;}
.r-all-img{ width:49%; float:right; margin:12px 0 0 0;}
.screen{ margin:12px 0 0 0; text-align:center;}
.v-text{ font-size:45px; font-weight:bold; text-align:center; text-shadow:1px 1px #FFFFFF; color:#333333; margin:16px 39px 0 0; }
.video{ width:980px; margin-top:20px;}
.price-con{ width:980px; padding:11px; height:auto }
.c-g-price-text{ width:300px; float: left; height:120px; margin:30px 0 0 10px;}
.c-t{ font-size:21px;text-shadow:1px 1px #FFFFFF;}
.s-t{ font-size:14px;text-shadow:1px 1px #FFFFFF;}
.d-g-price-text{ width:300px; float: left; height:120px; margin:30px 0 0 25px;}
.d-t{ font-size:21px;text-shadow:1px 1px #FFFFFF;}
.s-t{ font-size:14px;text-shadow:1px 1px #FFFFFF;}
.fq{  width:1000px; height:67px; margin:0 auto;}
.fq-text{ padding:10px 0 0 0; font-size:40px; font-weight:bold; text-shadow:1px 1px #FFFFFF; color:#333333; }
.fq-eff{ color:#999999; margin:0 auto; margin-top:10px; padding:10px;}

.a-text{padding:5px 0 0 0; font-size:27px; font-weight:bold; text-align:center; text-shadow:1px 1px #FFFFFF; color:#5f5f5f;}
.clint-bg{ width:100%; background:#e8e8e8; height:136px;}
.clint-b{ width:1124px; margin: 0 auto;}
.clint-l{ float:left;margin-left:78px;  }
.award-l{ float:left; margin-left:11px;}
.support-bg{ background:url(../images/support-back-bg.jpg) repeat-x; width:100%; height:115px;}
.mid-s{ width:1000px; height:115px; margin:0 auto;}
.m-b{ float:left; margin-left:4px;}
.s-c{ float:left;margin-left:3px;}
.email{ float:left;margin-left:0px;}
.footer-bg{ background:url(../images/footer.jpg) repeat-x; width:100%; overflow:hidden;}
.footer-mid{ width:1000px;  margin:0 auto; padding:10px 0;}
.copy-r{ font-size:14px; color:#FFFFFF; float:left; margin:19px 0 0 15px;}
.fr{float:right; padding:0 20px 0 0;}
.fr a{ color:#FFFFFF;}
.offer{font-size:32px; color:#333; padding:3px 0 0 0; text-align:center;}
.a-up {position: fixed;width:68px;height:69px;right:25px;bottom:5px; display:none;}
.nav{padding:20px 0 3px 0; border-bottom:groove 2px #f1f1f1; overflow:hidden;}
.nav a{text-decoration:none; color: #FF6600;}
.nav a:hover{text-decoration:underline; color:#333333;}
.left-con-down{width:980px; height:auto;  margin-top:-10px; padding:10px;}
.left-con-down ol{margin:10px 10px 10px 30px;}
.left-con-down ol li{margin:0; padding:0 0 10px 0; line-height:22px;}
.s-o{ float:left; width:44%; padding:1%; margin:2%;}
.s-m{ width:443px;  margin:10px 0 0 18px; float:left; }
.s-s{ width:443px; margin:10px 0 0 10px; float: left;}
.s-g{ width:443px;  margin:10px 0 0 18px; float:left;}
.down-f{ font-size:16px; line-height:18px; width:330px; float: left;}
.down-ff{ font-size:16px; line-height:18px; width:330px; float: right;}
.down-f ul{ margin:12px 0 0 35px; }
.down-f li{ padding:8px 29px; background: url(../images/down-icon.jpg) no-repeat left 9px; line-height:normal; color:#006699;}
.all-s{float:right; margin-top:-54px; width:335px;  margin-right:9px}
.larg{ font-size:30px; color:#333333;}
.footer{ background-color:#333333; width:100%; overflow:hidden;}
.footer img{margin:5px 0;}
.footer-mid{ width:990px; margin:0 auto;}
.footer a{text-decoration:none; color:#ffffff;}
.footer a:hover{color: #FFCC00;}
.fl{float:left; padding:0 0 0 20px; color:#FFFFFF;}
.fr{float:right; padding:0 20px 0 0;}
.box-i{ width:960px; background: #D6D6D6; padding:10px;  border-bottom:1px solid #FFFFFF;}
.clr{clear:both;}


/*-------------    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: no-repeat center center;}
#cboxLoadingGraphic{background: 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')"); }

/*-------------    lightbox css end ----------------*/


.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;text-align:center;}
.buy-info table tr th{padding:10px; background-color:#f5f5f5; font-size:20px; font-weight:normal; text-shadow:1px 1px #fff; color:#000000;text-align:center;border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC}
.name{font-size:20px;}
.name span{font-size:36px;}
.price{font-size:24px; color:#000000;}
.price span{font-size:18px; color: #FF6600;}


#comments, #respond {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #d5d5d5;
    border-radius: 10px;
    clear: both;
    margin: 15px 0;
    padding: 5px 10px;
}


.videodemo{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; margin:10px 0 20px 0;}
.videodemo iframe, .videodemo object, .videodemo embed{position:absolute; top:0; left:0; width:100%; height:100%; border:none; outline:none;}

#menu-wrap{position:absolute; left:0px;top:0px; height:21px; color:#ffffff; }
/* menu icon */
#menu-icon{	display: none; /* hide menu icon initially */}
#navigation, #navigation li{margin:0;	padding:0;}
#navigation li {list-style:none;	float:left;}
/* nav link */
#navigation a{text-decoration:none; line-height:px;  font-size:14px; color:#ffffff;display:block;padding:16px 15px;}
#navigation a:hover, #navigation a.current{background-color:#474747; border-bottom:3px solid #ec871b;}
/* nav dropdown */
#navigation ul{background: #fff;	padding: 2px;	position: absolute;	border: solid 1px #ccc;	display: none; /* hide dropdown */	width: 200px;}
#navigation ul li{float: none;	margin: 0;	padding: 0;}
#navigation li:hover > ul{	display: block; /* show dropdown on hover */}

.mspartner{float:right; margin:-5px 0 0 0;}

@media all and (max-width: 1020px){

.container{width:auto;}
.footer-mid{width:auto;}
.mid-con{padding:10px;}
.f-heding{margin-left:0;}
.all-f ul{margin-left:25px;}
h2{padding-left:10px;}
p{margin:0 10px;}
h1{width:96%; left:2%; text-align:center;}
.h-s-t{width:96%; left:2%; text-align:center;}
#comments{margin:10px;}
.fq-text{margin-left:10px;}
.master-in h1{width:auto; font-size:40px;}
.left-con-down{width:auto;}
.all-f-in{width:auto;}
.container-s{ width:100%; height:auto;}
.master-in h1{ font-size:26px;}

}

@media all and (max-width: 800px){

.l-all-f{ float:none; width:auto;}
.r-all-img{float:none; width:auto;}
.fl{float:none; text-align:center; padding:0 10px;}
.fr{float:none; text-align:center; padding:0 10px;}
h1{top:140px; font-size:26px;}
h2{font-size:24px;}
.fq-text{font-size:24px;}
.h-s-t{top:125px; font-size:16px;}
.logo{margin:15px 0 0 10px;}
.save-m{display:none;}
.header{background-position:0 -30px; height:176px;}
.contact{float:none; text-align:right;}

/* nav-wrap */
	/* menu icon */
	
#menu-wrap{position:absolute; left: inherit; right:10px; top:70px; }
#menu-icon{color:#ec871b; font-weight:normal; text-transform:uppercase;  height:22px; background:url(../images/menu-icon.png) no-repeat 10px center; padding: 14px 10px 8px 38px; cursor:pointer; display:block; /* show menu icon */ margin:0 0 0 0;}
#menu-icon:hover, #menu-icon.current{background: #ec871b url(../images/menu-hover.png) no-repeat 10px center; color:#ffffff; border-radius:6px;} /* main nav */
#navigation{clear:both; position:absolute; top:44px; width:150px; left:-76px; z-index:10000; padding:5px;  background:#ffffff; border:solid 1px #f57c23; border-radius:6px; display:none; /* visibility will be toggled with jquery */}
#navigation li{clear:both; float:none; margin:0 0 3px 0; background-image:none; padding:0;}
#navigation a, 	#navigation ul a{font:inherit;	background:none; display:inline; padding:0; color:#000000; border:none; display:block; padding:5px;}
#navigation a:hover, 	#navigation ul a:hover, #navigation a.current{background:#f57c23; color:#ffffff; border-radius:6px;}
/* dropdown */
#navigation ul{width:auto; position:static; display:block; border:none; background:inherit;}
#navigation ul li{margin: 3px 0 3px 5px;}

.master-in h1{text-align:left; left:10px; top:120px; font-size:12px;}

.header-in{ background:url(../images/bannersmall.gif) no-repeat center top; height:317px; position:relative;}

.s-v-m{float:none; width:auto;}
.s-v{float:none; width:auto;}

.buy-info table tr th{ font-size:12px;}
.name{font-size:12px;}
.name span{font-size:12px;}



}


@media screen and (min-width: 800px) {

/* ensure #nav is visible on desktop version */
#navigation{display: block !important;}


}

@media all and (max-width: 480px){

h1{font-size:16px; top:150px;}
.h-s-t{font-size:14px;}
.f-heding{font-size:16px;}
h2{font-size:16px;}
.fq-text{font-size:16px;}

.header-in{ background:url(../images/bannerin.gif) no-repeat center top; height:317px; position:relative;}
.none{display:none;}
.buy-info table img{width:100%;}
.s-o{float:none; width:auto; text-align:center;}

.mspartner{width:100px;}

}