/*
//-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=||
//-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=||
//-=-=-=-=-=-=-=|| 
//-=-=-=-=-=-=-=||  BeatLocker CSS
//-=-=-=-=-=-=-=||  version 1.0
//-=-=-=-=-=-=-=||  developed by Ralph Ferrara
//-=-=-=-=-=-=-=||  05/12/2008
//-=-=-=-=-=-=-=||  
//-=-=-=-=-=-=-=||  file: /_css/layout.css
//-=-=-=-=-=-=-=|| 
//-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=||
//-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=||
*/

/*=================================================================================================================================||		
=========| Body
===================================================================================================================================|| */

	* {
		padding					: 0px;
		margin					: 0px;
	}
	
	body {
		background-image 		: url(../_images/background-new.jpg);
		background-repeat		: repeat-x;
		background-color		: #7c8697;
		font-family				: Geneva, Arial, Helvetica, sans-serif;
		font-size				: 100.01%;
	}
	
	div#wrapper {
		width					: 960px;				
		margin					: 0 auto;				
	}
	
	div#header {
		background-image		: url(../_images/logo-new.gif);
		height					: 67px;
		margin					: 4px 0 0 0;
		background-repeat		: no-repeat;
		background-position		: 2px -4px;
	}
	
	.clearboth {
		clear					: both;
	}

/*=================================================================================================================================||		
=========| Navigation
===================================================================================================================================|| */

	div#nav {
		height					: 70px;
		margin					: 4px 0 0 0;
		background-repeat		: no-repeat;
	}
	
		div#nav ul#navigation {
			list-style				: none;
		}
		
			ul#navigation li {
				float					: left;
			}		

			ul#navigation li a{
				float					: left;	
				display					: block;
				line-height				: 0;
				height					: 60px;
			}					
			
				ul#navigation li#home a{
					background				: transparent url(../_images/nav-new.jpg) no-repeat 0px 0px;
					width					: 135px;
				}			

				ul#navigation li#signup a{
					background				: transparent url(../_images/nav-new.jpg) no-repeat -136px 0px;
					width					: 108px;
				}			

				ul#navigation li#signup-artist a{
					background				: transparent url(../_images/nav-new.jpg) no-repeat -244px 0px;
					width					: 145px;
				}			

				ul#navigation li#record a{
					background				: transparent url(../_images/nav-new.jpg) no-repeat -389px 0px;
					width					: 88px;
				}			

				ul#navigation li#about a{
					background				: transparent url(../_images/nav-new.jpg) no-repeat -477px 0px;
					width					: 94px;
				}		

				ul#navigation li#advertisers a{
					background				: transparent url(../_images/nav-new.jpg) no-repeat -571px 0px;
					width					: 136px;
				}			

				ul#navigation li#press a{
					background				: transparent url(../_images/nav-new.jpg) no-repeat -708px 0px;
					width					: 94px;
				}			

				ul#navigation li#retailers a{
					background				: transparent url(../_images/nav-new.jpg) no-repeat -804px 0px;
					width					: 116px;
				}			

/*=================================================================================================================================||		
=========| Ad Row 1
===================================================================================================================================|| */

	div#adrow1 {
		background-image 			: url(../_images/background-adrow1-new.png);
		height						: 186px;
	}

		div#adrow1 div#ad11,div#adrow1 div#ad12,div#adrow1 div#ad13 {				
			font-family				: Geneva, Arial, Helvetica, sans-serif;
			font-size				: 100%;
			font-weight				: bold;
			width					: 272px;
			float					: left;		
			margin					: 20px 10px 20px 25px;			
			text-align				: center;					
		}

		div#adrow1 div#ad11 img ,div#adrow1 div#ad12 img ,div#adrow1 div#ad13 img {				
			background-color		: #CCC;
			border-top				: 1px solid #D2D2D2;
			border-right			: 1px solid #BBB;
			border-bottom			: 1px solid #BBB;
			border-left				: 1px solid #D2D2D2;
			padding					: 5px;
			margin					: 10px 0 6px 0;
		}				

		div#adrow1 div#ad11 a,div#adrow1 div#ad12 a,div#adrow1 div#ad13 a {				
			color					: #666;
			text-decoration			: none;
		}				
		
