/***************************
Colors ---------------------

Orange: #d77b42;
Dark Green: #12291a;
Light Gray: ;
Blue: #0f8285;

Page Title BG: #141414 80%;
Content Box: #212121 90%;
Content Box Border: #303030;
	
***************************/

/***************************
Basic Layout ---------------
***************************/

html, body {
	height: 100%;
}

#wrap {
	min-height: 100%;
}

#main {
	/*overflow: hidden;*/
	padding-bottom: 40px;
}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -40px; /* negative value of footer height */
	height: 40px;
	clear:both;
} 

/*Opera Fix*/
body:before 
{
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

.errorMessage {
	color: red;
}

body {
	font-family: 'UbuntuRegular', Verdana, Geneva, sans-serif;
	font-size: 100%;
	background-color: #000;
	background: url(../images/img_bgFull.jpg) no-repeat scroll center 0px;
}

.Franchise-Bold {font-weight: normal; font-style: normal; line-height:normal; font-family: 'FranchiseRegular', sans-serif;}

h1 {
	display: block;
	height: 43px;
	font-size: 49px;
	letter-spacing: 0.25px;
	color: #d77b42;
	border-bottom: 1px solid #d77b42;
	margin-bottom: 15px;
}

h2 {
	font-size: 24px;
	letter-spacing: 0.25px;
	color: #d77b42;
	border-bottom: 1px solid #d77b42;
}

h3 {
	font-size: 18px;
	color: #d77b42;
}

h4 {
	font-size: 16px;
	color: #d77b42;
	padding-bottom: 5px;
}

h5 {
	font-size: 14	px;
	color: #d77b42;
}

p {
	font-size: 14px;
	line-height: 16px;
	color: #ccc;
}

em {
	font-family: 'UbuntuItalic', Verdana, Geneva, sans-serif;
	color: #d77b42;
}

strong {
	font-family: 'UbuntuBold', Verdana, Geneva, sans-serif;
	color: #d77b42;
}

ol {
	font-size: 14px;
	line-height: 16px;
	color: #ccc;
	padding-left: 25px;
	padding-bottom: 15px;
}

ol li {
	padding-left: 5px;
}

div#wrap {
	/*background: url(../images/img_woodBG.png) repeat-y scroll center 0px;*/
}

div#main {
	position: relative;
	margin: 0 auto;
	width: 955px;
}

div#leftPanel {
	position: relative;
	float: left;
	width: 703px;
}


div#rightPanel {
	position: relative;
	float: right;
	width: 252px;
	height: 768px;
}

div#onAir {
	position: absolute;
	width: 103px;
	left: 99px;
	top: 5px;
}

div#onAir img {
	display: none;
}

div#nav {
	position: relative;
	float: right;
	width: 230px;
	margin-top: 280px;
}

div#nav div#logo {
	position: absolute;
	left: 116px;
	top: 9px;
	z-index: 20;
}

div#nav ul {
}

div#nav ul li {
	display: block;
	position: relative;
	text-indent: -9999px;
	cursor: pointer;
}

div#nav ul li a {
	text-decoration: none;
	color: #12291a;
	letter-spacing: -1px;
}

div#nav ul li.home {
	width: 130px;
	height: 45px;
	left: 0px;
	background: url(../images/img_navigationSprite.png) no-repeat scroll -14px 0;
}

div#nav ul li.library {
	width: 100px;
	height: 35px;
	left: 0px;
	background: url(../images/img_navigationSprite.png) no-repeat scroll 5px -48px;
}

div#nav ul li.music {
	width: 110px;
	height: 38px;
	left: 0px;
	background: url(../images/img_navigationSprite.png) no-repeat scroll -14px -81px;
}

div#nav ul li.about {
	width: 130px;
	height: 32px;
	left: 0px;
	background: url(../images/img_navigationSprite.png) no-repeat scroll -14px -120px;
}

div#nav ul li.contact {
	width: 140px;
	height: 50px;
	left: 0px;
	background: url(../images/img_navigationSprite.png) no-repeat scroll -14px -153px;
}

div#nav ul li.homActive {
	background: url(../images/img_navigationSprite.png) no-repeat scroll -140px 0;
}
	
div#nav ul li.libActive {
	background: url(../images/img_navigationSprite.png) no-repeat scroll -120px -48px;
}
	
div#nav ul li.musActive {
	background: url(../images/img_navigationSprite.png) no-repeat scroll -145px -81px;
}
	
div#nav ul li.aboActive {
	background: url(../images/img_navigationSprite.png) no-repeat scroll -145px -120px;
}
	
