/*
DigitalMusicNotebook.com  Global CSS
(c) 2008 NYPHP for Yamaha Inc.
Rendering CSS for OTHER -  - OTHER*/

/*
3-column fixed width layout with center float
*/

#content {
	width: 100%;
	background: url(../img/assets/content_bottom_drop.jpg) no-repeat bottom center;
	text-align: center;
	padding-bottom: 55px;
}

.centertext {text-align:center}

#popcontent {
	width: 100%;
	text-align: center;
}

#content-container {
	width: 760px;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: left;
}

#popcontent-container {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}

#contentleft {
	width: 170px;
	padding: 15px 0 0 0;
	margin: 0px;
	float: left;
	background: #fff;
}

#contentcenter {
	width: 410px;
	padding: 20px 0px 0px 10px;
	margin: 0px;
	float: left;
	background: #fff;
}

#contentright {
	width: 170px;
	padding: 15px 0 0 0;
	margin: 0px;
	float: left;
	background: #fff;
}

#contentcenterright {
	width: 580px;
	padding: 20px 0px 0px 10px;
	margin: 0px;
	float: left;
	background: #fff;
}
#popcontentcenter {
	padding: 20px;
	margin: 0px;
	background: #fff;
}
/*
 CC - Added Affiliate Float Image Properties - can be reused as 'class = "affiliateImage right">'

below has a nice bgcolor for the site, but wasn't in the spec...
.affiliateImage { margin: 5px; padding: 5px; border: solid 1px #E5E5FF; background: #E5F2FF; font-size:90%; color: black }
*/
.right { float: right; }

/*
Header styling
*/

#header {
	background: #000 url(../img/assets/header.jpg) no-repeat top center;
	width: 100%;
	height: 101px;
}

#header .bullet_gif {
    /* border: 1px solid white; */
    margin: 0 4px 0 5px;
}

#header-container {
	margin: 0 auto;
	width: 770px;
}

#header-container td.logo {
	padding-left: 33px;
}

#header-container td.util {
	padding: 7px 0px 0px 0px;
	text-align: right;
	margin-bottom: 0px;
}

#header-container td.util a {
	font-family: Arial, Verdana, Univers, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

#header-container td.util a:visited {
	color: #FFFFFF;
}

#header-container td.util a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#header-container td.util a:active {
	color: #FFFFFF;
}

.search{
	color: #FFF;
	padding-right: 6px;
	margin-top: 2px;
	text-align: right;
	font-family: Arial, Verdana, Univers, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 10px;
	font-weight: bold;
	white-space: nowrap;
}

form#searchtop {
	margin: 5px 0px 0px 0px;
}

#searchtopbox{
	font-size: 11px;
	border: 1px inset #cccccc;
}

#searchtoplist{
	font-size: 11px;
}

/*
Navigation styling
*/

table.nav {
	background-color: white;
}

table.nav td {
	background-color: white;
	color: #082F50;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	height: 23px;
	padding: 0px;
    white-space: nowrap;
	
}

table.nav td a {
	color: #092f4f;
	border: 1px solid white;
	padding: 3px 7px;
	background-color: white;
}

table.nav td a:hover, table.nav td a.active {
	color: #092f4f;
	border: 1px solid #98d9f3;
	padding: 3px 7px;
    background: #d3eef9;
	text-decoration: none;
}

#space_up{
    height:18px;
}
#space_down{
    width:100%; 
    font-size:1px; 
    margin-top:-1px;
    height:6px; 
    background: #fff url(../img/assets/shadow_left.jpg) no-repeat right top;
}
    

/*
Global styling
*/

body {
	background: url(../img/assets/bg.jpg) repeat-x top;
	font-family: Arial, Verdana, Univers, sans-serif;
	line-height: 17px;
	padding: 0;
	margin: 0;
}

p, ul, ol, span.plain{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #333333;
}

a:link, a:visited {
	color: #000099;
	text-decoration: none;
}

.contentCenter {
	width: 390px;
    /* isIEPre7
	    */
}
.contentCenter h3 {
    margin: 0;
}
.contentCenter h1 {
    margin: 0;
    font-size: 19px;
}

.contentCenterRight {
    padding:4px;
	width: 560px;
    /*
	    */
}
.contentCenterRight a, .contentCenterRight a:visited,.contentCenterRight  a:hover {
    padding:4px 0;
    color: #ED4400;
	text-decoration: none;
}

