@charset "utf-8";
/* CSS Document */
body{
	background:url(../images/bodybg.jpg) repeat-x;
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;
	line-height:22px;
	}
	
body#innerPage{
	background:url(../images/bodybg-inner.jpg) repeat-x;
	}
	
#container{
	width:1000px;
	margin:auto;
	}

#header{
	position:relative;
	height:100px;
	margin-bottom:10px;
	}
	
#innerPage #header{
	margin-bottom:30px;
	}
	
#logo h1{
	margin:0;
}

#logo h1 a{
	background:url('../images/viscom-logo.png') no-repeat;
	border:0 none;
	float:left;
	font-size:1px;
	height:0;
	overflow:hidden;
	padding-top:93px;
	position:absolute;
	text-decoration:none;
	top:5px;
	left:5px;
	width:275px;
	}

#navbar{
	width:575px;
	height:75px;
	background:url(../images/navbarbg.png) no-repeat;
	position:absolute;
	right:0;
	top:3px;
	}
	
#subnav{
	position:absolute;
	right:10px;
	top:84px;
	color:#666;
	}

#subnav a{
	text-decoration:none;
	color:#999;
	margin-left:5px;
	margin-right:5px;
	}

#subnav a:hover{
	color:#F90;
	}
	
#navbar ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
#navbar ul li{
	float:left;
	}
	
#navbar ul li a{
	display:block;
	width:110px;
	margin-right:2px;
	margin-left:1px;
	text-decoration:none;
	color:#555;
	text-transform:uppercase;
	font-size:14px;
	font-weight:500;
	text-align:center;
	outline:none;
	height:45px;
	padding-top:35px;
	font-weight:bold;
	}

#navbar ul li a:hover, #navbar ul li a:focus, #navbar ul li a:active { 
	background-position:0px 0;
	color:#f9f9f9;
	}
#navbar ul li a { 
	background:url(../images/nav-hover.png) no-repeat; background-position:3px -72px;
	}

#navbar ul li .sel { 
	background:url(../images/nav-sel.png) no-repeat; background-position:0px -1px; 
	display:block; 
	padding-top:35px; 
	height:45px; 
	color:#fff; 
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	width:110px; 
	}

#banner{
	padding:5px;
	margin-top:20px;
	margin-bottom:20px;
	}

.sm {list-style:none; width:990px; margin:0; padding:0; height:212px; display:block; overflow:hidden; margin:0; padding:0}
.sm li{float:left; display:inline; overflow:hidden; cursor:auto;}
.sm li img{
	float:left;
	cursor:pointer;
	margin-right:15px;
	border:0;
}
.sm li dl{
	margin:0;
	padding:0;
	width:320px;
	display:block;
	float:left;
	padding-top:10px;
	color:#fff;
	line-height:22px;
	font-size:12px;
}

.sm li dl dt{
	background:url(../images/tick-mark.gif) no-repeat left 5px;
	padding-left:25px;
	
}
.sm li dl dt.title{
	color:#F90;
	font-size:14px;
	background:none;
	}
	
a.btnmore img{
	display:block;
	padding-left:10px;
	}
	
.sm li a img{
	margin-left:15px;
	margin-top:10px;
}

#contents{
	padding:5px;
	width:700px;
	float:left;
	line-height:18px;
	}

a{
	color:#F90;
	text-decoration:underline;
	}

a:hover{
	text-decoration:none;
	}
	
#pageNav{
	margin-bottom:10px;
	color:#999;
	}

#pageNav ul{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:10px;
	}

#pageNav ul li{
	display:inline;
	}
	
#pageNav ul li a{
	color:#F60;
	}
#contents h2.login{
	color:#F90;
	background:url(../images/h2-login.jpg) left no-repeat;
	padding:6px 0;
	padding-left:40px;
	font-size:20px;
	margin:0;
	}

#contents h2.downloads{
	color:#F90;
	background:url(../images/h2-downloads.jpg) left no-repeat;
	padding:6px 0;
	padding-left:40px;
	font-size:20px;
	margin:0;
	margin-bottom:15px;
	}

#contents h2.purchase{
	color:#F90;
	background:url(../images/h2-purchase.jpg) left no-repeat;
	padding:6px 0;
	padding-left:40px;
	font-size:20px;
	margin:0;
	margin-bottom:15px;
	}

