/* css used at master page */

body
{
	text-align: center;
	margin: 0;
	padding: 0;
	

}
.try
{
	
	background-color: #F0F0F0;
	
	
}

.testimonial
{
	float: right;
	text-align: right;
}



.BgColorLeft
{
	background-image: url(img/left-shadow-border.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	width: 50%;
	
}

.BgColorRight
{
	
	width: 50%;
	background-image: url(img/right-shadow-border.jpg);
	background-repeat: repeat-y;
	background-position: left top;

	
}

.BgColorBottom
{
	background-position: left top;
	background-repeat: repeat-x;
	
}

/* wrapper div wrappes all the div of the website and make the website center align*/
div#wrapper
{
	text-align: left;
	width: 999px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 40px;
	position: relative;
	background-color: #FFFFFF;
}


/* div used for top links home , about us, and contact us links - used at masterpage*/
div#TopLink
{
	text-align: right;
	width: 952px;
	padding-top: 4px;
	color:#c0c0c0;
	

}

.textlinks
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5190d2;
	font-weight: normal;
	text-decoration: none;
	
}

.textlinksps
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5190d2;
	font-weight: normal;
	text-decoration: none;
	margin-left:90px;
	
}

.textlinks1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5190d2;
	font-weight: normal;
	text-decoration: none;
	
}

.textlinks tr td a
{
	padding:0 10px 3px 10px;
	display:block;
}

.textlinksps tr td a
{

	display:block;
}
#TopLink a.active 
{
	text-decoration: none;
	color: #d5691f;
}

/* div used to showcase PaymentVision logo */
div#TopLogo
{
	
	text-align:left;
	width: 952px;
	height:38px;
	margin-bottom:0.5em;
	/*height: 4em;*/
	
}

div#TopLogo1
{
	
	text-align:left;
	width: 952px;
	height:36px;
	margin-bottom:0.5em;
	padding-bottom:10px;
	/*height: 4em;*/
	
}
/* Top nav div is for top naviation which is derived from site map */
div#TopNav
{
	text-align: left;
	width: 952px; 
	height:27px;
	left:0;
	top:0;
	background-image:url(img/BlueBar952.jpg);

}

div#TopNav1
{
	text-align: left;
	width: 952px; 
	/*background-image: url(img/top-menu-bar-blank-blue-area.jpg);
*/

	height: 6px;
	background-color: #487CB6;
	background-repeat:no-repeat;
	
}
#TopNav .TabMenuItemSelected a
{
	padding:2px 0 0 0;
	display:block;
	
}

#TopNav .TabMenuItem a
{
	padding:2px 0 0 0;
	display:block;
	
}

.TabMenuItem
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
top:0;
margin-bottom:-1.0px;
	

 /*background-image: url(img/blue_tabs_background_bar.jpg); 
	background-image:url(img/payment-gateway-button.jpg);*/
	background-image:url(img/BlueBar952.jpg);
	color: #FFFFFF;
	
}


.TabMenuItem a:link, .TabMenuItem a:visited,.TabMenuItem a:hover, .TabMenuItem a:active
{
	color: #FFFFFF;
	text-decoration: none;
}



/*  css class for site map menu - used at masterpage */
.TabMenuItemSelected
{
	text-align: center;
	font-size: 12px;
	color: #1b4a7e;
	width:161px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
	background-image: url(img/payment-gateway-button-gray.jpg);
	
}

.TabMenuItemSelected a:link, .TabMenuItemSelected a:visited,.TabMenuItemSelected a:hover, .TabMenuItemSelected a:active
{
	color: #1b4a7e;
	text-decoration: none;
}

.StaticMenuCSS
{
	margin-bottom: 4px;
	color: #1f5085;
	background: #FFFFFF;
} 	

.DynamicMenuCSS
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	color: #ffffff;
	width: 161px;
	height: 20px;
	padding-left:14px;
	vertical-align:middle;
	border: thin solid #ffffff;
	background-color: #1f5085;
	/*background-image: url(img/BlueBar952.jpg);*/
	
}	 


.DynamicMenuCSS a:link,.DynamicMenuCSS a:hover, .DynamicMenuCSS a:active
{
	color: #ffffff;
	text-decoration: none;
}

.DynamicMenuCSS a:visited
{
	padding-left:14px;
	color: #ffffff;
	text-decoration: none;
}

/* div used to define content of the page  at masterpage*/
div#Content
{
	
	
	width:952px;
	margin-bottom:1em;
		
}

/* div for bottom bnavigation */
div#BottomNav
{
	clear:both;
	margin-top:1em;
	width:952px;
	left:0;
	color:#c0c0c0;
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-top:thin solid #eaeaea;
	
}

#BottomNav a.active
{
	text-decoration: none;
	color:#d5691f;
	font-weight:bold;
}

.BottomDivider
{
	width: 952px;
	border-top: thin solid #eaeaea;
	vertical-align: top;
	left:0;
}


/* class ahref used to add css for a href */
.ahref a:link
{
	text-decoration: none;
		
}

/* class ahref used to add css for a href */
.ahref a:visited 
{
	text-decoration: none;
	/*color: #003399;*/
	
}

/* class ahref used to add css for a href */
.ahref a:hover 
{
	text-decoration: none;
	/*color:#f27d00;*/
}

/* class ahref used to add css for a href */
.ahref a:highlight
{
	text-decoration: underline;
	/*color: #f27d00;*/
}
/* The order must be
link
visited
hover
active
*/
.textlinks a:link, 
.textlinks a:visited,
 .textlinks a:hover, 
 .textlinks a:active, 
 .textlinks1 a:link, 
.textlinks1 a:visited,
 .textlinks1 a:hover , 
 .textlinks1 a:active
  
{
	text-decoration: none;
	color: #5190d2;
	/*color: #003399;*/
	
}

.text1 a:link, 
.text1 a:visited,
 .text1 a:hover, 
 .text1 a:active
 {
 	text-decoration: none;
 		color: #585656;
 }


