/* WISE-TELCO, Author - Ranjith kumar R, Date - 27/07/08 */

/*global resetting [begin]*/
*{padding:0;margin:0;}
body{font-family:Arial, Helvetica, sans-serif; font-size: .70em; background:url(/images/page_bg.gif) repeat-x 0 -80px;}
a{text-decoration:none; padding:0px; margin:0px; color:#000;}
table, img, fieldset, button { border:none; }
input {border:solid 1px #CCCCCC;}
.radiobtn{border:none; background:#CCCCCC;}
.checkbx{border:none; background:#CCCCCC; width:13px; height:13px;}
a:link, a:visited, a:active{text-decoration:none;#000;}
*html a, a:link, a:visited, a:active{text-decoration:none;#000;}
a:visited{color:#333333;}
a:hover{color:#0099CC; text-decoration:underline;}
.clearFloat{clear:both;}
a:focus, a:active{outline: none;}
select{width:70px;font-size:1em;}
.noMargin{margin:0!important;}
.noPadding(padding:0!important;)
h1{ behavior: url(scripts/iepngfix.htc); }
/*layout block components [begin]*/
#OuterWrapper{
	width:818px;	
	background:url(/images/shadow_bg.gif) no-repeat 0px 50px;
}
#main_wrapper{
	width:790px;
	margin:auto;
}
#header_wrapper{
	background:url(/images/header_top_bg.gif) no-repeat center 2px;
}
*html #nav_wrapper{
	width:750px;
}
*html #login_wrapper{
	width:770px;
}
h1{ float:left; background:url(/images/titleheader_bg.png) no-repeat 31px 13px; text-indent:-100000px; height:91px; width:138px; cursor:pointer;}
.headertab_wrapper{
	background:#fcfcfc;
	padding:0 0 0 10px;
	clear:both;
	width:781px;
}
*html .headertab_wrapper{
	width:780px;
	height:30px;
}
.headertab_btn{
	background:url(/images/headertab_btn.gif) no-repeat center;
	font-family:'Trebuchet MS', Arial;
	font-size:1.05em;
	font-weight:bold;
	text-align:center;
	padding:10px 0px 0px 0px;
	margin:0px 2px;
	color:#716f6f;
	height:20px;
	width:88px;
	float:right;
}
#login_wrapper{
	background:#eee;
	padding:10px;
	display:none;
	color:#000;
}
#login_wrapper ul{
	display:block;
	float:left;
	list-style:none;
	height:18px;
}
#login_wrapper li{
	float:left;
	list-style:none;
	background:url(/images/icnlinkbar_sprtr.gif) no-repeat 4px 3px;
}
.actionLinks li{
	padding:3px 0 0 10px!important;
}
#icnlink_bar_header{
	padding:11px 0 0 0;
	margin:0 10px 0 0;
	float:right;
}
*html #icnlink_bar_header{
	margin:0 10px 0 0;
}
#icnlink_bar_header ul li /*bar that appears as a set of links and icons*/{
	display:block;
	float:left;
	padding:0 2px 5px 5px;
	background:url(/images/icnlinkbar_sprtr.gif) no-repeat 1px;
}
#icnlink_bar_header a:visited{
	color:#666666;
}
#icnlink_bar_header a:active{
	color:#000;
}
.offers_icon{
	background:url(/images/sploffers_icn.gif) no-repeat 0% 50%;
	padding:3px 0px 0px 20px;
}
.lookup_icon{
	background:url(/images/lookup_icn.gif) no-repeat 0% 50%;
	padding:3px 0px 3px 25px;
}
.resellers_icon{
	background:url(/images/resellers_icn.gif) no-repeat 0% 10%;
	padding:3px 0px 0px 20px;
}
/*navigation panel*/
#nav_wrapper{
	font-family:Arial;
	font-size:.97em;	
	color:#362b17;
	text-align:center;
	padding:0 20px;
	background:#fff url(/images/nav_bg.gif) repeat-x;
	height:46px;
	width:751px;
	clear:both;
	z-index:-200;
}
#nav_wrapper a:link{
	color:#666666;		
}
#nav_wrapper a:visited{
	color:#362b17;
}
#nav_wrapper a:hover{
	color:#000;
}
#nav_wrapper a:active{
	color:#CC6600;		
}

