/*
  PAYECOM
*/

body {
	background-color: #f5f5f5;
	margin: 0px;
	padding: 0px;

}

body,td,input,select,textarea {
	font-family: Verdana;
	font-size: 12px;
        line-height: 1.5;
        color: #444444;
        TEXT-ALIGN: justify;
}



	#mainNavigation {				float: left; width: 940px; height: 32px;
									background: url("../pics/ecommercenavbar.gif") 0 -32px no-repeat; }
	#mainNavigation li {				float: left; position: relative; z-index: 100; }
	#mainNavigation li a {				height: 32px; display: block; }
	#mainNavigation li a:hover {			background-image: url("../pics/ecommercenavbar.gif"); background-repeat: no-repeat; }
	#mainNavigation li a span {			display: none; }
	
	li.home a {					width: 98px; }
	li.gateway a {					width: 200px; background-position: -98px 0; }
	li.support a {					width: 168px; background-position: -298px 0; }
	li.security a {					width: 100px; background-position: -466px 0; }
	li.apply a {					width: 114px; background-position: -566px 0; }

	

	li>ul {					left: auto; top: auto; }

	#mainNavigation li ul {			position: absolute; left: 2; top: 28px; width: 200px; padding-top: 4px; line-height: 0; 
							background: url("../pics/menu-top.png") no-repeat; display: none; z-index: 100; }
							
	#mainNavigation li ul.narrow {		position: absolute; left: 0; top: 30px; width: 160px; padding-top: 20px; line-height: 0; 
							background: url("../pics/menu-top.gif") no-repeat; display: none; z-index: 100; }							
	
	#mainNavigation li:hover ul,
	#mainNavigation li.over ul {		display: block; }
	
	#mainNavigation li ul li {		width: 200px; height: 24px; padding: 0 2px; display: block; background: url("../pics/menu-mid.gif") repeat-y; }
	#mainNavigation li ul li a {		float: left; width: 182px; height: 24px; padding: 4px 0 0 6px; color: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12px; font-weight: normal; text-decoration: none; line-height: 1em;
							background: url("../images/gfxDropDownMenuArrow01.gif") no-repeat; }							
	
	#mainNavigation li ul li a:hover,
	#mainNavigation li ul li a.selected {	color: #053D4F; background: url("../pics/menu-hover.gif") no-repeat; }
		
	
	#mainNavigation li ul li.footer {		width: 200px; height: 6px; background: url("../pics/menu-bot.gif") no-repeat; }
	



