@charset "utf-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	background:#000 url(../images/body-bg2.png) top repeat-x;
}
a {
	text-decoration: none;
	color: #0066FF;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006F99;
	padding: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
 h4, h5, h6 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px;
	margin-bottom: 12px;
	background-image: url(../images/bkg_h2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-width: 1px;
	border-top-style: solid;
	
}

h2, h3 {	
        font-size: 14px;
	font-weight: bold;
	color: #006ab2;
	padding: 3px;
	margin-bottom: 12px;
	background-image: url(../images/bkg_h2.gif);
	background-repeat: no-repeat;
	background-position: left top;

}
form {
	margin: 0px;
}
.site_width {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.site_width2 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#site_border {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #FFFFFF;
}
#top1 {
	text-align: left;
	vertical-align: middle;
}
#top2 {
	text-align: right;
	vertical-align: bottom;
	padding: 0px 10px 15px 10px;
	width: 100%;
}
#top2 #shopping a {
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	white-space: nowrap;
	display: inline;
	padding: 3px 6px 3px 18px;
	margin-left: 25px;
	text-decoration: none;
	background-image: url(../images/bkg_top2.gif);
	background-repeat: no-repeat;
}
#top2 #shopping a:hover {
	text-decoration: underline;
}
#left {
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
}
#left2 {
	text-align: left;
	vertical-align: top;
	padding: 12px;
}
#left2 .heading {
	text-align: left;
	padding: 4px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	display: block;
}
#left2 #tree {
	text-align: left;
	padding: 8px 0px 12px 0px;
}
#left2 #tree a {
	text-align: left;
	padding: 1px 4px 1px 5px;
	color: #656565;
	display: block;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
        font-size: 13px;
}
#left2 #tree_content {
	text-align: left;
	padding: 1px 0px 12px 0px;
}
#left2 .content {
	text-align: left;
	padding: 9px 4px 13px 4px;
}
#main {
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding: 12px;
	width: 100%;
	height: 250px;
}

#main #plug { position:relative; height:240px; }

#main #plug1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 325px;
}
#main #plug2 {
	position: absolute;
	top: 6px;
	left: 330px;
	width: 345px;
}
#main #plug2 #heading {
	text-align: left;
	margin-bottom: 12px;
	font-weight: bold;
	color: #0066FF;
	font-size: 14px;
}
#main #plug2 #launch {
	display: inline;
	padding: 4px;
}
#main2 {
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding: 12px;
	width: 100%;
	height: 250px;
}
#close {
	color: #FFFFFF;
	text-align: center;
	padding: 12px;
}
#close a {
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	white-space: nowrap;
	display: inline;
	padding: 3px 6px 3px 20px;
	margin: 0px 15px 0px 15px;
	text-decoration: none;
	background-image: url(../images/bkg_top2.gif);
	background-repeat: no-repeat;
}
#close a:hover {
	text-decoration: underline;
}
#close2 {
	color: #FFFFFF;
	text-align: center;
	padding: 12px;
}
.logn1 {
	text-align: left;
	vertical-align: top;
	padding: 10px;
	width: 50%;
	border: 1px solid #0066FF;
}
.logn2 {
	text-align: left;
	vertical-align: top;
	padding: 10px;
	width: 50%;
	border: 1px solid #0066FF;
}
.logn1 h4, .logn2 h4 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #cccccc;
	background-image: none;
	padding: 4px;
	margin-top: 0px;
}
.ctgy1 {
	text-align: center;
	vertical-align: top;
	padding: 15px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #73ABFF;
}
.ctgy1 img {
	border: 1px solid #000000;
}
.ctgy2 {
	text-align: left;
	vertical-align: top;
	padding: 15px 10px 15px 25px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #73ABFF;
}
.ctgy2 a {
	font-size: 13px;
	font-weight: bold;
	color: #0066FF;
}
.wow-ctgy-featured {
	text-align: center;
	vertical-align: top;
	padding: 6px;
	width: 33%;

	background-color: #FFFFFF;
}
.wow-ctgy-featured img {

}
.wow-ctgy-featured a:hover{
	text-decoration: underline;

}

