body{
margin:0;
padding:0;
font-size:13px;
font-family:arial;
line-height:1.4em;
background:#eee;
color:#444;
}
a{
color:red;
text-decoration:none;
outline:none;
}
a:hover{
text-decoration:underline;
}
p{
text-align:justify;
}
.hide {
display: none;
}
.read-more-toggle{
cursor:pointer;

}
table{
width:100%;
border-collapse:collapse;
}
td{
border:1px solid #ddd;
padding:5px 6px;
}
ul{
padding-left:15px;
}
p.desc{
color:#666;
font-size:12px;
}
p.tax-info{
color:#666;
font-size:11px;
float: left;
width: 100%;
color: #888;
font-size: 11px;
margin: 7px 0;
}
h1,h2,h3{
font-size:15px;
font-family:arial;
color:#111;
margin:10px 0;
font-weight:bold;
}
h2,h3{
font-size:13px;
}
h1.header-product{
font-size:16px;
line-height:1.4em;
}
h1 span{
font-weight:normal;
font-size:13px;
color:#666;
}
.fleft{
float:left;
}
.center{
text-align:center;
}
#all{
margin:0 auto;
width:960px;
background:#fff;
overflow:hidden;
border:1px solid #ddd;
border-top:0;
}
#top{
height:55px;
width:960px;
margin:0;
background:#333;
position:relative;
border-bottom:1px solid #ccc;
}
#logo{
position:absolute;
left:14px;
width:135px;
background:url('/images/logo2.png') 0 13px no-repeat;
outline:none;
text-indent:-99999px;
height:55px;
line-height:55px;
text-decoration:none;
font-size:16px;
font-weight:bold;
color:#eee;
}
#top-search{
position:absolute;
right:16px;
top:12px;
}
#top-search input{
float:left;
}
#top-search-txt{
width:260px;
border:1px solid #636363;
font-size:13px;
font-family:arial;
color:#fff;
padding:0 6px;
height:28px;
border-radius:1px;
padding-right:30px;
background: #424242 url("/images/search-icon.png") no-repeat scroll 97% 50%;
}
#top-search-submit{
margin-left: -25px;
border:0;
width:2px;
height:32px;
background:transparent;
cursor:pointer; 
}
#content{
width:935px;
margin:0;
overflow:hidden;
min-height:300px;
}
#footer{
height:20px;
width:960px;
background:#fafafa;
}
.asmall{
font-size:11px;
color:#999;
}
#banner{
border-top:3px solid #F21A1A;
width:850px;
height:300px;
background:url('images/banner.gif') #eee;
position:relative;
margin:10px auto;
}
#banner h1{
font-size:48px;
color:#F21A1A;
font-family:'segoe ui';
top:20px;
left:40px;
position:absolute;
letter-spacing:-2px;
font-weight:bold;
}
#banner p{
font-family:'segoe ui',arial;
width:680px;
font-size:15px;
color:#777;
top:95px;
left:40px;
position:absolute;
}

#banner-home{
border-top:3px solid #F21A1A;
width:630px;
height:300px;
background:url('images/banner.gif') #eee;
position:relative;
margin:10px 0;
}
#banner-home h1{
font-size:48px;
color:#F21A1A;
font-family:'segoe ui';
top:0px;
left:40px;
position:absolute;
letter-spacing:-2px;
font-weight:bold;
}
#banner-home p{
font-family:'segoe ui';
width:500px;
font-size:15px;
color:#777;
top:75px;
left:40px;
position:absolute;
}