.contentCenterRight h3 {
    margin-bottom:16px;
}
.contentCenterRight h4 {
    color:#000;
    margin: 0;
}
.contentCenterRight ul {
}
.contentCenterRight hr {
    border: 0;
    color: #ccc;
    background-color: #999;
    height: 1px;
    width: 100%;
}
.contentCenterRight div {
    margin: 0 0 30px 0;
    width: 100%;
}
.contentCenterRight div ol p {
    margin: 0 0 5px 20px;
}

/* usb compatible */
.usbcompat h3 {
    background: #6EAED2;
	font-family: Univers, Helvetica, Verdana, Arial, sans-serif;
	line-height: 1em;
	margin: 0;
    text-align: left;
	padding:3px;
	word-spacing:5pt;
	background-repeat:repeat-y;
	color: #ffffff;
    border: 1px solid #000;
}

.usbcompat table {
    font-size: 11px;
    border-collapse: collapse;
    border: 2px solid black;
}
.usbcompat td {
    padding: 0 5px;
}
.usbcompat table td.header{
    font-size: 11px;
    background: #999999;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
}
.usbcompat table td.brand{
    background: #ffffcc;
    color: #555599;
    text-align: center;
    font-weight: bold;
}
.usbcompat table td.compat{
    text-align: center;
    background: #ffffff;
    color: #999999;
}
.usbcompat table td.noncompat{
    text-align: center;
    background: #ffffff;
    color: #ffffff;
}

/* how it works */
.content-howitworks {
    text-align: center;
    width: 100%;
}
.content-howitworks div {
    margin-bottom: 20px;
    text-align: center;
}
.content-howitworks .text{
    text-align: left;
}
.content-howitworks a, .content-howitworks a:visited,.content-howitworks  a:hover {
    padding:4px 0;
    color: #ED4400;
	text-decoration: none;
}
.content-howitworks h3 {
    background: #6EAED2;
	font-family: Univers, Helvetica, Verdana, Arial, sans-serif;
	line-height: 1em;
	margin: 0;
    text-align: left;
	padding:3px;
	word-spacing:5pt;
	background-repeat:repeat-y;
	color: #ffffff;
    border: 1px solid #000;
}
.howitworks-center {
    width: 80%;
    text-align: center;
    margin: 0;
}
ul.twoColumnList {
    border-left: 1px solid #ccc;
    float:left;
    width:240px;
    display: inline;
    margin-left: 0;
    padding: 5px;
	/* padding-left: 20px; */
    list-style-position: outside;
    list-style-type: none;
}
ul.twoColumnList li{
    margin: 5px; 
    padding: 0px;
    text-align: left;
	white-space: nowrap;
}
#tipImages {
    float:right;
    width:240px;
}


h1, h3, span.h3, h5 {
	font-family: Univers, Helvetica, Verdana, Arial, sans-serif;
	line-height: 1em;
	margin: 0;
	background-image: url(../img/assets/bg_pageTitle.jpg);
	padding:3px;
	word-spacing:1pt;
	background-repeat:repeat-y;
	color: #ffffff;
}

span.noshow, div.noshow {
	display: none;
}

#ymfContentHeader {
	margin: 6px 0px 2px 0px;
}

#ymfTitle {
	font-family: Univers, Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: -.05em;
	line-height: 15px;
	margin-left: 8px;
	margin-right: 0.1in;
	margin-top: 6px;
	margin-bottom: 6px;
}

#ymfLogo {
	margin-left: 0.1in;
	margin-right: 7px;
	margin-top: 9px;
	margin-bottom: 9px;
	border-width: 0;
}

h4 {
	color: #3A7FB6;
	font-size: 12px;
	margin: 0px 0px 0px 15px;
}

span.searchtitle {
	color: #082f50;
	font-size: 16px;
	font-weight: bold;
    padding-left: 3px;
    padding-bottom: 0px;
}


h2, span.newsletter {
	color: #3A7FB6;
	font-size: 17px;
	font-weight: bold;
}

div.subnav {
	background: url(../img/assets/bg_subnav0.jpg) no-repeat;
	width: 160px;
	height: 23px;
	margin-left: 10px;
	vertical-align: middle;
	line-height: 22px; /* This must match the background image height */
	text-transform: uppercase;
}

