@charset "utf-8";
/* CSS Document */

/* reset */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, a, em, img, strong, sub, sup, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table,
tr, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
/* /reset */

body {
	background-color: #fff;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
}

a {
	color: #f60;
	text-decoration: none;
	}

a:hover {
	border-bottom: 1px dotted #f60;
	}

p {
	margin-bottom: 15px;
	}

.center {
	text-align: center;
	}

.right {
	padding-bottom: 1px;
	text-align: right;
	}

.clear {
	clear: both;
	display: none;
	}

.noborder:hover {
	border: 0;
	}

#site_container {
	margin: 0 auto;
	width: 992px;
	}
	
	#header {
		/* */
		}
		
		#products {
			background: #ededed;
			border-bottom: 1px solid #dadada;
			font-size: 11px;
			height: 25px;
			margin: 0 5px;
			}
		
			#products .left {
				float: left;
				padding: 7px 0;
				text-align: center;
				white-space: nowrap;
				width: 840px;
				}
			
			#products li {
				display: inline;
				margin: 0 15px;
				}
			
			#products a {
				color: #464646;
				}
			
			#products a:hover {
				border-bottom: 1px dotted #000;
				color: #000;
				}
			
			#products .right {
				float: right;
				height: 25px;
				text-align: center;
				padding-right: 20px;
				}
			
			#products .right a {
				display: block;
				padding: 7px 0 2px 0;
				}
		
		#logo {
			background: url(../images/logo_iolmobile.png) no-repeat;
			border: 0;
			clear: both;
			display: block;
			height: 79px;
			overflow: hidden;
			text-indent: -421px;
			width: 421px;
			}
		
		#logo:hover {
			border-bottom: 0;
			}
			
		#nav {
			background: url(../images/bg_nav.png) no-repeat;
			clear: both;
			height: 41px;
			width: 992px;
			}
			
			#nav a {
				border: 0;
				display: block;
				float: left;
				height: 41px;
				overflow: hidden;
				text-indent: -100px;
				}
			
			#navfeedback {
				background: url(../images/bg_navfeedback.png) left;
				float: right !important;
				margin-right: 20px;
				width: 95px;
				}
			
			#navhome {
				background: url(../images/bg_navhome.png) left;
				margin-left: 20px;
				width: 66px;
				}
			
			#navmiol {
				background: url(../images/bg_navmiol.png) left;
				width: 66px;
				}
			
			#naviolussd {
				background: url(../images/bg_naviolussd.png) left;
				width: 61px;
				}
			
			#navdownloads {
				background: url(../images/bg_navdownloads.png) left;
				width: 114px;
				}
			
			#navfeedback:hover,
			#navhome:hover,
			#navmiol:hover,
			#naviolussd:hover,
			#navdownloads:hover,
			#nav .active {
				background-position: right;
				}
	
	#content_container {
		background: url(../images/bg_content_container.png) no-repeat top;
		clear: both;
		font-size: 75%;
		line-height: 16px;
		padding: 15px 20px 40px 20px;
		position: relative;
		}
			
			#promo {
				background: url(../images/promo_blackberry.jpg) no-repeat;
				height: 103px;
				margin-bottom: 10px;
				}
			
			#miol {
				background: url(../images/bg_miol.png) no-repeat;
				float: left;
				height: 278px;
				margin-bottom: 10px;
				padding: 30px 20px 0 20px;
				width: 952px;
				}
				
				#logo_miol {
					background: url(../images/logo_miol.png) no-repeat;
					float: left;
					height: 98px;
					overflow: hidden;
					text-indent: -289px;
					width: 289px;
					}
				
				#heading_whatismiol {
					background: url(../images/heading_whatismiol.png) no-repeat;
					height: 39px;
					overflow: hidden;
					text-indent: -181px;
					width: 181px;
					}
				
				#bg_myiolinfo1 {
					background: url(../images/bg_miolinfo1.png) no-repeat;
					height: 45px;
					margin-top: 60px;
					margin-left: 30px;
					overflow: hidden;
					text-indent: -1000px;
					width: 428px;
					float:left;
					}
					
				#bg_myiolinfo2 {
					background: url(../images/bg_miolinfo2.png) no-repeat;
					height: 52px;
					margin-top: 60px;
					overflow: hidden;
					text-indent: -1000px;
					width: 428px;
					}
			
			#iolussd {
				background: url(../images/bg_iolussd.png) no-repeat;
				float: right;
				height: 312px;
				margin-bottom: 10px;
				padding: 20px 20px 0 20px;
				width: 270px;
				}
				
				#logo_iolussd {
					background: url(../images/logo_iolussd.png) no-repeat;
					float: left;
					height: 124px;
					overflow: hidden;
					text-indent: -127px;
					width: 127px;
					}
				
				#heading_iolussd {
					background: url(../images/heading_iolussd.png) no-repeat;
					height: 54px;
					overflow: hidden;
					text-indent: -181px;
					width: 109px;
					}
				
				#bg_iolussdinfo {
					background: url(../images/bg_iolussdinfo.png) no-repeat;
					height: 44px;
					overflow: hidden;
					text-indent: -1000px;
					width: 270px;
					}
				
				#iolussd ul {
					list-style-type: none;
					margin: 0 0 0 4px;
					padding-left: 4px;
					}
				
				#iolussd li {
					background: url(../images/ul_bullet.png) no-repeat left;
					float: left;
					margin-left: 10px;
					padding: 0 10px 3px 11px;
					}
			
			#heading_downloads {
				background: url(../images/heading_downloads.png) no-repeat bottom;
				height: 48px;
				overflow: hidden;
				padding-top: 10px;
				text-indent: -1000px;
				width: 952px;
				}
			
			#heading_downloads_short {
				background: url(../images/heading_downloads_short.png) no-repeat;
				height: 48px;
				overflow: hidden;
				text-indent: -1000px;
				width: 310px;
				}
			
			#download_content_hor {
				/* */
				}
				
				#download_content_hor iframe {
					height: 326px;
					width: 952px;
					}
			
			#download_content_ver {
				float: right;
				overflow: hidden;
				width: 310px;
				}
				
				#download_content_ver iframe {
					height: 1250px;
					width: 310px;
					}
				
				#iframe_body {
					font-size: 75%;
					line-height: 16px;
					}
					
						#games,
						#wallpapers,
						#ringtones {
							background: url(../images/bg_premium_boxes.png) no-repeat;
							float: left;
							height: 326px;
							margin: 0 11px 10px 0;
							padding: 10px 20px 0 20px;
							width: 270px;
							}
						
						#ringtones {
							margin-right: 0;
							}
						
						#ringtones {
							padding: 10px 15px 0 15px !important;
							width: 280px !important;
							}
						
						#games h2,
						#wallpapers h2,
						#ringtones h2 {
							height: 31px;
							overflow: hidden;
							text-indent: -100px;
							}
						
						#ringtones h2 {
							margin-left: 5px; !important;
							}
						
						#games h2 {
							background: url(../images/heading_games.png) no-repeat left;
							}
						
						#wallpapers h2 {
							background: url(../images/heading_wallpapers.png) no-repeat left;
							}
						
						#ringtones h2 {
							background: url(../images/heading_ringtones.png) no-repeat left;
							}
						
						#games a:hover img,
						#wallpapers a:hover img,
						#ringtones a:hover img {
							border: 1px solid #f60;
							padding: 0;
							}
						
						.main_item img {
							float: left;
							margin-bottom: -3px;
							margin-right: 5px;
							padding: 1px;
							width: 100px;
							}
						
						.info {
							display: block;
							font-size: 90%;
							line-height: 13px;
							margin: 5px 0;
							}
						
						.price {
							font-size: 100%;
							font-weight: bold;
							}
							
						.sub_item {
							clear: both;
							margin-top: 12px;
							}
						
						.sub_item img {
							float: left;
							margin-bottom: -3px;
							margin-right: 5px;
							padding: 1px;
							width: 50px;
							}
						
						.sub_item .price {
							font-size: 100%;
							}
						
						#ringtones .play_audio {
							background: url(../images/audio_icon.png) no-repeat left;
							display: block;
							float: left;
							height: 41px;
							margin-right: 5px;
							text-indent: -100px;
							width: 41px;
							}
						
						#ringtones .play_audio:hover {
							background-position: right;
							border: 0;
							}
						
						#ringtones .sub_item {
							margin-top: 0;
							margin-bottom: 10px;
							}
						
						#ringtones .sub_item strong {
							display: block;
							height: 17px;
							overflow: hidden;
							margin-top: 2px;
							padding-bottom: 1px;
							}
			
			#ussd_faq,
			#ussd_home,
			#miol_home,
			#feedback {
				background: url(../images/bg_wide_content.png) no-repeat top;
				border: 1px solid #d0d0d0;
				float: left;
				padding: 20px;
				width: 590px;
				}
				
				#ussd_faq #heading_iolussd {
					margin-top: -13px;
					}
				
				#heading_questions {
					background: url(../images/heading_questions.png) no-repeat;
					height: 30px;
					overflow: hidden;
					text-indent: -100px;
					width: 94px;
					}
				
				#heading_answers {
					background: url(../images/heading_answers.png) no-repeat bottom;
					height: 40px;
					overflow: hidden;
					text-indent: -100px;
					width: 78px;
					}
				
				#ussd_faq ul {
					margin: 0 0 15px 17px;
					}
			
			#ussd_home {
				/* see #ussd_faq */
				}
				
				#ussd_home ul {
					list-style-type: none;
					margin-left: 2px;
					}
				
				#ussd_home li {
					background: url(../images/ul_bullet.png) no-repeat 0 6px;
					padding: 0 0 3px 11px;
					}
				
				#ussd_contents {
					background-color: #fff;
					border: 1px solid #e4e4e4;
					height: 60px;
					margin-bottom: 15px;
					padding: 10px 15px;
					}
					
					#ussd_contents ul {
						list-style-type: none;
						float: left;
						padding-right: 25px;
						}
				
					#ussd_contents li {
						background: url(../images/ul_bullet_alt.png) no-repeat left;
						padding: 0 0 3px 11px;
						}
				
				#heading_howtoussd {
					background: url(../images/heading_howtoussd.png) no-repeat;
					height: 39px;
					overflow: hidden;
					text-indent: -300px;
					width: 255px;
					}
				
				#heading_steps {
					background: url(../images/heading_steps.png) no-repeat;
					height: 55px;
					overflow: hidden;
					text-indent: -300px;
					width: 118px;
					}
				
				#ussd_steps {
					background: url(../images/bg_cellphone.jpg) no-repeat;
					border: 1px solid #e4e4e4;
					height: 306px;
					position: relative;
					width: 584px;
					}
					
					#step1,
					#step2,
					#step3,
					#step4,
					#step5,
					#step6,
					#step7 {
						height: 281px;
						font-size: 125%;
						font-weight: bold;
						padding: 25px 180px 0 30px;
						position: absolute;
						width: 376px;
						}
						
					#step1 {
						background: url(../images/bg_step1.png) no-repeat;
						}
					
					#step2 {
						background: url(../images/bg_step2.png) no-repeat;
						}
					
					#step3 {
						background: url(../images/bg_step3.png) no-repeat;
						}
					
					#step4 {
						background: url(../images/bg_step4.png) no-repeat;
						}
					
					#step5 {
						background: url(../images/bg_step3.png) no-repeat;
						}
					
					#step6 {
						background: url(../images/bg_step6.png) no-repeat;
						}
					
					#step7 {
						background: url(../images/bg_step7.png) no-repeat;
						}
						
						.step_content {
							height: 240px;
							}
						
						.show {
							display: block;
							}
						
						.hide {
							display: none;
							}
						
						.step_number {
							color: #fff;
							display: inline-block;
							float: left;
							font-size: 120%;
							margin-bottom: 200px;
							margin-right: 25px;
							}
						
						.steps_nav {
							color: #e4e4e4;
							padding: 0 0 3px 210px;
							}
			
			#feedback {
				/* see #ussd_faq */
				min-height: 886px;
				}
				
				#heading_feedback {
					background: url(../images/heading_feedback.png) no-repeat;
					height: 32px;
					overflow: hidden;
					text-indent: -223px;
					width: 223px;
					}
				
				#feedback iframe {
					display: block;
					height: 790px;
					margin: 0 auto;
					width: 465px;
					}
			
			#miol_home {
				/* see #ussd_faq */
				}
				
				#heading_miolonphone {
					background: url(../images/heading_miolonphone.png) no-repeat;
					height: 40px;
					overflow: hidden;
					text-indent: -300px;
					width: 255px;
					}
			
			#download_buttons {
				height: 129px;
				}
				
				#button_games,
				#button_wallpapers,
				#button_ringtones {
					display: block;
					float: left;
					height: 119px;
					margin-right: 11px;
					overflow: hidden;
					text-indent: -500px;
					width: 310px;
					}
				
				#button_games {
					background: url(../images/button_games.png) no-repeat;
					}
				
				#button_wallpapers {
					background: url(../images/button_wallpapers.png) no-repeat;
					}
				
				#button_ringtones {
					background: url(../images/button_ringtones.png) no-repeat;
					margin-right: 0;
					}
				
				#button_games:hover,
				#button_wallpapers:hover,
				#button_ringtones:hover {
					border: 0;
					}
			
			#ussd_tac {
				background: url(../images/bg_full_content.png) no-repeat top;
				border: 1px solid #d0d0d0;
				padding: 20px;
				width: 910px;
				}
				
				#ussd_tac #logo_iolussd {
					float: right;
					}
				
				#heading_terms {
					background: url(../images/heading_terms.png) no-repeat;
					height: 32px;
					overflow: hidden;
					text-indent: -300px;
					width: 205px;
					}
				
				#ussd_tac ul {
					margin: 0 0 0 8px;
					padding: 0 0 0 8px;
					}
	
	#footer {
		border-top: 1px solid #e5e5e5;
		clear: both;
		color: #939393;
		font-size: 70%;
		line-height: 14px;
		margin: 0 20px 0 20px;
		padding: 15px 20px 20px 20px;
		}
		
		#footer_logo {
			background: url(../images/logo_iol.png) no-repeat;
			float: left;
			height: 31px;
			width: 80px;
			}