.subheadteaxt a:link, .subheadteaxt a:visited,.subheadteaxt a:hover, .subheadteaxt a:active
{
	text-decoration: none;
	color: #074b8b;
	/*color: #003399;*/
	
}
.subheadteaxtforH1 a:link, .subheadteaxtforH1 a:visited, .subheadteaxtforH1 a:hover, .subheadteaxtforH1 a:active
{
	text-decoration: none;
	color: #074b8b;
	font-weight: bold;
	padding-bottom:10px;
}

.text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #585656;
		
}
.textBoxGettingStarted
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #585656;
	padding:5px 5px 5px 20px;
}


.ValSummarytext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:25px;
	padding-bottom:10px;
	padding-top:10px;
	font-weight: normal;
	color: #585656;
		
}
.text1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #585656;
}

.tiny
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #585656;
	text-align:left;
	
	
}

.text2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #585656;
	padding-left:360px;

}
.text tr td a
{
	padding:0 0 3px 10px;
	display:block;
}
.text a:link, .text a:visited,.text a:hover , .text a:active,
.maintext a:link, .maintext a:visited,.maintext a:hover, .maintext a:active,
.maintext2 a:link, .maintext2 a:visited,.maintext2 a:hover, .maintext2 a:active
{
	text-decoration: none;
	color: #585656;
	/*color: #003399;*/
	
}

.Merchant a:link, .Merchant a:visited , .Merchant a:hover ,.Merchant a:active, 
.Bank a:link, .Bank a:visited , .Bank a:hover ,.Bank a:active, 
.Developer a:link, .Developer a:visited , .Developer a:hover ,.Developer a:active, 
.Partner a:link, .Partner a:visited , .Partner a:hover ,.Partner a:active,
.NewsEventTitle a:link, .NewsEventTitle a:visited, .NewsEventTitlea:hover, .NewsEventTitle a:active 
{
	color: #FFFFFF;
	text-decoration: none;
}


/* Space div used at home page to create a space between content and top navigation  */

div#space
{
	margin-top:1em;
}
/*---------Master page CSS ends here --------------*/
/* CSS used at home page for banner*/

/* div defined for home page banner image */
.HomeBanner 
{
	background-image: url(img/Payment-Gateway-Services-2.jpg);
	/* alternate background images for home page banner
background-image: url(img/Payment-Gateway-Services-1.jpg);
- 34.2kb
background-image: url(img/Payment-Gateway-Services-2.jpg);
- 27.4kb
background-image: url(img/Payment-Gateway-Services-3.jpg);
-43.0 kb
background-image: url(img/Payment-Gateway-Services-4.jpg);
- 33 kb

background-image: url(img/Payment-Gateway-Services-5.jpg);
/*- 61.4 kb;
	*/
	background-repeat: no-repeat;
	width:631px;
	height:312px;
}
.HomeBanner a
{
	display: block;
	text-decoration:none;
	width:631px;
	height:312px;
}

	.HomeBanner a span
{
	width:631px;
	height:312px;
	visibility:hidden;

}
	
div#HomeLoginSection
{	
margin-left:1em;
width:310px;

	
	
	/* HomeLoginSection does not have position absolute as we have define position absoulte for HomeBanner hence ensure the static column (i.e HomeLoginSection )has more content than the absolute positioned one in this case HomeBanner */
	
}

/* class used to define login section text */ 
.Login
{
	background-image: url(img/payment-gateway-login-background.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #585656;
	width:310px;
	height:134px;
	
}


.subheadteaxt
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #074b8b;
	
}
.subheadteaxtps
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #074b8b;
}
.subheadteaxt1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #074b8b;
	
}
.subheadteaxtGreen
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #289A3A;
}


.subheadteaxt a
{
	padding:8px 0 5px 10px;
	display:block;
}

.subheadteaxtps a
{
	padding:8px 0 5px 90px;
	display:block;
}