div.subnav-on {
	background: url(../img/assets/bg_subnav1.jpg) no-repeat;
	width: 160px;
	height: 23px;
	margin-left: 10px;
	vertical-align: middle;
	line-height: 22px; /* This must match the background image height */
	text-transform: uppercase;
}

div.subnav a,
div.subnav a:hover,
div.subnav a:visited,
div.subnav-on a:hover,
div.subnav-on a:visited  {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #16416C;
	padding-left: 15px;
}

div.subnavDoubleLine {
	background: url(../img/assets/bg_subnav0_38pxHigh.jpg) no-repeat;
	width: 160px;
	height: 38px;
	margin-left: 10px;
	padding-top: 2px;
	line-height: 13px;
	vertical-align: middle;
	line-height: 22px; /* This must match the background image height */
	text-transform: uppercase;
}

div.subnavDoubleLine-on {
	background: url(../img/assets/bg_subnav1.jpg) no-repeat;
	width: 160px;
	height: 38px;
	margin-left: 10px;
	padding-top: 2px;
	line-height: 13px;
	vertical-align: middle;
	line-height: 22px; /* This must match the background image height */
	text-transform: uppercase;
}

div.subnavDoubleLine div, div.subnavDoubleLine-on div {
	margin-top: -8px; /* Move the second line closer to the first. */
}

div.subnavDoubleLine a,
div.subnavDoubleLine a:hover,
div.subnavDoubleLine a:visited,
div.subnavDoubleLine-on a:hover,
div.subnavDoubleLine-on a:visited  {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #16416C;
	padding-left: 15px;
	vertical-align: middle;
}

.ymfContent {
	width: 390px;
}

.ymfContentBold {
    width: 390px;
    font-weight: 700;
}

.ymfAbout {
    width: 390px;
    font-weight: 700;
    margin-bottom: -10px;
}

#subnavYmf {
	margin-top: 3px;
	margin-left: 10px;
	vertical-align: middle;
}

#ymfInstrumentHeading {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #333333;
}

#ymfWebsiteLink {
	color: #E54800;
	margin-top: 12px;
	font-weight: bold;
}

#ymfWebsiteLink a {
	color: #E54800;
}

    

a:hover { text-decoration: underline; }

div.footer {
	width: 100%;
	text-align: center;
	line-height: 25px;
}

div.footer div.footerlinks {
	width: 730px;
	max-width: 730px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

div.footer div#verisignlogo {
	float: right;
	height: 95px;
	line-height: normal;
}
div.footer div#trustelogo {
	float: left;
	height: 95px;
	line-height: normal;
}

div.footer div.footerlinkrow {
	white-space: nowrap;
	margin-left:150px;
}

div.footer a, div.footer a:visited, div.footer a:active {
	color: #15426C;
	font-size: 11px;
	white-space: nowrap;
	margin-left: 0.5ex;
	margin-right: 0.5ex;
}

div.footer span {
	color: #000000;
	font-size: 11px;
	white-space: nowrap;
}

img.navsep {
	padding: 2px 0px 3px 0px;
}

div.toptencontainer {
	margin-left: -13px;
}

ol.topten {
	line-height: 12px;
}

ol.topten li {
	font-size: 11px;
	color: #3a7fb6;
	margin-bottom: 13px;
}

ol.topten li a, ol.topten li a:visited, ol.topten li a:active {
	font-weight: bold;
	color: #15426b;
}

div.searchsheetmusic {
	background: url(../img/assets/searchsm_bg.jpg) no-repeat;
	padding: 6px;
}

div.searchsheetmusic table td {
	font-family: Arial, Verdana, Univers, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

div.searchsheetmusic td#filterButtons input.formButtonSubmitLayout {
	width: 7em;
	margin-left: 5px;
	margin-right: 5px;
}

.searchtextinput {
	background: url(../img/assets/searchinput_bg.jpg) no-repeat;
	border: 1px inset #cccccc;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	height:15px;
}

form#newsletter {
	margin-top: 5px;
	margin-bottom: 0px;
}

#newsletterbottomline{
	margin-bottom: -0px;
}

.textinput {
	border: 1px inset #cccccc;
	font-family: verdana;
	font-size: 11px;
	height: 15px;
	width: 190px;
}

.textinput150 {
	border: 1px inset #cccccc;
	font-family: verdana;
	font-size: 11px;
	width: 150px;
}