/*mid herographic */
#midder_wrapper{
	height:247px;
	clear:both;
}
.firstHeroGraphic{
	background:url(/images/midder_bg1.jpg) no-repeat;
}
.secondHeroGraphic{
	background:url(/images/midder_bg2.jpg) no-repeat;
}
.thirdHeroGraphic{
	background:url(/images/midder_bg3.jpg) no-repeat;
}
.fourthHeroGraphic{
	background:url(/images/midder_bg4.jpg) no-repeat;
}
.fifthHeroGraphic{
	background:url(/images/midder_bg5.jpg) no-repeat;
}

/*search area styles*/
#searchblock_wrapper{	
	background:#fff url(/images/dottedline_bg.gif) repeat-x bottom;
	padding-bottom:1px;
	width:790px;
	clear:both;
}
#searchblock_content{
	padding:25px 0px 0px 20px;
}
#searchblock_inner{
	height:179px;
	padding:28px;
	background:#fff url(/images/dmnsrch_blck_bg.gif) repeat-x bottom;
	width:480px;
	float:left;
}
#searchblock_inner h2{
	background:url(/images/dmnsrch_hdr_bg.gif) no-repeat;
	height:33px;
	overflow:hidden;
	text-indent:-1000px;
}
#searchbox_blck{
	font-size:1.8em;
}
#searchbox_blck input{
	width:300px;
}
#chkbox_blck{
	background:url(/images/dottedline_bg.gif) repeat-x bottom;
	clear:both;
	padding: 10px 0px 5px 10px;
	margin-top:5px;
	height:40px;
	width:400px;
}
#chkbox_blck ul li{
	display:block;
	float:left;
	width:50px;
	padding:0px 2px 2px 5px;
	line-height:20px;
}
#xtrablock_inner{
	height:169px;
	padding:28px 28px 32px 28px;	
	background:url(/images/xtras_blck_bg.gif) repeat-y;
	float:left;	
}
#xtrablock_inner h2{
	background:url(/images/xtras_hdr_bg.gif) no-repeat;
	height:48px;
	width:190px;
}
#xtras_content{
	padding:25px 0px 0px 20px;
}
#xtras_content ul{
	list-style-image:url(/images/xtras_bullet.gif);	
}

#xtras_content ul li{
	padding:5px 0px 3px 0px;
	background:url(/images/dottedline_lighter_bg.gif) repeat-x bottom;
}

/*hosting and security and callingcards and btelephony styles*/
#genericblock_wrapper{/*generic container*/
	background:url(/images/gnrcblck_bg.gif) repeat-x 0 0;
}
#voipblock_wrapper{/*generic container*/
	background:url(/images/gnrcblck_bg.gif) repeat-x 0 0;
}
#hostblock_inner{
	background:url(/images/host_blck_bg.gif) no-repeat right 100px;	
	padding:0 28px 4px 28px;
	height:263px;
	width:343px;
	float:left;
}
#hostblock_inner h2{
	background:url(/images/host_hdr_bg.gif) no-repeat;
	height:27px;
	overflow:hidden;
	margin-top:28px;
	text-indent:-1000px;
}
#hostblock_inner h3{
	background:url(/images/hostingrte_hdr_bg.gif) no-repeat 0px 2px;
	float:left;
	font-size:1.25em;
	height:17px;
	margin:20px 0px 0px;
	padding:0px 0px 0px 155px;
}
#hostblock_inner h3 a:link, #hostblock_inner h3 a:visited, #hostblock_inner h3 a:active{
	color:red;
	text-decoration:none;
}
#hostblock_inner h3 a:hover{
	text-decoration:underline;
}
#hostblock_content{
	padding:20px 0px 0px 10px;
	color:#33436a;
	clear:both;
}
#hostblock_content li{
	padding:2px 0px;
}
.btelephonybg{ background:url(/images/btelephony_blck_bg.gif) no-repeat 185px 50px!important;}

