/* CSS Document */
body {margin:0;padding:0}


h1, #viapin {width:535px;font-family:Arial, Helvetica, sans-serif; font-size:40px; font-weight:bold; color:#598A3B; margin:0; padding:0}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#697C90; padding:0; float:left; margin:0}
.banner3 {width:535px;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#697C90; margin:0; padding:0}
.steps {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; float:left; margin-top:20px; padding:0}
.steps select {font-weight:normal}
.left {float:left; margin-top:19px; padding:0; height:126px}
.clear{clear:both;font-size:0;height:0px;}
/*a:link {font-family: Arial, Helvetica, sans-serif;color: #003399;text-decoration: none;}
a:visited {font-family: Arial, Helvetica, sans-serif;color: #000066;text-decoration: none;}
a:hover {font-family: Arial, Helvetica, sans-serif;color: #CC0000;text-decoration: underline;}
*/
.banner4 {font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#697C90;margin:0; padding:0}
.banner5 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#697C90; margin:0; padding:0}
.phonecards {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#465260; margin:0; padding:5px 0 0 0 }
p {margin:0;}


/* Styles taked from http://www.uniontelecard.com/css/default/default-en.css */
.inpt1 { border:1px #8E8A64 solid;font-size:12px;}
.inpt1:disabled {border:1px #8E8A64 solid;font-size:12px;color:#9D9DA1; background:white;}

.txt11 {font-size:11px}

.viapinmenu 
{
    margin:7px 0px 7px 0px;
			height:31px;
			width:756px;
			padding:0px 10px 0px 0px;			
			vertical-align:middle;
		background:url(images/menu-bg.gif)
						no-repeat right;
			
			}

.viapinmenu td{

		background:url(images/menu-bg.gif)
						no-repeat center;
						white-space:nowrap;
}


.viapinmenu img {margin-top:8px;}
.viapinmenu-selct img {margin-top:0px;}

.viapinmenu a {
		color:white;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px; 
		padding:0px 10px 0px 10px;
		text-decoration:none;
		font-weight:bold;
		border-left:1px #517424 solid;
		display:block;
		height:31px;
		text-align:center;
		background:url(images/menu-bg.gif)
						no-repeat center;
		line-height:2;
		}

td.viapinmenu-selct, .viapinmenu a:hover 
		{
		background:url(images/menu-slct-bg.gif) center no-repeat;
		font-size:14px;
		font-weight:bold;
		color:white;
		height:31px;
		padding:0px 10px 0px 10px;
		font-family:Arial, Helvetica, sans-serif;
		}

td.adfav {font-size:14px;background:url();border:0px;text-align:left;
background:url(images/menu-bg.gif)
						no-repeat left;
					color:White;
					font-weight:bold;
					padding-left:10px;	
}

.adfav a, .adfav a:hover {font-size:13px;text-align:left; border:0px;background:url('')}


.hp-benefits 
{
    height:100px;
    width:160px;
    background:url(/viapin/images/hp-benefits.gif) no-repeat top left;
    margin-top:5px;
    padding:15px 3px 0px 100px;   
   text-align:left;
   font-size:11px;
    }

.hp-benefits h2 {display:block;}

.hp-benefits a, .hp-faq-a  {display:block;text-align:right;
    color:#0066CC;
    font-size:11px;
    font-weight:bold;
    padding:4px 10px 0px 0px; 
    }



.hp-faq
{
    height:177px;
    width:246px;
    background:url(/viapin/images/hp-faq.gif) no-repeat top left;
    padding:10px 15px 0px 15px;   
   text-align:left;
   font-size:11px;
   }

.hp-faq ul {padding:0px; margin:0px 0px 0px 15px;list-style-image:url(/viapin/images/ico-arrow.gif)}


.hp-faq ul a {color:#0066CC;display:block;border-bottom:1px black dashed;!important}



div.faq, div.benefits
{
display:block;
width:755px;
padding:0px;
margin:0px 0px 0px 7px;
}

.faq-pad {padding:16px 40px 10px 40px;
border-right:1px #999999 solid;
border-left:1px #999999 solid;
background-color:#e6e6e6;}

.promo-pad
{padding:0px 10px 10px 20px;
border-right:1px #999999 solid;
border-left:1px #999999 solid;
background-color:#e6e6e6;}


.benefits A, .faq A {color:#0066CC; text-decoration:underline}
.benefits A:hover, .faq A:hover {color:black; text-decoration:underline}


.benefits h2 {display:block;font-size:20px;clear:both;}

.faq h2
{display:block;color:#0033cc;font-size:13px;clear:both}

.faq a.top, .benefits a.top 
{color:#496678;
    font-weight:bold;
    font-size:12px;
    text-decoration:underline;
    padding-left:20px;
    vertical-align:baseline;
    }

.faq p, .benefits p {padding:5px 0px 10px 0px;clear:both}
.faq p div {padding:3px 0px 30px 0px;}

.faq button, .benefits button 
{border:0px;width:100px;height:22px;background:url('/viapin/images/btn-tour.gif') no-repeat;cursor:pointer;
   }


.faq-index {padding:0px; margin:0px 0px 0px 5px;list-style-image:url(/viapin/images/ico-arrow.gif);}
.faq-index a {color:#0066cc;font-size:12px; font-weight:bold}
ul.faq-index {width:45%;}

.faq-cards b {border:1px white solid;padding:5px;display:block;float:left;width:25%;}
.faq-cards {padding:10px 0px 10px 0px;}

.clear { clear:both}


.promo-list li {list-style-type:none;padding:0px 0px 4px 4px;}

.viapinlogin {font-size:11px;padding:5px 10px 5px 10px;}

.viapinlogin h2 {float:none;color:#7C7C81;margin-bottom:3px;}


#viapinlogin 
{
    width:399px;
    height:170px;
    background: url('/viapin/images/login-bg.gif') no-repeat;
    font-size:11px;
    color:Black;
    }
    
#viapinlogin h2 {color:Black; font-size:14px;float:none;margin-bottom:10px;}
    
#viapinlogin div {padding:34px 10px 40px 86px;}