/* To minimize this .css file, use: */
/*https://css.github.io/csso/csso.html*/
/* NOTE: You may want to uncheck the "Restructure" option if mmenu doens't work or it is blank! Also other strange CSS things could happen, watch for faded headers like the ones with ID or class "mainMenu_2025" */
/*or use the Google page speed tool*/
/* http://tools.w3clubs.com/cssmin/ */
/* BE CAREFUL because the above script alters some styles beginning #FFadd !! */
/* Otherwise use: http://csscompressor.com/ */
/* But be careful anyway because it removes @viewport definition below */

/* Version 3.1 (3-18-2015) for 3 styles for jQuery expert references... */
/* Version 4 (10-28-2015) for video lessons and new hybrid home page with Jssor slide */


/* This CSS is just for Category style pages */


@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}



/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:focus,
a:active,
a:hover {
    outline: none;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}



sup {
    top: -0.5em;
}





/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}



button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}



input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}



button,
select {
    text-transform: none;
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}





/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/* From MAIN_speed2.css */

/* --------------------------------- */
/* --- START menu.css           ---- */
/* --------------------------------- */


/* --------------------------------- */
/* --- START styles.css           ---- */
/* --------------------------------- */


/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 12px;

	padding:0 2px 0 2px;

	/* background:#fff url(/images/icons/notes8.jpg) left top repeat; */

	overflow-y: auto;/*Fixes possible rendering issues on iOS (5-5-2016)...*/
}

/* Pre-Wrapper for new background vertical gradient effect */
#prewrapper {
    margin: 0;
    padding-bottom: 10px;


}



h1, h2, h3, h4, h5, .newh4 {
	font-weight:bold;
	margin: 0px;
	padding: 0px;
}
form  {
	margin: 0px;
	padding: 0px;
}
input {
	font-size: 1em;
}
img {
	margin: 0px;
	padding: 0px;
	border: none;
}

em {
	font-size: 11px;
	color: #666666;
}



p {
	color: #666666;
}
ul, li {
	margin: 0px;
	padding: 0px;
}
ul {
	list-style-image: none;
	list-style-type: none;
}
li {
	list-style-image: none;
	list-style-type: none;
}
h1 {
	font-size: 36px;
	color: #666666;
}
h2 {
	font-size: 22px;
	color: #999999;
}
h3 {
	font-size: 18px;
}
h4, .newh4 {
	font-size: 14px;
}
h5 {
	font-size: 12px;
}

a, a:link {
	text-decoration: none;
	color: #3e62b0; /* 3e62b0 003399 */
}
a:visited {
	text-decoration: none;
	color: #a14ff3;/* 551a90 996633 */
}

#wrapper {
	/* width: 99%; */

    position: relative;
    margin: 0;
    background-color: #fff
}



#content, #breadcrumbs, #contentnwpr {
	position: relative;
}
#breadcrumbs {
	margin:12px 0 0 15px;
	text-align:left;
}






ul#topMenu {
	display: block;
	height: 26px;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	color: #c76c14;
	padding-top: 8px;
}
ul#topMenu   li,  ul#mainMenu li   {
	display: inline;
}
ul#topMenu li a {
	font-weight: bold;
	text-transform: uppercase;
	color: #c76c14;
	padding: 0px 1px;
}
ul#topMenu li a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
#mainMenu {
	height: 33px;
	text-align: center;
	display: block;
	width: 960px;
	margin: 0px auto;
}
ul#mainMenu li a {
	color: #FFFFFF;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 10px;
}
#searchMenu {
	text-align: center;
	height: 36px;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding-top: 9px;
	width: 75%; /* 680px */
	margin: 0px auto;
	/* border:1px solid #fff */


}

#searchForm .searchText {
	float: left;
	width: 13%;
	margin-top: 5px;
}
#searchForm .searchInput {
	width: 60%;
	float: left;
	height:1.7em;
	font-size:120%;
}

.searchInput, .searchInput2 {/*Global*/
	position:relative;
}

#searchForm .searchButton {
	float: left;
	width: 11%;
	text-align:left;

}
#searchForm .advancedSearch {
	float: left;
	width: 15%;
	font-size: 95%;
	margin-top: 5px;
	text-align: left;
}




#content {
	margin-top: 15px;
}

#mainColumn {
	float: left;
	min-width:566px;
	width: 98%;
	margin: 0px 1% 20px 1%;
}








input.Pass,input.User, input.newsletter  {
	width: 90%;
	border: 1px solid #CCCCCC;
	color: #000000;
	font-size: 12px;
	padding: 2px;
}



input.Pass {
	margin-top: 12px;
}

span.orangeTxt {
	font-size: 12px;
	color: #c76c14;
}



.FFgreyheader {
	color: #666;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: -0.04em;
	display: inline;
}
.FFextraheader {
	font-size: 110%;
	color:#666;
	font-weight:bold;
}


.FFgreysubheaderright {
	color: #999;
	font-size: 1.5em;
	font-weight: 600;
	letter-spacing: -0.05em;

}



.NEWsubscrbt {
	background-color:#3A589C;

	color:#fff;
	font-weight:bold;
	border-radius: 5px;
	border:1px solid #999;
	height:1.5em;
	padding-top:0;
}




.FFsalutation {
	float:left;
	margin: 10px 0 0 0;
	color: #c76c14;
	font-weight: bold;
}




/* .FFmainColumncss a, .FFmainColumncss a:link, .FFmainColumncss a:visited {
	text-decoration: underline;
} */

OL.regularlist, OL.regularlist LI {
	list-style-type: decimal;
	list-style-position: inside;
}



UL.regularlist LI, OL.regularlist LI {
	margin-top: 5px;
}





a.FFfixedlink:visited {
	color: #3e62b0;
}

.FFmainColumncss HR, hr.FFmainColumncssStyle {
	margin-bottom: 8px;
	padding: 0;
	border-bottom:1px solid #d9e3f6; /* d9e3f6 bbb */
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0;
	height:1px;
	display:block;

}

UL.regularlist, UL.regularlist LI {
	list-style-type: disc;
	list-style-position: inside;
}







.sendzip, .sendzipacco, .bodyintables, .features, .featuressmall, .normaltext, .normaltextsmall, .normaltextrightsmall, .normaltextleft, .normaltextleftsmall, .normaltextcentersmall, .normaltextright, .normaltextcenter, .smalllists, .normallists, .addeddate, .normaltextwarnings, .reviewstextsmall, .loggedtext, A.editfabriblu, .exclusive, A.exclusive, .retrieveit, .retrieveitscad {

	font-family: verdana, geneva, arial,helvetica,sans-serif;
}

.neroindex
{
    COLOR: black;
    TEXT-DECORATION: none

}



.barstitles
{
	font-family: Times New Roman, Times;
	font-size: 1.3em;
	font-weight: bold;
}



.smalllists
{

	font-size: 0.9em;

}



.tinyg { font-family: verdana, geneva,arial,helvetica,sans-serif; font-size: xx-small; color: #666666;text-decoration: none;}



.smallF { font-family: verdana, geneva,arial,helvetica,sans-serif; font-size: 0.8em; color: #444444;}



.downloadtabx
{
    COLOR: #333333;
    font-size: 1.4em;
     font-weight: bold;
	text-decoration: none;
}

.barstitlespiecessmall
{

	font-size: 1.1em;
	font-weight: bold;
}







.bodyintables
{


font-size: 1em;

}

.features
{

 font-size: 1em;

}






A.members:hover
{
    COLOR: #00AE05;

}





.medium, a.medium:link, a.medium:visited
{
    COLOR: #0066CC;
   TEXT-DECORATION: none
}

a.medium:hover
{
    COLOR: #3399CC;
	TEXT-DECORATION: underline
}





.veryeasy, a.veryeasy:link, a.veryeasy:visited
{
    COLOR: #006600;
   TEXT-DECORATION: none
}

a.veryeasy:hover
{
    COLOR: #3399CC;
	TEXT-DECORATION: underline
}





.easy, a.easy:link, a.easy:visited
{
    COLOR: #009900;
   TEXT-DECORATION: none
}

a.easy:hover
{
    COLOR: #3399CC;
	TEXT-DECORATION: underline
}





.high, a.high:link, a.high:visited
{
    COLOR: #FF3366;
   TEXT-DECORATION: none
}

a.high:hover
{
    COLOR: #3399CC;
	TEXT-DECORATION: underline
}





.featuressmall
{

 font-size: 0.9em;

}

.small { font-family: verdana, geneva,arial,helvetica,sans-serif; font-size: x-small; }





.tiny { font-family: verdana, geneva,arial,helvetica,sans-serif; font-size: xx-small; color: #4E699F;text-decoration: none;}



.buy,a.buy:link,a.buy:visited
{
    COLOR: #CD5363;
}

a.buy:hover {
	color: #3399CC;
}





.buy:visited
{
    COLOR: #993399;
}

.buymembers
{
    COLOR: #DE6474;


}





.normaltext
{

	font-size: 1em;
	COLOR: #222222;
	text-align: left;
}

.normaltextleftsmall
{

	font-size: 0.9em;
	COLOR: #222222;
	text-align: left;
}



.normaltextcentersmall
{

	font-size: 0.9em;
	COLOR: #222222;
	text-align: center;
}





.normaltextleft
{

	font-size: 1em;
	COLOR: #222222;
	text-align: left;
}

.multiiconsW {
	width: 120px;
	padding: 2px;
	text-align: center;

}



.normaltextright
{

	font-size: 1em;
	COLOR: #222222;
	text-align: right;
}



.normaltextcenter
{

	font-size: 1em;
	COLOR: #222222;
	text-align: center;
}

.reviewstextsmall
{

	font-size: 0.9em;
	COLOR: #777777;
	text-align: left;
}



.buymembersonly, a.buymembersonly:link, a.buymembersonly:visited
{
    COLOR: #DE6474;
	font-weight: bold;
}



a.greylightlink {
	color: #888;
	text-decoration: underline;
}





a.greylink {
	color: #555;
	text-decoration: underline;
}



a.greylink:hover, a.greylightlink:hover {
	color: #FF6600;
}



a.whitelink {
	color: #fff;
}



a.whitelink:hover {
	color: #FF6600;
}



.normalprice {
	color: #DE6474;
}



.grey {
	color:#555;
}

.lightgrey {
	color:#aaa;
}







.normallists
{

	font-size: 1em;

}

.fisso
{
	COLOR: #3e62b0;
}
.fisso:visited
{
	COLOR: #3e62b0;
}
.fisso:hover
{
	COLOR: #3399CC;
}


.azzurro,a.azzurro:link,a.azzurro:visited
{
	COLOR: #495EAA;
	font-weight: bold;
	TEXT-DECORATION: none
}

.retrieveit
{

	font-size: 1em;
	COLOR: #336600;
	text-align: center;
}



A.retrieveit
{

	TEXT-DECORATION: none;
}



A.retrieveit:hover
{


	COLOR: #FFCC00;
	text-align: center;
}



.navigation {
	COLOR: #777;
	text-decoration:none;
}



a.navigation:link, a.navigation:visited {
	COLOR: #777;
}

a.navigation:hover {
	COLOR: #FF6600;
	text-decoration:underline;
}





.bold, a.bold {
	font-weight:bold;
}


.FFinstrumentPP {
	font-size:1.6em;
	color: #000;
	margin:0 0 0 0.1em;
	padding:0;
	text-align:left;
}



.itemhighlightOFF {
	padding:10px 0 10px 0;
	display:block;
}



.itemhighlightOFFGREY {
	background-color: #f5f8ff;
	padding:10px 0 10px 0;
	display:block;
}



.itemhighlightOFF .titlelist, .itemhighlightOFFGREY .titlelist {
	font-size:120%;
	text-decoration:none;
	font-weight:bold
}







.downloadtabsul {
	font-weight: bold;
	line-height:1.4em;
}



.downloadtabsulright {
	float:right;
	width:260px;
}



.downloadtabsulleft {
	float:left;
	width:260px;
}



a.fixedlink, a.fixedlink:link, a.fixedlink:visited  {
	color: #495EAA;
}

a.fixedlinkdotted, a.fixedlinkdotted:link, a.fixedlinkdotted:visited  {
	color: #495EAA;
	text-decoration: none; border-bottom:1px dotted;

}





a.azzurro:hover, a.azzurroul:hover, a.azzurrodeac:hover, a.azzurrolight:hover {
	color: #3399CC;
}

.exclusive
{

	font-size: 0.8em;
	COLOR: #9E8C03;
	text-align: right;
        TEXT-DECORATION: none
}

.FFpricePP {
	color: #c2707b;/* DE6474 */
	font-size:1.5em;
	font-weight:bold;
	padding:0;
	margin:0;
}



.FFpricePPfree {
	color: #077533;
	font-size:1.3em;
	font-weight:bold;
	padding:0;
	margin:0;
}



.FFjoinPP {
	color:#336600;
	font-weight:bold;
	font-size:1em;
	margin:0.2em 0 0.5em 0!important;
}





A.exclusive
{

	font-size: 0.8em;
	COLOR: #9E8C03;
	text-align: right;
        TEXT-DECORATION: none
}



A.exclusive:hover
{

	COLOR: #FF9900;

}





hr.lists {
	padding:0;
	margin:0;
	border-bottom:1px solid #bbb;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0;
	height:1px;
	display:block;
}



.red {
	color: red;
}







a.fixedlink:hover  {
  color: #ff7d14;
}

.italic {
	font-style: italic;
}








img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#prevFreeSheetMusic {
	float: left;
	width: 100%;
	margin-top: 30px;
	background-color: #fff;
	border:1px solid #e8e8e8;
	border-radius: 5px;
	padding-bottom:12px;
}



#prevFreeSheetMusic h4 {
	text-align: center;
	padding-top: 12px;
}



.roundedL {
	background-image: url(//cdn3.virtualsheetmusic.com/images/newdesign/pages/free/images/roundedL.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
}



.roundedR {
	background-image: url(//cdn3.virtualsheetmusic.com/images/newdesign/pages/free/images/roundedR.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 40px;
}



.roundedRpt {
	background-image: url(//cdn3.virtualsheetmusic.com/images/newdesign/pages/free/images/roundedRpt.gif);
	background-repeat: repeat-x;
}



.roundedBL {
	background-image: url(//cdn3.virtualsheetmusic.com/images/newdesign/pages/free/images/roundedLBL.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
}



.roundenBR {
	background-image: url(//cdn3.virtualsheetmusic.com/images/newdesign/pages/free/images/roundedLBR.gif);
	background-repeat: no-repeat;
	background-position: right top;
}



.borderBlueB {
	background-image: url(//cdn3.virtualsheetmusic.com/images/newdesign/pages/free/images/roundeddot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}



.borderBlueRBRboth {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #bccef6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bccef6;
}



.roundedL h4 {
	text-shadow: #fff 1px 1px 1px;
}



#benefits {
	margin-top: 5px;
}

.BTLeft {
	background-image: url(//cdn3.virtualsheetmusic.com/images/newdesign/newunlimited/BTLBg.gif);
	background-repeat: no-repeat;
	height: 60px;
	background-position: left;
}



.BTMiddle {
	background-image: url(//cdn3.virtualsheetmusic.com/images/newdesign/newunlimited/BTMBg.gif);
	background-repeat: repeat-x;
}



.BTRight {
	background-image: url(//cdn3.virtualsheetmusic.com/images/newdesign/newunlimited/BTRBg.gif);
	background-repeat: no-repeat;
	height: 60px;
	background-position: right;
}



.BMLeft {
	background-image: url(//cdn3.virtualsheetmusic.com/images/newdesign/newunlimited/BMLBg.gif);
	background-repeat: repeat-y;
	background-position: left;
}



.BMRight {
	background-image: url(//cdn3.virtualsheetmusic.com/images/newdesign/newunlimited/BMRBg.gif);
	background-repeat: repeat-y;
	background-position: right;
}



.BMMiddle {
	background-color: #f4f4f4;
}



.BMRight div {
	text-align: left;
	padding: 20px 30px 0px 20px;
}



.BTRight h4 {
	display: block;
	font-size: 18px;
	color: #172f86;
	padding-top: 20px;
}



.BBMiddle {
	background-image: url(//cdn3.virtualsheetmusic.com/images/newdesign/newunlimited/BBMBg.gif);
	background-repeat: repeat-x;
	height: 27px;
}



.BBLeft {
	background-image: url(//cdn3.virtualsheetmusic.com/images/newdesign/newunlimited/BBLBg.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 27px;
}



.BBRight {
	background-image: url(//cdn3.virtualsheetmusic.com/images/newdesign/newunlimited/BBRBg.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 27px;
}





.DMiddle {
	height: 73px;
	margin-top: 10px;
	background-color: #dee6f9;
}



.DLeft {
	background-image: url(//cdn3.virtualsheetmusic.com/images/newdesign/newunlimited/DLBg.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 73px;
}



.DRight {
	background-image: url(//cdn3.virtualsheetmusic.com/images/newdesign/newunlimited/DRBg.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 73px;
}



.DButton {

	padding: 17px 15px;
	text-align: left;
}



.DDesc {
	margin-top: 15px;
	width: 100%;
	text-align: left;
}



.DDesc p {
	margin: 0px;
	color: #333333;
}



.genericframe {
	border:10px solid #CBCDFF;
	border-radius: 5px;
	padding:10px;
}

a.ATtitle:link, a.ATtitle:visited {
	color:#495EAA;
	font-weight:bold;
	font-size:120%;
	text-decoration: none;
}

a.smallgreylink, a.smallgreylink:visited {
	font-size: 80%;
	color:#777;
}





a.ATsubtitleitem:hover, a.ATtitle:hover, a.smallgreylink:hover {
	color:#FF6600;
}





#Search2H2 {
	display:block;margin: 0px; padding: 0px; display: block; font: 14px Arial, Sans-serif; color: #939393; font-style: italic; z-index: 998; position: absolute; top: 4px; left: 13px;
}

#TranscriptTabContent p {
	color:#222;
	font-size:110%;
}



.replyline {
	font-size:85%;
	font-style:normal;
	margin-top:5px;
	border-bottom:1px solid #eee;

	padding-bottom:5px;
	/*display:none;*/

}



.replyline a {
	color:#999;
	font-weight:bold;
}

.replyline a:hover {
	color: #3e62b0;
}





.replybox {
	font-size:85%;
	font-style:normal;

}

.replythankyou {
	color:#fff;
	background-color: #339933;
	font-weight:bold;
	font-size:100%;
	padding:5px;
	margin-top:5px;
}





.shadowsmallicon_vsm {
	box-shadow: 3px 3px 5px #bbb;
	width: 54px;
	height: 77px;
	margin-right:15px;
	float:left;
}

/*
.shadowsmallicon_vsm {
	background: transparent url(//cdn3.virtualsheetmusic.com/images/icons/sprites/test4/CanvasNorepeat.png) no-repeat  0 0;
	width: 60px;
	height: 84px;
	float:left;
	margin-right:5px;

}
*/

.shadowsmallicon_hl1, .shadowsmallicon_al1, .shadowsmallicon_sq {
	background-color: #f9f9fd;
	background-size: 12px 12px;
	background-image:  repeating-linear-gradient(0deg, #dbdbdb, #dbdbdb 0.6000000000000001px, #f9f9fd 0.6000000000000001px, #f9f9fd);
	border:1px solid #eee;
	box-shadow: 3px 3px 5px #bbb;
	width: 54px;
	height: 77px;
	margin-right:15px;
	float:left;
}

.shadowsmallicon_PR {
	background-color: #F9F9FD;
	background-size: 12px 12px;
	background-image:  repeating-linear-gradient(0deg, #dedede, #dedede 0.6000000000000001px, #f9f9fd 0.6000000000000001px, #f9f9fd);
	width: 173px;
	height: 245px;
	text-align:left;
	border:1px solid #eee;
	box-shadow: 3px 3px 5px #bbb;

}

.shadowsmallicon_reccPR {
	background-color: #f9f9fd;
	background-size: 12px 12px;
	background-image:  repeating-linear-gradient(0deg, #dbdbdb, #dbdbdb 0.6000000000000001px, #f9f9fd 0.6000000000000001px, #f9f9fd);
	border:1px solid #eee;
	box-shadow: 3px 3px 5px #bbb;
	padding:5px 5px 6px 4px
}



.recordiconpd {
	padding:7px 3px;
}

.recordiconpdsq {
	padding:14px 3px;
}






.topbnswd {
	width:558px;
}



.topbnswd548 {
	width:548px;
}



/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('//cdn3.virtualsheetmusic.com/vc/js/extras/fancybox2/fancybox_sprite.png')!important;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('//cdn3.virtualsheetmusic.com/vc/js/extras/fancybox2/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('//cdn3.virtualsheetmusic.com/vc/js/extras/fancybox2/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('//cdn3.virtualsheetmusic.com/vc/js/extras/fancybox2/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('//cdn3.virtualsheetmusic.com/vc/js/extras/fancybox2/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('//cdn3.virtualsheetmusic.com/vc/js/extras/fancybox2/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* From Mmenu demo.css */

nav:not(.mm-menu)
{
	display: none;
}


.header {
    text-align: center;
    /* background: rgba(77, 109, 177, 0.95) url('//cdn3.virtualsheetmusic.com/images/gradients/tui4revlogo3.png') no-repeat right top; */

	/* background: linear-gradient(to right, rgba(77, 109, 177, 0.95) 0px, rgba(77, 109, 177, 0.95) 800px, #fff 800px) no-repeat right top; rgb(56, 84, 151) 77, 109, 177*/

	background: linear-gradient(to left, rgba(255, 255, 255, 0.85) 0px, rgba(255, 255, 255, 0.85) 75px, rgba(77, 109, 177, 0.85) 180px, rgba(56, 84, 151, 0.95) 300px);

    /* border-bottom: 1px solid #aaa; */
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 50px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 0 0 0 50px;
    box-shadow: 1px 1px 9px #666;
    position: fixed;
    top: 0;
    transform: none;
    z-index: 10000;

	/* Add blur effect */
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}
.header a#respmenu {
    background: center center no-repeat;






    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 25 25'%3E%3Cpath d='M3 3h19v3H3V2zm0 7h19v3H3v-2zm0 7h19v3H3v-2z' fill='%23ffffff'/%3E%3C/svg%3E");






    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 7px
}



/* From Mmenu jquery.mmenu.all.css */

/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu panels CSS
*/
.mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }

.mm-menu .mm-hidden {
  display: none; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu,
.mm-menu > .mm-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }

.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0; }
  .mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 20px;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
    .mm-menu > .mm-panel.mm-opened {
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%); }
    .mm-menu > .mm-panel.mm-subopened {
      -webkit-transform: translateX(-30%);
      -moz-transform: translateX(-30%);
      -ms-transform: translateX(-30%);
      -o-transform: translateX(-30%);
      transform: translateX(-30%); }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }
  .mm-menu .mm-list {
    padding: 20px 0; }
  .mm-menu > .mm-list {
    padding-bottom: 0; }
    .mm-menu > .mm-list:after {
      content: '';
      display: block;
      height: 40px; }

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px; }
  .mm-panel > .mm-list:first-child {
    padding-top: 0; }

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-list {
  font: inherit;
  font-size: 1.2em; }
  .mm-list a,
  .mm-list a:hover {
    text-decoration: none; }
  .mm-list > li {
    position: relative; }
    .mm-list > li > a,
    .mm-list > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      line-height: 20px;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    width: auto;
    margin-left: 20px;
    position: relative;
    left: auto; }
  .mm-list a.mm-subopen {
    background: rgba(3, 2, 1, 0);
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
    .mm-list a.mm-subopen:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen {
      width: 100%; }
      .mm-list a.mm-subopen.mm-fullsubopen:before {
        border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span {
      padding-right: 5px;
      margin-right: 40px; }
  .mm-list > li.mm-selected > a.mm-subopen {
    background: transparent; }
  .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0; }
  .mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px; }
  .mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px; }
  .mm-list > li.mm-spacer {
    padding-top: 40px; }
    .mm-list > li.mm-spacer.mm-label {
      padding-top: 25px; }
  .mm-list a.mm-subopen:after,
  .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%; }
  .mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px; }
  .mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block; }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen {
  height: 40px; }
  .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
    top: 16px;
    bottom: auto; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen {
  height: 25px; }

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);

}


.mm-menu {
  background: #333333;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1); }
  .mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  box-sizing: border-box;
  position: relative;
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened {
  overflow: hidden;
  position: relative; }
  html.mm-opened body {
    overflow: hidden; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed; }
.mm-menu.mm-current {
  display: block; }

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-page,
html.mm-opening #mm-blocker {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0); } }


/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }





/* From Mmenu jquery.mmenu.searchfield.css */






/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
  box-sizing: border-box; }

.mm-list > li.mm-search {
  padding: 10px;
  margin-top: -20px; }
.mm-list > li.mm-subtitle + li.mm-search {
  margin-top: 0; }

div.mm-panel > div.mm-search {
  padding: 0 0 10px 0; }

.mm-menu.mm-hasheader .mm-list > li.mm-search {
  margin-top: 0; }

.mm-menu > .mm-search {
  background: inherit;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; }

.mm-search {
  padding: 10px; }
  .mm-search input {
    border: none;
    border-radius: 30px;
    font: inherit;
    font-size: 14px;
    line-height: 30px;
    outline: none;
    display: block;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 10px; }
  .mm-search input::-ms-clear {
    display: none; }

/* This below added by Fabrizio on 8-1-207 because Chrome didn't set the right color! */
.mm-search input::placeholder {
	color:#bbb;
}

.mm-menu .mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  display: none;
  padding: 60px 0; }
  .mm-menu .mm-noresultsmsg:after {
    border: none !important; }

.mm-noresults .mm-noresultsmsg {
  display: block; }

.mm-menu li.mm-nosubresults > a.mm-subopen {
  display: none; }
  .mm-menu li.mm-nosubresults > a.mm-subopen + a,
  .mm-menu li.mm-nosubresults > a.mm-subopen + span {
    padding-right: 10px; }
.mm-menu.mm-hassearch > .mm-panel {
  padding-top: 70px; }
  .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child {
    margin-top: -20px; }
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child {
  margin-top: -10px; }
  .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list {
    padding-top: 0; }

.mm-menu .mm-search input {
  background-color: #eee;
  color:#333;


/*
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6);
 */

  }
.mm-menu .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3); }





/* From Responsive (redundancies have been left because consolidation created issues) */

#menumobheader {
	display: none;
}

#prewrapper {
	padding:0;
}