#secureblock_inner{
	background:url(/images/secure_blck_bg.gif) repeat-y;
	padding:28px 28px 4px 28px;
	height:233px;
	width:330px;
	float:left;
}
#secureblock_inner h2{
	background:url(/images/secure_hdr_bg.gif) no-repeat;
	height:27px;
	overflow:hidden;
	text-indent:-1000px;
}
#secureblock_inner h3{
	clear:both;
	font-size:1.25em;
	height:14px;
	width:148px;
	margin:20px 0px 0px;
	padding:0px 0px 0px 5px;
}
#secureblock_inner h3 a:link, #secureblock_inner h3 a:visited, #secureblock_inner h3 a:active{
	color:red;
	text-decoration:none;
}
#secureblock_inner h3 a:hover{
	text-decoration:underline;
}
#secureblock_content{
	background:url(/images/secure_blck_img_bg.gif) no-repeat 225px 65px;
	height:200px;
}
#secureblock_text{
	width:200px;
	height:90px;
	padding:20px 0px 0px 0px;
	color:#33436a;
	clear:both;
}
#secureblock_text li{ padding:2px 1px;}
#ccardsblock_inner{
	background:url(/images/ccards_blck_bg.gif) no-repeat 250px 100px;	
	padding:0 28px 4px 28px;
	height:263px;
	width:343px;
	float:left;
}
#ccardsblock_inner h2{
	background:url(/images/ccard_hdr_bg.gif) no-repeat;
	height:27px;
	overflow:hidden;
	margin-top:28px;
	text-indent:-1000px;
}
#ccardsblock_inner h3{
	background:url(/images/hostingrte_hdr_bg.gif) no-repeat 0px 2px;
	float:left;
	font-size:1.25em;
	height:17px;
	margin:20px 0px 0px;
	padding:0px 0px 0px 155px;
}
#voipblock_wrapper h3
{ 	background:none!important; padding:0px!important;
}
#ccardsblock_inner h3 a:link, #ccardsblock_inner h3 a:visited, #ccardsblock_inner h3 a:active{
	color:red;
	text-decoration:none;
}
#ccardsblock_inner h3 a:hover{
	text-decoration:underline;
}
#ccardsblock_content{
	padding:20px 0px 0px 10px;
	color:#33436a;
	clear:both;
}
#ccardsblock_content li{
	padding:2px 0px;
}
#btelephony{ background:url(/images/btelephony_hdr_bg.gif) no-repeat top left!important;}
/*Typography, contents [begin]*/
.first_link{
	background-image:none!important;
}
#icnlink_bar_header #first_link{
	background-image:none;
}
#first_link_big{
	background-image:none;
}
/*bigger icon sets*/
.icnlink_bar_big{
	clear:both;
	margin:11px 0px 0px 0px;
	height:40px;
}
.icnlink_bar_big ul{
	list-style-type:none;
}
.icnlink_bar_big li.firstChild{
	background:none;
}
.icnlink_bar_big ul li /*bar that appears as a set of links and icons*/{
	padding:4px 2px 5px 20px;
	line-height:20px;
	background:url(/images/mainnav_sprtr.gif) no-repeat 10px;
	display:block;
	float:left;
}
.icnlink_bar_big a:visited{
	color:#666666;
}
.icnlink_bar_big a:active{
	color:#000;
}
/*bigger icon sets*/

.viewall_icon_big{
	background:url(/images/viewall_icn_big.gif) no-repeat 0% 10%;
	padding:7px 0px 0px 25px;
}
.transfer_icon_big{
	background:url(/images/trnsfr_icn_big.gif) no-repeat 0 8px;
	padding:15px 0px 0px 25px;
}
.lookup_icon_big{
	background:url(/images/lookup_icn_big.gif) no-repeat 0% 10%;
	padding:7px 0px 0px 25px;
}

