/*
+ Decca Records
+ Global Styles
+ Delete Designed
+ http://www.deletelondon.com
*/


/* ## General styles ## */

@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}
body { background-image: url('/images/bodyBg-generic.jpg'); background-color:#FFF !important; background-position: top left; background-repeat: repeat-x; font-family: Arial, sans-serif; font-size: 12px; color: #000000; -webkit-text-stroke: .1px transparent; }
body.classical { background-image:url('/images/bodyBg-classical.jpg');}
body.jazz { background-image:url('/images/bodyBg-jazz.jpg');}
body.pop-and-rock { background-image:url('/images/bodyBg-pop.jpg');}
body.americana { background-image:url('/images/bodyBg-americana.jpg');}
body.world-and-folk { background-image:url('/images/bodyBg-world.jpg');}
body.nostalgia { background-image:url('/images/bodyBg-nostalgia.jpg');}
body.soundtrack { background-image:url('/images/bodyBg-soundtrack.jpg');}

body#home #header {height: 140px;}

a { text-decoration: none; color: #005ca5; }
a:hover { text-decoration:underline;}
.link-arw-l {background-image: url('/images/arw-left.gif'); padding-left: 8px; background-repeat: no-repeat; background-position: left center;}
.link-arw-r {background-image: url('/images/arw-left.gif'); padding-right: 8px; background-repeat: no-repeat; background-position: right center;}

.right { float: right;}
.left { float: left; }
.clear-l {clear: left; height: 0; /* height: 0;  To fix height added by   after divs (which in turn fixes IE 6/7 issue) */ }
.clear-r {clear: right; height: 0; /* height: 0; To fix height added by   after divs (which in turn fixes IE 6/7 issue) */ }
.clear {clear:both; }
.hide {display: none !important; }
.last {padding: 0 !important; margin: 0 !important;}
.overflow-h {overflow: hidden;}

input {background: none;} /* To fix magically appearing white bg underneath  */

h1 { font: italic 30px Georgia, serif; padding-bottom: 5px;}
h2 { font: italic 22px Georgia, serif; padding-bottom: 5px;}
h3 { font: italic 16px Georgia, serif;}
p {padding-bottom: 10px;}

.txt-10 {font-size: 10px;}
.txt-11 {font-size: 11px;}
.txt-12 {font-size: 12px;}
.txt-13 {font-size: 13px;}
.txt-14 {font-size: 14px;}
.txt-15 {font-size: 15px;}
.txt-16 {font-size: 16px;}
.txt-18 {font-size: 18px;}
.txt-20 {font-size: 20px;}
.txt-22 {font-size: 22px;}
.txt-40 {font-size: 40px;}
.txt-grey { color: #555555;}
.txt-blue { color: #005ca5;}
.txt-black { color: #000000;}

.bg-grey { background-color: #555555;}
.bg-grey-light {background-color:#efefef;}
.txt-b {font-weight: bold;}
.txt-center {text-align: center;}
.txt-r {text-align: right;}
.txt-wrap {word-wrap: break-word;}
.lh-22 {line-height: 22px;}
.lh-20 {line-height: 1.667em;}
.lh-18 {line-height: 1.5em;}
.lh-15 {line-height: 1.25em;}

.mar-5-t {margin-top: 5px;}
.mar-5-b {margin-bottom: 5px;}
.mar-5-r {margin-right: 5px;}
.mar-5-l {margin-left: 5px;}
.mar-7-t {margin-top: 7px;}
.mar-10-b {margin-bottom: 10px;}
.mar-10-t {margin-top: 10px;}
.mar-10-r {margin-right: 10px;}
.mar-10-l {margin-left: 10px;}
.mar-12-r {margin-right: 12px;}
.mar-13-r {margin-right: 13px;}
.mar-13-l {margin-left: 13px;}
.mar-15-b {margin-bottom: 15px;}
.mar-15-t {margin-top: 15px;}
.mar-15-r {margin-right: 15px;}
.mar-20-t {margin-top: 20px;}
.mar-20-b {margin-bottom: 20px;}
.mar-20-l {margin-left: 20px;}
.mar-20-r {margin-right: 20px;}
.mar-23-r {margin-right: 23px;}
.mar-30-b {margin-bottom: 30px;}
.mar-40-b {margin-bottom: 40px;}
.mar-30-t {margin-top: 30px;}
.mar-30-r {margin-right: 30px;}
.mar-75-r {margin-right: 75px;}

.pad-0-b {padding-bottom: 0px !important;}
.pad-5-t {padding-top: 5px;}
.pad-5-b {padding-bottom: 5px;}
.pad-5-r {padding-right: 5px;}
.pad-5-l {padding-left: 5px;}
.pad-7-t {padding-top: 7px;}
.pad-7-b {padding-bottom: 7px;}
.pad-7-l {padding-left: 7px;}
.pad-8-t {padding-top: 8px;}
.pad-9-l {padding-left: 9px;}
.pad-10 { padding: 10px;}
.pad-10-b {padding-bottom: 10px;}
.pad-10-l {padding-left: 10px;}
.pad-10-t {padding-top: 10px;}
.pad-11-l {padding-left: 11px;}
.pad-11-r {padding-right: 11px;}
.pad-13 { padding: 13px;}
.pad-15 { padding: 15px;}
.pad-15-t {padding-top: 15px;}
.pad-15-l {padding-left: 15px;}
.pad-15-b {padding-bottom: 15px;}
.pad-15-r {padding-right: 15px;}
.pad-10-r {padding-right: 10px;}
.pad-20 {padding: 20px;}
.pad-20-r {padding-right: 20px;}
.pad-20-l {padding-left: 20px;}
.pad-20-t {padding-top: 20px;}
.pad-20-b {padding-bottom: 20px;}
.pad-21-r {padding-right: 21px;}
.pad-21-l {padding-left: 21px;}
.pad-22 {padding: 22px;}
.pad-25-r {padding-right: 25px;}
.pad-25-l {padding-left: 25px;}
.pad-30-t {padding-top: 30px;}
.pad-30-r {padding-right: 30px;}
.pad-30-l {padding-left: 30px;}
.pad-30-b {padding-bottom: 30px;}
.pad-32-r {padding-right: 32px;}
.pad-35-r {padding-right: 35px;}
.pad-37-r {padding-right: 37px;}
.pad-37-l {padding-left: 37px;}
.pad-40-l {padding-left: 40px;}
.pad-40-r {padding-right: 40px;}
.pad-52-r {padding-right: 52px;}
.pad-55-r {padding-right: 55px;}
.pad-80-t {padding-top: 80px;}
.pad-150-t {padding-top: 150px;}

.col-100 { width: 100px;}
.col-118 { width: 118px;}
.col-130 { width: 130px;}
.col-140 { width: 140px;}
.col-145 { width: 145px;}
.col-150 { width: 150px;}
.col-160 { width: 160px;}
.col-165 { width: 165px;}
.col-170 { width: 170px;}
.col-185 { width: 185px;}
.col-190 { width: 190px;}
.col-200 { width: 200px;}
.col-260 { width: 260px;}
.col-265 { width: 265px;}
.col-270 { width: 270px;}
.col-280 { width: 280px;}
.col-300 { width: 300px;}
.col-302 { width: 302px;}
.col-310 { width: 310px;}
.col-320 { width: 320px;}
.col-445 { width: 445px;}
.col-420 { width: 420px;}
.col-470 { width: 470px;}
.col-500 { width: 500px;}
.col-620 { width: 620px;}
.col-640 { width: 640px;}
.col-650 { width: 650px;}
.col-800 { width: 800px;}

.h17 {height: 17px;}
.h22 {height: 22px;}
.h30 {height: 30px;}
.h70 {height: 70px;}
.h75 {height: 75px;}
.h80 {height: 80px;}
.h145 {height: 145px;}
.h155 {height: 155px;}
.h160 {height: 160px;}
.h165 {height: 165px;}
.h180 {height: 180px;}
.h215 {height: 215px !important;}
.h230 {height: 230px;}
.h240 {height: 240px;}
.h245 {height: 245px;}
.h250 {height: 250px;}
.h252 {height: 252px;}
.h260 {height: 260px;}


.last-b:last-child { padding-bottom: 0 !important;}

.imgborder {padding: 1px; background: #ffffff; border: 1px solid #cccccc; display: block; float: left; }
.imgborder a.imgborder-lnk { border: none; display: inline-block; overflow: hidden; }
.imgborder-hover a.imgborder-lnk { border: 2px solid #fff;} /* Applied with Jquery */
.imgborder-hover a.imgborder-lnk img {margin: -2px; }

.border-t { border-top: 1px solid #000000;}
.border-t-grey { border-top: 1px solid #aaaaaa;}
.border-t-white { border-top: 1px solid #ffffff;}
.border-b { border-bottom: 1px solid #000000;}
.border-b-grey { border-bottom: 1px solid #aaaaaa;}
.border-b-white { border-bottom: 1px solid #ffffff;}
.border-r-grey { border-right: 1px solid #aaaaaa;}
.border-r-lightgrey {border-right: 1px solid #e1e1e1;}
.border-l-grey { border-left: 1px solid #aaaaaa;}

body .specialbar {border-top: 1px solid #cccccc; border-bottom: 1px solid #555555; padding: 5px 0;}
body.classical .specialbar {border-top: 1px solid #d7cbad; border-bottom: 1px solid #b0975c;}

.btn { display: inline-block; background-position: top left; background-repeat: no-repeat; text-decoration: none; }
.btn:hover { background-position: bottom left; cursor: pointer; text-decoration: none; }

.btn-standard { display: inline-block; background-image: url('/images/btn-standard.gif'); background-position: top left; background-repeat: no-repeat; text-decoration: none; }
.btn-standard:hover { background-position: bottom left; cursor: pointer; text-decoration: none; }

.btn-standard span {margin-left: 10px; padding-right: 10px;  font: bold 12px/22px Arial, sans-serif; color: #ffffff; display:block; background-image: url('/images/btn-standard.gif'); background-position: top right;}
.btn-standard:hover span { background-position: bottom right;}

.btn-r { display: inline-block; background-position: top right; background-repeat: no-repeat; text-decoration: none; }
.btn-r:hover { background-position: bottom right; cursor: pointer; text-decoration: none; }
.btn-underline:hover {text-decoration: underline !important;}
.btn img, .btn-r img {vertical-align: middle;}

/* ## Ends General styles ## */

/* ## Structure ## */
#wrapper { margin: 0 auto; width: 960px; position: relative; }

#header { height: 170px;}
#header .navLogo {background-image: url('/images/navLogo.png'); width: 155px; height: 85px; display: block; position: absolute; top: 39px;}
#header .navTop { position: absolute; width: 790px; right: 0;}
#header .navTop ul {float: right;}
#header .navTop ul li {display: block; float: left; height: 30px; padding-left: 10px; margin-left: 9px; background: url('/images/navSep.png') 0px 0px no-repeat;}
#header .navTop ul li.special {background: none; padding: 0; margin: 0;}
#header .navTop ul li a { font: normal 11px Arial, sans-serif; color: #999999; text-decoration: none; display: block; line-height: 28px; }
#header .navTop ul li a:hover {color: #ffffff; text-decoration: none;}
#header .navTop ul li a.fb { background: url('/images/icon-fb.gif') 0px 9px no-repeat; padding-left: 18px;}
#header .navTop ul li a.rss { background: url('/images/icon-rss.gif') 0px 9px no-repeat; padding-left: 18px;}

#header .navMain {position: absolute; width: 500px; left: 170px; top: 40px;}
#header .navMain ul {/*float: left; */}
#header .navMain ul li {white-space: nowrap;  display: block; float: left; height: 30px; padding-left: 4px; margin-right: 1px; background: url('/images/navSep.png') 0px 0px no-repeat;}
#header .navMain ul li.special {background: none !important; padding: 0; margin: 0; margin-right: 1px;}
#header .navMain ul li a {font: bold 13px Arial, sans-serif; color: #222222; text-decoration: none; display: block; padding-left: 7px; padding-right: 5px; line-height: 30px; float: left; background: url('/images/navMain.png') top left no-repeat; }
#header .navMain ul li:hover a { background-position: bottom left;}
#header .navMain ul li span { float: left; width: 2px; height: 30px; background-image: url('/images/navMain.png'); background-position: top right; }
#header .navMain ul li:hover span {background-position: bottom right;}

	/* navMain Active states */
body#history #header .navMain ul li.history a,
body#events #header .navMain ul li.events a,
body#videos #header .navMain ul li.videos a,
body#artists #header .navMain ul li.artists a,
body#releases #header .navMain ul li.new a, 
body#home #header .navMain ul li.home a { background-position: bottom left;}

body#history #header .navMain ul li.history span,
body#events #header .navMain ul li.events span,
body#videos #header .navMain ul li.videos span, 
body#artists #header .navMain ul li.artists span, 
body#releases #header .navMain ul li.new span, 
body#home #header .navMain ul li.home span { background-position: bottom right;}
	/* Ends navMain Active states */
	
	/* Genre specific */
body.classical #header .navMain ul li a, body.jazz #header .navMain ul li a, body.pop-and-rock #header .navMain ul li a, body.americana #header .navMain ul li a, 
body.world-and-folk #header .navMain ul li a, body.nostalgia #header .navMain ul li a, body.soundtrack #header .navMain ul li a  { color: #ffffff;}

body.classical #header .navMain ul li a {text-shadow:1px 1px 1px #785f23;}
body.jazz #header .navMain ul li a {text-shadow:1px 1px 1px #903e15;}
body.pop-and-rock #header .navMain ul li a {text-shadow:1px 1px 1px #600e10;}
body.americana #header .navMain ul li a {text-shadow:1px 1px 1px #372100;}
body.world-and-folk #header .navMain ul li a {text-shadow:1px 1px 1px #2d4119;}
body.nostalgia #header .navMain ul li a {text-shadow:1px 1px 1px #14303b;}
body.soundtrack #header .navMain ul li a {text-shadow:1px 1px 1px #9a5a0d;}
	/* Ends Genre specific */

/*#header .navSearch:hover .navSearch-dropdown {display: block !important;}*/
#header .navSearch { position: absolute; top: 45px; right: 0; }
#header .navSearch #navSearch-field { float: left; border: 0; background: url('/images/navSearch-field.png') top left no-repeat; height: 21px; vertical-align: middle; padding: 2px 3px 0 6px;  width: 145px; color: #969696; font: bold 11px Arial, sans-serif;}
#header .navSearch #navSearch-field:hover {color: #777777;}
#header .navSearch #navSearch-field:focus { background-position: bottom left; color: #777777;}
#header .navSearch .btn-dropdown {float: left; color: #111111; text-decoration: none; background-image: url('/images/btn-dropdown.png'); padding-left: 10px; width: 86px; height: 23px; line-height: 23px;}
#header .navSearch #navSearch-go { float: left; background-image: url('/images/navSearch-go.png'); border: 0; width: 32px; height: 23px; padding-bottom: 2px; font: normal 13px Arial, sans-serif; color: #ffffff; margin-left: 5px;}
#header .navSearch .navSearch-dropdown {position: absolute; left: 154px; top: 21px; z-index: 10000; background: url('/images/navSearch-dropdown.gif'); width: 97px; height: 175px;}
#header .navSearch .navSearch-dropdown ul {padding-top: 4px;}
#header .navSearch .navSearch-dropdown ul li a { font: normal 12px Arial, sans-serif; color: #333333; text-decoration: none; display: block; height: 22px; padding: 1px 10px; line-height: 22px; }
#header .navSearch .navSearch-dropdown ul li a:hover {  padding: 0 10px; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; background: #d5d5d5;}

	/* Drop down for non-javascript users */
#header .navSearch .navSearch-nojava {/*position: absolute;*/ float: left;}
#header .navSearch .navSearch-nojava select { font: normal 12px Arial, sans-serif; padding: 2px 0;}
	/* Ends Drop down */

#header .navGenre {position: absolute; width: 650px; left: 170px; top: 90px; }
#header .navGenre ul {}
#header .navGenre ul li {float: left; }
#header .navGenre ul li a {font-weight: bold; font-size: 13px; font-family: Arial, sans-serif; text-decoration: none;  display: block; height: 22px; padding-top: 8px; padding-left: 9px; padding-right: 9px; color: #ffffff; margin-right: 3px; position: relative;}
/*#header .navGenre ul li a:hover { height: 25px; top: -3px; padding-top: 11px; }*/ /*This makes it work for visitors with JS turned off, but makes it less smooth */
	/* Genre specific */
body.classical #header .navGenre ul li.g_classical a, #header .navGenre ul li.g_classical a, #header .navGenre ul li.g_classical a:hover { background: #cfa748;}
body.jazz #header .navGenre ul li.g_jazz a, #header .navGenre ul li.g_jazz a, #header .navGenre ul li.g_jazz a:hover {background:#de6528;}
body.pop-and-rock #header .navGenre ul li.g_pop-and-rock a, #header .navGenre ul li.g_pop-and-rock a, #header .navGenre ul li.g_pop-and-rock a:hover {background:#bf282a;}
body.americana #header .navGenre ul li.g_americana a, #header .navGenre ul li.g_americana a, #header .navGenre ul li.g_americana a:hover {background:#744700;}
body.world-and-folk #header .navGenre ul li.g_world-and-folk a, #header .navGenre ul li.g_world-and-folk a, #header .navGenre ul li.g_world-and-folk a:hover {background:#5e833b;}
body.nostalgia #header .navGenre ul li.g_nostalgia a, #header .navGenre ul li.g_nostalgia a, #header .navGenre ul li.g_nostalgia a:hover { background: #3f7a92;}
body.soundtrack #header .navGenre ul li.g_soundtrack a, #header .navGenre ul li.g_soundtrack a, #header .navGenre ul li.g_soundtrack a:hover { background: #f7941d;}

body.classical #header .navGenre ul li a, 
body.jazz #header .navGenre ul li a, 
body.pop-and-rock #header .navGenre ul li a, 
body.americana #header .navGenre ul li a, 
body.world-and-folk #header .navGenre ul li a, 
body.nostalgia #header .navGenre ul li a, 
body.soundtrack #header .navGenre ul li a {background:#999999;}
	/* Ends Genre specific */
#header .btn-deccaradio {background-image:url('/images/btn-deccaradio.png'); width: 95px; height: 36px; color: #ffffff; font: bold 13px/32px Arial, sans-serif; position: absolute; top: 90px; right: 0px; padding-left: 45px; }
#header .navPath {position: absolute; top: 130px; width: 942px; height: 25px; background: url('/images/navPath.gif') top left no-repeat; font: normal 11px/25px Arial, sans-serif; padding: 0 10px; }
#header .navPath a {font-weight: bold; color: #000000;}
body#home #header .navPath {display: none;}

#footer-wrapper { background: url('/images/footer-wrapper.jpg') 0 100px repeat-x; }
#footer { height:255px; width: 960px; margin: 0 auto; }
#footer .btn-newsletter {background-image:url('/images/btn-newsletter.jpg'); height:22px; padding-top: 68px; width:208px; font: normal 12px Arial, sans-serif; text-align:center; color:#000000; }
#footer .row1 { height: 111px;}
#footer .row2 { margin-bottom: 28px;}
#footer .row2 img {vertical-align: middle; }
#footer .row2 .footerLogo {margin-right: 13px; border: none !important;}
#footer .row2 .footerNav {display: inline;}
#footer .row2 .footerNav a {font: bold 11px Arial,sans-serif; color: #333333; text-decoration: none;}
#footer .row2 .footerNav a:hover {text-decoration: none; border-bottom: 1px solid #acacac;}
#footer .row2 .right {padding-top: 7px; }
#footer .row2 .btn { float: left; margin-left: 10px; }
#footer .row3 { text-align: right;}
#footer .row3 .label_logos a {padding-right: 15px;}
#footer .row3 .legal {padding-top: 8px; font: normal 10px/18px Arial, sans-serif; color: #737373;}
#footer .row3 .legal a {  color: #000000; text-decoration: none;}
#footer .row3 .legal a:hover { text-decoration: none; border-bottom: 1px solid #aaaaaa;}
#footer .row3 .btn-deletecredit { background:url('/images/btn-deletecredit.gif') top left no-repeat; width: 43px; height: 7px; float: left; display: block; padding: 0; overflow: hidden; margin-top: 16px; }
#footer .row3 .btn-deletecredit:hover { background-position: 0 -7px;}

#content { min-height: 400px; line-height:1.417em; }
/* ## Ends Structure ## */

/* ## Buttons ## */
.btn-social-fb { background-image:url('/images/social_icon-fb.gif'); width: 16px; height: 16px;}
.btn-social-myspace { background-image:url('/images/social_icon-myspace.gif'); width: 16px; height: 16px;}
.btn-social-twitter { background-image:url('/images/social_icon-twitter.gif'); width: 16px; height: 16px;}
.btn-social-youtube { background-image:url('/images/social_icon-youtube.gif'); width: 16px; height: 16px;}

.btn-arw-l { background-image:url('/images/btn-arw-left.gif'); width: 16px; height: 16px;} /* For when only arrow is shown with no link text */
.btn-arw-r { background-image:url('/images/btn-arw-right.gif'); width: 16px; height: 16px;} /* For when only arrow is shown with no link text */
.btn-arwgrey-l { background-image:url('/images/btn-arw-left.gif'); height: 16px;} 
.btn-arwgrey-r { background-image:url('/images/btn-arw-right.gif'); height: 16px;}
.btn-arwblue-l { background-image:url('/images/btn-arwblue-left.gif'); height: 18px;}
.btn-arwblue-r { background-image:url('/images/btn-arwblue-right.gif'); height: 18px;}
.btn-arwblue-l:hover, .btn-arwblue-r:hover {text-decoration: underline;}
.btn-cir { background-image:url('/images/btn-cir.gif'); width: 16px; height: 16px;}
.btn-cir.selected { background-image:url('/images/btn-cir-filled.gif'); width: 16px; height: 16px;}
.btn-ticket { background-image:url('/images/btn-ticket.gif'); width: 298px; height: 51px;}
.btn-applyfilter {background-image:url('/images/btn-applyfilter.gif'); width: 85px; height:22px; color: #ffffff; font: bold 12px Arial, sans-serif; border: 0; }

.btn-searchresults {height: 23px; padding-left: 10px; line-height: 23px; }
.btn-searchresults:hover {background-image:url('/images/btn-searchresults-l.gif');background-color:#e5e5e5;}
.btn-searchresults span {background:url('/images/btn-searchresults-r.gif') top right no-repeat; display: block; height:23px; padding-right: 8px; }
/* ## Ends Buttons ## */

/* ## Box ## */
.box { }
.box .title { /*height: 29px;*/ padding: 6px 11px; display:block; background-color:#555555; font: italic 15px Georgia, serif; color:#ffffff; letter-spacing: -0.2px;}
.box .content { border-left: 1px solid #555555; border-right: 1px solid #555555;}
.box .bottom { height: 3px; display: block; background: url('/images/box-bottom.gif') #555555; overflow: hidden; /* IE 6 */ }
.box .bottom .left {background: url('/images/box-bottom_left.png') #555555; height: 3px; width: 3px; overflow: hidden; /* IE 6 */}
.box .bottom .right {background: url('/images/box-bottom_right.png') #555555; height: 3px; width: 3px; overflow: hidden; /* IE 6 */}
	/* Filled default */
.box.filled { background-color:#e8e8e8;}
.box.filled .content {border: 0 !important;}
.box.filled .bottom { background: none !important;}
.box.filled .bottom .left { background: url('/images/box-filled-bottom_left.png') #e8e8e8;}
.box.filled .bottom .right { background: url('/images/box-filled-bottom_right.png') #e8e8e8;}
	/* Ends Filled default */
	/* Genre specific */
body.classical .box .content {border-left: 1px solid #d3a842; border-right: 1px solid #d3a842; }
body.classical .box .title, body.classical .box .bottom, body.classical .box .bottom .left, body.classical .box .bottom .right { background-color: #d3a842;}
body.classical .box.filled, body.classical .box.filled .bottom .left, body.classical .box.filled .bottom .right {background-color:#f8f2e4;}
body.classical .box.filled .bottom { background: none !important;}

body.jazz .box .content {border-left: 1px solid #DE6528; border-right: 1px solid #DE6528; }
body.jazz .box .title, body.jazz .box .bottom, body.jazz .box .bottom .left, body.jazz .box .bottom .right { background-color: #DE6528;}
body.jazz .box.filled, body.jazz .box.filled .bottom .left, body.jazz .box.filled .bottom .right {background-color:#EFEFEF;}
body.jazz .box.filled .bottom { background: none !important;}

body.pop-and-rock .box .content {border-left: 1px solid #BF282A; border-right: 1px solid #BF282A; }
body.pop-and-rock .box .title, body.pop-and-rock .box .bottom, body.pop-and-rock .box .bottom .left, body.pop-and-rock .box .bottom .right { background-color: #BF282A;}
body.pop-and-rock .box.filled, body.pop-and-rock .box.filled .bottom .left, body.pop-and-rock .box.filled .bottom .right {background-color:#EFEFEF;}
body.pop-and-rock .box.filled .bottom { background: none !important;}

body.americana .box .content {border-left: 1px solid #744700; border-right: 1px solid #744700; }
body.americana .box .title, body.americana .box .bottom, body.americana .box .bottom .left, body.americana .box .bottom .right { background-color: #744700;}
body.americana .box.filled, body.americana .box.filled .bottom .left, body.americana .box.filled .bottom .right {background-color:#ebe7de;}
body.americana .box.filled .bottom { background: none !important;}

body.world-and-folk .box .content {border-left: 1px solid #5E833B; border-right: 1px solid #5E833B; }
body.world-and-folk .box .title, body.world-and-folk .box .bottom, body.world-and-folk .box .bottom .left, body.world-and-folk .box .bottom .right { background-color: #5E833B;}
body.world-and-folk .box.filled, body.world-and-folk .box.filled .bottom .left, body.world-and-folk .box.filled .bottom .right {background-color:#efefef;}
body.world-and-folk .box.filled .bottom { background: none !important;}

body.nostalgia .box .content {border-left: 1px solid #3F7A92; border-right: 1px solid #3F7A92; }
body.nostalgia .box .title, body.nostalgia .box .bottom, body.nostalgia .box .bottom .left, body.nostalgia .box .bottom .right { background-color: #3F7A92;}
body.nostalgia .box.filled, body.nostalgia .box.filled .bottom .left, body.nostalgia .box.filled .bottom .right {background-color:#efefef;}
body.nostalgia .box.filled .bottom { background: none !important;}

body.soundtrack .box .content {border-left: 1px solid #F7941D; border-right: 1px solid #F7941D; }
body.soundtrack .box .title, body.soundtrack .box .bottom, body.soundtrack .box .bottom .left, body.soundtrack .box .bottom .right { background-color: #F7941D;}
body.soundtrack .box.filled, body.soundtrack .box.filled .bottom .left, body.soundtrack .box.filled .bottom .right {background-color:#f8f0dc;}
body.soundtrack .box.filled .bottom { background: none !important;}
	/* Ends Genre specific*/
/* ## Ends Box ## */


/* Genre Colors */
.g_classical {color: #CFA748 !important; border-color:#CFA748 !important;}
.g_classical-bg { background-color: #CFA748 !important;}
.g_classical-border {border-color: #CFA748;}
.g_classical-light {color:#f8f2e4 !important; border-color:#f8f2e4 !important;}
.g_classical-light-bg { background-color:#f8f2e4 !important;}
.g_classical-light-border { border-color: #e2d7bb;}

.g_jazz { color: #de6528 !important; border-color: #de6528 !important;}
.g_jazz-bg { background-color: #de6528 !important;}
.g_jazz-border {border-color: #de6528;}
.g_jazz-light {color:#f8ebe4 !important; border-color:#f8ebe4 !important;}
.g_jazz-light-bg { background-color:#EFEFEF !important;}
.g_jazz-light-border { border-color: #e2cbbb;}

.g_pop-and-rock { color: #bf282a !important; border-color: #bf282a !important;}
.g_pop-and-rock-bg { background-color: #bf282a !important;}
.g_pop-and-rock-border {border-color: #bf282a;}
.g_pop-and-rock-light {color:#f8e4e4 !important; border-color:#f8e4e4 !important;}
.g_pop-and-rock-light-bg {background-color:#EFEFEF !important;}
.g_pop-and-rock-light-border { border-color: #e2bbbb;}

.g_americana { color:#744700 !important; border-color:#744700 !important; }
.g_americana-bg {background-color:#744700 !important;}
.g_americana-border {border-color: #744700;}
.g_americana-light {color:#ebe7de !important; border-color:#ebe7de !important;}
.g_americana-light-bg {background-color:#ebe7de !important;}
.g_americana-light-border { border-color: #d6ceb9;}

.g_world-and-folk {color: #5e833b !important; border-color: #5e833b !important;}
.g_world-and-folk-bg { background-color: #5e833b !important;}
.g_world-and-folk-border {border-color: #5e833b;}
.g_world-and-folk-light {color:#eff8e4 !important; border-color:#eff8e4 !important;}
.g_world-and-folk-light-bg {background-color:#efefef !important;}
.g_world-and-folk-light-border { border-color: #D3E2BB;}

.g_nostalgia {color:#3f7a92 !important; border-color:#3f7a92 !important;}
.g_nostalgia-bg { background-color:#3f7a92 !important;}
.g_nostalgia-border {border-color: #3f7a92;}
.g_nostalgia-light {color:#e4f3f8 !important; border-color:#e4f3f8 !important;}
.g_nostalgia-light-bg {background-color:#efefef !important;}
.g_nostalgia-light-border { border-color: #bbd9e2;}

.g_soundtrack {color:#f7941d !important; border-color:#f7941d !important;}
.g_soundtrack-bg { background-color:#f7941d !important;}
.g_soundtrack-border { border-color: #f7941d;}
.g_soundtrack-light {color:#f8f0dc !important; border-color:#f8f0dc !important;}
.g_soundtrack-light-bg {background-color:#f8f0dc !important;}
.g_soundtrack-light-border { border-color: #edd6b2;}
/* Ends Genre Colors */


/* ## CT ## */
	/* OLD CT - Gnz --> */ /*.ct { display:block; height: 30px; background-image: url('/images/ct-bg.gif'); background-color:#555555;}
	.ct span { display:block; float:left; height: 30px; font-family: Georgia, serif; font-style: italic; color:#ffffff; line-height: 30px; padding: 0 10px; background-color:#555555;}*/
.ct { display:block; height: 30px; background-image: url('/images/ct-bg.gif'); background-color:#555555; position: relative;  }
.ct span { display:inline-block; position: absolute; bottom: -5px; height: 30px; font-family: Georgia, serif; font-style: italic; color:#ffffff; line-height: 30px; padding: 0 10px; background-color:#555555;}
.ct .date { right: 0; height: 22px; font: normal 12px/22px Arial, sans-serif !important; }
.ct-small { height: 10px; background-position: 0 10px; }
/* ## Ends CT ## */

/* ## Tabs ## */
body#home .tabs {font-family: Georgia, serif; font-style: italic;}

.tabs { }
.tabs .item { color: #ffffff; background-image: url('/images/tabs-l.png'); background-position: top left; background-repeat: no-repeat; background-color: #555555; display: block; float: left;  margin-right: 7px; }
.tabs .item div {padding: 8px 7px 5px 10px; display: block; float: left; }
.tabs .item span { background-image: url('/images/tabs-r.png'); float: left; background-position: top right; height: 5px; width: 5px; background-repeat: no-repeat;  }
.tabs .item img {vertical-align: -10%; }
.tabs .item.active { background-color: #555555; }
.tabs .item:hover { text-decoration: none;}
.tabs .tab-inactive { background-image:url('/images/tabs-inactive-l.gif'); background-color:#8b8b8b !important;}
.tabs .bar { background-color: #555555; height: 5px; display:block; overflow:hidden; }
.tabs .tab-content {display: none; }
.tabs .tab-selected {display: block !important;}
/* ## Ends Tabs ## */

/* ## SG ## */
.sg { width: 770px; height: 364px; overflow: hidden; position:relative;}
.sg .display { width: 617px; position:relative; }
.sg .display .info-bg {display:block; width:100%; height: 110px; position:absolute; top: 255px; opacity:0.8; filter:alpha(opacity=80); background: #ffffff; }
.sg .display .info {display:block;  padding: 27px 18px 0 18px; position:absolute; margin-top: 265px; width: 582px;}
.sg .display .info .genre { position:absolute; right: 0; top: -10px; margin-right: 18px; font: bold 13px Arial, sans-serif; color: #ffffff; padding: 4px 6px;}
.sg .display .info .expertpic { position:absolute; top: -28px;}
.sg .display .info .datetime { position:absolute; left: 73px; top: 2px;}
.sg .display .info .headline { font: italic 20px Georgia, serif; display: block; padding-bottom: 3px; height: 26px; overflow: hidden;} 
.sg .display .info .desc { font: normal 12px/16px Arial, sans-serif; height: 35px; overflow: hidden;}

.sg .menu { width: 147px; }
.sg .menu .item {margin-bottom: 5px; display: block; background: #000000; text-decoration: none; width: 147px; height: 87px; overflow: hidden; /* IE */ }
.sg .menu .item img {opacity:0.6; filter:alpha(opacity=60);}
.sg .menu .item.selected img, .sg .menu .item:hover img {opacity:1.0; filter:alpha(opacity=100);}




.sg .menu .last {padding-bottom: 0px !important;}
/* ## Ends SG ## */

/* ## SG-SMALL ## */
.sg-small { width: 640px; height: 298px; overflow: hidden; position:relative;}
.sg-small .display { width: 510px; position:relative; }
.sg-small .display .info-bg {display:block; width:100%; height: 110px; position:absolute; top: 188px; opacity:0.8; filter:alpha(opacity=80); background: #ffffff; }
.sg-small .display .info {display:block;  padding: 27px 18px 0 18px; position:absolute; margin-top: 198px; width: 474px;}
.sg-small .display .info .genre { position:absolute; right: 0; top: -10px; margin-right: 18px; font: bold 13px Arial, sans-serif; color: #ffffff; padding: 4px 6px;}
.sg-small .display .info .expertpic { position:absolute; top: -28px;}
.sg-small .display .info .datetime { position:absolute; left: 73px; top: 2px;}
.sg-small .display .info .headline { font: italic 20px Georgia, serif; display: block; padding-bottom: 3px; height: 26px; overflow: hidden;} 
.sg-small .display .info .desc { font: normal 12px/16px Arial, sans-serif; height: 35px; overflow: hidden;}

.sg-small .menu { width: 123px; }
.sg-small .menu .item {margin-bottom: 5px; display: block; background: #000000; text-decoration: none; width: 123px; height: 71px; overflow: hidden; /* IE */ }
.sg-small .menu .item.selected span { display: block !important; background: url('/images/sg-selected.png') top left no-repeat; width: 32px; height: 32px; position:absolute; right: 135px; margin-top: 26px;}
.sg-small .menu .item img {opacity:0.6; filter:alpha(opacity=60);}
.sg-small .menu .item.selected img, .sg-small .menu .item:hover img {opacity:1.0; filter:alpha(opacity=100);}
.sg-small .menu .last {padding-bottom: 0px !important;}
.sg-small .menu .item.selected img {cursor:default;}
/* ## Ends SG ## */

/* ## SS ## */
.ss {}
.ss .viewer { /*height: 217px;*/ width: 640px; overflow: hidden; position:relative; }
.ss .viewer ul {  /*white-space: nowrap;*/ width:8000px; position:relative; right:0px;}
.ss .viewer ul li { float: left; font-size: 13px;}
.ss .viewer ul li img { padding-bottom: 3px;}
.ss .viewer ul li .details { width: 140px; }
.ss .viewer .item { width: 150px; overflow: hidden; padding-bottom: 14px; }

.ss .controller { background-color:#e8e8e8; border-bottom: 1px solid #c4c4c4; height: 29px; line-height: 30px; padding: 0 10px; text-align: center; /*position:relative;*/}
.ss .controller .viewmore {  }
.ss .controller .controls { width: 300px; padding-top: 7px; text-align: center; display: block; margin: 0 auto;}
/* ## Ends SS ## */

/* ## Cal ## */
.cal-nav { text-align: right; padding-right: 13px; }
.cal { }
.cal th {text-align: left; width: 126px; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding-left: 10px; font: italic bold 15px/30px Georgia, serif; color: #555555;}
.cal .cal-last {border-right: none;}
.cal td {width: 126px; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; height: 155px; overflow: hidden; vertical-align: top;}
.cal td .cal-padding { padding: 0 10px; width: 115px; }
.cal td.cal-selected .cal-padding {background: url('/images/cal-selected-top.gif') top left no-repeat;}
.cal td.cal-inactive .cal-padding {background: url('/images/cal-inactive-top.gif') top left no-repeat;}
.cal td.cal-today .cal-padding {background: url('/images/cal-today-top.gif') top left no-repeat;}

.cal td .number {font: bold italic 19px Georgia, serif; padding-top: 10px; padding-bottom: 3px;}
.cal td.cal-inactive { background: url('/images/cal-inactive.gif') bottom left no-repeat;}
.cal td.cal-inactive .number { color: #999999;}
.cal td.cal-today { background: url('/images/cal-today.gif') bottom left no-repeat;}
.cal td.cal-selected { background: url('/images/cal-selected.gif') bottom left no-repeat;}

/* ## Ends Cal ## */

/* ## Page specific ## */
.featured-artists .item { position:relative; height: 68px;}
.featured-artists .item .details { position:absolute; width: 72px; bottom: 3px; right: 0; line-height: 14px;}
.expertlist {padding-left: 2px;}
.expertlist li {float: left; width: 120px; padding: 5px 7px 0 7px; }
.decca_3d { width: 267px; height: 335px; background: url('/images/decca_3d-bg.jpg') top left no-repeat;}

#featured-articles {position:relative; z-index:4;}
.featured-article {position:absolute;}
.featured-article.show {z-index:3;}
.featured-article.behind {z-index:2;}
.featured-article.hide {z-index:1; display:none;}

.featured-article img.show {z-index:3;}
.featured-article img.behind {z-index:2;}
.featured-article img.hide {z-index:1; display:none;}

.featured-article.hide .info, .featured-article.behind .info {margin-top: 392px;}
.featured-article.hide .info-bg, .featured-article.behind .info-bg {top:364px;}

#featured-articles img.selected {position:absolute; right: 135px; z-index:5; top:27px; background: url('/images/sg-selected.png') top left no-repeat;}
.sg-small #featured-articles img.selected {right: 111px; top:19px;}

.sg-small .featured-article.hide .info, .sg-small .featured-article.behind .info {margin-top: 326px;}
.sg-small .featured-article.hide .info-bg, .sg-small .featured-article.behind .info-bg {top:298px;}

.label-list {}
.label-list li {clear: both; padding-top: 15px;}
.label-list .left {width: 140px; padding-top: 20px;}
.label-list .right {width: 500px; border-top: 1px solid #b4b4b4; padding-top: 15px;}
.article-extract { width: 555px; padding: 15px 0;}
.article-content { width: 525px;}
.article-inset { position: relative; right: 30px; float: left; width: 170px; padding: 15px 0 15px 0;}
.article-inset ul li:last-child {border: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important;}
.article-expert-wrapper {position:absolute; margin-top: 38px; }
.article-expert {background: url('/images/article-expert-bg.gif') top left no-repeat; width: 112px; height: 169px;  }
.article-expert-info {width: 100px; text-align: center; }
.newsletter input.textfield, .newsletter select { width: 260px; margin-top: 4px; margin-bottom: 10px;}
.newsletter .submitObject {background:url('/images/btn-submit.gif') top left no-repeat; height: 29px; width: 72px; border: 0; font: bold 12px Arial, sans-serif; color: #ffffff; padding-bottom: 2px;}
.newsletter .submitObject:hover {background-position: bottom left; cursor: pointer;}
.pagination-numbers { display: inline; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; padding: 0 20px; margin: 0 20px; text-align: center;}
.pagination-numbers a { display: inline-block; padding: 1px 3px;}
.pagination-numbers a.selected { background-color:#005ca5; color: #ffffff;}
.notfound {width:700px; margin: 0 auto;}
.notfound ul.bullets li { padding-bottom: 10px;}
ul.bullets { list-style-type: disc;}
body#notfound #footer-wrapper #footer .row1 .left {display: none !important;}
/* ## Ends Page specific ## */