/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body {
   color:#666666;
   background:url(../images/bg.gif) repeat-x top left;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 62.5%;
   height:100%;
   margin:0;}

* {
   margin:0;
   padding:0;
   list-style-type:none;}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	
h1, h2, h3, p {
	margin: 0; }

/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {
	font: 1.2em Arial, Helvetica, sans-serif;}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {
	color:#1D74CC;
	text-decoration: none;}

a:hover, a:active {
 color:#666;}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 
	display: none; }

img {
	border: none; }

fieldset br{
 clear:left;}
 
fieldset{
 border:none;}



/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}
	
.clearfix:after { /* clear floats */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

.noborder{
 border:none !important;}

.floatright{
 float:right !important;}


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#container{
 width: 960px;
 margin: 0 auto;
 background:#FFF;}

#header{
 padding: 5px 0 0 19px;
 height:55px;}

#content {
 border-bottom: 9px solid #D33F1D;
 padding: 0 0 20px 0;}

#footer {
 background:#696969;
 padding: 10px 0;}

/* 3. HEADER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
h1{
width: 207px;
height:47px;
float:left;}

.l{
	min-width:0px;
	float:left;
	margin-top:5px;
}

.l img{
	float:left;
}

.l h1{
	font-size:21px;
	float:left;
	text-align:left;
	color:4D4D4D;
	padding:0px 0px 0px 7px;
	margin:0px;
	line-height:30px;
}

.logo{
 width: 136px;
 height:47px;
 display:block;
 text-indent:-999999px;
 overflow:hidden;
 float:left;
 font-size:22px;
 }
 
.slogan{
 float:left;
 display:block;
 width: 100px;
 height:47px;
 display:block;
 font-size:22px;
 overflow:hidden;}

.logo_reg{
 padding-top:5px;
 font-size:18px;
 color:#666;
 min-width: 750px;
 height:47px;
 display:block;
 /*line-height:47px;*/
 text-indent:0px;
 overflow:hidden;
 float:left;}
 
 .logo_reg .logo_img{
 	float:left;
 	padding-right:5px;
 }
 
 .logo_reg span{
 color:black
 }
 
 .logo_reg .logo_txt{
 	line-height:47px;
 	color:#666;
 }

.slogan_reg{
 color:#666;
 float:left;
 display:block;
 /*min-width: 250px;*/
 /*line-height:47px;*/
 height:47px;
 display:block;
 text-indent:0px;
 padding-top:5px;
 font-size:18px;
 overflow:hidden;}

ul#header-links{
 float:right;
 font-size:1.4em;
 padding:  8px 12px 0 0;}

ul#header-links li{
 border-right:1px dotted #CCCCCC;
 float:left;
 padding: 0 10px;}

ul#header-links li a{
 color:#999999 !important;}

#nav{
 background:url(../images/bg_nav.gif) repeat-x top left;
 height:32px;}

ul#main-nav {
 float:left;
 font-size:1.8em;}

ul#main-nav li{
 float:left;}

ul#main-nav li a{
 display:block;
 float:left;
 height:25px;
 background:url(../images/bg_navlink.gif) repeat-x top left;
 border-right:1px solid #EDEDED;
 color:#FFF !important;
 padding:  7px 18px 0 18px;}
 
ul#main-nav li a:hover,
ul#main-nav li.selected a{
 background:#F2F2F2;
 color:#999999 !important;}

ul#sub-nav{
 background:#F7F7F7;
 border-bottom:1px solid #F0F0F0;
 padding: 8px 0;}


#nav fieldset.search{
 float:right;
 padding: 5px 20px 0 0;}

#nav fieldset.search input.text{
 height:20px;
 border:1px solid #809DB9;
 width:130px;
 vertical-align:top;
 margin: 0 5px 0 0;}

ul#sub-nav li{
 float:left;
 font-size:1.2em;
 margin:  0 2px 0 0;}

ul#sub-nav li a{
 display:block;
 padding: 8px 26px 8px 17px;
 color:#666666 !important;
 float:left;
 /*background:url(../images/icon_arrowdown.gif) no-repeat right 12px;*/
 background:url(../images/icon_rightarrow.gif) no-repeat center right;}

