@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	outline:0;
}
body{
	text-align:center;
	background-image: url(../images/bacground_lines.gif);
	font-family:'Lucida Grande',Lucida,Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;

}
#wrapper {
	text-align: left;
	display: block;
	margin: auto;
	padding: 0px;
	width: 984px;
	background-image:url(../images/Vipa-Logo.png);
	background-repeat:no-repeat;
}

.clear{
	clear:both;
}
/*-----------------------Header-----------------------*/

#slogan{

	background:url(../images/slogan.png) no-repeat;
	background-position:center;
	float:left;
	height:80px;
	width:500px;
	margin-left:250px;
}
#top-nav {
	float:right;
	margin:0 15px 50px 0px;
}

#top-nav li {
	display:inline;
	float:right;
	font-size:12px;
}

#top-nav a {
	color:#84D309;
	float:left;
	font-weight:bold;
	text-decoration:none;
}

#top-nav a:hover {
	color:#999;
	text-decoration:underline;
}

#top-nav span {
display:block;
padding:4px 5px 6px;
color:#84D309;
}


/*---------------------------Login----------------------------*/



#loginMain{ 
	width:984px; 
	margin-top:10px;
	
}
#loginHeader{
	background-image:url(../images/main-content-top.png);
	background-repeat:no-repeat;
	height:46px;
}
#loginBody{
	background-image:url(../images/main-content-backing.png);
	background-repeat:repeat-y;
	width:944px;
	padding:0 20px;
	height:320px;
	text-align:center;
 	margin:auto;
}

#IframeLogin{
	width:900px;
	position:relative;
}

#loginFooter{
	background-image:url(../images/main-content-bottom.png);
	height:31px;
	clear:both;
	padding:0 20px;
}

a#hide{
	background-image:url(../images/btn_close.png);
	background-repeat:no-repeat;
	display:block;
	height:38px;
	width:37px;
}


#contactForm{
	width:426px;
	background-image:url(../images/Message-Header.gif);
	background-repeat:no-repeat;
	background-color:#fff;
	height:320px;
	padding:50px 0 0 10px;
	float:left;
}

#contactNumbers{
	width:900px;
	background-color:#fff;
	background-image:url(../images/Contact-background.gif);
	background-repeat:no-repeat;
	height:250px;
	float:left;
	text-align:left;
	padding:50px 0 0 10px;
}

.mailBox{
	padding:20px 15px;
	width:175px;
	float:right;
	border-bottom:dotted 1px #333;
}
.mailBox2{
	padding:20px 0 0 45px;
	float:left;
	width:250px;
	height:200px;
}
.mailBox3{
	padding-top:20px;
	float:left;
	width:350px;
	height:200px;
}

input.formBox{
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background-image:url(../images/inputGradient.gif);
	background-repeat:repeat-x;
	background-color: #A5E223;
	height:22px;
	width:200px;
	border:1px #999 solid;
	float:right;
}

textarea.formBox2{
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background-image:url(../images/inputGradient.gif);
	background-repeat:repeat-x;
	background-color: #A5E223;
	height:120px;
	width:200px;
	border:1px #0999 solid;
	float:right;
	overflow:hidden;
}


/*-----------------------Menu-----------------------*/



#myslidemenu{
	padding-top:5px;
}


.menuBottom{
	background-image:url(../images/menu_bottom.png);
	background-repeat:no-repeat;
	background-color:none;
	height:35px;
}



/*---------------------------------content--------------------------------*/




#content-area{
	background:url(../images/main-content-backing.png) repeat-y;
	padding:5px 25px;
	height:100%;
	position:relative;
}

#banner-wrapper{
	position:relative;
	width:993px;
}

#banner-main{
}

#man{
	position:absolute;
	top:0;
	left:0;
}

/*----------------------home content----------------------*/


#photoShow{
	height:337px;
	width:935px;
}

#photoShow div{
	position:absolute;
	z-index:0;
}
#photoShow div.previous{
	position:absolute;
	z-index:1;
}
#photoShow div.current{
	position:absolute;
	z-index:2;
}

