/* PD Info MOBILE pd0.css */

/* =Reset 
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
margin:0;padding:0;border:0;font-size:100%;font-family:inherit;vertical-align:baseline;border-style:none;}
/* HTML5 display-role reset for older browsers */
body {line-height: 1;}
ol,ul {list-style:none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse:collapse;border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */
th, td, caption {font-weight: normal;text-align:left;}
a:focus,a:link,a:visited,a:hover,a:active{outline:0;}

html {
margin-top:0;  /*!important;*/
overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
}
/* HTML5 display-role reset for older browsers */
main,article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;margin:0;padding:0}

/* =Fonts    Google: Kreon light:300  normal:400  bold:700
-------------------------------------------------------------- 
Google: Kreon light:300  normal:400  bold:700 */

/* =Useful -------------------------------------------------------------- */
.f10 {font-size:10px !important;}
.f12 {font-size:12px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f18 {font-size:18px !important;}
.f20 {font-size:20px !important;}
.f24 {font-size:24px !important;}
.blue    {color:#95b5ba !important;}
.blueLt  {color:#749fa5 !important;}
.green   {color:#98cb31 !important;}
.greenDk {color:#267A48 !important;}
.red     {color:#bc2742 !important;}
.brown   {color:#9f7019 !important;}
.b   {font-weight:bold;}
.dbk {display:block;}
.tc  {text-align:center;}
.tr  {text-align:right;}
.m0  {margin:0 !important;}
.mc  {margin:0 auto !important;}
.p0  {padding:0 !important;}
a.noUL      {text-decoration:none;}
a.noul      {text-decoration:none;}  /*delete*/
img.bdr0    {padding:0;border:none;box-shadow:0 0 0;} 
ul.all0     {list-style-type:none;margin:0px;padding:0px;} /*???*/
ul li.cln   {padding-left:0;background-image:none}
.fltLt      {float:left;} 
.fltRt      {float:right;} 
div.clear   {clear:both;}
.w100       {width:100%; !important}
.m10c      {margin:10px auto !important;text-align:center !important;} 

/* =PD Info -------------------------------------------------------------- */
body {margin:0; padding:0; background-color:#ffffff; background-image:url('../../img/bg-body.png');
      font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; color:#777777;}

h1 {margin:15px auto;font-weight:bold;font-size:28px;}
h2 {margin:10px auto;font-weight:bold;font-size:20px;}
h3 {margin:10px auto;font-weight:bold;font-size:18px;}
h4 {margin:10px auto 0 auto;font-weight:bold;font-size:16px;}
h2.pg {margin:15px auto;font-weight:bold;font-size:28px;} /* Page Header same as h1 */
table th {font-weight:bold;}
table td {padding:1px;}
p.p10 {margin-top:10px;}

ul {font-family:Georgia, serif;}
ul li{
display: block;
padding-bottom: 8px;
padding-left: 15px;
color: #929292;
text-align:left;
background: url(../img/li-bullet.png) no-repeat 0px 7px;
line-height:1.75;
}
ul li.ctr{  /* no img */
display: block;
margin:0 auto;
text-align:center;
background: none;
}
article img, aside img, input[type=image].clef {
width: auto;
height: auto;
border: 1px solid #e0e0e0;  /* #f0f0f0 */
-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
background: none;
padding: 3px;
}
blockquote {width:90%; margin:15px auto; padding:15px; background:url('../../img/bg-box.png'); border:1px solid #e0e0e0; border-radius:10px;}

/* links */
a:link    {color:#3b3b3b;}
a:visited {color:#3b3b3b;}
a:hover   {color:#9f7019;}
a:active  {color:#3b3b3b;}

a:link.lt    {color:#929292;}
a:visited.lt {color:#929292;}
a:hover.lt   {color:#9f7019;}
a:active.lt  {color:#929292;}

aside a:hover         {color:#9f7019;}
div.subfoot a:hover   {color:#9f7019;}
div.subfoot a:hover   {color:#9f7019;}

a.law:hover           {color: #CC0066; text-decoration: none;}

.rf a.pop:hover,.rf a.popped:hover,
.trks a.pop:hover,.trks a.popped:hover {color:#9f7019;}

.btn:hover {
  color: #333333;
  background: #dedede;
  background-image: -webkit-linear-gradient(top,#dedede,#c3c3c3);
  background-image: -moz-linear-gradient(top,#dedede,#c3c3c3);
  background-image: -ms-linear-gradient(top,#dedede,#c3c3c3d);
  background-image: -o-linear-gradient(top,#dedede,#c3c3c3);
  background-image: linear-gradient(to bottom,#dedede,#c3c3c3);
}
.btnDLCart:hover    { background: #f3f3f3;
  background-image: -webkit-linear-gradient(top,#f3f3f3,#dedede);
  background-image: -moz-linear-gradient(top,#f3f3f3,#dedede);
  background-image: -ms-linear-gradient(top,#f3f3f3,#dedede);
  background-image: -o-linear-gradient(top,#f3f3f3,#dedede);
  background-image: linear-gradient(to bottom,#f3f3f3,#dedede);
}
	      
/* layout */
div.wrapper  {width:94%; margin:15px auto; padding:5px; background-color:#ffffff;
 box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
 -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 border-radius: 7px;}

main       {width:100%; margin-top:0; padding:0 45px 20px 45px;}
.home main {width:100%; margin-top:0; padding:0 45px 20px 45px;}
.info main {width:100%; margin-top:0; padding:0 45px 20px 45px;}
.list main {width:100%; margin-top:0; padding:0 25px 20px 25px;}
.home-rf main {width:100%; margin-top:0; padding:0 45px 20px 45px;}
.trks main {width:100%; margin-top:0; padding:0 30px 20px 30px;}

aside       {float:left; padding-right:15px}
.info aside {width:155px;}
.list aside {width:130px;}
.trks aside {width:209px; padding-right:15px;}

/* PD Countdown */
.pdcountdown {width:90%;margin:0 auto 10px auto;border:2px solid #ae3635;padding:5px;text-align:center;}
.pdcounthdr  {margin:0 auto;font-size:18px;font-weight:bold; color:#ae3635;}
.pdcounter   {margin:0 auto; padding:2px !important}
.pdcounttxt  {font-size:12px;font-weight:bold;line-height:1}

article              {float:none;}
.home article        {float:none;width:100%;}
.info article        {width:100%;}
.list article        {width:100%;}
.home-rf article     {float:none;width:100%;}
.trks article        {float:none;width:100%;}
.trks article.essay  {float:none;width:100%;margin-left:20px;}

.info article h1, .list article h1, .trks article h1 {margin-top:0;}

/* fancybox */
body.box  {margin:20px;text-align:center;}
/*div#wrap { width:560px; margin:0;  font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;}*/
.box p {margin:20px auto;}
main.fbox {width: 560px; background: #ffffff; margin: 0 auto; padding:10px 10px 10px 10px;
 box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
 -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 border-radius: 7px;
}

/*header */
header  {width:auto; margin:0 auto; padding-top:5px;}
header p    {font-size:30px; text-align:center}
header p span {display:block; font-size:12px; font-weight:normal;}
.home header p {margin-bottom:10px;}
nav    {width:100%; margin:0 auto; padding:0px; text-align:center; line-height:1}
nav a { padding-left:15px; font-family:Kreon,serif; font-size:18px; font-weight:300; text-decoration:none;color:#3b3b3b;}

/* tag */
.home div.tag {width:100%; margin:12px auto 0 auto; padding-top:22px; line-height:1;
    background-image:url('../img/tag-home.png'); background-position:center top; background-repeat:no-repeat;}
.home div.tag h1 {margin: 0 auto; text-align:center;}
.home div.tag a {font-family:Kreon,serif; font-weight:300; text-decoration:none;}
.home div.tag a.a1 {font-size:15px; color:#3b3b3b;}
.home div.tag a.a2 {font-size:15px; color:#929292;}
.home div.tag a.a1:hover, div.tag a.a2:hover {color:#9f7019;}
.home div.tag span {display:block;}

.info div.tag,.list div.tag {width:900px; height:85px; margin:0 auto 15px auto; background-image:url('../img/tag-blue.png'); background-position:center;}
.rf div.tag,.trks div.tag {width:900px; height:85px; margin:0 auto 15px auto; background-image:url('../img/tag-green.png'); background-position:center;}
.pdinfo div.tag {background-image:url('../img/tag-gold.png');}
.info div.tagLt,.list div.tagLt,
.rf div.tagLt,.trks div.tagLt {float:left;}
.info div.tag p.tag,.list div.tag p.tag,
.rf div.tag p.tag,.trks div.tag p.tag {padding:24px 0 0 65px; font-family:Georgia, serif; font-weight:normal; font-size:22px;}
.info div.tagRt,.list div.tagRt {float:right;padding:30px 65px 0 0;}
.rf div.tagRt,.trks div.tagRt   {float:right;padding:37px 65px 0 0;}
div.tagRt.hasBtn   {padding-top:35px;}
div.tagRt.hasArrow {padding-top:32px;}  

/* breadcrumb */
div.tag p.breadcrumb {margin:5px 0 0 64px;color:#777777;font-family:Kreon,serif;font-size:12px;font-weight:300;}
div.tag p.breadcrumb a {font-size:12px;text-decoration:none;font-weight:lighter;}
.breadcrumb a:link     {color:#777777;}
.breadcrumb a:visited  {color:#777777;}
.breadcrumb a:hover    {color:#9f7019;}
.breadcrumb a:active   {color:#777777;}

/* aside */
aside div        {margin-top:0; margin-bottom:25px;} 
aside div.navPix {margin-left: 28px;}
aside a,
aside ul li a    {font-family:Arial,san-serif;text-decoration:none;color:#929292;}
aside a.thisPg   {color:#95b5ba !important;font-weight:bold !important;}  /*current page */
aside img.logo {margin-left:30px;border:none;box-shadow:none;}
aside p.tel    {display:block;margin-left:15px;font-size:10px;font-weight:bold;}

h3.title {
color: #1d1d1d;
text-align:left;
font-family: Kreon,serif;
font-weight: 300;
font-size: 20px;
}

ul.pix {width:120px;}
ul.pix li{
text-align:center;
background: none;
padding-bottom: 8px;
padding-left: 0;
}

/* home - slider css at this css end */
.home article		 {font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:1.5}
.home article a {
font-family:Georgia, Times, serif;
color: #267A48;
font-size: 15px;
font-weight:normal;
}
.home article.home a {
font-size: 18px;
}

.home section h3 span {display:block; font-size:11px; line-height:0.8;}
.home section.lt  {width:auto; margin:0 auto;}
.home section.ct  {width:auto; margin:0 auto;}
.home section.rt  {width:auto; margin:0 auto;}
.home section.rt p, .home section.lt p, .home section.ct p  {width:auto;margin:0;padding:0;text-align:justify;}
.home section.rt a, .home section.lt a, .home section.ct a  {text-decoration:none;}

.home section.blog   {width:auto; margin:0 auto; }
.home section.blog a {text-decoration:none;}
div.products {
margin-bottom:15px;
padding:15px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

/* PD List */
.list article a  {color:#438b95;}
h1.az       {float:left;margin: 55px auto 0 auto;font-weight: bold;font-size: 16px;text-align: center;}
div.azPix   {float:left;width:125px;padding-top:15px;}
img.azPix   {padding:5px;} 
h1.listTitle {float:right;margin:25px 0 0 0 !important;font-size: 24px;text-align:center;color:black;width:211px;}
a.blueLt    {color:#438b95text-decoration:none;}
div.azLine  {margin-bottom:125px;padding-bottom:25px; border-bottom:1px solid #999999;}

h1.bestLess {margin:15px 0 0 0;width:100%;font-size:20px;text-align:center;color:black;}
div.azlinks {margin:0 auto;}
p.azLinks   {text-align:center;letter-spacing:2px;}

/* PD List A-Z */
div.azDesc  {float:left; width: 615px; font-size:14px; text-align:center;}
div azDesc span {font-size:12px;}
div.azLine {margin-bottom:25px; padding-bottom:15px; border-bottom:1px solid #999999;}
span.ltblue  {color:#749fa5;}
div.azCat {margin-top:25px;}
p.azCat {margin:10px 0; text-align:center; font-weight:bold;}
a.p0      {text-decoration:none;} 
a.p15     {padding-left:15px; font-weight:bold; text-decoration:none;}
p.tiny    {margin:0 0 2px 0;padding:0;font-size:10px;}
div.songSearch  {float:left; margin:20px 0 0 60px;}
div.hymnSearch  {float:right; margin:20px 60px 0 0;} 
form.sbox  {text-align:center;}

/* PD Music Genres */
div.hymnPgSearch {width:350px;margin:0 auto;padding:15px;text-align:center;background-color:#d8e8eb;}

/* info template */
.info article {font-family:Georgia, serif; font-size:16px; line-height: 1.5; color:#333333;}
div.contactForm {width:315px;margin:0 auto;padding:5px;border:1px solid #9f7019;}
/* Contact PD Info */
form.contact input[type=text]{outline: 1px solid #9f7019;}
form.contact input[type=text]:focus {outline: 1px solid #000000;}
div.contactForm textarea       {outline: 1px solid #9f7019;}
div.contactForm textarea:focus {outline: 1px solid #000000;}
div.contactForm p {margin:0 !important;padding:5px;text-align:center;color:#9f7019;font-size:20px;}

/* list template */
.list article {font-family:Georgia, serif; font-size:12px; line-height: 1.5; color:#333333;}

div.listHdr {width:100%;margin-top:10px;}
h2.listHdr  {float:left;font-size:18px; text-align:center;}
span.AZlt   {padding-right:50px;}
span.AZrt   {padding-left:50px;}
span.listOf {display:block; font-size:10px;}
div.listPix {float:right;}
img.listPix {width:120px;height:136px;}

div.listNote {float:left; width:100%;padding-top:7px;font-family:Arial,non-serif;font-size:10px;border-top:1px solid #929292;}
span.imp     {font-size:12px;font-weight:bold;}
a.R999       {color:#9f7019;}
a.R999:hover {color:#cccc00;}
div.listNote.search {margin-bottom:15px;padding:7px 0;border-bottom:1px solid #929292;}
span.search   {font-size:20px;font-weight:bold;color:#95b5ba}
table th.noSearch {width:100%;padding:15px 0;font-size:20px;text-align:center;}

div.listMenu1 {margin-bottom:2px;padding:12px 0;text-align:center;border-top:1px solid #929292;}
p.listMenu   {text-align:center;}
img.listArrow {padding:0 10px; border:none; box-shadow:0 0 0;vertical-align:-22%; }
a.AZ {font-size:16px; color:#9f7019; text-decoration:none;}
a.AZ:hover {color:#cccc00;}
div.listMenu2 {margin-top:10px;padding:12px 0;text-align:center;border-top:1px solid #929292;border-bottom:1px solid #929292;}

table.list    {border:1px solid #999999;}
table.list th {text-align:center;border:1px solid #999999;}
table.list td {padding:5px; vertical-align:middle; border:1px solid #999999;}
table.list td.onlist  {font-size:10px;font-style:italic;text-align:center;} 
table.list td.songTitle {font-size:14px;font-weight:bold;}
table.list td.altTitle  {font-size:12px;font-weight:bold;}
table.list td.cart {padding:2px 4px 10px 2px;text-align:center; font-weight:bold;}
span.alt          {font-weight:bold;}
span.cat          {display:block; font-size:10px; font-weight:normal; font-style:italic;}
input[type=image].clef {margin:0 auto;}
input[type=image].clef:focus {
   outline-style: none;
    -moz-box-shadow: 0 0 2px 1px #a18a2a;
	-webkit-box-shadow: 0 0 2px 1px #a18a2a;
    box-shadow: 0 0 2px 1px #a18a2a;}
a.sht             {display:block; margin-bottom:5px; color:#000; font-size:10px;}

/* General Essay - What-Is-Royalty-Free-Music */
article.essay {font-family: Georgia, serif;font-size: 16px;line-height: 1.5;color: #333333;}
article.essay p {margin:0 0 15px 0;}
article.essay p span {font-weight:bold;}
article.essay table  {margin:0 auto;}
article.essay td     {padding:4px 5px;}
article.essay td.green  {color:#267A48;}

/* Centered Full Width - Error Pages */
.fullctr div.article-wrap  {width:910px;margin:0 auto;}
.fullctr article.essay {width:910px;margin:0 auto;text-align:center;}
.fullctr article.essay ul li {margin:0;background:none;text-align:center;}

/* Sheet Music Books List */
/* Sheet Music on CD List */
div.bkList a   {text-decoration:none;}
table.books    {border:1px solid #999999;}
table.books td,
table.books th {padding:8px;text-align:center;vertical-align:middle;border:1px solid #999999;}
td.pix         {padding:2px;}
td.title       {font-weight:bold;}
td.price       {width:75px;}
table.oop      {margin-top:25px;}
table.oop th   {font-size:14px; text-align:center;} 

/* Sheet Music Book Pages */
/* Sheet Music on CD Pages */
div.bkPix  {float:left;padding-right:25px;vertical-align:middle;}
div.bkInfo {float:left;width:470px;line-height:1.3}
div.bkInfo span {padding-left:35px;}

div.bkInfo .inStk  {color:red;}
div.bkInfo h1 {margin-top:0;}
div.bkInfo p.bkPrice {margin:20px 0 15px 0;font-size:20px;font-weight:bold;}
div.addBtn       {float:left;}
div.viewBtn      {float:left;margin-left:35px;} 
div.bkInfo form  {display:inline;margin-bottom:15px}
div.bkInfo ul    {list-style-type: none; margin:25px 0 0 0; padding: 0px;}
div.bkInfo ul li {background:none; padding:0; margin:0; line-height:1.3}
div.bkInfo ul li span {padding-left:15px;}
div.bkDetail p   {margin-top:15px;}
div.bkDetail p.bkPD   {font-size:12px;}

/* Copyright Law */
p.lawnav-top   {text-align:right;}
img.lawnav-top {vertical-align:-50%;border:none;box-shadow:none;}	
p.lawnav-btm   {margin-bottom:15px;text-align:right;}
img.lawnav-btm {vertical-align:-35%;border:none;box-shadow:none;}

h1.law         {font-family:Georgia, serif; margin-top:0;font-size:18px;text-align:center;text-align:center;}
h2.law-top     {font-family:Georgia, serif;margin:10px auto 5px auto;text-align:center}
h2.law         {font-family:Georgia, serif;margin:20px auto 5px auto;text-align:center}
h3.law         {font-family:Georgia, serif;text-align:center}

blockquote.copyNo {width:92%;font-size:15px;font-weight:bold;}
ul.copyNo         {margin-top:10px;}
ul.copyNo li      {color:#333333;font-weight:bold;line-height:1.1;}

table.lawworks       {font-size:15px;}
table.lawWorks th    {width:160px;padding-right:15px;vertical-align:middle}
table.lawWorks td    {padding:0;vertical-align:middle;}
table.lawWorks td.ex {width:90px;padding:0 0 0 15px;}

ul.thumb li {color:#333333;font-size:16px;line-height:1.5;}
a.PD-blue   {color:#95b5ba;font-weight:bold;text-decoration:none;} 
a.RF-green  {color:#98cb31;font-weight:bold;text-decoration:none;} 

span.law   {font-size:larger; font-weight:bold;} 
ul.law     {display:block; margin:10px; padding:0 2.5em;color:#333333;}
li.law     {color:#333333;line-height:1.2;}
li.law .n  {font-weight:normal;}

p.lawnav   {text-align:right;}
img.lawnav {vertical-align:text-bottom}
table.law  {margin:0 auto;}
table.law td,th {font-size:12px; vertical-align:middle; text-align:left; padding:3px;}

/* Royalty Free Music - - - - - - - - - - - - - */

/* RF Home */
div.rfHdr {margin-bottom:0px;padding:0;line-height:1.4;
margin: 10px 0px 0px 10px;
padding: 15px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
box-shadow: 4px 5px 8px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);} /*background-image: url('../img/bg-box.png');*/
.rfHdr .colLt {float: left;width: 705px;text-align: center;}
.rfHdr .colRt {float: left;width: 160px;padding-top:10px;text-align:right;}
.rfHdr h1 {margin:0;padding:0;font-size:26px; color:green;}
.rfHdr h2 {margin:0;padding-bottom:3px;font-size:16px; color:#bc2742;}
.rfHdr p  {font-size:14px; padding-bottom:9px;}
.rfHdr ul {text-align:center;margin-top:-5px;}
.rfHdr ul li {background:none;padding-bottom:10px;text-align:center;line-height:1}

nav.rfCol1 {float:left;width:300px;margin:0;padding:0;text-align:left;}
nav.rfCol2 {float:left;width:290px;margin:0;padding:0;text-align:left;}
nav.rfCol3 {float:left;width:310px;margin:0;padding:0;text-align:left;}
.rf a.pop      {display:block;margin:10px 0 0 0;font-family:Georgia,serif;font-size:18px;font-weight:bold;color:#333333;text-decoration:none;}
.rf a.popped   {display:block;margin:10px 0 0 0;font-family:Georgia,serif;font-size:18px;font-weight:bold;color:#267A48;text-decoration:none;}
a.dl       {display:block;margin-left:10px}

.lib      {width:908px;margin-top:15px;padding:5px;border:1px solid #dddddd;} 
.libFirst {margin-top:25px;}
.libLogo  {float:left;margin-right:15px;height:65px;}
.libName  {float:left;width:200px;margin-top:18px;padding-right:15px;}
.libName a {font-size:18px;font-weight:bold;text-decoration:none;}
.libName span {font-size:14px;display:block;}
.libDesc  {float:left;width:570px;padding-top:6px;font-size:16px;color:#777777;line-height:1.2}
.libDescM2h  {float:left;width:450px;padding-top:4px;font-size:12px;line-height:1.4}
.libNoBtn {width:575px;}

/* Vendor Home/Library pages */
article.essay section.music-header {width:610px;}
ul li.vendl {text-align:center;line-height:1;background: none;} 

/* Trks template - aside */
.trks nav.rfCol1, .trks nav.rfCol2, .trks nav.rfCol3 {float:none;width:209px;margin:0;text-align:center;}
.trks aside a  {font-family:Georgia, serif;}
p.trkHdr       {font-size:16px;font-weight:bold;}
.trks.PopM2h a,
a.trkLink      {display:block;font-size:16px;} 
a.sel          {font-weight:bold;color:#267A48;font-size:20px !important;}

div.trkLib      {margin-top:0;text-align:center;line-height:1.4;} 

div.trkCat      {margin-top:20px;text-align:center;line-height:1.4} 
.trks a.m2hPop  {display:block;margin:0;padding-top:0;font-size:16px;color:#777777;font-weight:normal;}
.trks a.pop     {display:block;margin:0;padding-top:0;font-size:14px;color:#777777;font-weight:normal;}
.trks a.popped  {display:block;margin:0;padding-top:12px;font-size:16px;color:#267a48;font-weight:bold;}
.trks a.dl      {margin:0;font-family:Georgia, serif;font-size:12px;}
.trks div.submenu {margin-bottom:12px;}

div.trkBtns   {margin-top:20px;text-align:center;}
div.trkBtns a {display:block; margin-bottom:15px;}

div.trkPrice    {margin-top:20px;text-align:center;} 
div.trkPrice ul {margin:8px 0 0 0;padding:0;}
div.trkPrice ul li {padding:0 0 3px 0;text-align:center;text-align:center;line-height:1.5;background:none;}

div.trkLogo       {margin-bottom:15px;}
div.trkLogo ul    {list-style-type:none;margin:0px;padding:0px;}
div.trkLogo ul li {text-align:center;line-height:1;background:none;}

/* Trks template - article */
.trks article {font-family:Georgia, serif;line-height:1.5;color:#333333;}

section.music-header {width:90%; margin:10px auto; padding:10px; -moz-border-radius: 8px; border-radius:8px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
box-shadow: 4px 5px 8px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);}  /* background-image:url('../img/bg-box.png'); */
section.music-header h1 { margin:0; font-size:16px; text-align:center;  }
section.music-header p.cat-tag { margin:0;text-align:center;font-size:18px;color:#267A48;font-weight:bold;}
section.music-header p.cat-desc img {margin-top:5px;padding:10px}
section.music-header img.m2h-logo { float:none;display:block;margin:5px 10px 0 0;}
section.music-header p.cat-desc-m2h {font-size:12px;text-align:left;}
section.music-header img.si-logo  { float:none;height:75px;display:block; margin:5px 10px 0 0;}
section.music-header h1.cat-title-si { padding-top:12px;}
section.music-header p.cat-desc-si {font-size:16px;text-align:center;}

section.music-header div.on-logo   {float:none;width:95%;padding:5px 10px 0 0;}
section.music-header div.on-desc   {float:none;width:95%;}
section.music-header p.on-cat-tag  {margin:5px 0 15px 0;text-align:center;font-size:20px;color:#267A48;font-weight:bold}

section.music-usage {width:100%;margin: 15px 0 20px 0;padding:0;}
section.music-usage ul {margin:0;padding:0;}
section.music-usage ul li {padding:0;text-align:center;font-family:Arial, Helvetica, sans-serif;color:#777777;font-weight:bold;
text-align:center;line-height:1.2;background:none;}

table.dl-desc td     {vertical-align:middle;font-size:14px;}
table.dl-desc td.img {padding-right:20px;}
 
/* audio player */
div.music-player {position:relative;width:95%;margin:10px 0 0 0;padding:0;position:relative;}
.box div.music-player {width:95%x;}
div#pub     {display:none;} 
div.tkBtnMobile   {width:25px; height:25px; color:black; background: url('../../img/Play.gif') scroll center top;}
div.tkTtl   {margin:5px auto; width:80%; text-align:center; font-size:14px; font-weight:bold; display:none;} 
button.play {width:26px; height:22px; display:block; border-style:none; background-color:transparent; font-size:0; cursor:pointer; outline:none;}
div.novoice {z-index:5;position:absolute;top:16px;left:206px;font-size:10px;} 
div.play-bar-bdr {z-index:5;position:absolute;top:11px;left:196px;width:259px;height:5px; border:1px solid #999999;}
ul.jp-controls li {padding-left:0;background:none;}
div.jp-type-playlist{
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 4px 5px 8px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.box div.music-player {width:90%;}
.box div.novoice {margin:10px 5px 0;top:8px;left:135px;}
.box div.play-bar-bdr {width:192px;top:11px;left:138px;}

/* PopUp Player */ 
.brn {color:#630; font-weight:bold; font-size:14px;}
/* music tracks */
section.music-tracks {width:98%; margin: 10px auto; padding:0 0 10px 0; 
-moz-border-radius: 8px; border-radius:8px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
box-shadow: 4px 5px 8px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);}  /*  background: url('../img/bg-box.png'); */
section.music-tracks th,
section.music-tracks td  {font-size:14px;padding:0px 3px;text-align:center;vertical-align:middle;}
section.music-tracks a.popUp  {font-size:10px; padding:0 3px; text-decoration:none;  color:#267A48;}
div.music-cat {margin:5px 0;padding:5px 15px;text-align:center;font-size:18px;line-height:1.3;
 background-color:#c8F354; background-image:url('../../img/bg-dl-cats.png');} /* background-repeat:repeat-x; background-position:center; */
div.music-cat h2 {margin:0;}
div.music-cat h3 {margin:10px auto 0 0;color:#666666;}
div.music-cat p  {margin:0;padding:0;color:#999999;}
div.music-cat a {font-size:14px;font-weight:bold;color:#999999;}  /*#267A48*/
/* all tracks */
div.all-tks  {}  /*height:26px;*/
div.all-tks p {text-align:center;   font-size:16px;font-weight:bold;}
div.get-all  {padding:5px 0;text-align:center; font-size:14px; font-weight:bold;background-color:#c8f354;line-height:1.2;}
  span.cat-name {font-size:14px; font-weight:bold; line-height:1}
  span.cat-get  {display:block; font-size:10px;}
div.btn-all     {margin:5px 0 0 0; padding:6px;}
/* tracks table */
table.tracks {width:95%; margin:10px 10px 0 10px ; }
th.playIt    {text-align:left;}
td.title     {width:auto; font-size:14px; padding:3px;}
td.playIt    {width:auto;  font-size:14px; padding:3px; vertical-align:bottom}
td.popUp     {width:auto;  font-size:14px; padding:3px; text-decoration:none; color:#267A48;}
td.length    {width:auto; font-size:14px; padding:3px;}
td.dLoad     {width:auto; font-size:14px; padding:1px; vertical-align:top;}
/* prices */
ul.price {list-style-type:none;padding:5px 0;}
ul.price li {padding:0;color:#000;line-height:1.4;text-align:center;font-size:12px;background:none;}
span.price  {padding-left:20px;}
/* notes */
div.notes {width:95%;margin:15px auto 10px auto;text-align:center;}
div.notes p {margin-bottom:10px;}
ul.links {list-style-type:none;margin-top:10px;}
ul.links li {display:inline;padding:0 10px;color:#000;line-height:1.5;text-align:center;background:none;}

/*Royalty-Free-License */
.license div.wrapper {width:630px;}
.license div.header  {width:630px;}
.license main        {width:630px;}
.license footer      {width:630px;}

/* sub-foot */
div.subfoot {width:auto; padding:0 45px 20px 45px; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:2;
 border-top: 1px solid #ececec;
 margin-left: 1px;
 margin-top: 1px;
 margin-bottom: 0px;
 background-color: #f9f9f9;
 -webkit-border-radius: 0px 0px 7px 7px;
 -moz-border-radius: 0px 0px 7px 7px;
 border-radius: 0px 0px 7px 7px;}
div.subfoot h2 {margin-top:10px;font-family:Georgia, serif;line-height:1.4;}
div.subfoot h2 span {font-size:10px;display:block}
div.subfoot h3 {margin-bottom:3px;font-family:Kreon,serif; color: #1d1d1d; font-weight:300; font-size: 18px;}

div.subfoot a {font-family:Arial,san-serif;color:#929292; text-decoration:none;}
div.subfoot p.tel {margin-top:0px;}
div.subfoot p.copyrt {margin-top:15px;}
div.sfoot1  {float:left; width:205px; margin:0 30px 0 0;}
div.sfoot2  {float:left; width:205px; margin:0 30px 0 0;}
div.sfoot3  {float:left; width:205px; margin:0 30px 0 0;}
div.sfoot4  {float:left; width:205px; margin:0; font-family:Georgia, serif; line-height:1.5; text-align:center;}

/* footer */
footer    { width:100% auto; margin:10px auto; padding:0; text-align: center;text-decoration:underline;}
footer a  { font-family:Kreon,serif; font-size:18px; font-weight:300; color:#3b3b3b;}
	      
/* buttons */
.btn {
  font-family: Georgia;
  color: #333333;
  font-size: 12px;
  line-height:1;
  text-decoration: none;
  padding: 3px 8px 4px 8px;
  border:1px;
  outline:none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;	
  background: #f3f3f3;
  background-image: -webkit-linear-gradient(top, #f3f3f3, #dedede);
  background-image: -moz-linear-gradient(top, #f3f3f3, #dedede);
  background-image: -ms-linear-gradient(top, #f3f3f3, #dedede);
  background-image: -o-linear-gradient(top, #f3f3f3, #dedede);
  background-image: linear-gradient(to bottom, #f3f3f3, #dedede);
}
/*
.btn:hover {
  color: #9f7019;
  background: #dedede;
  background-image: -webkit-linear-gradient(top,#dedede,#c3c3c3);
  background-image: -moz-linear-gradient(top,#dedede,#c3c3c3);
  background-image: -ms-linear-gradient(top,#dedede,#c3c3c3d);
  background-image: -o-linear-gradient(top,#dedede,#c3c3c3);
  background-image: linear-gradient(to bottom,#dedede,#c3c3c3);
}
*/
.btnIcon { 
border:none;
padding:0;
vertical-align: -40%;
box-shadow:none;
border:none;
}
.btnAside {
  padding: 3px 25px 4px 25px !important;}
.btnBig {
  padding: 6px 25px 5px 25px !important;}
.btnList {
  font-size: 11px;
  font-weight: bold;
  padding: 5px 5px 4px 5px;	
 -webkit-box-shadow: 3px 3px 3px #999999;
  -moz-box-shadow: 3px 3px 3px #999999;
  box-shadow: 3px 3px 3px #999999;	
  background: #ebd9be;
  background-image: -webkit-linear-gradient(top, #ebd9be, #d9c8b0);
  background-image: -moz-linear-gradient(top, #ebd9be,#d9c8b0);
  background-image: -ms-linear-gradient(top, #ebd9be, #d9c8b0);
  background-image: -o-linear-gradient(top,#ebd9be, #d9c8b0);
  background-image: linear-gradient(to bottom, #ebd9be, #d9c8b0);
}
.btnSearch {
  padding: 8px 11px 7px 5px;	
}
.btnPDCart {
  font-size: 11px;
  font-weight: bold;
  color:#000000 !important;
  padding: 3px 7px 3px 5px;  /*3px 11px 3px 5px*/	
 -webkit-box-shadow: 3px 3px 3px #999999;
  -moz-box-shadow: 3px 3px 3px #999999;
  box-shadow: 3px 3px 3px #999999;	
  background: #bad7db;
  background-image: -webkit-linear-gradient(top, #bad7db, #95b5ba);
  background-image: -moz-linear-gradient(top, #bad7db,#95b5ba);
  background-image: -ms-linear-gradient(top, #bad7db, #95b5ba);
  background-image: -o-linear-gradient(top,#bad7db, #95b5ba);
  background-image: linear-gradient(to bottom, #bad7db, #95b5ba);
}
.btnDLCart {
  font-size: 11px;
  font-weight: bold;
  color: #000000 !important;
  padding: 3px 5px;	
  -webkit-box-shadow: 3px 3px 3px #999999;
  -moz-box-shadow: 3px 3px 3px #999999;
  box-shadow: 3px 3px 3px #999999;	
  background: #d0e38c;
  background-image: -webkit-linear-gradient(top, #d0e38c, #98cb31);
  background-image: -moz-linear-gradient(top, #d0e38c,#98cb31);
  background-image: -ms-linear-gradient(top, #d0e38c, #98cb31);
  background-image: -o-linear-gradient(top,#d0e38c, #98cb31);
  background-image: linear-gradient(to bottom, #d0e38c, #98cb31);
}
.btnIconCart { 
padding:0;
vertical-align: -49%;
box-shadow:none;
border:none;
}
/* add to btnPDCart and btnIconCart */
.btnSearch {padding: 6px 20px 5px 14px;}
.iconClef {vertical-align: -66%;}

/* Mobile-Desktop Toggle Bars */
div.mobile-buttons{ width:100%; margin-bottom:10px;}
#escapeMobile, #returnMobile{
float: left;
width: 100%;
font-size: 30px;
letter-spacing: 2px;
color:#fff;
background-color: green;
text-align: center;
border: 1px solid black;
/*display: none; turn off mobile buttons */
}