/**********************
Basic Tags Definition
**********************/

* {margin: 0; padding: 0; outline: 0;}

html {height:100.1%; font-size:100.01%;}

p, ul, ol, table {line-height: inherit; margin: 0 0 1.27em 0;}
ul, ol {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}

img, fieldset, abbr, acronym {border: 0;}

address, caption, cite, code, dfn, th, var {font-style: normal; font-weight: normal;}

strong {font-weight: bold;}
em {font-style: italic;}

caption, th {text-align: left;}
q:before, q:after {content: '';}


/**********************
Headings
**********************/

h1, h2, h3, h4, h5, h6 {line-height: 1.27em; font-weight: bold;}
h1 {font-size: 3em;}
h2 {font-size: 2em;}
h3 {font-size: 1.64em;}
h4 {font-size: 1em;}
h5 {font-size: .92em;}
h6 {font-size: .88em;}

/*h1.top, h2.top, h3.top, h4.top, h5.top, h6.top,
#body h2:first-child, #body h3:first-child, #body h4:first-child {margin-top: 0 !important;}*/

h3.hd0, h3.hd1, h3.hd2, h3.hd3, h3.hd4 {
	background: url(../../../Util/PersistantImage.ashx?img=~/Content/Images/Centaur/bg_hd0.gif) repeat-x 0 bottom;
	color: #4a5868;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	letter-spacing: -1px;
	padding-bottom: 2px;
}
h3.hd1 {
	color: #b2aba4;
}
h3.hd2 {
	font-size: 1.27em;
}
h3.hd3 {
	color: #4a5868;
	margin-top: 1em;
}
h3.hd4 {
	background: #615a52 url(../../../Util/PersistantImage.ashx?img=~/Content/Images/Centaur/bg_hd4.gif) repeat-x 0 0;
	color: #fff;
	height: 25px;
	line-height: 25px;
	padding-left: 5px;
	margin: 0;
}
h3.hd6 {
	color: #2a398b;
	margin-bottom: .5em;
}

#col-r h3.replace {
	background: url(../../Images/Centaur/titles_col-r.gif) no-repeat;
	height: 25px;
}
h3.musicfinder {background-position: 0 0 !important;}
h3.youraccount {background-position: 0 -25px !important;}
h3.shoppingcart {background-position: 0 -75px !important;}
h3.top {background-position: 0 -50px !important;}
h3.welcome {background-position: 0 -225px !important;}

#col-l h4.hd0 {
	color: #2a398b;
	font-size: 1.17em;
	margin-bottom: 1.27em;
}


/**********************
Anchors
**********************/

a, a:link, a:active, a:visited {color: #4a5868; text-decoration: none;}
a:hover {color: #4a5868; text-decoration: underline;}

#col-r a, #col-r a:link, #col-r a:visited, #col-r a:hover, #col-r a:active {color: #fff;}

#col-r a.button {
	background: #dad3cc;
	border: 3px solid #aa9e93;
	color: #444 !important;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	padding: 1px 2px;
	text-decoration: none;
}

#more-genres a {text-decoration: underline;}


/**********************
Main Structure
**********************/

body {
	background: #2a398b repeat 0 0;
	/* background-image: url(../../../Util/PersistantImage.ashx?img=~/Content/Images/Centaur/bg.jpg); */
	color: #4a5868;
	font: 68.75%/1.27em Arial, Helvetica, sans-serif;
	text-align: center;
}

#header {
	background: #f93;
	height: 75px; width: auto;
	margin: 20px 0;
	position: relative;
}
	#header div.wrap {
		float: none; display: block;
		height: 75px; width: 960px;
		margin: auto;	
		text-align: left;
	}
	#logo, #tagline {margin: 0;}
	#logo a {
		background: url(../../../Util/PersistantImage.ashx?img=~/Content/Images/Centaur/logo.jpg) no-repeat 0 0;
		height: 75px; width: 338px;
		position: absolute;
		top: 0; left: 0;
	}
	#tagline {display: none;}

