/* RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

/* CSS Document */

body {
	background:#e20025;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
	
a { text-decoration:none; }
a:hover { text-decoration:underline; }
hr { display:none; }

span.clearFull{
	clear:both;
	display:block;
}

strong{
	font-weight: bold;
}		
/* GRID */
/* ----------------------------------------------------------------------- */

#wrapper{
	background: #FFFFFF url(/blah/images/wrapper_bg.gif) repeat-y;
	margin:auto;
	width:888px;
	border-top:none;
}
	
#header{
	background: #FFF url(/blah/images/logo_tim.gif) 785px 20px no-repeat;
	position:relative;
	width:888px;
	height:75px;
	clear:both;
	border-bottom: solid 12px #feff37;
}

#menu{
	width:110px;
	float:left;
}
	
#content {
	width:640px;
	float:left;
	padding:4px 9px 9px 9px;
	position: relative;
}
	
#ad {
	width:120px;
	height:600px;
	float:left; 
}
	
#footer {
	background: #E20025;
	float:none;
	clear:both;
}
	
/* HEADER */
/* ----------------------------------------------------------------------- */

#header #logo a {
	display:block;
	position:absolute;	
	width:215px;
	height:66px;	
	background:transparent url(/blah/images/blah_logo.gif) no-repeat scroll 0%;
	top:5px;
	left:10px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

/* LOGIN */
/* ----------------------------------------------------------------------- */

#login{
	position:relative;
	width:408px;
	padding-left:60px;
	margin-right: 120px;
	float:right;
	background:url(/blah/images/login_bg.gif) no-repeat top right;
	color: #cc0000;
}

#login .header{
	width:71px;
	height:12px;
	float:left;
	margin:10px 10px 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
}

#login fieldset{
	padding:9px 0px 0px 0px;
	*padding:6px 0px 0px 0px;
}

#login label{
	margin-right:5px; }	

#login #user,
#login #pass {
	border:solid 1px #999999;
	width:100px;
	height:16px; }

#login #loginButton {
	position:absolute;
	top:5px;
	right:10px;
	top:8px;
}

#login #forgotPass{
	margin:14px 10px 10px 0px;
	float:right;
}

#login p.errors{
	margin:10px 0px 0px 10px;
	float:left;
	font-weight:bold;
	color:#E68E09;
}

#login #forgotPass a{
	font-size:10px;
	color:#cc0000;
}

#loggedIn{
  position: absolute;
  top: 13px;
  right: 140px;
	width: 210px;
	text-align:right;
	line-height:115%;
}
	
#loggedIn .header{
	display:none;
}

#loggedIn img{
	float:right;
	margin:2px 0px 15px 5px;
}

#loggedIn #phone{
	font-size:14px;
	font-weight:bold;
	color:#cc0000;
	margin-top:8px;
}

#loggedIn .info{
	font-size:10px;
}
	
#loggedIn .links a{
	font-size:10px;
	color:#666666; 
	text-decoration:underline;
}	



/* MAIN MENU */
/* ----------------------------------------------------------------------- */

#menu .header {
	width:110px;
	margin-bottom: 2px;	
	background: #2c8eb7;
}

#menu .header h3 {
	width:88px;
	display:block;
	text-transform: uppercase;
	padding:5px 0 5px 22px;
	font-size: 10px;
	color: #FFFFFF;
}

#menu .header h3 a {
	color: #FFFFFF;
}	

#menu a {
	color: #1c6583;
}
	
#menu .sub {
	padding: 5px 0;
	margin-bottom: 2px;
}
	
#menu li{ 
	margin:0px 0px 1px 8px;
}
	
#menu li ul li {
	margin:0px 0px 0px 8px;
}	

#menu #menuLogin .header {
	background:url(/blah/images/header_menu_login.jpg);
}

/* COLORS & IMAGES */

#menu .header {
	background-repeat: no-repeat;
	background-image:url(/blah/images/icos.gif);
}