/*=================================================================================================================================||		
=========| Ad Row 2
===================================================================================================================================|| */

	div#adrow2 {
		margin						: 10px 0 0 0;
		background-image 			: url(../_images/background-adrow2-new.png);
		height						: 255px;
	}
	
	div#adrow2 div {

	}
	
		div#adrow2 div#ad21 {
			width					: 458px;
			float					: left;
			padding					: 17px 0 0 15px;
		}

			div#adrow2 div#ad21 img{
				background-color		: #CCC;
				border-top				: 1px solid #D2D2D2;
				border-right			: 1px solid #BBB;
				border-bottom			: 1px solid #BBB;
				border-left				: 1px solid #D2D2D2;
				padding					: 5px;
				margin					: 10px 0 6px 0;
			}

		div#adrow2 div#ad22 {
			width					: 225px;
			float					: left;
			padding					: 17px 0 0 5px;					
		}

			div#adrow2 div#ad22 img{
				background-color		: #CCC;
				border-top				: 1px solid #D2D2D2;
				border-right			: 1px solid #BBB;
				border-bottom			: 1px solid #BBB;
				border-left				: 1px solid #D2D2D2;
				padding					: 5px;
				margin					: 10px 0 6px 0;
			}					

		div#adrow2 div#ad23 {
			width					: 225px;
			float					: left;
			padding					: 100px 0 0 25px;
		}

			div#adrow2 div#ad23 #searchbox {
				padding				: 4px;
				margin				: 15px 0 10px 3px;
				width				: 180px;
				background-image	: url(/_images/background-searchbox-new.png);
				background-repeat	: no-repeat;
				background-position	: 4px 2px;
			}					

