﻿/* ------------ */
/* reset styles */
html, body, 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}
ol, ul			{ list-style:none; }
blockquote, q	{ quotes:none; }
:focus			{ outline:0; }
ins				{ text-decoration:none; }
del				{ text-decoration:line-through; }
/* tables still need 'cellspacing="0"' in markup */
table 
{
	border-collapse:collapse;
	border-spacing:0;
}
input[type=radio],
input[type=submit],
input[type=checkbox]
{
	width:auto;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clear-me { clear:both; }

/* ------------------------------- Typography --*/

h1 { font-size:22px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }


/* -- Links --*/
a, a:Visited { color:#8ba4c0; text-decoration:none; }
a:Hover { text-decoration:underline; }

/* ---------------------------------------------------- */
/* layout and positioning */
/* ---------------------------------------------------- */
body 
{
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	font-family:Arial, Sans-Serif;
	color:#434343;
	font-size:11px;
	background:#6c6c6c url('/tokentales/images/bg.jpg') no-repeat center -14px;
}

/* site wrapper */
.site-wrapper
{
	display:table;
	width:850px;
	height:auto;
	margin:0 auto;
	background:transparent url('/tokentales/images/bg-container.png') no-repeat left 89px !important;
	background:transparent url('/tokentales/images/bg-container.jpg') no-repeat left 89px;
}

/* header wrapper */
.header-wrapper
{
	position:relative;
	width:795px;
	height:53px;
	margin:62px auto 0 auto;
}
* html .header-wrapper { height:56px; margin-top:74px; }

.header-wrapper img { float:left; }

.header-quotes
{
	position:absolute;
	top:-5px;
	right:0;
	width:420px;
	height:44px;
	padding-top:14px;
	background:none;
	background-color:Transparent;
	text-align:right;
}

div#headerquotes {background:none;background-color:Transparent;}

div#headerquotes div
{
	width:420px;
	text-align:right;
	font-size:13px;
	font-weight:bold;
}

*+html div#headerquotes div {background:url('/tokentales/images/bg-for-ie.jpg') no-repeat right bottom;}

.header-wrapper .header-quotes span
{
	font-style:italic;
	font-size:11px;
	font-weight:normal;
}
.header-wrapper .header-quotes em { font-size:11px; }

/* site content wrapper */
.content-wrapper
{
	position:relative;
	width:791px;
	height:454px;
	margin:2px 0 0 30px;
	background:#ffffff url('/tokentales/images/bg-bw-art.jpg') no-repeat left top;
}

.masters-artwork
{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

/* accordion panels */
.panels-wrapper
{
	position:absolute;
	top:0;
	left:-1px;
	width:auto;
	height:454px;
	z-index:3;
}


.panels-wrapper ul 
{
	float:left;
	position:relative;
	list-style-type: none;
	margin: 0px;
	padding:0px;
	width:793px;
	height:454px;
	overflow:hidden;
}

.panels-wrapper ul li 
{
    float:left;
    width:18px;
    height:454px;
	margin: 0;
	padding:0 0 0 1px;
	background-color:Transparent;
	overflow:hidden;
}
.panels-wrapper ul li#lastpanelopened,
.panels-wrapper ul li#lastpanelopened:Visited,
.panels-wrapper ul li#lastpanelopened:Hover
{
	float:left;
    width:734px;
    height:454px;
	margin: 0;
	padding:0 0 0 1px;
	overflow:hidden;	
}

/*Handle*/
.panels-wrapper ul li .handle
{
	float: left;
	position:relative;
	width: 18px;
	height: 454px;
	background:transparent;
}
.panels-wrapper ul li .handle:Hover { cursor:pointer; }

.panels-wrapper ul li .handle img
{
	position:absolute;
	bottom:10px;
	left:3px;
	z-index:2;
}

.panels-wrapper ul li .handle .bg-opacity,
.panels-wrapper ul li#lastpanelopened .handle .bg-opacity
{
	position:absolute;
	width:18px;
	height:454px;
	background-color:#ffffff;
	filter:alpha(opacity=72);
	-moz-opacity:.72;
    opacity:.72;
    z-index:1;
}

/*panel content container*/
.panel-content-wrapper
{

	height:454px;
	margin-left:18px;
	background-color:#fff;
}
.pad-content { padding:12px;  }
.pad-content-right { padding-right:15px; }

.return-home
{
	position:absolute;
	top:5px;
	right:10px;
}


/* now available wrapper */
.now-avail-wrapper
{
	position:absolute;
	bottom:10px;
	right:10px;
	width:157px;
	height:76px;
	z-index:3;
}

.now-avail-wrapper ul { position:absolute; z-index:4; }
.now-avail-wrapper ul li { float:left; width:157px; height:76px; }
.now-avail-wrapper ul li img 
{
	float:left;
	margin:5px 0 0 8px;	
}
.now-avail-wrapper ul li img.albm-cvr
{
	margin:4px 0 0 9px;
	border:solid 1px #868685;
}

.now-avail-wrapper .bg-opacity
{
	position:absolute;
	top:0;
	left:0;
	width:157px;
	height:76px;
	background-color:#ffffff;
	filter:alpha(opacity=80);
    opacity:.80;
    z-index:1;
}

.hed {  border-bottom :solid 1px #dde9f7;}
.hed img { margin-bottom:-2px; background:#fff; padding-right:5px; }

/* about */
.about
{
	background:#fff url('/tokentales/images/bg-about.jpg') no-repeat 2px top;
}
.about-content { width:450px; }

.hed-quote
{
	float:left;
	width:334px;
	height:140px;
	overflow:hidden;
	margin-top:15px;
}
.about-content img.albm-cvr { float:left; margin:15px 15px 23px 0; }

.hed-quote div { display:block; color:#686969; font-size:12px; line-height:16px; }
.hed-quote div.q2 { display:none; }

.more-press { display:block; float:left; width:100%; }

.scroll-pane,
.press-wrapper .scroll-pane
{
	float: left;
	width: 450px;
	height: 225px;
	overflow: auto;
	margin-top:15px;
	scrollbar-base-color: #dde9f7; 
	scrollbar-arrow-color: white; 
	scrollbar-track-color: white; 
	scrollbar-shadow-color: #dde9f7; 
	scrollbar-lightshadow-color: transparent; 
	scrollbar-darkshadow-color: #dde9f7; 
	scrollbar-highlight-color: #dde9f7; 
	scrollbar-3dlight-color: transparent;
}

.press-wrapper .scroll-pane { width:345px; height:170px; }

.scroll-pane p
{
	display:block;
	clear:both;
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:solid 1px #e6e6e5;
}

.scroll-pane a img { float:left; margin-right:10px; }

.scroll-pane a,
.scroll-pane a:Visited { color:#6c6c6c; }

.scroll-pane a strong,
.scroll-pane a:Visited strong { display:block; color:#8ba4c0; }

.scroll-pane a:Hover { text-decoration:none; color:#8ba4c0; }
.scroll-pane a:Hover strong { color:#8ba4c0; }

.press-wrapper .scroll-pane a strong span { font-weight:normal; color:#6d6d6d; }

.audiovideo,
.contact,
.bio
{
	background:#fff url('/tokentales/images/bg-fuzz.jpg') no-repeat left bottom;
}

/* bio */
.bio-content
{
	float:left;
	width:686px;
	height:auto;
}
.bio-text
{
	float:left;
	display:inline;
	width:465px;
	height:410px;
	margin-top:15px;
}

.bio-content p 
{
	font-size:12px; 
	line-height:16px; 
	padding-bottom:15px;
}

.right-pic-quote,
.newsletter-content .right-pic-quote
{
	float:left;
	display:inline;
	width:200px;
	height:auto;
	margin:15px 0 0 20px;
	overflow:hidden;
}
.right-pic-quote div {float:right; clear:both; padding-bottom:100px;}
.right-pic-quote img { margin-bottom:10px; }
.right-pic-quote span { color:#97aec9; }

.newsletter-content .right-pic-quote { float:right; } 

/* a/v */
.av-content,
.contact-content
{
	float:left;
	width:686px;
	height:auto;
}

.av-content .audio
{
	float:left;
	width:302px;
	height:440px;
}

.buy-now
{
	float:left;
	clear:both;
	margin:15px 0;
}

.flash-clip-player,
.video-player
{
	float:left;
	clear:both;
	width:302px;
	height:auto;
}

.video-player
{
	width:330px;
	margin:15px 0;
}

.av-content .video
{
	float:right;
	width:330px;
	height:auto;
}

/* contact */
.newsletter-wrapper
{
	float:left;
	clear:both;
	width:345px;
	height:110px;
	background:url('/tokentales/images/bg-newsletter-signup.gif') no-repeat left top;
}
.hed-newsletter
{
	float:left;
	clear:both;
	width:340px;
	height:21px;
	line-height:21px;
	font-weight:bold;
	font-size:12px;
	padding:0 7px;
}

.newsletter-text
{
	float:left;
	width:320px;
	margin:6px 0 0 8px;
	color:#6c6c6c;
	font-size:12px;
}

.newsletter-form,
.newsletter-content .newsletter-form
{
	float:left;
	margin:5px 8px 0 8px;
}

.newsletter-content .newsletter-form { float:left; }

.newsletter-form td
{
	padding:0 2px;
	display:table-cell;
	vertical-align:middle;
}

.email-input
{
	width:200px;
	height:15px;
	font-size:12px;
	font-family:Arial;
}

.contact-content { width:686px; }

.contact-content .contact-left-column { float:left; width:320px; margin-top:15px; }
.contact-content .contact-right-column { float:right; width:340px; margin-top:15px; }

.contact-wrapper
{
	float:left;
	width:320px;
	height:auto;
	display:inline;
	margin-bottom:11px;
}
.contact-wrapper img,
.contact-wrapper div
{
	float:left;
	margin-right:10px;
}
.contact-wrapper div
{
	width:210px;
	margin:0;
}

.websites-wrapper
{
	float:left;
	display:block;
	clear:both;
	width:340px;
	margin:20px 0;
}

.websites-wrapper a,
.websites-wrapper a:Visited,
.websites-wrapper a.fb,
.websites-wrapper a.fb:Visited
.websites-wrapper a.ms,
.websites-wrapper a.ms:Visited
.websites-wrapper a.tw,
.websites-wrapper a.tw:Visited
{
	float:left;
	display:inline;
	margin:15px 30px 0 0;
	padding-left:19px;
	width:auto;
	height:14px;
	line-height:14px;
	font-weight:bold;
	background:url('/tokentales/images/icon-facebook.gif') no-repeat left center;
}
.websites-wrapper a.ms,
.websites-wrapper a.ms:Visited { background:url('/tokentales/images/icon-myspace.gif') no-repeat left center; }

.websites-wrapper a.tw,
.websites-wrapper a.tw:Visited { background:url('/tokentales/images/icon-twitter.gif') no-repeat left center; }

/* newsletter messaging */
.newsletter-message
{
	position:relative;
}

.newsletter-content
{
	position:absolute;
	top:12px;
	left:12px;
	width:768px;
	height:430px;
	z-index:2;
}

.newsletter-content p
{
	font-size:12px;
	color:#686969;
	padding:15px 0 0 2px;
}
.newsletter-content p.return-to-site { padding-top:50px; }

.newsletter-message .bg-opacity,
.newsletter-message .bg-opacity
{
	position:absolute;
	width:792px;
	height:454px;
	background:#ffffff url('/tokentales/images/bg-fuzz.jpg') repeat-x left bottom;
	filter:alpha(opacity=99);
	-moz-opacity:.99;
    opacity:.99;
    z-index:1;
}

/* review popup */
.review-popup
{
	position:absolute;
	top:0;
	left:76px;
	width:715px;
	height:454px;
	background:#fff url('/tokentales/images/bg-fuzz.jpg') no-repeat left bottom;
	z-index:5;
	display:none;
}

.morepress-scroll
{
	float:left;
	margin-top:15px;
	padding:0 20px 0 0;
	clear:both;
	width:665px;
	height:380px;
	overflow:auto;
	scrollbar-base-color: #dde9f7; 
	scrollbar-arrow-color: white; 
	scrollbar-track-color: white; 
	scrollbar-shadow-color: #dde9f7; 
	scrollbar-lightshadow-color: transparent; 
	scrollbar-darkshadow-color: #dde9f7; 
	scrollbar-highlight-color: #dde9f7; 
	scrollbar-3dlight-color: transparent;
}

.review-popup p
{
	padding:0 0 10px 0;
	font-size:12px;
	line-height:16px;
}
.review-popup p span { font-size:10px; }

.press-img
{
	float:right;
	width:auto;
	height:auto;
	margin:0 0 20px 20px;
}

/* store */
.store-top
{
	clear:both;
	float:left;
	margin:15px 0 25px 0;
}
.store-top img { float:left; margin-right:15px; }
.store-top p { font-size:13px; padding:0; }
.store-top p span { font-size:11px; padding-top:3px; }

.store-top p.instructions { font-size:12px; padding-top:15px; font-weight:bold; }

.col-wrapper
{
	float:left;
	clear:both;
	width:768px;
	height:auto;
}

.col1,
.col2,
.col3
{
	float:left;
	display:inline;
	width:230px;
	height:auto;
}

.col2 { width:200px; margin:0 35px 0 55px; }

.col-wrapper ul { float:left; margin-top:10px; width:auto; height:auto; }
.col-wrapper ul li,
.art-wrapper { float:left; clear:both; width:200px; height:auto; margin-bottom:15px; }
.art-wrapper  { margin-top:10px; }

.col-wrapper .col1 ul li { width:230px; }

.art-wrapper img { float:right; margin-left:10px; }

.return-to-site
{
	position:absolute;
	z-index:3;
	right:12px;
	bottom:12px;
	font-size:12px;
}

.return-to-homepage
{
	position:absolute;
	z-index:4;
	top:10px;
	right:15px;
	display:none;
}

.buy-select
{
	font-family:Arial;
	font-size:11px;
}


/* footer */
.footer-wrapper
{
	width:808px;
	height:34px;
	margin:10px auto 10px auto;
	background:url('/tokentales/images/bg-footer.png') no-repeat center center;
	text-align:center;
}
.footer-wrapper div#footerplpayer 
{ 
	width:795px;
	padding-top:3px;
	margin:0 auto;
}

/*share wrapper */
.share-wrapper
{
	width:800px;
	height:30px;
	margin:10px auto;
	text-align:right;
}