/* class used at merchant start here, bank start here partner start here section*/
.Electronic-Payment-Services
{
	margin-top: 0.5em;
	
	width: 310px;
	

	margin-bottom:0.5em;
	
}
/* class used at individual section merchant start here, bank start here partner start here section*/
td.Merchant
{
	background-image: url(img/Merchants-Payment-Gateway.jpg);
	
	background-position: left top;
	font-weight: bold;
	width: 310px;
	font-size: 12px;
	height: 39px;
	background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.Merchant a, .Bank a, .Developer a, .Partner a 
{
	display:block;
	padding:10px 0 0 80px;
	
}

.mer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.Bank
{
	background-image: url(img/Banks-Payment-Services.jpg);
	font-weight: bold;
	width: 310px;
	color: #FFFFFF;
	height:39px;
	display:block;
	font-size:12px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

.Developer
{
	background-image: url(img/Developers-Payment-Gateway.jpg);
	font-weight: bold;
	width: 310px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size:12px;
	height:39px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

.Partner
{
	background-image: url(img/Partners-Payment-Gateway.jpg);
	font-weight: bold;
	width: 310px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	height:39px;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* main div for 3 div at gateway services and business page */
div#CategoryDiv
{
	width:952px;
	
	
	
}
/* Class used to define 3 sections at home page  */


.ThreeSection1
{
	background-image: url(img/Explore-Payment-Gateway.jpg);
	font-weight:normal;
	width:311px;	
	margin-top:1em;
	background-repeat:no-repeat;
	height:145px;

	
}
.ThreeSection2
{
	background-image: url(img/Why-Payment-Vision.jpg);
	font-weight:normal;
	width:310px;	
	margin-top:1em;
	height:145px;
	background-repeat:no-repeat;

}
.ThreeSection3
{
	background-image: url(img/plain_gray_background_for_testimonials.jpg);
	font-weight:normal;
	width:310px;	
	margin-top:1em;
	height:145px;
	background-repeat:no-repeat;
}

.ThreeSection
{
	width:310px;
	height: 145px;
	margin-top:1em;
}

div#EmpowerBusiness
{
	background-image: url(img/Payment-Vision-Client.jpg);
	height: 145px;
	width:310px;
}

div#ServiceByIndustry
{
	background-image: url(img/Why-Payment-Vision.jpg);
	height: 145px;
	width:310px;
}
div#Question
{
	background-image: url(img/Why-Payment-Vision.jpg);
	height: 145px;
	width:310px;
}

div#FeatureMerchantServies
{
	background-image: url(img/Feature-Merchant-Services.jpg);
	height: 145px;
	width:310px;
}

div#Spotlight
{
	background-image: url(img/Spotlight-Payment-Service.jpg);
	height: 145px;
	width:310px;
}

div#Question
{
	background-image: url(img/Payment-Gateway-Services-Question.jpg);
	height: 145px;
	width:310px;
}


/* div defined for news and events section */
div#NewsEvents
{
	margin-top: 2px;

	background-image: url(img/paymentnewsrss.jpg);
	/*background-image: url(img/news-and-events-background.jpg);
	background-image: url(img/news-and-events-Webinar.png);*/
	width: 952px;
	height: 134px;
}

#webinar
{
	font-size: 24pt;
	font-variant: normal;
	font-family: 'Myriad Pro Cond';
	 display:block;
	 width:562px;
	 height:76px;
	 text-indent:-9999px;
	font-weight: normal;
	background-image: url(img/webinarAtPAymentNews.jpg);
	font-style: normal;
	color: #074b8b;
	left:-40px;
}

.maintext
{
	font-family: Verdhana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #585656;
	
		
}
.maintext1
{
	font-family: Verdhana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #585656;		
}
.maintext2
{
	font-family: Verdhana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 15px;
	color: #585656;
	padding: 10px;
}

.red
{
	color: #5190d2;
}
.reg
{
	padding-top:-20px;
	font-size:7px;
}


 .NewsEventTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	
}
.NewsEventTitle a 
{
	padding:3px 0 0 10px;
	display:block;
}


/*---------Default page css ends here --------------*/

/* div used for category navigation at Category masterpage, gateway services masterpage, Business masterpage, resource center masterpage*/
div#CategoryNav
{
	text-align: left;
	width: 952px;
	height: 39px;
	background-repeat:no-repeat;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	text-decoration: none;
	padding: 0.4em;
	color: #d3d2d2;
	background-image: url(img/secondary_top_menu_bar_background.jpg);
}




#CategoryNav  ul li a.active
 {
text-decoration: none;
color:#d5691f;
font-weight:bold;
 }


#CategoryNav ul
{
list-style: none;
margin: 0;
padding: 0;
}




 
#CategoryNav ul li 
{
	display:inline;
	padding-left:1.2em;
	padding-top:1em;
	
}

#CategoryNav ul li a 
{
	color: #1b4a7e;
}

/*#CategoryNav  ul li a:link, #CategoryNav  ul li a:visited, #CategoryNav  ul li a:hover
{
	color: #1b4a7e;
	text-decoration:none;
}*/

.TableNav tr td a
{
	padding-left: 0.6em;
	padding-right: 0.6em;
	color:#1b4a7e;
}


.h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #074b8b;

	}

 .imgcaption 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #ec8741;
	padding:50px 0 10px 60px;
	display:block;
	
}
 .About-PaymentVision
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-variant: normal;
	color: #ffffff;
	padding: 30px 0 10px 300px;
	display: block;
	text-align: center;
	text-transform: capitalize;
	font-weight: normal;
}
 .onthelist
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #ec8741;
	padding: 50px 0 10px 60px;
	display: block;
	text-transform: none;
}
 .imgcaptionevent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
	padding: 20px 0 10px 430px;
	display: block;

}
 .imgcaption1 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #ec8741;
	padding:50px 0 10px 100px;
	display:block;
	
}

.sispageheading
{
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #074b8b;
	padding:10px 0 10px 200px;
	display:block;
}

.Inbound-IVR
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	width:352px;
	font-variant: normal;
	color: #074b8b;
	
	text-align :center;
	color:White;
	padding-top:12px;
	background-color: #487CB6;
	position:absolute;
	height:34px;
	left:40px;
	}





.Automated-Messaging
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align :center;
	height:34px;
	padding-top:12px;
	font-style: normal;
	font-variant: normal;
	color: #074b8b;
	
	color:White;
	margin-left:357px;
	width:352px;
	background-color: #487CB6;
}
.dotline
{
	border-right-style: dotted;
	border-right-width: 1px;
	border-right-color: #C0C0C0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #585656;
	padding:60px 10px 10px 10px;
}
.TM
{
	font-size: 6px;
	top: 8px;
	vertical-align: super;
}

.dotline1
{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #585656;
	padding:60px 10px 10px 10px;
}

.imgcaption 


	div#ContentLeftside1
{
	
	width:100%;
	border: thin solid #DFDFDF;
	background-color: #DFDFDF;
}

div#ContentLeftside2
{
	width:100%; 
margin-top:1em;
	float: left;
}



/* div used for banner at Business and Gateway Services category page */
div#CategoryBanner
{
	text-align: left;
	width: 98%;
	/*border: thin solid #E6EFEE;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	padding:0.5em;*/
	margin-bottom:1.0em;
}
/* page is a div nested under content div , content div is defined at master page and page div is defined at gateway services, Resource and business master page*/
div#Page
{
	margin-top:1em;
	margin-left:10px;

	width:100%;
}
div#Page1
{
margin-top:0.3em;

	width:100%;
}

div#LeftNav
{	
position:absolute;
	left:40px;
	width:210px;
		
}


/*right content is where content goes  */
div#RightContent
{

	width:710px;
	margin-left:220px;
	height:auto;
	
	/* Right content does not have position absolute hence ensure the static column (i.e LeftNav )has more content than the absolute positioned one in this case RightContent */	
}




div#leftimag
{
	position:absolute;
	width:100;
	left:20;
	top:10;
	
	
	
	
	
}


div#rightText
{	

	margin-left:120px;
	width:270px;
	
	
	/* rightText does not have position absolute hence ensure the static column (i.e rightText)has more content than the absolute positioned one in this case leftimag */
	
}



 .group
{
	width:100%;
		
}


.leftgroup
{
	position:absolute;
	width:54%;
	left:40px;



}

.rightgroup
{
	margin-left:58%;
	width:42%;
}