#selection-wrapper{
	background:url(../images/footer-background.gif) no-repeat top;
	margin:5px 0 0 0;
	padding:20px 0 ;
	position:relative;
	float:left;
}

.section{
	background:url(../images/section-background.png) no-repeat;
	float:left;
	width:276px;
	height:159px;
	padding: 10px 10px;
	margin:0 7px;
}
.section-text{
	margin:20px 5px;
	font-size:.9em;
	color:#666;
	text-align:center;
}
a.red-link{
	color:#FF0000;
	text-decoration:none;
}

a.red-link:hover{
	text-decoration:underline;
}
/*----------------------about content----------------------*/

#content-wrapper{
	background:url(../images/footer-background.gif) no-repeat top;
	padding:50px;
	color:#666;
}

h1.heading-about{
	background:url(../images/heading-main-about.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0 0 40px 0;	
}

p.content-text1{
	color:#666;
	text-align:justify;
	border-bottom:dotted 1px #666;
	padding:0 0 50px 0;
}

p.content-quotes{
	background:url(../images/quote-left.gif) no-repeat;
	padding: 15px 0 0 50px;
	height:44px;
	color:#3C7703;
	font-size:1.5em;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	float:left;
}

#about-quote{
	margin:50px 0 100px 130px;
}


/*----------------------services content----------------------*/


h1.heading-services{
	background:url(../images/heading-main-services.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0 0 40px 0;	
}

h2.heading-sub{
	color:#666;
	font: bold 1.5em "Trebuchet MS", Arial, Verdana, sans-serif;
	margin-bottom:20px;
}

ul.service-list{
	margin:0 0 0 12px;
}

ul.service-list li{
	padding:5px 0;
}

ul.service-list-sub{
	margin:5px 0 5px 15px;
}

ul.service-list-sub li{
	padding:5px 0;
}

a.link-int{
	color:#C1272D;
	text-decoration:none;
}

a.link-int:hover{
	color:#C1272D;
	text-decoration:underline;
}



/*----------------------medical content----------------------*/


h1.heading-medical{
	background:url(../images/heading-main-medical.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0 0 40px 0;	
}

#medical-image{
	position:absolute;
	top:300px;
	left:470px;
}

/*----------------------security content----------------------*/


h1.heading-security{
	background:url(../images/heading-main-security.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0 0 40px 0;	
}

#security-image{
	position:absolute;
	top:210px;
	left:470px;
}

/*----------------------travel content----------------------*/


h1.heading-travel{
	background:url(../images/heading-main-travel.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0 0 40px 0;	
}

#travel-image{
	position:absolute;
	top:260px;
	left:500px;
}

/*----------------------legal content----------------------*/


h1.heading-legal{
	background:url(../images/heading-main-legal.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0 0 40px 0;	
}

#legal-image{
	position:absolute;
	top:220px;
	left:500px;
}

/*----------------------info content----------------------*/


h1.heading-info{
	background: url(../images/heading-main-general.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0 0 40px 0;	
}

#connect-image{
	position:absolute;
	top:150px;
	left:550px;
}



/*----------------------faq content----------------------*/


h1.heading-faq{
	background: url(../images/heading-main-questions.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0 0 40px 0;	
}

#legal-image{
	position:absolute;
	top:220px;
	left:500px;
}

/*----------------------pricing content----------------------*/


h1.heading-pricing{
	background: url(../images/heading-main-pricing.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0 0 40px 0;	
}

#connect-image{
	position:absolute;
	top:150px;
	left:550px;
}

#gold-wrapper{
	width:416px;
	float:left;
}

#header-gold{
	width:416px;
	height:55px;
	background: url(../images/header-gold.jpg) no-repeat;	
}

#backing-gold{
	width:356px;
	background: url(../images/backing-gold.jpg) repeat-y;
	padding:15px 30px;	
}

#footer-gold{
	width:416px;
	height:29px;
	background: url(../images/footer-gold.jpg) no-repeat;	
}

ul.service-list2{
	margin:0 0 0 12px;
}

ul.service-list2 li{
	padding:1px 0;
}