/* #wrapper {
	padding:0 0 10px 0;
} */

#commentbox {
	font-size:110%;
	overflow:hidden;
}



#commentbox a {
	word-break: break-all;
}



#fbloginprebtn {
	float:left;
	color:#666;
	font-size:90%;
}



#fbloginbtn {
	float:left;
}




.ppvplayer {
	background-color: black;
}



.resetbt {
	margin-top:5px
}





#unloutbox {
	width:558px;
}



.BTLeftFF {

	height: auto;
	padding-bottom:18px;

}



.BTMiddleFF {
	background-color: #f4f4f4;
	border-bottom:1px solid #bbb;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}



.BTRightFF {

	height: auto;

}



.BMMiddleFF {
	background-color: #FFFFEB;
}



.BMRightFF div {
	text-align: left;

	padding: 10px 10px 0 0;

	/*padding: 20px 30px 0px 20px;*/
}



.BMRightFF div ul li.BMHead {

	padding-left: 20px;
	display: block;
	height: 15px;
}



.BMRightFF div ul li.BMHead {
	font-weight: bold;
	font-size: 120%;
	color: #172f86;
}



.BMRightFF div ul li.BMDesc {
	font-size: 110%;
	color: #333333;
	display: block;
	margin-left: 20px;
	padding-bottom: 15px;
	padding-top: 5px;

}



.BTRightFF h4 {
	display: block;
	font-size: 140%;
	color: #172f86;
	padding-top: 20px;
}



.BBMiddleFF {
	background-color: #FFFFEB;
	height: 27px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}



.BBLeftFF {

	height: 27px;
}



.BBRightFF {

	height: 27px;
}



.BMRight div ul li.BMHead, .BMRightFF div ul li.BMHead {
	height:100%;
}



#benefitsinner {
	margin:20px 0;
	border:1px solid #bbb;
	border-radius:5px;
	/*box-shadow: 0 0 10px #888;*/
}



.MBDboxes {
	background-color:#eaf0ff;
	width:80%;
	border-radius:5px;
	margin:20px auto 20px auto;
	padding:0;
	box-shadow: 0 0 10px #888;


}



#FFtopleftPP {
	margin:0;
	padding:0;
	text-align:left;
	/*border:1px solid orange;*/
}



.dwntblylw {
	width:100%;
}

.videoiconlists, .videoiconlists2 {
	width: 64px;
	height: 84px;
	float:left;
	margin-right:5px;
}



.videoiconlists img, .videoiconlists2 img {
	border:1px solid #bbb;
	box-shadow: 2px 2px 2px #bbb;
	border-radius: 2px;
	background:black url(//cdn3.virtualsheetmusic.com/images/backgrounds/film-14.jpg) repeat left top;
	padding:10px 0
}




#FFgreyheaderRESPout {
	text-align:center;
	background-color:#f4f7fd;/*f4f7fd*/
	font-size:80%;
	border-top:1px solid #BCCEF6;
	border-bottom:1px solid #BCCEF6;
	padding:10px;
	margin-bottom:10px;
	display:none;
}

#unsubpage {
	font-size:120%;
	/* border:10px solid #EEEEDA; */
	padding:20px;
	margin:0 20px 0 20px;
}



#subpage {
	font-size:120%;
	border:10px solid #EEEEDA;
	padding:15px;
	margin:0 20px 0 20px;
}



#subpage #focus {
	width:300px;
}



.videolisticn {
	float:left;
	width:242px;
	margin-right:20px;
	min-height:200px;
}



.videolistdscr {
	padding:20px 20px 20px 0;
	text-align:left;
	margin-left:20px;

}



.clipdescr {
	margin:40px 0 0 250px;
	padding:10px;
	border:1px solid #999;
	background-color:#ffffeb
}



.clipvideo {
	float:left;
	margin-bottom:50px;
}


/* New Audio Player October 2017 */

#audiocontainer, .audiocontainer
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.audioplayer
{
	height: 1.5em; /* 40 */
	color: #fff;
	background: #7b97d3;/* #333 */
	position: relative;
	z-index: 1;
	border-radius: 5px;
	font-size:0.8em;
	/*overflow:hidden;*/
	/*margin-bottom:-3px;*/
}

	/* fallback case (read Adaptiveness chapter) */
	.audioplayer-mini
	{
		width: 2.5em; /* 40 */
		margin: 0 auto;
	}

.audioplayer > div
	{
		position: absolute;
	}


/* Stop/Close button Fabrizio 4/14/20, 9:06 AM */

	.audioplayer-stop
{
	width: 2.1em; /* 40 */
	height: 100%;
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 0;
	left: 0;
}
	.audioplayer-mini .audioplayer-stop
	{
		width: 100%;
	}
	.audioplayer-stop:hover,
	.audioplayer-stop:focus
	{
		background-color: #f08f35;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.audioplayer-stop a
	{
		display: block;
	}


	/* "stop" icon when audio is not being played - Fabrizio 4/14/20, 9:04 AM */
	.audioplayer .audioplayer-stop a
	{
		position: absolute;
    	left:0.4em;
    	width:2.1em;
    	height:1.4em;
    	background: transparent url(//cdn3.virtualsheetmusic.com/images/icons/icons8-multiply.svg) center left no-repeat;


	}



	/*From beginning button, Fabrizio 4/15/20, 8:05 AM */
	.audioplayer-beginning
{
	width: 2.1em; /* 40 */
	height: 100%;
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 0;
	left: 2.1em;
	border-left:1px solid #bfcff1;
}
	.audioplayer-mini .audioplayer-beginning
	{
		width: 100%;
	}
	.audioplayer-beginning:hover,
	.audioplayer-beginning:focus
	{
		background-color: #f08f35;
	}
	.audioplayer-beginning a
	{
		display: block;
	}

	/* "beginning" icon  */


	.audioplayer .audioplayer-beginning a
	{
		position: absolute;
    	left:0.25em;
    	width:2em;
    	height:1.4em;
    	background: transparent url(//cdn3.virtualsheetmusic.com/images/icons/icons8-skip_to_start.svg) center left no-repeat;

	}



	/*Play button...*/
.audioplayer-playpause
{
	width: 2.1em; /* 40 */
	height: 100%;
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 0;
	left: 4.2em;
	border-left:1px solid #bfcff1;
	border-right: 1px solid #bfcff1;
}

.audioplayer-mini .audioplayer-playpause
	{
		width: 100%;
	}

.audioplayer-playpause:hover,
	.audioplayer-playpause:focus
	{
		background-color: #f08f35;
	}



.audioplayer-playpause a
	{
		display: block;
	}



/* "play" icon when audio is not being played */
	.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a
	{
		position: absolute;
    	left:0.5em;
    	width:1.1em;
    	height:1.4em;
    	background: transparent url(//cdn3.virtualsheetmusic.com/images/icons/icons8-play.svg) center left no-repeat;
	}

	/*
	.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a
	{
		width: 0;
		height: 0;
		border: 0.5em solid transparent;
		border-right: none;
		border-left-color: #fff;
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -0.5em 0 0 -0.25em;
	}
	*/


/* "pause" icon when audio is being played */
.audioplayer-playing .audioplayer-playpause a
	{
		width: 0.75em; /* 12 */
		height: 0.75em; /* 12 */
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -0.375em 0 0 -0.375em; /* 6 */
	}



.audioplayer-playing .audioplayer-playpause a:before,
		.audioplayer-playing .audioplayer-playpause a:after
		{
			width: 40%;
			height: 100%;
			background-color: #fff;
			content: '';
			position: absolute;
			top: 0;
		}



.audioplayer-playing .audioplayer-playpause a:before
		{
			left: 0;
		}



.audioplayer-playing .audioplayer-playpause a:after
		{
			right: 0;
		}

/* Speed control Fabrizio 4/20/20, 7:57 AM */

	.audioplayer-speed
{
	width: 2.1em;
	height: 100%;
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 0;
	right: 0;
	border-left:1px solid #bfcff1;
}
	.audioplayer-mini .audioplayer-speed
	{
		width: 100%;
	}
	.audioplayer-speed:hover,
	.audioplayer-speed:focus
	{
		background-color: #f08f35;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	.audioplayer-speed a
	{
		display: block;
	}
	/* Speed Control icon */
	.audioplayer .audioplayer-speed a
	{
		position: absolute;
    	left:0.2em;
    	width:2em;
    	height:1.4em;
    	background: transparent url(//cdn3.virtualsheetmusic.com/images/icons/icons8-quick_mode_on-WT.svg) center left no-repeat;

	}

	.audioplayer-speed-adjust
	{
		width: 6.5em;
		height: 7em; /* 100 */
		line-height:1.5em;
		cursor: default;
		position: absolute;
		right: 0;
		top: auto;/* -6.2em  */
		bottom: 100%;
		background: #7b97d3;/*bfcff1*/
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		text-indent:0;
		display:none;

	}

		/*
		.audioplayer-speed:not(:hover) .audioplayer-speed-adjust
		{
			opacity: 0;
		}

		.audioplayer-speed:hover .audioplayer-speed-adjust
		{
			top: auto;
			bottom: 100%;
		}
		*/


		.audioplayer-speed-adjust .spct
		{
			width: 90%;
			height: 63%;
			background-color: #555;
			cursor: pointer;
			position: relative;
			z-index: 1;
			margin: 4% auto 0 auto;
		}

		.spdis {
			text-align:center;
			margin-top:0.4em;
			font-size:110%;
		}

		.audioplayer-speed-adjust div div
		{
			font-size:90%;
			border-bottom:1px solid #aaa;
			padding:0 0.2em;
			-webkit-touch-callout: none; /* iOS Safari */
    		-webkit-user-select: none; /* Safari */
     		-khtml-user-select: none; /* Konqueror HTML */
       		-moz-user-select: none; /* Old versions of Firefox */
        	-ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;

		}

		.audioplayer-speed-adjust div div:last-child
		{
			border-bottom: none;

		}

		.audioplayer-speed-adjust div div:hover
		{
			background-color: #f08f35;
		}

		/* ############ */

.audioplayer-time
{
	width: 3.375em; /* 70 */
	height: 100%;
	line-height: 1.5em; /* 40 */
	text-align: center;
	z-index: 2;
	top: 0;
	font-size:90%;
}



.audioplayer-time-current
	{
		left: 7.1em; /* Fabrizio new player 4/14/20, 8:57 AM */
		top:0.1em;
	}



.audioplayer-time-duration
	{
		right: 2.3em; /* 40 */
		top:0.1em;
	}



.audioplayer-bar
{
	height: 0.875em; /* 14 */
	background-color: #222;
	cursor: pointer;
	z-index: 1;
	top: 50%;
	right: 5em; /* 110 */
	left: 9.4em; /* Fabrizio New Player 4/14/20, 8:53 AM */
	margin-top: -0.438em; /* 7 */
}



.audioplayer-bar div
	{
		width: 0;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}



.audioplayer-bar-loaded
	{
		background-color: #555;
		z-index: 1;
	}



.audioplayer-bar-played
	{
		background: #f08f35;/*#007fd1 #d33b3b*/
		z-index: 2;
	}




.flashplNEWD {
	width:170px;
	max-width:170px;
	display:table-cell;
	/*border:1px solid blue;*/
	vertical-align:middle;
	padding-top:1px;

}

.flashplNEWDNP2 {
	width:50%!important;
	min-width:50%!important;
	max-width:50%!important;
}


.flashplNEW {
	background: transparent url(//cdn3.virtualsheetmusic.com/images/pushes/flashplNEW.png) top left no-repeat;
	display:block;
	height: 14px;
}



.flashplNEW:hover {
	background: transparent url(//cdn3.virtualsheetmusic.com/images/pushes/flashplNEWhover.png) top left no-repeat!important;
	text-decoration:none!important;

}



.audiopl {
	display:none;
}



.flashpltcNEW {
	display:table-cell;
	/*border:1px solid red;*/
	vertical-align:middle;
	text-align:left;
}

.flashpltcNEWNP {
	font-size:120%;
	padding:1em 0;
	width:100%;
}





.flashpltcNEWIT {
	width:auto;
}



.flashpltcspc {
	display:table-cell;
	width:10px;
}



.table {
	display:table;
}



.tr {
	display:table-row;
}



.td {
	display:table-cell;
}



.tba {
	border-collapse:collapse;
}



.tra {
	text-align:left;
	height:26px;
}



.tda {
	/*border:1px solid green;*/
	text-align:left;
	vertical-align:middle;
}



.tdfs {
	width:10px;
	min-width:10px;
}



.ProdAudioFilesIT {
	width:auto;
}

.ProdAudioFilesITNP {
	width:100%!important;
}





#HMmaintbl {
	width:769px;
}



.HMclmn {
	float:left;
	width:33%;
}



.HMbt {
	height:30px;
}



.HMdesc {
	height:150px;
	text-align:justify;
	font-size:110%;
	padding:0;
	margin:0 10px 10px 10px;
	vertical-align:top;
	color:#222;

}



.HMdescbl {
	background-color:#C2D5FF;
	margin:0;
	padding:10px;
	color:#222;
}



#contactform {
	border:1px solid #efefef;
	background-color:#dadbff;
	padding:20px
}



.expindximg {
	float:left;
	width:35%;
	margin-top:26px;
}



.expindxdescAB {
	padding:20px;
	text-align:left;
	float:right;
	width:55%;
}



.ipadappLC {
	float:left;
	text-align:center;
	width:40%
}



.ipadappRC {
	float:right;
	width:60%;
}




.receipttitles558, .receipttitles820 {
	display:none;
}



#receiptmaintable {
	/* width:500px; */
	margin:40px auto 20px auto;
}



.freernd, .newrnd {
	border-radius:8px;
	display:inline-block;
	font-size:0.8em;
	color:#fff;
	padding:2px 5px;
	margin-top:5px;
}



.newrnd {
	background-color:#C76C14;
}





.catindxsec {
	clear:both;
	text-align:right;
}

.topbnswdalt, .topbnswdalt2 {
	width:658px;
}

.skillhover:hover {
	-ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Safari */
    transform: scale(1.1,1.1);

}





.catindxthird {
	clear:both;
}





.downloadtabsul2 {
	font-weight: bold;
	line-height:1.4em;
	margin-bottom:1em;
}

#lookingfordivin {
	float:left;
	text-align:left;
	width:85%;

}



#helpsmimg {
	float:right;

}



.supportopicslistcl {
	float:left;
	text-align:left;
	width:33%;
}



.supportopicslistcl ul li {
	line-height:2em;
}





.downloadtabsulnb, downloadtabsul2nb {
	line-height:1.4em;
	margin-bottom:1em;
}



.flexhbar {
	text-align:left;

	padding:7px 0 0 0;
	font-weight:bold;
	text-transform: uppercase;
	color: #5657AF;
}



.flexhbar h4 {
	font-size:100%;
	line-height:1em;
	color: #5657AF;
}



.badge
{
width:16px;
height:16px;
line-height:16px;
border-radius:50%;
font-size:16px;
color:#fff;
text-align:center;
background:red;
position:absolute;
top:7px;
left:111px;/* 68px */
}

.badgelg
{
width:20px;
height:20px;
line-height:20px;
border-radius:50%;
font-size:16px;
color:#fff;
text-align:center;
background:red;
position:absolute;
top:7px;
left:109px;
}

.badge a, .badgelg a, .badge a:visited, .badgelg a:visited, .badge a:hover, .badgelg a:hover {
	color:white;
	text-decoration:none;
}

.FFgreyheaderRESP {
	display:inline;
	font-size:220%;
}





.carttableRESP {
	display:table;
	margin:20px 0 10px 0;
}



.carttabletrRESP {
	display:table-row;
}



.carttabletdRESP, .carttabletdspRESP, .carttabletdsp2RESP, .carttabletdsp3RESP {
	display:table-cell;
}



.carttabletdspRESP {
	padding-left:55px;

}

.carttabletdsp3RESP {
	padding-left:35px;

}



#expframestable {
	border:2px solid #eee;
	padding:20px;
	width:100%;
}



.RESPtable780 {
	display:table;
	width:100%;
}



.RESPtr780 {
	display:table-row;
}



.RESPtd780 {
	display:table-cell;
}

.RESPAirTurnTbl {
	margin-top: 15px;
}



.RESPAirTurnTd {
	vertical-align:top;
	text-align:center;
}



.RESPAirTurnTd1 {
	width:250px;
	margin:0 auto;
}



#RESPAirTurnShare {
	width:270px;
}



a.ATsubtitleitem:link, a.ATsubtitleitem:visited {
	font-style:italic;
	color:#555;
}





#MainAdvSrchTbl {
	border-radius:3%;
	padding:5px;
}