#menu #menuRingtones .header { background-position:2px 1px; }
#menu #menuVideos .header { background-position:2px -68px; }
#menu #menuWallpapers .header	{ background-position:2px -137px; }
#menu #menuScreensavers .header	{ background-position:2px -207px; }
#menu #menuGames .header { background-position:2px -275px; }
#menu #menuSMS .header { background-position:2px -348px; }

#menu .active { font-weight:bold; }


/* MAIN MENU - SEARCH */
/* ----------------------------------------------------------------------- */

#search{
	color: #1C6583;
}

#search .header {
	background: #2C8EB7;
}

#search .header h3 {
	padding-left: 10px;
}

#search .header h3 span {
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
}
	
#search form{
	position:relative;
	padding:5px 6px 2px 8px;
}
	
#search label{
	display: none;
}

#search input#searchField{
	border:1px solid #999999;
	height:17px;
	margin:0px 0px 5px;
	padding-right:8px;
	width:84px;
}	

#search input#searchField.alert {
  border: 1px solid #E68E09;
	color: #E68E09;
	font-weight: normal;
}

#search input#searchButton{
	position:absolute;
	top:9px;
	right:11px; 
}


/* HOME - CONTENT */
/* ----------------------------------------------------------------------- */

#contentColA{
	float:left;
	margin:15px 5px 0px 0px;
	width:270px;	
}

#contentColB{
	float:left;
	margin:15px 0px 0px 5px;
}

h4#alert {
	width:612px;
	display:block;
	padding:5px 10px;
	margin-bottom:10px;
	border:solid 1px #FFCC00;
	background:#FFFFCC;
	font-size:14px;}
	
p.more {
	text-align:right;
	font-weight:bold;
	text-transform:lowercase;
	margin-top:5px;
	font-size:10px;
}

p.more a{
	color: #666666;
}
	
/* CAROUSEL */
/* ----------------------------------------------------------------------- */

.carousel {
	width:358px;
}

.carousel h2{
	margin:0px 0px 10px 0px;
	height:22px;
	display:block;
}
		
.carousel h2 a {
	display:block;
	height:22px;
	font-size: 22px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
	
.carousel h3{
	display:block;
	font-weight:bold;
	font-size:12px;
	padding:5px 10px;;
	color:#fbff2d;
	margin:0px 0px 1px 0px;
	background: #606727;
}	

/* HIGHLIGHT RINGTONES */

#highlightRingtones { 
	width:270px; }	
	
#highlightRingtones h2 {
	background:transparent no-repeat; }
	
#highlightRingtones .info {
	width:214px; }
	
#highlightRingtones .more a {
	color:#006ca3; }


/* CAROUSEL VIDEOS */

#carouselVideos h2 {
	background:transparent no-repeat; }

#carouselVideos h3 {
	background:#FEAD42 repeat-x 0px 0px; }
	
#carouselVideos .carouselPanes {
	border:solid 1px #f6e2c2; }
	
#carouselVideos .more a {
	color:#b96f00; }

/* old bg color: #fff1d9 */

#carouselVideos .carouselPanes .forward {
	background: url(/blah/images/carousel_arrows.gif) no-repeat -118px 36px;}	

#carouselVideos .carouselPanes .back {
	background: url(/blah/images/carousel_arrows.gif) no-repeat 10px 36px;  }

/* CAROUSEL WALLPAPERS */	

#carouselWallpapers h2 {
	background:transparent no-repeat; }	

#carouselWallpapers h3 {
	background:#6EB221 repeat-x 0px -107px }
	
#carouselWallpapers .carouselPanes {
	border:solid 1px #d6ddc8; }
	
#carouselWallpapers .more a {
	color:#558f00; }	

/* old bg color: #dfe7d0  */

#carouselWallpapers .carouselPanes .forward {	
	background: url(/blah/images/carousel_arrows.gif) no-repeat -118px -162px; }
		
#carouselWallpapers .carouselPanes .back {
	background: url(/blah/images/carousel_arrows.gif) no-repeat 10px -162px; }

	