#contents h2.support{
	color:#F90;
	background:url(../images/h2-support.jpg) left no-repeat;
	padding:6px 0;
	padding-left:40px;
	font-size:20px;
	margin:0;
	margin-bottom:15px;
	}

#contents h2.releases{
	color:#F90;
	background:url(../images/h4-released.jpg) left no-repeat;
	padding:6px 0;
	padding-left:40px;
	font-size:20px;
	margin:0;
	margin-bottom:15px;
	}

#contents h2.popular{
	color:#F90;
	background:url(../images/h4-popular.jpg) left no-repeat;
	padding:6px 0;
	padding-left:40px;
	font-size:20px;
	margin:0;
	margin-bottom:15px;
	}

#contents h2.special{
	color:#F90;
	background:url(../images/h4-popular.jpg) left no-repeat;
	padding:6px 0;
	padding-left:40px;
	font-size:20px;
	margin:0;
	margin-bottom:15px;
	}

#contents h2.company{
	color:#F90;
	background:url(../images/h2-company.jpg) left no-repeat;
	padding:6px 0;
	padding-left:40px;
	font-size:20px;
	margin:0;
	margin-bottom:15px;
	}


.fquestion{
	border-bottom:1px dotted #ccc;
	color:#333;
	font-size:13px;
	font-weight:bold;
	}

.fanswer{
	padding-bottom:5px;
	}

.prodDetails{
	}

.prodDetails .prodBox{
	float:left;
	}

.resClients td{
	padding:5px;
	}

.resClients h2{
	margin:0;
	color:#333;
	font-size:15px;
	font-weight:normal;
	padding:5px 0;
	}
	
.prodDetails .prodDesc{
	margin-left:150px;
	padding:5px;
	width:500px;
	}
	
.softresultbox{
    height:20px;
	padding:5px;
	margin-top:10px;
	}
	
.softresultbox .prodBox{
	float:left;
	margin:5px;
	}

.softresultbox .prodDesc{
	margin-left:150px;
	padding:5px;
	width:500px;
	}

.softresultbox .prodDesc h2, .prodDetails h2{
	margin:0;
	font-size:16px;
	color:#F60;
	font-weight:normal;
	}

.softresultbox .prodDesc p, .prodDetails p{
	margin:5px 0;
	}

.softresultbox .prodDesc .buttons, .prodDetails .prodDesc .buttons{
	margin-top:10px;
	}
	
.softresultbox .prodDesc .btnbuy, .prodDetails .prodDesc .btnbuy{
	background:url(../images/btncart.jpg) no-repeat;
	width:90px;
	height:20px;
	display:block;
	float:left;
	margin-right:15px;
	color:#fff;
	padding-left:35px;
	padding-top:5px;
	text-decoration:none;
	}

.softresultbox img, .prodDetails img{
	border:0;
	}
	
#rightcolumn{
	margin-left:720px;
	width:260px;
	padding:5px;
	}

#rightcolumn .releasebox{
	background:#333333;
	padding:5px;
	margin:2px;
	margin-bottom:0;
	color:#fff;
	margin-top:10px;
	}

#rightcolumn .releasebox h3{
	margin:0;
	padding:5px;
	font-weight:normal;
	font-size:17px;
	padding-left:30px;
	}

#rightcolumn .releasebox h3.releases{
	background:url(../images/h3-releases.jpg) left no-repeat;
	color:#62CCFF;
	}

#rightcolumn .releasebox h3.popular{
	background:url(../images/h3-popular.jpg) left no-repeat;
	color:#F90;
	}
	
#rightcolumn .releasebox h3.offers{
	background:url(../images/h3-offers.jpg) left no-repeat;
	color:#A3FF46;
	}


#rightcolumn .releasebox ul{
	list-style-type:none;
	margin:0;
	padding:0;
	padding-left:14px;
	margin-left:14px;
	margin-top:5px;
	}

.boxDetails{
	margin-top:10px;
	}

.boxDetails h2{
	color:#F90;
	font-size:15px;
	font-weight:normal;
	}
	
#rightcolumn .releasebox ul li{
	margin-bottom:4px;
	}
