@charset "UTF-8";

/* CONTENT GLOBAL */
.contentglobal { position: relative; margin: 0 auto; padding: 10px 0; width: 980px; overflow: hidden; display: block; }

/* CONTENT GENERIC */
.contentgeneric { position: relative; margin: 42px 20px 0 0; padding: 0 auto; width: 342px; overflow: hidden; display: block; float: right; }

/* BOX GLOBAL*/
.boxglobaltop { position: relative; margin: 0 auto; padding: 0 auto; width: 980px; height: 12px; display: block; background-image: url(../images/boxglobaltop.jpg); background-repeat: no-repeat; }
.boxglobalcenter { position: relative; margin: 0 auto; padding: 0 auto; width: 980px; overflow: hidden; display: block; background-image: url(../images/boxglobalcenter.jpg); background-repeat: repeat-y; }
.boxglobalbottom { position: relative; margin: 0 auto; padding: 0 auto; width: 980px; height: 12px; display: block; background-image: url(../images/boxglobalbottom.jpg); background-repeat: no-repeat; }

/* HOME FRONT */
#homefront { position: relative; margin: 0 auto; padding: 0 auto; width: 782px; height: 200px; display: block; float: left; background-image: url(../images/homefront.jpg); background-repeat: no-repeat; }

/* SEPARATOR */
.separator { position: relative; margin: 10px 0; padding: 0 auto; width: 100%; overflow: hidden; display: block; border-bottom: 1px solid #e5e5e5; }

/* BOX GLOBAL COLUMN 1 */
.boxcolumn1 { position: relative; margin: 0 auto; padding: 0 auto; width: 188px; height: 200px; display: block; float: right; }
.boxcolumn1top { position: relative; margin: 0 auto; padding: 0 auto; width: 188px; height: 32px; display: block; background-image: url(../images/boxcolumn1top.jpg); background-repeat: no-repeat; }
.boxcolumn1top h4 { position: relative; margin: 0 auto !important; padding: 10px 0 0 12px !important; display: block; }
.boxcolumn1center { position: relative; margin: 0 auto; padding: 10px 0 0 0; width: 188px; height: 146px;; display: block; background-image: url(../images/boxcolumn1center.jpg); background-repeat: repeat-y; }
.boxcolumn1bottom { position: relative; margin: 0 auto; padding: 0 auto; width: 188px; height: 12px; display: block; background-image: url(../images/boxcolumn1bottom.jpg); background-repeat: no-repeat; }
.boxcolumn1 li { position: relative; margin: 0 12px; padding: 0 auto; width: 164px; overflow: hidden; display: block; float: left; font-size: 11px !important; text-align: left !important; }
.boxcolumn1 li img.center { display: block; margin-left: auto; margin-right: auto; padding: 0 0 10px 0 !important; }
.boxcolumn1 li p { margin-bottom: 0 !important; }

/* BOX PANEL */
.boxpaneltop { position: relative; margin: 0 auto; padding: 0 auto; width: 980px; height: 32px; display: block; background-image: url(../images/boxpaneltop.jpg); background-repeat: no-repeat; }
.boxpaneltop h4 { position: relative; margin: 0 auto !important; padding: 10px 0 0 12px !important; display: block; color: #FFFFFF !important; }
.boxpanelbottom { position: relative; margin: 0 auto; padding: 0 auto; width: 980px; height: 513px; display: block; background-image: url(../images/boxpanelbottom.jpg); background-repeat: no-repeat; }
.boxpanelcolumnthumbsleft { position: relative; margin: 10px 0 0 12px; padding: 0 auto; width: 233px; height: 481px; display: block; background-image: url(../images/boxpanelcolumnthumbs.png); background-repeat: no-repeat; float: left; }
.boxpanelcolumnthumbsleft h5 { position: relative; margin: 0 auto; padding: 10px 0 20px 12px; display: block; color: #ffffff !important; }
.boxpanelcolumnthumbsleft h5 img { position: relative; margin: 0 auto; padding: 2px 22px 0 0; display: block; float: right; }
.boxpanelcolumnthumbsright { position: relative; margin: 10px 12px 0 0; padding: 0 auto; width: 233px; height: 481px; display: block; background-image: url(../images/boxpanelcolumnthumbs.png); background-repeat: no-repeat; float: right; }
.boxpanelcolumnthumbsright h5 { position: relative; margin: 0 auto; padding: 10px 0 20px 12px; display: block; color: #ffffff !important; }
.boxpanelcolumnthumbsright h5 img { position: relative; margin: 0 auto; padding: 2px 22px 0 0; display: block; float: right; }
.listing { position: relative; margin: 0 auto; padding: 0 auto; width: 203px; overflow: hidden; }
.listing a { color: #D9D9D9 !important; border-top-color: #000000; }
.listing td { color: #D9D9D9 !important; ; font-size: 10px !important; }
.listing td strong { font-weight: bold; color: #FFFFFF !important; }
.listing td { color: #D9D9D9 !important; border-top-color: #000000; }
.thumbs { color: #08c !important; text-align: center; }
.thumbsseparator { height: 10px; }
.thumbswhite { position: relative; margin: 0 auto; padding: 10px 0 0 0; display: block; }
#boxpanelcolumncdfront { position: relative; margin: 10px 0 0 12px; padding: 0 auto; width: 467px; height: 481px; display: block; float: left; background-image: url(../images/boxpanelcolumncdfront.png); background-repeat: no-repeat; }

/* BOX MUSIC */
.boxmusciccolumnleft { position: relative; margin: 10px 10px 0 12px; padding-top: 20px; width: 183px; height: 481px; display: block; background-image: url(../images/boxmusicolumn.png); background-repeat: no-repeat; float: left; }
.boxmusciccolumnleft h5 { position: relative; margin: 0 auto; padding: 10px 0 20px 12px; display: block; color: #ffffff !important; }
.boxmusciccolumnmedium { position: relative; margin: 10px 10px 0 0; padding: 0 auto; width: 183px; height: 481px; display: block; background-image: url(../images/boxmusicolumn.png); background-repeat: no-repeat; float: left; }
.boxmusciccolumnmedium h5 { position: relative; margin: 0 auto; padding: 10px 0 20px 12px; display: block; color: #ffffff !important; }
.boxmusciccolumnright { position: relative; margin: 10px 12px 0 0; padding-top: 20px; width: 183px; height: 481px; display: block; background-image: url(../images/boxmusicolumn.png); background-repeat: no-repeat; float: right; }
.boxmusciccolumnright h5 { position: relative; margin: 0 auto; padding: 10px 0 20px 12px; display: block; color: #ffffff !important; }
.boxmusciccolumn { position: relative; margin: 10px 12px 0 0; padding: 0 auto; width: 183px; height: 481px; display: block; float: left; background-image: url(../images/boxmusicolumn.png); background-repeat: no-repeat; float: right; }
.boxmusciccolumn h5 { position: relative; margin: 0 auto; padding: 10px 0 20px 12px; display: block; color: #ffffff !important; }
.listing2 { position: relative; margin: 0 auto; padding: 0 auto; width: 172px; overflow: hidden; }
.listing2 a { color: #D9D9D9 !important; border-top-color: #000000; }
.listing2 td { color: #D9D9D9 !important; ; font-size: 10px !important; }
.listing2 td strong { font-weight: bold; color: #FFFFFF !important; }

/* CD ALBUM FRONT */
#cdfront { position: relative; margin: 0 auto; padding: 0 auto; width: 300px; height: 300px; display: block; }
#boxpanelcolumncdfront h2 { position: relative; margin: 0 auto; padding: 10px 0 20px 0; display: block; color: #ffffff !important; text-align: center; }
#songcdfront { position: relative; margin: 10px 0; padding: 0 auto; color: #D9D9D9 !important; ; font-size: 14px !important; text-align: center; }
#songcdfront strong { font-weight: bold; color: #FFFFFF !important; text-align: center; }
#songcdfront a { color: #D9D9D9 !important; border-top-color: #000000; text-align: center; }

/* CONTENT THUMBS */
#contentthumbs { position: relative; margin: 0 auto; padding: 5px 0 0 0; width: 230px; overflow: hidden; display: block; }
#contentthumbs p { position: relative; margin: 0 auto; padding: 0 0 10px 0; display: block; color: #ffffff !important; font-size: 10px !important; }

/* THUMBS UP */
a#thumbsup{ position: relative; margin: 0 auto; padding: 0 auto; width: 108px; height: 25px; display: block; text-decoration: none; float: left; background-image: url(../images/thumbsup.png); background-repeat: no-repeat; background-position: 0 0; }
a:visited#thumbsup { position: relative; margin: 0 auto; padding: 0 auto; width: 108px; height: 25px; display: block; text-decoration: none; float: left; background-image: url(../images/thumbsup.png); background-repeat: no-repeat; background-position: 0 0; }
a:hover#thumbsup { position: relative; margin: 0 auto; padding: 0 auto; width: 108px; height: 25px; display: block; text-decoration: none; float: left; background-image: url(../images/thumbsup.png); background-repeat: no-repeat; background-position: 0 -25px; }
a:active#thumbsup { position: relative; margin: 0 auto; padding: 0 auto; width: 108px; height: 25px; display: block; text-decoration: none; float: left; background-image: url(../images/thumbsup.png); background-repeat: no-repeat; background-position: 0 -25px; }

/* THUMBS DOWN */
a#thumbsdown{ position: relative; margin: 0 auto; padding: 0 auto; width: 108px; height: 25px; display: block; text-decoration: none; float: right; background-image: url(../images/thumbsdown.png); background-repeat: no-repeat; background-position: 0 0; }
a:visited#thumbsdown { position: relative; margin: 0 auto; padding: 0 auto; width: 108px; height: 25px; display: block; text-decoration: none; float: right; background-image: url(../images/thumbsdown.png); background-repeat: no-repeat; background-position: 0 0; }
a:hover#thumbsdown { position: relative; margin: 0 auto; padding: 0 auto; width: 108px; height: 25px; display: block; text-decoration: none; float: right; background-image: url(../images/thumbsdown.png); background-repeat: no-repeat; background-position: 0 -25px; }
a:active#thumbsdown { position: relative; margin: 0 auto; padding: 0 auto; width: 108px; height: 25px; display: block; text-decoration: none; float: right; background-image: url(../images/thumbsdown.png); background-repeat: no-repeat; background-position: 0 -27px; }

/* CONTENT THUMBS */
#contentthumbs { position: relative; margin: 0 auto; padding: 10px 0 0 0; width: 230px; overflow: hidden; display: block; }
#contentthumbs p { position: relative; margin: 0 auto; padding: 0 0 10px 0; display: block; color: #ffffff !important; font-size: 10px !important; }