div#nav ul li.conActive {
	background: url(../images/img_navigationSprite.png) no-repeat scroll -148px -153px;
}


div#socialLinks {
	position: absolute;
	width: 50px;
	top: 607px;
}

div#boot {
	position: relative;
	width: 955px;
	margin: 0 auto;
	text-align: right;
	font-size: 10px;
	color: #fff;
}

div#introVideo {
	position: absolute;
	top: 0px;
	left: -347px;
	width: 900px;
	height: 80px;
	background: url(../images/img_topPaperSlice_Newsletter.png) no-repeat scroll 270px 0px;
	/*background: url(../images/img_introVidBG.png) no-repeat scroll 0 0;*/
	z-index: 999;
}

div#cartTag {
	position: absolute;
	top: -2px;
	left: 505px;
	width: 145px;
	height: 73px;
	background: url(../images/img_cart.png) no-repeat scroll 0 0;
	z-index: 998;
}

div#cartTag p {
	display: block;
	position: absolute;
	top: 10px;
	left: 83px;
	width: 32px;
	font-size: 12px;
	color: #12291a;
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
}

div#viewCart {
	display: block;
	position: absolute;
	top: 2px;
	left: 525px;
	width: 110px;
	height: 53px;
	z-index: 9999;
}

div.infiniteCarousel {
	position: relative;
	top: 100px;
	height: 500px;
}

div#pageContent {
	position: relative;
	width: 565px;
	top: 50px;
	left: 27px;
	padding-top: 10px;
	padding-bottom: 100px;
}

div#viewCartContent div#pageContent {
	position: relative;
	width: 565px;
	top: 0px;
	left: 27px;
	padding-top: 10px;
	padding-bottom: 100px;
}

div#pageContent p {
	line-height: 19px;
}

div#pageContent a {
	color: #d77b42;
	text-decoration: none;
}

div#pageContent a:visited {
	color: #d77b42;
	text-decoration: none;
}

div#pageContent a:hover {
	color: #d77b42;
	text-decoration: underline;
}

div#pagePlayer {
	position: relative;
	width: 565px;
	left: 36px;
	padding-top: 45px;
	padding-bottom: 50px;
}

div#slideShow {
	position: absolute;
	width: 613px;
	height: 500px;
	left: 5px;
	overflow: auto;
}

div#slideShow ul {
	width: 9999px;
	padding-left: 25px;
}

div#slideShow ul li {
	display:block;
	float:left;
	width: 148px;
	height: 440px;
}

div#leftShadow {
	position: absolute;
	left: 5px;
	top: 0px;
	display: block;
	width: 18px;
	heigh: 662px;
	z-index: 200;
}

span#arrowLeft {
	position: absolute;
	z-index: 9999;
	left: 5px;
	top: 250px;
}

div#rightShadow {
	position:absolute;
	left: 600px;
	top: 0px;
	display: block;
	width: 18px;
	heigh: 662px;
	z-index: 200;
}

span#arrowRight {
	position:absolute;
	z-index: 9999;
	left: 580px;
	top: 250px;
}

span#arrowLeft img,
span#arrowRight img {
	cursor: pointer;
}

div#breadcrumb {
	position: absolute;
	top: 75px;
	z-index: 9999;
	left: 25px;
	width: 545px;
	font-size: 17px;
	letter-spacing: 0.25px;
	color: #d77b42;
}

div.photoFrame {
	position: absolute;
	background: url(../images/frame/img_photoframe.png) no-repeat scroll 0 0;
	top: 98px;
	left: 140px;
	padding: 12px 25px 25px 15px;
}

/* Big Box Frame */

div.box {
	position: absolute;
	width: 565px;
	top: 95px;
	left: 28px;
}

div.box div.topBox {
	height: 12px;
	background: url(../images/frame/img_pageTopFrame.png) no-repeat scroll 2px 0;
}

div.box div.spaBox {
	background: url(../images/frame/img_pageSpacerFrame.png) repeat-y scroll 0 0;
	padding: 0 23px 0 15px;
}

div.box div.botBox {
	height: 26px;
	background: url(../images/frame/img_pageBottomFrame.png) no-repeat scroll 0 0;
}

/* Small Box Frame */

div.sbox {
	position: absolute;
	display: block;
	width: 139px;
	height: 310px;
}

div.sbox div.topBox {
	display: block;
	height: 12px;
	background: url(../images/frame/img_albumTopFrame.png) no-repeat scroll 2px 0;
}