#column-left{
float:left;
width:220px;
background:#f8f8f8;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
margin-bottom:20px;
}
#column-right{
float:right;
width:690px;
margin-bottom:20px;
margin-top:4px;
}
.left-menu ul{
list-style:none;
margin:0;
padding:0;
}
.left-menu ul li{
display:inline;
margin:0;
padding:0;
}
.left-menu ul li a{
display:block;
width:190px;
font-size:13px;
color:#555;
font-family:arial;
text-decoration:none;
padding:8px 15px;
}
.left-menu ul li a:hover{
background:#e3e3e3;
}
.left-menu ul li a.active{
color:#222;
background:#ddd;
font-weight:bold;
}
.left-menu ul li.t{
font-size:13px;
font-weight:bold;
}
.left-menu ul li.t div{
padding:8px 15px;
}
.left-menu ul li.t.tb div{
border-top:2px solid #e8e8e8;
}
.left-menu ul li.st{
font-size:11px;
text-transform:uppercase;
color:#555;
letter-spacing:1px;
}
.left-menu ul li.st div{
padding:7px 15px;
background:#efefef;
border-bottom: 1px solid #e8e8e8;
border-top: 1px solid #e9e9e9;
}

.a-box{
overflow:hidden;
border-bottom:1px solid #eee;
padding:8px 0 ;
margin: 0;
}
.a-box.product{
border-top:1px solid #eee;
background: #fafafa;
float: none;
overflow: hidden;
}
.a-box.h {  
background: #fafafa;
}
.a-box-icon{
width:0px;
height:40px;
float:left;
margin-right:15px;
}
.a-box-icon-blank{
width:0px;
height:40px;
background:url('/images/ikona.png') 0 0 no-repeat #eee;
}
.a-box-content{
width:300px;
float:left;
}
.a-box-title{
font-size:14px;
padding-bottom:3px;
color:#1990DB;
}
.a-box-title a{
color:#1990DB;
font-size:14px;
}
.a-box-desc{
font-size:12px;
color:#444;
}
.a-box-play{
float:right;
height:40px;
width:200px;
font-size:16px;
color:#555;
text-align:center;
line-height:40px;
}
.a-box-play-player{
width:85px;
margin:7px auto;
}
audio{
width:80px;
height:25px;
}
.a-box-play object{
vertical-align:text-bottom;
}
.a-box-price{
float:right;
height:40px;
width:70px;
font-size:14px;
color:#555;
text-align:center;
line-height:40px;
}
.a-box-desc-product{
float:right;
font-size:12px;
color:#555;
width:300px;
}
.a-box-desc-product .a-box-play-player{
margin:0;
}
.a-box-download{
float:right;
height:40px;
width:70px;
font-size:16px;
color:#555;
text-align:center;
line-height:40px;
}
.a-box-buy{
float:right;
height:40px;
width:70px;
font-size:16px;
color:#555;
text-align:center;
line-height:40px;
}
.a-box-buy a,
.a-box-buy span{
font-size:12px;
font-weight:bold;
padding:4px 6px;
color:#fff;
background:#555;
display:inline;
border-radius:3px;
}
.a-box-buy a:hover{
background:#ED743F;
text-decoration: none;
}
.a-box-buy span{
background:#ddd;
color:#888;
text-shadow:1px 1px 0 #fff;
cursor:help;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.a-box.head   *{
font-size:12px!important;
font-weight:bold!important;
height:20px;
line-height:20px;
}
.a-box.head  {
padding:5px 0;
}
ul#menu{
list-style:none;
padding:0;
margin:0;
float:right;
margin-right: 333px;
}
ul#menu li{
padding:0;
margin:0;
display:inline;

}
ul#menu li a{
font-size:12px;
color:#ddd;
display:block;
height:55px;
float:right;
text-decoration:none;
line-height:56px;
padding:0px 10px 0 10px;
}
ul#menu li a:hover{
text-decoration:underline;
}
/*
li#menu-log a{
background:url('/images/icon_login.png') 10px 19px no-repeat;
}
li#menu-profile a{
background:url('/images/icon-user.png') 10px 19px no-repeat;
}
li#menu-help a{
background:url('/images/icon-help.png') 10px 19px no-repeat;
}
*/
input[type="text"],
input[type="password"]{
width:250px;
padding:3px;
font-size:13px;
color:#111;
font-family:arial;
float:left;
}
input[type="submit"]{
padding:5px 10px;
}
label{
width:80px;
height:27px;
line-height:27px;
font-size:13px;
font-weight:bold;
display:block;
float:left;
}
option {
}
select{
padding:3px;
width:258px;

}
form.register label{
width:130px;
}
form.register.panel label{
width:200px;
}
p.sub-form{
font-weight:bold;
border-bottom:1px dotted #bbb;
margin-bottom:5px;
padding-bottom:3px;
}
#register_priv{
display:none;
}
.panel-menu-box{
overflow:hidden;
}
.panel-menu{
list-style:none;
margin:0;
padding:0;
display:block;

border-bottom:1px solid #ddd;
background:#eee;
height:32px;
position:relative;
padding-left:2px;
}
.panel-menu li{
display:inline;
}
.panel-menu li a{
float:left;
display:block;
padding:7px 20px;
padding-top:9px;
color:#444;
font-size:13px;
position:relative;
height:32px;
outline:none;
}
.panel-menu li.active a{
padding:6px 20px;
background:#fff;
color:#111;
font-weight:bold;
top:2px;
border:1px solid #ddd;
border-bottom:0;
height:18px;
}

