@charset "utf-8";
/* CSS Document for Joi Internet from Mystic Media by Subeesh*/
/* Global Styles */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
	margin: 0; 
	padding: 0; 
	border: 0; 
}
div {display: block;}
* {
	margin:0;
	padding:10;
}
/*html {
	min-height: 100%;
	margin-bottom: 1px;
	height: auto;
}*/

body {
	background: #d4e1f1 url(../images/Bck_body.jpg) repeat-x top;
	font-size: 100.01%;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*MAIN STYLES START*/
#Container{
	margin: auto;
	padding: 0;
	width: 971px;
}
#Header{
	background: url(../images/Bck_hdr.gif) no-repeat top;
	padding: 0px 0px 0px 0px;
	height: 89px;
}
	#DIV_logo{
	float: left
	}
	#DIV_login{
	margin-left: 580px;
	margin-top: 25px;
	/*width: 340px;*/
	padding: 0;
	}
		.DIV_username{
		text-align: left;
		color: #4372b6;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		}
		.DIV_password{
		text-align: left;
		color: #4372b6;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		}
		#DIV_login img{margin-left: 268px}
#DIV_nav{
	background: url(../images/Bck_nav.gif) repeat-x bottom;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding: 3px 10px;
	text-align: center;
}
	#DIV_nav a{
	background: url(../images/Brdr_Nav.gif) repeat-y right;
	padding: 3px 10px;
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #000000;
	text-align: center;
	text-transform: capitalize;
	text-decoration: none;
	} #DIV_nav a:hover{ color: #666666;} 
	#DIV_nav a.last{text-transform: uppercase; color: #FF0000; background: none; font-weight: bold;} 
	#DIV_nav a:hover.last{text-transform: uppercase; color: #FF6633; background: none; font-weight: bold;}
#DIV_cntlft{
	background: url(../images/Bck_CntLft.gif) repeat-x top #FFFFFF;
	padding:  4px 7px;
	float: left;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	height: 371px;
} #DIV_cntlft img{ margin-top: 15px;}
#DIV_cntrit{
	float: right;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background-color: #dce6e9;
	height: 379px;
}
#DIV_yelloarea{
	background: url(../images/Bck_YelloArea.gif) no-repeat top #fff1a9;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #333333;
	margin-top: 380px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	height: 240px;
} 	#DIV_yelloarea h1{font-size: 18px; text-align: left; padding-bottom: 8px;}
	#DIV_yelloarea p{font-size: 12px; text-align: left; padding-bottom: 12px;}
	#DIV_yelloarea strong{color: #FF3300;}
	#DIV_yelloareaLft{ background: url(../images/Bck_YelloSinup.jpg) no-repeat center; text-align: center; height: 188px; width: 280px; padding: 16px 0px 16px 30px;}
		#DIV_yelloareaLft p{ margin-left: 130px;}
	#DIV_yelloareaMidl{ background: url(../images/Bck_YelloinBdr.gif) left repeat-y; width: 350px; padding: 16px 0px 19px 12px; height: 205px;}
		#DIV_yelloareaMidl p{ font-style: italic;}
	#DIV_yelloareaRit{ background: url(../images/Bck_YelloinBdr.gif) left repeat-y; padding: 16px 0px 19px 12px; height: 205px; border-right: 1px solid #999999;}
#scrollMid{ 
position:relative;
float:left;
width: 325px; 
height:150px; 
text-align:left; 
padding:5px 12px; 
overflow:auto;
} #scrollMid span{ text-align: right; color: #000000; font-weight: bold;}
#scrollRit{ 
position:relative;
float:left;
width: 261px; 
height:150px; 
text-align:left; 
padding:5px 12px; 
overflow:auto;
} #scrollRit a{ font-size: 12px; color: #000000; text-align: right; font-weight: bold;} #scrollRit a:hover{ color: #333333;}

#scrollTOS{ 
position:relative;
float:left;
width: 500px; 
height:500px; 
text-align:left; 
padding:5px 12px; 
overflow:auto;
} #scrollTOS span{ text-align: right; color: #000000; font-weight: bold;}
#DIV_footer{
	background: url(../images/Bck_footerInnr.gif) no-repeat top;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding-top: 3px;
} 
#footer_cntnt{
		background:url(../images/Bck_footer.gif) repeat-y right #FFFFFF;
		padding: 6px 10px;
		height: 19px;
	}
	#footer_cntnt_Lft{
			float: left;
			width: 650px
		} #footer_cntnt_Lft a{ font-family: "Trebuchet MS"; text-align: left; font-size: 11px; text-transform: capitalize; background: url(../images/Brdr_FtrLnk.gif) no-repeat right; color: #1f1f1f; text-decoration: none; padding: 0 6px;} #footer_cntnt_Lft a:hover{ color: #666666;}
		#footer_cntnt_Lft a.last{text-transform: uppercase; color: #FF0000; background: none; font-weight: bold;}
		#footer_cntnt_Lft a:hover.last{text-transform: uppercase; color: #FF0000; background: none; font-weight: bold;}
		
		#footer_cntnt_Rit{
			float: right;
			width: 220px;
			text-align: right;
			font-family: "Trebuchet MS"; 
			font-size: 11px;
		}
