@charset "UTF-8";
/*----- Web Solutions 3.0 Compatible -----*/
* {margin:0;padding:0;border:0;outline:none}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit}
td {vertical-align:top}



/*----- CORE ELEMENTS -----*/
#mainBody {background:#603526}
#mainBG{background:#EAE8E7 url(../images/bg_brown.png) repeat-x center top}
#wysiwygBody{background:#fff}
#siteWrap {margin-right:auto;margin-left:auto;width:990px; background:#fff; position:relative}
.clearFloats {clear:both}
#printHeader {display:none}
.nobr { white-space: nowrap}
td {empty-cells:show;}
.even{}
.odd{background:#efefef}

/*----- Text Styles -----*/
body, .text{font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;line-height:1.7em;color:#654032}
body, .text, th{text-align:left}
#content, table{font-size: 1em}

a{color: #003399;text-decoration:underline}
a:hover, a:active{color:#003399;text-decoration:none}

p, h1, h2, h3, h4, hr, #content ul, #contentEditor ul, blockquote, dd{margin-bottom:10px}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:normal}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#000}
em, i{font-style: italic}
b, strong{font-weight:bold}
u { text-decoration:none}
hr, .borderTop, dt{border-top:1px solid #805d51;margin-top:10px;padding-top:5px}
hr{height:0px;margin-top:10px}
h1{font-size:1.33em;margin-bottom:15px}
h2{font-size:1.17em}
h3{font-size:1.1em;margin-bottom:7px}
h4, th{font-size:1.11em}
h5, h6, h7, h8, h9{font-size:1.1em;margin:0px 0px 0px 0px}
#content ul li, #content_home ul li, #contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li{background:url(../images/icons/16x16/bullet.gif) no-repeat 0px 1px;margin-top:3px;padding-left:17px}
#content ol, #content_home ol, #contentEditor ol{margin-left:20px}
#content ul li ul li, #content_home ul li ul li, #contentEditor ul li ul li{background:url(/images/icons/16x16/bullet2.gif) no-repeat -5px -1px;margin-top:3px;padding-left:10px;color:#333;margin-top:2px;font-size:.92em;line-height:1.4em}
#content ul li ul li a, #contentEditor ul li ul li a{color:#666}
#content ul li ul li a:hover, #contentEditor ul li ul li a:hover{color:#f03c5e}
#content ul li ul li ul li a, #contentEditor ul li ul li ul li a{color:#999}
#content ul li ul li ul, #contentEditor ul li ul li ul{margin-bottom:0}
#content ul li ul li ul li a:hover, #contentEditor ul li ul li ul li a:hover{color:#f03c5e}

/*----- Forms -----*/
.formBox, .formTextarea, .ValidatorTextClass input{border:1px solid #ccc;line-height:1.15em;color:#666666;background:transparent url(../images/formboxBG.gif) no-repeat 0 0}
.formBox, .ValidatorTextClass input{padding: 2px 3px;background-color:#fff}
.formTextarea{padding: 2px 0px;background-color:#fff}
.formSelect{padding:0;border:1px solid #ccc;line-height:1.15em}
.formSelect option{padding:0 3px}
.formButton{padding:2px 3px;background:#f03c5e;cursor:pointer;color:#fff;line-height:1.15em;border:solid 1px #e20e23}
.subjClass{visibility:hidden;width:1px;height:1px}
#mainBody #Captcha label{padding-left:0}

/*----- FormCheck Errors -----*/
.fc-tbx .tl{background: url('../images/formCheck/tl.png') no-repeat}
.fc-tbx .t{background:url('../images/formCheck/t.png') repeat-x;height:16px}
.fc-tbx .tr{background: url('../images/formCheck/tr.png') no-repeat}
.fc-tbx .l{background: url('../images/formCheck/l.png') repeat-y;width:16px}
.fc-tbx .r{background: url('../images/formCheck/r.png') repeat-y;width:16px}
.fc-tbx .bl{background: url('../images/formCheck/bl.png') no-repeat}
.fc-tbx .b{background: url('../images/formCheck/b.png') no-repeat;height:25px}
.fc-tbx .b2{background: url('../images/formCheck/b2.png') no-repeat;height:25px}
.fc-tbx .br{background: url('../images/formCheck/br.png') no-repeat}
.fc-tbx .c{background: url('../images/formCheck/c.png') repeat}
.fc-tbx a.close{float: right;background: url('../images/formCheck/close.png') no-repeat;position:relative;margin-left:5px;display:block;width:10px;height:10px;cursor:pointer}
.fc-tbx .err{float:left}
.fc-tbx p{width:auto;display:block;font-size:10px; font-family:Tahoma, Verdana, sans-serif;margin:0;padding:0;border:0;color:#FFF}

.ajax_loader{width:200px;height:150px}
.fc-error{border:1px solid #888;margin-top:5px;background-color:#EAEAEA}
.fc-error p{margin:5px;color:#A00}

/*----- Fancy Checkbox -----*/
#mainBody label{padding-left:20px}
#mainBody .checked{background:transparent url(../images/chk_on.png) no-repeat 0 0}
#mainBody .unchecked{background:transparent url(../images/chk_off.png) no-repeat 0 -2px}
#mainBody .selected{background:transparent url(../images/rdo_on.png) no-repeat 0 -1px}
#mainBody .unselected{background:transparent url(../images/rdo_off.png) no-repeat 0 -1px}



/*----- HEADER -----*/
#header {float:left; height:174px; width:970px; margin:0 10px; background:url(../images/header_bkg.png) repeat-x 0 bottom;}
#brand{width:990px; height:20px; position:absolute; left:0; top:0; background:url(../images/flea_market_music_brown.gif) no-repeat 0 0; display:block}
#logo {width:208px; height:102px; position:absolute; left:75px; top:36px; background:url(../images/dailyUke_logo.png) no-repeat 0 0; display:block;}
#tagline {width:580px; height:80px; position:absolute; top:52px; right:95px; font-size:2.5em; line-height:1.2em; color:#654032; text-align:center;}

#t0 {width:500px;height:20px;position:absolute;left:450px;top:20px;color:#ccc;font-size:10px;line-height:10px;text-align:right}
#t0 a {text-decoration:none;color:#999; }
#t0 a:hover, #tier0 a:active {color:#666}
#t0 a.on {text-decoration:none;color:#666;}

.t1{width:950px;position:absolute;left:0;top:100px;height:30px;background:#fff}
.t1_home{}
.t1 li, .t1_home li{float:left}
.t1 a:link, .t1 a:visited{display: block;color:#fff;text-decoration:none;padding:7px 14px;}
.t1 a:hover, .t1 a:active{background:#42597d;}
.t1 a.on:link, .t1 a.on:visited, .t1 a.on:hover, .t1 a.on:active{background:#fff;color:#132f5d;}
.t1 img, .t1_home img{margin-right:0}
.t1 li ul, .t1_home li ul{position:absolute;z-index:9999;width:200px;padding:5px 0;background:transparent url(../images/navigation/menu_background.png) repeat-y 0px 0px;font-size:12px;line-height:14px}
.t1 li ul li, .t1_home li ul li{float:none;display: block}
.t1 li ul li a, .t1_home li ul li a{color:#fff;text-decoration:none;padding:5px 10px}
.t1 li ul li a:hover, .t1 li ul li a:active, .t1_home li ul li a:hover, .t1_home li ul li a:active{color:#26350c;background:#fff}



/*----- SITEWRAP2 -----*/
#siteWrap2{width:970px;float:left;margin:10px 10px 0; padding-bottom:90px}

/*----- Left Column -----*/
#leftCol{float:left;margin-right:30px;width:200px;min-height:1px;overflow:hidden}

.sidenav{width:200px;overflow:hidden}
.sidenav li{display:inline}
.sidenav li a{width:200px;padding:0px 0px 0px 0px;text-decoration:none;color:#132f5d;display:block;background:#fff url(../images/navigation/nav.gif) no-repeat 0 0;font-size:12px;line-height:14px}
.sidenav li a:hover, .sidenav li a:active{background: #fff url(../images/navigation/nav.gif) no-repeat 0 -100px;color:#000}
.sidenav li.on a{color:#fff;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -200px}

.sidenav li.on ul li a{width:200px;padding:04px 0px 0px 02px;text-decoration:none;color:#999;display:block;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -300px;font-size: 11px;line-height: 13px}
.sidenav li ul li a:hover, .sidenav li ul li a:active{color:#333;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -400px}
.sidenav li ul li.on a{color:#132f5d;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -500px}

.sidenav li ul li.on ul li a{width:200px;padding:0px 0px 0px 0px;text-decoration:none;color:#999;display:block;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -600px;font-size: 10px;line-height: 12px}
.sidenav li ul li ul li a:hover, .sidenav li ul li ul li a:active{color:#333;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -700px}
.sidenav li ul li ul li.on a{color:#132f5d;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -800px}


/*----- Content -----*/
#content{float:left;width:680px;padding-top:30px;overflow:hidden}
.photoright{float:right;padding:0px 0px 10px 20px}
.photoleft{float:left;padding:0px 20px 10px 0px}
.phototreatment{}
.dark{background:#efefef}
.light{background:#fff}


/*----- FOOTER -----*/
#footerContainer{background:#603526}
#footer{width:950px;margin:0 auto 0 auto;padding:30px 0 20px 0;position:relative;color:#bfaea8;font-family:Arial, Helvetica, sans-serif;font-size:.9em;line-height:1.1em}
#footer a{color:#bfaea8;text-decoration:none}
#footer a:hover, #footer a:active{color:#fff}
#footer a.on{text-decoration:underline;color:#fff}
#wsLogo {float:right;margin-left:20px}
#footer table{width:922px;margin:0 0 15px 30px}
#footer table ul li{text-transform:uppercase}
#footer table ul li ul li{text-transform:none}

.visitFleaMarketMusic{position:absolute; left:-8px; top:-80px; width:365px; height:80px}


/* FLEXBOX COLUMNS ------------------------------ */
.ws-flex {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ws-gap);
}

.ws-flex>:is(article,div,li) {
  width: calc( 99.9% / var(--ws-column-count) - ( var(--ws-gap) * ( var(--ws-column-count) - 1 ) / var(--ws-column-count) ) );
}



/*----- HOMEPAGE ELEMENTS -----*/

.homeLeft{width:265px;height:532px;background:#ebe9e8 url(../images/gray_top_bevel.gif) no-repeat 0 0;float:left;margin-right:9px;overflow:hidden;text-align:justify}
.homeLeft .bookSpecs{text-align:center}
.homeCenter{width:401px;height:530px;float:left;margin-right:10px;overflow:hidden}
.homeRight{width:265px;height:532px;float:left;overflow:hidden}
.homeRight a:link, .homeRight a:visited{width:265px;height:459px;padding-top:73px;background:url(../images/complete_song_list.gif) no-repeat 0 0;display:block;text-decoration:none;text-align:center;color:#603526;font-size:12px;line-height:18px}
.homeRight a:hover, .homeRight a:active{background:url(../images/complete_song_list_hover.gif) no-repeat 0 0;display:block;text-decoration:none}

.bookDescription{width:215px;height:375px;padding:25px 25px 20px 25px;overflow:hidden;line-height:1.5em}
.bookDescription_home {position:relative; float:left; width:320px; height:750px; padding:10px 75px; font-size:13px; line-height:18px}
.bookDescription_home span {display:block; margin-bottom:10px; font-size:16px}

.descTop {float:left; width:950px; height:5px; background:url(../images/home/desc_top.gif) no-repeat 0 0}
.descMiddle {float:left; width:950px; background:url(../images/home/desc_middle.gif) repeat-y 0 0}
.descBottom {float:left; width:950px; height:5px; background:url(../images/home/desc_bottom.gif) no-repeat 0 0}


.home-books.ws-flex {
  justify-content: center;
  row-gap: 3em;
  --ws-column-count: 3;
  --ws-gap: .75em;
}

.books {display: flex;flex-direction: column;padding-block:12px;position:relative;border-radius:8px;background:#ebe9e8;text-align:center;}
.books img {margin-bottom:20px;}
.books span {display: block;margin: 0 0 .5em;font-size:1.33em;}
.row-2 {margin-top:50px;}
.togo-wrap {height:360px;}
.togo-wrap img {margin-top:40px}
.links {width:286px;height:39px;margin: auto auto 1em;}
.links a {display:block; float:left; width:138px; height:39px;}
a.buyNow {background:url(../images/home/btn_buy_now.png) no-repeat 0 0;}
a.moreInfo {background:url(../images/home/btn_more_info.png) no-repeat 0 0; margin-left:10px;}

.book365 a.buyNow:hover {background:url(../images/home/buy_now_365_hover.png) no-repeat 0 0}
.book365 a.moreInfo:hover {background:url(../images/home/more_info_365_hover.png) no-repeat 0 0}
.booktogo a.buyNow:hover {background:url(../images/home/buy_now_togo_hover.png) no-repeat 0 0}
.booktogo a.moreInfo:hover {background:url(../images/home/more_info_togo_hover.png) no-repeat 0 0}
.book366 a.buyNow:hover {background:url(../images/home/buy_now_366_hover.png) no-repeat 0 0}
.book366 a.moreInfo:hover {background:url(../images/home/more_info_366_hover.png) no-repeat 0 0}
.bookbari a.buyNow:hover {background:url(../images/home/buy_now_bari_hover.png) no-repeat 0 0}
.bookbari a.moreInfo:hover {background:url(../images/home/more_info_bari_hover.png) no-repeat 0 0}
.book366bari a.buyNow:hover {background:url(../images/home/buy_now_366bari_hover.png) no-repeat 0 0}
.book366bari a.moreInfo:hover {background:url(../images/home/more_info_366bari_hover.png) no-repeat 0 0}
.anotheryear a.buyNow:hover {background:url(../images/home/buy-now-purple.png?v=2) no-repeat 0 0}
.anotheryear a.moreInfo:hover {background:url(../images/home/more-info-purple.png?v=2) no-repeat 0 0}

.welcome{background:url(../images/home/uke_can_change_the_world.jpg) no-repeat 28px 25px;padding:35px 50px 80px 365px}

/*----- APPS AND COMPONENTS -----*/

/*----- Share Links -----*/
#linkBar{font-size:.9em;color:#ccc;margin-top:50px}
#linkBar a{text-decoration:none;color:#999}
#linkBar a:hover, #linkBar a:active{text-decoration:underline;color:#31659b}

/*----- Driving Directions -----*/
.ddGo { padding: 2px 3px; background: #f03c5e; cursor:pointer; color:#fff; font-size:11px; line-height:13px; border: solid 1px #e20e23; height:20px; font-size:12px; margin-left:5px}
#map h2{margin:0 0 5px 0}

/*----- Font Resizer AAA -----*/
.resizeSmall{font-size:9px}
.resizeMedium{font-size:12px}
.resizeLarge{font-size:15px}

/*----- Ad Rotator -----*/
.adRotator{}
.adRotator img{}

/*----- JS Rotator -----*/
#jsRotator{}

/*----- Alert App -----*/
#alertApp{width:910px;background:#900000;padding:15px 0;color:#fff;font-size:14px;line-height:16px;color:#fff;text-align:center}
#alertApp p{color:#fff}
#alertApp a:link, #alertApp a:visited{color:#ffffff;text-decoration:underline}


/*----- Callouts App -----*/
.callouts img{margin-bottom:10px;width:160px}
.callouts span{display:block}



/*----- MANAGEMENT -----*/
#Alert{position:absolute;z-index:9996;width:100%;overflow:hidden;text-align:center;left:0;padding-top: 6px;background-color:#ADC1D7;color:#1D467C;font-size:12px;line-height:14px;opacity:0.8;filter:alpha(opacity=80)}

/*----- Manage -----*/
.manage th{padding:5px 0;border-bottom:1px solid #ccc}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage td{padding:1px}
.manage img.preload{display: none;position: absolute;z-index: 9900;top: 0px; border: solid 1px #FFFFFF}
.manage td.icons{padding-left:5px;width:45px}
.manage td.icons img{float:left;margin:3px 5px 0 0}
.manage .hidden{font-style:italic;color:red}
.button{text-align:right;padding:10px 0}



/*----- CUSTOM -----*/

.details:link, .details:visited{width:279px;height:155px;padding-top:15px;line-height:17px;float:left;border-left:2px solid #fff;text-decoration:none;text-align:center;color:#654032;display:block;background:url(../images/details.gif) no-repeat 0 0}
.details:hover, .details:active{background:url(../images/details_hover.gif) no-repeat 0 0}

#interiorTopText{width:471px;height:135px;padding:25px 30px 10px 30px;float:left;background:#ebe9e8 url(../images/text_bg.gif) no-repeat 0 0;overflow:hidden;color:#654032; text-align:justify;line-height:17px}
#interiorTopText h1{margin:0 0 5px 0}
.cover{float:left;margin-right:10px;}

.songList{background:url(../images/play_a_song_a_day.gif) no-repeat 0 0;padding-left:30px;padding-top:20px;font-family:Verdana, Geneva, sans-serif;font-size:11px;line-height:17px;color:#603526}
.songList ul{float:left;width:190px;margin-right:39px;margin-bottom:30px;}
.songList ul + ul + ul + ul{margin-right:0}
.songList li { text-indent:-15px; padding-left:15px}

.buyNowInt{width:397px; height:39px;display:block;float:left;font-size:14px; color:#000;text-decoration:none;display:block;background:url(../images/buy_now_int.gif) no-repeat right 0;padding-top:10px;margin:0 0 20px 457px}
.buyNowIntBottom{margin-left:360px;width:505px;margin-bottom:20px}
.buyNowIntBottom img{float:left;margin-right:20px}
.buyNowIntBottom a{width:397px; height:39px;display:block;font-size:14px; color:#000;text-decoration:none;display:block;background:url(../images/buy_now_int.gif) no-repeat right 0;padding-top:10px;margin:15px 0 20px 0;float:left}
.buyNowInt:hover, .buyNowInt:active, .buyNowIntBottom a:hover, .buyNowIntBottom a:active{background:url(../images/buy_now_int_hover.gif) no-repeat right 0;color:#000}