@charset "utf-8";

@font-face {  
  font-family: "Avenir";  
  src: url(files/Avenir.eot); /* IE */  
  src: local("Avenir"), url(files/Avenir.ttf) format("truetype"); /* non-IE */  
}  

#top {background-color: #eee; background-image: url('files/bg.jpg'); background-position: bottom; background-repeat: repeat-x; font-family: Verdana, Arial;}
#wrapper {width: 65em; margin: auto; background-color: #FFF; border-top-right-radius: 20px; -webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px; border-top-left-radius: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-topright: 20px; border-width: 1px; border-color: #000; border-style: solid; -webkit-box-shadow: 0px 10px 15px #000; -moz-box-shadow: 0px 10px 15px #000; box-shadow: 0px 10px 15px #000; /* IE 8 shadow */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=180, Color='#000000')"; 	/* IE pre-8 shadow */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=180, Color='#000000'); margin-bottom: 25px;}
#logo {background-image: url('files/hsmg.jpg'); float: left; width: 7em; height: 2.5em; text-align: center; font-weight: bold;}
#banner {background-image: url('files/banner.jpg'); width: 45.6em; height: 5em; float: right; margin-top: 1.35em; text-align: center; font-weight: bold;}
#content {float: left; width: 40em; margin-left: .5em;}
#testimonial {float: right; width: 180px; height: 800px; position: relative; bottom: 23px; left: 1px;}
.imagebreak {position: relative; bottom: 4px;}
.imagebreak2 {position: relative; bottom: 8px;}
.hdr {text-align: center; font-weight: bold;}
.middle {margin-left: auto; margin-right: auto; text-align: center;}
.middle2 {margin-left: 5em; margin-right: auto; width: 176px; position: relative; float: left;}
.middle3 {margin-left: auto; margin-right: 5em; width: 176px; float: right;}
#navOne {background-image: url('files/navlinks.jpg'); background-repeat: no-repeat; float: right; clear: right; width: 45em; height: 2.5em; position: relative; right: 10px;}
a:link {color: #1c559a; text-decoration: none; text-transform: uppercase; font-weight: bold;}
a:visited {color: #0a3378; text-decoration: none; text-transform: uppercase; font-weight: bold;}
a:hover {color: #1c66dd; text-transform: uppercase; font-weight: bold; text-decoration: underline;}
a:active {color: #602; text-transform: uppercase; font-weight: bold; text-decoration: underline;}
#paymentSolutions {width: 15em; height: 2.5em; position: relative; top: 9px; left: 10px;}
#terminalsSoftware {width: 17em; height: 2.5em; position: absolute; top: 9px; left: 230px;}
#freeQuote {width: 10em; height: 2.5em; position: absolute; top: 9px; left: 510px; z-index: 999;}
#FAQs {width: 5.5em; height: 3em; position: absolute; top: 9px; left: 670px; z-index: 1000;}
#dot1 {position: absolute; left: 215px; bottom: 13px; color: #1c559a; width: 10px;}
#dot2 {position: absolute; left: 491px; bottom: 13px; color: #1c559a; width: 10px;}
#dot3 {position: absolute; left: 640px; bottom: 13px; color: #1c559a; width: 10px;}
#application {float: left; width: 210px; height: 800px; position: relative; top: 15px; right: 1px;}
#rates {width: 40em; height: 200px;}
#footer {background-color:#666; clear: both; text-align: center; color: #fff;}
#copyright{font-family: Helvetica, Gothic, Verdana; font-weight: 800; font-size: 11px;}
#copyright a:link a:visited a:active a:hover {color: #fff; text-decoration: underline;}
#h3 {clear: both;}
.indent {margin-left: 20px;}
.up {position: relative; bottom: 10px;}
.centered {text-align: center;}
.memberup {position: relative; bottom: 10px;}
#terminaldiv {background-image: url('files/terminaldiv.png'); width: 615px; height: 327px;}
#middle2 {background-image: url('files/retailblank.png'); margin-left: 5em; margin-right: auto; width: 176px; height: 92px; float: left; padding-top: 80px; text-align: center;}
#middle3 {background-image: url('files/mailblank.png'); margin-left: auto; margin-right: 5em; width: 176px; height: 92px; float: right; padding-top: 80px; text-align: center;}