.MainAdvSrchTblInp {
	width:100%;
}



.RESPfloatleftno558, .RESPfloatleftno780 {
	float:left;
}




.chkout4checkformtable {
	width:540px;
	border:3px solid #5A60A4;
}



#checkout2main {
	max-width:700px;
}



.carttabletdsp2RESP {
	padding-left:105px;
}



#ckoutifm {
	text-align:right;
	margin-right:27px;

}



#sealsckoutRESP {
	display:table;
}



#sealsckouttrRESP {
	display:table-row;
}



#sealsckouttdRESP, .sealsckouttdRESP {
	display:table-cell;
	vertical-align:middle;
	width:175px;
	text-align:center;
}

.NEWHOMEh1gr {
	color:#777;
	text-align:left;
	font-weight:normal;
	font-size:2.5em;
	margin-top:30px;
}



#chkout4tbl {
	width:610px
}



#ckout4cardform tr td input:not(.ckout4norsz)  {
	width:150px;
}

#ckout4cardform tr td input {
	border-radius:5px;
	border:1px solid #aaa;
	padding:5px;
}

input, textarea, select {
	border-radius: 5px;
	border: 1px solid #aaa;
	padding: 5px;
}

#ckout4cardform tr td {
	padding:5px;
}

.hrTop {
	border-top:1px solid #D9E3F6;
	padding-top:15px!important;
}

.hrTopPdBtm {
	border-top:1px solid #D9E3F6;
	padding-top:15px!important;
	padding-bottom:15px!important;
}

.ckout4formflds br {
	margin-bottom:10px;
	display:block;
}

.frmRowSpc {
	height:5px;
}

#box {
	width: 400px;
	height: auto;
	background: #FFF;
	border: 10px solid #D5E1FF;
	text-align: center;
	position: fixed;
	margin-left: -224px;
	margin-top: -75px;
	left: 50%;
	top: 30%;
	z-index: 20001;
	display: none;
	font-size:120%;
	padding:30px 10px 10px 10px;
	border-radius: 15px;
}



#screen
{
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	z-index: 20000;

}





.usdollars, .ifbuymemb {
	color:#555;
}



#choutinpbtn1, #choutinpbtn1bis, .showRESPfulland558 {
	display:block;
}



#choutinpbtn2, #choutinpbtn2bis {
	display:none;
}

.RESPshpformpd {
	padding:5px;
}



#RESPshpfromtbl {
	border:3px solid #5A60A4;
}



#RESPshpfromtblinner {
	padding:10px
}



#MbGiftConfBox {
	width:500px;
}



.RESPgreyframe {
	border:1px solid #D9E3F6;
	padding:10px;
	border-radius: 5px;
	background-color:#efefef;
}



.RESPsepbar558 {
	display:none;
}



#chkout3table {
	width:360px;
}


/* Control Panel */

.RESPfloatleftno558, .RESPfloatleftno780 {
	float:left;
}

.RESPfloatrightno558, .RESPfloatrightno780 {
	float:right;
}


/*
#controlpanelbtsnbox {
	width:350px;
} */

.panelrgtbtn {
	margin-left:10px;
}

.panelrowtbtn {
	margin-top:10px;
}

#panellgoutbtn {
	margin-top:10px;
}

#panelmaintable, #panelmaintable2 {

	padding:5px;
}



.ckoutbrd {
	border:5px solid #5A60A4;/* B5C7EE */
	width:100%;
	border-radius:10px;
	/* box-shadow: 1px 1px 10px #bbb; */
	box-sizing: border-box;
	padding:2px;
}

/* .ckoutbrd.ckoutbrdMBbrd {
	border:5px solid #5A60A4;
} */

/* .ckoutbrdMB {
	border-radius:10px;padding:20px;background: linear-gradient(to bottom right,#6262a5 0,#3d5ba2 50%,#283d6d 100%);box-sizing:border-box;color:#fff;
	font-weight:bold;
}

.ckoutbrdMB .normaltextcenter, .ckoutbrdMB .normaltextright, .ckoutbrdMB .normaltextleft {
	color:#fff;
} */


.ckoutbrdMB {
	border:5px solid #5A60A4;
	border-radius:10px;
	padding:20px;
	box-sizing:border-box;
	width:100%;
}





.NEWHOMEh2 {
	color:#4360ab;
	text-align:center;
	margin:10px 10px 5px 5px;
	font-size:1.5em;
}


.NEWHOMEpostgroup{
	clear:both;


}


/* Start Mailing and Membership Boxes */

.NEWHOMEbox, .NEWHOMEboxNO {
	width:100%;
	border-radius:20px;
	box-shadow: 1px 1px 10px #bbb;
	margin-bottom:30px;

}

.NEWHOMEbox {
	border:10px solid #DCDFED;
}

.NEWHOMEboxNOcat {
	width:100%;
}

.NEWHOMEboxNO, .NEWHOMEboxNOcat {
	border:10px solid transparent;
}

.NEWHOMEboxinner {
	margin:0 6% 20px 6%;
	border-radius:20px;
	padding:10px 13px 20px 13px;
	background-color:#FFFFCC;
}

.NEWHOMEboxinnernocol {
	margin:0 6% 20px 6%;
	border-radius:20px;
	padding:10px 13px 20px 13px;
	border:1px solid #ddd;
}



.NEWHOMEboxinnerdesc, .NEWHOMEboxinnerdescnoserif {


	text-align:left;
	font-size:120%;
	padding:10px;
	color:#444
}

.NEWHOMEboxinnerdesc {
	font-family:Times New Roman, Times, serif;

}

.NEWHOMEboxinnerdesc1 {
	font-size:120%;
	font-weight:bold;
	text-align:right
}

.NEWHOMEboxinnerdesc2 {
	font-size:110%;
	font-weight:bold;
	color:#888;
	font-style:italic;
	text-align:right;
	margin-bottom:20px
}

a.NEWHOMEboxinnerbt, a.NEWHOMEboxinnerbtbl,a.NEWHOMEboxinnerbtgr, .NEWHOMEboxinnerbt, .NEWHOMEboxinnerbtbl, .NEWHOMEboxinnerbtgr {
	background-color:#0B9704;
	color:#fff;
	padding:5px 10px;
	font-weight:bold;
	border-radius:10px;
	box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5),
inset 0 1px 1px rgba(255,255,255,1);
	text-decoration:none!important;
	white-space: nowrap;


}

a.NEWHOMEboxinnerbtbl, .NEWHOMEboxinnerbtbl {
	background-color:#3A589C!important;


}

a.NEWHOMEboxinnerbtgr, .NEWHOMEboxinnerbtgr {
	background-color:#eee!important;
	color:#495eaa!important;
}

.NEWHOMEboxinnerbtIP {
	border:none;
}

.NEWHOMEboxinnerbtout {
	display:inline-block;
}



.NEWHOMEboxinnerbtout:hover {
	-ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Safari */
    transform: scale(1.1,1.1);
}

.h3categories, a.h3categories, a.h3categories:link, a.h3categories:visited {
	color:#d26e03;
	text-align:left;
	font-weight:normal;
	font-size:1.5em;
	margin:20px 0 10px 0;
	text-decoration:none;
	display:block;

}



#artbody {
	text-align:left;
	box-shadow: 3px 3px 10px #999;
	padding:10px;
	color:#444;
	border-radius:5px;

}



.NEWHOMEcertbannerout {
	border-top:1px solid #ddd;

	padding-top:20px 0;
	margin-top:20px;
}



.NEWHOMEcertbanner {
	display: inline-block;
    height: 100%;
	vertical-align: middle;
}



.NEWHOMEcertbanner img {
    vertical-align: middle;
}




.NEWHOMEmailingbox {
	width:72%;
	background-color:#efefef;
	padding:7px 20px;
	border-radius:20px;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
	font-size:120%;
	margin-top:0;
}

.NEWHOMEnewsletter {
	width:100%;
}

#NEWHOMErightColumnSmall {
	float:right;
	width:28%;
	text-align:center;
}

#NEWHOMEboxes {
	width:80%;
	margin:0 auto;
	padding-right:20px;
}

.catbnr {
	margin-bottom:15px;
	border:1px solid #ccc;
	box-shadow: 5px 5px 5px #ccc;
}



a.linktopage:link, a.linktopage:visited, a.linktopage:hover {
	display:block;
	border:1px solid #ccc;
	padding:5px;
	border-radius:5px;
	font-size:110%;
	width:130px;
	text-decoration:none;
	font-weight:bold;
	color:#777;
	margin: 0 auto;
}

/* For new product page, included here from inlined inside CSS_HEAD.inc 8/28/19, 9:16 AM */

#newprodAUDIO .audioplayer
{
	font-size: 1.1em!important;
	height: 1.4em!important;
}

#newprodAUDIO .flashplNEW
{
	width: 100%;
	height: 18px;
	background: url(//cdn3.virtualsheetmusic.com/images/pushes/flashplNEWB4.png) top left no-repeat;
}

#newprodAUDIO .flashplNEW:hover { background: url(//cdn3.virtualsheetmusic.com/images/pushes/flashplNEWB4hover.png) top left no-repeat!important; }

/* Norton Seal */
#NSGs {
	position:fixed;
	left:0px;
	bottom:0px;
	z-index:10
}

/* For NewZik impl. 2/10/20, 12:05 PM */

a.newzikbt2:link, a.newzikbt2:visited {
	border:3px solid #dae3f6;/* f39378 */



	border-radius:10px;

	display:block;
	width:110px;
	/*
	font-weight:bold;
	text-decoration:none;
	color:#777;
	*/
}



.newzikbtout2 {
	text-align:center;
	margin:0 10px 10px 5px;
	float:left;
}

/* New CSS buttons in checkout process 8/6/20, 11:18 AM */

.NEWHOMEboxinnerbtblSC {
	font-size:110%;
}


/* For cancel button in search fields 9/24/20, 11:02 AM */

.NEWsrchmn {/*Global*/
	height:24px;
}

.searchInput2 .pl-BaseIcon {/*Global*/
    display: none;/*inline-block*/
    fill: currentColor;
    vertical-align: middle;
    pointer-events: none;
}

.searchInput2 .SearchBar-clearSearch-icon {/*Global*/
	clear:both;
    border-radius: 50%;
    background: #dfdfe1;
    width: 16px;
    height: 16px;

}

.searchInput2 .SearchBar-clearSearch {/*Global*/
    top: 0;
    position: absolute;
    right: 0;
    width: 20px;
    height: 100%;
    color: #fff;
    margin:0;
    padding:0;
    border:none;
}


.searchInput2 .SearchBar-clearSearch.is-focused {/*Global*/
    right:12px;
}

.searchInput2 button.SearchBar-clearSearch {/*Global*/
    background: 0;
    cursor: pointer;
	-webkit-tap-highlight-color: transparent;
    outline: none;
}


/* New CSS tabs 1/20/21, 9:50 AM */

#navtabs {
	text-align:left;
}

.IN_bt, .CP_bt {

	padding:7px 10px 3px 10px;
	font-size:120%;
	font-weight:bold;
	border-radius:5px 5px 0 0;
	display:inline-block;
	box-shadow:inset 0 1px 1px #fff;
	text-align:center;
}

.IN_bt {
	background-color: #d1d5e1;
	color:#444;
	margin:0 2px;
}

.IN_btw {
	width:100px;
}

.IN_btnl {
	background-color: #C2D0F5;
}


.CP_bt {
	background-color: #a5afcc;
	color:#fff;
	margin:0 1px;
}

.CP_btcbw {
	width:70px;
}

.CP_btcpw {
	width:70px;
}

.CP_btlzp {
	background-color: #c3ae93;
}

.CP_btnl {
	background-color: #3A589C;
}



/* To avoid comments layout shift 4/28/21, 6:25 AM */
#extrafields {
	display:none
}

#commenthere {
	color:#777;
	font-size:90%
}

.addthis_responsive_sharing {
	height:25px
}

/* for HTML5 embedded here */
.smgbli {
	float:left;
	line-height:5x;
}

/* Auto complete since 8/24/22, 9:29 AM */
.autocomplete-suggestions {
	/* border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee; */
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: #FFF;
	cursor: default;
	overflow: auto;
	font-size:1.5em;

}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }


/* ChatGPT stuff 5/23/24, 8:53 AM */

.AltoolBr {
	height:70px;
	background-color:#f8f8f8
}

@keyframes background-pulsate{0%,to{background-color:#efefef}50%{background-color:#ffbb55}}

.backgroundpulsate {
	animation:background-pulsate 2s infinite
}

@keyframes spin {
	to{
		transform:rotate(1turn)
	}
}

.animate-spin{
	animation: spin 1s linear infinite
}

#chatGPTbar {
	display: flex;
	align-items: center; /* This will vertically center the items */
	justify-content: space-between; /* This will push the items to the edges */
	background-color:#efefef;
	padding:8px 8px;
	border-left:1px solid #dae2f6;
	border-right:1px solid #dae2f6;
	border-top:1px solid #fff;

}

.chatGPTbarAl, .chatGPTbarGen {
	border-left:none!important;
	border-right:none!important;
}

.chatGPTbarGen {
	border-top:none!important;
}

#chatGPTinput {
	flex-grow: 1; /* This will make the input take up the remaining space */
	border:none;
	height:1.6em;
	font-style:italic;
	padding:0 5px;
	margin-right: 10px; /* This will add some space between the input and the button */
	border-radius:5px;
	pointer-events: none;
}

.chatGPTbarBt {
	background-color: #c6cee1;
	color: #666;
	border: 1px solid #aaa;
	border-radius: 10px;
	padding: 3px 10px;
	cursor: pointer;
	font-weight:bold;

}

.chatGPTbarBtOth {

	background-color: #f1f1f1!important;
	color:#333!important;

}

.chatGPTbarBtOthDis {
	background-color: #f1f1f1!important;
	color:#aaa!important;
}

.chatGPTbarBtOpn {
	background-color: #c3ecb8!important;
	color: #312a2a!important;
}


#chatGPTchatPre {
	display:none;
	background-color:#efefef;
	padding:10px 10px 0 10px;
}

#chatGPTchat {
	background-color:#fff;
	height:150px;
	padding:10px;
	border-radius:5px;
	overflow:scroll;
	resize: vertical;
}

#chatGPTchatBottom {
	background:#506986 url(https://cdn3.virtualsheetmusic.com/images/metronome/blue_wood2.jpg)top left;
	/*background:#f8f8f8;*/
	text-align:center;
	padding:3px 0 10px 0;
}

#chatGPTchatBottom button, #chatGPTchatBottom a:link, #chatGPTchatBottom a:visited {
	color:#eee;
	text-decoration:none;
}

.chatGPTchatBottomCld {
	background:#efefef!important;
	display:block;
}

