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

*{
margin-left: auto;  
margin-right: auto; 
margin-top: auto;  
}
body{
background-color:#f0f0f0;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:.05em;
font-size:11px;
color:#5a5a5a;
}
#maincontianer{
width:100%;
height:100%;
background-image:url(../images/maingrey.jpg);
background-repeat:repeat-x;
text-align:center;
float:left;
}
#mainframe{
width:969px;
height:auto;
}

#topmenuarea{
width:100%;
height:140px;
}
.logoarea{
width:100%;
height:106px;
}
.topleft{
width:22px;
position:relative;
float:left;
}
.topmenu{
width:auto;
position:relative;
float:right;
}
.topmenuleft{
width:auto;
position:relative;
float:left;
}
.topmenuright{
width:auto;
position:relative;
float:right;
}
.topcenter{
width:924px;
height:106;
position:relative;
float:left;
background-image:url(../images/topstrip_bg.jpg);
background-repeat:repeat-x;
text-align:left;
}
.topflash{
width:924px;
height:106;
position:relative;
float:left;
text-align:left;
}
.topright{
width:22px;
position:relative;
float:left;
}
.logo{
width:auto;
position:relative;
float:left;
}
.phonechat{
width:auto;
position:relative;
float:right;
}
.phonechat a, a:hover, a:visited, a:active{
cursor:pointer;

}
img{
border:0px;
}

.topmenumain{
width:969px;
position:relative;
float:left;
}
.topmenuleft{
	position:relative;
	float:left;
}

#aniarea_main{
	width:969px;
	position:relative;
	float:left;
	background-image:url(../images/mainbackground.jpg);
	background-repeat:repeat-y;
}
#aniarea_main1{
width:969px;
height:auto;
position:relative;
float:left;

}
.ani_main{
width:100%;
}
.servicearea{
position:relative;
text-align:center;
}
.serviceslink{
width:100%;
height:auto;
text-align:center;
}
.newsflash{
position:relative;
float:left;
height:20px;
margin-top:10px;
margin-left:10px;
width:95%;
height:auto;
text-align:left;
padding:2px;
border-top:1px dashed #EBEBEB;
border-bottom:1px dashed #EBEBEB;

}
.newshead{
position:relative;
float:left;
}
.newshead h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
margin:0px;
}
.newshead h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
margin:0px;
}
.news{
position:relative;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-top:2px;
width:800px;
}
.news a{
text-decoration:none;
}

#contentarea{
position:relative;
float:left;
width:100%;
height:18;
}
.contarea_top{
position:relative;
float:left;
width:100%;
height:18px;
}
.contarea_mid{
position:relative;
float:left;
width:100%;
height:100%;
}
.contentplace{
width:96%;
height:100%;
text-align:center;
float:left;
padding-left:20px;
}
.servicepack{
margin:0px 5px 5px 5px;
width:290px;
height:135px;
float:left;
position:relative;
border:5px solid  #EFEFEF;
}
div.servicepack p{
padding:0px 8px 0px 8px;
text-align:left;
}
.servicepack a{
color:#666666;
text-decoration:none;
}

.contentplace_left{
width:575px;
height:auto;
text-align:left;
padding:0px 10px 0px 30px;
margin-right:10px;
float:left;
}
.contentplace_right{
width:280px;
margin-right:10px;
padding:5px;
height:auto;
text-align:left;
position:relative;
float:right;
background-color: #F3F3F3;
}


.contarea_bot{
width:100%;
height:21px;
float:left;
}

#botarea{
width:100%;
height:100%;
float:left;
}

.botarea_left{
width:25px;
height:186px;
position:relative;
float:left;
}
.botarea_mid{
width:928px;
height:186px;
background:url(../images/botmid.jpg) repeat-x;
position:relative;
float:left;
text-align:left;
}
.botarea_right{
width:24px;
height:186px;
position:relative;
float:right;
}
.bottomcon_left{
margin:10px 0px 20px 0px;
width:615px;
height:140px;
position:relative;
float:left;
}
.bottomcon_separator{
margin:0px;
width:16px;
height:186px;
position:relative;
float:left;
}
.bottomcon_right{
margin:20px 0px 20px 0px;
width:240px;
height:140px;
position:relative;
float:left;
}
#copyrightarea{
position:relative;
float:left;
width:100%;
height:auto;
font:11px Arial, Helvetica, sans-serif;
color:#858585;
}
#copyrightarea p{
text-align:center;
}
#copyrightarea a{
text-decoration:none;
color:#858585;
font-weight:bold;
}
#copyrightarea a:hover{
text-decoration:underline;
color:#858585;
font-weight:bold;
}
#copyrightarea b{
color:#858585;
font-weight:bold;
}
p{
line-height:1.5em;
padding-bottom:10px;
}