/* CAROUSEL SCREENSAVERS */			

#carouselScreensavers h2 {
	background:transparent url(/blah/images/header_screensavers.gif) no-repeat; }	

#carouselScreensavers h3 {
	background:#FFCC07 repeat-x 0px -165px; }	
	
#carouselScreensavers .carouselPanes {
	border:solid 1px #f8e6a0; }
	
#carouselScreensavers .more a {
	color:#9b8800; }

/* old bg color: #f8e6a0  */

#carouselScreensavers .carouselPanes .forward {	
	background: url(/blah/images/carousel_arrows.gif) no-repeat -118px -266px; }
		
#carouselScreensavers .carouselPanes .back {
	background: url(/blah/images/carousel_arrows.gif) no-repeat 10px -266px; }
	
/* CAROUSEL GAMES */		
	
#carouselGames h2 {
	background:transparent no-repeat; }
	
#carouselGames h3 {
	background:#9788F1 repeat-x 0px -265px; }
	
#carouselGames .carouselPanes {
	border:solid 1px #ddd9f0; }
	
#carouselGames .more a {
	color:#6c59d3; }

/* old bg color: #e9e7f0  */

#carouselGames .carouselPanes .forward {	
	background: url(/blah/images/carousel_arrows.gif) no-repeat -118px -446px; }
		
#carouselGames .carouselPanes .back {
	background: url(/blah/images/carousel_arrows.gif) no-repeat 10px -456px; }

	
/* HIGHLIGHT, SUBHOME, RESULT - HEADER */
/* ----------------------------------------------------------------------- */

.subhome,
#cart,
#subSMS,
.resultAZ,
#message {
	width:633px;
	margin-bottom:15px;
}
	
.result{
	margin-bottom:15px;
}

.highlight .header,
.subhome .header,
.result .header,
#cart .header,
#subSMS .header,
.resultAZ .header,
#message .header {
	position:relative;
	font-weight:bold;
	font-size:12px;
	padding:5px 10px;
	color:#FBFF2D;
	margin:0px 0px 1px 0px;
	background: #606727;
}
	
.highlight .header h3,
.subhome .header h3,
.result .header h3,
#cart .header h3,
#subSMS .header h3,
.resultAZ .header h3 {
	font-weight:bold;
}
	
.highlight .info{

}

/* LINKS */

.highlight .header .links,
.subhome .header .links,
.result .header .links,
#cart .header .links {
	display:block;
	height:38px;
	width:180px;
	position:absolute;
	top:-5px;
	right:0px;
}
	
.highlight .header .links a,
.subhome .header .links a,
.result .header .links a {
	display:block;
	float:left;
	margin:0px 2px;
	width:83px;
	height:27px;
	text-align:center;
	padding:11px 0px 0px 0px;
	color:#FFFFFF; 
	font-weight:normal;
}

.highlight .header .links a.active,
.subhome .header .links a.active,	
.result .header a.active {
	font-weight:bold;
}


/* LINKS AZ */

.resultAZ .header .linksAZ {
	display:block;
	width:450px;
	height:38px;
	position:absolute;
	top:-5px;
	right:0px;
}
	
.resultAZ .header .linksAZ a {
	display:block;
	float:left;
	margin:0px 1px;
	width:15px;
	height:27px;
	text-align:center;
	padding:11px 0px 0px 0px;
	color:#FFFFFF; 
	font-weight:normal;
}

.resultAZ .header .linksAZ a.active {
	font-weight:bold;
}

/* HIGHLIGHT */
/* ----------------------------------------------------------------------- */

.highlight h2,
.subhome h2 {
	margin:0px 0px 10px 0px;
	height:22px;
	font-size: 22px;
	font-weight: bold;
	color: #666666;
}

.highlight h2 a,
.subhome h2 a {
	display:block;
	height:22px;
	font-size: 22px;
	font-weight: bold;
	color: #666666;	
}

