div#orlink{
  
	float: left;
	height:				15px;
	width: 200px;
	
	
	margin-left: 13px;
	font-size:x-small;
	font-weight: 600;
	font-family: Arial;
	
	cursor: pointer;
  }
  
  
  
	div#bannerArea{
	
		float: 				left;
		margin-left:		3px;
		margin-top:			10px;
		width:				882px;	
		height:				165px;
		background: 		url(../images/banner.jpg) white no-repeat;	
	
	}
  
	div#mainContent
	{
		
		float:				left;
		height: 		550px; 
		margin-top: 		10px;
		
		background: 		url(../images/contentBG.jpg) 0px 0px no-repeat ;
		
		
		
	
	
	}
	
	div#tn1{ background: 		url(../images/tn1.jpg)  no-repeat ;}
	div#tn2{ background: 		url(../images/tn2.jpg)  no-repeat ;}
	div#tn3{ background: 		url(../images/tn3.jpg)  no-repeat ;}
	div#tn4{ background: 		url(../images/tn4.jpg)  no-repeat ;}
	div#tn5{ background: 		url(../images/tn5.jpg)  no-repeat ;}
	div#tn6{ background: 		url(../images/tn6.jpg)  no-repeat ;}
	div#tn7{ background: 		url(../images/tn7.jpg)  no-repeat ;}
	div#tn8{ background: 		url(../images/tn8.jpg)  no-repeat ;}
	div#tn9{ background: 		url(../images/tn9.jpg)  no-repeat ;}
	div#tn10{ background: 		url(../images/tn10.jpg)  no-repeat ;}
	div#tn11{ background: 		url(../images/tn11.jpg)  no-repeat ;}
	div#tn12{ background: 		url(../images/tn12.jpg)  no-repeat ;}
	div#tn13{ background: 		url(../images/tn13.jpg)  no-repeat ;}
	div#tn14{ background: 		url(../images/tn15.jpg)  no-repeat ;}
	
	div#tncover1{ background: 		url(../images/tback.png)  no-repeat ;}
	div#tncover2{ background: 		url(../images/tcentre.png) top right no-repeat ;}
	
	#infoThumbnail_1{ background: 		url(../images/tn1.jpg)  no-repeat ;}
	#infoThumbnail_2{ background: 		url(../images/tn2.jpg)  no-repeat ;}
	#infoThumbnail_3{ background: 		url(../images/tn3.jpg)  no-repeat ;}
	#infoThumbnail_4{ background: 		url(../images/tn4.jpg)  no-repeat ;}
	#infoThumbnail_5{ background: 		url(../images/tn5.jpg)  no-repeat ;}
	
	
	
  
	div#mainContent, div#bannerArea{
		margin-left:		3px;
		width:				882px;	
	}
  
  
	body 
	{
		background: 		url(../images/blackwhiteBG.png) white repeat-x;
		margin: 			1px 1px 10px 10px;
		font-size: 			12px;
		font-family: 		Arial, Verdana, Helvetica, sans-serif;
		color: 				#2e2e2e;
		margin-top: 		0px;
		margin-bottom: 		0px;
		height: 			100%;
	}


	#siteArea 
	{ 
	
		top: 				0px;
		width: 				892px;
		
		margin: 0 auto;
			
		margin-bottom: 		10px;
		
		
	}
	
	
	div#PDDHeader, div#PDDContent, div#PDDFooter
	{ 
		float: 				left;
		width:				100%;	
	
	}
	
	div#PDDHeader
	{
	
		background: 		url(../images/toprounded.png)  no-repeat ;
		height: 			20px;
		margin-top:			10px;
	}
	
	
		
	div#PDDContent
	{
	
		background: 		url(../images/siderounded.png) white  repeat-y;
		min-height: 			805px;	
		width: 				889px;
		
	
	}
	
    
	div#PDDFooter
	{
		background: 		url(../images/bottomrounded.png) no-repeat ;
		height: 			33px;
		margin-bottom:		10px;
	
	
	}
  
  
	div#logo
	{
		float:				left;
		background: 		url(../images/logo1.png) transparent 0px 0px no-repeat ;
		height: 			53px;
		width: 				290px;
		margin-left: 		15px;
		
		cursor: 			pointer;
	
	
	}
  
	div#PDDUri
	{
		float:				right;
		height: 			30px;
		text-align: 		right;
		margin-right: 		15px;
		margin-top: 		5px;
		
		cursor: 			pointer;
		
		font-size: 	 		12px;
		line-height:		120%;
		
	
	
	}
	div#PDDUri a {
	
		color: #444444;
		text-decoration: none;
	
	}
	
	div#PDDUri a:hover{
	
		color: black;
		
	}
	
	
	
	
	
	div#menuArea
	{
		
		float:				left;
		height: 			36px;
		
		width:				100%;
		
		background: 		#999999 ;
		
		
	
	
	}
	
	
	div#menuButtonArea{		
		float:				right;
		width: 				325px;
		height: 			100%;
		background: 		url(../images/menusprite.jpg) #999999 -10px -53px no-repeat ;
		
	}	
	
	
	
	
	
	
	div#menuArea_info	{	background: 		url(../images/menusprite.jpg) #999999 -10px -53px no-repeat ;}
	
	div#menuArea_artwork{	background: 		url(../images/menusprite.jpg) #999999 0px 0px no-repeat ;}
	div#menuArea_listen	{	background: 		url(../images/menusprite.jpg) #999999 0px 0px no-repeat ;}
  
  
  
  
  
  
  
  
  
  
	div#downloadButton, div#listenbutton, div#artworkbutton, div#infoButton{
		
		float: right;
		height: 100%;
		
		cursor: pointer;
	}
	
	
	div#downloadButton{ width: 82px;} 
	div#listenbutton{ width: 87px;}  
	div#artworkbutton{ width: 83px;}  
	div#infoButton{ width: 57px;} 
	
  
	
	div.textArea_Col, div.textArea_ColMainInfo{
	
		
		float:				left;
		height: 			350px;
		
		width:				46%;
		margin-left:  		2%;
		margin-top:  		50px;
		
		
		color: white;
		
		
		font-size : 12px;
		
		
		
		text-align: justify; 
		
		/* text-justify: newspaper */
		
		line-height: 155%;
		
		
	
	
	
	}
	
	div.textArea_ColMainInfo{
	
		
	
		height: 			370px;
	}	
	
	div.textArea_ColMainInfo{ 
	
	margin-left: 35px; 
	margin-right: 25px; 
	width: 360px; 
	background: 	#333333; 
	
	  /* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;

	
	
	
	
	
	}

/*	url(../images/info_circle.png)  no-repeat;	 } */
	
	div.textArea_Col_uk_dist, div.textArea_Col_world_dist{
	
		
		float:				left;
		height: 			320px;
		
		width:				150px;
		
		margin-top:  		65px;
		margin-left:  		15px;
		
		
		color: white;
		
		
		font-size : 12px;
		
		
		
		
	
	}
	
	div.textArea_Col_world_dist{ margin-left: 73px; }
	
	div.textArea_Col_world_dist a, div.textArea_Col_uk_dist a{
	
		color: #444444;
	}
	
	div.textArea_Col_world_dist a:hover, div.textArea_Col_uk_dist a:hover{
	
		color: white;
	}
	
	
	
	div.textArea_Col_uk_dist{ background: none;} 
	div.textArea_Col_world_dist{  background: none;} 
	
	div.distText{
	
		float:				left;
				
		
		
		margin-top:  		20px;
	
	
	}
	
	
	
	div#playlistLinks{  
		float : right; 
		width : 80px;
		
		margin-top: 20px;
		
		color: #333333 ;
		font-weight: 600;
		font-size: 12px;
		line-height: 200%;
		text-align : right;
		
	
	}
	
	div#playlistLinks a {
	
		color: #cccccc ;
		
		text-decoration: none;
	}
	
	div#playlistLinks a:hover {
	
		color: #ffffff ;
		
		text-decoration: none;
	}
	
	
	
	div#placeholder{
	
		float : left; 
		width : 700px;
		margin-left: 5px;
		margin-top: 10px;
		
		height:470px;
		background: transparent;
	
	
	} 
  
  
	div#listenContent, div#artworkContent, div#distContent{
	
		/*display: none; */
		float: left
		
	}
  
  
  
  
      div.playercontainer
      {
        position:                       absolute;
        top:                               200px;
        left:                              200px;
        width:                             700px;
        height:                            360px;
        border:                              2px;
        padding:                             2px;
        border-style:                      solid;
        border-color:                    #223344;
        z-index:                             100;
      }

      div.player
      {
        position:                       absolute;
        top:                               200px;
        left:                              200px;
        width:                             700px;
        height:                            320px;
      }

      img.logo
      {
        position:                       absolute;
        top:                               470px;
        left:                              450px;
        width:                             300px;
        height:                             50px;
        background-color:            transparent;
        z-index:                             101;
      }

      div.buttons
      {
        position:                       absolute;
        top:                               180px;
        left:                              200px;
        width:                             700px;
        height:                             30px;
      }

      button
      {
        position:                       relative;
        float:                              left;
        width:                             120px;
        height:                             20px;
        font-size:                           8pt;
        font-family:                       Arial;
        color:                           #FFFFFF;
        text-align:                       center;
        border-style:                      solid;
        border-color:                    #223344;
        background-color:                #808080;
        cursor:                          pointer;
      }
	  
	  
	  
	  
	  
	  
	  
	  
	  .yui-skin-sam .yui-tt .bd {
  background-color:#000;
  color: #fff;
}


