/* CSS Document */


/* Layout */

.container{height:auto; width:865px; margin:auto; }

#header{height:178px; width:863px; position:relative; background-image:url(images/Header.jpg); background-repeat:no-repeat;}

.logo{display:block; height:135px; width:205px; position:absolute; top:38px; left:6px; cursor:pointer;}
.logo span{display:none; }

#number{position:absolute; top:3px; left:251px; width: 348px; height: 33px; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bolder; text-align:left; background-image:url(images/phone-icon.gif); background-repeat:no-repeat; background-position:left; padding-left:40px;}

.bbb{ display:block; position:absolute; top:3px; right:5px; width:81px; height:31px;  background-image:url(images/bbb.gif); background-repeat:no-repeat; background-position:left; border:0; cursor:pointer}



#menu{ height:27px; width:862px; background-image:url(images/menu-bg.gif); background-repeat:repeat-x; border-right:1px solid #3f73ba;  }


#divider {width:863px;height:10px; background-image:url(images/divider.gif); clear:both   }

#body {min-height:400px; width:861px; background-color:#FFFFFF; border-right:1px solid #3f73ba;border-left:1px solid #3f73ba; font-family:Arial; font-size:12px;color:#000000;font-weight:200 }


.clear{clear:both}

/* End Layout */


.call2action{padding:20px; height:auto; width:820px;  font-family:Arial;font-size:16px;color:#000; font-weight:bold; text-align:center;}
.button-clickhere{display:block; height:29px; width:133px; background-image:url(images/button-click-here.gif); background-position:left; float:left; }
.button-clickhere:hover{background-position:right}


.call2action2{padding:20px; height:auto; width:820px;  font-family:Arial;font-size:16px;color:#000; font-weight:bold; text-align:center;}
.button-clickhere2{display:block; height:29px; width:133px; background-image:url(images/button-click-here.gif); background-position:left; float:right; margin-right:10px;  }
.button-clickhere2:hover{background-position:right}



.button-clickhere-home{display:block; height:29px; width:133px; background-image:url(images/button-mobile.gif); background-position:left;  float:left;   }
.button-clickhere-home:hover{background-position:right}
.button-clickhere-home span {display:none;}




#aboutus{ padding:20px; background-image:url(images/atm-5.jpg); background-position:top right; background-repeat:no-repeat}

#affiliates{min-height:300px; padding:20px; background-image:url(images/atm-5.jpg); background-position:top right; background-repeat:no-repeat}


/* Footer Area */

.atm-brands{height:67px; width:260px; background-image:url(images/atm-provider.jpg); background-repeat:no-repeat; background-color:#FFFFFF; float:left}
.atm-brands-tranax{height:67px; width:200px; background-image:url(images/atm-tranax.gif);background-position:center;  background-repeat:no-repeat; background-color:#FFFFFF; float:left}
.atm-brands-nautilus{height:67px; width:199px; background-image:url(images/atm-nautilus.gif); background-position:center;  background-repeat:no-repeat; background-color:#FFFFFF;float:left}
.atm-brands-triton{height:67px; width:201px; background-image:url(images/atm-triton.gif);background-position:center;  background-repeat:no-repeat; background-color:#FFFFFF; float:left}




#right{ width:221px; height:570px; float:right; border-right: solid 1px #000000; height:auto; }

#left {width:638px ; height:570px;float:left; background-image:url(images/dark.gif); background-repeat:repeat-y;
margin:0px 0 0 0px;
	position:relative; }





/**/

.atmbox{float:left ; border-right:1px dotted #000000; width:265px ; height:216px; padding-right:25px; text-align:justify;}
.atmbox2{float:left ;  width:265px ; height:216px; text-align:justify;}

/**/

div#section1 {background-image:url(images/atm-machine.jpg) ; background-repeat: no-repeat;
background-position: 0% -10%;

height:230px; 
}

div#section1-right{ margin-right:20px; margin-top:0px;float:right; }
div#section1-left {margin-top:75px;width:300px ;height:51px; float:left;} 

div#divider2 {width:638px;height:10px; background-image:url(images/divider.gif) ;clear:both;  }


div#section2{
	border-left: 0px solid #000000;
	background-image:url(images/gray-bg.gif);
	background-position: 100% 0%;
	overflow: auto;
	width:638px;
	height:248px;
	position:relative;
	left: 0px;
	top: 0px;
}



div#section2-right{float:right;
margin-top:0px;
width:376px;
height:248px;
position:relative;


}

div#section2-left {float:left;  border-left:solid 1px #424242;background-image:url(images/gray-bg.gif);
width:261px;
height:248px; 
position:relative;
} 

 
/*FOOTER*/


#footer {width: 861px;height:auto;background-image:url(images/footer.gif); font-family: Arial ;font-size: 12px; color:#ffffff; border:solid 1px #424242;}


#footer ul {display:block; float:left; width:170px; height:auto; list-style:none;}
#footer ul li a{ color:#fff;}

#footer a:link {text-decoration:none; color:#fff;}
#footer a:visited {text-decoration:none; color:#fff;}
#footer a:active {text-decoration:none; color:#fff;}
#footer a:hover {text-decoration:underline; color:#fff;}

 
#footer-right{ margin-right:20px; float:right; }
#footer-left {margin-left:10px;width:300px ;height:80px; float:left;} 
 
 
 
 
 
#column {border-right: 1px  dotted #000000; 
}



/* Type */
.title{ font-family:Arial; font-size:18px;color:#a2c3f9;}

.blue { font-family:Arial;font-size:17px;color:#2251a7; font-weight:bold}

.subcategories-white { font-family:Arial;font-size:16px;color:#fff; }

.subcategories-black { font-family:Arial;font-size:16px;color:#000; font-weight:bold}

.subcategories-blue { font-family:Arial;font-size:13px;color:#2251a7; font-weight:bold}

.subcategories-gray { font-family:Arial;font-size:13px;color:#424242; font-weight:bold}

.content{ }

.white { font-family:Arial; font-size:13px;color:#ffffff;}


.highlite{ font-family:Arial; font-size:12px;color:#424f76;}


#services-breadcrumb{height:10px;padding:10px;position:relative;}

.subcategories { font-family:Arial;font-size:11px;color:#2251a7; font-weight:400}
.subcategories a:link {text-decoration:none; color:#2251a7}
.subcategories a:visited {text-decoration:none; color:#2251a7}
.subcategories a:active {text-decoration:none; color:#2251a7}
.subcategories a:hover {text-decoration:underline; color:#2251a7}




ul.ERA-bullet {
  list-style-image: url(images/ERA-bullet.gif)
}

.bullet { margin-bottom: 7px}




.red-arrow {font-family:Arial; font-size:15px;color: #DA2D39;
	}