#wrap {
	margin: auto;
	text-align: left;
	width: 960px;
}

#body {
	background: #d2e4ff;
	padding: 6px 0;
	width: 960px;
}
	#col-l {
		float: left; display: inline;
		margin: 0 7px;
		width: 728px;
		overflow: hidden;
	}
	#col-r {
		float: left;
		color: #fff;
		overflow: hidden;
		width: 213px;
	}
	
#footer {
	/* background: url(../../../Util/PersistantImage.ashx?img=~/Content/Images/Centaur/bg_footer.gif) no-repeat 0 0; */
	height: auto; width: 960px;
}


/**********************
General Elements
**********************/

#header p.ad {float: right; margin: 0;}

.box0 {
	float: left; display: inline;
	background: #f2eee9 url(../../../Util/PersistantImage.ashx?img=~/Content/Images/Centaur/bg_box0.gif) repeat-y 0 0;
	clear: both;
	margin-bottom: 20px;
	width: 728px;
	position: relative;
}
	.box0.out {
		margin-left: -12px !important;
	}
	
.box0 div.bg {
	float: left;
	background: url(../../../Util/PersistantImage.ashx?img=~/Content/Images/Centaur/box0_top.gif) no-repeat 0 0;
	width: 728px;
}
.box0 div.bg div.bg {
	float: left;
	background: url(../../../Util/PersistantImage.ashx?img=~/Content/Images/Centaur/box0_bot.gif) no-repeat 0 bottom;
	padding: 12px 11px 12px 12px;
	width: 705px;
}
.box0 dl {
	float: left;
	color: #000;
	margin-bottom: 15px;
	padding: 0 5px;
	text-align: center;
	width: 131px;
}
.box0 dl p {margin: 0;}
.box0 dt div {text-align: center; margin: auto;}
.box0 p.more-top {
	clear: both;
	font-weight: bold;
	font-style: italic;
	margin: 0;
	text-align: right;
	width: 300px;
	position: absolute;
	top: 17px; right: 12px;
}
.box0 p.more-bottom {
	clear: both;
	font-weight: bold;
	margin: 0;
	text-align: right;
}

.box0.white {
	background: none;
	padding: 0 11px 0 12px;
	width: 705px;
}

ul.banners0 {
	float: left; display: inline;
	clear: both;
	margin: -20px -7px 20px -7px;
	width: 742px;
}
ul.banners0 li {
	float: left; display: inline;
	margin: 20px 0 0 32px;
	height: 112px; width: 205px;
}
ul.banners0 li img {
	display: block;
}

p.banner1 {
	clear: both;
	text-align: center;
	margin-bottom: 20px;
}

#col-r { font-size: 1.1em; }
#col-r a {text-decoration: underline;}

#col-r .block0 {
	background: #ff9933;
	padding: 5px;
	position: relative;
}
#col-r .block0 p {
	margin: 0;
}

#col-r #search-music p.adv {
	float: left;
	margin-top: 4px;
}

#col-r #youraccount p.msg {
	float: left;
	padding-top: 5px;
}
#col-r #youraccount p.bt {
	float: right;
}
#col-r #shoppingcart {
	padding-bottom: 10px;
}
#col-r #welcome {
	padding-bottom: 10px;
	padding-top: 10px;
}

#col-r .block0, #col-r .block1 {
	float: left;
	clear: both;
	width: 203px;
}
#col-r h3.replace {
	float: left;
	clear: both;
	width: 213px;
}

ol.list0 {
	margin: 10px;
	margin-left: 30px;
}
ol.list0 li {
	height: auto;
	list-style: decimal outside;
}
ol.list0 h4 {display: inline;}
ol.list0 p {margin: 0;}

ul.list1 {
	color: #4a5868;
	font-size: 1.17em;
	line-height: normal;
	font-weight: bold;
}

ol.list1 li {
	list-style: decimal inside;
	height: auto;
}

p.more {
	font-style: italic;
	font-weight: bold;
	text-align: right;
	margin-bottom: 0;
}