.chatGPTchatBottomCld button, .chatGPTchatBottomCld a:link, .chatGPTchatBottomCld a:visited  {
	color:#444!important;
}

#chatGPTchat {
	text-align:left;
}

.chatGPTpop {
	display:none;
	border:10px solid #CBCDFE;
	border-radius:10px;
	font-size:1.5em;
	padding:20px;
	color:#444;
	background-color:#fff;
}

.chatGPTpop h1 {
	text-align:center;
	display:block;
	font-size:1.5em;
	color:#333;
}

.chatGPTpop hr {

    margin-bottom: 8px;
    padding: 0;
    border-bottom: 1px solid #d9e3f6;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    line-height: 0;
    height: 1px;
    display: block;

}

#chatGPTgoBt {
	text-align:center;
	font-size:90%;
}

.GPTq {
	font-weight:bold;
	color:#5475BE
}

.GPTa {
	font-weight:bold;
	color:#BE7618
}

.GPTqDiv {
	margin-bottom:8px;
}

.GPTaDiv {
	margin-bottom:20px;
}


.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* ChatGPT styles for icons */
.GPTflex {
	display: flex;
}

.GPTicon {
	width: 20px;
	height: 20px;
	align-items: center;
	justify-content: center;
}

.GPTicon-md-heavy {
    stroke-width: 2.5;

    flex-shrink: 0;
    height: 18px;
    width: 18px;

}

.GPTbutton {
	cursor: pointer;
    background-color: transparent;
    background-image: none;
	border:0;
	padding:0;
	vertical-align: middle;

}

#GPTintro {
	margin-bottom:20px;
}

.GPThl {
	width:706px;
}

.GPThlBg {
	width:720px;
}

.GPTvd {
	width:723px;
	margin-left:10px;
}

.GPThl #chatGPTbar, .GPTvd #chatGPTbar {
	border:none;
}

a.disabledLink, a.disabledLink:visited, a.disabledLink:link {
	color:#777!important;
}

/* NEW REDESIGN 2025 */


.header2025 {
    display: flex;
	max-width: 1280px;
    align-items: center; /* Vertical centering */
    justify-content: space-between; /* Spreads items evenly */
    padding: 10px 20px;

}

.FFsalutationWrapper2025 {
	border-top:1px solid #efefef;

}

.FFsalutation2025 {

	max-width:1280px;
	color: #c76c14;
	font-weight: bold;
	text-align:left;
	margin:5px 20px;
	font-size:13px;

	display:flex;
	justify-content: space-between;
}

#logo_2025 {
    flex-shrink: 0; /* Prevents logo from shrinking */
}

#search_2025 {
    flex-grow: 1; /* Allows search to take available space */
    margin: 0 10px 0 20px; /* Adds some spacing between elements */
}

#search_2025 input {
    width: 100%;
    padding: 8px;
}

#menu_2025 ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 10px;
    align-items: center;
}

#menu_2025 li {
    padding-left: 10px;
    border-left: 1px solid #e0e0e0; /* Light grey separator */
}

#menu_2025 a:hover svg {
    fill: #666; /* or whatever color you want for hover state */
}

#menu_2025 a {
    display: flex;
    align-items: center;
    line-height: 16px;
    height: 16px;
}

#search_2025 .searchInput {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;  /* Add border to the container */
    border-radius: 14px;      /* Round the container corners */
    overflow: hidden;        /* Ensure inner elements don't break radius */

}

#search_2025 .searchInput input {
    width: 100%;
    padding: 8px;
    border: none;           /* Remove input border */
    outline: none;          /* Optional: removes focus outline */
	font-size: 130%;
	background-color: #efefef;
}

#search_2025 .searchInput #search2025Btn {
    white-space: nowrap;
    padding: 10px 15px;
    height: 100%;
    background-color: #FF8C00;
    border: none;
    border-radius: 0;       /* Remove button border radius */
    color: white;
    cursor: pointer;
    transition: background-color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

#search_2025 .searchInput #search2025Btn svg {
    width: 16px;
    height: 16px;
}

/* Optional: Add hover effect */
#search_2025 .searchInput #search2025Btn:hover {
    background-color: #FF7000; /* Slightly darker orange on hover */
}

#search_2025 .searchInput input::placeholder {
    font-style: italic;
    color: #888;  /* Optional: lighter color for placeholder */
}

/* For older browsers compatibility */
#search_2025 .searchInput input::-webkit-input-placeholder {
    font-style: italic;
}
#search_2025 .searchInput input::-moz-placeholder {
    font-style: italic;
}
#search_2025 .searchInput input:-ms-input-placeholder {
    font-style: italic;
}


.advancedSearch_2025 {
    flex-shrink: 0; /* Prevents shrinking */
    display: flex;
    align-items: center;
	margin-right: 10px;
	font-size: 13px;
}

.advancedSearch_2025 a {
    text-decoration: none;
    color: #2f3136c3;
}

.advancedSearch_2025 a:hover {
    text-decoration: underline;
}



.mainMenu_2025 {
    background: linear-gradient(to bottom, #476AB6, #3A569C);
    /* border-bottom: 1px solid #e7e7e7; */
    width: 100%;
    display: flex;
    justify-content: center; /* Centers the content horizontally */
}

.mainMenu_2025 > ul:not(.mm_sub) {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 1368px;  /* Matches header width */
    justify-content: center; /* Centers the li elements horizontally */
    gap: 0px; /* Adds consistent spacing between items */
}

.mainMenu_2025 > ul > li:not(.mm_sub_column):not(.mm_sub_column_sub):not(.mm_sub) {
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
    transition: background-color 0.2s;
    white-space: nowrap; /* Prevents text wrapping */
    border-right: 1px solid #e0e0e0; /* Add right border */
	border-color: #6483c6;
}

.mainMenu_2025 > ul > li:last-child {
	border-right: none!important;
}

.mainMenu_2025 > ul > li > a:not(.mm_sub):not(.mm_sub_column_sub) {
    color: #fff;
	font-size:130%;
	font-weight: 700;
}

/* .mainMenu_2025 li:hover {
    background-color: #e7e7e7;
} */

.mainMenu_2025 > ul > li:hover a {
	text-decoration: none;
}

.mainMenu_2025 > ul > li:hover:not(.mainMenu_2025_active) a {
    color: rgb(211, 211, 211);

}





.mainMenu_2025 li::after {
    content: none; /* Remove the | separator */
    margin: 0;
}

.mainMenu_2025 li:last-child {
    border-right: none; /* Remove border from last item */
}

.mainBanner_2025 {/*263760*/ /* a1b4e1 */
	/* background: linear-gradient(to bottom right, #11192b 0%, #2c52aa 50%, #11192b 100%); */

	/* background: linear-gradient(to bottom right, #CCCCFE 0%, #b6b7fe 50%, #CCCCFE 100%); */

	background: linear-gradient(to bottom right, #cdcdff 0%, #b6b7fe 50%, #3232a3 100%);

	border-radius:0 0 3px 3px;


	padding:30px 0;


}

#mainBanner_2025_image_frame_wrapper {
	max-width: 1150px;
	position: relative;
}

#mainBanner_2025_image_frame {
	background-color:#000;
	padding:10px;
	display:inline-block;
	border-radius:10px;
	box-shadow: 0 0 48px rgba(0, 0, 0, 0.934);
	position: relative;

	margin:0 20px;

}

.mainBanner_2025_image {
    /* box-shadow: 0 0 48px rgba(111, 110, 110, 0.773); */
	border-radius: 10px;
	width: 100%;
    height: auto;
	margin-top:10px;
	display: 'block'
}

.banner-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s;
    z-index: 2;
}

.banner-arrow:hover {
    background: rgba(0, 0, 0, 0.5);
}

.banner-arrow svg {
    color: white;
}

.banner-arrow-left {
    left: 20px;
}

.banner-arrow-right {
    right: 20px;
}

.enclosure2025 {
	font-size:110%;
	margin:0 20px;
}


.table500px {
	max-width:500px;
}

.table750px {
	max-width:750px;
}


.expvideos, .expimgbanners:not(.noImgExp img) {
	width:100%;
}

.generalFlex2025 {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
	gap:20px;
}

.generalFlex2025_item {
	text-align:left;
}

ul.bulletstyle, ul.bulletstyle li {
    list-style: circle inside !important;
}

ul.bulletstyle li {
	margin-top: 10px;
}


a.intertitialButton.mainBtn2025d {
	background-color: #3A589C;/* 3C5AA0 */
	color:#fff;
	border: 1px solid #ccc;
	font-size: 130%;
	padding: 8px 15px 10px 15px;
}


.hiddenTopBar2025 {
	justify-content:flex-start!important;
	font-size:250%;
	font-weight:bold;
	color:#999;
	gap:20px!important;

}






/* START REDESIGN 2025 taken from category_2025.css */



.mainMenu_2025_ul {
	position: relative;
}
.mainMenu_2025_active {
	position: relative !important;
    box-shadow:
        4px 0 8px rgba(0, 0, 0, 0.2),  /* right shadow */
        -4px 0 8px rgba(0, 0, 0, 0.2), /* left shadow */
        0 -4px 8px rgba(0, 0, 0, 0.2); /* top shadow */



    /* Slightly lift the element */
    /* transform: translateY(-2px); */

    /* Add a subtle background color */
    /* background-color: #ffffff; */

    /* Round the corners slightly */
    border-radius: 4px 4px 0 0;

    /* Smooth transition for hover effects */
    transition: all 0.2s ease-in-out;

	/* background: linear-gradient(to bottom, #324b83, #2b4074); */

	background: linear-gradient(to bottom, #476AB6, #4362b2);
	/* background-color: #4362b2; */
	z-index: 1000;

}


/* Main dropdown container */
.mm_sub {
    /* display: flex !important; */
	flex-direction: column;
    position: absolute;
    top:92%;
    left: 0;
    /* background-color: #4362b2; */


	box-shadow: 0 8px 8px -2px rgba(0, 0, 0, 0.669);
    border-radius: 4px;
    padding: 0;
    white-space: nowrap;
	min-width:150px;
    z-index: 1000;
    max-width: 800px;
	font-size:130%;

	background: linear-gradient(to bottom, #4362b2, #365391);

	display:none;

}

.secondary_menu {
	left: -170px;
}

.third_menu {
	left: -370px;
}

.fourth_menu {
	left: -450px;
}

.fifth_menu {
	left: -85px;
}

.mm_sub_ul {
	display: flex !important; /* Override the parent flex settings */
	flex-direction: row;
	width:100%;
}

.mm_sub_column {
    border-right: 1px solid #5c71a8;
    padding: 0;
    flex: 1;
}

.mm_sub_column {
	padding-top:10px;
	margin:0!important;
}

.mm_sub img {
	border-radius: 4px 4px 0 0;
}


.mm_sub_column_sub {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important; /* Override parent flex */
    width: auto !important; /* Override parent width */
	text-align:left;
}

.mm_sub_column_sub li {
    padding: 1px 0px !important;
    border: none !important;
    margin: 1px 0 !important;
    white-space: normal !important;
	min-width:150px;
}

.mm_sub_column_sub li:last-child {
    margin-bottom: 20px !important;
}

.mm_sub_column_sub li a:not(.mm_sub_column_sub_header) {
    color: #ffffff;
    font-size: 100%;
    font-weight: normal;
    text-decoration: none;
    display: block;
    padding: 5px 15px;
    transition: color 0.2s ease;
    white-space: nowrap;
}

.mm_sub_column_sub_header a, .mm_sub_column_sub_header span {
    font-weight: bold !important;
	color:#ffd05b!important;
}

.mm_sub_column_sub_header span {
	display:block;
	padding:5px 0 0 14px;
}



.mm_sub_more {
    border-top: 1px solid #5c71a8;
    color: #fff;
    padding: 10px 20px;
    text-align: right;
    border-radius: 0 0 4px 4px;
    cursor: default;
    position: relative;
    overflow: hidden;
}

/* Add new class for the background pattern */
.mm_sub_more::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.05;
    pointer-events: none;
	/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0%200%20100%20100'%3E%3Cg fill='%23ffffff'%3E%3Cg transform='translate(10,15) rotate(10)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(30,25) rotate(-20)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(50,10) rotate(5)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(70,40) rotate(30)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(85,70) rotate(-40)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(20,80) rotate(15)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(60,75) rotate(-30)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 100px 100px;
	*/
}

.nopointer {
	cursor: default;
}

.mm_sub_more a {
    display: inline-block;
    padding: 8px 16px;
    background-color: #2c467e;
    color: #ffffff;
    text-decoration: none;
    border-radius: 8px;
    transition: background-color 0.2s ease;
    border: 1px solid #979797;
}

.item_list_container_header {
	margin-left: 60px;
}

.h1_2025 {
    font-size: 180%;
    /* animation: fadeInUp 1s ease; */
    /* background: linear-gradient(to right,#9999da,#343479); */
	padding:0;
	margin:1.3em 0 0 0;
	background: linear-gradient(to right,#aeaeae,#030306);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-align: left;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.slide-reveal {
	animation: fadeInUp 2s ease;
}

.slide-reveal-late {
	animation: fadeInUp 2s ease 0.2s;
}

.slide-reveal-mainBtn2025 {
	animation: fadeInUp 2s ease 0.5s;
}


.h1_2025.category_header {
	background: linear-gradient(to right,#e49733,#552e09);/* ad5604 552e09 */
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.scroll_container_wrapper {
    position: relative;
	width:100%;
    max-width: 1368px;
}

.scroll_container {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin: 0 40px;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

.scroll_container::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}

.scroll_arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background: rgba(130, 153, 206, 0.765);
    border: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: background-color 0.2s ease;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}



.scroll_arrow.left {
    left: 10px;
	display:none;
}

.scroll_arrow.right {
    right: 10px;
	display:none;
}

.scroll_arrow svg {
    width: 32px;
    height: 32px;
    fill: currentColor;
}

.item_list {
	display: flex;
	flex-direction: row;
    gap: 20px;
    padding: 20px;
    min-width: min-content; /* Ensures items don't shrink */
    list-style: none;

}

.item_list li {
	margin-right: 15px;

}

.item_list li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position:relative;
	height:242px;
	width:171px;
	overflow:hidden;

	border: 1px solid #efefef;
	padding: 3px;
	border-radius: 5px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.item_list li a.noSidePad {
	padding:3px 0;
}



.item_list_icon {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;

}

.item_list_icon img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	display: block;
	object-fit: contain;
	margin:0 auto
}

.item_more_icon {
	/* background: linear-gradient(to bottom right, #ffffff, #e0e0e0); */

	background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 10px, #f6f4ff 10px, #f6f4ff 20px);

	display: flex;
	justify-content: center;
	align-items: center;
}

.item_list_title {
	background: linear-gradient(to bottom, rgba(67, 98, 178, 0.9), rgba(54, 83, 145, 0.9));

    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: 4px;
    padding: 12px 0;
	color:#fff;

	box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.3);
	border-radius: 5px;


}

/* .item_list_title.category {
	background: linear-gradient(to bottom, rgba(255, 140, 0, 0.765), rgba(200, 84, 0, 0.765));
} */

.item_list_icon.category img {
	border-radius: 5px;
	object-fit: cover;
	width:177px;
	height:177px;
}

.item_list.category li a {
	height:171px;
	width:177px;
	padding:0;
}

.item_list_title_main {
	font-weight: bold;
	font-size: 120%;
}

.item_list_title_category {
	font-size:140%;
}

.item_list_beginner {
	background-color: #3da2b6;
	padding: 2px 4px;

}

.item_list_easy {
	background-color: #5bcc44;
	padding: 2px 4px;

}

.item_list_intermediate {
	background-color: #d47e18;
	padding: 2px 4px;

}

.item_list_advanced {
	background-color: #b63d3d;
	padding: 2px 4px;

}

.item_list_instruments {
	font-size:120%;
	border-top:1px solid #efefef3d;
	/* border-bottom:1px solid #efefef3d; */
	color:#aec7fc;
	font-weight:bold;
}

#searchForm {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.searchInput {
    position: relative;
}

.SearchBar-clearSearchMain {
    position: absolute;
    right: 55px; /* Adjust based on the search icon button width */
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.SearchBar-clearSearchMain .pl-BaseIconMain {
    width: 23px;
    height: 23px;
    display: none;
	background-color:#cac7c7;
	border-radius:50%;
}

.featured_items_2025 {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	gap: 5%;
	padding: 0 20px;
	box-sizing: border-box;
	padding: 30px 20px;
	margin: 20px 0;
}

.featured_items_2025 .featured_item {
	flex: 1;
	max-width: 558px;
}

.featured_items_2025 img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	display: block;
}

.NEWHOMEpregroup2dynb img {
	transform: scale(1.05);
}

.hero {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding-bottom:15px;
	overflow: hidden;
}

.heroTopSpace {
	padding-top:30px;
	/* background: linear-gradient(to bottom, #ffffff 0%, #b6b7fe 80%, #b6b7fe 100%); */
}

.hero-content {
	max-width: 1500px;
	width:95%;
}

.hero p {
	font-size: 1.2rem;
	margin:0 0 5px 0;
	/* animation: fadeInUp 2s ease 0.2s; */
	animation-fill-mode: both;
}

.hero p.last {
	margin-bottom: 30px;
}

/* .hero-content h2 {
	animation: fadeInUp 2s ease;
} */

.image_viewer_arrow_left {
    position: absolute;
    top: 50%;
    left: 14px;
    width: 30px;
    transform: translateY(-50%);
    z-index: 110;
    cursor: pointer;
}

.image_viewer_arrow_right {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 30px;
    transform: translateY(-50%);
    z-index: 110;
    cursor: pointer;
}

.landing-video {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    justify-content: center;
    display: flex;
    flex-direction: column;
    font-size: calc(min(100vw,1200px)/20);
}

.landing-video .video-container {
    margin: 10px auto;
    background: #000;
    width: 100%;
    position: relative;
    padding-top: 50.625%; /* 90% * 9/16 = 50.625% */
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
	-webkit-overflow-scrolling: touch;

}

.landing-video .video-container.imgStart {
	background-image: url('/images/home/MainFrame.jpg');
	background-size: 92% 92%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;
}

.landing-video .video-container video {
    position: absolute;
    top: 15px;
    left: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 30px);
    object-fit: contain; /* Changed back to contain to prevent cropping */
	/* box-shadow: 0 0 20px #746992;
	border-radius: 10px; */

	box-shadow: 0 0 20px #746992;

}

.video-container2 video {
	border-radius: 10px;
	width:100%;
	height:auto;
	box-shadow: 0 0 20px #746992;
	margin: 20px 0;
}




.play-button-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.95;
    transition: all 0.3s ease;
}


.play-button-overlay svg {
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.4));
    transition: all 0.3s ease;
}

.play-button-overlay circle {
    fill: rgba(0,0,0,0.7);
    transition: all 0.3s ease;
}




.slideshow-container {
	height:568px;
}



