
html{font-family:Arial, Helvetica, sans-serif; font-size:10pt; line-height:120%; color:#3d3d3d;}
body{margin:0; padding:0;}
#header{width:100%; height:133px; background:url(../images/top-content-bg.png) bottom repeat-x; position:relative;}
.midle{width:1000px; margin:0 auto; position:relative;}
.clrfix{clear:both; display:block; height:0px;}
.triangle-right{position:relative; padding-left:12px;}
.triangle-right:before{content: ''; width: 0;height: 0; display:block; border: 6px solid transparent; border-left: 6px solid #FF6600; position:absolute; left:0px; top:3px;}
.price-off{color:#000000;}
.learn-more{padding-left:10px; line-height:16px; display:block; background:url(../images/highlight-icon.gif) 0px 4px no-repeat; margin:5px 0;}
.midle-btn{display:block; width:200px; height:30px; line-height:30px; text-align:center; margin:0 auto; background-color:#3671A0; color:#FFFFFF; margin-bottom:20px; border-radius:5px;}
.white{color:#FFFFFF !important;}
a{font-family:Arial, Helvetica, sans-serif; color:#0000CC; text-decoration: none; cursor:pointer;}
a:hover{text-decoration:underline;}
a:visited{color:#0000CC;}
h3{font-size:13px;}
div.logo{width:300px; height:70px; position:relative; float:left; margin-top:30px;}
	div.logo img.logo{position:absolute; left:75px; top:15px;}
div.slogan{width:690px; padding:5px; height:50px; position:absolute; right:0px; top:40px; border:solid 1px #DADADA; border-radius:4px; font-size:10px}	
	div.slogan span{display:block; float:left; margin:0px 5px; line-height:25px; height:25px;}
	div.slogan span.left{width:270px;}
	div.slogan span a{font-weight:bold; color:#0C6B8C;}
	div.slogan p.content{font-size:12pt; color:#666; text-align:center; margin:0; padding:0; margin-top:6px;}
	div.slogan p.content strong{color:#0C6B8C; font-weight:bold; display:block; margin-top:7px;}
div.keyword{font-size:9.5px; position:absolute; width:700px; right:0; top:108px; color:#666666; letter-spacing:0; text-align:center; white-space:nowrap;}
div.relative-wapper{position:absolute; left:0; top:0;}
#main-menu{width:100%; height:35px; background:url(../images/top-menu-bg.gif) bottom repeat-x;}
#top-search{position:absolute; right:0; top:6px; width:170px;}
#body{height:auto;}
#mainpage{clear:both; background:url(../images/rightline.jpg) 0px 0px repeat-y;}
#left-page{width:220px; float:left; padding-right:10px; padding-top:25px;}
#right-page{width:750px; float:right; padding-left:20px;}
#all-content{clear:both;}
#left-page h1, #left-page h2{font-size:13pt; margin-top:0; padding:6px 0; padding-left:10px;	font-family:Georgia; font-weight:normal; text-transform:uppercase; color:#7f7f7f;}
#content-footer{height:60px; background:url(../images/footer-bg.gif) top repeat-x; font-size:0.9em;}
	#content-footer table{border-spacing:0;}
	#content-footer ul.ul-bottom{ margin:0; padding:0; list-style:none;}
		#content-footer ul.ul-bottom li{display:block; float:left; padding-right:20px; position:relative;}
			#content-footer ul.ul-bottom li a{display:block; line-height:60px; color:#3d3d3d;}
			#content-footer ul.ul-bottom li a:before{content:'|'; font-size:1.2em; position:absolute; top:-1px; left:-10px;}
			#content-footer ul.ul-bottom li:first-child a:before{content:'';}

div#add-this{position:fixed; bottom:-5px; right:5px; padding:10px 20px; border-radius:5px; background-color:#FFFFFF;}			
h1.star-title{font-family:Georgia; background:url(../images/star.gif) 10px top no-repeat; color:#7f7f7f; font-weight:normal; font-size:16pt; height:35px; line-height:35px; padding:0 50px; margin:15px 0; text-transform:uppercase; border-bottom:dotted 3px #CCCCCC; float:left; margin-left:-20px;}
div.main-product{clear:both;}

h1.title, h2.title{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; float:left; margin:0; padding:0px 15px; height:30px; line-height:30px; overflow:hidden; border-top-left-radius:10px; border-top-right-radius:10px; font-weight:bold; background:url(../images/tab-repeat.gif);}
h1.title a, h2.title a{font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}

h2.general{margin:0; margin-top:15px; margin-bottom:5px; font-weight:bold; padding-left:15px; color:#3d3d3d; text-transform:uppercase; font-size:13px; line-height:20px; margin-left:15px; background:url(../images/product-bullet.gif) 0px 3px no-repeat;}
#product-info h2.general{margin-left:0px;}

div#highlight p.content{padding:5px 10px; margin:0px !important; text-align:center;}
div#vcsd-content{clear:both; width:100%; border:solid 1px #CCCCCC; padding:10px 0;}
	div#vcsd-content div.box{width:310px; float:left; margin-top:20px; position:relative;}
	div#vcsd-content div.box img{margin-left:15px;}
	div#vcsd-content div.content{width:420px; float:right; line-height:150%;}
	div#vcsd-content div.lighter-edition{clear:both; padding:10px 0; margin-top:30px; border-top:dotted 1px #CCCCCC;}
		div#vcsd-content div.lighter-edition div.item{width:244px;; float:left; overflow:hidden; margin-left:15px;}
		div#vcsd-content div.lighter-edition div.end{ width:217px !important;}
		div#vcsd-content div.lighter-edition div.start{}
			div#vcsd-content div.lighter-edition div.item h3{font-size:13px; margin:0; margin-bottom:15px; color:#3d3d3d;}
				div#vcsd-content div.lighter-edition div.item h3 a{color:#3d3d3d; font-family:Verdana, Arial, Helvetica, sans-serif}

div#mpm-content{clear:both; width:100%; border:solid 1px #CCCCCC; padding:10px 0; margin-bottom:20px;}
	div#mpm-content div.box{width:310px; height:320px; float:left; margin-top:20px; position:relative; overflow:hidden;}
	div#mpm-content div.content{width:420px; float:right; line-height:150%;}

div.right-product{float:right !important;}
div.left-product{float:left !important;margin-bottom:20px;}

div#wcm-content, div#vom-content{clear:both; width:330px; height:254px; padding:15px; border:solid 1px #CCCCCC;}
	div#wcm-content img.box-product, div#vom-content img.box-product{float:left; margin-right:15px; margin-left:-15px; margin-top:10px;}
	div#wcm-content p.learn-more, div#vom-content p.learn-more{margin:15px 0;}
div.left-product p.content, div.right-product p.content{text-align:left;}	
div.left-product p.content span, div.right-product p.content span{display:block;}	
	
div#mmg-content{clear:both; width:360px; height:620px; overflow:hidden; border:solid 1px #CCCCCC;}
	div#mmg-content div.inner{padding:15px;}
	div#mmg-content img.box-product{float:left; margin-right:15px; margin-left:-15px; margin-top:10px;}
	div#mmg-content div.lighter{border-top:dotted 1px #CCCCCC; margin-top:20px; padding:15px;}
		div#mmg-content div.lighter img.box-product{margin:0; margin-right:15px;}
		div#mmg-content div.lighter h3{font-size:1em; margin:5px 0;}
			div#mmg-content div.lighter h3 a{color:#000000;}
div#wcm-content p.content, div#vom-content p.content, div#mmg-content p.content{line-height:150%; margin: 5px 0;}
#freeware-wapper{margin-bottom:40px; width:100%; float:left;}			
div#freewareleft{width:350px; float:left; padding-right:25px; background:url(../images/freeware-seperate-bg.png) center right no-repeat}
div#freewareleft p.text, div#freewareright p.text{margin:0;}
div#freewareright{width:350px; float:right;}
div.freewareproduct{height:165px; text-align:left;}
	
	div.freewareproduct h3{font-size:1em; margin:10px 0;}
		div.freewareproduct h3 a{color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3d3d3d;}
	div.freewareproduct div.freeware-box{float:left; height:130px; width:95px;}
	div.freewareproduct div.freeware-desc{width:245px; float:right; text-align:justify;}
	div.freewareproduct div.freeware-desc span.learn-more{text-align:left;}

div.event-text{text-align:center;}	
div.event-text span{display:block; font-weight:600; font-size:1.1em;}
div.event-text span.event-name a{font-size:0.9em; color:#006600; margin:10px 0;}
ul.square-list{margin:0; padding:0; list-style:none; }
	ul.square-list li{position:relative; padding:0 10px; margin:3px 0;}
	ul.square-list li:before{ content:''; display:block; width:4px; height:4px; background-color:#CCCCCC; position:absolute; left:0px; top:8px;}


div#av-left-products, div#av-left-others{
	text-align:left;
	margin-bottom:10px;
}

ul.ul-left-products{margin:0; padding:0 10px 0 5px; list-style:none;}
ul.ul-left-products li{ margin:0px !important; height:24px;}
ul.ul-left-products li span{ padding:3px 0; display:block; margin:0px !important; padding-left:30px;}
ul.ul-left-products li a:hover{background:url(../images/product-hover.png) left no-repeat; text-decoration:none;}
ul.ul-left-products li a{margin:0px; display:block; padding-left:15px; color:#5f5f5f; text-decoration:none;	font-size:12px;	position:relative;}
ul.ul-left-products li a:visited,
ul.ul-other-products li a:visited{color:#a7a7a7;}

ul.ul-left-products li.vcs-icon span{background:url(../images/vcs-icon.jpg) left center no-repeat;}
ul.ul-left-products li.mmg-icon span{background:url(../images/mmg-icon.jpg) left center no-repeat;}
ul.ul-left-products li.vm-icon span{background:url(../images/vm-icon.jpg) left center no-repeat;}
ul.ul-left-products li.wm-icon span{background:url(../images/wm-icon.jpg) left center no-repeat;}
ul.ul-left-products li.vs-icon span{background:url(../images/vs-icon.jpg) left center no-repeat;}
ul.ul-left-products li.f-icon span{background:url(../images/f-icon.jpg) left center no-repeat;}
ul.ul-left-products li.ac-icon span{background:url(../images/ac-icon.png) left center no-repeat;}
ul.ul-left-products li.cdg-icon span{background:url(../images/cdg-icon.png) left center no-repeat;}
ul.ul-left-products li.mpm-icon span{background:url(https://www.audio4fun.com/template/images/mpm-icon.png) left top no-repeat;}

div#latest-letter{margin-bottom:20px; height:126px; width:220px; overflow:hidden; padding-top:1px; position:relative; background:url(../images/newsletter-bg.gif) center no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif;}
	div#latest-letter p{font-size:8pt; margin:11px 0; margin-left:70px; color:#FFFFFF; font-weight:bold;}
	div#latest-letter ul{padding:0; margin:0; list-style:none; position:absolute; top:40px; left:40px;}
		div#latest-letter ul li{font-size:10px; padding-left:15px; color:#FFFFFF; background:url(../images/check-icon.png) left no-repeat; line-height:160%;}
	div#latest-letter a.subscribe{display:block; width:97px; height:21px; position:absolute; left:40px; bottom:12px; margin-left:20px; margin-top:5px; background:url(../images/newsletter-button.gif) no-repeat;}

/* Slider & lastupdate */
#avflashintro{height:260px; margin-top:20px;}
#what-new{width:500px; height:260px; float:left; position:relative; text-align:center;}
#slide-wapper{position:relative; width:500px; height:240px; overflow:hidden;}
#slide-inner{text-align:left; position:absolute; left:0px; top:0px;}
#slide-inner img{padding:0; margin:0; display:block; float:left;}
#slide-inner img:hover{opacity:0.8; filter:alpha(opacity=80);}
#slide-nav{margin:0; padding:0; list-style:none; margin-top:5px;}
#slide-nav span{display:inline-block; width:5px; height:5px; border-radius:10px; margin-right:10px; border:solid 2px #1877a5; background-color:#1877a5; cursor:pointer;}
#slide-nav span.active{background-color:#FFFFFF;}

#latest-update{height:250px; width:230px; float:right;}
#latest-update p.title{padding:0; margin:0; line-height:30px; text-align:center; text-transform:uppercase; font-size:1em; position:relative; font-weight:bold;}

#highlight{height:95px; border-bottom:solid 2px #d7e8f0; margin-bottom:10px; background-color:#f3fbfd; font-size:10pt; line-height:140%;}
	#highlight p.title{background-color:#58a6cd; color:#FFFFFF;}
	#highlight p.title:before{content:''; display:block; position:absolute; top:100%; right:30px; width:0px; height:0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #58a6cd;}
		#highlight p.title a{color:#FFFFFF; text-decoration:none; display:block; font-size:10pt;}
	#highlight .content a{color:#000000;}


p.title span.arrow{display:block; position:absolute; width:11px; height:6px; overflow:hidden; bottom:-6px; right:30px; background:url(https://www.audio4fun.com/template/images/latest-update-arrow.jpg);}

#new-update{height:132px; border:solid 1px #CCCCCC;}
	#new-update p.title{border-bottom:solid 1px #CCCCCC; color:#2581b0;}
		#new-update p.title span.arrow{background-position:right; width:9px;}
	#new-update ul{margin:5px; padding:0; list-style:none;}
		#new-update ul li{display:block; height:16px; line-height:16px; margin:7px 0; text-align:left; font-weight:bold; font-size:0.9em; color:#999;}
			#new-update ul li span.date{ display:block; width:42px; float:left; margin-right:5px; line-height:16px; font-size:0.9em; text-align:center; border-radius:4px; background-color:#ce9723; color:#FFFFFF;}
			#new-update ul li a{text-decoration:none; color:#000000;}
			#new-update ul li a:hover{color:#2581b0; text-decoration:underline;}

/* Override */
/*
#highlight p.title{background-color:#ad483e;}
#highlight p.title:before{border-top: 6px solid #ad483e;}
#new-update p.title{color:#ad483e;}
*/
div#av-left-editor,
div#av-left-testimonial{text-align:left; margin-bottom:30px; font-family:Arial, Helvetica, sans-serif;}
div#av-left-editor h2,
div#av-left-testimonial h2{font-family:Arial, Helvetica, sans-serif;}
div#av-left-testimonial{height:205px; padding-top:10px;	background:url(../images/testi-bg.png) right top no-repeat;}
div#av-left-editor{width:219px;	clear:both;	margin-left:4px;}
div#av-left-editor div.tripbg-top{padding-top:5px; background:url(../images/stripbg-top.gif) top right no-repeat;}
div#av-left-editor div.tripbg-bottom{width:100%; line-height:5px; height:5px; background:url(../images/stripbg-bottom.gif) bottom right no-repeat;}
div#av-left-editor div.tripbg{width:100%; margin:0;	padding:0; background:url(../images/stripbg.gif) right repeat-y;}
div#av-left-editor div.tripbg h1{color:#004ec4;	margin:0px;	padding:0px; padding-top:5px; padding-left:10px; text-align:left; text-transform:uppercase; 	font-size:15px;	font-weight: normal;}
div#av-left-editor div.tripbg h2{ color:#004ec4; margin:0px; padding:0px; padding-top:5px; padding-left:10px; text-align:left; text-transform:uppercase;font-size:15px;	font-weight: normal;}
div#av-editor-content,
div#av-testimonial-content{padding:5px 10px; color:#3d3d3d;	font-style:italic;}
div#av-testimonial-content img{border:2px solid #FFF; float:left; margin-right:10px;}

div#av-testimonial-content #testimonal-content{clear:both; padding-top:3px;}

div#testimonial-info span{display:block; font-style:normal;}

div#testimonial-info span.author,
div#testimonial-info span.author a{font-weight:bold; color:#333333;	font-style:normal;}
div#av-editor-content a.readmore,
div#av-testimonial-content a.readmore{font-weight:normal; font-style:normal; font-size:12px; text-decoration:none; display:block; text-align:right;	padding:5px 0;}
div#av-editor-content a span,
div#av-testimonial-content a span{	background:url(../images/viewmore.png) left no-repeat;}
a.readmore span{display:inline-block; width:8px; height:10px; background:url(../images/readmore-icon.png) center left no-repeat;}

p.maintitle-general{font-family:Georgia; color:#7f7f7f;	font-weight:normal;	text-align:left; font-size:16pt; display:block;	line-height:35px; padding-left:35px; margin-top:20px; margin-bottom:15px; margin-left:-10px; background: url(../images/star.gif) left top no-repeat;}

div.top-download{background:url(../images/top-download-bg.png) left top no-repeat; margin:10px 0; position:absolute; width:214px; height:180px; left:0;	top:0;}

div.top-download span.top-product-title{display:block; text-align:center; margin-top:60px; height:30px;	line-height:30px; color:#FFFFFF; font-weight:bold;}
div.top-download span.top-product-title a{color:#FFFFFF; font-weight:bold; font-size:10pt;}

div.top-download table{margin-top:5px; color:#3d3d3d; font-size:9pt;}
a.topdownload-button{width:123px; height:30px; display:block; margin-left:48px;	background:url(../images/top-download-button.png);}

ul.ul-left-others{padding:0; margin:0; margin-left:10px; list-style:none;}
ul.ul-left-others li{padding:3px 0;	display:block;}
ul.ul-left-others li span{background:url(../images/bullet.gif) 5px 5px no-repeat; display:block; padding-left:15px;}
ul.ul-left-others li a{font-size:12px; color:#3d3d3d; display:block; padding:1px 0; text-decoration:none;}
ul.ul-left-others li a:hover{background:url(../images/product-hover.png) left no-repeat ; text-decoration:none;}
ul.ul-left-others li a:visited{color:#a7a7a7;}

div#navigator{clear:both; text-align:left; margin-bottom:10px; margin-left:-20px; background:url(../images/navigator.gif) left bottom repeat-x;}
div#navigator ul{ margin:0;	padding:10px 0;	margin-left:10px; display:block;}
div#navigator ul li{ display:inline; margin:0; padding:0;}
div#navigator ul li.active{}

div#navigator ul li a{font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0; padding-left:0px; padding-right:10px; background:url(../images/learn-more-icon.gif) right no-repeat;}

div#navigator ul li.active a{color:#3d3d3d !important; font-weight:bold; background:none; padding-left:0px;}
div#navigator ul li.active a:hover{text-decoration:none;}

div#extra-menu{position:relative; height:100px;}
div#extra-menu div.inner{position:absolute; right:-6px; top:0;  width:220px;}
div#flag-scroll h1{font-size:13pt; /* margin-left:-5px; */ text-align:left;	margin-top:0; padding:6px 0; padding-left:15px;	font-family:Georgia; font-weight:normal; text-transform:uppercase; color:#7f7f7f;/*border:1px solid #484848;*/margin-bottom:0px;}
div#flag-scroll h2{font-size:13pt;/* margin-left:-5px; */ text-align:left; margin-top:0; padding:6px 0; padding-left:15px; font-family:Georgia;	font-weight:normal;	text-transform:uppercase; color:#7f7f7f; /*border:1px solid #484848;*/	margin-bottom:0px;}
div#extra-menu ul{margin:0; padding:0; list-style:none;}
div#extra-menu ul li{display:block; padding:7px 0; padding-left:20px; text-align:left; color:#454545; cursor:pointer; position:relative; background: url(https://www.audio4fun.com/template/images/bullet.gif) 10px 13px no-repeat;}
div#extra-menu ul li.scroll-object:hover{color:#FF0000;}

div#extra-menu ul li.text{background:none; padding-left:10px; color:#006600; cursor:default;}
div#extra-menu ul li.toggle-btn{background:none; padding-left:10px;	display:none;}
div#extra-menu ul li.active{background-color:#FFFFFF; border:solid 1px #E6E6E6;	border-right:none; border-top-left-radius:5px; border-bottom-left-radius:5px; color:#009900 !important;}

div#extra-menu ul li span.download-btn{display:block; width:80px; padding:5px 0; text-align:center; border-radius:5px; background-color:#009900; color:#FFFFFF;}

div#extra-menu ul li span.buyfull-btn{display:block; width:80px; padding:5px 0; text-align:center; border-radius:5px; background-color:#F77E06; color:#FFFFFF;}
div#extra-menu ul li span.download-btn:hover,
div#extra-menu ul li span.buyfull-btn:hover{opacity:0.8; filter:alpha(opacity=80);}

p.note{background:#B7B7B7; padding:5px;float: none; margin: 0;}
p.x-dayleft{text-align:center; margin:0; padding:0; color:#006600; font-size:10pt; font-family:Verdana; display:block; margin-bottom:3px; margin-top:8px;}
p.x-dayleft span.dayleft{color:#FF0000;	font-size:9pt; font-weight:bold; display:block;}
p.x-dayleft a{color:#006600 !important; font-weight:bold !important; text-decoration:none;}
a.other-learnmore {margin-left:0 !important; padding-left:0;}

.rounder{border:solid 1px #CCCCCC; border-radius:5px; margin:20px 0;}

div.box-product-left{width:280px; float:left;}
div.box-product-left div.image-product{width:280px; overflow:hidden; position:relative;}
div.box-product-right{ width:410px; float:right; margin-right:10px;}
div.table-file table td a{margin-left:0px !important;}
table.product-desc{
	font-size:12px;
	color:#3d3d3d;
}
table.product-desc td{
	padding:2px 0;
}
table.product-desc td span{
	padding-left:10px;
	background:url(../images/highlight-icon.gif) left no-repeat;
}
table.product-desc h3{
	margin:2px 0;
}
div.vcsd-tabcontent h3 a{
	color:#3d3d3d !important;
	text-decoration:none !important;
}
div.product-btn{margin-top:10px;}

div.img-lighter{
	position:relative; 
	width:220px; 
	height:200px; 
	overflow:hidden;
}

img.img-lighter-1{
	position:absolute; 
	left:-870px; 
	top:0
}
img.img-lighter-2{
	position:absolute; 
	left:-870px; 
	top:0
}

/* VCSD ORDER PAGE */

#buy-product-header{border:solid 1px #CCC;}
#buy-product-header h2.general{margin-left:0px;}

#product-discount{position:absolute; top:245px; left:0; width:300px;}
#buy-product-info{width:410px; float:right; margin-right:10px; margin-top:5px;}
#buy-product-info ul{padding:0; margin:0; list-style:none; border:solid 1px #CCC; width:100%;}
#buy-product-info ul li{font-size:9pt; padding:5px 10px; border-bottom:dotted 1px #CCC;}
#buy-product-info ul li:last-child{border-bottom:none !important;}
#buy-product-btn{text-align:center; margin:10px 0;}
#coupon-code{padding:15px; text-align:center;}
#coupon-code .coupon-btn{width:132px; height:29px; background:url(https://www.audio4fun.com/images/payment/buy-coupon.gif); border:0; margin-top:10px; cursor:pointer;}
#coupon-code .coupon-text{}

#product-payment{position:relative; line-height:130%;}
#product-payment ul{margin:10px 0; padding:0; list-style:none;}
#product-payment ul li{display:block; background:url(../images/bullet.gif)0px 9px no-repeat; padding:2px 0; padding-left:12px;}
div#download-text{font-size:10pt; line-height:150%; margin:10px auto; margin-top:20px; text-align:center; border:dashed 1px #CCC; padding:10px; background-color:#FAF9E7}
/* VCS */

div#vcs-description p.bullet{background: url(../images/bullet.gif) 0 6px no-repeat; margin:7px 0 7px 30px; padding-left:10px;}
div.get-vcsd8{width:270px; height:90px; margin:10px 0; position:relative; margin-left:40px; text-align:left;}
div.get-vcsd8 span.date{position:absolute; right:112px; bottom:27px; font-size:8pt; text-shadow: 0px -1px #CCC}
div.lighter-item h3{text-transform:uppercase;}

/* Custome Price */

span.pricePercent{position: absolute; left: 160px; top: 140px; font-size: 22pt; font-weight: bold; color: #FFF;}
span.priceOff{position: absolute; left: 210px; top: 55px; font-size: 17pt; color:#990000;}

/*
#highlight{border-bottom:solid 2px #ffd9a7; background-color:#ffd9a7; overflow:hidden; font-size:10pt;}
#highlight p.title{background-color:#fd950f; color:#FFFFFF !important;}
#highlight p.title:before{border-top: 6px solid #fd950f;}
#highlight p.content{background-color:#ffd9a7 !important;}
#latest-update p.title{color:#fd950f;}
*/
