@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MOBILE: 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		jj_mobile.css
	Date:			Jul 29, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	common Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header #nav li.navMobile a, #header #nav li.navMobile a:hover {
		background-position:-1081px -25px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#mobile Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mobile {
		padding:0 0 8px 0;
		background:url(../../images/bg_mainColCap.png) 0 bottom no-repeat;
	}
		#mobile .header {
			width:617px;
			padding:0 0 12px 0;
			background:url(../../images/bg_mainColCap.png) 0 bottom no-repeat;
		}
		#mobile .header h3 {
			width:173px; height:24px;
			background:url(../../images/h3_ringtones.png) 0 0 no-repeat;
		}
		#mobile .entry {
			width:579px;
			padding:28px 19px 19px 19px;
			background:url(../../images/bg_mainCol.png) 0 0 repeat-y;
		}
		#mobile table {
			width:561px;
		}
			#mobile col#ringtoneCol {
				width:271px;
			}
			#mobile col#albumCol {
				width:189px;
			}
			#mobile col#buyCol {
				width:110px;
			}
			#mobile thead {
				height:38px;
			}
				#mobile thead th {	
					font:normal 13px Arial, Helvetica, sans-serif;
					color:#a6a196;
					text-align:left;
				}
			#mobile tbody {		
			
			}
			#mobile tbody tr {
				
			}
				#mobile tbody tr td {
					padding:0 0 15px 0;
					vertical-align:top;
				}
					#mobile tbody tr td.ringtone {
						width:261px;
						padding-right:10px;
						font:bold 13px Arial, Helvetica, sans-serif;
					}
						#mobile tbody tr td.ringtone a {
							color:#f2efec;
						}
							#mobile tbody tr td.ringtone a:hover {
								color:#d4640f;
							}
					
					#mobile tbody tr td.album {
						width:179px;
						padding-right:10px;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#6c5c53;
					}
					#mobile tbody tr td.buy a {
						width:101px; height:19px;
						background:url(../../images/btn_getRingtone.jpg) 0 0 no-repeat;
						display:block;
						text-indent:-3000px;
					}
						#mobile tbody tr td.buy a:hover {
							background-position:0 -20px;
						}