.leftgroup1
{
	position:absolute;
	width:390px;
	left:290px;
	
		
}
.rightgroup1
{
	margin-left:410px;
	margin-top:0;
	width:300px;

}

.leftgroupvideo
{
	
	width:121px;
	left:400px;
	margin-top:0;
	
		
}
.rightgroupvideo
{
	position:absolute;
	margin-left:5px;
	margin-top:0;
	width:300px;

}

.leftgroup2
{
	position:absolute;
	width:650px;
	margin-top:10px;
	left:40px;
	
		
}
.rightgroup2
{
	margin-left:820px;
	margin-top:0;


}
.image
{
	position:absolute;
	width:160px;
	left:260px;
	height:110px;
	vertical-align:top;
	padding-left:40px;
	padding-top:10px;
	
}

.partner
{
	margin-left:180px;
	width:530px;
	height:110px;
	
}
div#RightContent1
{
	position:absolute;
	width:70%;
	left:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;	
}


/* page heading nested under rightcontent div*/
#PageHeading
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
}

/* class used at text box field at contact us and Payment demo form */
.textboxfont
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	color: #003399;
}

/* class defined to specifify image place holder and its description*/
.img
{
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
}

/* class defined to specify content place holder and its description*/
.con
{
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
}

.textspot
{
	font-weight: normal;	
}


/* overviewBanner is product category for e.g IVR payment page  banner describing product category */
div#OverviewBanner
{	
	height: 132px;
	width:713px;
	
	margin-bottom:0.5em;	
}

div#About-PaymentVision
{
	height: 132px;
	width: 713px;
	background-image: url(img/About-PaymentVision.jpg);
	margin-bottom: 0.5em;
		
}
div#Online-Bill-Pay
{
height:132px;
width:713px;
margin-bottom:0.5em;
/*background-image: url(img/PayWeb.jpg);*/
background-image: url(img/PVPayWebbanner.jpg);
color: #ec8741;
}
div#Eventbar
{
	height: 132px;
	width: 713px;
	margin-bottom: 0.5em;
	background-image: url(img/events.jpg);
	color: #003366;
}

div#Payment-API
{
height:132px;
width:713px;
margin-bottom:0.5em;
/*background-image: url(img/PayAPI.jpg);*/
background-image: url(img/PVPayAPIbanner.jpg);
color: #ec8741;
}

div#Payment-tokenization
{
height:132px;
width:713px;
margin-bottom:0.5em;
/*background-image: url(img/PayAPI.jpg);*/
background-image: url(img/PV-Tokenization.jpg);
color: #ec8741;
}


div#IVR-Bill-Pay
{
height:132px;
width:713px;
margin-bottom:0.5em;
/*background-image: url(img/PayIVR.jpg);*/
background-image: url(img/PVPayIVRbanner.jpg);
color: #ec8741;
}

div#IVR-Bill-Pay1
{
height:145px;
width:713px;

background-image: url(img/PayIVRbanner.jpg);
color: #ec8741;
}
div#Remote-Deposit
{
height:132px;
width:713px;
margin-bottom:0.5em;
background-image: url(img/Remote-Deposit-solution.jpg);
color: #ec8741;
}

div#Virtual-Terminal
{
height:132px;
width:713px;
margin-bottom:0.5em;
/*background-image: url(img/PayAgent.jpg);*/
background-image: url(img/PVPayAgentbanner.jpg);
color: #ec8741;
}

div#Check-by-Phone
{
height:132px;
width:713px;
margin-bottom:0.5em;
background-image: url(img/Payment-Software.jpg);
color: #ec8741;
}

div#Merchant-Services
{
	height:132px;
	width:713px;
	margin-bottom:0.5em;
	background-image: url(img/merchants-Services.jpg);
	color: #ec8741;
}

div#Banks
{
	height:132px;
	width:713px;
	margin-bottom:0.5em;
	background-image: url(img/Banks-Financial-Institutions.jpg);
	color: #ec8741;
}

/*div#PaymentDemo
{
height:132px;
width:713px;
margin-bottom:0.5em;
background-image: url(img/payment_demo1.jpg);
color: #ec8741;
}*/

/*page content div comes after page heading - has content of the page  */
div#PageContent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	width: 710px;
	font-size: 12px;
	margin-top: -20px;
	padding: 10px 0 20px 10px;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	line-height: 15px;
	color: #585656;
}
#PageContent a:link, 
#PageContent a:visited,
 #PageContent a:hover, 
 #PageContent a:active
 {
 	color: #585656;
 	text-decoration:none;
 }
 #PageContentNoBorder a:link, 
 #PageContentNoBorder a:visited,
 #PageContentNoBorder a:hover, 
 #PageContentNoBorder a:active
 {
 	color: #585656;
 	text-decoration:none;
 }

div#PageContentGlossary
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 710px;
	font-size: 12px;
	margin-top: -16px;
	padding: 10px 0 20px 10px;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	color: #585656;
	line-height: 15px;

}

.PageLink
{
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	border-top:1px solid #d5d5d5;
	width:100%;
	
}

.comparison
{
	
	border:1px solid #d5d5d5;
	margin-top:0.5em;
	width:100%;
}
.comparison1
{
	
	border:1px solid #d5d5d5;
	margin-top:0.5em;
	margin-right:1.5em;
	width:98%;
}
.comparisontd
{
	border: 1px solid #d5d5d5;
	padding:0.2em 0.2em 0.2em 0.2em;
	text-align:left;
	
}
.headertd
{
	background-color: #F8F8F8;
	padding: 0.4em 0.0em 0.4em 0.4em;
	text-align: left;
	font-family: Verdhana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #585656;
}
.header
{
	background-color: #F8F8F8;
	padding: 0.4em 0.4em 0.4em 0.4em;
	text-align: left;
	width:100%;
}

/*page content div comes after page heading - has content of the page with no border  */

div#PageContentNoBorder
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 11px;
	margin-top: 0.5em;
	color: #585656;
	line-height: 15px;
	}


.HowItWorkCaption
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #585656;
	line-height: 12px;
	
}
.HowItWorkCaption1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #585656;
	padding:10px 0 10px 0;
	line-height: 12px;
}



