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

html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
	background-color: #373b3f;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x; 
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif, ;
	font-size: 12px;
	color:#022c42;
}



h1 {font-family:Verdana, Arial, Helvetica, sans-serif, ; color:#022c42; font-size:20px; font-weight:bolder; display:block; width:100%; border-bottom:1px solid #022c42;}

h2 {font-family:Verdana, Arial, Helvetica, sans-serif, ; color:#022c42; font-size:16px; font-weight:bolder;  text-decoration:underline; }


/* Layout */
#container{margin:auto; width:800px; height:auto; background-image:url(images/bg2.jpg); background-repeat:repeat-x;}

#header{margin:auto; width:800px; height:183px; background-image:url(images/Carolina-ATM.gif); background-position:top left; background-repeat:no-repeat; position:relative}

.logo{display:block; position:absolute; top:14px; left:25px; width: 335px; height: 139px; cursor:pointer;}
.logo span{display:none;}


.merchant-login{display:block; position:absolute; top:7px; right:92px; width: 179px; height: 23px;font-family:"Times New Roman", Times, serif; font-size:16px; color:#FFFFFF;}

#header-call2action{position:absolute; top:39px; right:94px; width: 211px; height: 80px; font-family:"Arial Black", arial; font-size:18px; color:#19a7e0;}

#header-phone{position:absolute; top:122px; right:107px; width: 199px; height: 38px;  font-family:"Arial Black", arial; font-size:25px; color:#FFFFFF; font-style:italic; }

.atm-header-image{position:absolute; top:0px; right:0px;}


#menu{margin:auto; width:800px; height:38px;}


#body{margin:auto; width:780px; min-height:600px; background-color:#FFFFFF; padding:10px;}


.clear{clear:both;}


/* End Layout */





.hide {display: none}

/* Menu Images Rollover */

.home {
  display: block; list-style-type:none;
   width: 90px;
  height: 30px;
  text-decoration: none; 
  background-image:url(images/menu/menu.jpg); 
 background-position:left; 
 float:left;
 cursor:pointer;
   padding-top:8px;
      border-right:1px #fff solid; text-align:center; 
	  
	
  }

.home:hover { 
   background-position: -180px 0;}
   
   
.about {list-style-type:none;
  display: block;
   width: 108px;
  height: 30px;
  text-decoration: none; 
  background-image:url(images/menu/menu.jpg); 
 background-position:left;
  float:left;
 cursor:pointer;
  border-right:1px #fff solid;
   padding-top:8px; text-align:center; 
  }

.about:hover { 
   background-position: -180px 0;}
   

.products {list-style-type:none;
  display: block;
   width: 120px;
  height: 30px;
  text-decoration: none; 
  background-image:url(images/menu/menu.jpg); 
 background-position:left;
  float:left;
  cursor:pointer;
  cursor:pointer;
   border-right:1px #fff solid;
      padding-top:8px; text-align:center; 
   }

.products:hover { 
   background-position: -180px 0;}
   
   
   
.services {list-style-type:none; 
  display: block;
   width: 130px;
  height: 30px;
  text-decoration: none; 
  background-image:url(images/menu/menu.jpg); 
 background-position:left;
  float:left;
  cursor:pointer;
   border-right:1px #fff solid;
      padding-top:8px; text-align:center; 
   
  }

.services:hover { 
   background-position: -180px 0;} 
   
   
   
.merchants {list-style-type:none;
  display: block;
   width: 110px;
  height: 30px;
  text-decoration: none; 
  background-image:url(images/menu/menu.jpg); 
 background-position:left;
  float:left;
  cursor:pointer;
   border-right:1px #fff solid;
      padding-top:8px; text-align:center; 
  }

.merchants:hover { 
   background-position: -180px 0;} 
   
   
   
.mobile {list-style-type:none;
  display: block;
   width: 145px;
  height: 30px;
  text-decoration: none; 
  background-image:url(images/menu/menu.jpg); 
 background-position:left;
  float:left;
  cursor:pointer;
   border-right:1px #fff solid;
      padding-top:8px; text-align:center; 
  }

.mobile:hover { 
   background-position: -180px 0;}  
   
   
.contact {list-style-type:none;
  display: block;
   width: 90px;
  height: 30px;
  text-decoration: none; 
  background-image:url(images/menu/menu.jpg); 
 background-position:left;
  float:left; cursor:pointer;
   border-right:1px #fff solid;
      padding-top:8px; text-align:center; 
  }

.contact:hover { 
   background-position: -180px 0;}        
   
   
   
 /* End Download Images Rollover */






/*Fonts*/
.content{	font-family:Verdana, Arial, Helvetica, sans-serif, ;
	font-size: 11px;
	color: #000000;}
	
.chart-blue {	font-family:Verdana, Arial, Helvetica, sans-serif, ;
	font-size: 16px;
	color:#003399;
	
	}	
	

.menu{ font-family:Verdana, Arial, Helvetica, sans-serif, ; font-size:15px; color:#FFFFFF;}

.menu A:link {text-decoration: none;color: #fff;}
.menu A:visited {text-decoration: none;color:  #fff;}
.menu A:active {text-decoration: none; color: #fff;}
.menu A:hover {text-decoration:none;color: #fff;}




.orange1 {
	color: #ff9900;
	font-size: 16px;
}

.white-bold{ font-family:"Arial Black", arial; font-size:24px; color:#FFFFFF;}
.white-bold2{ font-family:"Arial Black", arial; font-size:25px; color:#FFFFFF;}
.white-times{ font-family:"Times New Roman", Times, serif; font-size:16px; color:#FFFFFF;}



.blue-bold{ font-family:"Arial Black", arial; font-size:24px; color:#19a7e0;}
.blue-bold2{ font-family:"Arial Black", arial; font-size:18px; color:#19a7e0;}

.arial32{ font-family:Arial, Helvetica, sans-serif; font-size:32px; color:#FFFFFF;}

.arial24{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF;}

.blue-tab{color:#19a7e0;}

.white{color:#fff;}

.orange {color: #ff9900;}

ul.thin {width:200px;}

/*Tag*/

.icon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
 color: #ccc;
}

.icon A:link {text-decoration: none;color: #ccc;}
.icon A:visited {text-decoration: none;color:  #ccc;}
.icon A:active {text-decoration: none; color: #ccc;}
.icon A:hover {text-decoration: underline;color: #fff;}



.banner {font-family:'Arial Black', arial,; color:#022c42; font-size:34px; margin-bottom:10px;margin-top:10px;}
.banner-content {	font-family:Verdana, Arial, Helvetica, sans-serif, ;
	font-size: 16px;
	color:#022c42;
	}	
		
.banner-click {font-family:'Arial Black', arial,; color:#0483bd; font-size:20px;}	
.banner-click A:link {text-decoration: none; color:#0483bd;}
.banner-click A:visited {text-decoration: none; color:#0483bd;}
.banner-click A:active {text-decoration: none  color:#0483bd;}
.banner-click A:hover {text-decoration: underline}

.banner2 {font-family:Arial; color:#022c42; font-size:20px;}	


.table {font-family:Verdana, Arial, Helvetica, sans-serif, ;
	font-size: 12px;
	color:#022c42; font-weight:bold;}


/* Footer */

	
#footer{width:790px; height:80px; padding:5px;  background-color:#000000; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; position:relative;}	
#footer p {position:absolute; top:45px; left:107px; width: 537px; height: 26px; line-height:1.05em; text-align:center; }	
		
.footer a { color:#FFF;}

#icon{position: absolute; top:5px; right:0px; width:auto; height:auto; text-align:center; }
.icon span{display:none;}