ul#sub-nav li a:hover{
 background:url(../images/icon_rightarrow.gif) no-repeat center right;
 color:#1E7DDC !important;}
 
 ul#sub-nav li.selected a{
 background:url(../images/icon_arrowdown.gif) no-repeat right 12px;
 /*color:#1E7DDC !important;*/}

ul#breadcrumbs{
 padding: 6px 0 6px 20px;}

ul#breadcrumbs li{
 float:left;
 font-size:1.1em;
 background:url(../images/icon_arrowbreadcrumbs.gif) no-repeat top right;
 margin: 0 13px 0 0;
 padding: 5px 13px 0 0;}

ul#breadcrumbs li.last{
 background:none;}

ul#breadcrumbs li a{
 font-weight:bold;
 text-decoration:underline !important;} 

ul#breadcrumbs li.first{
 padding-top:0;}


/* 3. CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#content h2{
 color:#FFF;
 padding: 9px 20px;
 font-size:1.6em;
 background:url(../images/bg_header.gif) repeat-x top left;}

#content p{
 font-size:1.2em;}

.ad{
 text-align:center;
 margin: 0 0 10px 0;}

.ad img{
 display:block;
 margin: 0 auto;}

.ad-bottom{
 padding: 30px 0 0 0;
 margin: 20px 0 0 0;
 border-top:1px dotted #ccc;}

#content h2 img{
 float:right;}
 
#main-content{
 width: 650px;
 float:left;}
 
.col1 {
 	width:325px;
 	float:left;
 	margin: 10px 0 0 0;
 	background:url(../images/bg_freeservices.gif) repeat-y top left;
 }
 
.col2 {
 	width:325px;
 	float:right;
 	margin: 10px 0 0 0;
 	/*background:url(../images/bg_freeservices.gif) repeat-y top left;*/
}
 
 .col1 .box,
 .col2 .box{
 border:1px solid #F3F3F3;
 width: 282px;
 margin: 0 0 10px 0px;
 min-height:262px;
 /*float:left;*/
 padding: 20px 15px 0 15px;
 background:#F4F4F4 url(../images/bg_otherservices.gif) repeat-x top left;}
 
 .col1 .box2,
 .col2 .box2{
 border:1px solid #F3F3F3;
 width: 282px;
 margin: 0 0 10px 4px;
 padding: 20px 15px 0;
 background:#F4F4F4 url(../images/bg_otherservices.gif) repeat-x top left;
 min-height:250px;
 } 

.col1 .box img,
.col2 .box img,
.col1 .box2 img,
.col2 .box2 img{
 float:left;
 margin: 0 9px 0 0;}
 
 .content_logo{
 min-height:30px;
 float:left;
 }

 .col1 .box p.svc-brand-logo,
 .col2 .box p.svc-brand-logo,
 .col1 .box2 p.svc-brand-logo,
 .col2 .box2 p.svc-brand-logo{
 	min-height:30px;
 }
 
 .svc-txt{
 	clear:left;
 }

.col1 .box .text,
.col2 .box .text,
.col1 .box2 .text,
.col2 .box2 .text{
 float:left;
 width: 170px;}
 
.col1 .box .text p,
.col2 .box .text p,
.col1 .box2 .text p,
.col2 .box2 .text p{
 line-height: 1.4em;
 margin: 0 0 5px 0;}

.col1 .box .text h3,
.col2 .box .text h3,
.col1 .box2 .text h3,
.col2 .box2 .text h3{
 font-size:1.5em;
 margin: 0 0 5px 0;
 color:#606060;}

.col1 .box .text a span,
.col2 .box .text a span,
.col1 .box2 .text a span,
.col2 .box2 .text a span{
 color:#666666 !important;}

.col1 .box .text a,
.col2 .box .text a,
.col1 .box2 .text a,
.col2 .box2 .text a{
 font-weight:bold;}

/*SERVICES POPUP BOX
----------------------------------------------------------------------
*********************************************************************/
.svc_popup{
	width:350px;
	background:gray;
	color:white;
	display:none;
	position:absolute;
	z-index:1;
	padding:10px;
	font-size:11px;
	border:solid 1px #fff;
	margin:35px 0px 0px;
	float:left;
	clear:both;
}

.svc_popup h1{
	float:none;
	display:block;
	font-size:14px;
	margin:0px 0px 10px 0px;
	padding:0px;
	height:28px;
}

.svc_popup h2{
	float:none !important;
	display:block !important;
	font-size:12px !important;
	margin:0px 0px 10px 0px !important;
	padding:0px !important;
	background:none !important;
}

.svc_popup ol{
	margin:0px;
	padding:0px;
}

.svc_popup ol li{
	display:list-item;
	list-style-type:decimal;
	margin:0px 0px 0px 20px;
	padding:0px 0px 5px;
	width:300px;
	vertical-align: text-top;
}

#flash{
 margin: 0 0 11px 0;}

/* (Deprecated) this block is not being used
----------------------------------------------------------------------
*********************************************************************/
.free-services{
 margin: 10px 0 0 0;
 background:url(../images/bg_freeservices.gif) repeat-y top left;}

.free-services .box{
 border:1px solid #F3F3F3;
 /*width: 282px;*/
 margin: 0 0 10px 0;
 min-height:150px;
 /*float:left;*/
 padding: 20px 15px 0 15px;
 background:#F4F4F4 url(../images/bg_otherservices.gif) repeat-x top left;} 

.free-services .box img{
 float:left;
 margin: 0 9px 0 0;}

.free-services .box .text{
 float:left;
 width: 130px;}
 
.free-services .box .text p{
 line-height: 1.4em;
 margin: 0 0 5px 0;}

.free-services .box .text h3{
 font-size:1.5em;
 margin: 0 0 5px 0;
 color:#606060;}

.free-services .box .text a span{
 color:#666666 !important;}

.free-services .box .text a{
 font-weight:bold;}
 /* ################## (Deprecated) ##################### */

#sidebar{
 width: 300px;
 float:right;}

#register-form{
	color:#666;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	width:628px;
	float:left;
}

#form-tbl-main select,
#register-form input, 
#register-form select{
	color:#000;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
}

#form-tbl-main .terms{
	float:left; padding-left:19px; line-height:29px;
	color:#000;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
}

#register-form h1{
	width:100%;
	height:100%;
	padding-left:20px;
	font-size:21px;
	color:#333;
	margin-bottom:10px;
}