/* page level site navigation - horizontal tab fashion*/
ul#navlist
{
font: 12px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #d5d5d5;
margin-right:-12px;
/* */


}

ul#navlist li
{
float: left;
height: 21px;
background-color: #f1f5f8;
margin: 2px 4px 0 0;
border: 1px solid #d5d5d5;

}

ul#navlist li#active
{
border-bottom: 1px solid #fff;
background-color: #fff;
}

li#active a 
{ color: #585656; }

#navlist a
{

display: block;
color:#585656;
text-decoration: none;
padding: 5px 8px 2px 8px;
}

#navlist a:hover 
{ 
background: #fff; 
}

.HowItWork
{
	
	width: 100%;
}

/* div used at category level page gateway services and business*/
div#CategoryDiv1
{
	left: 0;
	width: 66%;
	position:absolute;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	
}

/*allows us to specify a stylesheet rule telling the image use 100% of the current block width:
As for the image height, it is set to auto. An automatic height will keep original image proportions. 
Now we need to be sure the picture has a sufficient resolution so that it looks good in any reasonable cases */
#photo {
    width: 100%;
    height: auto;
}


/* div used at category level page gateway services and business*/
div#CategoryDiv11
{
	left: 0;
	width:48.5%;
	position:absolute;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	border: thin solid #E6EFEE;
	padding: 0.5em;
	height:8em;
	
}
/* div used at category level page gateway services and business*/
div#CategoryDiv12
{
	margin-left:52.75%;
	width: 47.5%;
	height:8em;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	border: thin solid #E6EFEE;
	padding: 0.5em;
	
}
/* div used at category level page gateway services and business*/
div#CategoryDiv2
{	
	margin-left:69%;
	width:30%;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	border: thin solid #E6EFEE;
	padding: 0.5em;
	height:8em;
	/* CategoryDiv2 does not have position absolute hence ensure the static column (i.e LeftNav )has more content than the absolute positioned one in this case RightContent */
	
}


div#News
{
	left: 0;
	width: 66%;
	position:absolute;
	margin-top:0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	
}
/* div used at category level page gateway services and business*/
div#News1
{
	
	left: 0;
	width: 48.5%;
	position: absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	padding: 0.5em;
}
/* div used at category level page gateway services and business*/
div#News2
{
	margin-left:52.75%;
	width: 47.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;

	padding: 0.5em;
	
}
/* div used at category level page gateway services and business*/
div#Event
{	
	margin-left:69%;
	width:30%;
	margin-top:0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;

	padding: 0.5em;

	/* CategoryDiv2 does not have position absolute hence ensure the static column (i.e LeftNav )has more content than the absolute positioned one in this case RightContent */
	
}

/* how it work image used at every product category page for how it work image*/

div#HowitworkBanner
{
	height: 16em;
	margin-left:4em;
	margin-right:4em;
	left: 0; padding-left:10px;
	border: thin solid #E6EFEE;
}

/* */





/* bread crumb  first div at left navigation */
div#BreadCrumb
{
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	width:100%;
	margin-top:10px;
	text-align:left;
	left:0;
}


/* */

div#LeftNav1, div#LeftNav2, div#LeftNav4
{
	margin-top: 0.5em;
	border: 1px solid #d6d6d6;
	padding: 0.5em;
	width: 210px;
	background-color: #f9f9f9;
}
.LeftNavImage
{
	margin-top: 0.5em;
	border: 1px solid #d6d6d6;
	width: 210px;
	
}
#GettingStarted
{
	border: 1px solid #d6d6d6;
	width: 210px;
	background-color: #f9f9f9;
}

.LeftNav1
{
	margin-top: 0.5em;
	border: 1px solid #d6d6d6;
	width: 210px;
	background-color: #f9f9f9;
}
.LeftNavContactUs
{
	border: 1px solid #d6d6d6;
	width: 210px;
	background-color: #f9f9f9;
}


.LeftNavPS
{
	margin: 0.5em;
	width: 333px;
	
	height:110px;
	background-color: #f9f9f9;



}

.division
{
	padding: 10px;
	margin-top: 0.5em;
	border: 1px solid #d6d6d6;
	width: 676px;
	background-color: #f9f9f9;
}

.division1
{
	width:100%;
	margin-top: 0.5em;
	border: 1px solid #d6d6d6;
	
	background-color: #f9f9f9;
}
.division2
{
	width:100%;
	margin-top: 0.5em;
	border: 1px solid #d6d6d6;
	padding: 10px;
	width:497px;
	background-color: #f9f9f9;
}
div#HaveQuestion
{
	margin-top: 0.5em;
	border: 1px solid #d6d6d6;
	
	/*width:230px;
	height:164px;*/
	width:210px;
	height:148px;
	background-repeat:no-repeat;
	background-image: url(img/have_a_question_background.jpg);
}

div#PayIVR
{
	margin-top: 0.5em;
	border: 1px solid #d6d6d6;
	width:210px;
	height:128px;
	background-repeat:no-repeat;
	background-image: url(img/right_side_banner_ivr_bill_pay.jpg);
}

div#PayAPI
{
	margin-top: 0.5em;
	border: 1px solid #d6d6d6;
	width:210px;
	height:128px;
	background-repeat:no-repeat;
	background-image: url(img/right_side_banner_pay_api.jpg);
}

div#PayAPI a, div#PayIVR a, div#PayAgent a
{
	display: block;
	width:210px;
	height:128px;
	text-decoration:none;
}
	div#PayAPI a span, div#PayIVR a span,  div#PayAgent a span 
{
	visibility:hidden;
	width:210px;
	height:128px;

}
div#PayAgent
{
	margin-top: 0.5em;
	border: 1px solid #d6d6d6;
	width:210px;
	height:128px;
	background-repeat:no-repeat;
	background-image: url(img/right_side_banner_virtual_terminal.jpg);
}
div#AutoMasterVideo
{
	margin-top: 0.5em;
	width:214px;
	height:172px;
	
	background-repeat:no-repeat;
	background-image: url(img/Auto-Master-Video-Img3.jpg);
}
div#CubsVideo
{
	margin-top: 0.5em;
	width:214px;
	height:172px;
	
	background-repeat:no-repeat;
	background-image: url(img/Cubs-Video.jpg);
}

