/*=== HEADER ===*/
.HeaderDiv
{
  float: left;
  cursor: pointer;
  height: 30px;
}
a.HeaderLink, a.HeaderLink:hover
{
  text-decoration: none;
  font-size: 14px;
}
.HeaderDiv .HeaderArrow
{
  height:30px;
  float: left;
  background:url(Images/Header/HeaderArrow.png) no-repeat right top;
}

.HeaderDiv .HeaderArrow:hover
{
	background-position: right -30px;
}

.HeaderText
{
  float: left;
  padding-left: 13px;
  margin-top:7px;
  color: #fff;
}
.HeaderDiv:hover .HeaderText
{
  text-decoration: none;
}
.HeaderDivBack1
{
  background:url(Images/Header/Background1.png) no-repeat right top;
}

.HeaderDivBack2
{
  background:url(Images/Header/Background2.png) no-repeat right top;
}

.HeaderDivBack3
{
  background:url(Images/Header/Background3.png) no-repeat right top;
}

.HeaderDivBack4
{
  background:url(Images/Header/Background4.png) no-repeat right top;
}

.HeaderDivBack5
{
  background:url(Images/Header/Background5.png) no-repeat right top;
}

.HeaderDivBack6
{
  background:url(Images/Header/Background6.png) no-repeat right top;
}

.HeaderDivBack7
{
  background:url(Images/Header/Background7.png) no-repeat right top;
}

.HeaderDivBack8
{
  background:url(Images/Header/Background8.png) no-repeat right top;
}

.HeaderDivBack9
{
  background:url(Images/Header/Background9.png) no-repeat right top;
}

.HeaderDivBack10
{
  background:url(Images/Header/Background10.png) no-repeat right top;
}

/*=== MAIN HEADER ===*/

.TopHeader
{
	background: url(Images/Header/MainHeader.gif) no-repeat right top;
	height: 88px;
	width: 816px;
	margin-bottom: 4px;	
}

.TopHeaderText
{
	padding-top: 10px;
	padding-left: 15px;
	color: #fff;
	font-size: 42px;
}

.TopHeader .menu 
{
	clear: left;
	padding-left: 15px;
}

.TopHeader .menu a 
{
	display: block;
	float: left;
	margin-right: 15px;
	color: #fff;
	text-decoration: none;
}

.TopHeader .menu a:hover 
{
	color: #A6A6A6;
}

.TopHeader .menu a.selected 
{
	float: left; /* ie6 */	
	display: block;
	height: 15px;
	border-bottom: solid 5px #fff;
}

/*=== FEATURED ===*/

.ArtistsFeatured
{
  margin-top: 1px;
  float: left;
  height: 85px;
}
.ArtistsFeatured img {
	float: left;
	margin-right: 1px;
	width: 90px;
	height: 85px;
}	

.ArtistsFeatured div.content 
{
	float: left;
	height: 59px;
	background: url(Images/FeaturedBg.gif);
	padding: 13px;
}	

.ArtistsFeatured div.content a 
{
	font-weight: bold;
}	

/*=== Genres Control (Genres Main Page) ===*/

#Genres
{

}

#Genres a, #Genres a:hover
{
	color: #000000;
	text-decoration: none;
}

#Genres .left
{
	 border-bottom: solid 1px #b2b2b2;
	 border-right: solid 1px #b2b2b2;
	 width: 161px;
	 float: left;	
	 height: 92px;
	 overflow: hidden;
}
#Genres .right
{
	border-bottom: solid 1px #b2b2b2;
	width: 160px;
	float: left;
	height: 92px;
	overflow: hidden;
}

#Genres .selected
{
	background-position: left -91px!important;
}

#Genres .right:hover, #Genres .left:hover
{
	background-position: left -91px!important;
}

#Genres .description
{
	height: 65px;
	width: 85px;
	padding: 26px 60px 0px 15px;
	cursor: pointer;
}

/*=== GENRES CONTROL - HOME PAGE ===*/

.GenresHome .genresImg
{
	margin-top: 1px;
	width: 324px;
	height: 85px;
}

.GenresHome a.genresCaption 
{
	padding-top: 50px;
	padding-left: 130px;
	width: 90px;
	color: #000000;	
}

.GenresHome .genresCaption 
{
	padding-top: 50px;
	padding-left: 130px;
}

.GenresHome a
{
	color: #000000;	
	cursor: pointer;
}

.GenresHome a:hover
{
	color: #0187ce;	
	text-decoration: none;
}

/*=== Online Store ===*/

.OnlineStore
{
	width: 324px;
	background: url(../App_Styles/Images/online.gif) no-repeat right top;
	height: 85px;
}
.OnlineStore .link
{
	padding: 45px 0px 0px 132px;
	width: 192px;
	cursor: pointer;
}

.OnlineStore a
{
	color: #000000;
	text-decoration: none;
}

.OnlineStore a:hover
{
	color: #0187ce;
	text-decoration: none;
}

/*=== MPU ===*/

.Mpu
{
  text-align: center;
  background: #e5e5e5;
  padding: 5px 12px 5px 12px;
}
.Mpu div
{
	width: 300px;
	height: 250px;
	margin-top: 7px;
}
.Area
{
	background-color: #ffffff;
}
	
/*=== AZ ===*/

.scroll-pane 
{
	width: 304px;
	overflow: hidden;
	float: left;
}

#AzScrollDiv 
{
	height: 120px;
}
a.jScrollArrowUp
{
	background: url(../App_Styles/Images/ArrowUp.gif) no-repeat 0 0;
	height: 18px !important;
}
a.jScrollArrowDown 
{
	background: url(../App_Styles/Images/ArrowDown.gif) no-repeat 0 0;
	height: 18px !important;
}
.jScrollPaneTrack
{
 background: #E0E0E0 !important;
}
.jScrollPaneDrag
{
	background: #CCCCCC !important;
}
			
.azControl
{
	padding: 8px; 
	width: 306px;
	border: solid 1px #e6e6e6;
}
.menuAzControl
{
	padding: 2px 0px 10px 2px;
	/*font-size: 12px;*/
	width: 306px;
}

.menuAzControl a.noLink
{
 color: #cccccc;
 cursor: text;
}

.menuAzControl a.hasMusic
{
 color: #7d7d7d;
}

.menuAzControl a.selected
{
 color: #0084c2;
}

.azControlContent
{
	border: solid 1px #a1a1a1;
	height: 120px;
	width: 304px;
	overflow: hidden;
	float: left;
	background: #fff url(../App_Styles/Images/AzBg.gif) repeat-x 0 0;
}

.azControlContent a
{
 color: #7d7d7d;
 cursor: pointer;
}

a:hover div.linkTitleU
{
	text-decoration: underline;
}

a.AzFeatured
{
	display: block;
	width: 312px;
	height: 42px;
	background: url("../Files/Artists/Featured.jpg") no-repeat left top;
	text-decoration: none;
	color: #ffffff;
	padding: 128px 0 0 12px;
}
a.AzFeatured:hover
{
	color: #0187ce;
	text-decoration: none;
}
a.AzFeatured .name
{
	color: #fbd01d;
	font-weight: bold;
	float: left;
	clear: left;
}

/*=== ICONS ===*/

.RoundArrow
{
	background: transparent url(../App_Styles/Images/Icons/RoundArrow.png) no-repeat;
	width: 10px;
	height: 10px;
	margin-top: 2px;
	margin-left: 2px;
}

.Arrow
{
	background: transparent url(../App_Styles/Images/Icons/Arrow.gif) no-repeat;
	width: 4px;
	height: 7px;
	margin-top: 3px;
	margin-right: 3px;
}