﻿body 
{
    background-color:#FFFFFF;
    text-align:center;
    margin:0px auto;
    padding:0px;
 font: 76%/1em Verdana, sans-serif;
}

#wrapper 
{
    
    width: 740px; 
    margin: 0 auto; 
    text-align: left;
    padding-bottom:40px;
}

#container 
{
	position:relative;
	left:0px;
	top:0px;
	width:740px;
	text-align:left;
	margin:0px auto;	
}

#col1 
{
    width:226px;
    margin:0px auto;
    float:left;
}

#col2 
{
    margin:0px auto;
    float:left;
}


#logo_ {
	width:226px;
	height:79px;
	margin:0px;
	margin:0px auto;
	
}


#phone_ {
	width:514px;
	margin:0px auto;
}

#upperRightWrapper {
	width:514px;
	height:79px;
	margin:0px auto;
	background-image:url('/images/phone.gif');
	background-repeat:no-repeat;
}

#topMenu-left_ {
	width:226px;
	height:41px;
	margin:0px auto;
	background-image:url('/images/topMenu_left.gif');
	background-repeat:no-repeat;
}

#topMenu-Right_ {
	width:514px;
	margin:0px auto;
}

#tv_ {
	width:226px;
	margin:0px auto;
	height:255px;
	background-image:url('/images/tv.jpg');
	background-repeat:no-repeat;
}

#splashImage_ {
	width:514px;
	margin:0px auto;
	
}

#leftNav_ {
	margin:0px auto;
	width:226px;
	
	
}

#leftNavContent
{
    padding-left:15px;
    padding-right:15px;
	padding-top:25px;
	padding-bottom:25px;
	margin:0px auto;
	float:left;
	
}

ul.leftNav 
{
list-style-type:none;
padding-left:0; 
margin-left:0;
}

li.leftNav
{
    width:185px;
    background-color:#e0e0e0;
    padding:3px;	
    list-style:none;
    line-height:1.3em;
    margin-bottom:5px;
    
}

#main_ {
	position:absolute;
	top:375px;
	left:226px;
	width:514px;
	margin:0px auto;
	float:left;
}

#bodyText {
	padding-left:25px;
	padding-top:25px;
	padding-bottom:25px;
	margin:0px auto;
	line-height:1.5em;
	
}

#footer_ {
	position:relative;
	bottom:auto;
	margin:0px auto;
	width:514px;
	height:100px;
	background-image:url('/images/footer.jpg');
	background-repeat:no-repeat;
	vertical-align:bottom;
	
}

#footerText 
{
	padding-bottom:8px;
	padding-left:25px;
	bottom:0px;	
    vertical-align:bottom;
    position:absolute;
    line-height:1.5em;
    font-size:.8em;
    color:#FFF;
}

p {margin:0;line-height:1.5em;padding-bottom:20px;}
img {margin:0;display:block;}

h1 
{
	font-size:2.5em;
	font-family:Georgia, Sans-Serif, Tahoma;
	color:#356aa0;
	line-height:1.3em;
	margin-top:0px;
}

h2 
{
	font-size:1.5em;
	font-family:Georgia, Sans-Serif, Tahoma;
	color:#356aa0;
	line-height:1.2em;
	margin-top:0px;
}