div.sbox div.spaBox {
	display: block;
	background: url(../images/frame/img_albumSpacerFrame.png) repeat-y scroll 0 0;
	padding: 0 23px 0 15px;
}

div.sbox div.botBox {
	display: block;
	height: 26px;
	background: url(../images/frame/img_albumBottomFrame.png) no-repeat scroll 0 0;
}

div.sbox div.albumPic {
	display: block;
	padding: 6px 0 6px 6px;
}

div.sbox div.albumInfo {
	padding-left: 6px;
	height: 268px;
}

div.sbox div.albumInfo h2 {
	font-size: 13px;
	letter-spacing: -0.5px;
	color: #d77b42;
	padding-bottom: 2px;
	border: none;
}

div.sbox div.albumInfo p {
	font-size: 11px;
	letter-spacing: -0.5px;
	color: #cccccc;
	padding-top: 5px;
}

div.sbox div.albumInfo p.orangeText {
	color: #d77b42;
}

span.not {
	color: red;
}

span.yup {
	color: green;
}

div.sbox div.albumLink {
	padding-left: 10px;
}

div.sbox div.albumLink a {
	display: block;
	font-size: 11px;
	letter-spacing: -0.5px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 10px 0 10px 0
}

div.sbox div.albumLink a:visited {
	color: #fff;
}

div.sbox div.albumLink a:hover {
	color: #d77b42;
}


/* Accordion COntent */

div.acordionHolder {
	position: relative;
	top: 5px;
	left: 5px;
	height: 545px;
	width: 611px;
	overflow: hidden;
}

div.acordionHead {
	display: block;
	width: 100%;
	height: 115px;
	border-bottom: 2px solid #000;
}

div.acordionHead ul {
	padding-top: 8px;
	padding-left: 10px;
}

div.acordionHead ul li{
	display: block;
	float: left;
}

div.acordionHead ul li.cover{
	width: 100px;
	height: 100px;
	padding-right: 10px;
}

div.acordionHead ul li.information {
	width: 400px;
	height: 100px;
}

div.acordionHead ul li.information p {
	font-size: 12px !important;
	line-height: 14px;
}

div.acordionHead ul li.information h3 {
	font-size: 14px;
	color: #d77b42;
}

div.acordionHead ul li.information p span.not {
	color: red;
}

div.acordionHead ul li.information p span.yup {
	color: green;
}

div.acordionTracks {
	display: block;
	width: 100%;
	height: 271px;
	overflow: hidden;
}

ul#verticalScroll_ul {
	position:relative;
	top: -30px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

ul#verticalScroll_ul li.tab {
	display: block;
	background: #000 url(../images/img_acordionItemBG.png) repeat-x scroll 0 0;
}

ul#verticalScroll_ul li span.track {
	display: block;
	width: 275px;
	height: 20px;
	padding-top: 10px;
	padding-left: 15px; 
	float: left;
	font-size: 12px;
	color: #d67942;
}

ul#verticalScroll_ul li.playing span.play {
	display: block;
	width: 55px;
	height: 17px;
	margin-top: 6px;
	float: left;
	background: url(../images/img_acordionItemButtons.png) no-repeat 7px -20px;
	cursor: pointer;
	text-indent: -999em;
}

ul#verticalScroll_ul li span.play {
	display: block;
	width: 55px;
	height: 17px;
	margin-top: 6px;
	float: left;
	background: url(../images/img_acordionItemButtons.png) no-repeat 7px 1px;
	cursor: pointer;
	text-indent: -999em;
}

ul#verticalScroll_ul li span.info {
	display: block;
	width: 88px;
	height: 20px;
	margin-top: 6px;
	float: left;
	background: url(../images/img_acordionItemButtons.png) no-repeat -59px 1px;
	cursor: pointer;
	text-indent: -999em;
}

ul#verticalScroll_ul li.current span.info {
	display: block;
	width: 88px;
	height: 20px;
	margin-top: 6px;
	float: left;
	background: url(../images/img_acordionItemButtons.png) no-repeat -59px -20px;
	cursor: pointer;
	text-indent: -999em;
}

ul#verticalScroll_ul li .add {
	display: block;
	border: medium none;
	width: 75px;
	height: 20px;
	margin-top: 6px;
	float: left;
	background: url(../images/img_acordionItemButtons.png) no-repeat -154px 1px;
	cursor: pointer;
}

ul#verticalScroll_ul li .quote {
	display: block;
	border: medium none;
	width: 75px;
	height: 20px;
	margin-top: 6px;
	float: left;
	background: url(../images/img_acordionItemButtons.png) no-repeat -307px 1px;
	cursor: pointer;
}

