/*-----------------------------------------------------------------------------------
Author		: K . S . Karthick Murari
URL		: http://www.slickmobi.com
Created On	: 7th March 2008
Last Modified	: 07/03/2008	03:35 IST
------------------------------------------------------------------------------------*/
*{
	margin: 0; padding: 0;
}

body{
	color: #4e4e4e; background: #fff url(../images_bl/bg_bl.jpg) repeat-x left top; font: normal 10px/14px Arial, Helvetica, sans-serif; text-align: left;
}
.floatRight{
	float: right;
}
img{
	border: none;
}
#outerWrapper{
	margin: 0 auto; width: 778px;
}
#mainContainer{
	margin: 0 auto; width: 778px;
}
	#header{
		width: 310px; height: 129px; background: transparent url(../images_bl/logo_bl.jpg) no-repeat left top;
	}
	
	#icon{
		display: block; width: 88px; height: 90px; margin: 6px 0 0 10px; background: transparent url(../images_bl/icon_bl.jpg) no-repeat left top; 
	}
	.colorChange{
		padding: 5px 14px 0 0;
	}
	#headerNav{
		margin: 7px 0 4px 4px;
	}	
		#headerNav li{
			display: inline; color: #fff; font: normal 12px/20px Arial, Helvetica, sans-serif; list-style-type: none;
		}
			#headerNav li a{
					color: #fff; text-decoration: none;
			}
			#headerNav li a:hover{
					text-decoration: underline;
			}
	
	#signIn{
		width: 379px; height: 35px; padding: 0px 28px 0 10px; color: #72c1fd; background: transparent url(../images_bl/signinbl_bg.png) no-repeat right bottom; font: normal 12px/25px Arial, Helvetica, sans-serif;
	}	
		#signIn a.returningUser{
			padding: 0 11px 0 0; color: #fff;  background: transparent url(../images_bl/returningUser_bl.gif) no-repeat right bottom; text-decoration: none;
		}	
		#signIn a.newUser{
			padding: 0 16px 0 0; color: #fff;  background: transparent url(../images_bl/newUser_bl.gif) no-repeat right bottom; text-decoration: none;
		}			
		#signIn a:hover{
			colpr: #fff; text-decoration: underline;
		}
	#searchContainer{
		width: 389px; height: 42px;	 margin: 20px 0 0 0; padding:5px 20px 4px 0px; background: transparent url(../images_bl/searchbl_bg.jpg) no-repeat right top;
	}
		#searchContainer td{
			color: #fff; font: normal 12px/25px Arial, Helvetica, sans-serif; 
		}
			#searchContainer td input, #searchContainer td select{
				width: 146px; height: 16px; color: #355471; background: #fff url(../images_bl/searchinputbl_bg.gif) repeat-x right top; font: normal 11px/14px Arial, Helvetica, sans-serif; border: 1px solid #0083ae; 
			}
			#searchContainer td select{
				width: 110px; height: 18px;
			}
		#searchContainer td a#searchGo{
			display: block; width: 33px; height: 32px; background: transparent url(../images_bl/searchbl_go.jpg) no-repeat right center;
		}
	#mainNav, #ringtonesPage #mainNav{
		float: left; width: 761px; height: 48px; margin: 2px 0 0  0; padding: 8px 0 0 18px;background: transparent url(../images_bl/mainNavbl_bg.png) no-repeat left top; 
	}
	#ringtonesPage #mainNav, #downloadsPage #mainNav, #forumsPage #mainNav, #premiumPage #mainNav, #profilePage #mainNav{
		background: transparent url(../images_bl/mainNavRingtones_bg.png) no-repeat left top; 
	}
		#mainNav li{
			float: left; list-style-type: none;
		}
			#mainNav li a{
				position: relative;  z-index: 1000; display: block; 
			}
			#mainNav li a:hover{
				position: relative; display: block; cursor:pointer;
			}
				#mainNav li a span{
				position: absolute; left: 0; top: 0; display: block; 		
			}
				#mainNav li a#home{
					width: 105px; height: 27px;
				}
					#mainNav li a#home span{
					width: 105px; height: 27px; background: transparent url(../images_bl/home.png) no-repeat left top;
					}
					#ringtonesPage #mainNav  a#home span{
						 background: transparent url(../images_bl/home1.png) no-repeat left bottom;
					}
					#downloadsPage #mainNav a#home span, #forumsPage #mainNav  a#home span, #premiumPage #mainNav a#home span, #profilePage #mainNav a#home span {
					 background: transparent url(http://www.geocities.com/kskarthickmurari/slickmobi/images_bl/home2.png) no-repeat left bottom;
					}
				#mainNav li a#ringtones{
					width: 116px; height: 27px;
				}
					#mainNav li a#ringtones span{
						width: 116px; height: 27px; background: transparent url(../images_bl/ringtones.png) no-repeat left top;
					}
					#ringtonesPage #mainNav  a#ringtones span{
						top: -8px; height: 35px; background: transparent url(http://www.geocities.com/kskarthickmurari/slickmobi/images_bl/ringtones1.png) no-repeat left top;
					}
					#downloadsPage #mainNav a#ringtones span{
					 background: transparent url(http://www.geocities.com/kskarthickmurari/slickmobi/images_bl/ringtones2.png) no-repeat left bottom;
					}
					#forumsPage #mainNav  a#ringtones span, #premiumPage #mainNav a#ringtones span, #profilePage #mainNav a#ringtones span{
					 background: transparent url(http://www.geocities.com/kskarthickmurari/slickmobi/images_bl/ringtones2a.png) no-repeat left bottom;
					}
				#mainNav li a#downloads{
					width: 133px; height: 27px;
				}
					
					#mainNav li a#downloads span{
					width: 133px; height: 27px; background: transparent url(../images_bl/downloads.png) no-repeat left top;
					}
					#downloadsPage #mainNav li a#downloads span{
					top: -8px; height: 35px;  background: transparent url(http://www.geocities.com/kskarthickmurari/slickmobi/images_bl/downloads1.png) no-repeat left top;
					}
					#forumsPage #mainNav li a#downloads span{
					background: transparent url(http://www.geocities.com/kskarthickmurari/slickmobi/images_bl/downloads2.png) no-repeat left top;
					}
					
				#mainNav li a#forums{
					width: 103px; height: 27px;
				}
					#mainNav li a#forums span{
						width: 103px; height: 27px; background: transparent url(../images_bl/forums.png) no-repeat left top;
					}
					#forumsPage #mainNav li a#forums span{
						top: -8px; height: 35px; background: transparent url(http://www.geocities.com/kskarthickmurari/slickmobi/images_bl/forums1.png) no-repeat left top;
					}
					#premiumPage #mainNav li  a#forums span{
						background: transparent url(http://www.geocities.com/kskarthickmurari/slickmobi/images_bl/forums2.png) no-repeat left top;
						}
				#mainNav li a#premium{
					width: 120px; height: 27px;
				}
					#mainNav li a#premium span{
					width: 120px; height: 27px; background: transparent url(../images_bl/premium.png) no-repeat left top;
					}
					 #premiumPage #mainNav li a#premium span{
						top: -8px; height: 35px;  background: transparent url(http://www.geocities.com/kskarthickmurari/slickmobi/images_bl/premium1.png) no-repeat left top;
					}
					#profilePage  #mainNav li a#premium span{
						background: transparent url(http://www.geocities.com/kskarthickmurari/slickmobi/images_bl/premium2.png) no-repeat left top;
					}
				#mainNav li a#profile{
					width: 100px; height: 27px;
				}
					#mainNav li a#profile span{
						width: 100px; height: 27px; background: transparent url(../images_bl/profile.png) no-repeat left top;
					}
					#profilePage #mainNav li  a#profile span{
					top: -8px; height: 35px;  background: transparent url(http://www.geocities.com/kskarthickmurari/slickmobi/images_bl/profile1.png) no-repeat left top;
					}
	#bannerBg{
		clear: both; width: 761px; height: 63px; background: transparent url(../images_bl/banner_bg.png) no-repeat center bottom; text-align: center;
	}
	#mainContent{
		width: 755px; margin: 0 0 0 2px; padding:14px 0 0px 0; background-color: #fff; border-left: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; font: normal 12px/20px Arial, Helvetica, sans-serif; 
	}
		h1, h2, h3{
			position: relative; margin: 0px 30px; font: normal 12px/25px Arial, Helvetica, sans-serif;
		}
		#ringtonesPage h1, #downloadsPage h1, #forumsPage h1, #premiumPage h1, #profilePage h1{
			margin: 0 30px 10px 30px;
		}
			h1 span{
				position: absolute; display: block; width: 470px; height: 23px; left: 0; top: 0;  background: #fff url(../images_bl/heading_bl.png) no-repeat left top;
			}
			#ringtonesPage h1 span, #downloadsPage h1 span, #forumsPage h1 span, #premiumPage h1 span, #profilePage h1 span{
				width: 697px; height: 25px; left: 0; top: 0;  background: #fff url(http://www.geocities.com/kskarthickmurari/slickmobi/images_bl/headingRingtones.png) no-repeat left top;
			}
		p{
			margin: 5px 30px; text-align: justify; 
		}
		a{
			color: #e35700; text-decoration: none;
		}
		a:hover{
			color: #e35700; text-decoration: underline;
		}
	#registerNow{
		width: 710px; height: 84px; margin: 20px 0 0px 22px; padding: 10px 0 10px 0; background: #fff url(../images_bl/registerNow_bg.png) no-repeat left top;
	}
		#registerNow h2{
			margin: 0px 25px; 
		}
			#registerNow h2 span{
				 position: absolute; display: block; width: 255px; height: 19px; left: 0; top:0;background: #f3f1a9 url(../images_bl/registerbl_heading.png) no-repeat left top;
			}
		#registerNow p{
			margin: 0px 25px; text-align: justify; 
		}
		#registerNow a{
			padding: 0 14px 0 0; color: #0072bb;  background: transparent url(../images_bl/registerLink_bl.png) no-repeat right center; font-weight: bold; text-decoration: none;
		}
		#registerNow a:hover{
			color: #db405f; text-decoration: underline;
		}
	#top10{
		float: left; display: inline; width: 434px; margin: 0px 4px 10px 30px; background-color: #f8f8f8;
	}
		#top10 .left{
			width: 3px; background: transparent url(../images_bl/top10_left.png) no-repeat left top;
		}
		#top10 .mid{
			width: 420px; background: transparent url(../images_bl/top10_bg.png) repeat-x left top;
		}
		#top10 .right{
		width: 11px; background: transparent url(../images_bl/top10_right.png) no-repeat right top;
		}
		#top10 .bottom{
			background: #fff url(../images_bl/top10_footer.png) repeat-x left top;
		}
			#top10 h3{
				width: 403px; height: 22px; margin: 10px 0px 0px 13px; padding: 0 0 1px 0;border-bottom: 1px solid #ff9600;
			}
			#top10 h3 span{
				position: absolute; display: block; width: 207px; height: 21px; left: 0; top:0;background:transparent url(../images_bl/top10.png) no-repeat left top;
			}
		#top10 #rintoneList{
			width: 403px; margin: 0px 0 10px 13px; background:transparent url(../images_bl/ringtones_bg.png) repeat-x left top;
		}
			#rintoneList a.ringtoneName{
				display: block; width: 290px;  margin: 0 0 0 14px; color: #4e4e4e; line-height: 35px; text-decoration: none;
			}
			#rintoneList a.ringtoneName:hover{
			 	color: #ff9600; text-decoration: underline;
			}
			#rintoneList a.hearTone{
				display: block; width: 28px; height: 22px;  background:transparent url(../images_bl/hear.jpg) no-repeat left top;
			}
			#rintoneList a.hearTone:hover{
				display: block; width: 28px; height: 22px;  background:transparent url(../images_bl/hear1.jpg) no-repeat left top;
			}
			#rintoneList a.hearTone1{
				display: block; width: 28px; height: 22px;  background:transparent url(../images_bl/hear2.jpg) no-repeat left top;
			}
			#rintoneList a.hearTone1:hover{
				display: block; width: 28px; height: 22px;  background:transparent url(../images_bl/hear2a.jpg) no-repeat left top;
			}
			#rintoneList .iconsplit{
				width: 4px; height: 19px; background:transparent url(http://www.geocities.com/kskarthickmurari/slickmobi/images_bl/icon_split.jpg) no-repeat center center;
			}
			#rintoneList a.download{
				display: block; width: 28px; height: 22px; background:transparent url(../images_bl/download.jpg) no-repeat left bottom;
			}
			#rintoneList a.download:hover{
				display: block;  width: 28px; height: 22px;  background:transparent url(http://www.geocities.com/kskarthickmurari/slickmobi/images_bl/download1.jpg) no-repeat left bottom;
			}
			#rintoneList a.download1{
				display: block; width: 28px; height: 22px; background:transparent url(../images_bl/download2.jpg) no-repeat left bottom;
			}
			#rintoneList a.download1:hover{
				display: block;  width: 28px; height: 22px;  background:transparent url(../images_bl/download2a.jpg) no-repeat left bottom;
			}
	#mobileDownload{
		float: left; display: inline; width: 257px; height: 200px; margin: 0px 30px 10px 0px; background:transparent url(../images_bl/mobileDownload_bl.png) no-repeat top right;
	}
		#mobileDownload h3{
				width: 224px; height: 22px; margin: 10px 0px 0px 13px; padding: 0 0 1px 0;border-bottom: 1px solid #1ca8ff;
			}
			#mobileDownload h3 span{
				position: absolute; display: block; width: 149px; height: 20px; left: 0; top:0;background: #fff url(../images_bl/mobilebl_heading.png) no-repeat left top;
			}
			#mobileDownload ul{
				width: 224px;  margin: 5px 10px 5px 10px;
			}
		#mobileDownload li{
			padding: 0 0 0 20px; background: transparent url(../images_bl/bullet.gif) no-repeat left center; list-style-type: none;
		}
			#mobileDownload li a{
				 color: #4e4e4e; line-height: 25px; text-decoration: none; 
			}
			#mobileDownload li  a:hover{
				 color: #4e4e4e; text-decoration: underline; 
			}
		#premiumContent{
			float: right; display: inline; width: 259px; height: 101px; margin: 0px 25px 10px 0px; 
	}
	#customRingtone{
			float: left; display: inline; width: 198px; height: 131px; margin: 0px 4px 10px 30px; 
	}		
	#forumContainer{
		float: left; display: inline; width: 434px; margin: 0px 4px 10px 30px; background-color: #f8f8f8;
	}
		#forumContainer .left{
			width: 4px; background: transparent url(../images_bl/forum_left.png) no-repeat left top;
		}
		#forumContainer .mid{
			width: 420px; background: transparent url(../images_bl/forum_bg.png) repeat-x left top;
		}
		#forumContainer .right{
		width: 11px; background: transparent url(../images_bl/forum_right.png) no-repeat right top;
		}
		#forumContainer .bottom{
			background: #fff url(../images_bl/forum_footer.png) repeat-x left top;
		}
			#forumContainer h3{
				width: 403px; height: 22px; margin: 10px 0px 0px 13px; padding: 0 0 1px 0;border-bottom: 1px solid #8ea800;
			}
			#forumContainer h3 span{
				position: absolute; display: block; width: 207px; height: 22px; left: 0; top:0;background: #fff url(../images_bl/recentForums.png) no-repeat left top;
			}
			#forumContainer ul{
				width: 400px;  margin: 10px;
			}
		#forumContainer li, #browseGenres li{
			padding: 0 0 0 20px; background: transparent url(../images_bl/bullet1.gif) no-repeat left center; list-style-type: none;
		}
			#forumContainer li a, #browseGenres li a{
				 color: #4e4e4e; line-height: 28px; text-decoration: none; 
			}
			#forumContainer li  a:hover, #browseGenres li a:hover{
				 color: #4e4e4e; text-decoration: underline; 
			}
	#mainContent #base{
		clear: both; display: block; width: 755px; height: 20px; border-bottom: 1px solid #d2d2d2; 
	}
	#footer{
		width: 755px; height: 55px; background: #fff url(../images_bl/footerBg.png) no-repeat left top;
	}
	#footer .copyrights{
		color: #1ca8ff; font: normal 12px/40px Arial, Helvetica, sans-serif; text-align: left;
	}
	#footer a.footerLinks{
		margin: 0 0px 0 14px;color: #b6b5b5; font: normal 12px/40px Arial, Helvetica, sans-serif;text-decoration: underline;
	}
	#footer a.footerLinks:hover{
		color: #4e4e4e; font: normal 12px/40px Arial, Helvetica, sans-serif; text-decoration: underline;
	}
	#subContent{
		float: right; display: inline; width: 522px;
	}
		#subContent p{
			margin: 5px 30px 10px 0; text-align: justify; 
		}
	#browseGenres{
		float: left; clear: left; display: inline; width: 194px; margin: 0px 4px 10px 30px; background-color: #fff;
	}
		#browseGenres .left{
			width: 3px; background: transparent url(http://www.geocities.com/kskarthickmurari/slickmobi/images_bl/genres_left.png) no-repeat left top;
		}
		#browseGenres .mid{
			width: 165px; background: transparent url(http://www.geocities.com/kskarthickmurari/slickmobi/images_bl/genres_bg.png) repeat-x left top;
		}
		#browseGenres .right{
		width: 12px; background: transparent url(http://www.geocities.com/kskarthickmurari/slickmobi/images_bl/genres_right.png) no-repeat right top;
		}
			#browseGenres h3{
				width:  165px; height: 22px; margin: 10px 0px 0px 13px; padding: 0 0 1px 0;border-bottom: 1px solid #1ca8ff;
			}
			#browseGenres h3 span{
				position: absolute; display: block; width: 117px; height: 22px; left: 0; top:0;background: #fff url(http://www.geocities.com/kskarthickmurari/slickmobi/images_bl/browsegenres.png) no-repeat left top;
			}
			#browseGenres ul{
				  margin: 10px;
			}
		#browseGenres li{
			background: transparent url(../images_bl/bullet.gif) no-repeat left center; 
		}