.highlight ul li,
.subhome ul li{
	background: #eff3cd;
	border:#8c915e 1px solid;
	margin:0px 0px 4px 0px;
	clear:both;
}

.highlight .rank,
.subhome .rank {
	padding:20px 0px;
	width:34px;
	float:left;
	font-size:24px;
	text-align:center;
	font-weight:bold;
	color: #3e4219;
}
		
.highlight .info,
.subhome .info {
	background-color:#FFFFFF;
	padding:10px;
	float:right;
	clear:right;
}
	
.highlight .info h3 a,
.subhome .info h3 a,
.result .info h3 a {
	font-weight:bold;
	color: #666666;
}

.highlight .info p a,
.subhome .info p a,
.result .info p a {
	color:#6e6e6e;
}
	
.highlight .image,
.subhome .image,
.result .image{
  width: 60px;
  height: 60px;
	margin:0px 8px 0px 0px; 
	float:left;
}
	
.highlight .buttons,
.subhome .buttons,
.result .buttons {
	margin:5px 0px 0px 0px;
	width:50px;
	float:right;
}
	

.highlight .buttons object,
.subhome .buttons object,
.result .buttons object {
	vertical-align:middle;
	margin-bottom:2px;
}

.highlight .buttons .previewButton,
.subhome .buttons .previewButton,
.result .buttons .previewButton {
	display:block;
	padding:1px 0px 0px 20px;
	height:15px;	
	color:#666666;
	background:transparent url(/blah/images/button_player.gif) no-repeat;
	cursor: pointer;
	margin-bottom:2px;
}

.highlight .buttons .previewButton:hover,
.subhome .buttons .previewButton:hover,
.result .buttons .previewButton:hover {
	text-decoration:underline;
}

.highlight .buttons .downloadButton,
.subhome .buttons .downloadButton,
.result .buttons .downloadButton {
	display:block;
	height:15px;
	background:transparent url(/blah/images/button_download.gif) no-repeat;
	padding:1px 0px 0px 20px;
	color:#e68e09;
}


/* HOME */
/* ----------------------------------------------------------------------- */

/* HIGHLIGHT RINGTONES */

#highlightRingtones { 
	width:270px;
}	
	
#highlightRingtones .info {
	width:214px;
}

#highlightRingtones a.active,
#subRingtones a.active,
#resultRingtones .links a.active {
	background:transparent url(/blah/images/highlight_active.gif) no-repeat;
	color:#fbff2d;
}

#content .links a{
	color: #FBFF2D;
}
			
/* CAROUSEL */

.jcarousel-skin-tj .jcarousel-next-horizontal {
	background: url(/blah/images/carousel_arrows.gif) no-repeat -118px 36px;
}	

.jcarousel-skin-tj .jcarousel-prev-horizontal {
	background: url(/blah/images/carousel_arrows.gif) no-repeat 10px 36px;
}

#internalAd {
	text-align: center;
	background: #606727;
	margin:15px 0px 0px 0px;
}

/* SUBHOME */
/* ----------------------------------------------------------------------- */	

#content a{
	color: #666666;
}

.subhome #contentColA{
	width:309px;
	margin:10px 15px 0px 0px; }
	
.subhome #contentColB{
	width:309px;
	margin:10px 0px 0px 0px; }	

.subhome .info {
	width:253px; }


/* RESULT */
/* ----------------------------------------------------------------------- */	

.result #contentColA{
	width:409px;
	margin:10px 15px 0px 0px; }
	
.result #contentColB{
	width:309px;
	margin:10px 0px 0px 0px; }	


#resultSearchInfo {
	width:623px;
	margin-bottom:15px;
	padding:5px;
	border:solid 1px #606727;
	background-color:#606727;
}

#resultSearchInfo h2 {
	margin-bottom:5px;
	font-size:18px;
	font-weight:bold;
}

#resultSearchInfo p {
	margin-bottom:5px;
}