.wow-ctgy-featured .artist a {
	color: #333333;
    font-weight: bold;
}
.wow-ctgy {
	text-align: center;
	vertical-align: top;
	padding: 6px;
	width: 33%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D4D0C8;
}
.wow-ctgy img {
	border: 1px solid #000000;
}
.wow-ctgy a {
	text-decoration: none;
}
.prod1 {
	text-align: center;
	vertical-align: top;
}
.prod2 {
	text-align: left;
	vertical-align: top;
	padding: 8px;
	width: 100%;
}
.desc {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	white-space: nowrap;
	background-color: #000000;
	color: #FFFFFF;
}
.desc1 {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding: 5px;
	white-space: nowrap;
	background-color: #FFFFFF;
}
.desc2 {
	text-align: left;
	vertical-align: top;
	padding: 5px;
	width: 100%;
	background-color: #FFFFFF;
}
.desc3 {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding: 5px;
	white-space: nowrap;
	background-color: #EFEFEF;
	font-size: 13px;
	color: #0066FF;
}
.desc4 {
	text-align: left;
	vertical-align: top;
	padding: 5px;
	width: 100%;
	background-color: #EFEFEF;
	font-size: 13px;
	font-weight: bold;
	color: #0066FF;
}
#bc {
	margin-bottom: 14px;
}
#pages1 {
	background-color: #EFEFEF;
	padding: 4px 8px;
	text-align: left;
	white-space: nowrap;
}
#pages2 {
	background-color: #EFEFEF;
	padding: 4px 8px;
	text-align: right;
	white-space: nowrap;
}
#cart1 {
	padding: 5px;
	background-color: #999999;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}
#cart2 {
	padding: 5px;
	background-color: #EFEFEF;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}
#cart3 {
	padding: 5px;
	background-color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}

/* ADDED FOR NEW PAGE SET UPS */
/* PROD */