#rightcolumn .releasebox ul li a{
	text-decoration:none;
	padding-left:20px;
	background:url(../images/small-star.jpg) no-repeat left 1px;
	color:#F90;
	line-height:16px;
	display:block;
	outline:none;
	}
	
#rightcolumn .releasebox ul li a:hover{
	color:#FC0;
	}
	
#footer{
	background:url(../images/footer-bg.jpg) repeat-x #595959;
	padding:10px;
	height:80px;
	position:relative;
	}

#footer .secure{
	position:absolute;
	right:15px;
	top:10px;
	margin:0;
	}

#footer .bottomNav{
	padding:10px;
	color:#999;
	}
	
#footer .bottomNav ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}

#footer .bottomNav ul li{
	display:inline;
	}

#footer .bottomNav ul li a{
	margin-left:3px;
	margin-right:3px;
	}
	
.brclear{
	clear:both;
	}
.prodImgFull{
	width:550px;
	overflow:hidden;
	padding:4px;
	}
.prodImgFull img{
	max-width:550px;
  	width:auto !important;
  	width:550px;
	}

.tblPricing{
	width:100%;
	}

.tblPricing td{
	border-bottom:2px solid #f9f9f9;
	padding:4px;
	vertical-align:top;
	}

.tblPricing td .btncart{
	background:url(../images/btncart.jpg) no-repeat;
	display:block;
	width:95px;
	height:21px;
	padding-left:30px;
	text-decoration:none;
	color:#fff;
	padding-top:4px;
	font-weight:bold;
	}
	
	
.tblLogin, .tblRegister{
	background:#3A3A3A;
	border:1px solid #3A3A3A;
	margin:auto;
	padding:5px;
	margin-top:20px;
	}

.tblRegister{
	width:600px;
	margin-left:0;
	}
	
.tblLogin td, .tblRegister td{
	padding:5px;
	}

.tblLogin a{
	color:#F90;
	text-decoration:none;
	margin-left:5px;
	margin-right:5px;
	}

.tblLogin .links{
	text-align:right;
	font-size:11px;
	padding-top:5px;
	}

.tblLogin td, .tblRegister{
	color:#f2f2f2;
	}

.tblLogin input.txtLogin, .tblRegister input.txtLogin {
	border: 1px #3A3A3A solid;
	background: #464646;
	margin-right: 5px;
	margin-top: 4px;
	color: white;
	height: 18px;
	width:225px;
	}

.tblLogin input:focus.txtLogin, .tblRegister input:focus.txtLogin {
	background: #555;
	}