.selectclass {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
}

.selectclass150 {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	width: 150px;
}

.imageinput {
	margin-bottom: -6px;
}

.buttonclass {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background: #e5e5e5 url(../img/assets/button_bg.jpg) center center;
}

div.flashfeature {
	background-color: #000000;
	width: 390px;
	margin-bottom: 10px;	
}

div.rightbanner {
	margin-top: 7px;
	margin-left: 9px;
	margin-right: 0px;
}

/* About Us page - Formerly located in overview.css */

.overviewContainer {
	width: 560px;
	height: 696px;
	margin-top: 10px;
	background: white url(../img/assets/aboutUs.jpg) no-repeat top center;
}

.overviewText {
	position: relative;
	top: 395px;
	margin-left: 8px;
	margin-right: 8px;
	font-family: Arial Narrow, Arial, Verdana, Univers, Helvetica, sans-serif;
	font-size: 9pt;
	color: black;
}

.overviewDownload {
	margin-top: 23px;
	text-align: center;
}

/*
Shopping Cart Styling
*/

table.shoppingcart {
	margin: 0px 0px 20px 0px;
}
table.shoppingcart th {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #818181;
	text-align: left;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	background: #eaeaea url(../img/assets/cart_bg.jpg) center center;
}
table.shoppingcart tr.cartitem td {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #333333;
	border-bottom: 1px dashed #c0c0c0;
}
table.shoppingcart tr.total td {
	height: 30px;
	font-weight: bold;
    border-bottom: 1px dashed #c0c0c0;
}
table.shoppingcart span.disclaimer {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9px;
	color: #818181;
}
table.shoppingcart td.cartsubtotal {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #6c6c6c;
	font-weight: bold;
	background: #e6e6e6;	
	border: none;
}
table.shoppingcart td.carttotal {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: white;
	font-weight: bold;
	background: #818181;	
	border: none;
}
table.address td
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	text-align: left;
}
div#cartempty {
	margin: 20px 0px 20px 0px;
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #6c6c6c;
	font-weight: bold;
}

.cartPromotionCode {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
}

.promotionCode {
    margin-top: 25px;
    margin-bottom: 25px;
}

.promotionCodeForm {
    margin-top: 5px;
}

.promotionCodeDiv {
	vertical-align: middle;
    padding: 0 12px 0 0;
    margin: 5px 4px 5px 0;
}

.promotionCodeField {
    width: 150px;
}

.promotionCodeError {
    color: red;
    font-size: 12px;
    text-align: left;
    margin-bottom: 20px;
}

.promotionCodeErrorIcon {
    padding-top: 2px;
    padding-right: 7px;
}

.thankYouList {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #333333;
}


/*
Mini-cart styling
*/

div#minicartcontainer {
	margin-bottom: 15px;
}

table.minicart {
	background-color: #ffffff;
	border: 1px solid #C1E8F9;
	border-collapse: collapse;
}

table.minicart td {
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #C1E8F9;
}