p.center{
	text-align:center;
}
span.callout{
	font-weight:bold;
	font-size:1.2em;
}
.button{
	margin-left:60px;
}

a#pricing-signup{
	width:233px;
	height:46px;
	display:block;
	background:url(../images/btn-signup-norm.png) no-repeat;
	border:none;
	cursor:pointer;
}

a#pricing-signup:hover{
	background:url(../images/btn-signup-over.png) no-repeat;
}

#header-plat{
	width:416px;
	height:55px;
	background: url(../images/header-plat.jpg) no-repeat;	
}

#backing-plat{
	width:356px;
	background: url(../images/backing-plat.jpg) repeat-y;
	padding:15px 30px;	
}

#footer-plat{
	width:416px;
	height:29px;
	background: url(../images/footer-plat.jpg) no-repeat;	
}

a#pricing-download{
	width:233px;
	height:46px;
	display:block;
	background:url(../images/btn-download-norm.jpg) no-repeat;
	border:none;
	cursor:pointer;
}

a#pricing-download:hover{
	background:url(../images/btn-download-over.jpg) no-repeat;
}
.download-text{
	height:95px;
	
}

h3.super-sub{
	font-size:1em;
	font-weight:bold;
}

/*-------------------------banking content--------------------------*/


h1.heading-banking{
	background: url(../images/heading-main-banking.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0 0 40px 0;	
}


.accordion-header{
	background:url(../images/accordion-gradient.gif) repeat-x;
	height:29px;
	width:780px;
	border-left:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	padding:10px 30px 0;
	font-size:1.1em;
}

.accordion-header:hover{
	background:url(../images/accordion-gradient-over.gif) repeat-x;
	height:29px;
	width:780px;
	border-left:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	padding:10px 30px 0;
}

.image1{
	padding:20px;
}
.image-bank{
	padding:20px 5px;
}
.accordion-text{
	padding:20px;
	vertical-align:top;
}
.accordion-bullet-text{
	padding:10px 20px;
}

.accordion-body{
	margin-top:30px;
}
.sub-heading-h3{
	font-size:1.1em;
}

/*---------------------content phoning--------------------*/

h1.heading-phoning{
	background: url(../images/heading-main-phoning.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0 0 40px 0;	
}

/*---------------------content health--------------------*/

h1.heading-health{
	background: url(../images/heading-main-health.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0 0 40px 0;	
}


/*---------------------content useful facts--------------------*/

h1.heading-facts{
	background: url(../images/heading-main-facts.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0 0 40px 0;	
}

/*---------------------content out of trouble--------------------*/

h1.heading-trouble{
	background: url(../images/heading-main-trouble.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0 0 40px 0;	
}

/*---------------------content leave-home--------------------*/

h1.heading-leave-home{
	background: url(../images/heading-main-without.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0 0 40px 0;	
}

/*---------------------content agent--------------------*/

h1.heading-agent{
	background: url(../images/heading-main-agent.gif)  no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0 0 40px 0;	
}

/*---------------------content links--------------------*/

h1.heading-links{
	background: url(../images/heading-importantlinks.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0 0 40px 0;	
}

#seal{
	position:absolute;
	top:60px;
	right:80px;
}

#agent-signup{
float:left;
position:relative;
margin:40px 0 0 140px;
}

.button2{
margin:20px 0 0 ;

}

.sign-up-action{
	font-size:1.4em;
}

#contact-signup{
	width:800px;
	position:relative;

}


/*----------links page---------------*/
#links{
	padding:40px 10px;
}
a.links{
	width:100px;
	padding:10px;
	float:left;
	display:block;
}

#content-bottom{
	background-image:url(../images/main-content-bottom.png);
	height:31px;
	clear:both;
	padding:0 20px;
}
/*-----------universat text styling--------------*/




.text-plain{
	color:#333;
	padding:10px 10px;
	text-align:justify;
}

.text-plain2{
	color:#333;
	padding:10px 10px 40px;
}
.text-plain3{
	color:#333;
	padding:10px 10px 40px;
	border-bottom:dashed 1px #333;
}
.text-plain4{
	color:#333;
	padding:10px 10px;
	text-align:justify;
	float:left;
	font-size:0.8em;
}


.number-1 {
	color:#666;
	background-image:url(../images/sprite-numbers.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:5px 0 10px 45px;
}


.number-2 {
	color:#666;
	background-image:url(../images/sprite-numbers.gif);
	background-repeat:no-repeat;
	background-position:0 -96px;
	padding:5px 0 10px 45px;
}

.number-3 {
	color:#666;
	background-image:url(../images/sprite-numbers.gif);
	background-repeat:no-repeat;
	background-position:0 -192px;
	padding:5px 0 10px 45px;
}

.number-4 {
	color:#666;
	background-image:url(../images/sprite-numbers.gif);
	background-repeat:no-repeat;
	background-position:0 -288px;
	padding:5px 0 10px 45px;
}

.number-5 {
	color:#666;
	background-image:url(../images/sprite-numbers.gif);
	background-repeat:no-repeat;
	background-position:0 -384px;
	padding:5px 0 10px 45px;
}

.number-6 {
	color:#666;
	background-image:url(../images/sprite-numbers.gif);
	background-repeat:no-repeat;
	background-position:0 -480px;
	padding:5px 0 10px 45px;
}

.number-6b {
	color:#666;
	background: url(../images/dot-red.gif) no-repeat;
	padding:5px 0 10px 25px;
	margin-left:50px;
}

p.sub2 {
	color:#666;
	background-image: url(../images/cross-grey.gif);
	background-repeat:no-repeat;
	padding:5px 0 10px 35px;
	margin-left:40px;
	
}
.sub {
	color:#666;
	background-image: url(../images/cross-grey.gif);
	background-repeat:no-repeat;
	padding:5px 0 10px 35px;
}

.section{
	margin-top:10px;
}

#content-agents h4{
	color:#666;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:1.7em;
	padding:25px 0 10px 15px;
}

#content-agents strong{
	color:#5EC208;
}
.text-plain-agent{
	color:#666;
	padding:10px 10px 10px;
}

span.o{
	color:#5ec208;
	font-size:18px;
	line-height:1.5em.;
}

blockquote{
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	padding:30px;
}


/*------ styling for bank and phoning a tags------*/


a.banks{
	background:url(../images/dot-red.gif) no-repeat top left;
	padding:1px 2px 1px 15px;
	display:block;
	text-decoration:none;
	color:#666;
	width:260px;
	font-size:0.9em;
}
a.banks:hover{
	color:#5ec208;
	background-color:#666;
	background-image:none;
	color:#fff;

}

#leftCol a.phoning{
	background-image:url(../images/sprite2.jpg);
	background-repeat:no-repeat;
	padding:1px 2px 1px 15px;
	background-position:-380px -257px;
	display:block;
	text-decoration:none;
	color:#333;
	width:440px;
	margin-left:30px;
}
#leftCol a.banks:phoning{
	color:#5ec208;
	background-color:#666;
	background-image:none;
	color:#fff;
}