.yui-skin-sam .yui-tt .bd {
  border-color: #fff;
} 
	

.thumbnail {

	float: left;
	width: 60px;
	height: 60px;
	border: 3px solid transparent;
	margin: 3px;
	
	cursor: pointer;
	
	
}  

.thumbnail:hover {
	
	border: 3px solid #cccccc;
	

}  

#thumnailBG{

	float: left;
	width: 850px;
	height:350px;
	
	background : transparent;
	
	
	margin-top: 25px;


}


#thumnailHolder, #thumnailHolder_artwork{

	float: left;
	width: 220px;
	height: 350px;
	border: 1px solid transparent;
	/*background : #333333;*/

	
	  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;

}

#thumnailHolder_artwork{ width: 75px;}
	  
	
.shipheader {

	float: left;
	width: 90%;
	height: 15px;
	
	
	margin-left: 13px;
	
	font-size: 12px;
	line-height: 200% ;
	font-weight : 600;
	
	text-indent : 8px;
	color: #33cc00;
}   

div.shipdate, div.streetdate{

	float: right;
	width: 63%;
	
		
	font-size: 12px;
	
	font-weight : 600;
	text-align: left;
	
	
	color: white;
	margin-top: 5px;
	font-family: verdana, Arial;

}

div.streetdate{ margin-top: 12px; }