/*=================================================================================================================================||		
=========| Content 1
===================================================================================================================================|| */

	div#content1 { 
		padding				: 10px 0 20px 0;			
	}
	
		div#content1 div{				 

		}
	
		/*=================================================================================================================================||		
		=========| Left Area
		===================================================================================================================================|| */
	
		div#content1 div.left { 
			width				: 270px;					
			float				: left;
		}

			/*=================================================================================================================================||		
			=========| Box 1
			===================================================================================================================================|| */
		
			div#content1 div.left div#box1 div.header#promo { 
				background-image			: url(../_images/header-promotion-new.jpg);
				background-repeat			: no-repeat;
				height						: 30px;
			}
		
			div#content1 div.left div#box1 div.area { 
				background-image			: url(../_images/background-boxleft.jpg);
				background-repeat			: repeat-y;
				padding						: 15px 0 0 10px;
			}
			
				div#content1 div.left div#box1 div.area h3{ 
					font-family					: Geneva, Arial, Helvetica, sans-serif;
					font-size					: 100%;
				}
			
			input#promocode {
				width						: 230px;
				padding						: 4px;
				margin						: 10px 0 10px 0;
			}

			/*=================================================================================================================================||		
			=========| Box 2
			===================================================================================================================================|| */
		
			div#content1 div.left div#box2 div.header#login { 
				background-image			: url(../_images/header-login.png);
				background-repeat			: no-repeat;
				height						: 30px;
			}
		
			div#content1 div.left div#box2 div#area { 
				background-image			: url(../_images/background-boxleft.jpg);
				background-repeat			: repeat-y;
				padding						: 15px 0 0 10px;
			}
			
				div#content1 div.left div#box2 div#area h3{ 
					font-family					: Geneva, Arial, Helvetica, sans-serif;
					font-size					: 100%;
				}
			
			input#email, input#password {
				width						: 230px;
				padding						: 4px;
				margin						: 0px 0 10px 0;
			}

			/*=================================================================================================================================||		
			=========| Box 3
			===================================================================================================================================|| */
		
			div#content1 div.left div#box3 { 
				height						: 275px;
				border						: 1px solid #CCC;
				background-color			: #FFFFFF;
				text-align					: center;
				padding						: 10px 0 0 0;
			}
		
				div#content1 div.left div#box3 h3{ 
					font-family				: Geneva, Arial, Helvetica, sans-serif;
					font-size				: 110%;
					color					: #000;
				}

				div#content1 div.left div#box3 h4{ 
					font-family				: Geneva, Arial, Helvetica, sans-serif;
					font-size				: 90%;
					color					: #000;
				}

			/*=================================================================================================================================||		
			=========| Boxes
			===================================================================================================================================|| */

			div#content1 div.left div.footer { 					
				background-image			: url(../_images/background-box-footer-new.png);
				background-repeat			: no-repeat;
				height						: 30px;
			}
		
		/*=================================================================================================================================||		
		=========| Right Area
		===================================================================================================================================|| */
		
		div#content1 div#right { 
			width				: 674px;
			margin				: 0 0 0 16px; 
			float				: left;					
		}

		/*=================================================================================================================================||		
		=========| Music Player
		===================================================================================================================================|| */
		
		div#right div#head-musicplayer {
				background-image			: url(../_images/header-songs.png);
				background-repeat			: no-repeat;
				padding						: 0;
				margin						: 0;
				height						: 30px;
		}
		
		div#right div#head-musicplayer h3#header-main{
				color						:#FFFFFF;
				padding-left				: 15px;
				padding-top					: 5px;
				letter-spacing				: 1px;
				font-family					:"Helvetica Condensed Medium", "Arial Narrow", Arial, sans-serif;
		}	
		
		div#right div#area-musicplayer {
				background-image			: url(../_images/background-musicplayer.png);
				background-repeat			: repeat-y;
				height						: 395px;
		}
		
		div#right div#main-content{
				background-image			: url(../_images/background-musicplayer.png);
				background-repeat			: repeat-y;
		}
		
		div#right div#area-musicplayer div#scroll{
				overflow					: scroll;
				width						: 650px;	
				height						: 380px;
				padding						: 10px 0 0 10px;				
		}


			div#right div#area-musicplayer table tr td{
				text-align					: center;
				font-family					: Geneva, Arial, Helvetica, sans-serif;
				font-size					: 90%;
			}

		
			div#right div#area-musicplayer table tr td img{
				background-color			: #EAEAEA;
				padding						: 4px;
				border						: 1px solid #CCC;
				margin						: 0 12px 3px 14px;
			}
			
			div#right div#area-musicplayer table tr td div#blank{
				margin						: 0 12px 3px 14px;
				width						: 120px;
				height						: 120px;				
			}
			
			div#right div#area-musicplayer table tr td a{
				color						:#333333;
				text-decoration				: none;
			}
		
		div#right div#footer-musicplayer {
				background-image			: url(../_images/footer-musicplayer.png);
				height						: 16px;
				background-repeat			: no-repeat;
		}
		
		/*=================================================================================================================================||		
		=========| Genre Box
		===================================================================================================================================|| */
		
		div#right div#genre {
			width							: 272px;	
			float							: left;
		}
		
			div#right div#head-genre {
				background-image				: url(../_images/header-genre.jpg);
				background-repeat				: no-repeat;
				height							: 34px;
			}
			
			div#right div#area-genre {
				background-image				: url(../_images/background-genre.jpg);
				background-repeat				: repeat-y;
				padding							: 0px 0px 5px 3px;
			}

				div#right div#area-genre table {
					border-collapse				: collapse;
					margin						: 0;
				}

				div#right div#area-genre table td{
					width						: 79px;
					text-align					: center;
					font-size					: 85%;
					font-weight					: bold;
					border-left					: 1px solid #CCC;							
					border-bottom				: 1px solid #CCC;														
					margin						: 0;
					padding						: 10px 5px 10px 5px;
					background-color			: #EAEAEA;

				}

					div#right div#area-genre table td a{
						text-decoration				: none;
						color						: #000;								
					}
					
					div#right div#area-genre table td#first{
						border-left					: none;
						width						: 78px;															
					}
					div#right div#area-genre table td#first.active{
						background-color			: #FFFFFF;														
					}
					
					div#right div#area-genre table td.active{							
						background-color			: #FFFFFF;								
					}
					
				div#right div#area-genre div#genre-scroll{
					height						: 200px;
					overflow					: scroll;
					width						: 265px;
				}

					div#right div#area-genre div#genre-scroll div.genre-iteme{
						padding						: 3px 0 3px 10px;
						background-color			: #F2F2F2;
					}

					div#right div#area-genre div#genre-scroll div.genre-itemo{
						padding						: 3px 0 3px 10px;
						background-color			: #FFFFFF;
					}
				
						div#right div#area-genre div#genre-scroll div a{
							text-decoration				: none;
							color						: #333;
						}
				div#right div#area-genre div#releases-scroll{
					height						: 200px;
					overflow					: scroll;
					width						: 265px;
				}

					div#right div#area-genre div#releases-scroll div.genre-iteme{
						padding						: 3px 0 3px 10px;
						background-color			: #F2F2F2;
					}

					div#right div#area-genre div#releases-scroll div.genre-itemo{
						padding						: 3px 0 3px 10px;
						background-color			: #FFFFFF;
					}
				
						div#right div#area-genre div#releases-scroll div a{
							text-decoration				: none;
							color						: #333;
						}
				div#right div#area-genre div#category-scroll{
					height						: 200px;
					overflow					: scroll;
					width						: 265px;
				}

					div#right div#area-genre div#category-scroll div.genre-iteme{
						padding						: 3px 0 3px 10px;
						background-color			: #F2F2F2;
					}

					div#right div#area-genre div#category-scroll div.genre-itemo{
						padding						: 3px 0 3px 10px;
						background-color			: #FFFFFF;
					}
				
						div#right div#area-genre div#category-scroll div a{
							text-decoration				: none;
							color						: #333;
						}
					
					
			div#right div#footer-genre {
				background-image				: url(../_images/footer-genre.jpg);
				background-repeat				: no-repeat;
				background-position				: 2px 0;
				height							: 12px;

			}
		
		/*=================================================================================================================================||		
		=========| Featured
		===================================================================================================================================|| */
		
		div#right div#featured {
			width							: 391px;	
			float							: left;
			margin							: 0 0 0 10px;
		}

			div#right div#head-featured {
				background-image				: url(../_images/header-featured.jpg);
				background-repeat				: no-repeat;
				height							: 34px;
			}
			
			div#right div#area-featured {
				background-image				: url(../_images/background-featured.jpg);
				background-repeat				: repeat-y;
				background-position				: -1px 0;
				padding							: 0px 0px 5px 3px;
			}

				div#right div#area-featured table tr td{
					padding							: 10px 5px 5px 5px;
					font-size						: 90%;
					color							: #312d2d;		
					line-height						: 1.3em;
				}
				
					div#right div#area-featured table tr td h3 {
						color							: #8d0404;
					}
				
						div#right div#area-featured table tr td h4 {
							font-size						: 90%;
							color							: #312d2d;
						}

						div#right div#area-featured table tr td a {
							border							: none;
							color							: #666;
							text-decoration					: none;
							font-size						: 80%;
						}

						div#right div#area-featured table tr td img  {
							border							: none;
						}
				
						div#right div#area-featured table tr td img.artist {
							border							: 1px solid #666;
							padding							: 4px;
							background-color				: #EAEAEA;
							width							: 144px;
							height							: 144px;									
						}


			div#right div#footer-featured {
				background-image				: url(../_images/footer-featured.jpg);
				background-repeat				: no-repeat;
				background-position				: -1px 0;
				height							: 12px;

			}
						
		/*=================================================================================================================================||		
		=========| Footer
		===================================================================================================================================|| */

		div#footer-wrap {
			background-image			: url(../_images/footer-new.jpg);
			background-repeat			: repeat-x;
			height						: 180px;
		}
		
			div#footer {
				width					: 960px;				
				margin					: 0 auto;									
				padding					: 20px 0 0 0;
				color					: #FFF;
				font-size				: 80%;
				font-weight				: bold;
				line-height				: 1.8em;
			}
			
				div#footer a {
					color					: #e69707;
				}

				div#footer div.left {
					float					: left;
					width					: 420px;
				}
			
				div#footer div.right {
					float					: left;							
					width					: 380px;							
				}
			
				div#footer div.right table tr td {
					padding					: 2px;
				}
			
					div#footer div.right table tr td img {
						border					: 0px;
					}
			
		/*=================================================================================================================================||		
		=========| Flash Player
		===================================================================================================================================|| */
		div#right div#flash-musicplayer {
				width						: 670px;	
				height						: 300px;
		
		}

		#albumcover{ 
				width				: 200px;
				float				: left;		
				margin				: 10px 10px 0 10px;
		
		}

		#albumcover img { 
				border				: 5px solid #FFFFFF;
		}
		
		#albumtext {
			width				: 320px;
			float				: left;		
			padding				: 0 0 0 10px;
			font-size			: 80%;
			line-height			: 1.6em;
		}
		
		#albumtext a{
			color				: #999999;
		}
			
		#albumtext label{
			width				: 80px;
			float				: left;		
		}	
		
		#albumtext h2{
			margin				: 10px 0 0 0 ;	
			font-size			: 140%;
			color				: #CCCCCC;
		}
		
		#albumtext h3{	
			font-size			: 120%;
			color				: #999999;
		}
		/*=================================================================================================================================||		
		=========| Pages
		===================================================================================================================================|| */
		div.press-release {
			width				: 99%;
		}
		
		div.press-release img {
			width				: 99%;
		}
		
		div.press-release p {
			color				: #333333;
		}
		
			/* 
	//-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=||
	//-=-=-=-=-=-=-=|| Signup Page
	//-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=||*/
	
		#form-signup {
			padding				: 15px 15px 0 15px;
			line-height			: 1.5em;
		}
	
		#form-signup label {
			float				: left;
			width				: 250px;
		}
		
		#form-signup label.heading {
			float				: left;
			width				: 450px;
		}
	
		#form-signup .text {
			float				: left;
			color				: #333333;
			font-size			: 105%;
			padding				: 3px;
			margin				: 3px 0 3px 0;
			border				: 1px solid #333333;
			background			: transparent url(../_images/field-bg.gif) no-repeat 0 0;
		}
	
		#form-signup input.submit {
			float				: left;
			color				: #333333;
			font-size			: 105%;
			padding				: 3px;
			margin				: 3px 0 3px 0;
		}
		
		div.errors, div.info{
			font				: bold 85% arial, helvetica, sans-serif;
			letter-spacing		: -0.03em;
			color				: #FFFFFFF;
			background-color	: #283A59;
			border				: 1px solid #CCCCCC;
			margin				: 0 0 10px 0;
			padding				: 7px 3px 7px 3px;
			width				: 99%;	
		}
		
		div.errors b {
			color				: #FFFFFF;
		}
		
		div.errors ul{
			list-style-type		: none;
			padding-left		: 10px;
		}
	
		div.errors li{
			color				:#CCCCCC;	
			font				:  normal 85% arial, helvetica, sans-serif;
		}
		
		div.hide {
			display				: none;
		}
	
		div.show {
			display				: block;
		}
		
				/* 
	//-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=||
	//-=-=-=-=-=-=-=|| Member Navigation
	//-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=||*/
	
		#login-nav ul{
			margin				: 0px;
			padding				: 10px 0 0 0;
			list-style-type		: none;
			font-size			: 95%;
			color				: #333333;
		}	
	
		#login-nav li{
			list-style-type		: none;		
			font-size			: 90%;
			line-height			: 1.6em;
			background-image	: url(../_images/bullet-play.png);
			background-repeat	: no-repeat;
			background-position	: 0 2px;
			padding				: 0 0 0 20px;
		}	
	
		#login-nav li a{
			color				: #333333;
			text-decoration		: none;
		}	

			
				/* 
	//-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=||
	//-=-=-=-=-=-=-=|| Members Section
	//-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=||*/
	
		#members-account {
			font-size			: 90%;	
			padding				: 10px 5px 0 5px;	
		}
		
		h1#header-main {
			font-size			: 90%;
		}
		
		.mainbox {
			font-size			: 90%;	
			padding				: 10px 5px 0 5px;					
		}
		
		div.createnew {
			float				: left;
			width				: 330px;
			text-align			: center;
			padding				: 20px 0 20px 0 ;
		}
		
		div.createnew input {
			padding				: 4px;
			font				: bold 105% arial, verdana, sans-serif
		}
		div#promotionsview{
			font-size			: 90%;	
			padding				: 10px 5px 0 5px;	
		}
		div.newads {
			float				: left;
			width				: 100%;
			text-align			: center;
			padding				: 20px 0 20px 0 ;
		}
		
		div.newads input {
			padding				: 4px;
			font				: bold 105% arial, verdana, sans-serif
		}