#register-form h2{
	background:none;
	/*width:100%;*/
	height:100%;
	margin-left:130px;
	padding-left:0px;
	font-size:16px;
	color:#676767;
	font-weight:normal;
	border-bottom:1px dotted #CCC;
}

#register-form h3{
	font-size:12px;	
	padding:0px 0px 20px 0px;
}

#register-form .reg_info_block ul{
	list-style:none;
	padding:0px 0px 20px 0px;
	/*border-bottom:1px dotted #CCC;*/
}

#register-form .reg_info_block ul li{
	background:url(../images/sqr_list_bg.gif) no-repeat center left;
	padding:7px 0px 0px 10px;
}

#form-tbl-main{
	margin-left:50px;
}

#form-tbl1 td{
	padding-bottom:10px;
}

#form-tbl2{
	padding:23px 0px;
}

#form-tbl2 td{
	padding:0px 0px 0px 5px;
}

/* REGISTER
----------------------------------------------------------------------
*********************************************************************/
#register{
 background:url(../images/bg_sidebarreg.gif) no-repeat top left;
 width: 264px;
 height:117px;
 margin: 0 0 11px 0;
 padding: 17px 20px 0 15px;}

#register h3{
 color:#FFF;
 font-size:1.4em;
 margin: 0 0 5px 0;}

#register p{
 color:#F9B8B3;
 margin: 0 0 5px 0;}

#register label{
 font-size:1.2em;
 color:#FFF;
 margin: 0 6px 0 0;}

#register input.text,
#unplug input.text{
 width: 40px;
 margin: 0 5px 4px 0;
 height:18px;
 padding: 2px 0 0 0;
 border:1px solid #809DB9;}

#register  .longtext{
 width: 50px !important;}

#register input.button{
 float:right;}
 
 #register #hint_trigger{
 	float:left;
 	padding:0px 0px 0px 15px;
 	margin:10px 0px 0px;
 	cursor:pointer;
 }
 
 #register #hint_trigger span{
 	float:left;
 	font-weight:bold;
 	color:#fff;
 	text-decoration:underline;
 	margin-right:3px;
 }
 
 #register #hint{
 	display:none;
 	width:250px;
 	position:absolute;
 	z-index:1;
 }
 
 #register #hint div{
 	width:250px;
 	height:31px;
 	background:url(../images/hint_bg.gif) top left no-repeat;
 }
 