#resultSearchInfo a {
	margin-right:15px;
	font-weight:bold;
	color:#CC0000;
}

.result li{
	width:208px;
	display:block;
	border:1px solid #606727;
	margin:0px 1px 1px 0px;
	float:left;
}
	
.result .info{
	padding:8px;
	min-height:75px;
	height:75px;
}

#resultNav{position:relative; margin:auto; clear:both; text-align:center; padding: 0px 0px 10px 0px;}
#resultNav a {padding: 2px 5px 2px 5px; border: 1px solid #666; color: #666; background-color: #606727; margin-right: 2px;}
#resultNav .prev, #resultNav .next {}
#resultNav a:hover,#resultNav a:active,#resultNav .current {border: 1px solid #CC0000; color: #CC0000; font-weight: bold; text-decoration: none;}


/* RESULT - AZ */
/* ----------------------------------------------------------------------- */

.resultAZ ul{
	border:solid 1px #d6e1e1;
	padding:2px;
	font-weight:bold;
}

.resultAZ li{
	margin-bottom:1px;
	padding:4px;
}

.resultAZ h4{
	background:#D6E1E1;
	color:#297A9A;
	padding:5px;
	font-weight:bold;
	font-size:16px;
}

/* SUB SMS */
/* ----------------------------------------------------------------------- */

#subSMS .header {
	background:#606727;
}

#subSMS .channel {
	border:solid 1px #606727;
	margin-bottom:1px;
	padding:8px;
	clear: both;
	min-height: 60px;
}

#subSMS .channel img {
	float:left;
	margin:0px 8px 10px 0px;
}

#subSMS .channel h2 {
	font-weight:bold;
	color:#666666;
	margin-bottom:10px;
	font-size: 12px;
}
		
#subSMS .channel h2 a {
	color:#666666;
}

#subSMS .instructions{
  border:1px solid #606727;
  background: #EFF3CD;
  color:#606727;
  padding:5px 10px;
  margin: 1px 0px 1px;
  font-size:12px;
}

#subSMS .instructions p{
  margin-bottom:10px;
}

#subSMS .instructions h2{
  margin-bottom:10px;
  font-weight: bold;
}

#subSMS .channel p a {
  color:#666666;
}		

#subSMS .subChannel {
  margin-top: 15px;
}

#subSMS .subChannel thead td {
  font-weight:bold;
  color: #666666;
}

#subSMS .subChannel td {
  width:150px;
  padding:2px;
}

#subSMS .subChannel .even {
  background: #f5f5f5;
}


/* CART */
/* ----------------------------------------------------------------------- */

#cart .header {
	background-color:#606727;
}

#cart #details,
#cart #terms,
#cart #confirm,
#cart #message,
#cart #supported,
#message #confirm {
	border: solid 1px #606727;
	padding:10px;
	margin:0px 0px 1px 0px;
}
	
#cart #details img {
	float:left;
	margin-right:10px;
}

#cart #details h3 {
	font-weight:bold;
}	
	
#cart #details #description {
	/* background:url(/blah/images/buy_description_bg.gif) no-repeat; */
	font-size:11px;
	margin-right:20px;
	padding-left:15px;
	width:220px;
	float:right;
}

#cart #details #price {
	font-weight:bold;
	color:#e68e09;
}	
	
#cart #details #output {
	clear:left;
	color:#d40000;
	padding-top:10px;
}
	
#cart form {
	padding:15px 0px;
	clear:left;
}

#cart #details form div,
#cart #confirm form div {
	float:left;
	height:50px;
	margin-bottom:10px;
}
	
#cart #confirm form div{
	float:left;
}		

#cart #details form div label {
	/* width:160px; */
	float:left;
	margin-right:10px;
}		

#cart #details form #phone,
#cart #details form #brand,
#cart #details form #model,
#cart #confirm form #code,
#cart #confirm form #password {
	padding:3px;
	*padding:0px;
	display:block;
	border: solid 1px #CCCCCC;
	width:130px;
	font-size:11px;
	color:#777777;
}
		