h1.heading-terms{
	background: url(../images/heading-main-terms.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0 0 40px 0;	
}

/*----------site map-------------*/

#sitemap{
position:relative;
}

h1.heading-sitemap{
	background: url(../images/heading-main-sitemap.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	padding:0 0 40px 0;	
}

#sitemap a{
	display:block;
	text-decoration:none;
	padding:2px 14px;
	color:#333;
	background-image:url(../images/cross-green.gif);
	background-repeat:no-repeat;
}

#sitemap a:hover{
	background-image:url(../images/cross-white.gif);
	background-repeat:no-repeat;
	background-color:#333;
	color:#fff;
}

#sitemap a.secondary{
	display:block;
	text-decoration:none;
	padding:2px 14px;
	margin-left:25px;
	color:#333;
	background-image:url(../images/cross-grey.gif);
	background-repeat:no-repeat;
}

#sitemap a.secondary:hover{
	background-image:url(../images/cross-white.gif);
	background-repeat:no-repeat;
	background-color:#d2d2d2;
	color:#fff;
}
/*------------------------new footer--------------------*/


h4.footer-heading{
	padding:0 0 35px 0;
	font-size:.9em;
	font-weight:bold;
	color:#666;
}
#footer-wrapper{
	background:url(../images/main-content-backing.png) repeat-y;
	height:100%;
	padding:0 0 0 12px;

}