table.minicart td a, a.editcart {
	color: #16416C;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

table.minicart tr.subtotal {
	background-color: #d3eef9;
	color: #000000;
	font-weight: bold;
}

table.minicart tr.subtotal td {
	white-space: nowrap;
}

/*
Filter Search Results Box styling
*/

div.filtersearchresults {
	background: url(../img/assets/filtersearch_bg.jpg) no-repeat;
	width: 390px;
	height: 234px;
	padding-top: 13px;
}

div.filtersearchresults .filtertitle {
	font-family: Univers, Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin-left: 13px;
}

div.filtersearchresults table td {
	font-family: Arial, Verdana, Univers, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

/*
Filter Search Results Box styling
Abbreviated version for filters that only need two lines
*/

div.filtersearchresultsSmall {
    background: url(../img/assets/filtersearch_bg_sm.jpg) no-repeat;
    width: 390px;
    height: 190px;
    padding-top: 13px;
}

div.filtersearchresultsSmall .filtertitle {
    font-family: Univers, Arial, Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    margin-left: 13px;
}

div.filtersearchresultsSmall table td {
    font-family: Arial, Verdana, Univers, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000;
}

/*
Search Results List styling
*/

div.searchterm {
	font-family: Univers, Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: 5px;
}

div.searchnoresults {
	font-family: Univers, Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 15px;
}

li.searchnoresults {
	font-family: Univers, Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	margin-right: 5px;
}

div.searchresults {
	padding-top: 10px;
	width: 100%;	
}

div.searchitem {
	border: 1px solid #ededed;
	width: 372px;
	text-align: left;
	font-size: 12px;
	margin: -1px 0px 0px 0px;
	padding: 8px;
}

/* for when searchitems are in a two-column layout. */
td div.searchitem {
	width: 186px;
}

div.searchitem div.coverlink {
	margin: 0px 15px 0px 0px;
	float: left;
}

img.albumcover {
	padding: 3px;
	background: transparent url(../img/assets/thumbnail_bg.jpg) no-repeat;
	border: none;
}

div.searchitem .categoryname {
	line-height: 14px;
	margin-top: -9px;
	margin-bottom: -9px;
}

div.searchitem .iteminfo {
	/* width: 160px;
	float: left;
    white-space: nowrap; */
}

div.searchitem .iteminfo ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

div.searchitem .iteminfoProduct {
	width: 160px;
	float: left;
}

div.searchitem .iteminfoBook {
	width: 260px;
	float: left;
}

div.searchitem .iteminfoBook ul, div.searchitem .iteminfoProduct ul {
    list-style:none;
    margin:0;
    padding:0
}
div.searchitem .iteminfoBook ul li big, div.searchitem .iteminfoProduct ul li big {
	font-size: 13px;
	font-weight: bold;
    color: #ED4400;
}

div.searchitem .iteminfo b {
	color: #333;
	font-weight: bold;
}

div.searchitem .iteminfo big {
	font-size: 13px;
	font-weight: bold;
    color: #ED4400;
}

div.searchitem .itemPreview {
	font-size: 14px;
}

div.searchitem .itemprice {
	width: 100px;
	text-align: center;
	padding-top: 10px;
	float: right;
}

div.searchitem .itemprice big {
	font-size: 20px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	color: black;
}

div.searchitem .itemprice input {
	margin-top: 10px;
}

div.searchitem a,div.searchitem a:visited,div.searchitem a:hover {
    color: #ED4400;
}

.viewAllChaptersLink {
	white-space: nowrap;
}

div.contentlist a,div.contentlist a:visited,div.contentlist a:hover {
    color: #ED4400;
}

/*
Order History
*/

table.order td {color:#000000; font-family:verdana; font-size:11px;}
table.order th {color:#333333; font-family:verdana; font-size:11px; font-weight:bold; text-align:left;}
table.order td.order-tr {border-top: 1px solid #ababab; border-right: 1px solid #999999;}
table.order td.order-tl {border-top: 1px solid #ababab; border-left: 1px solid #ababab;}
table.order td.order-t {border-top: 1px solid #ababab;}
table.order td.order-tldash {border-top: 1px dashed #ababab; border-left: 1px solid #ababab;}
table.order td.order-tdash {border-top: 1px dashed #ababab;}
table.order td.order-prodsubcol {border-top: 1px dashed #ababab; border-left: 1px solid #ababab; border-right: 1px solid #ababab;}
table.order td.order-taxcol {border-top: 1px dashed #ababab; border-left: 1px solid #ababab; border-right: 1px solid #ababab;}
table.order td.order-subtotcol {border-top: 1px dashed #ababab; border-left: 1px solid #ababab; border-right: 1px solid #ababab; background-color:#FFFFFF;}
table.order td.order-totcol {border-top: 1px dashed #ababab; border-left: 1px solid #ababab; border-right: 1px solid #999999; border-bottom: 1px solid #999999; font-weight:bold;}


/* Download */

div.downloadPageSubheading {
    font-family: Univers, Helvetica, Verdana, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    margin-top: 15px;
    padding-top: 0px;
    margin-bottom: 3px;
    padding-bottom: 0px;
}

#dmnClientNoMacs {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    color: #333333;
    margin-top: 0px;
    padding-top: 0px;
}

ul#dmnClientRequirements {
	list-style-type: disc;
}

#dmnClientRequirements li {
    padding-bottom: 7px;
    display: list-item;
}

#dmnClientTerms {
    width: 560px;
    margin-top: 8px;
}

/* Styles for the Song Contest */

#songContestTitle {
    font-family: Univers, Helvetica, Verdana, Arial, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: -.05em;
    line-height: 15px;
    margin-left: 8px;
    margin-right: 0.1in;
    margin-top: 6px;
    margin-bottom: 6px;
}

#songContestScreenshot {
    margin-left: 8px;
    margin-right: 0px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 0px;
}

.songContestContent {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    color: #333333;
}

.songContestContent a,
.songContestContent a:visited {
    color: #E54800;
}

.songContestPromotionCode {
    text-align: center;
    font-weight: 700;
}


/*** HACKED IN FROM OLD SITE BY HZ ***/

/* ------------------- forms ------------------- */
form ul {list-style:none;margin:0;padding:0}
form li {margin-bottom:1em}
form#billingaddress {margin:30px 0}

#contact form#billingaddress {margin:10px 0}

#content form label{
    float:left;
    display:block;
    margin-right:0.5em;
    text-align:left;
}

#content form li.chkinput label {
    float:none;
    display:inline;
    margin-right:0;
    text-align:left;
}

#AffiliateForm {

}

#AffiliateForm label {
	width: 20em; 
}

form#billingaddress label{width:20em;}
form#billingaddress label#country {width:80px;}
form#billingaddress li.chkinput label{width:auto;}
form#billingaddress li.chkinput{margin:0 0 0 80px}
form#billingaddress h2 {margin-bottom:25px}
.customerreturn form label {width:8.5em;}
.customerreturn form li.chkinput label{width:auto;}
.customerreturn form li.chkinput {margin-left:9em}
html>body .customernew form li.chkinput {margin-left:8.5em}
.customerreturn form li.chkinput span{margin-left:2em}

#myaccount form#billingaddress #wider label{width:10em;}
#checkout form#billingaddress #wider label{width:10em;}

#contact form#billingaddress label{width:10em;}
.cartlist form input, form#frmcheckout input, form#billingaddress input.button,
.customerreturn form input.button, .customernew form input.button,
.styledFormButton {
	background: url(images/chkoutarrow.png) no-repeat 90% 50% #7c8bb0;
	font-weight:bold;
	border:1px solid; 
	border-color: #e6e9f0 #000 #000 #e6e9f0;
	color:#fff;
	padding:0 12px 0 0;
	margin:10px 4px 5px 0;
	cursor: pointer;
}

html>body .cartlist form input, html>body form#frmcheckout input, html>body form#billingaddress input.button, html>body .customerreturn form input.button, html>body .customernew form input.button {
padding:0 22px 0 7px;
background-position: 95% 60%
}

.cartlist form input {width:7em}

/* IE Mac hide \*/
.cartlist form input {width:auto}
/* End hide */


div.error {
    color: red;
    font-size: 13px;
	margin: 20px 0 0 20px;
	text-align: left;
}
#contact div.error {
	margin: 20px 0 0 10px
}
div.erroricon {
    float: left;
    padding-right: 7px;
    vertical-align: middle;
    width: 21px;
}
form span.error {
	padding:0 0 2px 80px;
	display:block;
}

.passwordtext {
padding:0 0 2px 80px; 
display:block; 
font-size:0.8em
}

.passwordtextLibrary {
display:block; 
font-size:0.8em;
margin-left:15px;
}

#billingerror{float:left;width:150px}
#carddetailserror{float:right;width:150px}

.chkagree {
width:400px;
margin-left:80px;
padding:10px 0;
border: solid 1px #b7b7b7;
border-width:1px 0}

#content form li.chkagree label{
float:none;
width:auto;
margin-left:2em;
text-align:left;
}

