@import url("reset.css");

body {text-align:center; font:normal 62.5%/1.1em Arial, Helvetica, sans-serif; background:url(../images/core/page_background.png) repeat-x top left;}
#wrapper{margin:0 auto;	width:980px; text-align:left; background:#fff url(../images/core/page_background.png) repeat-x top left; font-size:1.15em;	line-height:1.35em; color:#666666;}

/* = Tag Elements
============================================================= */
h1, h2, h3{font-size:1.6em;	color:#253782; margin:0.5em 0; line-height:1.2em;}
h2,h3{font-size:1.3em; font-weight:bold; color:#000033;}
h3{font-size:1.1em;	color:#000;}
a{color:#283d90; font-weight: bold; text-decoration: none;}
a:hover{text-decoration:underline;}
p{margin:0.6em 0; font-size:1.1em; line-height:1.5em;}
h1 + p{margin-bottom:1.3em;}
p + h2{margin-top:1.5em;}
p + h3{margin-top:1.5em;}
strong{font-weight:bold;}
p.orange {color:#F26116;font-weight:bold;}
div.dotted {background-image:url(../images/dotted.gif);height:3px;}
#divImg{float:right; width:201px; height:205px;margin-bottom:30px;}
#divImg.termi{height:425px;margin-bottom:0px;}
.bannergif {clear:both;margin-left:19px;padding-top:20px;text-align:center;}

/* = Header
------------------------------------------- */
#header{position:relative; width:100%; height:100px; margin-bottom:5px;}
#logo{position:absolute; top:40px; left:15px;}
#topnav{float:right; list-style:none; margin-top:5px; color:#fff;}
#topnav li{float:left;}
#topnav li a{text-decoration:none; font-size:1.05em; color:#fff;}
#topnav li a:hover{text-decoration:underline;}
#headphone{position:absolute; right:130px; top:36px;}
img.email{width:243px; height:49px;}
#callback{position:absolute; top:40px; right:20px;}

/* = Top Nav
-------------------------------------------- */
#mainnav{height:32px; width:980px; list-style:none; background-image:url(../images/core/menu_bar.png);}
#mainnav li{float:left;}
#mainnav li a{display:block; height:32px; text-indent:-999px; overflow:hidden; background:url(../images/core/menu_nav2.png) no-repeat 0 0;}
#mainnav li a.aboutus{width:73px; background-position:0 0;}				#mainnav li a.aboutus:hover, #aboutus #mainnav li a.aboutus{width:73px; background-position:0 -32px;}
#mainnav li a.serv{width:84px; background-position:-73px 0;}			#mainnav li a.serv:hover, #serv #mainnav li a.serv{width:84px; background-position:-73px -32px;}
#mainnav li a.market{width:99px; background-position:-157px 0;}			#mainnav li a.market:hover, #market #mainnav li a.market{width:99px; background-position:-157px -32px;}
#mainnav li a.intro{width:80px; background-position:-256px 0;}			#mainnav li a.intro:hover, #intro #mainnav li a.intro{width:80px; background-position:-256px -32px;}
#mainnav li a.partners{width:64px; background-position:-336px 0;}		#mainnav li a.partners:hover, #partners #mainnav li a.partners{width:64px; background-position:-336px -32px;}
#mainnav li a.news{width:50px; background-position:-400px 0;}			#mainnav li a.news:hover, #news #mainnav li a.news{width:50px; background-position:-400px -32px;}
#mainnav li a.faq{width:42px; background-position:-450px 0;}            #mainnav li a.faq:hover, #faq #mainnav li a.faq{width:42px; background-position:-450px -32px;} 

#mainnav li a.case{width:85px; background-position:-492px 0;}			#mainnav li a.case:hover, #case #mainnav li a.case{width:85px; background-position:-492px -32px;}
#mainnav li a.quote{width:102px; background-position:-577px 0;}			#mainnav li a.quote:hover, #quote #mainnav li a.quote{width:102px; background-position:-577px -32px;}
#mainnav li a.contact{width:79px; background-position:-679px 0;}		#mainnav li a.contact:hover, #contact #mainnav li a.contact{width:79px; background-position:-679px -32px;}
#mainnav li a.testimonials{width:83px; background-position:-758px 0;}	#mainnav li a.testimonials:hover, #testimonials #mainnav li a.testimonials{width:83px; background-position:-758px -32px;}
#mainnav li a.careers{width:60px; background-position:-841px 0;}		#mainnav li a.careers:hover, #careers #mainnav li a.careers{width:60px; background-position:-841px -32px;}
#mainnav li a.home{width:44px; background-position:-901px 0;}			#mainnav li a.home:hover, #home #mainnav li a.home{width:44px; background-position:-901px -32px;}

/* = Column A
-------------------------------------------- */
#colA{float:left;width:765px; padding: 5px;}
#home #colA{padding: 0;}
#contentContainer{padding:0 10px;}
.heading{width:440px;height:27px;margin-top:10px;}
.moreinfo{width:80px;height:20px;}
#colA ul{padding: 5px;margin-left:20px;list-style-type:none;}
#colA ul li{padding: 0px 0px 0px 20px; background: url(../images/list_img_sm.gif) no-repeat 0 0; margin-bottom: 5px;font-size:1.1em;line-height:140%;}
#colA ul li ul li{padding: 0px 0px 0px 20px; background: url(../images/list_img_sm.gif) no-repeat 0 0; margin-bottom: 5px;margin-left:0px;font-size:1.0em;line-height:120%;}
/* = Column B 
-------------------------------------------- */
#colB{float:right; width:200px;}
#home #colB{width:210px;}

/* = Footer
--------------------------------------------- */
#creditbar { margin:0 auto; margin-top:10px; margin-bottom: 10px; width:980px; height:25px; background: url(../images/core/cardfooter.gif) no-repeat 0 0;}
#footerbar{ margin:0 auto; margin-top:10px; margin-bottom: 10px; align:center;width:980px; height:32px; background: url(../images/core/footer.png) no-repeat 0 0;}
#footer p{margin:2px 0; text-align: center;}
#footer #regnum{font-size: 0.9em;}

/* = HOME PAGE 
---------------------------------------------------------------- */

/* = Home title - added 9/6/09
-------------------------------------------- */
#hometitle {margin:10px 0 0 0;padding:0 0 5px 0; border-bottom: 1px solid #DDDDDD;}
#hometitle h1 {float:left;margin:0;padding:0;text-indent:-5000px;width:390px;height:25px;}
.unbeatable {background:url(../images/headings/h1-rates.gif) left top no-repeat;}
#hometitle h2 {float:left;margin:0;padding:0;text-indent:-5000px;width:421px;height:36px;}
.terminal {background:url(../images/headings/h2-terminal.gif) left top no-repeat;}
#hometitle div.button {float:right;margin:0;padding:0;}
/* = Home News
-------------------------------------------- */
#homenews{float:right; position:relative; width:190px; border: 1px solid #dfdfdf; border-top: none; margin-top:18px;}

#homenews{float:right; position:relative; width:190px; border: 1px solid #dfdfdf; border-top: none; margin-top:18px;}
#homenews h1{text-indent:-4000px; height:25px; width:191px; line-height: 0;}
#homenews .snippet{margin: 10px 15px 10px 15px; padding-bottom: 10px; border-bottom: 1px solid #dfdfdf;}
#homenews .snippet.last{border-bottom: none;}
#homenews .snippet p{margin:0.3em 0; font-size:1em; line-height:1.3em;}
#homenews .snippet.top{margin-top: 30px;}
#homenews h1.news{background: url(../images/home/news_header.png) no-repeat 0 0;} 
#homenews h1.casestud{background: url(../images/home/case_studies.png) no-repeat 0 0;}
#homenews h1.testi{background: url(../images/home/testimonials.png) no-repeat 0 0; position:absolute; top:-14px; left:-1px; width:192px;}}
#homenews h1.testi a{display: block; text-indent: -20000px; width: 100%; height: 100%;}

/* = Home Info
-------------------------------------------- */
#homeinfo{position:relative; border:0px solid #e6e6e6; width:760px; border-top: none; background: url(../images/home/homeinfo_bckgr.png) repeat-x 0 0; }
#homeinfo #leftcol,#homeinfo #middlecol,#homeinfo #rightcol{float: left;margin:0px;padding:0px;}

#leftcol{width:251px;}
#leftcoltop{width:251px;height:34px;background: url(../images/home/market_sec_header.gif) no-repeat 0 0;}
#leftcolcontent{padding-top:10px;border:1px solid #e6e6e6;background: transparent url(../images/home/credit_card1.jpg) no-repeat bottom right;height:460px;}

#middlecol{width:250px;}
#middlecoltop{width:250px;height:34px;background: url(../images/home/our_serv_header.gif) no-repeat 0 0;}
#middlecolcontent{padding-top:10px;border:1px solid #e6e6e6;border-left:none;background:transparent  url(../images/home/card_machine1.jpg) no-repeat bottom right;height:460px;}

#rightcol{width:259px;}
#rightcoltop{width:259px;height:34px;background: url(../images/home/intro_header.gif) no-repeat 0 0;}
#rightcolcontent{padding-top:10px;border:1px solid #e6e6e6;border-left:none;background:transparent  url(../images/home/card_stack1.jpg) no-repeat bottom right;height:460px;}

#homeinfo .content{padding: 5px;}
#homeinfo h1{height:34px; line-height: 0; margin-bottom: 5px;}
#homeinfo p{font-size: 1.0em;}
#homeinfo p.bold{font-size: 1.1em;}
#homeinfo ul{list-style-type:none; margin-left: 10px;}
#homeinfo ul li{padding-left: 24px; background: url(../images/list_img.png) no-repeat 0 0; margin-bottom: 10px;}
#homeinfo ul li a, #homeinfo ul li strong{color:#122984; font-size: 1.1em;}
#homeinfo .imgcont{float:right; margin:5px 0 0 5px;}
img.introbut{margin-left:32px;}

/*
#homeinfo_head{position: absolute; top: 0; left:-1px; height:34px; width:76px; background: url(../images/home/homeinfo_head.png) no-repeat 0 0;}
#homeinfo .imgcont.col1{width:74px; height:73px; }  
#homeinfo .imgcont.col2{width:74px; height:73px; margin-right: -10px;}
#homeinfo .imgcont.col3{width:78px; height:123px; background:transparent  url(../images/home/card_stack.jpg) no-repeat 0 0;margin-right: -13px;} 
*/

/* = SECTORS
--------------------------------------------------------------- */
#SecDiv{width:750px;clear:both;}
#secDivCol{float:left;width:374px;padding:0px;margin-top:10px;}
#secDivColr{float:right;width:374px;padding:0px;margin-top:10px;}
.topImg{width:374px; height:31px;}
#topRetail{width:374px;height:31px;padding:0px;margin:0px;}
#topEcommerce{width:374px;height:31px;padding:0px;margin:0px;}
#topMobile{width:374px;height:31px;padding:0px;margin:0px;}
#topGroup{width:374px;height:31px;padding:0px;margin:0px;}
#retailBot{width:374px;height:145px;padding:5px;margin:0px;background: url(../images/sectors/retail_bot.jpg) no-repeat;}
#ecommerceBot{width:374px;height:145px;padding:5px;margin:0px;background: url(../images/sectors/ecommerce_bot.jpg) no-repeat;}
#mobileBot{width:374px;height:145px;padding:5px;margin:0px;background: url(../images/sectors/mobile_bot.gif) no-repeat;}
#groupBot{width:374px;height:145px;padding:5px;margin:0px;background: url(../images/sectors/group_bot.jpg) no-repeat;}
p.sec {width:270px;line-height:1.25em;}
p.retailsec {width:230px;line-height:1.25em;}

#partnerBot{width:362px;padding:5px;margin:0px;border:solid #ccc 1px; text-align:center;}

/* = SERVICES
--------------------------------------------------------------- */
.servCol{width:244px;float:left;margin:10px 10px 0px 0px;}
.servColr{width:244px;float:left;margin:10px 0px 0px 0px;}
#servTop{padding:0px;margin:0px;width:244px;height:31px;}
#servTop1{padding:0px;margin:0px;width:244px;height:31px;}
#servTop2{padding:0px;margin:0px;width:244px;height:31px;}
#servNew{width:244px;height:225px;background: url(../images/services/newtocards_bot.jpg) no-repeat;padding:0px;margin:0px;}
#servTerm{width:244px;height:225px;background: url(../images/services/terminals_bot.jpg) no-repeat;padding:0px;margin:0px;}
#servCons{width:244px;height:225px;background: url(../images/services/consultancy_bot.jpg) no-repeat;padding:0px;margin:0px;}
p.serv{padding:5px 5px 8px 13px;margin:0px;}
.servBut{width:80px;height:20px;margin:0px 0px 0px 13px;}
.servImg{width:244px; height:31px;}

/* = CASE STUDIES
   = NEWS
   = TESTIMONIALS
---------------------------------------------------------------- */
.article_snippet{padding:10px 5px; margin-bottom: 10px;}
.article_snippet .cont{margin-left: 110px;}
.article_snippet.alt{background-color:#F2F2F2;}
.article_snippet h2 a{text-decoration:underline;}
.article_snippet img{border:1px solid #CFCFCF;}

#finfo{clear:both; margin-top:10px; padding:5px; background-color:#DFE5FF; border: 1px solid #B7BFE7; color:#000;}

#pagelinks{padding: 5px; margin-bottom:10px;  background-color:#D4D9F1; font-size: 1.1em; font-weight: bold; color:#000;}
#pagelinks span{float:right; margin-left: 10px; font-size: 0.9em;}
#pagelinks a{color: #1D349F; text-decoration:underline;}

span.testimonial-name{display: block; margin-top: 4px; font-style: italic;}
p.testimonial{font-size: 1.3em;}
.testimonialsnippet{border-bottom:1px solid #DFDFDF;}

/* = FAQ
--------------------------------------------------------------- */
.column1,.column2{float:left; width:45%; margin-right: 20px;}
.column1 ul,.column2 ul,#finfo ul{margin-left:20px;}
.column1 ul li p{font-size:1em;}

/* = General Styles
--------------------------------------------- */
.orange{color:#f36a23;}
a.arrow{padding-right:10px; background:url(../images/nav_arrow.png) no-repeat center right;} 
.hide{position:absolute; left:-9000px;}
.lfloat{float:left;}
.rfloat{float:right;}
.bold{font-weight:bold;}
.imgR, .imgL, .imgR_nb, .imgL_nb{float:right; border:1px solid #C6D6E3; margin:0 0 10px 10px;}
.imgL, .imgL_nb{float:left; margin:0 10px 10px 0;}
.imgR_nb, .imgL_nb{border:none;}
.noborder{border:none;}
.center{text-align:center;}
.clear{clear:both;}
 
/* CLEARING FLOATS (http://www.positioniseverything.net/easyclearing.html) -------------------------------------------------------------------------------------------------------------- */
.clearfix:after {content: "."; clear: both; height: 0; visibility: hidden; display: block;}
.clearfix {display: inline-block;}
/* Hides from MacIE \*/           
* html .clearfix {height: 1%;}
.clearfix {	display: block;}
/* End hide from MacIE */