.slideshow-container, .slideshow-container-frame {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.slideshow-container-frame .arrows {
	top:1em;
	display:none;
}

.slideshow-container-frame .image_viewer_arrow_left {
	left:0;
}

.slideshow-container-frame .image_viewer_arrow_right {
	right:0;
}

.slide-controls {
    display: flex;
    justify-content: center;
    gap: 0;
    margin-bottom: 2rem;
	position: relative;
}

.slide-button {
    padding: 0.75rem 1.5rem;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	border-right: none;
    background: #efefef;
    color: #6262A5;
    /* border-radius: 2rem; */
    cursor: pointer;
    transition: all 0.3s ease;
	position: relative;
	font-size:140%;
}


.slide-button.firstBt {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.slide-button.lastBt {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-right: 1px solid #ccc;
}

.slide-button.active, .slide-button.activeAnim {
    background: #6262A5;/* 1E2642 */
    color: #fff;
}

.slide-button.active:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 15px solid #6262A5;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.slideshow-item {
    position: absolute;
    width: 100%;
    transition: transform 0.5s ease;
    left: 0;
    transform: translateX(100%);
    visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.slideshow-item.active {
    transform: translateX(0);
    visibility: visible;
}

.slideshow-item.previous {
    transform: translateX(-100%);
}

.slideshow-item h2, .searchResultsContent2025 h2:not(.middle-page-ad-content h2) {
	color:#6a44ca;
	margin:0 0 5px 0;
	background: linear-gradient(to right, #8B8BCE, #4747B0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.slideshow-item p {
	max-width: 800px;
	margin-bottom: 20px;
}

.video-preview-container {
    width: 100%;
    max-width: 800px;
    margin: 20px auto;
	position: relative;
    cursor: pointer;
    display: inline-block;

}

/* Add this to ensure images scale properly */
.video-preview-container img {
    max-width: 100%;
    height: auto;
	border-radius: 10px;
	box-shadow: 0 0 20px #746992;
	border-radius: 10px;
	margin-bottom: 20px;
}

.lazy-video {
	cursor: pointer;
	/* -webkit-user-select: none;
    -webkit-touch-callout: none; */
	object-fit: contain;
	/* touch-action: none; */
}

.altSectionBng {
	background: linear-gradient(to bottom right, #cdcdff 0%, #383a9c 50%, #b2b2d9 100%);
	border-radius:3px;
	padding:10px;
}

.noBorderRadius {
	border-radius: 0!important;
}



/* Comparison Table styles */
.comparison-table-section {
	/* background: linear-gradient(to bottom right, #cdcdff 0%, #383a9c 50%, #b2b2d9 100%); */
	background: linear-gradient(to bottom right, #9595da 0%, #383a9c 50%, #b2b2d9 100%);
}


#comparison-table {
	width:80%;
	font-size:100%;
	margin-top:40px;
}
.comparison-table-wrapper {
	max-width: 700px;
	margin: 0 auto;
	padding: 20px;
}

.comparison-table {
	font-size:150%;
    width: 100%;
    border-collapse: separate; /* Changed from collapse to separate to allow border radius */
    background: rgba(255, 255, 255);
    border-radius: 10px;
    overflow: hidden;
    border-spacing: 0; /* Ensure no gaps between cells */
    border: 1px solid #222277; /* Add border matching header color 6262A5 */

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);
}

.comparison-table th,
.comparison-table td {
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.comparison-table th {
    background: #474787;
    color: #fff;
    font-weight: 600;
    border-bottom: none; /* Remove bottom border from header */
}

/* Add this to ensure last row cells have rounded corners */
.comparison-table tr:last-child td {
    border-bottom: none;
}

.comparison-table tr:last-child td:first-child {
    border-bottom-left-radius: 9px;
}

.comparison-table tr:last-child td:last-child {
    border-bottom-right-radius: 9px;
}

.comparison-table th:first-child,
.comparison-table td:first-child {
	text-align: left;
	padding-left: 30px;
}

/* .comparison-table tr:hover {
	background: rgba(255, 255, 255, 0.05);
} */

.comparison-table .check {
	color: #4CAF50;/* 4CAF50 */
	font-weight: bold;
}

.comparison-table .x {
	color: #f44336;
	font-weight: bold;
}

.comparison-table a {
	text-decoration: none!important;
}

#comparison-table h2 {
	text-align: center;
	color: #fff;
	/* background: linear-gradient(to right, #a793da, #6843C8);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
	margin-bottom: 20px;
	font-size: 2.5em;
}

/* Testimonials*/

.rating2025 {
    display: inline-flex;
    gap: 2px;
    align-items: center;
}

.rating2025.inline {
    position: relative;
    top: 1px; /* Moves the stars down by 2 pixels */
}

a.ratingsLink2025, a.ratingsLink2025:visited {
	text-decoration:none;
	transition: transform 0.2s ease-in-out;
	display: inline-block; /* Change to inline-block */
    transform-origin: center; /* Specify transform origin */
}

a.ratingsLink2025:hover {
	text-decoration:none;
	transform: scale(1.1);
}

.star2025 {
    filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.3));
}

.hero .NEWMBTopTargetsBox {
	max-width: 1024px;
    margin: 30px 0 0 20px;

}

.hero .NEWMBTopTargets {
    width: 33%;
    float: left;
    text-align: left;
}

.hero .NEWMBTopTargets img {
	transform: scale(1);
}

.hero .NEWMBTopTstTtl {
    text-align: left;
    font-size: 120%;
    float: left;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    margin: 8px 0 0 10px;
    color: #7d88b6;
}

.hero .NEWMBTstImg1, .hero .NEWMBTstImg2, .hero .NEWMBTstImg3 {
    width: 65px;
    height: 66px;
    float: left;
    color: transparent;
	transform: scale(1.1);
}

.hero .NEWMBTstImg1 {
    background: url(https://cdn4.virtualsheetmusic.com/images/extras/newmb/testimonials.png) no-repeat 0 0;
}

.hero .NEWMBTstImg2 {
    background: url(https://cdn4.virtualsheetmusic.com/images/extras/newmb/testimonials.png) no-repeat -65px 0;
}

.hero .NEWMBTstImg3 {
    background: url(https://cdn4.virtualsheetmusic.com/images/extras/newmb/testimonials.png) no-repeat -130px 0;
}

.hero .NEWMBTopTstCnt {
    text-align: left;
    font-size: 120%;
    color: #111;
    padding-right: 40px;
    margin-top: 10px;
    font-style: italic;
}

.hero .NEWMBTopTargets a, .hero .NEWMBTopTargets a:visited {
    color: #7d88b6;
	text-decoration: none!important;
}



.title2025 {
	margin-top:20px;

}

.title2025 h3, .mainTitle2025 h3 {
	font-size:270%;
	color:#6a44ca;
	margin:0 0 5px 0;
	background: linear-gradient(to right, #b7b7ed, #4747B0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mainTitle2025 h1 {
	font-size: 300%;
	margin-bottom: 10px;
	/* background: linear-gradient(to right, #b7b7ed, #4747B0);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}

.badgeShimmer {
    /* background: linear-gradient(
        120deg,
        #4747B0 20%,
        #7986cb 30%,
        #e8eaf6 40%,
        #7986cb 50%,
        #4747B0 60%
    ); */

	background: linear-gradient(
        120deg,
        #b7b7ed 5%,
        #7986cb 15%,
        #4747B0 30%,
        #7986cb 50%,
        #b7b7ed 60%
    );
    background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: shimmer 5s linear 2s 1;

    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.3);
}

@keyframes shimmer {
    to {
        background-position: 200% center;
    }
}



.mainTitle2025 h2 {
	color:#aaa;
	background: linear-gradient(to right, #909097, #6b6b84);/* 909097 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size: 170%;
	margin-bottom: 20px;
}

.title2025Grey h3 {
	background: linear-gradient(to right, #909097, #6b6b84);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.block2025 {
	width:auto;
	max-width:700px;
	display:inline-block;
}

.typing-animation {
    overflow: hidden;
    white-space: nowrap;
    border-right: 2px solid transparent;
    width: 0;
    animation: typing 2s steps(50) forwards,
               blink-caret 0.75s step-end infinite;
}

@keyframes typing {
    from { width: 0 }
    to { width: 100% }
}

@keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: #000 }
}


.intertitialFrame {
	background: linear-gradient(to bottom right, #3A589C 0%, #3d5ba2 50%, #3A589C 100%);
	border-radius:3px;
	padding:10px;
	display:flex;
	flex-direction: row;
	gap: 40px;
	align-items: center;
	justify-content: center;
}

.purpleGradient {
	background: linear-gradient(to bottom right, #6262A5 0%, #5b3da2 50%, #6262A5 100%);
}

.intertitialFrame.BtmConnect {
	border-radius: 3px 3px 0 0!important;
}

.intertitialTitle {
	font-size: 200%;
	color: #fff;
	text-align: center;
}

.intertitialSubtitle {
	font-size: 60%;
	color: #ccc;
	text-align: left;
	max-width:400px;
	margin-top:5px;

}

.intertitialButtonFrame {
	display: flex;
	justify-content: center;
}

a.intertitialButton {
    display: inline-block;
    padding: 8px 16px;
    background-color: #2c467e;
    color: #ffffff;
    text-decoration: none;
    border-radius: 8px;
    /* transition: background-color 0.2s ease; */
    border: 1px solid #979797;
	text-decoration: none!important;
	font-size: 150%;
	position: relative;
	overflow: hidden;
}

a.intertitialButton::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 5px;
	height: 5px;
	background: rgba(255, 255, 255, 0.5);
	opacity: 0;
	border-radius: 100%;
	transform: scale(1, 1) translate(-50%);
	transform-origin: 50% 50%;
}
a.intertitialButton:hover::after {
	animation: ripple 2s ease-out;
}

@keyframes ripple {
	0% { transform: scale(0, 0); opacity: 1; }
	20% { transform: scale(25, 25); opacity: 1; }
	100% { opacity: 0; transform: scale(40, 40); }
}

/* a.intertitialButton.mainBtn2025 {
	background-color: #E57F15;
	color:#fff;
	border: 1px solid #ccc;
} */

/* a.intertitialButton.mainBtn2025 {
	background-color: #EFEFEF;
	color:#6262A5;
	border: 1px solid #ccc;
} */

a.intertitialButton.mainBtn2025 {
	background-color: #8383e7;
	color:#fff;
	border: 1px solid #ccc;
}

a.intertitialButton.mainBtn2025b {
	background-color: #6A6BB3;
	color:#fff;
	border: 1px solid #ccc;
}

a.intertitialButton.mainBtn2025c {
	background-color: #53b357;
	color:#fff;
	border: 1px solid #ccc;
}

/* a.intertitialButton.mainBtn2025 {
	background: linear-gradient(to right, #EFEFEF, #c1cfe3);
	color: #6262A5;
	border: 1px solid #ccc;
	transform: scale(1.2);
	transition: transform 0.5s ease, background 0.3s ease;
}

a.intertitialButton.mainBtn2025:hover {
	background: linear-gradient(to right, #ecf4ff, #6262A5);
	transform: scale(1.1);
} */

#pricing a.intertitialButton {
	font-size:130%!important;
	width:8em;
}

.NEWMBUnderGiftBox2025 {
    padding-bottom: 20px;
    width: 100%;
	max-width: 1024px;
	display: table;
}

.NEWMBUnderGiftInnL2025, .NEWMBUnderGiftInnR2025 {
    vertical-align: middle;
    display: table-cell;
    width: 40%;
}

.NEWMBbutton32025 {
    height: 40px;
    margin: 19px auto 0;
    width: 275px;
}

.NEWHOMEboxinnerbtout {
    display: inline-block;
}


a.NEWHOMEboxinnerbt2025 {
	background-color: #d95c26;
    font-size: 150%;
    font-weight: 400;
    padding: 10px!important;
    color: #fff;
    padding: 8px 10px!important;
    font-weight: 700;
    border-radius: 5px;

   box-shadow: inset 0-1px 1px rgba(0,0,0,.5),inset 0 1px 1px #fff;
    text-decoration: none!important;
    white-space: nowrap;
}

.NEWMBUnderGiftInnR2025 {
    width: 60%;
    color: #777;
    font-size: 200%;
    text-align: left;
}


/* Footer Styles */

.footer2025 {
	background: linear-gradient(to bottom right, #3A589C 0%, #3d5ba2 50%, #3A589C 100%);
	color: #ffffff;
    padding: 40px 0;
	display: flex;
	align-items: center;
}

.footer-container {
    max-width: 1500px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start; /* Changed from space-between */
    padding: 0 20px;
    gap: 70px; /* Added gap instead of margin-right on columns */
}

footer-column {
    flex: 1;
    /* Removed margin-right since we're using gap */
}


.footer-column h3 {
    color: #ddd;
    font-size: 120%;
    margin-bottom: 20px;
    font-weight: 600;
	text-align: left;
}

.footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left; /* Explicitly set left alignment */
}

.footer-column ul li {
    margin-bottom: 10px;
    text-align: left; /* Explicitly set left alignment */
}

.footer-column ul li a {
    color: #aaa;
    text-decoration: none;
    font-size: 100%;
    transition: color 0.3s ease;
}



.newsletter-input-container {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
	margin-bottom: 20px;
}

.newsletter-input {
    flex: 1;
    padding: 12px 16px;
    border: none;
    outline: none;
    font-size: 16px;
}

.newsletter-submit {
    background: #FF8C18;
    border: none;
    padding: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
}



.social-icons {
    margin-bottom: 20px;
    display: flex;
    gap: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    transition: background-color 0.3s ease;
}

.social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #8b9299;
}


.app-stores {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.app-store-button img {
    height: 40px;
    width: auto;
}

.social-svg {
    width: 20px;
    height: 20px;
    fill: #1c252c;
}

.footer-copyright {
	font-size: 100%;
	color: #aaa;
	text-align: center;
	margin: 20px;
	display: block;
}

/* Pricing Frame */

.pricingFrame {
	/* background: linear-gradient(to bottom right, #cdcdff 0%, #b6b7fe 50%, #3232a3 100%); */

	/* background: linear-gradient(to bottom right, #9595da 0%, #383a9c 50%, #b2b2d9 100%); */



	border-radius:0 0 3px 3px;
	padding:10px;
}


/* Add all pricing styles from dadasnap.com here below... */



/* Add all pricing styles from dadasnap.com here below... */
.pricing {
    padding: 40px 0 80px 0;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.title2025 .container h3 {
	font-size:200%!important;
	margin-bottom:30px;
}

#pricing .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
	font-size:130%
}

.pricing-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    align-items: stretch; /* Changed from center to stretch */
}


/* Ensure inner content is properly spaced */
.pricing-card h3 {
    margin-top: 0;
}

.price-features {
    flex-grow: 1; /* This will make the features list take up available space */
}

.pricing-card {
	flex: 0 1 250px; /* Don't grow, can shrink, base width 200px */
    height: auto; /* Fixed height approach */
    /* OR */
    /* height: 100%; */ /* Stretch approach - will match tallest card */
    display: flex;
    flex-direction: column;
    /* existing properties */
    background: linear-gradient(to bottom right, #6262A5 0%, #3d5ba2 50%, #283d6d 100%);

    border-radius: 10px;
    padding: 28px;
    text-align: center;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    /* min-height: 450px; */
    /* Add this property */
    align-items: center;
	border: 1px solid transparent;
	color:#fff;
}

.pricing-card h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
}



.price {
    font-size: 2.5rem;
    font-weight: 600;
}

.price-features {
    list-style-type: none;
    padding: 0;
    margin: 20px 0 30px 0;
    flex-grow: 1;
    /* Add this property */
    width: 100%;
	text-align: left;
	font-size:90%;
	list-style: none;
}

.price-features li {
    position: relative;
    padding-left: 25px; /* Adjust this value to control text indentation */
    margin-bottom: 8px;

}

.price-features .check {
    position: absolute;
    left: 0;
}

.feature-text {
    display: inline-block;
}


.price-features li .check {
	opacity: 0.7;
	background-image: url('https://cdn.virtualsheetmusic.com/images/newdesign2025/svg/check.svg');
	background-size: cover;
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 7px;
	vertical-align: middle;
}


.pricing-switcher {
    display: flex;
    justify-content: center;
    gap: 0;
    margin-bottom: 2rem;
    position: relative;
}

.pricing-switch {
    padding: 0.75rem 1.5rem;
    border: 1px solid #ccc;
    background: #efefef;
    color: #6262A5;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    font-size: 120%;
}

/* First button in the switcher */
.pricing-switch:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
	border-right:none!important;
}

/* Last button in the switcher */
.pricing-switch:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.pricing-switch.active {
    background: #6262A5;
    color: #fff;
}

.pricing-switch.active:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 15px solid #6262A5;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.pricing-card .pricing-badge-container {
	height:30px;
}

.pricing-badge-container .pricing-badge {
    padding: 5px 10px;
    position: relative;
    overflow: hidden;
    background: #6943C8; /* Changed to solid purple background */
    display: inline-block;
    border-radius: 12px;
    font-size: 12px;
}

.pricing-badge.currentPlan {
	background:#982762;
}

.pricing-badge-container .pricing-badge:not(.currentPlan):before {
    animation: badgeShimmer 3.5s infinite ease-out 1.8s;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .18) 25%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .18) 75%, rgba(255, 255, 255, 0) 100%);
    content: "";
    display: block;
    height: 90px;
    left: -60%;
    position: absolute;
    top: -150px;
    transform: rotate(-25deg);
    width: 200px;
}

@keyframes badgeShimmer {
	0% {
		left: -100%;
		top: -150px;
	}
	50% {
		left: 100%;
		top: 150px;
	}
	100% {
		left: 100%;
		top: 150px;
	}
}

.pricing-switcher .smaller {

	color:#4CAF50;
}

.billed {
	font-size: 85%;
	color:#aaa;
	height:20px;
}

.billed a {
	color:#fff;
}

.priceCredits {
	font-size: 90%;
	height:20px;
	color:orange;
	font-weight:bold;
	margin-bottom:20px;
}

a.yearly-link {
	text-decoration: none!important;
	font-size:12px;
	color:#6dd1fc;

}

.features-title {
	font-weight:bold;
	font-size:130%;
}

/* .pricing-notes {
	margin-top:20px;
	font-size:90%;
	color:#aaa;
} */

.priceSlashed {
    font-size: 1.2em;
    text-decoration: line-through;
    color: #9ca067;
	height:1.2em;
}


/* Category Pages CSSs 2025 */

.NEWHOMEh12025 {
	/* background: linear-gradient(
        120deg,
        #7e7e84 5%,
        #3d3d3d 15%,
        #2a2a2c 30%,
        #3d3d3d 50%,
        #7e7e84 60%
    ); */

	/* background: linear-gradient(
        120deg,
        #e49733 5%,
        #ab7227 15%,
        #552e09 30%,
        #ab7227 50%,
        #e49733 60%
    ); */

	background: linear-gradient(
        120deg,
        #39569C 5%,
        #2b437b 15%,
        #2a2a2c 30%,
        #2b437b 50%,
        #39569C 60%
    );

    background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: shimmer 5s linear 2s 1;
	text-align:left;
	font-weight:bold;
	font-size:3em;
	margin:0 0 0 10px;

    /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); */
}

.category_banner_2025 {
	max-width:1280px;
	margin:0 auto;

}