.prod2 h1 {
font-size:24px;
background:none;
color:#000;
margin: 0;
padding: 0;
font-weight:normal;
text-align:center;
}
.prod2 h1 span{
	font-size:14px;
	color:#b66408;
	font-weight:bold;
}
.prod2 .price {font-size:28px;  height:65px; color:#0d058b; text-align:center;}
.prod2 .price p {padding-left:10px; margin:0;}
.prod2 table {width:100%}
.prod2 .addthis {height:30px;}
.addthis_toolbox addthis_default_style {margin:10px 0 30px 0;}
.buyoptions {height:100px; background-color: #f2f2f2;}

.itunes {width:50%; text-align:center;}
.itunes div {margin-top:20px;}
.details {float:left; margin-right:15px;}
.ProductRow {
	width:640px;
	hieght:250px;
}
.product
{
	width:150px;
	text-align:center;
	height:250px;
	float:left;
	padding: 0 5px;
}
.product img
{border:none;}
.imagearea
{height:150px;}
.product .info
{vertical-align:bottom; padding-top:15px;}

.imageContainer img
{
	max-height:150px;
	max-width:150px;
}


.prodinfo {
	width:100%;

}
.prodinfo h2 {
	font-weight:normal;
	background:none;
	border:none;
	color:#525252;
	font-size:24px;
}

.prodinfo h3 {
	font-weight:normal;
	background:none;
	border:none;
	color:#525252;
}

.textinfo {
	width:328px;
	float:left;
	padding:5px;
}
.tracks {
	width:328px;
	float:right;
	padding:5px;
}

/* PLIST layouts */
.ctgy-ProductRow {
	width:676px;
	hieght:250px;
}

.ctgy-ProductRow .product{
	margin-left:12px;
}
.ctgy-ProductRow .first {
	margin-left:0;
}
.ProductRow {
	width:640px;
	hieght:250px;
}

.product
{
	width:150px;
	text-align:center;
	height:250px;
	float:left;
	padding: 0 5px;
}
.product img
{border:none;}
.imagearea
{height:160px;
}
.product .info
{vertical-align:bottom; padding-top:15px;}

.product .info .artist a { color:#333; font-weight: bold;}

.imageContainer img
{
	max-height:150px;
	max-width:150px;
}

/* NEW SFNT GOODIES */
.billboardPaging
{
	position:absolute;
	z-index:150;
	bottom:220px;
}
.billboardPaging a
{
	background:url("/mm5/graphics/00000001/dot.png" ) no-repeat;
	display:block;
	width:16px;
	height:16px;
	float:left;
	z-index:150;
	position:absolute
	left:100;
	padding:1px 0 0 4px;
	color:#FFF;
	
}
.headerImage img
{
	border:none;
	
}
.headerImage
{padding-top:15px;}

.billboardPaging a.activeSlide
{
	background:url("/mm5/graphics/00000001/dot-activet.png" ) no-repeat;
}
.prevnext
{
	position:absolute;
	width:676px;
}
.prevnext div
{
	z-index:150;
	top:50px;
	position:absolute;
	
}
.prevnext .featuredPrev, .bestPrev
{
	right:675px;
	background:url("/mm5/graphics/00000001/bg-arrow-prev.png" ) no-repeat;
	display:block;
	width:40px;
	height:40px;
	
}
.prevnext .featuredNext, .bestNext
{
	left:640px;
	background:url("/mm5/graphics/00000001/bg-arrow-next.png" ) no-repeat;
	display:block;
	width:40px;
	height:40px;
}

/* CLEARFIX */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

#social {
	width: 379px; float:left;	
}

/* TEMP PROD 2 */
#prod-wrap {}
#prod-wrap p { width:300px; font-size:12px; color:#666666;}
.pink { background-color: #f7e7ce; padding:5px; font-size:11px;}
.blue { background-color: #9CF; padding:5px; font-size:11px;}
.green { background-color: #BEF18F; padding:5px; font-size:11px;}
.grey { background-color: #CCC; padding:5px; font-size:11px;}
#col1 { float:left; width: 323px;}
#col2 { float: left; width: 323px; margin-left:25px;}
#prod-image { width: 300px; height:300px;}
#prod-image .prod-image { max-width:300px; max-height:300px;}
#prod-info-wrap { height:300px;}
#prod-name { width:300px;}
#prod-name h1 { font-size:22px; background:none; color:#000; margin: 0; padding: 0; font-weight:normal; text-align:center;  max-height:72px;}
#prod-name h1 div{	font-size:14px; color:#b66408; font-weight:bold; }
#prod-buttons { background-color:#f2f2f2; border: #ededed thin solid; width: 313px; height: 177px; padding:10px 5px; }
#prod-buttons p { padding:0 0 5px 0; margin:0; width: auto; font-weight: bold; }
#prod-buttons-left { float:left; width: 145px; text-align:center;}
#prod-buttons-right {float:left; width: 130px; padding-left:35px;}
#prod-price {font-size: 20px; color:#999999; text-align:center; margin-bottom: 5px; font-weight: bold; height:28px;}
#col1 h2, #col2 h2 {font-weight: bold; background:none; border:none; color:#666666; font-size:22px;}
#col1 h3, #col2 h3 {font-weight:bold; background:none; border:none; color:#525252; font-size: 14px;}
#cat-head { float:left; width:675px; margin-top: 25px;}
#cat-head .image { width: 285px; height:auto; float: left;} 
#cat-head h1 { float:left; font-size:39px; color: #000; padding:0 0 0 50px; margin: -10px 0 0 0; background:none;}
#cat-head h2 { font-size:22px; color: #000; padding-top:15px;  background:none; float:left; width:675px;}
#cat-head h3 { font-size:14px; color: #000; padding:30px 0 0 50px; float:left; width:340px; margin:0;}
#cat-head p { float:left; font-size:11px; color: #000; padding:0 0 0 50px; margin:0; background:none; width:330px; margin:0;}
#cat-head-formats { float:left; width:675px; margin-top: 25px;}
#cat-head-formats h1 { float:left; font-size:39px; color: #000; padding:0; margin: -10px 0 0 0; background:none;}
#cat-formats { float:left; width:675px;}
#cat-formats h2 { font-size:19px; color: #000;  background:none; float:left; width:675px; margin:2px;}
#format-av { float:left; width:675px; }
#format-print { float:left; width:675px;}