ul#verticalScroll_ul li span.remove {
	display: block;
	width: 75px;
	height: 20px;
	margin-top: 6px;
	float: left;
	background: url(../images/img_acordionItemButtons.png) no-repeat -232px 1px;
	cursor: pointer;
	text-indent: -999em;
}

ul#verticalScroll_ul li.checked span.remove {
	background: url(../images/img_acordionItemButtons.png) no-repeat -232px -20px;
}

ul#verticalScroll_ul li span.play:hover {
	background: url(../images/img_acordionItemButtons.png) no-repeat 7px -20px;
}

ul#verticalScroll_ul li span.info:hover {
	background: url(../images/img_acordionItemButtons.png) no-repeat -59px -20px;
}

ul#verticalScroll_ul li .add:hover {
	background: url(../images/img_acordionItemButtons.png) no-repeat -154px -20px;
}

ul#verticalScroll_ul li .quote:hover {
	background: url(../images/img_acordionItemButtons.png) no-repeat -307px -20px;
}

ul#verticalScroll_ul li span.spacer {
	display: block;
	width: 5px;
	height: 23px;
	float: left;
	background: url(../images/img_acordionItemButtons.png) no-repeat -51px 6px;
}

ul#verticalScroll_ul li div.subAccordion {
	margin: 0 auto;
	padding: 5px 10px;
	width: 500px;
	height: 180px;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	display: none;
}

ul#verticalScroll_ul li div.subAccordion span.trackDescription {
	width: 455px;
	/*height: 70px;*/
	padding-right: 35px;
	float: left;
}

ul#verticalScroll_ul li div.subAccordion span.trackDescription span{
	display: block;
	padding: 2px 0px;
	line-height: 16px;
}

div.accordionButtons {
	display: block;
	width: 100%;
	height: 115px;
	border-top: 1px solid #111;
}

div.accordionButtons .price {
	display: block;
	padding: 10px 23px 0px 0px;
	text-align: right;
}

div.accordionButtons .buttons {
	display: block;
	padding: 10px;
	margin-left: 290px;
	text-align: right;
}

div.accordionButtons .buttons #updateCartBtn {
	display: block;
	float: left;
	width: 102px;
	height: 33px;
	overflow: hidden;
	border: medium none;
	cursor: pointer;
	text-indent:-999em;
	background: url(../images/img_CartButtons.png) no-repeat scroll 0px -33px transparent;
}

div.accordionButtons .buttons #buyNowCartBtn {
	display: block;
	float: left;
	width: 102px;
	height: 33px;
	overflow: hidden;
	border: medium none;
	cursor: pointer;
	text-indent: -999em;
	background: url(../images/img_CartButtons.png) no-repeat scroll -103px -33px transparent;
	margin-left: 5px;
}

div.accordionButtons .buttons #updateCartBtn:hover {
	background: url(../images/img_CartButtons.png) no-repeat scroll 0px 0px;
}

div.accordionButtons .buttons #buyNowCartBtn:hover {
	background: url(../images/img_CartButtons.png) no-repeat scroll -103px 0px;
}

div.acordionFoot {
	display: block;
	width: 517px;
	height: 20px;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 12px;
	color: #fff;
	border-top: 2px inset #000;
}

div#arrowUp {
	position: absolute;
	z-index: 9999;
	left: 463px;
	top: 420px;
}

div#arrowDown {
	position: absolute;
	z-index: 9999;
	left: 500px;
	top: 420px;
}

div#contactForm {
	position: relative;
	top: 5px;
	left: 5px;
	height: 345px;
	width: 611px;
	margin-top: 100px;
	overflow: hidden;
}

div#contactForm form {
	position: relative;
	top: 50px;
	left: 10px;
}

div#checkOutForm {
	position: relative;
	top: 5px;
	left: 5px;
	height: 495px;
	width: 611px;
	margin-top: 100px;
	overflow: hidden;
}

div#checkOutForm form{
	position: relative;
	top: 50px;
	left: 10px;
}

div#loginForm {
	position: relative;
	top: 0px;
	left: 5px;
	height: 310px;
	overflow: hidden;
	width: 611px;
}

div#loginForm form {
	position: relative;
	top: 240px;
	left: 10px;
}

div#loginForm .submitButton {
	top: 33px;
}

div.paypalLogo {
	position: absolute;
	top: 290px;
	left: 518px;
	display: block;
}

div.headerImageHolder {
	position: relative;
	top: 5px;
	left: 5px;
	height: 480px;
	width: 611px;
	overflow: hidden;
}