/*
.mainBanner_2025 {

	background: linear-gradient(to bottom right, #cdcdff 0%, #b6b7fe 50%, #3232a3 100%),
            linear-gradient(to right, rgba(205,205,255,1) 0%, rgba(205,205,255,0.1) 100%),
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0%200%20100%20100'%3E%3Cg fill='%23b6b7fe'%3E%3Cg transform='translate(10,15) rotate(10)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(30,25) rotate(-20)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(50,10) rotate(5)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(70,40) rotate(30)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(85,70) rotate(-40)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(20,80) rotate(15)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3Cg transform='translate(60,75) rotate(-30)'%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Crect x='2' y='-12' width='1' height='12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-blend-mode: soft-light, overlay, normal;

	border-radius:0 0 3px 3px;


	padding:30px 0;


}
*/

.mainBanner_2025.mainBanner_2025_cat_2025 {
	/* background: linear-gradient(to right, #E3E3EC 0%, #6E70F2B3 50%, #3232A300 100%); */

	/* background-image: linear-gradient(to right,
		rgba(205, 205, 255, 1) 0%,
		rgba(110, 112, 242, 0.7) 70%,
		rgba(50, 50, 163, 0) 100%
	); */



	background-size: cover;
	background-position: center;
	border-radius: 0 0 3px 3px;
	padding: 10px 0 5px 0;
}

:root {
	--gradient-cat-opacity-mid: 0.7;/* for all category pages */
	--gradient-cat-opacity-end: 0.5;/* for all category pages */
}


.catSearchForm2025 {
	display:flex;
	flex-direction:row;
	gap:2px;
	align-items:center;
}

.searchInput5 #keyword {
	background-color:#fff;
}

.searchInput5 {/*indexes*/
	width:100%;

}

.searchInput5 .SearchBar-clearSearch.is-focused {
	right:0.6em;
}





/* Category Pages Featured Items 2025 */

.featured_vertical_list {
    max-width: 1250px;
    margin: 0 auto;
    padding: 20px;
}

.featured_item {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
/* .featured_item:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
	cursor:pointer;
} */

/* .featured_item:hover .mainBtn2025 {
    background-color: #5252a3;
    color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
} */

a.featured-title-link {
    color: inherit;
    text-decoration: none!important;
}





.featured_item_content {
    display: flex;
    padding: 20px;
    gap: 30px;
}

.featured_item_image {
    flex: 0 0 200px;
	transition: transform 0.3s ease;
}



.featured_item_image img {
    /* width: 100%;
    height: auto; */
    border-radius: 5px;
	border:1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.featured_item_details {
    flex: 1;
	font-size:150%;
	text-align:center;
}
.featured_item_details_left {
	text-align:left;
}

.featured_item_details h3 {
    font-size: 1.5em;
    margin: 0;
    color: #6262A5;
	display:inline-block;
}

.featured_item_description {
    color: #666;
    margin: 15px 0;
    line-height: 1.6;
}

.featured_item_testimonial {
    background: #f5f5f5;
    padding: 15px;
    margin: 15px 0;
    border-radius: 5px;
}

.featured_item_testimonial blockquote {
    margin: 0;
    font-style: italic;
    color: #555;
}

.featured_title {
    text-align: left;
    text-transform: uppercase;
    color: #aaa;
	font-size:120%;
	padding:10px 0 10px 15px;
	font-weight:bold;
	border-bottom:1px solid #efefef;
	background-color:#f5f5f5;
}

.featured_title h1 {
	display:inline;
	font-size:100%;
	color:#aaa;
}

.featured_item_details a.intertitialButton {
	font-size:120%;
}


.intertitial-button-container {
	text-align:center;
	margin:0 0 30px 0;
	font-size:120%;
}

.comments-container-2025 {
	font-size:120%;
	max-width:1250px;
}

.breadcrumbs_container {
	text-align:left;
	font-size:130%;
	max-width:1280px;
	margin-left:10px;
}


#breadcrumbs {
	margin:12px 0;
}

.lessons2025 {
	margin-top:30px;
}
.lessons2025 .featured_item_content {
	background-color:#f1f0cc;
}

.lessons2025 .featured_title {
	background-color:#2D467E;
}

.feedback-icons {
    display: inline-flex;
    align-items: center;
    margin-left: 16px;
	position:relative;
	top: 3px;
}

.feedback-btn {
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
    transition: transform 0.2s;
}

.feedback-btn:hover {
    transform: scale(1.1);
}

.feedback-btn svg {
    fill: #ffffff;  /* Changed from currentColor to white */
}

.feedback-btn:first-child {
    margin-right: 8px;
}


.middle-page-ad-2025 {
    max-width: 1250px;
    margin: 0 auto;
    overflow: hidden; /* Add this to contain the image */
    border-radius: 10px; /* Move border-radius to container */
}

.middle-page-ad-2025 img {
    width: 100%; /* Make image fill container width */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Remove any potential inline spacing */
}

.middle-page-ad-2025-inner-content {
    position: relative;
    overflow: hidden;
}

.middle-page-ad-2025-inner-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to left,
        rgb(0, 0, 0) 0%,
        rgba(0, 0, 0, 0.7) 20%,
        rgba(50, 50, 163, 0) 50%
    );
    z-index: 1;
    pointer-events: none; /* Ensures the overlay doesn't interfere with clicks */
}

.middle-page-ad-2025-inner-content img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

.middle-page-ad-content {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    text-align: right;
    color: #fff;
    z-index: 2;
    width: min(420px, 50%); /* Use min() to be responsive while capping at 300px */
    margin-left: auto; /* Ensures right alignment */
}

.middle-page-ad-content h2 {
    margin: 0 0 10px;
    font-size: 24px;
    color: #8383e7;
    text-shadow:
        2px 2px 0 rgba(0,0,0,0.5),
        -1px -1px 0 rgba(0,0,0,0.5),
        1px -1px 0 rgba(0,0,0,0.5),
        -1px 1px 0 rgba(0,0,0,0.5);
}

.middle-page-ad-content p {
    margin: 0 0 15px;
    font-size: 16px;
    color: #ffc15b;
    text-shadow:
        1px 1px 0 rgba(0,0,0,0.5),
        -1px -1px 0 rgba(0,0,0,0.5),
        1px -1px 0 rgba(0,0,0,0.5),
        -1px 1px 0 rgba(0,0,0,0.5);
    font-weight: bold;

}



.middle-page-ad-2025 .desktop-banner {
    display: block !important;
    width: 100%;
    height: auto;
}

.middle-page-ad-2025 .mobile-banner {
    display: none !important;
    width: 100%;
    height: auto;
}

.middle-page-ad-2025 .mobile-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;

}

.arrowreply {
	position:relative;
	float:left;
	left:-2px;
	top:-5px;
	width:25px;
}

hr.blueHr2025 {
	padding:0;
	margin:40px 0;
	border-bottom:1px solid #D9E3F6;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0;
	height:1px;
	display:block;
}

.search-wrapper {
    display: flex;
    align-items: stretch;
    width: 100%;
    position: relative;
}

.search-department {
    padding: 8px 24px 8px 8px;
    border: none;
    border-right: 1px solid #e0e0e0;
    border-radius: 4px 0 0 4px;
    background-color: #f3f3f3;
    cursor: pointer;
    font-size: 14px;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
	color:#000;
}

.search-department:focus {
    outline: none;
    background-color: #e9e9e9;
}

#search2025 {
    border-radius: 0 4px 4px 0;
    border-left: none;
}

/* When department selector is present */
.search-wrapper #search2025 {
    border-radius:0;
}

.NEWHOMEh22025 {
	text-align:left;
	margin:0 0 10px 10px;

	background: linear-gradient(
        120deg,
        #39569C 5%,
        #2b437b 15%,
        #2a2a2c 30%,
        #2b437b 50%,
        #39569C 60%
    );

	background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: shimmer 5s linear 2s 1;
	text-align:left;
	font-weight:bold;
	font-size:1.5em;
}

.tempo2025 {
	color:rgba(255, 255, 255, 0.6);
}

/* SECTION BELOW IS FOR SEARCH RESULTS OR DRILLINGS OR COMPLETE CATALOGS (taken from search results template) */


/* Search Results CSS 2025 */
.searchResultsContent2025 {
    display: flex;
    flex-direction: column;
    /* gap: 30px; */
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 20px;
	/* text-align:left; */
}

/* Row wrapper for top and bottom sections */
.searchResultsContent2025 > div {
    display: flex;
    gap: 10px;
}

/* Common styles for all columns */
.searchResultsLeftColumnBottom,
.searchResultsRightColumnBottom {
    /* padding: 20px; */
    background: #fff; /* Optional: adds visual separation */
}

/* Left columns */
.searchResultsLeftColumnBottom {
    width: 180px;
    flex-shrink: 0;
	text-align:left;
}


/* Right columns */
.searchResultsRightColumnBottom {
    flex: 1;
    min-width: 300px;
}

.filterHeaders {
	font-size:120%;
	font-weight:bold;
	color:#888;
	margin-top:30px
}


.searchResultsContent2025 .slide-controls {
	justify-content: flex-start;
	margin-top:30px;
	margin-bottom:15px;
}

.searchResultsRightColumnBottomInner {
	border:2px solid #EFEFEF;
	padding:20px;
	border-radius:5px;
	margin-top:20px;
}

.searchResultsRightColumnBottom h2 {

	margin-top:5px;
}


.results-table {
	width: 100%;
	/* padding: 20px; */
	font-size:120%;
}

.results-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	color:#888;
	gap:10px;
}

.sort-by select {
	padding: 5px;
	margin-left: 10px;
}

.results-table table {
	width: 100%;
	border-collapse: collapse;

}

.results-table th {
	text-align: left;
	padding: 10px;
	border-bottom: 2px solid #eee;
	font-weight: bold;
	color:#6262A5;
    white-space: nowrap;

}

.results-table th a {
    color: #6262A5 !important;
    text-decoration: none !important;
    transform: scale(1);
    transition: all 0.2s ease !important;
    display: inline-block !important; /* This is important for transforms to work on inline elements */
    backface-visibility: hidden !important; /* Helps with rendering */
    -webkit-transform: scale(1); /* Vendor prefixes for broader support */
    -moz-transform: scale(1);
    -webkit-transition: all 0.2s ease !important;
    -moz-transition: all 0.2s ease !important;
}

.results-table th a:hover {
    color: #6262A5 !important;
    transform: scale(1.05) !important;
    -webkit-transform: scale(1.05) !important;
    -moz-transform: scale(1.05) !important;
    text-decoration: none !important;
}

.sort-arrow {
	display:none;
}

.sort-arrow-icon {
  margin-left: 4px;
  vertical-align: middle;
  color: #666; /* Adjust color as needed */
}

/* For the active/selected sort column */
.sort-active .sort-arrow-icon {
  color: #000; /* Darker color for active state */
}

/* For descending sort */
.sort-desc .sort-arrow-icon {
  transform: rotate(180deg);
}

.back-arrow-icon {
  margin: 0 4px 2px 0;
  vertical-align: middle;
  color: #767676; /* Adjust color as needed */
}


.results-table td {
	padding: 15px 10px;
}

.results-table tr:not(:last-child) {
	border-bottom: 1px solid #eee;
}

.text-center {
	text-align: center!important;
}

.text-right {
	text-align: right!important;
}

.format-icons {
    display: grid;
    grid-template-columns: repeat(2, auto); /* Creates 2 equal columns */
    gap: 5px;
    justify-content: center;
    align-items: center;
    width: 100%;
}


.format-icons span {
	padding: 2px 5px;
	border-radius: 3px;
	font-size: 12px;
	display:inline-block;
}

/* .interactive-icon {
	background: #eee;
}

.pdf-icon {
	background: #eee;
} */

.media-icon {
	background: #eee;
	color:#555;
}

.beginner-icon {
	background: #3da2b6;
	color:#fff;
}

.easy-icon {
	background: #6c9836;
	color:#fff;
}

.intermediate-icon {
	background: #d47e18;
	color:#fff;
}

.advanced-icon {
	background: #b63d3d;
	color:#fff;
}

.pro-icon {
	background: #652b84;
	color:#fff;
}

.composerSR {
	font-size:90%;
	color:#777;
	display:block;
	margin-top:3px;
}

.publisherSR {
	font-size:80%;
	display:inline;
	background-color:#efefef;
	padding:2px 5px;
	color:#777;
	border-radius:5px;
}

.pricesSR {
	display:flex;
	gap:10px;
	margin-top:5px;
	color:#888;
}

.results-table td a {
	color: #0066cc;
	text-decoration: none;
	font-weight:bold;
}

.results-table td a:hover {
	text-decoration: underline;
}

.sort-by-select {
    display: inline-block;
    min-width: 235px;
    max-width: 100%;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.25;
    letter-spacing: -.5px;
    font-size: 100%;
    color: #464a4c;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.sort-by {
    display: flex;
    align-items: center;
    gap: 8px; /* Adds space between "Sort by" text and select */
}

.sort-by span {
    white-space: nowrap; /* Prevents text from wrapping */
}


.results-table tbody tr {
    transition: background-color 0.2s ease;
    position: relative; /* For z-index to work */
	cursor: pointer;
}

.results-table tbody tr:hover:not(:has(.cart-icon:hover)) {
    /* Your hover styles here */
    background-color: rgba(0, 0, 0, 0.05);
}



.results-table tbody tr td a {
    position: relative; /* Keep links above the overlay */
    z-index: 1;
	color:#3e62b0;
}

.results-table tbody tr td a:hover {
	text-decoration: none;
	color:#3e62b0;
}

.results-table tbody tr td a:visited {
	color:#a14ff3;
}

.results-table tbody tr .row-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0; /* Below the content */
}

.cart-icon {
	min-width:27px; min-height: 25px;
	position: relative;
    z-index: 2;
}

.cart-icon:hover {
	cursor: pointer;
	transform: scale(1.2);
    transition: transform 0.2s ease;

}

.cart-icon {
	position: relative;
	z-index: 2;
}


.cart-icon div {
	background-color: #eeecfd;
	display: flex;
	height: 55px;
	position: absolute;
	top: 50%;
	right: 0;

	transform: translateY(-50%);
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-radius: 50% 0 0 50%;
	width: 45px;
}

.cart-icon.alreadyInCart div {
	background-color: #ffbbbb;
}

.recordicon2025 {
	border:1px solid #ddd;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
	min-width: 54px;
	min-height: 77px;

}

.recordicon2025.square {
	min-height:auto;
}

.recordicon2025.video {
	min-width: 54px; min-height: 30px;
}

.titleFix {
	min-width: 150px;
}

.iconFix {
	width: 54px;
    min-width: 54px;
    max-width: 54px;
}

#drillleftcolumninner {
	margin-top:10px;
}


.buyMembers2025 {
	color: #3ca91e;
}


.freeMembers2025 {
	display:inline;
	color: #fff;
	background-color: #3ca91e;
	padding: 2px 5px;
	border-radius: 5px;
	font-size:85%;
}

.back-button {
    display: inline-block;
    padding: 8px 10px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease;

}

a.back-button {
	color: #767676;
}

.back-button:hover {
    background-color: #e9e9e9;
    border-color: #ccc;
    text-decoration: none;
}

.filter-button {
	background-color: #8A8ACD;
	color: #fff;
}

.filter-button:hover {
	background-color: #6262A5;
	color: #fff;
}


/* Pagination */

.pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.pagination-left {
  flex: 0 0 auto; /* Don't grow or shrink, keep auto width */
}

.pagination-right {
  flex: 0 0 auto; /* Don't grow or shrink, keep auto width */
}

.paginationBottom {
	margin-top:20px;
	display: flex;
	justify-content: right;
	align-items: right;
	width: 100%;
}

a.pgNo, .pgNo {
    margin: 0 5px;
    padding: 4px 10px;
	border:1px solid #ddd;
	border-radius: 5px;
	color:#2D467E;
}



a.pgNo:hover, .pgNoSel {
	text-decoration: none;
    background-color: #6262A5;
    border-radius: 5px;
	color:#fff;
}

#drillleftcolumnMobile, .filter-button {
	display:none;
}

/* Popup System */

.info-popup {
  position: absolute;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  max-width: 400px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  z-index: 1000;
  font-size: 14px;
  color:#555;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

.info-popup h4 {
  margin: 0 0 8px 0;
  color: #6262A5;
}

.info-popup ul {
  margin: 0;
  padding-left: 10px;
}

.info-popup p {
	padding-left: 10px;
}

.info-popup li {
  margin: 4px 0;
  line-height: 1.4;
}

/* Optional: Add animation */
.info-popup {
  opacity: 0;
  transition: opacity 0.2s;
}

.info-popup[style*="display: block"] {
  opacity: 1;
}

.info-popup .skill-icons {
	padding: 2px 5px;
	border-radius: 3px;
	font-size: 12px;
}

.info-popup .price-info {
	line-height: 1.5em;
}

.itemInfoImg {
	width:300px;
	height:auto;
}

.search-page-number {
	color:#999!important;
	font-size:80%;
	background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #999 !important;
	font-weight:normal!important;
}

#drillsOnMobile {
	display:none;
	background-color: #EEECFD;
	padding:10px;
	border-radius: 5px;
	margin-top:20px;
	text-align:left;
}

.left-text {
	text-align:left!important;
}

.showing-results {
	text-align:left;
}

.relatedByOut {
	background-color:#efefef;
	padding:5px;
	text-align:left;
	margin-bottom:20px;
}

.newsletter.forInterstitial {
	min-width:400px;
	margin:0;
}

.newsletter.forInterstitial .newsletter-input-container {
	margin:0;
}

.feedback-message {
    z-index: 1000;
    white-space: nowrap;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.relatedByOut {
	background-color:#efefef;
	text-align:left;
	padding:10px;
}

.forMembers {
	color: #888;
	font-size: 85%;
}

.carttable {
	border-spacing: 5px;
	padding: 5px;
}














































/* These below must be last!!! */
.hide {
	display:none;
}

.showRESP558, .showRESP780, .showRESP558il, .showRESP670, .showRESP650, .showFlexRESP780, .showRESP969, .showInlineRESP780 {
	display:none;
}






/* START MEDIA - RESPONSIVE STYLES */

@media screen and (max-width: 1200px) {
	.footer-container {
		gap: 40px;
	}
}

@media screen and (max-width: 1050px) {

	.pricing-card:not(.short) {
		flex: 0 1 240px;
		padding:20px;
	}

	.pricing-card.extraCredits {
		height:auto;
	}

	/* SECTION BELOW IS FOR SEARCH RESULTS OR DRILLINGS OR COMPLETE CATALOGS (taken from search results template) */

	/* Search Results */

	.titleFix {
		min-width: 100%;
	}

}

@media screen and (max-width: 969px) {

	.middle-page-ad-content {
		right:10px;
	}

	.middle-page-ad-content h2, .middle-page-ad-content p {
		margin-bottom:5px;
	}

	/* SECTION BELOW IS FOR SEARCH RESULTS OR DRILLINGS OR COMPLETE CATALOGS (taken from search results template) */

	/* Search Results */

	.searchResultsContent2025 > div {
        flex-direction: column;
    }

    .searchResultsLeftColumnBottom,
    .searchResultsRightColumnBottom {
        width: 100%;
        min-width: 0;
    }

	#drillleftcolumninner {
		display:none;
	}

	#drillleftcolumnMobile {
		display:block;
	}

	.filter-button {
		display:inline;
	}

	.hideRESP969 {
		display:none;
	}

	.showRESP969 {
		display:block;
	}

}

