@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Verve Remixed MOBILE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		vr_mobile.css
	Date:			Jun 2, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/


/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav .mobile a:link, #nav .mobile a:active, #nav .mobile a:visited {
		background-position:-428px -55px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	#highlight Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#highlight {
		margin:20px 0 0 0;
	}
	#contentSpace {
		padding:0 0 0 15px;
		height:592px;
		background:url(../../images/bg_speakerSystem.png) 0 0 no-repeat;
		behavior:url(shared/css/iepngfix.htc);
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mobile {
		padding:34px 0 0 22px;
	}
		#mobile .content {
		
		}
			#mobile h2 {
				margin:0 0 25px 0;
				width:65px; height:13px;
				background:url(../../images/h2_mobile.png) no-repeat;
			}
			#mobile ul.body {
				height:344px;
				list-style:none;
			}
				#mobile ul.body li {
					margin:0 0 30px 0;
					width:570px;
				}
					#mobile ul.body li .albumCover {
						margin:0 17px 0 0;
						display:inline;
						float:left;
					}
						#mobile ul.body li .albumCover img {
							border:solid 2px #dae4eb;
							display:block;
						}
					#mobile ul.body li .info {
						width:375px;
						float:left;
					}
						#mobile ul.body li .info a {
							font:bold 12px Arial, Helvetica, sans-serif;
							color:#082b43;
						}
							#mobile ul.body li .info a:hover {
								color:#298ec8;
							}
						#mobile ul.body li .title {
							font:italic 12px Arial, Helvetica, sans-serif;
							color:#000;
							display:block;
						}
						#mobile ul.body li .notes {
							font:italic 11px Arial, Helvetica, sans-serif;
							color:#464646;
							display:block;
						}
					#mobile ul.body li a.buyNow {
						margin:15px 0 0 0;
						width:94px; height:20px;
						background:url(../../images/btn_buyNow.png) top center no-repeat;
						display:block;
						float:right;
					}
						#mobile ul.body li a.buyNow:hover {
							background-position:bottom;
						}
					#mobile ul.pager {
						width:561px; height:50px;
						list-style:none;
					}
						#mobile ul.pager li {
							margin:0 11px 0 0;
							width:9px;
							display:inline;
							float:left;
						}
							#mobile ul.pager li.prev {
								margin:0 117px 0 0;
								width:63px;
							}
								#mobile ul.pager li.prev a {
									width:63px; height:10px;
									background:url(../../images/btn_prevPage.png) top center no-repeat;
									display:block;
								}
									#mobile ul.pager li.prev a:hover {
										background-position:bottom;
									}
							#mobile ul.pager li.next {
									width:63px;
									float:right;
							}
								#mobile ul.pager li.next a {
									width:63px; height:10px;
									background:url(../../images/btn_nextPage.png) top center no-repeat;
									display:block;
								}
									#mobile ul.pager li.next a:hover {
										background-position:bottom;
									}
							#mobile ul.pager li a.button {
								width:9px; height:9px;
								background:url(../../images/bg_pagerLink.png) top center no-repeat;
								display:block;
							}
								#mobile ul.pager li a.button:hover {
									background-position:bottom;
								}
								#mobile ul.pager li a.active {
									background-position:bottom;
								}
	/*	--------------------------------------------------------------------------------------------------------------------------
		#altCol Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#altCol #recentlyReleased {
			margin:0 0 0 60px;
		
		}
			#altCol #recentlyReleased h2 {
				margin:0 0 25px 0;
				width:220px; height:18px;
				background:url(../../images/h2_recentlyReleasedAlbums.png) top center;
			}
			#recentlyReleased ul.body {
				padding:0 0 7px 0;
				list-style:none;
			}
				#recentlyReleased ul.body li {
					margin:0 0 18px 0;
				}
					#recentlyReleased ul.body li a.albumCover {
						padding:4px;
						float:left;
						border:solid 1px #dae4eb;
					}
						#recentlyReleased ul.body li a.albumCover img {
							display:block;
						}
					#recentlyReleased ul.body li .info {
						padding:30px 0 0 6px;
						width:174px;
						float:left;
					}
						#recentlyReleased ul.body li .info a {
							font:bold 12px Arial, Helvetica, sans-serif;
							color:#cd362a;
						}
							#recentlyReleased ul.body li .info a:hover {
								color:#000;
							}
						#recentlyReleased ul.body li .info .date {
							margin:4px 0 0 0;
							display:block;
						}
			#recentlyReleased a.btn_viewDiscography {
				width:114px; height:8px;
				background:url(../../images/btn_viewDiscography.png) top center no-repeat;
				display:block;
			}
				#recentlyReleased a.btn_viewDiscography:hover {
					background-position:bottom;
				}