#more-genres {
	font-size: 1.09em;
	line-height: 1.17em;
}
#more-genres .top-genre li {float: left; font-weight: normal; padding-top: 0px; display: inline; width: 225px; margin: 1px 5px;}

div.reviews {
	float: left;
	background: #f2eee9;
	border: 1px solid #b2aba4;
	clear: both;
	font-size: 1.09em;
	margin-bottom: 1.27em;
	padding: 10px 5px;
	width: 716px;
}
div.reviews dl {
	margin-bottom: 1em;
	position: relative;
}
div.reviews dt em {
	position: absolute;
	font-style: normal;
	right: 5px;
}

div.album-options {
	position: relative;
	width: 200px;
}
div.album-options ul {
	width: 86px;
	position: absolute;
	right: 0; top: 0;
}
div.album-options ul li {
	margin-bottom: 4px;
}
div.album-options ul a {
	border: 1px solid #7b756d;
	display: block;
	font-size: .92em;
	line-height: 1.09em;
	padding: 2px 2px 2px 16px;
	text-align: center;
	text-decoration: none !important;
}
div.album-options ul li.buy a {background: url(../../../Util/PersistantImage.ashx?img=~/Content/Images/Centaur/ico_buycd.gif) no-repeat 2px center;}
div.album-options ul li.down a {background: url(../../../Util/PersistantImage.ashx?img=~/Content/Images/Centaur/ico_dl.gif) no-repeat 2px center;}

div.album-options p.price em {color: #000; font-style: normal; text-decoration: line-through;}
div.album-options p.price strong {color: #ee3224; font-weight: normal;}


/**********************
Navigation
**********************/

ul.nav {margin-bottom: 0;}

/* Main Nav */
ul#nav {
	height: 24px; width: 960px;
}
ul#nav li {
	float: left;
	height: 24px; width: 78px;
	margin: 0 2px 0 0;
}
ul#nav li a {
	float: left;
	background: url(../../../Util/PersistantImage.ashx?img=~/Content/Images/Centaur/nav.gif) no-repeat 0 0;
	display: block;
	height: 25px; width: 78px;
	line-height: 0;
	text-indent: -10000px;
}
ul#nav li a:hover {
	height: 25px;
	margin-top: 0;
}

ul#nav li.nav00 a, ul#nav li.nav00 a:hover, ul#nav li.nav00 a.active {background-position: 0 0 !important;}

ul#nav li.nav01 a {background-position: -78px -25px;}
ul#nav li.nav01 a:hover, ul#nav li.nav01 a.active {background-position: -78px -25px !important;}

ul#nav li.nav02 a {background-position: -156px 0;}
ul#nav li.nav02 a:hover, ul#nav li.nav02 a.active {background-position: -156px -25px !important;}

ul#nav li.nav03 a {background-position: -234px 0;}
ul#nav li.nav03 a:hover, ul#nav li.nav03 a.active {background-position: -234px -25px !important;}

ul#nav li.nav04 a {background-position: -312px 0;}
ul#nav li.nav04 a:hover, ul#nav li.nav04 a.active {background-position: -312px -25px !important;}

ul#nav li.nav05 a {background-position: -390px 0;}
ul#nav li.nav05 a:hover, ul#nav li.nav05 a.active {background-position: -390px -25px !important;}

ul#nav li.nav06 a {background-position: -468px 0;}
ul#nav li.nav06 a:hover, ul#nav li.nav06 a.active {background-position: -468px -25px !important;}

ul#nav li.nav07 a {background-position: -546px 0;}
ul#nav li.nav07 a:hover, ul#nav li.nav07 a.active {background-position: -546px -25px !important;}

ul#nav li.nav08 a {background-position: -624px 0;}
ul#nav li.nav08 a:hover, ul#nav li.nav08 a.active {background-position: -624px -25px !important;}

ul#nav li.nav09 a {background-position: -702px 0;}
ul#nav li.nav09 a:hover, ul#nav li.nav09 a.active {background-position: -702px -25px !important;}