/*[tooltip class]*/
a.tooltipIcon{
    position:relative;
	text-decoration:none;
}
a.tooltipIcon span{ 
	display:none;
}
a.tooltipIcon:hover{
	z-index:9999;
}
a.tooltipIcon:hover span.tooltip{
    display:block;
    position:absolute;
    top:10px; left:-100px;
	padding: 15px 0 0 0;
	text-decoration:none;
	width:263px;
	color:#999999;
	filter:alpha(opacity:100);
	KHTMLOpacity:1;
	MozOpacity:1;
	opacity:1;
	z-index:9999;
}
a.tooltipIcon:hover span.top{
	display:block;
    background:url(/images/bgBubbleTop.gif) no-repeat top;
	text-indent:-999px;
	height:2px;
	border:solid 1px red;
}
a.tooltipIcon:hover span.middle{ /* different middle bg for stretch */
	display:block;
	padding:0px 15px 0 15px; 
	background:url(/images/bgBubbleMiddle.gif) no-repeat top;
	border:solid 1px green;	
}
a.tooltipIcon:hover span.bottom{
	display:block;
	color:#999;
    background:url(/images/bgBubbleBottom.gif) no-repeat bottom;
	text-indent:-999px;
	height:1px;
	border:solid 1px orange;
}

/*footer styles*/
/*footer*/
.footerLinkPanel{
	background:#F4F4F4 url(/images/footerPanelBg.gif) repeat-x;
	padding:10px;
	color:#999999;
}
.footerLinkPanel a:link, .footerLinkPanel a:visited{
	color:#999999;
}
.footerLinkPanel ul{
	float:left;
	text-align:left;
	list-style:none;
	padding:0 20px;
	height:165px;
	border-right:solid 1px #CCCCCC;
}
.footerLinkPanel ul.lastChild{
	border:none;
}
.footerLinkPanel li{
	padding:2px 0 0 0;
}/*footer styles*/
#footer_txt{
	color:#666666;
	padding:10px 0;
	background:url(/images/dottedline_bg.gif) repeat-x top;	
}
.footer_links{
	padding:5px 0px 5px 0;
	color:#000;
	width:680px;
	clear:both;
	margin:auto;
}
.footer_links_shorter{
	width:570px;
}
.footer_links li{
	display:block;
	float:left;
	padding:0 7px;
	background:url(/images/icnlinkbar_sprtr.gif) no-repeat 0px 2px;
}
.footer_links a:visited{
	color:#000;
}
.footer_links a:hover{
	color:#666666;
}
#footer_wrapper{
	height:64px;
	padding:10px 0;
	text-align:center;
	background:url(/images/footer_bg.gif) repeat-x;
	clear:both;
}
#footer_wrapper a{
	text-decoration:none!important;
}
#footerIcon_wrapper{
	padding:10px 0 10px 0;
	background:url(/images/dottedline_bg.gif) repeat-x top;
	clear:both;
}
#footerIcon_wrapper ul{
	height:18px;
	padding:0 0 0 65px;
	color:#999999;
	font-weight:bold;
}
*html #footerIcon_wrapper ul{
	padding:0 0 0 30x;
}
#footerIcon_wrapper li{
	display:block;
	float:left;
	height:8px;
	padding:5px;
	margin:0 0 0 5px;
}
*html #footerIcon_wrapper li{
	padding:2px 5px;
}
#footerIcon_wrapper li #firstChild{
	margin:0;
}
#verisignIcon{
	background:url(/images/verisign.gif) no-repeat center;
	width:40px;	
}
#ccardsetIcon{
	background:url(/images/ccardsetIcon.gif) no-repeat center;
	width:20px;	
}
#moneybookersIcon{
	background:url(/images/moneybookersIcon.gif);
	width:108px;
}
#paypalIcon{
	background:url(/images/paypal.gif);
	width:57px;
}
#checkoutIcon{
	background:url(/images/2checkoutIcon.gif) no-repeat right;
	width:26px;
}
#payoneerIcon{
	background:url(/images/payoneerIcon.gif);
	width:40px;
}
#discoverIcon{
	background:url(/images/discoverIcon.gif);
	width:37px;
}
#visaelectronIcon{
	background:url(/images/visaelectronIcon.gif);
	width:18px;
}
#bankIcon{
	background:url(/images/bankIcon.gif);
	width:18px;
}
#echeckIcon{
	background:url(/images/echeckIcon.gif);
	width:18px;
}
#deltaIcon{
	background:url(/images/deltaIcon.gif);
	width:18px;
}
#maestroIcon{
	background:url(/images/maestroIcon.gif);
	width:18px;
}
#masterIcon{
	background:url(/images/masterIcon.gif);
	width:18px;
}
#amexIcon{
	background:url(/images/americanIcon.gif);
	width:19px;
}
#jcbIcon{
	background:url(/images/jcbIcon.gif) no-repeat center;
	width:18px;
}
#switchIcon{
	background:url(/images/switchIcon.gif) no-repeat center;
	width:14px;
}
#weacceptIcon{
	background:url(/images/weacceptIcon.gif) no-repeat center;
	text-indent:-100000px;
	width:48px;
}