.headertype{
font-size:18px;
color:#a5a5a5;
}
strong{
color:#cd6282;
}
.moreinfo {
display:block;
background:url(../images/bullet1.jpg) no-repeat;
padding-left:15px;
text-decoration:none;
color:#cd6282;
margin-top:5px;
}

.coporatetab{
height:100%;
}
.tabcontent{
width:auto;
height:100%;
padding-right:20px;
position:relative;
float:left;
}

.tabcontent ul li{
list-style-image:url(../images/bullet2.jpg);
margin:0px 10px 5px 20px;
color:#cd6282;
font-weight:bold;
}

.tabcontent ul li a{
color:#999999;
text-decoration:none;
}
.tabcontent ul li a:hover{
color:#cd6282;
text-decoration:underline;
}
.groupcont{
background:#F5F5F5;
border:1px solid  #CCCCCC;
padding:0px 5px 5px 5px;
margin-bottom:10px;
}
.groupcont h3{
color:#828282;
}
.groupcont2{
background:#E4E4E4;
border:1px solid  #CCCCCC;
padding:0px 5px 5px 5px;
margin-bottom:10px;
}
.subline{
color:#cd6282;
}
.groupcont2 h3{
color:#000000;
}
.botcontent{
width:150px;;
height:100%;
position:relative;
float:left;
padding:0px 20px 0px 0px;
margin:10px;
border-right:1px dotted #CCCCCC;
text-align:left;
}
.botcontent1{
width:335px;;
height:100%;
position:relative;
float:left;
padding:0px 20px 0px 0px;
margin:10px;
border-right:1px dotted #CCCCCC;
text-align:left;
}
.botcontent a{
display:block;
margin-bottom:5px;
}
.botcontent2 a{
display:block;
margin-bottom:5px;
}
.botcontent2{
width:150px;;
height:100%;
position:relative;
float:left;
padding:0px 20px 0px 0px;
margin:10px;

text-align:left;
}

ul.bottomul li{
list-style:none;
margin-bottom:5px;

}

ul.bottomul li a{
color:#666666;
text-decoration:none;
}
ul.bottomul li a:hover{
color:#cd6282;
text-decoration:underline;
}
.botcontent h4{
margin-bottom:10px;
font-size:16px;
}
.botcontent2 h4{
margin-bottom:10px;
font-size:16px;
}
h3{
padding:10px 0px 0px 0px;
}
.contactdetail{
width:240px;
height:auto;
position:relative;
float:left;
padding:0px 10px 0px 0px;
}
.contactdetail2{
width:290px;
height:auto;
position:relative;
float:left;

padding:0px 10px 0px 20px;
}
.contactform{
width:305px;
height:auto;
position:relative;
float:left;
margin-left:8px;
border-left:1px solid #EBEBEB;
padding:0px 0px 0px 10px;
}
.knowledgebase{
margin-top:10px;
width:100%;
clear:both;
height:auto;

}
label{
display:block;
width:120px;
float:left;
margin-bottom:5px;
font-weight:bold;
}
.textone{
display:block;
width:180px;
position:relative;
float:left;
margin-bottom:5px;
border:1px solid #CCCCCC;
background-color:#F5F5F5;
}
#verif_box{
display:block;
width:100px;
position:relative;
float:left;
margin-bottom:5px;
border:1px solid #CCCCCC;
background-color:#F5F5F5;
}
.textarea{
	display:block;
	
	position:relative;
	float:left;
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	background-color:#F5F5F5;
}.textfield{
	display:block;
	width:180px;
	position:relative;
	float:left;
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	background-color:#F5F5F5;
}
}.textfield2{
	display:block;
	width:180px;
	position:relative;
	float:left;
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	background-color:#F5F5F5;
}
.textarea2{
	display:block;
	width:180px;
	position:relative;
	float:left;
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	background-color:#F5F5F5;
	
}
.submit{
width:auto;
margin-left:120px;
border:1px #CCCCCC;
}
h1,h2,h3,h4,h5,h6{
font-family:Arial, Helvetica, sans-serif;
margin-bottom:5px;
}
h4{
font-size:14px;
}
.contentplace_left .headarea{
margin-bottom:10px;
padding-bottom:5px;
font-size:20px;
display:block;
border-bottom:2px solid #CCCCCC;
color:#c43f65;
}
p{
margin:5px 0px 0px 0px;
text-align:justify;
}
.contactdetail h4,h5, .contactform h4,h5{
color:#cd6282;
}
.select{
display:block;
width:180px;
position:relative;
float:left;
margin-bottom:5px;
border:1px solid #CCCCCC;
background-color:#F5F5F5;
}
.querylist{
width:400px;
height:auto;
}
.contentareaul{
margin-left:40px;
}
hr{
height:1px;
color:#EEEEEE;
}
.bottomline{
float:left;
position:relative;
}
.error{
color:#FF0000;
clear:left;
padding-left:120px;
}
#tabMenu {margin:0;padding:0 0 0 15px;list-style:none; float:left;}
#tabMenu li {float:left;height:62px;width:153px;cursor:pointer;cursor:hand; padding-left:2px;}