div#LoginDiv
{
	border: thin solid #E6EFEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	padding:0.5em;
}

div#LeftNav3
{
	margin-top: 0.5em;
	border: 1px solid #d6d6d6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	padding: 0.5em;
	width: 210px;
	background-color: #f9f9f9;
	
}

HomeBusiness
{
	margin-top:1em;
	
	}

div#LeftNav5
{
	margin-top:0.5em;
	border: 1px solid #d6d6d6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	padding:0.5em;
	width:210px;
	background-color: #f9f9f9;
}

div#SideBannerR
{
	margin-top:0.5em;
	border: thin solid #E6EFEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	padding:0.5em;
	height:46em;
	width:100%;
}
div#SideBanner
{
	margin-top:0.5em;
	border: thin solid #E6EFEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	padding:0.5em;
	height:20em;
	width:210px;
}



*
{
	margin:0;
	padding:0;
	vertical-align:baseline
}

#content1
{
position:relative;
/*top:49px;*/ 
left:0; 
width:952px; 
height:259px;

}


.heroMenu
{
	position: absolute;
	top: 0px;
	left:0px;
	width: 238px;
	text-align: left;
padding-left:9px;
	height: 259px;
	z-index: 1;
	padding-top:2px;
	
}

.heroMenu .menuTitle
{
	color: #ffed00; 
	line-height:32px; 
	padding-right:40px; 
	font-weight: bold; 
	font-size: 1em; 
	text-transform: uppercase; 	
}

.heroMenu ul
{
	position:relative; 
	/* because top is 4 px for every heromemu hence height is (185*6)+ (4*6)*/
	left: -7px;
	top:2px;
	height:43px;

}

.heroMenu li
{
	list-style-type:none; 
	white-space:nowrap; 
	
	font-size:1.4em; 
	height:43px;
}

.heroMenu ul li
{
	font-weight: normal;
		height:43px;
}




.heroMenu ul li a.selected
{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	margin-top:-10px;
	margin-bottom:2px;
		height:43px;
}

.heroMenu ul li a
{
	display:block; 
	text-decoration:none; 
	display:block; 
	color:#003399; 
	font-size:16px; 
	font-weight:bold;
		height:43px;
}

.heroMenu ul li a:hover
{
	
}

.ent .heroMenu
{
	/*background: url(./Images/graymenuseperator.gif) right 1px no-repeat*/
	/* sample image to test marla's mockup image 
background-image:url(Images/left_menu_background_water_1_longer.jpg);*/
	
}

.ent .heroMenu .menuTitle
{
	color:#999
}

.ent .heroMenu ul li
{
	font-size:18px;
}
.ent .heroMenu ul li a
{ 
	display:block; 
	color:#275a93; 
	font-size:14px; 
	font-weight:bold; 
	padding-right:15%; 
	text-align:left;
	padding-left:10%;
	padding:0 50px 0 100px;
}

/*.ent .heroMenu ul li a:active
{
	
}

.ent .heroMenu ul li a.selected
{
	background-position: left top;
	color: #FFFFFF;
	font-size:15px;
	font-weight: bold; /*background-image: url(./Images/smbheromenuselected.gif);*/ /* sample image to test marla's mockup image
	background-image: url(./img/left_navigation_blue_down_state_background.jpg);
	background-repeat: no-repeat;
	width: 238px;
	height: 43px;
	text-align:left;
	display:block;
	padding:12px 50px 0 100px;
	
	
}*/

#resHeroContainer, #smbHeroContainer, #entHeroContainer
{
	position:absolute; 
	top:0px; 
	width:100%; 
	height:259px; 
	overflow:hidden
}

/*  css for text that is displayed at the center of the baneer */
.heroOffer
{
	/*padding=top right bottom left goes clockwise */
	padding: 25px 0 0 270px;
	height: 259px;
	overflow: hidden;
	text-decoration: none;
}
.subtext1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #FF9900;
}

.subtext2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #808080;
	padding-top:10px;
}


.LearnMore
{
	background-image: url(./img/Payment-service-learn-more.jpg);
	color: #FFFFFF;
	width: 121px;
	height: 28px;
	padding: 6px 10px 0 20px;
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}

.StartNow
{
background-image: url(./img/start_now_button.jpg);
	color: #FFFFFF;
	width: 110px;
	height: 23px;
	padding: 4px 0 0 14px;
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}
.StartNow a href
{
	text-decoration:none;
	color: #FFFFFF;
}

.LearnMore a:link, .LearnMore a:visited, .LearnMore a:hover, .LearnMore a:active,
.StartNow a:link, .StartNow a:visited, .StartNow a:hover, .StartNow a:active
{
	text-decoration:none;
	color: #FFFFFF;
}

/*following code is used to change the background image*/
#entHeroContainer
{
	background: url(./img/main_image_banner_with_left_navigation_background.jpg) 0 0 no-repeat
}

#entHeroContainer #HeroOffer0
{
	border: thin solid #CCCCCC;
	width:952px;
	height:259px;
	background: url(./img/Online-Bill-Pay.jpg) 0 0 no-repeat;
}

#entHeroContainer #HeroOffer1
{
	border: thin solid #CCCCCC;
	width:952px;
	height:259px;
	background: url(./img/Payment-Gateway-API.jpg) 0 0 no-repeat
}

#entHeroContainer #HeroOffer2
{
	border: thin solid #CCCCCC;
	width:952px;
	height:259px;
	background: url(./img/IVR-Bill-Pay.jpg) 0 0 no-repeat
}

#entHeroContainer #HeroOffer3
{
	border: thin solid #CCCCCC;
	width:952px;
	height:259px;
	background: url(./img/Remote-Deposit-Capture.jpg) 0 0 no-repeat
}


#entHeroContainer .heroOffer a
{
	display: block;
	text-decoration:none;
	width:952px;
	height:259px;
	
}