#content form li.chkagree input{
float:left;
}

#content form ul.listbottomborder {
margin:20px 0;
padding:0 0 8px;
border-bottom: 1px solid #b4b4b4;
}

/* Pop-ups */

#infopage {margin:15px; color:#fff}
#infopage {background:#fff}
#infopage p {font-size:1.15em}
#infopage strong {font-style:italic; font-size:1.1em}




.cartaccount ul, .paging {list-style:none; margin:0; padding:0;}
.cartaccount li, ul.paging li {display:inline;}

#page_nav_current{
    color: #999;
    text-decoration: underline;
}
.paging, .paging a:link, .paging a:visited {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #ED4400;
}

#sheetmusic ul.paging  {padding-bottom:15px}
#sheetmusic .paging li {padding:1px;}

ul.paymentprocess{
list-style:none;margin:0; padding:0;
margin-left:60px;
}

ul.registration{
list-style:none;margin:0; padding:0;
margin-left:150px;
}

#application .cartlist p a, #home .cartlist p a, #application .dlblock p a, #home .dlblock p a  {
color:#12408c; 
font-weight:bold
}

#home .cartlist p a {color:#000}
#home .dlblock p a {color:#000}

ul.paymentprocess li, ul.registration li {
text-align:center;
font-weight:bold;
font-size:1em;
color:#000;
width:150px;
float:left;
margin:0 1px;
height:18px;
line-height:18px;
}

