.linkedin_tarang {
	background-image:url(../images/linkedin.gif);
	background-repeat:no-repeat;
	height:20px;
	font-size:12px;
	text-decoration:none;
	display:block;
	margin:2px 0 0 2px;
	color:#000;
	padding-left:20px;}
.linkedin_tarang:hover {
	font-weight:bold;}

body{
    margin:0 auto;
    padding:0;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size:12px; 
    background: #ededed url(../images/bg.gif) repeat-x fixed left top;
}

a, img, table, h1, h2, h3, h4, h5, h6, ul, li{
    border:0; padding:0; margin:0;
    outline: none;
    border-collapse:collapse;
}

.hide{
    display:none;
}

#wrapper{
    position:relative;
    display:block;
    width:964px;
    height:500px;
    margin: auto;
}

.header{
    position:relative;
    display: block;
    width:964px;
    height:85px;
}

h1.logo{
    display: block;
    width:175px;
    height:88px;
    margin-left:10px;
    background: url(../images/taranglogo_web.png) no-repeat;
}

/*==============================================================================
 icomenu styling
==============================================================================*/

.icomenu{
    display:block;
    /*width:350px;*/
    width:300px;
    height:22px;
}

.icomenu-items{
    list-style:none;
}

.icomenu-items li{
    float:left;
}

.icomenu-items li a{
    display:block;
    width:22px;
    height:22px;
    margin:0 8px 0 8px;
}

.careers{
    background: url(../images/ico-career.gif) no-repeat;
}

.feedback{
    background: url(../images/ico-feedback.gif) no-repeat;
}

.info{
    background: url(../images/ico-info.gif) no-repeat;
}

.downloads{
    background: url(../images/ico-downloads.gif) no-repeat;
}

.sitemap{
    background: url(../images/ico-sitemap.gif) no-repeat;
}

/*==============================================================================
 Menu Styling
==============================================================================*/

.menubar{
    display: block;
    width:870px;
    height:16px;
    margin:10px auto;
}

a.home_tags{
    font-size:20px;
    color:#666666;
    text-decoration:none;
}

a.home_tags:hover{
    color:#cc0000;
}

/*==============================================================================
 Banner & content Styling
==============================================================================*/
.banner{
    display:block;
    width:964px;
    height:266px;
    background: url(../images/banner-bg.gif) no-repeat;
    margin-top:10px;
}

.banner-buttons{
    display:block;
    width:964px;
    height:59px;
    background: url(../images/banner-buttons.jpg) no-repeat;
}

a.mpayments{
    float:left;
    display:block;
    width:318px;
    height:57px;
    margin-top:2px;
    background: url(../images/mpayments.png) no-repeat;
}
a.nfcpayments{
    float:left;
    display:block;
    width:318px;
    height:57px;
    margin-top:2px;
    background: url(../images/nfcpayments.png) no-repeat;
}

a.mlearning{
    float:left;
    display:block;
    width:318px;
    height:57px;
    margin-top:2px;
    background: url(../images/mlearning.png) no-repeat;
}

.banner-divider{
    float:left;
    display:block;
    width:1px;
    height:47px;
    border:0;
    background: url(../images/banner-divider.png) no-repeat;
}

.slideshow { 
    height: 207px; 
    width: 964px;
}

.slide-wrapper{
    width:964px;
    height:207px;
}

#cycleNav{
    position:absolute;
    top:325px;
    left:840px;
    z-index:999;
}

#cycleNav a {
    float: left;
    color:#929292;
    font-size:3px;
    font-weight:normal;
    width:12px;
    height:12px;
    background: url(../images/navi-bg.png) no-repeat;
    line-height:12px;
    display:inline;
    text-align:center;
    margin:0 1px;
    text-decoration:none;
}

#cycleNav a.activeSlide {
    background: url(../images/navi-bg-ov.png) no-repeat;
    color:#fff;
}

.txt-container{
    width:960px;
    border-width:0px 2px 0px 2px;
    border-style: solid;
    border-color: #bfbfbf;
    background-color:#ffffff;
    padding-top:15px;
    padding-bottom:35px;
}

