@import url("text_offers.css");

*{margin:0; padding:0;}

body{background:#FFF; border: 0;text-align: center;color: #000;font: 10px/12px arial, geneva, verdana, helvetica, helve, sans-serif;}

a { cursor: hand; }
a:link { color: #666; text-decoration: underline; }
a:visited { color: #666;}
a:hover, a:active { color: #F00; text-decoration: none; }
h1, h2{text-indent:-9999em; height:0;}
h3{font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:22px; font-weight:normal; text-align:left;}
.h3_step_1{margin-bottom:20px;}
.h3_step_2_alltel{margin:0 0 20px 26px;}
.h3_step_3{margin:0 0 20px 26px;}
.form_field{font-size:24px;}
#btnNext 
{   display: block; 
	background-image: url("../themes_white/red/btnNext.gif"); 
	height: 34px; 
	width: 80px; }
#wrapper{width:980px; margin:0 auto; background:url(../themes_white/bg_wrapper.png) repeat-y #000;}

#flash_banner{width:960px; height:200px; margin:0 auto;}

#content{margin:0 auto; margin-bottom:10px; width:960px;}
.step{float:left; text-align:left;}
.step_1{padding:72px 0 0 0; background:url(../themes_white/red/bg_content_1.png) top center no-repeat;}
#step_1_1{margin:0 0 0 25px; width:420px; float:left;}
#step_1_2{margin:0 0 0 48px; height:238px; width:370px; float:left;}
.step_2{margin:0 0 0 25px; background:url(../themes_white/red/bg_content_2.png) top center no-repeat; height:360px;}
.step_2_alltel{padding:72px 0 0 0; background:url(../themes_white/red/bg_content_2_alltel.png) top center no-repeat;}
.step_2_horoscope{margin:0 0 0 25px; background:url(../themes_white/red/bg_content_horoscope_2.png) top center no-repeat; height:360px;}
#step_2_1{padding:165px 0 0 65px; width:530px;}
#step_2_2{padding:90px 30px 0 35px; width:145px; background:url(../themes_white/bg_content_2_phone.png) top left no-repeat; height:255px; text-align:center;}
.step_3{padding:72px 0 0 0; background:url(../themes_white/red/bg_content_3.png) top center no-repeat;}
#step_3_1{margin:0 0 0 25px; width:420px; float:left;}
#step_3_2{margin:40px 0 0 48px; height:198px; width:370px; float:left;}
.step_4{padding:72px 0 0 0; background:url(../themes_white/red/bg_content_4.png) top center no-repeat;}

#tones_table {width:383px; }
#tones_table th{height:30px; background:url(../themes_white/red/bg_tonestable_th.png) repeat-x; border-left:1px solid #FCC; border-right:1px solid #C99; padding-left: 6px; font-size:12px; font-weight:bold; text-transform:uppercase; text-align:left;}
#tones_table td{padding: 6px 6px 6px 15px; text-align:left; font-size:12px; border-left:1px solid #FCC; border-right:1px solid #C99; border-bottom:1px solid #C99; }
#voice_table {width:383px; }
#voice_table th{height:30px; background:url(../themes_white/red/bg_tonestable_th.png) repeat-x; border-left:1px solid #FCC; border-right:1px solid #C99; padding-left: 6px; font-size:12px; font-weight:bold; text-transform:uppercase; text-align:left;}
#voice_table td{padding: 6px 6px 6px 15px; text-align:left; font-size:12px; border-left:1px solid #FCC; border-right:1px solid #C99; border-bottom:1px solid #C99; }

.tones_td{background:#FFF;}
.tones_td_alt{background:url(../themes_white/red/bg_tonestable_td_alt.png);}

.form_field_text{color:#FFF; text-align:left;}
.form_field_text a:link, .form_field_text a:visited{color:#CCC; text-transform:uppercase;}
.imgWall { height: 150px; width: 150px; margin: 10px; }

.phonenumberexample{font-size:15px; font-weight:bold; margin-top:5px;}

#carriers{text-align:center; margin-top:10px;}
#carriers img {padding:5px;}
#legal {width:960px; text-align:left; margin:0 auto;  margin-top:10px; padding:0 5px 10px 0; color:#808080;}
#legal p {padding-top:20px;}
#legal img {float:left;margin:0 10px 0 10px;}
#legal h4{text-transform:uppercase; font-size:14px;}
#legal b
{
	font-weight: bolder;
	font-size: 11px;
}
.finePrint {font: 10px/10px arial, geneva, verdana, helvetica, sans-serif; margin: 0;padding: 3px;}

#footer{width:980px; height:20px; background:url(../themes_white/footer.png) top center no-repeat #000;}

/* NEW CONTENT STYLES
---------------------------- */
ul#contentTab {margin: 5px auto 0 auto;width: 410px;height:34px;list-style: none;overflow:hidden;}
ul#contentTab li {float:left;display:inline;margin: 0;}
ul#contentTab li a {display: block;height:34px;background-position: 0 0;overflow:hidden;text-indent:-9999em;}
/* Realtones only! */
ul#contentTab li.tabRealtones {
	display: block;
	width: 410px;
	height:34px;
	background-position: 0 0;
	overflow:hidden;
	text-indent:-9999em;
	background: url(../themes_white/red/tabRealtones.png) top left no-repeat;
}
/* Tones, Wallpapers & Voice Ringers */
ul#contentTab li.tabTones a {width: 90px;background: url(../themes_white/red/tabTones.png) top left no-repeat;}
ul#contentTab li.tabWallpapers a {width: 160px;background: url(../themes_white/red/tabWallpapers.png) top left no-repeat;}
ul#contentTab li.tabVringers a {width: 160px;background: url(../themes_white/red/tabVringers.png) top left no-repeat;}

/* this makes them "pop up" on rollover*/
ul#contentTab li.tabTones a:hover, ul#contentTab li.tabWallpapers a:hover, ul#contentTab li.tabVringers a:hover {
	background-position: 0 -34px;
}

/* this sets the active state*/
ul#contentTab li.tabTones span.active a, ul#contentTab li.tabWallpapers span.active a, ul#contentTab li.tabVringers span.active a {
	background-position: 0 -68px;
}

#contentBox {
	width:410px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	background: url(../themes_white/red/downloadBox_BG.png) top center repeat-y;
}

#contentBox span {
	display:block;
	width:410px;
	height:15px;
	margin: 0 auto;
	background: url(../themes_white/red/downloadBox_bottom.png) top center no-repeat;
}

.contentBoxScroll {
	position:relative;
	margin: 0 auto;
	width:400px;
	height:175px;
	overflow:auto;
}
.contentBoxNoScroll
{
	margin: 1px 7px 0 8px !important; 
	width: 383px !important;
}
.contentBoxScrollShort {
	position:relative;
	margin: 0 auto;
	width:400px;
	height:110px;
	overflow:auto;
	
}
.contentBoxScrollShort2Pr {
	position:relative;
	margin: 0 auto;
	width:400px;
	height:80px;
	overflow:auto;
	
}
.contentBoxScrollShort1Pr {
	position:relative;
	margin: 0 auto;
	width:400px;
	height:40px;
	overflow:auto;
	
}
.contentBoxScrollShort0Pr {
	position:relative;
	margin: 0 auto;
	width:400px;
	height:10px;
	overflow:auto;
	
}