div#imagesPreviewArea{

	float: right;
	height: 280px;
	width: 480px;
	
	background : #333333;

	
	
	
	
	
	background: url('../images/i1.jpg')  center right no-repeat;

}


div#infobasic{
	
		float: left;
		
		margin-top: 5px;
		
		color: black;
		font-size: 11px;
		width: 100%;
		
		
		
		background : #333333;
		
		
		
	

	
	}


		.titles, .titleValues{
		
		
		margin-top :20px;
				
		float: left;
		color : #aaaaaa;
		
		font-size: 12px;
		
		line-height: 180%;
		
		font-family: Arial;
		
		}
		
		
		.titleValues{  float: right; width: 63%;  text-align: left;  color: white;  font-weight: 700;}
		
		.titles{ width: 34%;  text-align: right; font-weight: 500;  }
		
		
		#infoThumbnailsArea{
		
			
			float: right;
			width: 97%;
			height: 56px;
			margin-top: 33px;
			margin-right: 6px; 
			
			background: black;
			
			
			
		
		}
		
		
		
		
		.infoThumbnail{
			float: left;
			width:40px;
			height:40px;
			margin-top: 6px;
			margin-left: 4px;
			border: 2px solid black;
			
			
		
		}
	  
	  
		.infoThumbnailArrow{
			float: left;
			width:20px;
			height:46px;
			margin-top: 5px;
			margin-left: 5px;
			margin-right: 35px;
			
			background: url('../images/arrowBG.png')  no-repeat;
			
			
			
		
		}
	  
	  
	  
	  body {
		
		font-size:11px;	
	}
	
	a {
		color:#333;
		text-decoration:none;
		display:block;
	}
 
	a:hover {
		color:#888;
		text-decoration:none;
	}
	
	#moving_tab {
		/* hide overlength child elements*/
		overflow:hidden;
		
		/* all the child elements are refering to this width */
		width:883px;
		
 
		/* fix ie 6 overflow bug */
		position:relative
		
		/* styling */
		border:1px solid #ccc;	
		margin:0 auto;
	}
	
		#moving_tab .tabs {
			/* enable absolute position for .lava */
			position:relative;	
			height:30px;
			
			/* styling */
			padding-top:5px;
			cursor:default;
			
			background: white; 
		}
	
		#moving_tab .tabs .item {
			/* enable z-index */
			position:relative;
			
			/*z-index:10; */
		
			/* display in one row */
			float:left;
			display:block;
 
			/* width = half size of #moving_tab */
			width:220px;
			
			/* height = height of .tabs */
			text-align:center;
			font-size:14px;
			font-weight:800;	
			line-height: 180%;
			margin: 0px;
			padding: 0px;
		}
		
		
		.item a img { border: none;}
		.item a:hover{ color: black; }
		
 
		#moving_tab .tabs .lava {
			/* Set it to absolute */
			position:absolute;
			top:0; left:0;
			
			/* display the lava in bottom most layer */
			z-index:0;		
				
			/* width = half size of #moving_tab */
			width:220px;
 
			/* height = height of .tabs */
			height:30px;
			
			/* styling */
			/* background:#abe3eb; */
			background:#cccccc;
			color: white; 
 
		}
		
		#moving_tab .content {
			/* enable absolute position for .panel */	
			position:relative;
			overflow:hidden;
			
			/* styling */
			
			/*background:#abe3eb;  */
			
			
			border-top:1px solid #d9fafa;
		}
		
		#moving_tab .panel {
			/* width is width of #moving_tab times 2 */
			position:relative;
			width:3600px;
		}
		
		#moving_tab .panel ul {
			/* display in one row */
			float:left;
			
			/* width is the same with #moving_tab */
			width:890px;
			
			/* remove all styles */
			padding:0;
			margin:0;
			list-style:none;
			
 
		}
			/* styling */
			#moving_tab .panel ul li {
				padding:5px 0 5px 10px;	
				border-bottom:1px dotted #fff;
			}
			
		#infocontent, #artworkContent, #listenContent, #distContent{

			width: 880px;
			background: transparent;
		}
		
	/* 	div#placeholder, #placeholder object{ background: transparent; }
	
	
		*/
		
		.textArea_Col a{ color: white; }
		.textArea_Col a:hover{ color: #cccccc; }
		
		#similarstuff{
			float: left;
			width: 100%;
			height: 40px;
			margin-top: 10px;
			cursor: pointer;
			z-index:100;
		}
		
		
		.rightnumbers{
		float: right;
		width: 80%;
		}
	
	
	#compList{
		float: right;
		width: 120px;
		
		height: 200px;
		margin-top: 30px; 
		margin-right: 20px; 
	
	}
	
	
	DIV#compList UL{ padding: 0px; margin: 0px; float: left; width: 100px; height: 100px; 	 }
	
	DIV#compList LI { padding: 0px; margin: 0px; color: white; height: 22px; WIDTH: 100PX; font-size: 12px;  TEXT-INDENT: 3PX;}
	DIV#compList LI A{ color: white;  text-decoration: none;  display: block; width: 100px; HEIGHT: 100%;  LINE-HEIGHT: 170%; BORDER: NONE;}
	DIV#compList LI A:HOVER{ background: #294f8e; }
	
	
	#infoText {
 /* The box displaying the scrolling content */
 overflow: hidden; 
 position:relative;
 margin-bottom: 25px;
 width: 100%;
 height: 300px;
}