@media screen and (max-width: 840px) {

	.mainMenu_2025 > ul > li:not(.mm_sub_column):not(.mm_sub_column_sub):not(.mm_sub) {

		padding: 10px 18px;

	}

}

@media screen and (max-width:820px) {

	#content, #breadcrumbs, #contentnwpr {
		width: 100%;
	}

	.orangeTxt {
		font-size: 110%!important
	}

	#menumobheader {
		display: block;
	}

#commentbox {
		word-break: break-all;
	}

.RESPfloatleftno780, .RESPfloatrightno780 {
		float:none;
		margin-top:10px;
	}



.h3categories {
		margin-left:5px;
	}





#artbody {
		padding:10px 0;
	}



.topbnswd table {
		overflow:hidden;
	}




#FFgreyheaderRESPout {
		display:block;
	}

.audioplayer {
		font-size:1em;
		height: 22px;
	}


/*
.flashplNEWD {
		width:270px!important;
		min-width:270px!important;
		max-width:270px!important;


	}
*/







.flashplNEW {
		background: transparent url(//cdn3.virtualsheetmusic.com/images/pushes/flashplNEWB.png) center left no-repeat;
		height: 22px;
	}



.flashplNEW:hover {
		background: transparent url(//cdn3.virtualsheetmusic.com/images/pushes/flashplNEWBhover.png) top left no-repeat!important;
	}



.flashpltcNEW, .flashpltcNEWNP{
		font-size:120%;
		padding:1em 0;
		width:100%;

	}



.ProdAudioFilesAT, .ProdAudioFilesIT, .ProdAudioFilesATO, .ProdAudioFilesITNP {
		width:100%!important;
	}



#HMmaintbl {
		width:90%;
	}



.HMclmn {
		float:none;
		width:90%;
	}



.HMbt {
		height:30px;
		margin-top:20px;
	}



.HMdesc {
		height:auto;


	}



.HMdescbl {
		background-color:#fff;
	}



.HMdescbl1 {
		background-color:#C2D5FF;
		margin:0;
		padding:10px;
		color:#222;
	}



/* #controlpanelbtsnbox img {
		width:200px;
		height:auto;
	} */



.chkout4checkformtable, .chkout4PreReftable {
		width:90%;
	}






#chkout4tbl {
		width:auto;
		max-width:610px;
	}



.ckout4formlfcln {
		display:none;
	}



.ckout4fldtl {
		margin-top:10px;
	}





#ckout4cardform tr td select, #ckout4cardform tr td input {
		font-size:120%;
	}



.ckout4formflds {
		text-align:center;
	}



#ckout4cardform tr td input:not(.ckout4norsz)  {
		width:70%;
	}



.hideRESP780 {
		display:none!important;
	}



.showRESP780 {
		display:block;
	}

.showInlineRESP780 {
	display:inline!important;
}




	.topofpage {
		font-size:150%;
	}

.breakallRESP {
		word-break: break-all;
	}



.expindximg {
		float:none;
		width:100%;

	}



.expindxdescAB {
		float:none;
		width:97%;
		padding-left:0;
	}



.centerRESP {
		text-align:center;
	}



.expimgbanners {
		width: 100%;
		height:auto;
	}

.expfldblkinp {
		font-size:100%;
	}



.NEWHOMEh1, .NEWHOMEh1gr {
		text-align:center;
		font-size:2em;
	}







.downloadtabsulleft, .downloadtabsulright {
		width:100%;
	}



.downloadtabsulright {
		float:left;
	}



.catindxsec, .catindxthird {
		padding-top:20px;
	}



.downloadtabsul2, .downloadtabsul2nb {
		margin-bottom:0;
	}



.flexhbar {
		font-size:125%;
		overflow:hidden;
	}



	/* Start Mailing and Membership Boxes */

	.NEWHOMEbox, .NEWHOMEboxNO {
		float:none;
		width:90%;
		margin:0 auto 30px auto;


	}

.NEWHOMEboxMB img {
		width: 90%;
		height:auto;
	}



	/* New Home Page Hybrid Design */

	#NEWHOMErightColumn, #NEWHOMErightColumnSmall, #NEWHOMErightColumnxSmall {
		float:none;
		width:100%;

	}




	#NEWHOMEboxes, #NEWHOMEboxesNEWCAT {
		padding:0!important;
		width:90%;
	}

.NEWHOMEboxMB img {
		width:72%!important;
	}



.catbnr {
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		border-left:0;
		border-right:0;
	}



	.NEWHOMEboxNOcat {
		border:0;
	}

	/* For new product page, included here from inlined inside CSS_HEAD.inc 8/28/19, 9:16 AM */

	#newprodAUDIO .flashplNEW
	{
		background: url(//cdn3.virtualsheetmusic.com/images/pushes/flashplNEWB.png) center left no-repeat;
		height: 22px;
	}

	#newprodAUDIO .flashplNEW:hover { background: url(//cdn3.virtualsheetmusic.com/images/pushes/flashplNEWBhover.png) top left no-repeat!important; }


	.NEWHOMEboxinnerbtblSC {
		font-size:100%;
	}

	/* New CSS tabs 1/20/21, 9:50 AM */
	.CP_bt, .IN_bt {
		font-size:100%;
	}

	.CP_btfirst, .IN_btfirst {
		margin-left:5px;
	}

	.ipadappLC {
		width:35%
	}


	/* ChatGPT stuff 5/23/24, 8:53 AM */

	.AltoolBr {
		height:95px

	}

	.chatGPTpop {
		font-size:1.3em;
	}

	.GPThl {
		width:100%;
		padding: 0 3px;
		background-color:#efefef;
	}

	.GPThlBg {
		width:99%;
	}

	.GPTvd {
		width:100%;
		padding: 0 1px;
		background-color:#efefef;
		margin:0;
	}

	/* NEW REDESIGN 2025 */

	.FFsalutationWrapper2025 {
		display:none;
	}

	.hrTopPdBtm {
		border-top:none;
	}

	.panelmaintable {
		padding:0;
	}


	.carttabletdsp2RESP, .carttabletdsp3RESP {
		padding-left:15px;
	}


	.receipttitles820 {
		display:block;
		font-weight:bold;
		text-align:center;
		border-top:1px solid #5A60A4;
		padding-top:10px;
	}

	.receipttitles820.noBrdTop {
		border-top:none;
	}

	.centerRESP820 {
		text-align:center!important;
	}



	/* START REDESIGN 2025 taken from category_3test.css */




	.featured_items_2025 {
		flex-direction: column;
		gap: 20px;
	}

	.featured_items_2025 .featured_item {
		width: 100%;
	}

	.item_list_container_header {
		margin-left: 0;
	}

	.slide-controls {
		font-size:80%;
	}

	.blockResp {
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}

	.NEWMBbutton32025 {
		width: 100%;
	}

	.NEWMBUnderGiftInnL2025 {
		width: 100%;
	}

	.NEWMBUnderGiftInnR2025 {
		font-size: 160%;
		width: 100%;
	}

	.intertitialFrame {
		font-size: 80%;
	}

	.intertitialTitle {
		text-align:left;
		/* margin-left:30px; */
	}

	#comparison-table h2 {
		font-size:2em;
	}
	#pricing .container {
		font-size:100%;
		padding:0;

	}

	.pricing-card:not(.short):not(.extraCredits) {
		flex: 0 1 190px;
	}

	.pricing-grid {
		gap: 20px;
	}

	.features-title {
		font-size:113%;
	}


	.mainTitle2025 h1 {
		font-size:270%;
	}

	.mainTitle2025 h2 {
		font-size:160%;
	}


	/* Category Pages CSSs 2025 */



	.searchboxcatsm {
		max-width:100%;
		margin:0 20px;
	}

	.catSearchForm2025 {

		width:100%;
		justify-content: center;
		align-items: center;
	}

	.searchInput5 {
		width:100%;
		margin-right:10px;
	}

	.searchInput4 .SearchBar-clearSearch.is-focused, .searchInput5 .SearchBar-clearSearch.is-focused {
		right:25px;
	}

	.featured_item_details h3 {
		display:block;
	}

	.featured_item_details h3 {
		font-size:120%;
		margin-bottom:10px;
	}

	.featured_item_details_left {
		text-align:center;
	}

	.featured_item_description {
		text-align:left;
	}

	.featured_item_details a.intertitialButton {
		font-size:100%;
	}


	.middle-page-ad-2025 {
		border-radius:0;
	}

	.middle-page-ad-2025 .desktop-banner {
		display: none !important;
	}

	.middle-page-ad-2025 .mobile-banner {
		display: block !important;
	}

	.middle-page-ad-2025 .mobile-content {
		flex-direction: column;
		position: relative; /* Add this */
	}

	.middle-page-ad-2025 .middle-page-ad-content {
		position: absolute; /* Change to absolute */
		bottom: 20px; /* Position from bottom */
		left: 0;
		right: 0;
		text-align: center;
		padding: 20px;
		z-index: 2;
		width: auto;
		transform: none;
	}

	/* Add gradient overlay for better text visibility */
	.middle-page-ad-2025 .mobile-content::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 50%; /* Adjust as needed */
		background: linear-gradient(to top,
			rgba(0, 0, 0, 0.7) 0%,
			rgba(0, 0, 0, 0) 100%
		);
		z-index: 1;
		pointer-events: none;
	}

	.middle-page-ad-2025-inner-content::before {
		background: linear-gradient(to top,
			rgb(0, 0, 0) 0%,
			rgba(0, 0, 0, 0.7) 10%,
			rgba(50, 50, 163, 0) 50%
		);
	}


	.middle-page-ad-content h2 {
		font-size:190%;
		margin-bottom:10px;
	}

	.middle-page-ad-content p {
		line-height:0.7em;
		font-size:150%;
		margin-bottom:15px;
	}

	.mainBanner_2025.mainBanner_2025_cat_2025 {
		/* background: linear-gradient(to right, #E3E3EC 0%, #9c9ef9b3 50%, #3232A300 100%); */

		/* background-image: linear-gradient(to right,
			rgba(205, 205, 255, 1) 0%,
			rgba(110, 112, 242, 0.7) 70%,
			rgba(50, 50, 163, 0) 100%
		), url('https://cdn.virtualsheetmusic.com/images/newdesign/catbanners/1354.png'); */

		/* background-image: linear-gradient(to right,
			rgba(227, 227, 236, 1) 0%,
			rgba(186, 187, 237, 0.9) 70%,
			rgba(171, 171, 244, 0.8) 100%
		); */

		background-size: cover;
		background-position: center;
		border-radius: 0 0 3px 3px;
		padding: 10px 0;
	}

	:root {
		--gradient-cat-opacity-mid: 0.9;/* for all category pages */
		--gradient-cat-opacity-end: 0.8;/* for all category pages */
	}

	/* For search "department" selector Amazon Style */
	#search_2025 {
		margin:0;
		font-size:100%;
	}

	.header2025 {
		margin:0;
		padding: 5px 5px 10px 5px;
	}

	.NEWHOMEh12025 {
		font-size:2.5em;
		margin: 0 0 0 10px;
	}

	#search_2025 .searchInput #search2025Btn {
		padding:13px 15px;
	}

	.search-department {
		font-size:16px;
	}


	/* These below must be last! */

	.hideRESP780 {
		display:none;
	}

	.showRESP780 {
		display:block;
	}

	/* slider icions size control for mobile */

	/* .item_list li a, .item_list_icon img {
		width:171px;
		height:242px;
	} */

	.item_list.category li a, .item_list_icon.category img {
		width:170px;
		height:195px;
		word-break: break-word;
	}

	.item_list_title_category {
		font-size:120%;
	}

	.scroll_container {
		margin:0;
	}

	.item_list li a {
		height:262px;
	}

	.topbnswdalt, .topbnswdalt2 {
		width:auto;
	}


	.imgbanners {
		width: 100%;
		height:auto;
	}

	.RESPblock820 {
		display:block;
	}
	.ckoutbrdMB:not(.keepPad) {
		padding:5px;
	}

}

@media screen and (max-width: 755px) {

	.pricing-card:not(.short):not(.extraCredits) {
		flex: 0 1 230px;
	}
	.features-title {
		font-size:130%;
	}

	#pricing .container {
		font-size:110%;
	}

}

@media screen and (max-width: 720px) {
	.slide-controls {
		transform: scale(0.8);
		font-size:100%;
	}


	.intertitialFrame {
		flex-direction: column;
		gap: 20px;
	}

	.intertitialButtonFrame {
		margin-bottom: 20px;
	}

	/* Footer Styles */

	.footer-container {
        flex-direction: column;
        gap: 30px; /* Adjusted gap for mobile */
    }

    .footer-column {
        width: 100%; /* Ensure full width on mobile */
        text-align: left; /* Maintain left alignment on mobile */
    }

    .app-stores {
        justify-content: center;
    }

	.block2025 {
		width:100%;
		max-width:100%;
	}

	.typing-animation {
        /* Remove the white-space: nowrap constraint */
        white-space: normal;
        /* Adjust animation to only show the text fade-in */
        animation: fadeIn 2s ease-in forwards;
        width: auto;
        border-right: none;
    }


    /* New fade-in animation for mobile */
    @keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }

	/* Category Pages CSSs 2025 */

	.searchInput4 .SearchBar-clearSearch.is-focused, .searchInput5 .SearchBar-clearSearch.is-focused {
		right:20px;
	}

	.intertitialTitle {
		text-align:center;
		margin:0 auto;
	}

	.intertitialSubtitle {
		text-align: center;
	}
}


@media screen and (min-width:701px) {


	/* Product Pages */
	#ProdMainRightRESP {
		width:70%;
	}

}

@media screen and (max-width: 650px) {

	.fieldform650 {
		width:95%!important;
	}

	/* This must be last! */

	.hideRESP650 {
		display:none!important;
	}

	.showRESP650 {
		display:block!important;
	}

	/* START REDESIGN 2025 taken from category_3test.css */

	.hero .NEWMBTopTargets {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}

	.pricing-card:not(.short) {
		padding:30px!important;
		flex: 0 1 300px!important;
		height: auto!important;
	}

	/* Category Pages CSSs 2025 */

	.searchInput4 .SearchBar-clearSearch.is-focused, .searchInput5 .SearchBar-clearSearch.is-focused {
		right:15px;
	}

	.featured_item_content {
        flex-direction: column;
    }

    .featured_item_image {
        flex: 0 0 auto;

        margin: 0 auto;
    }

	.format-icons span {
		margin-right:5px;
	}

	/* SECTION BELOW IS FOR SEARCH RESULTS OR DRILLINGS OR COMPLETE CATALOGS (taken from search results template) */

	/* This must be last! */

	.hideRESP650 {
		display:none;
	}

	.showRESP650 {
		display:block;
	}

}

@media screen and (min-width:559px) and (max-width:820px) {
  /* Target landscape smartphones, narrow tablets, narrow desktops */


#breadcrumbs {
		margin-left:8px;
		width:98%!important;/* Added 10-20-2015!! */
	}



	body {
		padding:0;
		background: white;
		font-size:0.9em;
		margin:0;
	}

#mainColumn, #mainColumnProd {
		width: 100%;
		min-width:100%;
		margin: 0 0 20px 0;

	}



	#prewrapper, #wrapper {
		width: 100%;
		min-width:100%;
	}

	#prewrapper {
		padding-top:60px; /* Allows fixed top menu for small screens (mmenu) */
	}

.FFpricePPfree {
		width:50px;
		text-align:left;
	}



.BTRight h4 {
		font-size: 26px;
		width:90%;
		padding-top:15px;
	}



.expfldblk {
		display:block;
		font-size:150%;
	}



.expfldblkinpfld {
		width:15em!important;
	}



/* #controlpanelbtsnbox {
		width:410px;
	} */



#lookingfordivin {
		width:75%;
	}



.supportopicslistcl {

		width:30%;
		margin-right:10px;
	}



.expvideos {
		width:100%!important;
		height:295px!important;
	}



.DMiddle, .DLeft, .DRight {
		height:100%;
		background-image: none;
		border-radius: 5px;
	}



.BMRightFF div ul li.BMHead {
		font-size: 130%;
	}



.BMRightFF div ul li.BMDesc {
		font-size: 120%;
	}



.BTRightFF h4 {
		font-size: 150%;
	}



.ipadappRC {
		width:62%;
		padding-left:10px;
	}








.topbnswd table {
		font-size:80%;
	}



#chkout3table {
		width:400px;
	}



#checkout2main {
		width:90%;
	}




#ckoutifm {
		text-align:right;
		margin-right:0;
		width:490px;
	}

	#newprodAUDIO .flashplNEWD, #newprodAUDIO .flashplNEWDNP2 {

		width:350px!important;
		min-width:350px!important;
		max-width:350px!important;
		padding-left:10px;

	}

}





@media screen and (max-width:670px) {
	.hideRESP670 {
		display:none!important;
	}

	.centerRESP670 {
		text-align:center!important;
	}

	.showRESP670 {
		display:block!important;
	}

	.showRESP670topPad {
		padding-top:10px;
	}

	.table500px, .table750px {
		width:100%;
	}

	.RESPblock670 {
		display:block;
	}


}


@media screen and (max-width:623px) {

	.ipadappLC {
		float:none;
		width:100%;
	}



	.ipadappRC {
		float:none;
		width:100%;
		margin-top:20px;
	}



	.hideRESP623 {
		display:none;
	}



	/* Target expert video lists and other */

	.expframe {
		height: 1300px!important;
	}

	#submitcomment {
		width:150px;
		height:auto;

	}

	/* Help Page */

	#lookingfordivin {

		width:100%;
		float:none;
		text-align:center;
	}

	#helpsmimg {
		float:none;
	}

	/* START REDESIGN 2025 taken from category_3test.css */

	.middle-page-ad-2025 .middle-page-ad-content {
		padding:0 5px;
	}



}

@media screen and (max-width:558px) {
	/* Target for fixed width banners*/
	/* As well ALL portrait smartphones */

	#rightColumn, .addcartchunck, .moinflist, .rightbarlists, #viewlisttable, .indexesabsrightboxes, .hideressm, .hideRESP {
		display:none;
	}

	body {
		padding:0;
		background: white;
		margin:0;
		font-size: 1.0em;
	}

	#prewrapper, #wrapper, #mainColumn, #mainColumnFI, #mainColumnProd {
		width: 100%;
		min-width:100%;

	}

#mainColumnProd {
		margin: 0 0 20px 0!important;
	}



	#prewrapper {
		padding-bottom:0px;/* Removes weird stuff at the bottom of the page... */
		padding-top:60px; /*  Allows fixed top menu for small screens (mmenu) */
	}

	#content {
		margin:0;
	}

img.recordicon {
		width:70px;
    	height: 100px;

	}

	img.recordiconsq {
		width:70px;
    	height: 70px;

	}

.shadowsmallicon {
		margin-right: 15px;
	}



.shadowsmallicon_al1, .shadowsmallicon_hl1, .shadowsmallicon_vsm {
		background: none;
		width:70px;
		height:100px;
		float:none;

	}

	.shadowsmallicon_sq {

		width:70px;
		height:100px;
		float:none;
		text-align:center;
	}

	.recordiconpdsq {
		margin:14px auto!important;
		width:90%!important

	}

img.recordiconhl, img.recordiconal {
		border:1px solid #999;
		margin:0;
		padding:0;
	}