select, option, input, textarea { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; color:#444444; FONT-SIZE: 12px; background-color:#FFFFFF; BORDER-RIGHT: 1px solid #666666; BORDER-TOP: 1px solid #666666; BORDER-LEFT: 1px solid #666666; BORDER-BOTTOM: 1px solid #666666 }	

.top11 { FONT-SIZE: 12px; COLOR: #528297; FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif; text-align: right; }
a.top11:link {  color: #528297; text-decoration: none }
a.top11:visited { color: #528297; text-decoration: none }
a.top11:hover { color: #749BAC; text-decoration: underline }

.copy { FONT-SIZE: 10px; COLOR: #8A9EA8; FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif; line-height: 1.2;}
a.copy:link {  color: #8A9EA8; text-decoration: none }
a.copy:visited { color: #8A9EA8; text-decoration: none }
a.copy:hover { color: #A5B8C1; text-decoration: underline }

h1 { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 26px; color: #2D6982;  font-weight: bold; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; letter-spacing: -1px; }
h1 a:link { color: #2D6982; text-decoration: none }
h1 a:visited { color: #2D6982; text-decoration: none }
h1 a:hover { color: #01424B; text-decoration: underline }

h2 { font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 20px; color: #2D6982;  font-weight: normal; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; letter-spacing: -1px; }  ul {float: left; padding: 0; margin: 0; }  li { float: left; padding: 0; margin: 0; }
h2 a:link { color: #2D6982; text-decoration: none }
h2 a:visited { color: #2D6982; text-decoration: none }
h2 a:hover { color: #01424B; text-decoration: underline }


h3 { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 18px; color: #2D6982;  font-weight: bold; margin: 0px; letter-spacing: -1px; }
h3 a:link { color: #2D6982; text-decoration: none }
h3 a:visited { color: #2D6982; text-decoration: none }
h3 a:hover { color: #01424B; text-decoration: underline }

h4 { font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 18px; color: #2D6982;  font-weight: normal; margin: 0px; letter-spacing: -1px; }
h4 a:link { color: #2D6982; text-decoration: none }
h4 a:visited { color: #2D6982; text-decoration: none }
h4 a:hover { color: #01424B; text-decoration: underline }

#downup
{
  float: right;  
  display: block;
  width: 26px;
  height: 26px;
  background: url("../pics/downup.gif") no-repeat 0 0;

}

#downup:hover
{ 
  background-position: 0 -26px;
}

#downup span
{
  display: none;
}

#emailUs
{
  display: block;
  width: 107px;
  height: 23px;
  background: url("../pics/emailUs.gif") no-repeat 0 0;

}

#emailUs:hover
{ 
  background-position: 0 -23px;
}

#emailUs span
{
  display: none;
}




.t8 { 
        FONT-SIZE: 8px; 
        COLOR: #40454B;
        FONT-FAMILY: Verdana, Tahoma, Arial, Tahoma, Helvetica, sans-serif;
}

.ind_bk {background-color : #FFFFFF; background-image : url(../pics/ind_bk.gif); background-repeat : no-repeat; }

.t10 { 
        FONT-SIZE: 10px; 
        COLOR: #40454B;
        FONT-FAMILY: Verdana, Tahoma, Arial, Tahoma, Helvetica, sans-serif;
        TEXT-ALIGN: justify;
}

.t11 { 
        FONT-SIZE: 11px; 
        COLOR: #40454B;
        FONT-FAMILY: Verdana, Tahoma, Arial, Tahoma, Helvetica, sans-serif;
        TEXT-ALIGN: justify;
}

.t12 { 
        FONT-SIZE: 12px; 
        COLOR: #222222;
        FONT-FAMILY: Verdana, Arial, Tahoma, Helvetica, sans-serif;
        TEXT-ALIGN: justify;
        font-weight: bold;
}

.base { FONT-SIZE: 12px; COLOR: #85B0C1; FONT-FAMILY: Verdana, Arial, Tahoma, Helvetica, sans-serif; }
a.base:link {  color: #85B0C1; text-decoration: none }
a.base:visited { color: #85B0C1; text-decoration: none }
a.base:hover { color: #B0D1DF; text-decoration: underline }


.button { FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; color:#ffffff; FONT-SIZE: 14px; font-weight: bold; TEXT-ALIGN: center; background-color:#084B60; BORDER-RIGHT: 1px solid #2A7086; BORDER-TOP: 1px solid #2A7086; BORDER-LEFT: 1px solid #2A7086; BORDER-BOTTOM: 1px solid #2A7086 }
	

.ecommerce { background-color: #528297; background-image: url(../pics/ecommerce.jpg); BACKGROUND-REPEAT: no-repeat; }

p { margin: 0px; }

form { margin: 0px; }

a:link {  color: #2B656D; text-decoration: none; }
a:visited { color: #2B656D; text-decoration: none; }
a:hover { color: #01424B; text-decoration: underline; }

.emain { FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Tahoma, Helvetica, sans-serif; }
a.emain:link {  color: #666666; text-decoration: none }
a.emain:visited { color: #666666; text-decoration: none }
a.emain:hover { color: #A9A9A9; text-decoration: underline }

.ecopy { FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Tahoma, Helvetica, sans-serif; }
a.ecopy:link {  color: #666666; text-decoration: none;  }
a.ecopy:visited { color: #666666; text-decoration: none;  }
a.ecopy:hover { color: #A9A9A9; text-decoration: underline; }


.eg10 { FONT-SIZE: 10px; COLOR: #555555; FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif; }
a.eg10:link {  color: #555555; text-decoration: none }
a.eg10:visited { color: #555555; text-decoration: none }
a.eg10:hover { color: #777777; text-decoration: underline }

.onlinepayments { 
        TEXT-ALIGN: justify;
 	padding: 8px ;
}

.internetpayments { 
        TEXT-ALIGN: justify;
 	padding: 14px ;
}

.secure_ecommerce { FONT-SIZE: 12px; COLOR: #444444; FONT-FAMILY: Verdana, Tahoma, Arial, Tahoma, Helvetica, sans-serif; TEXT-ALIGN: justify; }
a.secure_ecommerce:link {  color: #444444; text-decoration: none }
a.secure_ecommerce:visited { color: #444444; text-decoration: none }
a.secure_ecommerce:hover { color: #01424B; text-decoration: underline }

.bdr-l {background-color : #f5f5f5; background-image : url(../pics/bdr-l.gif); background-repeat : repeat-y; }
.bdr-r {background-color : #f5f5f5; background-image : url(../pics/bdr-r.gif); background-repeat : repeat-y; }

.inleft {
	padding-left: 50px;
}


#enavigation td {
	border-bottom: 1px solid #DDDDDD;
	}
	
#enavigation a {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #666666;
        font-weight: bold;
	line-height:5px;
	text-decoration: none;
	display:block;
	padding: 8px 0px 8px 22px;
	background: url("../pics/arrowmenu.gif") 5px 45% no-repeat;
	}
	
#enavigation a:hover {
	background: #2D6982 url("../pics/arrowmenu.gif") 8px 45% no-repeat;
	color:#FF8100;
	}

.esand { FONT-SIZE: 11px; COLOR: #585132; FONT-FAMILY: Verdana, Arial, Tahoma, Helvetica, sans-serif; }
a.esnad:link {  color: #585132; text-decoration: none }
a.esand:visited { color: #585132; text-decoration: none }
a.esand:hover { color: #A9A9A9; text-decoration: underline }

.tab_hover {
background-color:white;
color:#FF8100;
cursor:pointer;
width:156px;
height:30px;
background-image:url(../pics/butz_a.gif);
border:0px;
text-align:center;
font-family: arial;
font-size:14px; 
font-weight:bold;
LETTER-SPACING: -1px;
}


.tab {
background-color:white;
color:#FFFFFF;
cursor:pointer;
width:156px;
height:30px; 
background-image:url(../pics/butz_b.gif);
border:0px;
text-align:center;
font-family: arial ;
font-size:14px;
font-weight:bold;
LETTER-SPACING: -1px;
}

.boxsand {
	BORDER-RIGHT: #EDDDBD 2px dashed;
	BORDER-TOP: #EDDDBD 2px dashed;
	BORDER-LEFT: #EDDDBD 2px dashed;
	BORDER-BOTTOM: #EDDDBD 2px dashed;
	font: 10px Verdana, Geneva, Helvetica, Arial, sans-serif;  
	color: #444444;
	background-color: #FFFDF5;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
        TEXT-ALIGN: justify; 
}

.boxgreen {
	BORDER-RIGHT: #D5EBF0 2px dashed;
	BORDER-TOP: #D5EBF0 2px dashed;
	BORDER-LEFT: #D5EBF0 2px dashed;
	BORDER-BOTTOM: #D5EBF0 2px dashed;
	font: 11px Verdana, Geneva, Helvetica, Arial, sans-serif;  
	color: #444444;
	background-color: #F7FFFD;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
      TEXT-ALIGN: justify; 
}

.boxgrey {
	BORDER-RIGHT: #DFDFDF 2px dashed;
	BORDER-TOP: #DFDFDF 2px dashed;
	BORDER-LEFT: #DFDFDF 2px dashed;
	BORDER-BOTTOM: #DFDFDF 2px dashed;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
        font-size: 10px;  
	font-color: #555555;
	background-color: #F7F7F7;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
}

.boxred {
	BORDER-RIGHT: #FF0303 2px dashed;
	BORDER-TOP: #FF0303 2px dashed;
	BORDER-LEFT: #FF0303 2px dashed;
	BORDER-BOTTOM: #FF0303 2px dashed;
	font-family: Verdana, Geneva, Helvetica, sans-serif; 
      font-size: 10px;  
	font-color: #555555;
	background-color: #FDF5F5;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
}

.boxnicegrey {
	BORDER-RIGHT: #DFDFDF 1px dashed;
	BORDER-TOP: #DFDFDF 1px dashed;
	BORDER-LEFT: #DFDFDF 1px dashed;
	BORDER-BOTTOM: #DFDFDF 1px dashed;
	font: 10px Arial, Verdana, Geneva, Helvetica, sans-serif;  
	color: #555555;
      font-weight: normal;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 0px;
}

.dash {height: 1px;; background-color : #ffffff; background-image : url(../pics/dash.gif); background-repeat : repeat-x; }








.headtxt { FONT-SIZE: 11px; COLOR: #CDE1F0; FONT-FAMILY: Arial, Verdana, Tahoma, Tahoma, Helvetica, sans-serif; }
a.headtxt:link {  font-weight: bold; color: #CDE1F0; text-decoration: none }
a.headtxt:visited { font-weight: bold; color: #CDE1F0; text-decoration: none }
a.headtxt:hover { font-weight: bold; color: #FFFFFF; text-decoration: underline }

.gle {text-align: left; }

.g9 { FONT-SIZE: 9px; COLOR: #666666; FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif; }
a.g9:link {  color: #666666; text-decoration: none }
a.g9:visited { color: #666666; text-decoration: none }
a.g9:hover { color: #777777; text-decoration: underline }

/* Left menu image roll */

#inya td {
	border-bottom: 3px solid #ffffff;
	}
	
#inya a {
	font: 14px Arial, Verdana, Helvetica, sans-serif;
        letter-spacing: -.05em;
        font-weight: bold; 
	color: #003366;
	line-height:8px;
	text-decoration: none;
	display:block;
	padding: 10px 0px 10px 8px;
	background: url("../pics/butz_a.gif");
	}
	
#inya a:hover {
	background: #ffffff url("../pics/butz_b.gif");
	color:#008DFF;
	}

#inya a:actve {
	background: #ffffff url("../pics/butz_b.gif");
	color:#444444;
	}



/* Left menu back roll */

#navigation td {
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	}
	
#navigation a {
	font: 14px Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px;
	color: #2D6982;
        font-weight: normal;
	line-height:16px;
	text-decoration: none;
	display:block;
	padding: 8px 0px 8px 14px;
	}
	
#navigation a:hover {
	background: #ffffff;
	color: #01424B; text-decoration: underline;
	}