a.blueLink {color:#356aa0;text-decoration:underline;}
a.blueLink:visited {color:#356aa0;text-decoration:underline;}
a.blueLink:hover {color:#cc2127;text-decoration:underline;}
a.blueLink:active {color:#cc2127;text-decoration:underline;}

a.whiteLink {color:#FFFFFF;text-decoration:underline;}
a.whiteLink:visited {color:#FFFFFF;	text-decoration:underline;}
a.whiteLink:hover {color:#FFFFFF;text-decoration:underline;}
a.whiteLink:active {color:#FFFFFF;text-decoration:underline;}

a.whiteFooterLink {color:#FFFFFF;text-decoration:underline;}
a.whiteFooterLink:visited {color:#FFFFFF;text-decoration:underline;}
a.whiteFooterLink:hover {color:#FFFFFF;text-decoration:underline;}
a.whiteFooterLink:active {color:#FFFFFF;text-decoration:underline;}

#topLineLeft
{
    height:30px;
    width:226px;
    margin:0px;
    border-bottom:solid 2px #356aa0;	
}

#topLineRight
{
    height:30px;
    width:514px;
    margin:0px;
    border-bottom:solid 2px #356aa0;	
}


div.button{	width:180px; left:0px; border: 3px #e0e0e0 solid;display:block; margin-bottom:10px;padding-left:3px;padding-top:3px;padding-bottom:3px;padding-right:0px;}
div.button a  {width:180px; display:block; text-align:left; font-size:1em; font-weight:bold;padding-left:3px;padding-top:3px;padding-bottom:3px;padding-right:0px;}
div.button a:link {color:#356aa0; text-decoration:none;}
div.button a:visited {color:#356aa0; text-decoration:none;}
div.button a:hover {color:#F33; text-decoration:none;}

div.buttonStart {position:absolute;top:95px;left:610px;margin:0px auto;float:left;background-color:#cc3333;	text-align:center;width:100px; border: 2px #356aa0 solid;display:block; margin-bottom:10px;padding-left:3px;padding-right:3px;padding-top:5px;padding-bottom:5px;}
div.buttonStart a  {width:100px; display:block; text-align:left; font-size:1em; font-weight:bold;text-align:center;padding-top:0px;padding-bottom:0px;}
div.buttonStart a:link {color:#FFF; text-decoration:none;}
div.buttonStart a:visited {color:#FFF; text-decoration:none;}
div.buttonStart a:hover {color:#FFF; text-decoration:none;}

div.buttonAbout {width:65px;position:absolute;top:95px;left:520px;margin:0px auto;float:left;background-color:#356aa0;	text-align:center;border: 2px #356aa0 solid;display:block; margin-bottom:10px;padding-left:3px;padding-right:3px;padding-top:5px;padding-bottom:5px;}
div.buttonAbout a  {width:65px; display:block; text-align:left; font-size:1em; font-weight:bold;text-align:center;padding-top:0px;padding-bottom:0px;}
div.buttonAbout a:link {color:#FFF; text-decoration:none;}
div.buttonAbout a:visited {color:#FFF; text-decoration:none;}
div.buttonAbout a:hover {color:#FFF; text-decoration:none;}

div.buttonDebtSol {width:125px; position:absolute;top:95px;left:370px;margin:0px auto;float:left;background-color:#356aa0;text-align:center;border: 2px #356aa0 solid;display:block; margin-bottom:10px;padding-left:3px;padding-right:3px;padding-top:5px;padding-bottom:5px;}
div.buttonDebtSol a  {width:125px; display:block; text-align:left; font-size:1em; font-weight:bold;text-align:center;padding-top:0px;padding-bottom:0px;}
div.buttonDebtSol a:link {color:#FFF; text-decoration:none;}
div.buttonDebtSol a:visited {color:#FFF; text-decoration:none;}
div.buttonDebtSol a:hover {color:#FFF; text-decoration:none;}

div.buttonStartAd {position:absolute;top:65px;left:660px;margin:0px auto;float:left;background-color:#cc3333;	text-align:center;width:100px; border: 2px #356aa0 solid;display:block; margin-bottom:10px;padding-left:3px;padding-right:3px;padding-top:5px;padding-bottom:5px;}
div.buttonStartAd a  {width:100px; display:block; text-align:left; font-size:1em; font-weight:bold;text-align:center;padding-top:0px;padding-bottom:0px;}
div.buttonStartAd a:link {color:#FFF; text-decoration:none;}
div.buttonStartAd a:visited {color:#FFF; text-decoration:none;}
div.buttonStartAd a:hover {color:#FFF; text-decoration:none;}

div.buttonAboutAd {width:65px;position:absolute;top:65px;left:570px;margin:0px auto;float:left;background-color:#356aa0;	text-align:center;border: 2px #356aa0 solid;display:block; margin-bottom:10px;padding-left:3px;padding-right:3px;padding-top:5px;padding-bottom:5px;}
div.buttonAboutAd a  {width:65px; display:block; text-align:left; font-size:1em; font-weight:bold;text-align:center;padding-top:0px;padding-bottom:0px;}
div.buttonAboutAd a:link {color:#FFF; text-decoration:none;}
div.buttonAboutAd a:visited {color:#FFF; text-decoration:none;}
div.buttonAboutAd a:hover {color:#FFF; text-decoration:none;}

div.buttonDebtSolAd {width:125px; position:absolute;top:65px;left:420px;margin:0px auto;float:left;background-color:#356aa0;text-align:center;border: 2px #356aa0 solid;display:block; margin-bottom:10px;padding-left:3px;padding-right:3px;padding-top:5px;padding-bottom:5px;}
div.buttonDebtSolAd a  {width:125px; display:block; text-align:left; font-size:1em; font-weight:bold;text-align:center;padding-top:0px;padding-bottom:0px;}
div.buttonDebtSolAd a:link {color:#FFF; text-decoration:none;}
div.buttonDebtSolAd a:visited {color:#FFF; text-decoration:none;}
div.buttonDebtSolAd a:hover {color:#FFF; text-decoration:none;}


div.upperRightPhone {width:300px;position:absolute;top:25px;left:420px;margin:0px auto;float:left;text-align:right;border:0px;display:block;color:#cc3333;font-size:1.3em;font-weight:bold;}
div.upperRightFree {width:300px;position:absolute;top:45px;left:420px;margin:0px auto;float:left;text-align:right;border:0px;display:block;color:#356aa0;font-size:1.2em;font-weight:bold;}

#OurPlansOffer 
{
	background-color:#FFFFFF;
	padding:0px;	
	border: 0px solid #356aa0;
	width:200px;
	height:500px;
	margin:0px;
	float:right;
}

#OurPlansOfferPad
{
	background-color:#FFFFFF;
	padding-left:10px;	
	width:210px;
	float:right;
}



ul.ContentLeftList
{
	
}

li.tick
{
	list-style-image:url('/images/icons/tick.gif');
	line-height:1em;
	margin-bottom:15px;
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
	float: left;  
	clear: left;  
	width: 100%;  
	margin: 0 0 1.5em 0;  
	padding: 0; 
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
    font-weight:bold;
}
fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;
}
fieldset li {  
float: left;  
clear: left;  
width: 100%;  
padding-bottom: 1em; }

fieldset.submit {  
float: none;  
width: auto;  
border: 0 none #FFF;  
padding-left: 12em; 
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left;  
	width: 7em;  
	/* margin-right: 1em;  */
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 75px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.FreezePaneOff
   {
      visibility: hidden;
      display: none;
      position: absolute;
      top: -100px;
      left: -100px;
   }

   .InnerFreezePane
   {
      text-align: center;
      width: 66%;
      background-color: #171;
      color: White;
      font-size: large;
      border: dashed 2px #111;
      padding: 9px;
   }

           .FreezePaneOn
           {
              position: absolute;
              top: 0px;
              left: 0px;
              visibility: visible;
              display: block;
              width: 100%;
              height: 100%;
              background-color: #666;
              z-index: 999;
              /*filter:alpha(opacity=85);*/
              -moz-opacity:0.85;
              padding-top: 20%;
           }
            
            
            
            /*** CAMPAIGNS ***/
            
            #calltoaction_two
{
	width:350px;
	height:auto;
	color: #6699cc;
	font-size: 18px;
	font-weight: bolder;
	letter-spacing: -1.5px;
	margin:auto;
}
#calltoaction_Online
{
	width:350px;
	height:auto;
	color: #6699cc;
	font-size: 18px;
	font-weight: bolder;
	letter-spacing: -1.5px;
	margin: 20px 0 20px 30px;
}
#calltoaction_two #phonenumber
{
	margin-left:15px;
	line-height:normal;
	text-transform:uppercase;
}
#calltoaction_two #or
{
	width:350px;
	color: #000000;
	font-size: 18px;
	font-weight: bolder;
	letter-spacing: -1.5px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
#calltoaction_two b
{
	color: #3A6C8B;
	font-size: 31px;
	font-weight: bold;
	letter-spacing: normal;
	vertical-align: 5%;
	margin-left: 10px;
}
#calltoaction_two #OnlineSolution
{
	background:url(/images/campaigns/FindYourSolutionOnline.jpg);
	/*background:url(/www.amerifree.com/images/campaigns/FindYourSolutionOnline.jpg);*/
	width:225px;
	height:28px;
	padding-top:7px;
	text-indent:30px;
	margin:auto;
}
#calltoaction_two #OnlineSolution a
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	letter-spacing:normal;
	text-transform:uppercase;
	color: #222222;
}
#calltoaction_two #OnlineSolution a:hover
{
	text-decoration:underline;
}


/*** DEBT CONSOLIDATION BANNERS**/
#debtconsolidation_banner
{
	background: url(/images/campaigns/BannerBlondeHeadset_800x150.jpg) no-repeat;
	/*background: url(/www.amerifree.com/images/campaigns/BannerBlondeHeadset_800x150.jpg) no-repeat;*/
	width: 800px;
	height: 169px;
	position: relative;
	margin: auto;
	color: #FFFFFF;
}

#bannercopy h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 28px;
	letter-spacing: -1px;
	margin:0px;
}
#bannercopy h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 20px;
	color:#CCCCCC;
}
#bannercopy #calltoaction_one
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	margin:0px;
	padding:0px;
	color: #ffb74c;
	text-transform:uppercase;
}
#bannercopy #calltoaction_one b
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bolder;
	color: #FFFFFF;
	margin-left: 0px;
	vertical-align: -2px;
}


/************************* Bannercopy styles **********************/
#bannercopy
{
	position: absolute;
	left: 353px;
	top: 20px;
	line-height:39px;
	width: 434px;
	text-align:center;
	
}