ul#nav li.nav10 a {background-position: -780px 0;}
ul#nav li.nav10 a:hover, ul#nav li.nav10 a.active {background-position: -780px -25px !important;}

/* Subgenre Nav */
ul.subgenres {margin-top: -8px;}
ul.subgenres li {float: left; font-size: 1.1em; display: inline; width: 132px; margin: 1px 5px; }
ul.subgenres li.active {color:#EF5091;}

/* Footer Nav */
#footer ul.nav {
	padding: 10px 0;
	text-align: center;
}
#footer ul.nav li {
	color: #fff;
	display: inline;
	padding-left: .68em;
}
#footer ul.nav li:before {
	content: "|";
	padding-right: .68em;
}
#footer ul.nav li:first-child:before {
	content: "";
	padding-right: 0;
}
#footer ul.nav a {
	color: #fff !important;
}

/* Tabs */
ul#tabs {
	float: left;
	clear: both;
	height: 24px; width: 728px;
	position: relative;
	z-index: 9999;
}
ul#tabs li {
	float: left;
	_margin-bottom: -5px;
}
ul#tabs li a {
	background: url(../../../Util/PersistantImage.ashx?img=~/Content/Images/Centaur/tabs.gif) no-repeat 0 0;
	display: block;
	height: 24px; width: 115px;
	line-height: 0;
	text-indent: -10000px;
}
ul#tabs li a:hover, ul#tabs li a.active {height: 24px; margin-bottom: -1px; border-bottom: 1px solid #f2eee9 !important; position: relative; z-index: 9999;}
ul#tabs li.nav01 a {background-position: 0 0 !important;}
ul#tabs li.nav01 a:hover, ul#tabs li.nav01 a.active {background-position: 0 -24px !important;}
ul#tabs li.nav02 a {background-position: -115px 0 !important;}
ul#tabs li.nav02 a:hover, ul#tabs li.nav02 a.active {background-position: -115px -24px !important;}
ul#tabs li.nav03 a {background-position: -230px 0 !important;}
ul#tabs li.nav03 a:hover, ul#tabs li.nav03 a.active {background-position: -230px -24px !important;}
ul#tabs li.nav04 a {background-position: -345px 0 !important;}
ul#tabs li.nav04 a:hover, ul#tabs li.nav04 a.active {background-position: -345px -24px !important;}
ul#tabs li.nav05 a {background-position: -460px 0 !important;}
ul#tabs li.nav05 a:hover, ul#tabs li.nav05 a.active {background-position: -460px -24px !important;}

/* Right Nav. */

#col-r ul.nav {
	float: left;
	background: #f93;
	width: 213px;
}
#col-r ul.nav li {
	float: left; display: inline;
	margin-bottom: 10px;
}
#col-r ul.nav li a {
	background: #f93 url(../../Images/Centaur/titles_col-r.gif);
	float: left;
	display: block;
	clear: both;
	height: 25px; width: 213px;
	line-height: 0;
	text-indent: -10000px;
}
#col-r ul.nav li.nav00 a {background-position: 0 -100px;}
#col-r ul.nav li.nav01 a {background-position: 0 -125px;}
#col-r ul.nav li.nav02 a {background-position: 0 -150px;}
#col-r ul.nav li.nav03 a {background-position: 0 -175px;}
#col-r ul.nav li.nav04 a {background-position: 0 -200px;}
#col-r ul.nav li.nav05 a {background-position: 0 -225px;}


/**********************
Common Classes / Misc.
**********************/

/* TXT */
.txt0 {color: #ff9933 !important;}
.txt1 {color: #54534a;}
.txt2 {font-size: 1.17em;}
.txt3 {color: #c0b9b2;}
.txt4 {font-size: .67em;}

img.img0 {border: 4px solid #fff;}


.hidden {display: none;}
.replace {display: block; text-indent: -10000px; line-height: 0;}
.nomargin {margin-bottom: 0 !important;}
.noborder {border: 0 !important;}

.l {text-align: center;}
.c {text-align: center;}
.r {text-align: right;}