/*Buttons [begin]*/
.signup_btn{
	width:168px;
	height:39px;
	background:url(/images/signup_btn.gif) no-repeat 0px 15px;
	text-align:center;
	font-size:1.6em;
	font-weight:bold;
	color:#676767;
	padding:23px 0px 0px 0px;
}
.vplans_btn{
	width:106px;
	height:30px;
	float:right;
	margin:0 20px 0 0;
	background:url(/images/vplans_btn_bg.gif) no-repeat 0px 15px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#000;
	padding:22px 0px 0px 0px;
}
.generic_btn{
	background:url(/images/generic_btn.gif) no-repeat 0px 3px;
	font-size:14px;
	font-weight:bold;
	padding:8px 15px 7px 10px;
	height:28px;
	width:78px;
}
.generic_btn a:link, .generic_btn a:visited, .generic_btn a:active{
	text-decoration:none;
	color:#000000;
} 
.generic_btn a:hover{
	text-decoration:underline;
}
.login_btn{
	background:url(/images/login_btn.gif) no-repeat;
	font-size:1.25em;
	font-weight:bold;
	padding:2px 20px 2px 15px;	
}
.login_btn a:link, .login_btn a:visited, .login_btn a:active{
	color:#fff;
	text-decoration:none;
}
.login_btn a:hover{
	text-decoration:underline;
}
#login_btn a:link, #login_btn a:visited, #login_btn a:active{
	color:red;
	text-decoration:none;
}
#login_btn a:hover{
	text-decoration:underline;
}

/*Form elements [begin]*/
.login_frm{
	float:left;
}
.login_frm ul{
	padding:0;
	float:left;
}
.login_frm ul li{
	padding:0 5px;
	float:left;
	list-style:none;
	background:none!important;	
}
.login_frm ul li .finalelement{
	display:inline;
}
.login_frm ul li label{
	padding:3px 5px 0 0;
	display:block;
	float:left;
	font-size:1em;
	font-weight:bold;
}
.login_frm ul li input{
	display:block;
	float:left;
}
/*Form elements [end]*/
/*floating div*/
.floatContainer{
	z-index:9999999; 
	position: fixed !important; 
	position:absolute;
	cursor:hand;
	cursor:pointer;
	background:url(/images/floating_bg.gif) no-repeat top left;
	width:109px;
	height:94px;
}
.floatTop{
	top:0px;
	_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop : document.body.scrollTop);
}
.floatBottom{
	bottom:0px;
	_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 1 : document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);
}
.floatRight{	 
	right:0px;	
}
.floatLeft{
	left:0px; 
}