#entHeroContainer .heroOffer  a  span 
{
	width:952px;
	height:259px;
	visibility:hidden;
	margin-top:-130px;
	

}

#entHeroContainer #HeroOffer4
{
	border: thin solid #CCCCCC;
	width:952px;
	height:259px;
	background: url(./img/Virtual-Terminal.jpg) 0 0 no-repeat
}

#entHeroContainer #HeroOffer5
{
	
	border: thin solid #CCCCCC;
	width:952px;
	height:259px;
	background: url(./img/Check-by-Phone.jpg) 0 0 no-repeat
}

#entHeroContainer #Partners
{
	border: thin solid #CCCCCC;
	width:952px;
	height:259px;
	background: url(./img/Payment-Gateway-API.jpg) 0 0 no-repeat
}

#entHeroContainer #Banks
{
	border: thin solid #CCCCCC;
	width:952px;
	height:259px;
	background: url(./img/Banks.jpg) 0 0 no-repeat
}

#entHeroContainer #Merchant-Services
{
	border: thin solid #CCCCCC;
	width:952px;
	height:259px;
	background: url(./img/Merchant-Services.jpg) 0 0 no-repeat
}

#Billing-Services
{
	border: thin solid #CCCCCC;
height:132px;
margin-bottom:0.5em;
	background: url(./img/Billing-Services.jpg) 0 0 no-repeat;
}
/* follwing code is used at style product desc specific to the banner */
.ent .orangeArrow 
{
	
	/*margin-top:10px;*/
}
.ent .orangeArrow li
{
	list-style-type:none; 
	/*background:url(./Images/arrow_orange.gif) 0 50% no-repeat;*/
	/*padding:4px 0 4px 10px; */
	/*font-size:1.0em;*/ 
	line-height:1.3; 
	margin:0; 
	width:420px;
	font-weight:bold;
	
}

.ent .orangeArrow li a, .orangeArrow li a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

.ent .orangeArrow li a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

.ent .orangeArrow span
{
	font-size:.7em;
	}








/*
.heroMenu
{
	position: absolute;
	top: 0;
	left: 5px;
	width: 175px;
	text-align: right;
	padding-top: 30px;
	height: 280px;
	z-index: 1;
	
}

.heroMenu .menuTitle
{
	color: #ffed00; 
	line-height:32px; 
	padding-right:40px; 
	font-weight: bold; 
	font-size: 1em; 
	text-transform: uppercase; 	
}

.heroMenu ul
{
	position:relative; top:4px;
	left: -7px;
	width: 185px;
}

.heroMenu li
{
	list-style-type:none; 
	white-space:nowrap; 
	padding-right:40px; 
	font-size:1.4em; 
	height:43px;
}

.heroMenu ul li
{
	font-weight: normal;
}


.heroMenu ul li a.selected
{
	color:#f27d00; 
	font-size:0.8em; 
	font-weight:bold; 
}

.heroMenu ul li a
{
	display:block; 
	text-decoration:none; 
	display:block; 
	color:#003399; 
	font-size:0.8em; 
	font-weight:bold;
}

.heroMenu ul li a:hover
{
	text-decoration:underline
}

.ent .heroMenu
{
	background: url(./Images/graymenuseperator.gif) right 1px no-repeat
	/* sample image to test marla's mockup image 
//background-image:url(Images/left_menu_background_water_1_longer.jpg);
	
}

.ent .heroMenu .menuTitle
{
	color:#999
}

.ent .heroMenu ul li
{
	font-size:1.6em;
}
.ent .heroMenu ul li a
{ 
	display:block; 
	color:#003399; 
	font-size:0.7em; 
	font-weight:bold; 
	padding-right:15%; 
	padding-left:10%;
}

.ent .heroMenu ul li a:active
{
	text-decoration:underline
}

.ent .heroMenu ul li a.selected
{
	background-position: right top;
	color: #f27d00;
	font-size: 0.7em;
	font-weight: bold;
	background-image: url(./Images/smbheromenuselected.gif);
	/* sample image to test marla's mockup image
//background-image:url(Images/btn_fxnH_signUpNow_115x21.gif);
	background-repeat: no-repeat;
	background-position: 110% 50%;
	padding-right:15%;
}

#resHeroContainer, #smbHeroContainer, #entHeroContainer
{
	position:absolute; 
	top:0px; 
	width:100%; 
	height:23em; 
	overflow:hidden
}

.heroOffer
{
	padding: 59px 0 0 225px;
	height: 23em;
	overflow: hidden;
}

// following code is used to change the background image*
#entHeroContainer
{
	background: url(./img/main_image_banner_with_left_navigation_background.jpg) 0 0 no-repeat
}

#entHeroContainer #HeroOffer0
{
	background: url(./Images/enterprisebusinesshero2.jpg) 0 0 no-repeat
}

#entHeroContainer #HeroOffer1
{
	background: url(./Images/enterprisebusinesshero2.jpg) 0 0 no-repeat
}

#entHeroContainer #HeroOffer2
{
	background: url(./Images/enterprisebusinesshero2.jpg) 0 0 no-repeat
}

#entHeroContainer #HeroOffer3
{
	background: url(./Images/enterprisebusinesshero2.jpg) 0 0 no-repeat
}

#entHeroContainer #HeroOffer4
{
	background: url(./Images/enterprisebusinesshero2.jpg) 0 0 no-repeat
}

#entHeroContainer #HeroOffer5
{
	background: url(./Images/enterprisebusinesshero2.jpg) 0 0 no-repeat
}

// follwing code is used at style product desc specific to the banner 
.ent .orangeArrow 
{
	
	//margin-top:10px;
}
.ent .orangeArrow li
{
	list-style-type:none; 
	//background:url(./Images/arrow_orange.gif) 0 50% no-repeat;
	padding:4px 0 4px 10px; 
	font-size:1.0em; 
	line-height:1.3; 
	margin:0; 
	width:420px;
	font-weight:bold;
	
}

.ent .orangeArrow li a, .orangeArrow li a:visited
{
	color:#003399; text-decoration:none
}

.ent .orangeArrow li a:hover
{
	color:#003399; text-decoration:underline
}

.ent .orangeArrow span
{
	font-size:.7em;
	}
*/