#unsubpage, #subpage {
		margin:0 5px 0 5px;

	}



#subpage #focus {
		width:80%;
	}



#expframestable {
		padding:20px 0 20px 0!important;
	}



.videolisticn {
		float:none;
		width:100%;
		margin:0 auto 20px auto;
		text-align:center;

	}



.videolistdscr {
		padding:0;
		text-align:left;
		margin:0;
	}



.addToCart img, .buttons img {
		width:130px;
		height:auto;
	}



.FFpricePPfree {
		width:auto;
	}



.clipdescr {
		margin:0 0 30px 0;

	}



.clipvideo {
		float:none;
		margin-bottom:10px;
		text-align:center;
	}



img.recordiconhp {
		width:90px; /* you can use % */
	    height: auto;
	}



.expfldblk {
		display:block;
	}



.fieldform {
		width:95%!important;
	}



#contactform {
		padding:5px;
	}



.expvideos {
		width:100%!important;
		height:178px!important;
	}


#submitcommentdiv {
		text-align:center;
		width:100%;
	}




#dwnfinalmain {
		float:left;
	}



.breakallRESP558 {
		word-break: break-all;
	}



.centerRESP558 {
		text-align:center!important;
	}

.RESPshpformpd {
		padding:0;
	}



#RESPshpfromtblinner {
		padding:5px;
	}



#RESPshpfromtblinner select {
		font-size:110%;
	}



.RESPtable780, .RESPtd780, .RESPtr780 {
		display:block;
	}

#RESPAirTurnShare {
		width:100%;
		margin-top:5px;
	}





#MainAdvSrchTbl, #MainAdvSrchTbl table, .MainAdvSrchTblInp {
		width:90%;
	}



#MainAdvSrchTbl input, #MainAdvSrchTbl select {
		font-size:120%;
	}



.RESPfloatleftno558, .RESPfloatrightno558 {
		float:none;
		margin-top:10px;
	}



#controlpanelbtsnbox {
		width:auto;
	}

.RESPgreyframe558 {
		border:1px solid #D9E3F6;
		padding:10px;
		border-radius: 5px;
		background-color:#efefef;
		margin-top:10px;
	}





.panelrgtbtn {
		margin-left:0;
	}



.panelrowtbtn {
		margin-top:0;
	}



#panellgoutbtn {
		margin-top:20px;
	}



#panelmaintable {
		width:95%;
	}



.RESPformfield558 input:not(.RESPnoinput558) {
		font-size:110%;
		width:90%!important;
	}



.RESPinputfield558 {
		font-size:110%;
	}



.RESPsepbar558 {
		display:block;
	}



.RESPblock558 {
		display:block;
	}



#RESPmbprocessbox input, #RESPmbprocessbox select {
		font-size:110%;
		max-width:250px;
	}





.receipttitles558 {
		display:block;
		font-weight:bold;
		text-align:center;
		border-top:1px solid #5A60A4;
		padding-top:10px;
	}



#receiptmaintable {
		width:auto;
	}



.cartbtnprRESP {
		width:230px;
		height:auto;
	}





.carttabletdspRESP, .carttabletdsp2RESP {
	padding-left:30px;
}

.carttabletdsp3RESP {
	padding-left:20px;
}



.showRESP558, .showInlineRESP780 {
		display:block!important;
	}



#TranscriptTabContent {
	 word-break: break-all;
	}





.cartbtnRESP {
		width:140px;
		height:auto;
	}

#checkout2main {
		width:100%;
	}



#ckoutifm {
		text-align:center;
	}



#sealsckoutRESP, #sealsckouttrRESP, #sealsckouttdRESP, .sealsckouttdRESP  {
		display:block;
	}



#sealsckouttdRESP,.sealsckouttdRESP {
		padding-bottom:20px;
	}

#ckout4cardform tr td input:not(.ckout4norsz)  {
		width:90%;
	}



#box {
		width:220px;
		margin-left: -128px;
	}





.usdollars {
		font-size:70%;
	}



.ifbuymemb {
		font-size:80%;
	}



#choutinpbtn1, #choutinpbtn1bis {
		display:none;
	}



#choutinpbtn2, #choutinpbtn2bis {
		display:block;
	}

#MbGiftConfBox {
		width:auto;
	}



#chkout3table {
		width:auto;
		max-width:360px;
	}







#mainColumn {
		margin: 0 0 20px 0!important;

	}

.h3categories {
		text-align:center!important;
	}



.audioplayer {
		height: 24px;
	}



.flashplNEWD, .flashplNEWDNP2 {
		display:block;
		height: 34px;
		/*border:1px solid red;*/
		padding:3px 0 0 0!important;
		width:100%!important;
		max-width:100%;
	}



.flashplNEW {
		width:100%;
		height: 24px;
		background: transparent url(//cdn3.virtualsheetmusic.com/images/pushes/flashplNEWB2.png) top left no-repeat;



	}



.flashplNEW:hover {
		background: transparent url(//cdn3.virtualsheetmusic.com/images/pushes/flashplNEWB2hover.png) top left no-repeat!important;


	}



.flashpltcspc {
		display:none;
	}



.flashpltcNEW, .flashpltcNEWNP {
		display:block;
		padding:0;
		font-size:100%;

	}



.videoiconlists2 img {
		padding:11px 0;
		width:110%;
	}



.videoiconlists2 {
		margin-right:22px;
	}



.videoiconlists img {
		padding:11px 0;
	}






.BBRight {
		width:200px;
		float:right;
	}



.BTRight h4 {
		font-size: 20px;
		width:90%;
		padding-top:5px;
	}



#unloutbox, .asgift {
		width:98%;
	}



.DMiddle, .DLeft, .DRight {
		height:100%;
		background-image: none;
		border-radius: 5px;
	}





.topbnswd, .topbnswd548 {
		width: auto;
	}



.downloadtabsulleft, .downloadtabsulright {
		float:none;
		width:auto;
	}

.supportopicslistcl {
		float:none;
		margin-right:50px;
	}



#zendesksearch input {
		margin:5px;
	}



#zendesksearch {
		margin-bottom:20px;
	}



.topbnswdalt2 {
		border-top:3px solid #e8f0ff;
	}









	.NEWHOMEmailingbox, .NEWHOMEboxMB img {
		margin-top:10px;
	}

a.linktopage:link, a.linktopage:visited, a.linktopage:hover {

		width:70%;

	}

	/* For new product page, included here from inlined inside CSS_HEAD.inc 8/28/19, 9:16 AM */

	#newprodAUDIO .flashplNEW
	{
		width: 100%;
		height: 24px;
		background: url(//cdn3.virtualsheetmusic.com/images/pushes/flashplNEWB2.png) top left no-repeat;
	}

	#newprodAUDIO .flashplNEW:hover { background: url(//cdn3.virtualsheetmusic.com/images/pushes/flashplNEWB2hover.png) top left no-repeat!important; }


	/* Norton Seal */
	#NSGs {
		display:none;
	}

	/* Newzik 4/28/20, 11:48 AM */
	.newzikbtout2 {
		margin:0 5px 10px 0;
	}

	/* New CSS tabs 1/20/21, 9:50 AM */
	.CP_bt {
		width:auto;
		margin:0;
	}

	.IN_bt {
		width:auto;
		margin:0 3px;
		line-height: normal;
	}

	.CP_btcbw {
		font-size:80%;
	}


	.CP_btfirst, .IN_btfirst {
		margin-left:5px;
	}

	/* ChatGPT stuff 5/23/24, 8:53 AM */
	#chatGPTchat {
		height:140px;
	}

	.GPTvd {
		margin-top:10px;
	}

	/* NEW REDESIGN 2025 */


	.mainBanner_2025 {
		padding:0;
		border-radius:0;
		background:none;
	}

	.mainBanner_2025_image {
		border-radius:0;
		margin:0;
	}

	#mainBanner_2025_image_frame {
		margin:0;
		padding:0;
		border-radius:0;
		/* box-shadow:none; */
	}

	#mainBanner_2025_image_frame_wrapper {
		margin:0;
		padding:0;
	}


	.banner-arrow-left {
		left:0;
	}

	.banner-arrow-right {
		right:0;
	}

	.frmRowSpc.noResp558 {
		height:0;
	}

	.enclosure2025 {
		margin:0;
	}


	/* START REDESIGN 2025 taken from category_3test.css */


	.mainBanner_2025 {
		padding:0;
		border-radius:0;
		background:none;
	}

	.mainBanner_2025_image {
		border-radius:0;
		margin:0;
	}

	#mainBanner_2025_image_frame {
		margin:0;
		padding:0;
		border-radius:0;
		/* box-shadow:none; */
	}

	#mainBanner_2025_image_frame_wrapper {
		margin:0;
		padding:0;
	}


	.banner-arrow-left {
		left:0;
	}

	.banner-arrow-right {
		right:0;
	}

	.h1_2025.category_header {
		background: linear-gradient(to right,#e49733,#ad5604);/* ad5604 552e09 */
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-size:150%;
	}

	/* .scroll_arrow {
		display: none;
	} */

	.scroll_container {
		margin: 0 10px;
	}

	.slide-controls {
		display: none;
	}

	.slideshow-container-frame .arrows {
		display:block;
	}

	.slideshow-item h2 {
		font-size:130%;
		max-width:75%;
	}

	/* .intertitialTitle {
		text-align:center;
		margin:0 auto;
	} */

	/* Comparison Table */
	#comparison-table {
		width:100%;
		font-size:100%;
	}

	.pricing h2 {
		font-size: 2em;
	}

	.comparison-table-wrapper {
		padding: 10px;
	}

	.comparison-table th,
	.comparison-table td {
		padding: 10px;
	}


	.title2025 {
		margin:0;
	}

	.title2025 h3 {
		font-size: 200%;
	}

	#pricing .container {
		font-size:110%;
	}



	.pricing-switcher {
		margin: 0 auto 2rem auto;
	}

	.pricing-switch {
		padding: 1rem 1rem;
		font-size: 100%;
	}



	/* .intertitialSubtitle {
		text-align: center;
	} */

	.footer-container {
		font-size: 120%;
	}

	.mainTitle2025 h1 {
		font-size: 160%;/* 200% */
		margin-bottom:0;

	}

	.mainTitle2025 h2 {
		font-size:150%;
	}

	.h3separator {
		display:none;
	}

	/* Category Pages CSSs 2025 */
	.category_banner_2025 .NEWHOMEh12025, .category_banner_2025 .NEWHOMEh22025 {
		text-align:center;
	}

	.catSearchForm2025 {
		justify-content: stretch;
		align-items: stretch;
		width:100%;
	}

	.searchboxcatsm {
		margin:0;
		font-size:90%;
		border-radius:0;
	}

	.searchInput5 {
		width:100%;
		margin:0;
	}

	.searchInput4 .SearchBar-clearSearch.is-focused, .searchInput5 .SearchBar-clearSearch.is-focused {
		right:25px;
	}

	.searchInput2 .SearchBar-clearSearch  {
		top:0px;
	}

	.NEWsrchnw {
		margin:0;
	}



	.badgeShimmer {
		text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.3);
	}

	.middle-page-ad-2025 .middle-page-ad-content {
		padding:0 20px;
	}

	.middle-page-ad-content h2 {
		font-size:160%;
	}

	.middle-page-ad-content p {
		display:none;
	}

	.middle-page-ad-content a {
		margin-top:15px;
	}

	.comments-container-2025 {
		font-size:110%;
	}

	.featured_vertical_list {
		padding:10px;
	}

	.NEWHOMEh12025 {
		margin-left:0;
	}

	.feedback-icons {
		margin:0;
	}

	/* SECTION BELOW IS FOR SEARCH RESULTS OR DRILLINGS OR COMPLETE CATALOGS (taken from search results template) */

	.searchResultsContent2025 {
		padding:0;
	}


	.searchResultsRightColumnBottomInner {
		padding: 0;
		border:0;
	}

	.searchResultsRightColumnBottom h2 {
		margin: 0 0 20px 10px;
	}

	.results-header {
		flex-direction: column;
		gap:20px;
	}

	.showing-results {
		display:block;
		/* background-color: #f0f0f0;
		padding:10px;
		border-radius:5px; */
		/* border-bottom:1px solid #ddd;
		padding-bottom:10px; */
		order:2;
		margin:0 5px;


	}

	.sort-by {
		display:flex;
		flex-direction:row;
		gap:10px;
		justify-content:center;
		align-items:center;
		background-color: #f0f0f0;
		padding:10px;
		box-sizing: border-box;
		width:100%;
		order:1;

	}

	.iconFix {
		vertical-align: top;
	}

	#searchResults2025 tr:first-child {
		border-top:1px solid #ddd;
	}

	#searchResults2025 tr:last-child {
		border-bottom:1px solid #ddd;
	}

	.cart-icon {
		position: relative;
		z-index: 2;
	}


	.pagination {
		justify-content: space-between;
		align-items: center;
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box; /* Add this to include padding in width calculation */
	}

	.back-to {
		display:none;
	}


	/* Keep this last! */
	.hideRESP558 {
		display:none;
	}

	.showRESP558 {
		display:block;
	}

	.showRESP558il {
		display:inline;
	}

	/* slider icions size control for mobile */
/*
	.item_list li a, .item_list_icon img {
		width:150px;
		height:212px;
	}

	.item_list_title {
		font-size:90%;
	} */



	.item_list_container_header {
		margin-left: 10px;
	}

	.scroll_container {
		margin:0;
	}

	/* Other stuff */

	.featured_item_details {
		font-size:130%;
	}

	.intertitialFrame #search2025 {
		min-width:auto;
	}

	.intertitialSearch {
		width:100%;
	}

	.intertitialSearchFrame {
		padding:20px 5px;
	}

	.item_list li a {
		height:300px;
	}

	.newsletter.forInterstitial {
		min-width:auto;
		width:95vw;
	}

	.noPaddingRESP {
		padding:0!important;
	}

	.ckoutbrd {
		border:none;
		padding:0;
	}

	.carttable {
		border-spacing: 0;
		padding: 0;
	}

	.cartDeleteIconCell {
		padding-left:10px;
	}

}



@media screen and (max-width: 500px) {
	/* Category Pages CSSs 2025 */
	.searchInput4 .SearchBar-clearSearch.is-focused, .searchInput5 .SearchBar-clearSearch.is-focused {
		right:20px;
	}
}

@media screen and (max-width: 450px) {
	/* Category Pages CSSs 2025 */
	.searchInput4 .SearchBar-clearSearch.is-focused, .searchInput5 .SearchBar-clearSearch.is-focused {
		right:18px;
	}
}

@media screen and (max-width: 425px) {

	.middle-page-ad-content h2 {
		display:none;
	}
}


@media screen and (max-width: 400px) {
	/* Category Pages CSSs 2025 */
	/* .searchInput4 .SearchBar-clearSearch.is-focused, .searchInput5 .SearchBar-clearSearch.is-focused {
		right:15px;
	} */

}

/* This below is for smallest screens, add it to the end of the rensposive CSS */

@media screen and (max-width:414px) {

	.ProductTabsRESP img {
		width:25%;
		height:28px;

	}

}

@media screen and (max-width: 380px) {
	/* Category Pages CSSs 2025 */
	/* .searchInput4 .SearchBar-clearSearch.is-focused, .searchInput5 .SearchBar-clearSearch.is-focused {
		right:11px;
	} */

	.catSearchForm2025 {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.searchInput5 {
		width:100%;
		margin:0;
	}
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */

	/* For Responsive deisgn 2015 */
	/* To allow IE 10 or newer to display mmenu correctly... */
	html.mm-opened .mm-page #menumobheader {
		position: relative;
	}

	html.mm-opened .mm-page #prewrapper {
		margin-top: -50px;
	}
}


@media (pointer: coarse) {/* For touch devices */
    .scroll_arrow {
        /* Increase touch target size on touch devices */
        width: 56px;
        height: 56px;
        padding: 12px;
    }
}

/* ChatGPT hover definitions */
@media (hover:hover) and (pointer:fine){/* Targets non-touch devices only */
	.chatGPTbarBt:not(.chatGPTbarBtOthDis):hover {
		background-color: #ffbb55!important;
		color: #000;
	}

	.chatGPTbarBtOthDis:hover {
		cursor:not-allowed;
	}

	#chatGPTchatBottom a:not(.disabledLink):hover {
		color:orange!important;
	}

	.chatGPTbarInit:hover {
		background-color: orange!important;
		cursor: pointer!important;

	}

	.GPTbutton:hover path {
		fill: orange;
	}

	.tooltip:hover .tooltiptext:not(.tooltiptextDis) {
	  visibility: visible;
	  opacity: 1;
	}

	a.disabledLink:hover {
		color:#777!important;
		cursor:not-allowed;
	}

	a:not(.NEWHOMEboxinnerbtout a):hover {

		color: #3399CC;
	}

	.featuressmall:hover svg {
		opacity: 0.8;
		transform: scale(1.2);
		transition: transform 0.3s ease-in-out;
	}


	/*  START REDESIGN 2025 taken from category_3test.css */


	.mm_sub_column_sub li a:hover {
		background-color: #2c467e;
	}

	.mm_sub_more a:hover {
		background-color: #15223d;
	}

	.item_list li:hover {
		transform: translateY(-5px);
		transition: transform 0.3s ease;
	}

	.item_list li:hover .item_list_title {
		background: linear-gradient(to bottom, rgba(42, 62, 114, 0.9), rgba(16, 25, 45, 0.9));
	}

	.scroll_arrow:hover {
		background: rgba(48, 80, 149, 0.9);
	}

	.featured_items_2025 .featured_item:hover {
		transform: scale(1.05);
		transition: transform 0.3s ease;
	}

	.hero .NEWMBTopTargets a:hover {
		text-decoration: underline!important;
	}

	a.intertitialButton:hover {
		background-color: #15223d;
	}

	a.intertitialButton.mainBtn2025:hover {
		background-color: #6262A5;
		color:#fff;
	}

	/* a.intertitialButton.mainBtn2025:hover {
		background-color: #b05c01;
		color:#fff;
	} */


	.video-preview-container:hover .play-button-overlay {
		transform: translate(-50%, -50%) scale(1.1); /* Slightly enlarge on hover */
		opacity: 1;
	}

	.video-preview-container:hover .play-button-overlay circle {
		fill: rgba(0,0,0,0.85); /* Darker background on hover */
	}

	.video-preview-container:hover .play-button-overlay svg {
		filter: drop-shadow(0 6px 12px rgba(0,0,0,0.5)); /* Stronger shadow on hover */
	}

	.social-icon:hover {
		background-color: #ffffff;
	}

	.newsletter-submit:hover {
		background: #d94d1a;
	}

	.footer-column ul li a:hover {
		color: #ffffff;
	}

	.pricing-card:hover {
        transform: scale(1.05);
        cursor: pointer;
        border: 1px solid var(--accent-color);
    }

	.slide-button:hover, .pricing-switch:hover {
		color: #fff;
		background-color: #7c7cc8;
	}

	/*  Category Pages CSSs 2025 */
	a.featured-title-link:hover {
		color: #888;
	}

	.featured_item_image:hover:not(.noHover) {
		transform: translateY(-5px);
	}


	.CP_btl:hover, .IN_btl:hover {
		background-color: orange;
	}

}