@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MOBILE : 	Sum41 Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		sum41_mobile.css
	Date:			Nov 5, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
		
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav li.navMobile a {
		background-position:-202px -293px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#mobile Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mobile {
		
	}
		#mobile h1 {
			width:182px; height:18px;
			background:url(../../images/h1_mobile.png) 0 0 no-repeat;	
		}
		#mobile table {
			width:680px;
		}
			#mobile col.ringtoneCol {
				width:310px;
			}
			#mobile col.albumCol {
				width:240px;
			}
			#mobile col.buyCol {
				width:130px;
			}
			#mobile thead {
				height:22px;
			}
				#mobile thead th {	
					border-bottom:1px solid #2f2f2f;
					font:bold 14px Arial, Helvetica, sans-serif;
					color:#848484;
					text-align:left;	
				}
			#mobile tbody {			
			}
			#mobile tbody tr {
			}
				#mobile tbody tr td {
					border-bottom:1px solid #0a0a0a;
					padding:7px 0;
					vertical-align:top;
				}
				#mobile tbody tr td.last {
					padding:7px 0 0 0;
					border-bottom:none;
				}
					#mobile tbody tr td.ringtone {
						width:310px;
						padding-right:22px;
						font:normal 13px Arial, Helvetica, sans-serif;					}
					
					#mobile tbody tr td.album {
						width:240px;
						padding-right:35px;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#c6c6c6;
					}
					#mobile tbody tr td.buy a {
						width:66px; height:17px;
						background:url(../../images/btn_buyRingtone.png) 0 0 no-repeat;
						display:block;
						outline:none;
					}
						#mobile tbody tr td.buy a:hover {
							background-position:0 -17px;
						}