/* Menu bar with submenu in blue with highlighting selected
#nav {padding:0; margin:0; list-style:none; height:29px;  width:952px; background:#fff url(menubar.jpg) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif; font-size:12px;}
#nav li.top {display:block; float:left; height:29px;}
#nav li a.top_link {display:block; float:left; height:27px; line-height:24px; color:#ffffff; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(menubar.jpg);}
#nav li a.top_link:visited{display:block; float:left; height:27px; line-height:24px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(three_1.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:27px; background: url(menubar.jpg) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:27px; background: url(menubar0.jpg) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(menubar2.jpg) no-repeat; height:27px; border:1px solid #ffffff;}
#nav li:hover a.top_link span {background:url(menubar2.jpg) no-repeat right top; height:27px;}
#nav li:hover a.top_link span.down {background:url(menubar1.jpg) no-repeat right top; height:24px; }



#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:0px; top:29px; background: #3A68A6; padding:3px; border:1px solid #dfe8ee; white-space:nowrap; width:146px; height:auto; z-index:300; color:#ffffff; font-family: verdana, arial, sans-serif;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal; color:#ffffff;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:146px; line-height:18px; text-indent:15px; color:#000; text-decoration:none; color:#ffffff;}

#nav li:hover ul.sub li a:hover 
{background:#3A68A6; color:#ffffff;  border:1px solid #ffffff; font-size:12px; background:url(submenubar.jpg) no-repeat right top;}
#nav li:hover ul.sub li a.fly:hover
{background:#3A68A6 url(arrow_over.gif) 80px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #3A68A6; padding:3px; border:1px solid #3A68A6; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#3A68A6 url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#3A68A6 url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#3A68A6;}
*/

/* Menu bar with submenu as tab using image */
#nav {padding:0; margin:0; list-style:none; height:29px;  width:952px; background:#fff url(img/menubar.jpg) repeat-x; position:relative; z-index:500; font-family:verdana, arial, sans-serif; font-size:12px;}
#nav li.top {display:block; float:left; height:29px;}
#nav li a.top_link1 {display:block; float:right; height:27px; line-height:24px; color:#ffffff; text-decoration:none; font-size:12px; font-weight:bold; padding:0 12px 0 370px; cursor:pointer;}
#nav li a.top_link {display:block; float:left; height:27px; line-height:24px; color:#ffffff; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 2px; cursor:pointer;background: url(img/menubar.jpg);}
#nav li a.top_link:visited{display:block; float:left; height:27px; line-height:24px; color:#ffffff; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 2px; cursor:pointer;background: url(img/menubar.jpg);}
#nav li a.top_link1:visited{display:block; float:left; height:27px; line-height:24px; color:#ffffff; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 2px; cursor:pointer; }
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:27px; background: url(img/menubar.jpg) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:27px; background: url(img/menubar0.jpg) no-repeat right top;}

#nav li:hover a.top_link, #nav li.sfhover a.top_link {color:#fff; background: url(img/menubar2.jpg) no-repeat; height:27px; }
#nav li:hover a.top_link span, #nav li.sfhover a.top_link span  {background:url(img/menubar2.jpg) no-repeat right top; height:27px;}
#nav li:hover a.top_link span.down, #nav li.sfhover a.top_link span.down {background:url(img/menubar1.jpg) no-repeat right top; height:24px;}
#nav a.active
{
	border-width: 1px;
	border-color: #FFFFFF;
	background-position: bottom;
	float: left;
	display: block;
	text-decoration: none;
	color: #ffffff;
	height: 24px;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	width: 137px;
	text-indent: 12px;
	background: url(img/menubaractive.jpg);
	border-bottom-style: solid;
}

#nav li:hover, #nav li.sfhover {position:relative; z-index:200;}

#nav li:hover ul.sub, #nav li.sfhover ul.sub 
{left:0px; top:29px; border:1px solid #ffffff; white-space:nowrap; width:137px; height:auto; z-index:300; color:#ffffff; font-family: verdana, arial, sans-serif;}
#nav li:hover ul.sub li, #nav li.sfhover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal; color:#ffffff;}
#nav li:hover ul.sub li a, #nav li.sfhover ul.sub li a
{display:block; background:#3A68A6; border:1px solid #ffffff; font-size:11px; background:url(img/submenubar2.jpg) no-repeat right top; height:auto; width:137px; line-height:20px; text-indent:12px; color:#000; text-decoration:none; color:#ffffff; margin-bottom:2px;}

#nav li:hover ul.sub li a:hover,  #nav li.sfhover ul.sub li a.sfhover
{background:#3A68A6; color:#ffffff;  border:1px solid #ffffff; font-size:11px; background:url(img/submenubar2.jpg) no-repeat right top; height:auto; font-weight:bold;}
#nav li:hover ul.sub li a.fly:hover, #nav li.sfhover ul.sub li a.fly.sfhover
{background:#3A68A6 url(arrow_over.gif) 80px 6px no-repeat; color:#fff; height:auto;}
#sub a.active{text-align:left; text-decoration:none;}

#nav li:hover li:hover ul,#nav li.sfhover li.sfhover ul,
#nav li:hover li:hover li:hover ul,#nav li.sfhover li.sfhover li.sfhover ul,
#nav li:hover li:hover li:hover li:hover ul,#nav li.sfhover li.sfhover li.sfhover li.sfhover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul, #nav li.sfhover li.sfhover li.sfhover li.sfhover li.sfhover ul
{left:90px; top:-4px; background: #3A68A6; padding:3px; border:1px solid #3A68A6; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,#nav li.sfhover ul ul,
#nav li:hover li:hover ul ul,#nav li.sfhover li.sfhover ul ul
#nav li:hover li:hover li:hover ul ul, #nav li.sfhover li.sfhover li.sfhover ul ul
#nav li:hover li:hover li:hover li:hover ul ul,#nav li.sfhover li.sfhover li.sfhover li.sfhover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#3A68A6 url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#3A68A6 url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#3A68A6;}