div.infiniteBios {
	position: relative;
	top: 100px;
	height: 400px;
}

div#slideBios {
	position: absolute;
	width: 613px;
	height: 500px;
	left: 5px;
	overflow: auto;
}

div#slideBios ul {
	width: 9999px;
	padding-left: 25px;
}

div#slideBios ul li {
	display:block;
	float:left;
	width: 288px;
	height: 440px;
	padding-left: 15px;
}

div.bioThumb {
	float: left;
	width: 288px; 
	height:163px;
	background: url(../images/frame/img_photoframe.png) no-repeat;
}

div.bioThumb img {
	padding: 12px 0px 0px 15px;
}

div.bioThumb div.linkHolder {
	display: block;
	padding-top: 6px;
	width: 288px;
	text-align: center;
}

div.bioThumb a:link {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

div.bioThumb a:visited {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

div.bioThumb a:hover {
	font-size: 12px;
	color: #d77b42;
	text-decoration: none;
}

/*
	ScrollBar -
*/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 0;
	height: 100%;
	background: #000;
}
.jScrollPaneDrag {
	position: absolute;
	background: #d77b42;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}

a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/************* NTILDE STUFF ****************/
span.popup {
	margin: 100px auto;
	padding: 0;
	width: 100px;
	position: relative;
}
 
span.popup em {
	background: url(../images/img_Ntilde.png) no-repeat;
	width: 100px;
	height: 60px;
	position: absolute;
	top: -70px;
	left: -28px;
	text-align: center;
	text-indent: -9999px;
	z-index: 2;
	display: none;
}

/*********** DIALOGE MESSAGE *************/

#dialog-message,
#dialog-message2 {
}

#dialog-message h3,
#dialog-message2 h3 {
	color: #12291a;
	font-size: 18px;
	padding-bottom: 15px;
	font-weight: bold;
}

#dialog-message p,
#dialog-message2 p {
	color: #12291a;
	font-size: 14px;
	padding-bottom: 8px;
}

#dialog-message strong,
#dialog-message2 strong{
	color: #12291a;
	font-size: 14px;
}

#dialog-message ol,
#dialog-message2 ol {
	font-size: 14px;
	padding-left: 25px;
	padding-bottom: 15px;
	color: #12291a;
}

#dialog-message ol li,
#dialog-message2 ol li {
	font-size: 14px;
	padding-left: 5px;
	color: #12291a;
}

/************** GOLD TRACKS */

.goldPopup {
	position: relative;
	top: -4px;
	vertical-align:top;
	cursor: pointer;
}

/************* HOME HEADER LINKS */

.homeHeaderLinks {
	display: block;
	padding-left: 354px;
}

.homeHeaderLinks li {
	display: block;
	cursor: pointer;
	text-indent: -999em;
}

li.viewFull {
	width: 148px;
	height: 147px;
	margin-left: 12px;
}
li.viewLatest {
	width: 148px;
	height: 25px;
	margin-left: 12px;
	margin-top: 8px;
}
li.started {
	width: 148px;
	height: 38px;
	margin-left: 12px;
	margin-top: 14px;
}

li.viewFull:hover {
	background: url(../images/img_libHover.jpg) no-repeat scroll 1px -1px transparent; 
	width: 148px;
	height: 147px;
	margin-left: 12px;
}
li.viewLatest:hover {
	background: url(../images/img_newHover.jpg) no-repeat scroll 3px -1px transparent; 
	width: 148px;
	height: 25px;
	margin-left: 12px;
	margin-top: 8px;
}
li.started:hover {
	background: url(../images/img_startedHover.jpg) no-repeat scroll 3px -1px transparent; 
	width: 148px;
	height: 38px;
	margin-left: 12px;
	margin-top: 14px;
}


/************* NEWSLETTER FIELDS */

#dialog-message3 {
	display: none;
}

#news_signup {
	display: block;
    left: 570px;
    position: absolute;
    top: 8px;
}

#newsEmail {
	border: medium none;
	background: none;
	width: 205px;
	margin-right: 23px;
	font-weight: bolder;
	color: #402a2c;
}

#subscribe {
	width: 65px;
	height: 20px;
	cursor: pointer;
	border: medium none;
	background: url(../images/img_butoonSubmitNews.png) no-repeat scroll 3px 1px transparent; 
}

#subscribe:hover {
	width: 65px;
	height: 20px;
	cursor: pointer;
	border: medium none;
	background: url(../images/img_butoonSubmitNews.png) no-repeat scroll 3px -18px transparent; 
}