/* Inner Page Styles */
#DIV_CntHolder{
	width: 100%;
}
#DIV_cntrit_innr{
	float: right;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background: #dde7ea url(../images/Bck_InnrCntRit.gif) repeat-y right;
	padding: 12px 8px 0;
	border-top: 4px solid #0000ff;
	width: 626px;
	min-height: 492px;
	height: 492px;
}html>body #DIV_cntrit_innr{ height: auto}

#DIV_cntlft_innr{
	background: url(../images/Bck_CntLft.gif) repeat-x top #FFFFFF;
	padding:  25px 10px;
	float: left;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	min-height: 638px;
	height: 558px;
	width: 307px;
} html>body #DIV_cntlft_innr{ height: auto}
.Lft_Innr_Top{
	background: url(../images/Bck_InnrLftTop.gif) no-repeat top center;
}
.Lft_Innr_Mid{
	background: url(../images/Bck_InnrLftMid.gif) repeat-y center bottom;
}
#DIV_cntlft_innr p{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; margin-bottom: 10px;}
#DIV_CntntWite{
	background: url(../images/Bck_InnrCntCurve.gif) no-repeat top #FFFFFF;
	padding: 18px 12px;
	min-height: 636px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left;
} html>body #DIV_CntntWite{ height: auto}
	#DIV_CntntWite h1{ font-family: "Trebuchet MS"; text-align: left; font-size: 24px; color:#1063AD; margin-bottom: 20px; font-weight: bold;} #DIV_CntntWite p{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; margin-bottom: 10px;}
	#DIV_CntntWite h2{ font-family: "Trebuchet MS"; text-align: left; font-size: 14px; color:#1063AD; margin-bottom: 10px; font-weight: normal; font-weight: bold;}
	#DIV_CntntWite a{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; color: #33CCCC;} #DIV_CntntWite a:hover{ color: #33CCFF;}
#DIV_footer_innr{
	background: url(../images/Bck_footerInnr.gif) no-repeat top;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding-top: 3px;
	margin-top: 43.1em;
} 
#footer_cntnt_innr{
		background:url(../images/Bck_footer.gif) repeat-y right #FFFFFF;
		padding: 6px 10px;
		height: 19px;
	}
	#footer_cntnt_Lft_innr{
			float: left;
			width: 650px
		} #footer_cntnt_Lft_innr a{ font-family: "Trebuchet MS"; text-align: left; font-size: 11px; text-transform: capitalize; background: url(../images/Brdr_FtrLnk.gif) no-repeat right; color: #1f1f1f; text-decoration: none; padding: 0 6px;} #footer_cntnt_Lft_innr a:hover{ color: #666666;}
		#footer_cntnt_Lft_innr a.last{text-transform: uppercase; color: #FF0000; background: none; font-weight: bold;}
		#footer_cntnt_Lft_innr a:hover.last{text-transform: uppercase; color: #FF0000; background: none; font-weight: bold;}
		
/*SERVICE PLAN CLASS*/
#class_ServPlan{
	background:  #FCF5C9;
	padding: 8px;
	margin: 10px;
}
#class_ServPlan h1{ font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 0 10px; background: url(../images/Bck_SrvPlanH1.gif) repeat-y left top;}.orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-weight: 900;
	color: #FF3300;
	line-height: 48px;
}
.tiny {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.list_pop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 10px;
}
#features_dsl {
	position:absolute;
	left:634px;
	top:204px;
	width:378px;
	height:224px;
	z-index:1;
	visibility: hidden;
}
#features_phone {
	position:absolute;
	left:634px;
	top:250px;
	width:378px;
	height:224px;
	z-index:1;
	visibility: hidden;
}
#dsl_bottom {
	position:absolute;
	left:401px;
	top:476px;
	width:300px;
	height:215px;
	z-index:1;
	visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#phone_bottom {
	position:absolute;
	left:600px;
	top:530px;
	width:300px;
	height:156px;
	z-index:1;
	visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #CCCCCC;
}

#phone_bottom2 {
	position:absolute;
	left:600px;
	top:530px;
	width:300px;
	height:156px;
	z-index:1;
	visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #CCCCCC;
}

</style>