#cart #details #preview {
	margin-top:10px;
}

#cart #details .previewButton {
	margin-top:5px;
	padding:4px 0px 0px 20px;
	height:15px;
	color:#666666;
	background:transparent url(/blah/images/button_player.gif) no-repeat;
	cursor: pointer;
}	
	
#cart #details .previewButton:hover {
	text-decoration:underline;
}
	
#cart form p {
	padding-top:5px;
	clear:both;
}
	
#cart #details form .warning {
	font-weight:bold;
	color:#CC0000;
}		

#cart #details #submit {
	margin-top:12px;
	clear:both;
	display:block;
}

#cart #supported {
	padding:10px;
}
	
#cart #supported #devices {
	height:150px;
	overflow:auto;
}

#cart #supported h4 {
	font-weight:bold;
	margin-bottom:10px; }
	
#cart #supported li {
	width:148px;
	float:left;
}

#cart form div#errors{
  float: none;
  display: none;
	font-weight: bold;
  border: 1px solid #C00;
	color: #C00;
	background-color: #FF9;
	margin: 10px 0px 10px 0px;
	padding: 10px;
	height: auto;
}

#cart form input.error, #cart form select.error {
  border: 1px solid #C00;
	color: #C00;
	background-color: #FF9;
	font-weight: normal;
}

/* HELP & TERMS */
/* ----------------------------------------------------------------------- */

#content #help ol{
	margin-bottom:10px;
}

#content #help ol li{
	margin-bottom:5px;
	margin-left: 10px;
	list-style:decimal;
	margin-left:20px;
}


#content #help h2,
#content #terms h2 {
	font-size:18px;
	margin-bottom:10px;
}

#content #help h3,
#content #terms h3{
	font-weight:bold;
}

#content #help p,
#content #terms p{
	margin-bottom:10px;
}		
	
#content #help strong,
#content #terms strong{
	font-weight:bold;
}

#content #help table,
#content #terms table{
	margin-bottom:10px;
}

#content #help table th,
#content #help table td,
#content #terms table th,
#content #terms table td{
	border:solid 1px #606727;
	padding:5px;
}	

#content #help th,
#content #terms th{
	padding:2px;
	font-weight:bold;
	background-color:#606727;
	color:#FBFF2D;
}

#content #help a,
#content #terms a{
	color:#df7803;
}

/* HCLIVE */

#hclive{
	position: absolute;
	top:10px;
	right: 10px;
}

/* TERMS - BOX */

#cart #terms .hide{
	height:150px;
	overflow:auto;
}

#cart #terms h2{
	font-size: 11px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}	
	
#cart #terms h3{
	font-size:11px;
	font-weight:bold;
	margin:10px 0px;
}	
	
#cart #terms p {
	line-height:12px;
	margin-bottom:10px;
}

#cart #terms table{
	margin-bottom:10px; }

#cart #terms th{
	padding:2px;
	font-weight:bold;
}

#cart #terms td{
	width:130px;
}

/* CONFIRM */

#cart #confirm #submit {
	float:left;
	margin: 12px 0 0 10px;
}		

#cart #confirm strong{
	font-weight:bold;
}

#msisdn {
	margin-right: 10px;
}

/* ERROR MESSAGE */

#cart #message p {
	font-size:18px; }
	
#cart #message a {
	color:#CC0000; }


/* FOOTER */
/* ----------------------------------------------------------------------- */

#footer {
	/* border-top: solid 1px #606727; */
	padding:10px;
	text-align:center;
	font-size:10px;
	color: #fff;	
}
	
#footer a {
	text-decoration: underline;
	color: #fff;
}

/* HACKS */
/* ----------------------------------------------------------------------- */


* html #header #logo a {
	background: none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='/blah/images/blah_logo.gif', sizingmethod='crop'); 
}

/* Claro */
/* ----------------------------------------------------------------------- */

#cart #details #claro-info {
  display: none;
}