.scrollTxt {
 /* the box that actually contains our content */

 position: relative;
 text-align: justify;
}
	


#scrollerBox{

float: right;
width: 100%;
height: 20px;
border-top: 1px solid black;
background: #333333;

}

#downscroll, #upscroll{
	float: right;
	background: url('../images/navs.png')  no-repeat;
	width: 15px;
	height:10px;
	
	margin-top: 7px;
	
	


}

#upscroll{ background-position: 0px 0px; }

#downscroll{ background-position: -14px 0px; margin-right: 2px; }

	
	
#morelikethisfooter{

	background: url('../images/morelikethisfooter.jpg') #333333 center right no-repeat;
	float: left;
	width: 873px;
	height: 32px;
	margin-top: 1px;
	margin-bottom: 3px;
	margin-left: 12px;
	
	cursor: pointer;
	
	
	
}	

#productTitle{

	
	color: #white;
	
	float :left;
	width: 348px;
	min-height: 20px;
	
	text-align: center;
	
	font-size: 17px;
	
	
	
	margin-left: 6px;
	margin-top: 3px;
	margin-bottom: 3px;
	font-weight: 500;
	font-family: Arial; 
	
	
}

.innerTitle{

	float: left;
	width: 90%;
	height: 90%;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	
	background: transparent;
	
	color:white;
	

	
}