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

/* IMPORTANT for variable background gradient */
html, body { margin:0px; padding:0px; }
html { background-color:#7b9de0; }
body { padding-bottom:100px; padding-top:1px; background-color:#FFFFFF; background:-webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(86,141,231)), color-stop(0.1, rgb(255,255,255)));background:-moz-linear-gradient( center bottom, rgb(86,141,231) 0%, rgb(255,255,255) 10%); background-repeat:no-repeat; } /* padding-top keeps html bg color from bleeding at top */
a { text-decoration:none; color:#37adda; }

/* begin new menu system */
#menu { text-align:left; text-transform: uppercase; clear: both; margin-top: 15px; margin-bottom: 15px; font-size: 14px; font-weight: bold; width: 803px; }
#menu a { color: #1968b3; text-decoration: none; font-weight: bold; font-size: 12px; position: relative; display: block; width: 112px; padding: 0px; height: 24px; line-height: 24px; text-align: center; background: url(http://www.tatacommunications.com/_images/menu-bg.jpg) repeat-x; margin: 0px 1px 0px 2px; }
#menu a:hover, #menu a.active { color: #FFFFFF; background: url(http://www.tatacommunications.com/_images/submenu-bg.png); }
.menu-main-at, #menu a.menu-main-at { color: #000000; }
.mmmenu-sub { position: absolute; width: 100%; background: url(http://www.tatacommunications.com/_images/submenu-bg.png); display: none; z-index: 50; width: 757px; padding: 20px; color: #000000; font-size: 10px; font-weight: normal; text-transform: none; }
.submenu-div { color: #000000; font-size: 10px; }
.submenu-div a, #menu .mmmenu-sub a { color: #FFFFFF; font-size: 12px; font-weight: bold; background: none; display: inline; width:auto; height: auto; line-height:normal; margin:auto; text-transform: none;  }
.submenu-div a:hover, #menu .mmmenu-sub a:hover { text-decoration: none; }
#footer { clear: both; margin-top: 15px; font-size: 11px; color: #CCCCCC; padding-top: 15px; text-align: center; }
#footer a { text-decoration: none; color: #1968b3; margin: 0px 5px 0px 5px; }
#footer a:hover { color: #afbd21; }
#copyright { clear: both; margin-top: 5px; font-size: 10px; text-align: center; color: #4c4c4c; }
#submenu { clear: both; margin-top: -5px; margin-bottom: 15px; font-size: 11px; color: #CCCCCC; }
#submenu a { color: #FFFFFF; text-decoration: none; }
#submenu a:hover { color: #afbd21; }
.menu-sub-at, #submenu a.menu-sub-at { color: #afbd21; }
/* end new menu system */

/* basic styles */
body { min-height:800px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5a5b5e; }
.wrap { width:860px; margin-bottom:25px; text-align:left; position:relative; }
.wrap#header { margin-top:0px; margin-bottom:0px; }

/*
.menu { margin-top:25px; }
.menu.top { position:absolute; width:1000px; text-align:center; left:-65px; }
.menu .item { display:inline-block; width:118px; height:30px; padding-top:7px; padding-left:0px; z-index:25; }
.menu .item:hover, .menu .item.selected { background:url(../images/button_bg_blue.jpg); background-repeat:no-repeat; }
.menu a { font-size:14px; text-transform:uppercase; text-decoration:none; color:#2d2d2d; text-align:center; vertical-align:middle; }
.menu .item:hover a, .menu .item.selected a { color:#FFFFFF; }
/*

*/


.floater { clear:both; }
h1 { color:#a5ba05; font-size:17px; }
h2 { color:#1863de; font-size:18px; }
h2.big { color:#1863de; font-size:20px; }
ul.callout { color:#047ce0; list-style:none; font-size:18px; }
.container {  margin-right:50px; }
.text-container {margin-left:150px; }
#slidecontainer_bg {background-image: url(../images/banner-bg.jpg);	background-repeat: no-repeat;background-position: center -20px;
}
#slidecontainer { padding-top:5px; padding-bottom:5px; margin-bottom:25px; margin-top:15px; }
.modules#slidecontainer { border:0px; }
#slidecontainer-blank { padding-top:5px; padding-bottom:5px; margin-bottom:25px; margin-top:75px; }
#mediaspace, #mediaspace2 { position:absolute; left:0px; top:2px; width:370px; overflow:hidden; }
#box { background:url(../images/box_bg.jpg); background-repeat:no-repeat; min-height:160px; position:relative; margin-top:15px; }
.menu.home.box { background:url(../images/bar_blue.jpg); background-repeat:no-repeat; position:absolute; width:1000px; height:26px; color:#FFFFFF; text-transform:uppercase; font-size:13px; font-weight:bold; padding-top:5px; padding-left:140px; left:-65px; margin-top:20px; }
.menu.home.box div.column { width:100px; float:left; }
.column ul { margin:0px; padding:0px; color:#1863de; font-size:11px; font-weight:normal; text-transform:none; padding-left:5px; margin-top:12px; padding-right:10px; }

#bot { border-top:1pt dotted #2d2d2d; padding-top:20px; padding-bottom:20px; margin-left:10px; margin-right:15px; width:810px; }
#bot img { float:right; }
#bot .left { margin-right:15px; margin-bottom:15px; font-size:13px; width:225px; color:#124089; border:1pt solid #eeeeee; padding-left:15px; padding-bottom:10px; -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; -webkit-box-shadow: 0px 0px 10px;
-moz-box-shadow: 0px 0px 10px;
box-shadow: 0px 0px 10px;}
#bot .left#delivered-tab { margin-left:35px; }
#bot .left h3 { color:#aabd1b; font-size:15px; }
#bot a { text-decoration:none; color:#3c3c3d; font-weight:bold; }
#bot #botleft { line-height:2; text-transform:uppercase; font-size:13px; }
.left { float:left; }
#bot .button.selected { background-image:url(../images/button_bg_green.jpg); background-repeat:no-repeat; width:182px; height:32px; padding-top:3px; padding-left:4px; color:#FFFFFF; }

#footer, #footer .menu.footer { font-size:11px; color:#1554bb; text-align:center; margin-bottom:10px; }
.menu.footer a { color:#030303; text-decoration:none; font-size:11px; margin-left:5px; margin-right:5px; text-transform:none; }

 .menu-sub {
	position: absolute;
	background-color:#469ae0;
	display: none;
	z-index: 50;
	float:right;
	min-width: 75px;
	margin-top:7px;
	margin-left:2px;
	padding: 5px;
	padding-top:10px;
	padding-bottom:10px;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	text-transform: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; 
	z-index:15;
}
.submenu { float:left; width:150px; }
.submenu .item:hover a, .submenu .item.selected a { color:#FFFFFF; }

/*.submenu .item { display:inline-block; width:110px; background-color:#a5ba05; height:35px; padding-left:7px; padding-top:5px; margin-bottom:10px; }*/
.submenu .item { display:inline-block; width:110px; background-color:#1e72bb; height:35px; padding-left:7px; padding-top:5px; margin-bottom:10px; }
.submenu .item a { color:#FFFFFF; font-size:13px; font-weight:bold; text-decoration:none; }
.submenu .item:hover, .submenu .item.selected1 { background-color:#555658; }
.submenu .item:hover a, .submenu .item.selected a { color:#FFFFFF; }
.submenu .item1 { width:95px; padding-left:10px; padding-top:5px; }
.submenu .item1 a {
	font-family:Arial, Helvetica, sans-serif;
	color:#020202;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
}
.submenu .item1:hover, .submenu .item1.selected {  }
.submenu .item1:hover a, .submenu .item1.selected a { color:#FFFFFF; }
.menu .item:hover, .menu .item.selected1 { background:url(../images/button_bg_blue.jpg); background-repeat:no-repeat; }
.menu .item1:hover, .menu .item1.selected {  }
.menu .dropitem { display:inline-block; width:118px; height:30px; padding-top:7px; padding-left:0px; }
.menu .dropitem { display:inline-block; width:118px; height:30px; padding-top:7px; padding-left:0px; }
.menu .dropitem:hover, .menu .dropitem.selected {  background-repeat:no-repeat; }