li.corporate {background:url(../images/corporatebtn.jpg) no-repeat  0 -62px;}
li.home {background:url(../images/homebroadbandbtn.jpg) no-repeat 0 -62px;}
li.webhosting {background:url(../images/webhostingbtn.jpg) no-repeat 0 -62px;}
li.software {background:url(../images/softwarebtn.jpg) no-repeat 0 -62px;}
li.network {background:url(../images/networkbtn.jpg) no-repeat 0 -62px;}
li.addon {background:url(../images/addonbtn.jpg) no-repeat 0 -62px;}

li.mouseover {background-position:0 0;}
li.mouseout {background-position:0 -62 px;}
li.selected {background-position:0 0;}

.box {width:98%;}
.boxTop {
background:url(../images/linebg.jpg);
background-repeat:repeat;
height:5px;
clear:both
}
*html .boxTop {margin-bottom:-2px;}
.boxBody {background-color:#ffffff; width:100%; text-align:left; height:200px; top:0px; border-bottom:1px dotted #CCCCCC;}
.boxBottom {background:url(../images/boxBottom.gif) no-repeat;height:11px;}

.boxBody div {display:none; }
.boxBody div.show {display:block;}
.boxBody #category a {display:block;}

.boxBody div ul {margin:0 10px 0 25px;padding:0;width:190px;list-style-image:url(../images/arrow.gif)}
*html .boxBody div ul {margin-left:10px;padding-left:15px;}
.boxBody div li {border-bottom:1px dotted #8e8e8e; padding:4px 0;cursor:hand;cursor:pointer;}
.boxBody div ul li.last {border-bottom:none}
.boxBody div li span {font-size:8px;font-style:italic; color:#ffffff;}
.boxBody .leftpara{margin-top:10px; margin-left:10px; padding:5px; width:280px; float:left; position:relative; margin-right:15px;}
.boxBody .centerpara{margin-top:0px; padding:5px; width:310px; float:left; position:relative; margin-right:15px;}
.boxBody .rightpara{margin-top:10px; padding:10px; width:250px; float:left; position:relative;}
.boxBody .rightpara .headline{font-size:18px; color:#3399FF;}
.boxBody .leftpara .homeuser{font-size:18px; color:#3399FF;}
.boxBody .rightpara .corpline{font-size:18px; color:#678cc9;}
.boxBody .leftpara .corpuser{font-size:18px; color:#678cc9;}
.boxBody .rightpara .webline{font-size:18px; color:#728a03;}
.boxBody .leftpara .webuser{font-size:18px; color:#728a03;}
.boxBody .rightpara .softline{font-size:18px; color:#8007b9;}
.boxBody .leftpara .softuser{font-size:18px; color:#8007b9;}
.boxBody .rightpara .netline{font-size:18px; color:#865310;}
.boxBody .leftpara .netuser{font-size:18px; color:#865310;}
.boxBody .rightpara .vasline{font-size:18px; color:#796ebf;}
.boxBody .leftpara .vasuser{font-size:18px; color:#796ebf;}
.boxBody .leftpara a{font-size:12px; color:#3399FF; text-decoration:none; font-weight:bold;}
.boxBody .leftpara a:hover{font-size:12px; color:#3399FF; text-decoration:underline;font-weight:bold;}

.addonarea{
clear:both;
margin-left:10px;
margin-right:10px;
margin-top:5px;
width:100%;
}

.addonarea-left{
float:left;
position:relative;
width:30%;
margin-right:10px;
border-right:1px dotted #CCCCCC;
text-align:left;
padding:0px 10px 5px 10px;
height:140px;
}
.addonarea-right{
float:left;
position:relative;
width:30%;
text-align:left;
padding:0px 10px 5px 10px;
height:140px;
}
.smallfont{
font-size:9px;
color:#999999;
margin-bottom:0px;
}
.bottom{
display:block;
font-size:15px;
padding:8px 0px 20px 35px;
background-image:url(../images/bottomh4.gif);
background-repeat:no-repeat;
color:#ffffff;

}
.bottom2{
display:block;
font-size:15px;
padding:8px 0px 20px 40px;
background-image:url(../images/bottom2h4.gif);
background-repeat:no-repeat;
color:#ffffff;
}
.bottom3{
display:block;
font-size:15px;
padding:8px 0px 20px 50px;
background-image:url(../images/bottom3h4.gif);
background-repeat:no-repeat;
color:#ffffff;
}
.addonarea-left form{
margin-top:0px;

}
.pincode{
width:60px;
padding-top:5px;
}
.botlist{
margin-left:50px;
}
.righthandlist{
list-style-image:url(../images/icon.gif);
font-size:12px;
list-style-position:inside;
padding-left:10px;

}
.righthandlist li{
margin-bottom:10px;
color:#000000;
font-weight:bold;
background-color:#F7F7F7;
}

.righthandlist li a{
text-decoration:none;
color:#000000;
font-weight:bold;
cursor:pointer;
}
.righthandlist li a:hover{
text-decoration:underline;
font-weight:bold;
color:#c43f65;
}
.righthandlist li a:visited{
text-decoration:none;
font-weight:bold;
color:#c43f65;
}
.righthandlist li a:active{
text-decoration:underline;
font-weight:bold;
color:#c43f65;
}

.hr{
padding-top:10px;
margin-left:10px;
width:97%;
float:left;
position:relative;
}
.hr hr{
border:1px dotted #CCCCCC;

}
.servicehead{
margin-top:20px;
display:block;
font-size:15px;
padding:8px 0px 20px 55px;
background-image:url(../images/serviceheadh4.gif);
background-repeat:no-repeat;
color:#ffffff;
}

fieldset{
padding:5px;
border:2px solid #c43f65;
height:300px;
}
legend{
font-size:14px;
font-weight:bold;
color:#ffffff;
background:#c43f65;
padding:2px;
text-align:left;
}
.smallbox-left{
width:255px;
padding:5px;
float:left;
position:relative;
background-color:#EFEFEF;
height:125px;
margin:5px;
}
.smallbox-left .strong1{
font-size:12px;
background-color:#009cff;
padding-left:4px;
padding-right:4px;
color:#ffffff;
display:block;
margin-bottom:0px;
text-align:left;
height:40px;
vertical-align:middle;
}

.smallbox-left .strong2{
font-size:12px;
background-color:#03bba7;
padding-left:4px;
padding-right:4px;
color:#ffffff;
display:block;
margin-bottom:0px;
text-align:left;
height:40px;
vertical-align:middle;
}

.smallbox-left .strong3{
font-size:12px;
background-color:#9d00e6;
padding-left:4px;
padding-right:4px;
color:#ffffff;
display:block;
margin-bottom:0px;
text-align:left;
height:40px;
vertical-align:middle;
}

.smallbox-left .strong4{
font-size:12px;
background-color:#e84cd4;
padding-left:4px;
padding-right:4px;
color:#ffffff;
display:block;
margin-bottom:0px;
text-align:left;
height:40px;
vertical-align:middle;
}
.bottominfolinks{
margin-top:20px;
width:98%;
float:left;
position:relative;
height:150px;
border-top:1px solid #CCCCCC;
background-image:url(../images/bottombg.gif);
background-repeat:repeat-x;
}
.bottominfolinks a{
text-decoration:none;
}

.bottominfolinks a:hover{
text-decoration:underline;
}
table.packagedetail{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
border:1px solid #CCCCCC;
border-collapse:collapse;
}
table.packagedetail th{
font:Verdana, Arial, Helvetica, sans-serif;
background-color:#c43f65;
color:#FFFFFF;
font-weight:bold;
font-size:11px;
border-collapse:collapse;
border:1px solid #CCCCCC;
}
table.packagedetail td{
color:#000000;
font-weight:normal;
border-collapse:collapse;
border:1px solid #CCCCCC
}
.Head2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #c43f65;
}