.panel-list{
width:100%;
font-size:12px;
border-collapse:collapse;
}
.panel-list thead{
background:#f7f7f7;
}
.panel-list td{
border:1px solid #ddd;
padding:4px 6px;
}

.panel-logout{
font-size:12px;
font-weight:normal;
padding-left:10px;
color:#777;
}
.panel-logout a{
color:#777;
}

.error-info {
background: none repeat scroll 0 0 #FFF7F7 !important;
border: 1px solid #FF6868;
padding:7px 10px;
margin:10px 0;
overflow:hidden;
list-style: disc inside none;
}
.button-small{
padding:5px!important;
}

.formRegister-info{
float: left;
padding-left: 13px;
line-height: 25px;
font-size: 12px;
}
form p{
clear:both;
padding:5px 0;
}
label{
float:left;
}
.file-buy{
width:100%;
margin-bottom:20px;
}
.file-buy input[type="radio"]{
float:left;
}
.file-buy label{
width:300px;
line-height: 22px;
padding-left:5px;
-moz-user-select: none;
user-select: none;
cursor: pointer;
}
.file-buy label:hover {
color: red;
}
.licenses{
width:100%;
border-collapse:collapse;
}
.licenses td{
text-align:center;
border:1px solid #ddd;
padding:7px 15px;
font-size:12px;
line-height:1.9em;
height: 44px;
}
.licenses tbody tr td:first-child{
text-align:left;
font-size:13px;
} 
.licenses thead{
background:#f7f7f7;
}
.licenses thead td{
font-weight:bold;
height:30px;
font-size:13px;
}
.licenses tr:nth-child(2n) {
background: #fbfbfb;
}
.lic-standard{
background: #e4e4e4;
}
.lic-pro{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbd64a+0,fbd64a+53,ffc04c+100 */
background: #fbd64a; /* Old browsers */
background: -moz-linear-gradient(top,  #fbd64a 0%, #fbd64a 53%, #ffc04c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fbd64a 0%,#fbd64a 53%,#ffc04c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fbd64a 0%,#fbd64a 53%,#ffc04c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd64a', endColorstr='#ffc04c',GradientType=0 ); /* IE6-9 */
}
.licenses img.lic-pic{
vertical-align: middle;
width:16px;
}
.icon-yes{
font-size: 18px;
color: #41ad49;
font-weight: bold;
}


.tip-icon-help{
width:16px;
height:16px;
background:url('/images/icon-help.gif') 0 0 no-repeat;
overflow: hidden;
font-size:0;
display: inline-block;
vertical-align: middle;
margin:0 2px;
}

.intro-banner{
width:690px;
height:294px;
background:#2a1a1a url('/images/intro-banner-01.jpg') 0 0 no-repeat;
/* background-size: 100% 100% !important; */
margin-top:15px;
margin-bottom: 17px;
}

.intro-banner-box{

margin: 0 auto;
text-align: center;
top: 120px;
position: relative;
}
.intro-banner-h{
border: 1px solid #fff;
padding: 16px;
display: inline-block;
background: rgba(255, 255, 255, 0.18);
font-size: 29px;
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.audiojs { 
width:200px;
height:20px; 
}