#register #hint div#hint_txt{
	background:#D01818;
	height:100%;
}
 
 #register #hint p{
 	padding:5px 10px 10px;
 	color:#fff;
 	font-weight:bold;
 	margin:0px;
 }
 
.reg-form-btn{
 background:url(../images/btn_bg_left.gif) no-repeat left top;
 min-height:23px;
 min-width:58px;
 padding-left:6px;
 float:right;
 }
 
 .reg-form-btn input{
 border:none;
 background:url(../images/btn_bg_right.gif) no-repeat right top;
 font-size:12px;
 color:#D33F1D;
 font-weight:bold;
 padding:2px 5px 8px 0px;
 cursor:pointer;
 }
 
#content #reg-error{
	color:red;
	font-size:12px;
	font-weight:bold;
	float:left;
	line-height:25px;
	padding-left:20px;
}

.regerror{
	color:red;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
}

.required{
	color:red;
	padding-left:3px;
}

#thankyou{
	width:560px;
	float:left;
}

#thankyou h1{
	float:none;
	display:block;
	font-size:22px;
	width:100%;
	margin-left:20px;
}

#thankyou p{
	font-size:12px;
	width:100%;
	margin-left:20px;
	padding-bottom:21px;
}

#thankyou p.last{
	border-bottom:1px dotted #CCC;
	margin-bottom:21px;
}

#thankyou #thx-lnk{
	display:block;
	margin-top:21px;
	background:url(../images/pronto_thankyou_logo.gif) center left no-repeat;
	padding-left:107px;
	text-decoration:underline;
	line-height:26px;
}
 
/*HELP
----------------------------------------------------------------------
*********************************************************************/
#help-content{
	float:left;
	width:630px;
	padding-left:20px;
	font-size:12px;
}

#help-content h1{
	float:none;
	margin-top:10px;
	margin-bottom:15px;
	height:0px;
	min-height:40px;
	width:0px;
	min-width:300px;
	font-size:20px;
}

#help-content #help-nav{
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:dotted 1px #999;
	font-weight:bold;
	font-size:14px;
}

#help-content #help-nav a{
	padding-right:20px;
}

#help-content #help-nav a:link,
#help-content #help-nav a:hover,
#help-content #help-nav a:visited{
 	color:#1E7DDC !important;
 }
 
 #help-content ul{
 	padding:0px;
 	margin:0px;
 	list-style:none;
 	font-size:12px;
 }
 
 #help-content ul li h3{
 	font-size:14px;
 	padding:0px;
 	margin:0px;
 }
 
 #help-content ul li{
 	margin-bottom:10px;
 }
 
/*POLICY
----------------------------------------------------------------------
*********************************************************************/
#policy{
	width:630px;
	float:left;
	padding-left:20px;
	font-size:12px;	
}

#policy h3{
	font-size:14px;	
}

#policy ul{
	margin-top:10px;	
}

#policy ul li{
	list-style-type:circle;
	margin-left:20px;
}

/*TERMS
----------------------------------------------------------------------
*********************************************************************/

#terms{
	float:left;
	width:630px;
	padding-left:20px;
	font-size:12px;
}

#terms h1,
#terms h2,
#terms h3{
	float:none;
	display:block;
	width:100%;
	font-size:14px;
	padding:10px 0px;
	margin:0px;
	height:auto;
}

#terms p{
	margin:0px 0px 15px 0px;
	font-size:12px;
}

#terms p.copyright{
	font-style:italic;
	font-weight:bold;
}

#terms ul{
	padding:0px 0px 0px 20px;
}

#terms ul li{
	list-style:disc;
}

a.close-win{
	float:left;
	clear:both;
	display:block;
	width:100%;
	padding-left:550px;
}

#unplug{
 background:url(../images/bg_sidebarunplug.gif) no-repeat top left;
 width: 267px;
 height:48px;
 margin: 0 0 11px 0;
 padding: 58px 0 0 32px;}

#unplug input.text{
 width: 175px !important;
 vertical-align:top;
 margin-top:5px;}