.txt-container-bottom{
    display:block;
    width:964px;
    height:9px;
    background: url(../images/txt-cont-b.gif) no-repeat;
}

.txt-container p{
    margin:0px 15px 5px 15px;
    color:#666666;
}

.txt-container ul{
    margin-left: 20px;
    line-height: 24px;
    color:#666666;
    list-style:none;
}

.txt-container ul li{
    background: url(../images/bullet.gif) 5px no-repeat;
    padding-left:20px;
}

.txt-container .services-container{
    width:960px;
    height:200px;
    background-color:#e5e5e5;
}

.txt-container .news{
    margin-top:10px;
    width:320px;
    height:180px;
}

.txt-container .news{
    margin-top:10px;
    width:320px;
    height:180px;
    background: url(../images/dottedline.gif) left repeat-y;
}

.txt-container .news p{
    margin:10px 15px 15px 15px;
    text-align:justify;
    color:#333333;
    line-height:16px;
}

.txt-container .news a{
    font-size:12px;
    color:#cc0000;
    text-decoration: none;
}

.txt-container .news h2{
    margin:5px 15px;
    font-size:16px;
    font-weight:bold;
    color:#333333;
}

.txt-container .more{
    display: block;
    width:54px;
    height:15px;
    background: url(../images/more.gif) no-repeat;
    margin:15px;
}

#pscroller{
    width: 270px;
    height: 90px;
    margin:15px;
}

#pscroller p{
    margin:0;
}

/*==============================================================================
 Footer Styling
==============================================================================*/
.footer-top{
    margin:0;padding:0;
    margin-top:10px;
    display:block;
    width:964px;
    height: 9px;
    background: url(../images/footer-t.gif) no-repeat;
}

.footer{
    width:960px;
    height:130px;
    border-width:0px 2px 0px 2px;
    border-style: solid;
    border-color: #bfbfbf;
    background-color:#dfdfdf;
}

.copyright{
    width: 170px;
    height: 100px;
    color:#999999;
    text-align:center;
    padding: 10px;
    background: url(../images/dottedline.gif) right repeat-y;
}

.addrs{
    width: 250px;
    height: 100px;
    color:#666666;
    text-align:left;
    font-size:12px;
    line-height: 18px;
    padding: 10px 25px;
    background: url(../images/dottedline.gif) right repeat-y;
}

.phone{
    float:left;
    display:block;
    height:16px;
    width:16px; padding-left:3px;
    background: url(../images/ico-phone.gif) 0 4px no-repeat;
}

.mail{
    float:left;
    display:block;
    height:15px;
    width:15px; padding-left:3px;
    background: url(../images/ico-mail.gif) 0 4px no-repeat;
}

.links{
    width: 450px;
    margin-left:15px;
}

.links p{
    margin:10px 0 0 0; padding:0;  
}

.links a, .addrs a{
    color:#666666;
}
.icomenu input{
    position:relative;
    border:1px solid #ccc;
    padding:2px;
    
}

.icomenu .srch{
    position: relative;
    width:26px;
    height:24px;
    background: url(../images/srch.jpg) 0 2px no-repeat;
    border:0;
    margin-left:-5px;
    cursor:pointer;
    top/*\**/:6px\9 ;
    _top:0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.icomenu input{
    
    border:1px solid #ccc;
    padding:2px;
}

/*\*/
html>body*.icomenu input {padding:4px;}
/**/
input.srch{
    position: relative;
    width:26px;
    height:24px;
    background: url(../images/srch.jpg) 0 2px no-repeat;
    border:0;
    left:-2px;
    cursor:pointer;
    top:-3px;
    border:0px;
}
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body input.srch{
    position: relative;
    width:26px;
    height:24px;
    background: url(../images/srch.jpg) 0 2px no-repeat;
    border:0;
    margin-left:-5px;
    cursor:pointer;
    top:-1px;
    border:0px;
}