#footer-new{
	height:170px;
	position:relative;
	background:url(../images/footer-background.gif) top no-repeat;
	width:900px;
	padding:30px;
}

#menu-footer{
	float:left;
	width:360px;
	margin:0 0 0 8px;
}


#social-footer{
	float:left;
	width:160px;
	margin:0 0 0 10px;
}

#quickLinks-footer{
	float:left;
	width:180px;
}

#importantLinks-footer{
	float:left;
	width:180px;
	margin-top:48px;
}

.menu-section{
	float:left;
}

.menu-section2{
	float:left;
	margin:0 0 0 15px;
}
ul.menu-footer{
	text-decoration:none;
	list-style:none;
	position:relative;
}

ul.menu-footer li{
	background: url(../images/dot-red.gif) no-repeat;
	padding:0 0 0 10px;
	height:24px;
	border-top: dotted 1px #999;
	width:155px;
}

ul.menu-footer li a{
	text-decoration:none;
	color:#999;
	display:block;
	height:24px;
	padding:5px 0 0 0;
	font-size:.8em;
}

ul.menu-footer li a:hover{
	color:#333;
	font-weight:bold;
}

ul.menu-footer li:last-child{
	border-bottom: dotted 1px #999;
}

#screenshot{
	position:absolute;
	margin-top:-10px;
	margin-left:-10px;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

#copyright{
	color:#666;
	font-size:10px;
	padding:5px 0px 20px;
}
#copyright span.left{
	float:left;
	margin:0 0 0 20px;
}
#copyright span.right{
	float:right;
	margin:0 20px 40px 0 ;
}
#copyright span.right a{
	color:#666;
	text-decoration:none;
}
#copyright span.right a:hover{
	color:#333;
	text-decoration:underline;
}

#footer{
	height:10px;
}



/*--------------------------banner-------------------------*/
	
	/*--Main Container--*/
.banner_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:337px;
	width: 935px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 110px; 
	left: -7px;
	width: 30px; 
	height:155px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 30px;
	background: #333333;
	border:1px solid #333333;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	margin:5px 0 0 2px;
	text-decoration: none;
	color: #fff;
	float:left;
	width:25px;
	height:25px;
	line-height:20px
}
.paging a.active {
	font-weight: bold;
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.paging a:hover {font-weight: bold;}



/*--------------------connect accordion----------------------------*/
/*----------------------connect content----------------------*/


#connect-wrapper{
	background: url(../images/connect-bg.jpg) no-repeat bottom right;
	color:#666;
	height:640px;
	padding:0 50px;
	position:relative;
	padding-top:60px;
}

#heading-connect-wrapper{ 
	background: url(../images/footer-background.gif) no-repeat top;
	height:60px;
	position:relative;
	padding-top:50px;
 }
h1.heading-connect{
	background: url(../images/heading-main-connect.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	margin:0 0 0 50px;
}


#spacer{
	height:120px;
}
.connect-text{
	margin-top:30px;
}
#connect-header{
	background:url(../images/connect-header.png) no-repeat top;
	height:70px;
	width:506px;
	position:relative;

}
.accordion-text2 { 
	width:410px;
	padding:20px;
	background-color:#fff;
 }

.accordion-header-connect{
	background:url(../images/accordion-gradient.gif) repeat-x;
	height:29px;
	width:379px;
	border-left:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	padding:10px 30px 0;
	font-size:1.1em;
}

.accordion-header-connect:hover{
	background:url(../images/accordion-gradient-over.gif) repeat-x;
	height:29px;
	width:379px;
	border-left:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	padding:10px 30px 0;
}

#connect-footer{
	background:url(../images/connect-footer.png) no-repeat top;
	height:70px;
	width:342px;
	position:relative;
	padding:10px 0 0 100px;


}

.connect-red{
	color:#FF0000;
	font-weight:bold;
}