#unplug input.button{
 margin: 4px  0 0 0;}

ul.other-services li{
 padding: 15px 16px 10px 16px;
 min-height: 40px;
 height:auto !important;
 height:40px;
 border-bottom:1px dotted #ccc;}

ul.other-services li br{
 clear:both;}

ul.other-services li img{
 float:left;
 margin: 0 8px 0 0;}

ul.other-services li a{
 display:block;}

ul.other-services li p{
 width: 195px;
 float:left;}

.top-downloads-wrapper{
 padding:8px 0 0 8px;
 margin-top:-2px;
 background:#EBEBEB;}

ul#download-tabs li{
  float:left;
  margin: 0 4px 0 0;} 

ul#download-tabs li a{
 background:url(../images/bg_tab.gif) no-repeat top left;
 height:20px;
 text-align:center;
 color:#5E5E5E !important;
 width: 90px;
 font-weight:bold;
 font-size:1.1em;
 padding: 8px 0 0 0;
 display:block;
 float:left;} 

ul#download-tabs li.currenttab a{
  background-position: 0 -28px;}


ul#download-tabs li a:hover,
#tabHeaderActive a{
  background-position: 0 -28px !important;}

 
.top-downloads .ringtones{
  text-align:center;
  /*background:url(../images/bg_topdownloadstones.gif) no-repeat top left;*/
  width: 281px;
  margin: 0px 0 0 0;
  padding: 0px 0 30px 0;
  height:24px;}
 
.top-downloads .ringtones img{
   vertical-align:middle;}
 
.top-downloads .ringtones a{
  color:#9B33C2 !important;
  text-decoration:underline !important;}
 
.top-downloads .booknow{
   /*background:url(../images/bg_topdownloadsbottom.gif) no-repeat top left;*/
   width: 285px;
   height:22px;
   color:#FFECCD;
   font-size:1.1em;
   /*padding: 13px 0 0 15px;*/
}
  
.top-downloads .booknow a{
  color:#FFECCD !important;
  font-weight:bold;
  text-decoration:underline !important;}
 
ul.top-download-list{
   margin: 10px 0 0 0;}
 
ul.top-download-list li{
  padding: 0 0 12px 0;}
 
ul.top-download-list li span.number{
   float:left;
   padding: 6px 30px 0 0;
   height: 37px;
   width: 37px;
   margin: 0px;
   overflow: hidden;} 
 
ul.top-download-list li p{
  width: 194px;
  float:left;}

ul.top-download-list li p a{
  display:block;
  margin: 0 0 3px 0;
  font-weight:bold;}

ul.top-download-list li br{
 clear:both;}

.tabContent{
 min-height:400px;
 height: auto !important;
 height:400px;}

/* 3. FOOTER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#footer-wrapper{
 width: 960px;
 margin: 0 auto;}

#footer .box{
 width: 117px;
 height:232px;
 float:left;
 font-size:1.1em;
 margin: 0 1px 20px 0;
 background:url(../images/bg_footerbox1.gif) no-repeat top left;
 padding: 17px 7px 0 12px;}

#footer .box2{
 background:url(../images/bg_footerbox2.gif) no-repeat top left;} 

#footer .footer-brand-logo{
	min-height:49px;
}

#footer .box img{
 margin: 0 0 20px 0;}

#footer .box p{
 padding: 0 0 15px 0;
 line-height: 1.4em;}

#footer .box ul li a span{
 color:#6D6D6C !important;}

#footer .box ul li {
 padding: 0 0 8px 0;
 font-weight:bold;}
 
#footer p.copyright{
 float:left;
 color:#FFF;
 font-size:1.2em;} 

#footer p img{
 vertical-align:middle;}

ul.footer-links{
 float:right;
 font-size:1.2em;}

ul.footer-links li{
 float:left;
 padding: 0 0 0 10px;}

ul.footer-links li a{
 color:#FFF !important;
 font-weight:bold;}

ul.footer-links li a:hover{
 text-decoration:underline !important;}

/*.imagealign{
 	float:left;
 	cursor:pointer;
 	font:12px Arial;
 	font-weight:bold;
 }*/
 
 .txt-header{
 	min-height:135px;
 }
 
 * html .txt-header{
 	min-height:150px;
 	height:expression(this.height<110 ? 110 : 135);
 }