.tblLogin .btnLogin, .tblRegister .btnLogin{
	float:right;
	background:#555;
	border:1px solid #777;
	padding:2px 10px;
	color:#ccc;
	cursor:pointer;
	margin-right:8px;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

.tblRegister .btnLogin{
	float:none;
	}
.tblLogin .btnLogin:hover, .tblRegister .btnLogin:hover{
	background:#333;
	border:1px solid #777;
	color:#ccc;
	}

.tblLogin .error, .tblRegister .error{
	background:url(../images/alert.png) no-repeat 10px 10px #FFE8E8;
	padding-left:50px;
	padding-top:20px;
	font-weight:bold;
	color:#800000;
	padding-bottom:20px;
	}

.tblRegister td span{
	color:#F90;
	}

.txtOrange{
	color:#F93;
	}

.notifyMsg{
	background: url(../images/success.png) no-repeat 10px 10px #E4FFCA;
	color:#333;
	padding:10px;
	padding-left:70px;
	border:1px solid #C1FF84;
	margin-top:15px;
	}

.notifyMsg .heading{
	color:#376F00;
	font-size:18px;
	font-weight:bold;
	}

.errorMsg{
	background:url(../images/alert.png) no-repeat 10px 10px #FFE8E8;
	padding-left:60px;
	padding-top:10px;
	font-weight:bold;
	color:#800000;
	padding-bottom:20px;
	}

.rightCol .cmail{
	color:#F60;
	font-weight:bold;
	font-size:14px;
	}

.rightCol .val{
	color:#333;
	font-weight:bold;
	margin:4px 0;
	}
	
.leftCol{
	width:310px;
	padding:5px;
	padding-right:15px;
	border-right:1px dotted #ccc;
	}

.bdrb{
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
	margin-bottom:5px;
	}
.leftCol h2.ax{
	background:url(../images/h2-activex.jpg) no-repeat left;
	color:#F60;
	font-size:18px;
	margin:0;
	padding:5px 0;
	padding-left:40px;
	}

.hotbox{
	padding:5px;
	width:310px;
	height:135px;
	position:relative;
	}
.hotbox a img{
	border:0;
	outline:none;
	}
.hotbox .details{
	position:absolute;
	top:15px;
	left:125px;
	width:180px;
	}

.hotbox .details h4{
	margin:0;
	font-size:16px;
	color:#F90;
	margin-bottom:15px;
	}

.hotbox .details h4 span{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	display:block;
	font-style:italic;
	color:#333;
	line-height:28px;
	}
.rightCol{
	width:330px;
	float:right;
	padding:5px;
	}

.rightCol h2.eu{
	background:url(../images/h2-enduser.jpg) no-repeat left;
	color:#F60;
	font-size:18px;
	margin:0;
	padding:5px 0;
	padding-left:40px;
	}

.leftCol h3.released{
	background:url(../images/h4-released.jpg) no-repeat left;
	color:#a8a8a8;
	font-size:14px;
	margin:0;
	padding:5px 0;
	padding-left:30px;
	font-weight:normal;
	}

.rightCol h3.popular{
	background:url(../images/h4-popular.jpg) no-repeat left;
	color:#a8a8a8;
	font-size:14px;
	margin:0;
	padding:5px 0;
	padding-left:30px;
	font-weight:normal;
	}

.rightCol h3.toggler, .leftCol h3.toggler2{
	font-size:14px;
	color:#333;
	margin:0;
	padding:5px;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #ccc;
	margin-bottom:5px;
	}

.rightCol h3.toggler strong, .leftCol h3.toggler2 strong{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	font-size:15px;
	}
	
.accordion, .accordion2{
	margin-top:15px;
	padding-left:30px;
	}

.accordion .element, .accordion2 .element2{
	margin-bottom:10px;
	}

.accordion .element .box, .accordion2 .element2 .box{
	margin-bottom:10px;
	float:left;
	margin-right:10px;
	width:80px;
	border:0;
	}

.accordion .element p, .accordion2 .element2 p{
	margin:4px 0;
	}

.alnright{
	text-align:right;
	}
.clrright{
	clear:right;
	}

.accordion3 h3.toggler3{
	margin:0;
	padding:5px 0;
	padding-left:30px;
	font-size:14px;
	border-bottom:1px solid #000;
	background:#333;
	cursor:pointer;
	margin-bottom:10px;
	color:#ccc;
	}

.accordion3 h3.toggler3 span{
	float:right;
	display:block;
	margin-right:10px;
	margin-top:3px;
	}

.accordion3 h3.toggler4{
	margin:0;
	padding:5px 0;
	font-size:14px;
	border-bottom:1px solid #888;
	cursor:pointer;
	margin-bottom:10px;
	color:#F60;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/down-blue.jpg) no-repeat right top;
	}

.accordion3 h3.toggler4.active{
	color:#333;
	background:url(../images/cancel.png) no-repeat right top;
}

ul.ulist{
	list-style-type:none;
	margin:0;
	padding:0;
	line-height:24px;
	margin-bottom:15px;
	}

ul.ulist li{
	background:url(../images/tick-mark2.jpg) no-repeat left;
	padding-left:22px;
	}
	
.purchaseProd{
		
	}
.purchaseProd h3.prod, .purchaseProd h3.app{
	margin:0;
	padding:5px 0;
	border-bottom:1px dotted #ccc;
	color:#F90;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	}

.purchaseProd .prodPrice, .purchaseProd .appPrice{
	width:100%;
	padding-bottom:10px;
	}
/* Tabs  */


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

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 2px 7px;
padding-top:6px;
margin-right: 3px;
color: #fff;
background: url(../images/tab-bg.jpg) repeat-x #999999;
outline:none;
font-weight:bold;
top:1px;
}

.shadetabs li a:visited{
color: #fff;
}

.shadetabs li a:hover{
color: #fff;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background: url(../images/taber-sel.jpg) repeat-x #F60;
color:#fff;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}