html>body ul.paymentprocess li, html>body ul.registration li{height:auto;min-height:18px}

ul.paymentprocess li span, ul.registration li span  {display:block; height:18px;
}

/* Standard style for submit button
   IE adds space to the buttons by default.
   It adds too much - don't tack on even more. */
.formButtonSubmitLayout {
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(5, 61, 102);
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(5, 61, 102);
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 0px;
	width: auto;
}

/* Standard style for reset button */
.formButtonClearLayout {
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(71, 135, 191);
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(71, 135, 191);
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 0px;
	width: auto;
}

.formButtonGoLayout {
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(5, 61, 102);
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(5, 61, 102);
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: auto;
	height: 17px;
}

.formButtonAddToCartLayout {
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(5, 61, 102);
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(5, 61, 102);
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 0px;
	width: 90px;
}

.announcement h4 {
	font-size: 15px;
    margin: 4px 0;
	font-weight: bold;
}
.announcementTitle {
	font-size: 18px;
	font-weight: 700;
}
input.blue_button {
    border:1px solid #999;
    background: #ddf;
    color:blue;
    width:200px;
    font-size:14px;
    height: 30px;
    margin: 4px;
}
h4.list_header {
    font-weight: bold;
}
h4.subtitle {
    font-size:14px;
    font-weight: bold;
    margin-top:20px;
}
h4.section_title {
    font-size:14px;
    font-weight: bold;
    color:white;
    background: #999;
    margin: 5px 0;
    padding: 4px;
}
ul.general li {
    margin-bottom: 10px;
}
ul.general li p{
    margin: 2px;
}
ul.tight li {
    margin-bottom: 2px;
}

div.faq {
	font-family: arial, 'sans-serif';
	position: relative;
	margin-bottom: 0px;
}

div.faq hr {
	line-height: 1px;
	font-size: 1px;
}

p.faqCategoryList {
	font-size: 12px;
	font-weight: bold;
}

div.faqCategoryList a {
	margin-left: 0.5ex;
	margin-right: 0.5ex;
}

div.faq p.question {
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

div.faq p.answer {
	margin: 0px;
	padding: 0px;
}
div#kb_sync_setup div {
    margin: 0;
}
div.image_wrapper{
    text-align: center;
    margin: 10px 0;
}
div.image_wrapper img{
    margin: 10px 0;
}
div.image_wrapper p.image_comment {
    text-align: center;
    color: blue;
}
div#keyboardsync_xp, div#keyboardsync_vista {
    display: none;
}
div.logo_right {
    text-align: right;
    margin: 10px;
}
div.logo_right img{
    margin: 0 10px;
}

/* CMS related styles */
a.cms_homepage_topten {
    color: #ffffff;
}

ul.cms_homepage_topten 
{
    margin: 2px;
    padding: 2px;
    list-style: none;
    list-style-position: outside;
    line-height: 15px;
}

ul.cms_homepage_topten li
{
    color: white;
    font-size: 10px;
    margin-top: 0px;
    margin-left: 10px;
}
ul.cms_homepage_topten li a
{
    color: white;
}
ul.cms_homepage_topten li p
{
    margin: 0 0 0 18px;
}
ul.cms_homepage_topten li p a
{
    color: #9ef;
    font-size: 10px;
    font-weight: 700;
    font-style: italic;
}
li div.hp_topten_number {
    width: 20px;
    margin-right: 0px;
    float: left;
}
p.hp_topten_title
{
    font-weight: bold;
    margin: 0;
    font-size: 20px;
    color: white;
}

div#seal
{
	float: right; 
	width:100px; 
	margin:0px;
}

div#trustelogo
{
	margin-top:10px;
}

.originalprice
{
	text-decoration: line-through;
}
.reducedprice
{
	color:red;
}
big
{
	line-height: 22px;
}
