/**
  * style.css
  *
  * Defines styles for templatable pipex.co.uk site [Aug 2007]
  * versioned as Hybridv2
  *
  * @author: Ryan M, Pipex 2007 - [Created in large part to Pod1 Style]
  *
  * :: Changelog ::
  * :: 22/08/07		- RMM/NB -		- Created Stylesheet
  */	
	
@import url('pipex-nm.css');
	
/*** MAIN STYLES ***/
	body {
		font-family: arial, verdana, sans-serif;
		font-size: 70%;
		color: #656565;
		margin: 0;
		padding: 0;
		background-color: #FFFFFF;
		background-repeat: repeat-x;
		background-position: top center;
		text-align: center;
		}
	td, th {
		font-family: arial, verdana, sans-serif;
		\font-size: 11px !important;
		f\ont-size: 1em;
		color: #656565;
		text-align: left;
		
		}
	body.smallText #wrapper { font-size: 1em; }	
	body.mediumText #wrapper { font-size: 1.2em; }	
	body.largeText #wrapper { font-size: 1.4em; }
	
	body.smallText #central_column { font-size: 1em; }	
	body.mediumText #central_column { font-size: 1.2em; }	
	body.largeText #central_column { font-size: 1.4em; }
	
	input, select {font-family: arial, verdana, sans-serif; font-size: 10px; color: #656565; background-color: #FFFFFF; margin: 0;}
	textarea {font-family: arial, verdana, sans-serif; font-size: 11px; color: #656565; background-color: #FFFFFF; margin: 0;}
	a img, .link_img { border: none; }
	form { border: solid 0px; margin: 0; padding: 0;}
	p { margin: 0; padding: 0 0 0.8em 0; }
	p.intro { margin: 0; padding: 0 0 0.8em 0; line-height: 20px;}
	@media print { 
	.notforprint {display:none;}
	}
	@media screen {
	.notforscreen {display:none;}
	}
	@media handheld {
	.notforhandheld {display:none;}
	}
	.notforany {display: none;}
	/*** FONT STYLES ***/
	a { color: #EA0030; text-decoration: none; } 
	a:hover { color: #000000; text-decoration: underline; }
	hr { border: 0; margin: 8px 0px 0px 0px; padding: 6px 0px 0px 0px; width: 100%; height: 2px; border-top: 2px solid #000000; overflow: hidden; display: none; }
	h1 { margin: 0; padding: 0px 0px 10px 0px; color: #000000; font-weight: bold; font-size: 1.6em; }
	h2 { margin: 0; padding: 0px 0px 10px 0px; color: #000000; font-weight: bold; font-size: 14px; }
	.red { color: #ea0030; }
	.gry { color: #656565; background-color: none !important;  }	
	h3 { margin: 0; padding: 0px 0px 10px 0px; color: #000000; font-weight:100; font-size: 1.5em; }
	h4 { margin: 0; padding: 0px 0px 10px 0px; color: #000000; font-weight: bold; font-size: 1.2em; }
	h5 { margin: 0; padding: 0; color: #000000; font-size: 12px; font-weight: bold; }
	h6 { margin: 0; padding: 0; color: #FF0000; font-weight: bold; }
	h1 em, h2 em, h3 em, h4 em, h5 em { font-style: normal; color: #353535; }
	h1 span, h2 span, h3 span, h4 span, h5 span { color: #EA0030; } 
	em { } 
	strong { }
	strong em { font-style: normal; color: #353535; }
	strong span { color: #EA0030; }
	.pipexerrortext, .message, .mandatory { color: #FF0000; font-weight: bold; }
	.error,
	.error-message { position: relative; color: #222222; padding: 3px 4px 4px 10px; background-color: #FFDDDD; margin: 0px 0px 10px 0px; width: 467px !important; border: solid 1px #222222; }
	.error-message {border: 1px solid #FF0000;}
	.anchor { height: 1px; overflow: hidden; display: none; }
	.med { font-size: 1.2em; color: #000000; }
	.lge { font-size: 1.4em; color: #000000; }
	.org { font-size: 1.1em; color: #000000; }
	.lger { font-size: 1.6em; color: #000000; }
	.lgerer { font-size: 1.8em; color: #000000; }	
	.sml { font-size: 0.9em; }
	.wht { color: #FFFFFF !important; }
	.sml { font-size: 0.9em; }
	.sml1 { font-size: 0.75em; }
	.sml2 { font-size: 0.6em; }
	.blk { color: #000000; }
	.lght { color: #AAAAAA; }
	.normal, a.normal, .normal a{ font-style: normal; color: #656565; }
	a:hover.normal, .normal a:hover { font-style: normal; color: #252525; }
	.hl { color: #000000; position: relative; }
	.hl_red { color: #EA0030; }
	/*** LAYOUT STYLES ***/
	#header {
		position: relative;
		width: 950px; height: 130px;
		margin: 0 auto;
		background-color: #FFFFFF;
		text-align: left;
		/*background: url('/images/xmasbg.gif') no-repeat top left;*/
		}
	#header .logo { float: left; }
	#header .sales {float: right; text-align:right; margin: 40px 0 0 8px; width: 310px}
	#header .banner {float: right; text-align:center; margin: 11px 0 0 0;}
	#header .mypipex_login { width: 500px;border: solid 0px; float:right;
	}
	#central_column {
		position: relative;
		width: 950px;
		margin: 0 auto;
		text-align: left;
		padding-top: 20px;
		}
	#content_left {
		position: relative;
		float: left;
		width: 191px !important;
		margin:0 0 0 5px;
		display: inline;
		}
	#content_right {
		position: relative;
		float: left;
		width: 196px;
		margin: 0 0 5px 0px;
		display: inline;
		}
	#content_center {
		width: 100%;
	}
	#content_center_2cols {
		position: relative;
		float: left;
		width: 754px !important;
		}
	#content_center_3cols {
		position: relative;
		float: left;
		width: 537px !important;
		margin: 0 16px 0 0;
		}
	.content {
		clear: both;
		margin: 12px 14px 14px 14px;
		}	
	#content_right .content {
		width: 196px;
		}
	#content_center_3cols .content {
		width: 476px;
		}
	#footer {
		position: relative;
		width: 950px;
		margin: 16px auto;
		padding-top: 20px;
		padding-bottom: 30px;
		background-color: #FFFFFF;
		background-image: url(/images/footer_bg.gif);
		background-position: center top;
		background-repeat: no-repeat;
		text-align: left;
		color: #656565 !important;
		}
	#footera {
		float: left;
		color: #656565 !important;
		font-weight: normal !important;
		}
	#footerb {
		float: right;
		color: #656565 !important;
		font-weight: normal !important;
		}
	#footer a { 
		color: #656565 !important;
		font-weight: normal !important; 
		text-decoration: none; 
	} 
	#footer a:hover { color: #000000; text-decoration: underline; }
	#footer em { display: none; }
	/*** MISC STYLES ***/
	.clear {
		clear: both;
		height: 0px;
		font-size:0px;
		line-height:0px;
		}
	.clear1 {
		clear: both;
		height: 20px;
		overflow: hidden;
		background-color: #FFFFFF;
		}
	.clear_l {
		clear: left;
		}
	.clear_r {
		clear: right;
		}
	.clear_n {
		clear: none;
		}
	.clear_content {
		clear: both;
		}
	.align_l {
		text-align: left;
		}
	.align_r {
		text-align: right;
		}
	.align_c {
		text-align: center;
		}
	.float_l {
		float: left !important;
		}
	.float_r {
		float: right;
		}
	.float_n {
		float: none;
		}
	.content_img_left {
		float: left;
		padding: 3px;
		background-color: #FFFFFF;
		border: 1px solid #656565;
		margin-right: 12px;
		margin-bottom: 8px;
		}
	.content_img_right {
		float: right;
		padding: 3px;
		background-color: #FFFFFF;
		border: 1px solid #656565;
		margin-left: 12px;
		margin-bottom: 8px;
		}
	.hr,
	.hr1,
	.hr2 {
		clear: both;
		height: 10px;
		margin: 5px 0 5px 0;
		background-image: url(/images/dotline_horizontal.gif);
		background-repeat: repeat-x;
		background-position: left center;
		font-size: 2px;
		}
	.hr1 {
		height: 20px !important;
		}
	.hr2 {
		height: 40px !important;
		}
	
	/*** NAVIGATION STYLES ***/
	ul#top_nav,
	#top_nav_blank {
		position: relative;
		clear: both;
		float: left;
		\width: 950px;
		w\idth: 894px;
		height: 40px;
		overflow: hidden;
		margin: 0;
		padding: 0 0 0 70px;
		list-style: none;
		background-image: url(/images/top_rednav_bg.gif);
		background-repeat: no-repeat;
		background-position: left top;
		}
	#top_nav_blank {
		background-image: url(/images/top_nav_blank.gif);
		text-indent: -9999px;
		}
		ul#top_nav li {
			display: inline;
			}
			ul#top_nav li a {
				float: left;
				display: block;
				height: 38px;
				background-repeat: no-repeat;
				background-position: 0px 0px;
				text-indent: -9999px;
				overflow: hidden;
				}
			ul#top_nav li a:hover {
				background-position: -149px 0px;
				text-decoration: none;
				}
			ul#top_nav li a.selected {
				background-position: -150px 0px !important;
				text-decoration: none;
				}
			ul#top_nav li.residential a {
				width: 150px;
				background-image: url(/images/top_nav_residential.gif);
				}
			ul#top_nav li.business a {
				width: 143px;
				background-image: url(/images/top_nav_business.gif);
			}
			ul#top_nav li.mypipex_login {
				width: 468px;
				padding: 2px 25px 0 0;
				float: right;
				text-align: right; font-weight: bold;
				color: #fff;
				line-height: 16px;
			}
			ul#top_nav li.mypipex_login input {
				border: solid 1px #808080;
				height: 12px; width: 100px;
				padding: 0 6px 0 6px;
				margin: 2px 6px 0 0; float:left;
			}
			ul#top_nav li.mypipex_login a{
				height: 15px;
				color: #fff; float: right;
				}
				ul#top_nav li ul {
					\width: 950px;
					w\idth: 936px;
					height: 70px;
					overflow: hidden;
					margin: 0;
					padding: 0 14px 0 0 !important;
					float: left;
					margin: 0;
					padding: 0;
					list-style: none;
					position: absolute;
					top: 46px;
					left: 0px;
					font-size: 13px !important;
					}
					ul#top_nav li ul li {
						display: inline;
						}
						ul#top_nav li ul li a {
							float: left;
							display: block;
							width: auto !important;
							height: auto !important;
							background-repeat: no-repeat;
							background-position: left center;
							padding-left: 14px;
							padding-right: 14px;
							color: #656565;
							text-indent: 0px;
							}
						ul#top_nav li ul li.first a {
							background-image: none !important;
							padding: 0 14px 0 94px;
							}
						ul#top_nav li ul li a:hover {
							background-position: 0px center;
							text-decoration: underline;
							color: #CC0000;
							}
						ul#top_nav li ul li a.selected {
							background-position: 0px center;
							font-weight: bold;
							color: #CC0000;
							}
	ul#left_nav {
		padding:0px;
		overflow: hidden;
		margin: 5px 0px 10px 0;
		padding: 0;
		list-style:none;
		font-size: 1.1em;
		}
		ul#left_nav li {
			clear: both;
			float: left;
			list-style: none;
			background-position: 0px 10px;
			padding-left: 15px;
			margin:0px;
			}
			ul#left_nav li a {
				display: block;
				width: 222px;
				padding: 5px 0px 5px 0px;
				margin: 0px;
				color: #000000;
				border-bottom: 1px solid #EBEBEB;
				}
				ul#left_nav li a:hover,
				ul#left_nav li a.selected {
					text-decoration: none;
					color: #EA0030;
					}
		
	/* Sub left nav added for Help Support RMM */
	ul.sub_left_nav {
		padding-left: 10px; margin: 5px 0px 10px 0;
		list-style:none; 
		font-size: 1.0em;
		}
		ul.sub_left_nav li {
			clear: both;
			list-style: none;
			background: url('/images/help-support-list.jpg') no-repeat;
			background-position: 0px 10px;
			padding-left: 15px;
			margin:0px;
			}
	/* Sub left nav added for Help Support RMM */
	ul.sub_left_nav ul.sub_left_nav {
		padding-left: 10px; margin: 5px 0px 10px 0;
		list-style:none; 
		font-size: 0.9em;
		}
		ul.sub_left_nav ul.sub_left_nav li {
			float: left;
			clear: both;
			width: 150px;
			list-style: none;
			background: url('/images/help-support-list.jpg') no-repeat;
			background-position: 0px 10px;
			padding-left: 15px; 
			margin:0px 40px 0 0;
			}
			ul.sub_left_nav ul.sub_left_nav li a{
				clear: both;
				width: 150px !important;
				white-space:normal;
				}
	ul#right_nav {
		float: left;
		overflow: hidden;
		margin: 0px 0px 10px 0px !important;
		padding: 0;
		list-style: none;
		font-size: 1.1em;
		}
		ul#right_nav li {
			clear: both;
			float: left;
			}
			ul#right_nav li a {
				float: left;
				display: block;
				width: 194px;
				padding: 5px 0px 5px 0px !important;
				color: #EA0030;
				background-image: url(/images/dotline_horizontal.gif);
				background-repeat: repeat-x;
				background-position: left bottom;
				font-weight: bold;
				}
			ul#right_nav li a:hover,
			ul#right_nav li a.selected {
				text-decoration: none;
				color: #000000;
				}
	
		#mypipex_login {
			border: 1px solid #999999;
			width: 90px !important;
		}
		#search label {
			position: absolute;
			top: 5px;
			left: -118px;
			font-size: 13px !important;
			}
		#searchfield {
			border: 1px solid #999999;
			width: 200px !important;
			}
	#searchbutton,
		#searchbuttonone {
			position: relative;
			\top: 3px;
			t\op: 1px;
			border: 0;
			background-color: transparent !important;
			color: #CCCCCC;
			cursor: hand;
			cursor: pointer;
			font-size: 1.2em;
			font-weight: bold;
			}
		#searchbuttonone {
			\top: 4px;
			t\op: 2px;
			color: #FBE5EA;
			width: auto !important;
			}

		#searchbutton:hover,
		#searchbuttonone:hover {
			color: #FFFFFF;
			}
		#searchbutton {
			position: relative;
			\top: 3px;
			t\op: 1px;
			border: 0;
			background-color: transparent !important;
			color: #CCCCCC;
			cursor: hand;
			cursor: pointer;
			font-size: 1.2em;
			font-weight: bold;
			}
		#searchbutton:hover {
			color: #FFFFFF;
			}
/* ROUNDED STYLES */
#content_center_3cols .round {
	width:489px;
}
#content_center_3cols .round:before {
	padding-left: 507px;
}
#content_center_3cols .round:after {
	padding-left: 507px;
}
#content_center_2cols .round {
	width:706px;
}
#content_center_2cols .round:before {
	padding-left: 724px;
}
#content_center_2cols .round:after {
	padding-left: 724px;
}
.rounded,
.rounded_red {
	clear: both;
	background:#fff; padding: 12px 10px 10px 10px !important;
	}

.round {
	background-color:#ffffff;
	padding: 0 10px 0 10px;
}
.rounded .t, .rounded .b, .rounded .b b, .rounded .t b {
	height:12px;
	background-image: url(/images/roundedcorner.gif);
	}
.rounded_red .t, .rounded_red .b, .rounded_red .b b, .rounded_red .t b {
	height:12px;
	}

/* inner color, border color, border width */
.rounded .c {
	background-color: #FFFFFF !important;
	}
.rounded_red .c {
	background-color: #D9002D !important;
	color: #FFFFFF !important;
	}
#content_center .rounded_red .c input,
#content_center_2cols .rounded_red .c input,
#content_center_3cols .rounded_red .c input {
	width: 278px;
	margin-bottom: 0;
	}
#content_center .rounded_red .c input,
#content_center_2cols .rounded_red .c input,
#content_center_3cols .rounded_red .c label {
	width: auto !important;
	padding: 4px 10px 0 0;
	color: #FFFFFF;
	}

/* surrounding margins (optional) */
.round {
	clear: both;
	position: relative;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	}

#content_extended_right .round {
	width: 665px;
	}
.round p,
.round h2 {
	position: relative;
	}
.round .c {
	/* inner content padding */
	padding:0 10px 0 10px;
	}
.round .t, .round .b, .round .t b, .round .b b {
	display:block;
	overflow:hidden;
	}
.round .t b, .round .b b {
	float:right;
	width:50%;
	}
.round .t .r {
	background-position:top right;
	}
.round .b .r {
	background-position:bottom right;
	}
.round .b {
	background-position:bottom left;
	}
.round .br {
	clear:both;
	display:block;
	overflow:hidden;
	height:0px;
	}
/*** FORM STYLES ***/
	#content_center input,
	#content_center select,
	#content_center textarea,
	#content_center_2cols input,
	#content_center_2cols select,
	#content_center_2cols textarea,
	#content_center_3cols input,
	#content_center_3cols select,
	#content_center_3cols textarea {
		width: 200px;
		border: 1px solid #A5A5A5;
		margin-bottom: 10px;
		}
	#content_center select,
	#content_center_2cols select,
	#content_center_3cols select {
		width: 204px;
		}
	input:focus,
	select:focus,
	textarea:focus {
	background-color: #EEEEEE;
	}
	form {
		padding: 0 0 40px 0;
		}
	fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #EEEEEE;
	}
	fieldset legend {
	font-weight: bold;
	font-size: 1.2em;
	padding: 10px 0px 10px 0px;
	}
	#content_center label,
	#content_center_2cols label,
	#content_center_3cols label {
		clear: both;
		width: 110px;
		display: block;
		float: left;
		padding-top: 2px;
		font-weight: bold;
		}
		
	label em {
	font-style: normal;
	color: #FF0000;
	}
	.check,
	.radio {
		background: transparent;
		width: auto !important;
		}
	#content_center label.cbo_details,
	#content_center_2cols label.cbo_details,
	#content_center_3cols label.cbo_details {
			clear: none !important;
			border: solid 0px !important;
			height: auto;
			width: auto;
			float: left;
			font-weight: normal;
							

			}
	input.button {
		border: 1px solid #AAAAAA !important;
		background-color: #AAAAAA !important;
		color: #FFFFFF !important;
		width: auto !important;
		font-weight: bold;
		cursor: hand;
		cursor: pointer;
		font-size: 11px;
		}
/* WEBSITE STYLES */
#content_left .red {
	width: 222px;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 0 10px 0;
	}
	#content_left .red1 {
		width: 198px;
		padding: 8px 12px 14px 12px;
		background-repeat: no-repeat;
		background-position: left bottom;
		}
		#content_left .red strong.ttl {
			display: block;
			float: left;
			width: 40%;
			color: #FFFFFF;
			font-size: 1.2em;
			padding: 0px 0px 12px 0px;
			font-size: 1.3em;
			}
		#content_left .red a.numail {
			float: right;
			width: 50%;
			color: #FFFFFF;
			font-size: 1.3em;
			text-align: right;
			}
#content_left .red3 {
	width: 222px;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 0 10px 0;
	}
	#content_left .red4 {
		width: 202px;
		padding: 10px 20px 8px 12px;
		background-repeat: no-repeat;
		background-position: left bottom;
		color: #FFFFFF;
		font-size: 1.4em;
		font-weight: bold;
		}
		#content_left .red3 a { 
			color: #FFFFFF;
			}

#content_center_3cols .grey {
	clear: both;
	width: 100%;
	background: url(/images/center_grey_3col.gif) repeat top left;
	margin: 0px 0px 20px 0px; padding: 0;
	}
#content_center_2cols .grey {
	clear: both;
	width: 100%;
	background: url(/images/center_grey_2col.gif) repeat top left;
	margin: 0px 0px 20px 0px; padding: 0;
	}
	.grey .grey1 {
		padding: 1px 0px 15px 0px;
		margin: 0px 14px 0px 14px;
		background-image: url(/images/center_grey_bottom_3col.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		}
	.grey .grey1 h2 {
		margin: 15px 0 0 0;
		}
		
	#content_extended_right .grey1 {
		width: 665px;
		}
	#content_center .grey .ttl,
	#content_center_2cols .grey .ttl,
	#content_center_3cols .grey .ttl {
		padding-left: 10px;
		}
#content_right .internal_ad {
	clear: both;
	display: block;
	margin: 0px 0px 10px 0px;
	}
.btn_red50,
.btn_red75,
.btn_red100,
.btn_red160,
.btn_red200,
.btn_red250 {
	clear: both;
	float: right;
	height: 15px;
	background-image: url(/images/btn_red_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0 1px 0 0;
	margin: 10px 0 4px 0;
	}
.btn_red102 {
	clear: both;
	/*float: right;*/
	position: absolute;
	bottom: 7px;
	right: 15px;
	height: 15px;
	background-image: url(/images/btn_red_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0 1px 0 0;
	margin: 10px 0 4px 0;
	}
.btn_red50 a,
.btn_red75 a,
.btn_red100 a,
.btn_red160 a,
.btn_red200 a,
.btn_red250 a {
		clear: both;
		float: left;
		display: block;
		height: 15px;
		width: 75px;
		background-color: #CB0000;
		background-image: url(/images/btn_red_bg1.gif);
		background-repeat: no-repeat;
		background-position: -1000px 0px;
		overflow: hidden;
		color: #FFFFFF;
		text-align: center;
		font-weight: bold;
		}
.btn_red100 a,
.btn_red102 a {
	width: 100px;
	}
.btn_red50 a {
	width: 50px;
	}
.btn_red160 a {
	width: 160px;
	}
.btn_red200 a {
	width: 200px;
	}	
.btn_red250 a {
	width: 250px;
	}

	.btn_red75 a:hover,
	.btn_red100 a:hover,
	.btn_red160 a:hover,
	.btn_red200 a:hover,
	.btn_red250 a:hover {
		background-color: #E90030;
		background-position: 0px 0px;
		color: #FFFFFF;
		}
.btn_red75.float_l a:hover {
	text-decoration: none;
	} 
td .btn_red50,
td .btn_red75,
td .btn_red100,
td .btn_red160,
td .btn_red200,
td .btn_red250 {
	margin: 0 !important;
	}
.btn_red50,
.btn_red75,
.btn_red100,
.btn_red160,
.btn_red200,
.btn_red250 {
	margin: 10px 6px 4px 0;
	}
.btn_red50.gry,
.btn_red75.gry,
.btn_red100.gry,
.btn_red160.gry,
.btn_red200.gry,
.btn_red250.gry {
	background-image: url(/images/btn_grey_bg.gif) !important;
	}
.btn_red50.gry a,
.btn_red75.gry a,
.btn_red100.gry a,
.btn_red160.gry a,
.btn_red200.gry a,
.btn_red250.gry a {
		background-image: url(/images/btn_grey_bg1.gif) !important;
		
		}
#content_center .button_red75,
#content_center_2cols .button_red75,
#content_center_3cols .button_red75 {
	float: right;
	height: 15px;
	background-image: url(/images/btn_red_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0 1px 0 0;
	margin: 10px 0 4px 0;
	}
#content_center .button_red75 input,
#content_center_2cols .button_red75 input,
#content_center_3cols .button_red75 input {
	border: 0 !important;
	background-color: transparent !important;
	background-image: url(/images/btn_red_bg1.gif);
	background-repeat: no-repeat;
	background-position: -1000px 0px;
	color: #FFFFFF !important;
	width: 75px !important;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	font-size: 11px;
	padding: 0 !important;
	margin: 0 !important;
	}
	#content_center .button_red75 input:hover,
	#content_center_2cols .button_red75 input:hover,
	#content_center_3cols .button_red75 input:hover {
		background-position: 0px 0px;
		color: #FFFFFF;
		}
	
	#content_center .button_red100,
	#content_center_2cols .button_red100,	
	#content_center_3cols .button_red100 {
	float: right;
	height: 15px;
	background-image: url(/images/btn_red_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0 1px 0 0;
	margin: 10px 0 4px 0;
	}
#content_center .button_red100 input,
#content_center_2cols .button_red100 input,
#content_center_3cols .button_red100 input {
	border: 0 !important;
	background-color: transparent !important;
	background-image: url(/images/btn_red_bg1.gif);
	background-repeat: no-repeat;
	background-position: -1000px 0px;
	color: #FFFFFF !important;
	width: 100px !important;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	font-size: 11px;
	padding: 0 !important;
	margin: 0 !important;
	}
	#content_center .button_red100 input:hover,
	#content_center_2cols .button_red100 input:hover,
	#content_center_3cols .button_red100 input:hover {
		background-position: 0px 0px;
		color: #FFFFFF;
		}
.forty_sixty_left {
	clear: both;
	display: block;
	float: left;
	width: 38%;
	}
.forty_sixty_right {
	display: block;
	float: left;
	width: 60%;
	}
	.forty_sixty_left.head,
	.forty_sixty_right.head {
		font-size: 1.1em;
		color: #000000 !important;
		}
	.forty_sixty_right.raquo {
		background-repeat: no-repeat;
		background-position: right center;
		}
	#content_left .red a .forty_sixty_left,
	#content_left .red a .forty_sixty_right {
		color: #656565;
		cursor: hand;
		cursor: pointer;
		}
	#content_left .red a:hover .forty_sixty_left,
	#content_left .red a:hover .forty_sixty_right {
		color: #EA0030;
		text-decoration: none;
		}
	#content_center .lft_itm,
	#content_center .lft_itm-one,
	#content_center_2cols .lft_itm,
	#content_center_2cols .lft_itm-one,
	#content_center_3cols .lft_itm,
	#content_center_3cols .lft_itm-one {
		position: relative;
		display: block;
		float: left;
		width: 164px;
		}
	#content_center .lft_itm-one,
	#content_center_2cols .lft_itm-one,
	#content_center_3cols .lft_itm-one {
		overflow: visible;
		}
	#content_center .rght_itm,
	#content_center_2cols .rght_itm,
	#content_center_3cols .rght_itm {
		position: relative;
		display: block;
		float: left;
		width: 180px;
		}

.leftright_left,
.leftright_right {
	float: left;
	width: 212px !important;
	width: 210px;
	display: inline;
	padding: 8px;
	margin: 0 0 10px 0;
	overflow: hidden;
	background-color: #FFFFFF;
	}
.leftright_left {
	margin: 0 16px 0 0;
	}

.leftright1_left,
.leftright1_right {
	position: relative;
	float: left;
	width: 46% !important;
	display: inline;
	margin: 0 0 10px 0;
	overflow: hidden;
	}

.leftright1_left {
	margin: 0 6% 0 0;
	}


.chng {
	height: 20em;
	}
.dtls {
	height: 12em;
	}
ul.steps {
		float: right;
		height: 24px;
		overflow: hidden;
		margin: 15px 0 0 0;
		padding: 0;
		list-style: none;
		}
	ul.steps.five {
		width: 205px;
		}
	ul.steps.three {
		width: 150px;
		}
ul.steps li {
		float: left;
		display: block;
		width: 40px;
		height: 22px;
		background: url(/images/steps.gif) no-repeat -90px 0px;
		text-align: center;
		overflow: hidden;
		padding: 2px 0 0 0px; margin: 0px;
		}
	ul.steps li.selected {
		background-position: 10px 0px;
		color: #FFFFFF;
		}
ul.verticalsteps {
		float: left;
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
		}
ul.verticalsteps li{
		display: block;
		background-repeat: no-repeat;
		color: red;
		text-align: left;
		overflow: hidden;
		padding: 2px 0 5px 30px;
		background-position: 0px 0px;	
		}
ul.verticalsteps li.one{	
		background-image: url(/images/vsteps1.gif);
		}
ul.verticalsteps li.two{		
		background-image: url(/images/vsteps2.gif);
		}
	
ul.verticalsteps li span{
		font-size: 14px; font-weight: bold;
		color: #ea0030;	
		}		
h2.ttl_left {
	float: left;
	width: 40%;
	}
.tbl_stl1 {
	clear: both;
	margin: 0 0 10px 0;
	}
	.tbl_stl1 th {
		padding: 4px 8px 4px 8px;
		background-color: #EA0030;
		color: #FFFFFF;
		}
		.tbl_stl1 th span {
			font-weight: normal;
			}
	.tbl_stl1 td {
		padding: 6px 8px 6px 8px;
		background-image: url(/images/dotline_horizontal.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
		}
	.tbl_stl1.webmail td {
		background-image: none;
		}
	.tbl_stl1 td .radio {
		position: relative;
		top: 6px;
		}
	#content_center .tbl_stl1 td select.qty,
	#content_center_2cols .tbl_stl1 td select.qty,
	#content_center_3cols .tbl_stl1 td select.qty {
		width: 50px !important;
		border: solid 1px #D3D3D3 !important;
		}
	
	.row-none, .row-none td {
		background-image: none;
		}
	.row0, .row0 td {
		background-color: #FFFFFF;
		}
	.row1, .row1 td {
		position: relative;
		clear: both;
		background-color: #F6F6F6;
		padding: 6px 8px 6px 8px;
		}	
	.row2, .row2 td {
		background-repeat: repeat-x;
		background-position: left bottom;
		}
	.tbl_stl1.webmail a {
		color: #656565;
		}
	.tbl_stl1.webmail td.subj a {
		color: #000000;
		}
	.tbl_stl1.webmail td.subj a:hover {
		color: #EA0030;
		}
	.tbl_stl1.webmail a:hover {
		color: #EA0030;
		}
.terms {
	clear: both;
	background-color: #F6F6F6;
	padding: 4px 2px 2px 2px; margin:0;
	font-size: 9px; 
	}
.thirdnew1,
.thirdnew2,
.thirdnew3 {
	background-color: #FFFFFF;
	float: left;
	width: 26%;
	display: inline;
	padding: 10px 2% 10px 2%;

	}
.thirdnew2,
.thirdnew3 {
	margin: 0 0 0 5%;
	}
.thirdnew1 {
	clear: both;
	}
.cntnt_rght {
	width: 200px;
	float: right;
	}
.row1.lowpad {
		padding: 6px 4px 6px 4px;
		}	
.row_red {
		position: relative;
		clear: both;
		background-color: #EA0030;
		color: #FFFFFF !important;
		padding: 6px 4px 6px 4px;
		}
	.row_red .lge {
		color: #FFFFFF;
		}	
.red_txt {
	color: #EA0030;
	}			
.join {
	font-size: 1.4em;
	display: block;
	text-align: right;
	font-weight: bold;
	}		

.cbo_details {
	clear:right !important;
	width: 86%;
	float: left !important;
	padding-top: 2px;
	padding: 2px 0 0px 2px;
	font-weight: normal;
	}

	.btn_mypipex-back {
    clear: both;
	float:left;
	height: 15px;
	background-image: url(/images/btn_red_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0 1px 0 0;
	margin: 10px 0 4px 0;
	}

.btn_mypipex-back a {
	clear: both;
	float: left;
	display: block;
	width: 75px;
	height: 15px;
	background-color: #CB0000;
	background-image: url(/images/btn_red_bg1.gif);
	background-repeat: no-repeat;
	background-position: -1000px 0px;
	overflow: hidden;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	}

.btn_mypipex-back a:hover {
	background-color: #E90030;
	background-position: 0px 0px;
	color: #FFFFFF;
	}

.btn_mypipex-back a.float_1:hover {
	text-decoration: none;
	}
	
a.continue {
		clear: both;
		float: right;
		display: block;
		width: 130px;
		height: 30px;
		background-image: url(/images/but_continue.gif);
		background-repeat: no-repeat;
		background-position: -130px 0px;
		text-indent: -9999px;
		overflow: hidden;
		}
	a:hover.continue {
		background-position: 0px 0px;
		}
.posrel {
	position:relative;
	}
.popup {
	text-align: left !important;
	padding: 20px !important;
	overflow: auto;
	}
.popup .line {
	display: block;
	background-color: #EA0030;
	width: 100%;
	height: 2px;
	overflow: hidden;
	}

/* Styling added for Lefnav, supplied by NIIT */
#leftNav{width:175px; float:left;  margin-bottom: 10px; }
#leftNav ul{margin:0; padding:0; list-style:none; display:block; }
#leftNav ul li{padding:0 0 2px 10px; background: url(/images/arrow.gif); background-position:left 5px; background-repeat:no-repeat; margin:3px 0px 3px 5px; border-bottom:1px solid #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
#leftNav ul li a{color:#696969; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#leftNav ul li a:hover{text-decoration:none; color:#db0047;}
#leftNav ul li.active{background-image:url(/images/red_arrow.gif); background-position:left 5px; background-repeat:no-repeat;}
#leftNav ul li.active a{font-weight:bold; color:#d90047;}
#leftNav .selected {color:#d90047; text-decoration:none; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

.bredCum{font-size:11px; padding-bottom:8px; border-bottom:1px  dotted #d1d1d1; color:#68696b;}
.bredCum a {color:#696969; text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#leftNav h1{color:#fff; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin: 4px 0 4px 0; padding: 4px 0 4px 10px; background-color: #7c7c7c}

/* Right hand side boxes for 3 column pages */
/* Added RM */
.box_rght {
	display: block;
	width: 197px;
	margin: 0 0 10px 0; 
	}
	.box_rght .top{
		height: 12px;
		margin:0 !important; padding: 10px 0 15px 10px;
		background: url(/images/box_right_top.gif) no-repeat bottom;
		}
	.box_rght .main{
		padding: 0 15px 5px 15px; margin: 0;
		background: url(/images/box_right_main.gif) repeat-y;
		}
	.box_rght .bottom{
		height: 18px; margin:0; padding: 0;
		background: url(/images/box_right_bottom.gif) no-repeat top;
		}
	.box_rght .bottomExtended{
		height: 30px;
		margin:0px !important; padding: 10px 0 0 0;
		text-align: right; width:100%;
		background: url(/images/box_right_bottom2.gif) no-repeat top;
		}
	.box_rght .bottomExtended span {
		font-weight: bold; color: #FFF;
		margin: 0 8px 0 0; _margin-top: 10px; _padding:0;
		}

	.box_rght .bottomExtended a:hover  {
		text-decoration:none;
		}

	.box_rght .bottomExtended a:hover span {
		text-decoration:underline;
		}

/* Home page Tabs  SSS*/
.hometabs_container {
	width: 708px; 
	float: left; position: relative;
	margin-bottom: 5px; 
	
	}
.hometabs_container .tab {
	width: 130px;
	float: left;
	}
	.hometabs_container .tab .tabHeader {
		height: 31px;
		}
		.hometabs_container .tab .tabHeader img{
			padding:0; margin:0;
			}
	.hometabs_container .tab .tabMain {
		background: url(/images/tab_home_body_end.gif) repeat-y; 
		padding: 5px 8px 5px 2px; margin:0;
		text-align: center;
		}
		.hometabs_container .tab .tabMain p{
			padding: 0; margin: 0;
		}
		.hometabs_container .tab .tabMain img{
			padding: 2px 0 3px 0;
		}
	.hometabs_container .tab .tabGBUsage {
		background: url(/images/tab_home_body_price.gif) repeat-y; 
		padding: 5px 8px 5px 2px; 
		text-align: center; 
		}
	.hometabs_container .tab .tabGBUsage p{
		padding: 0; margin:0;
		}
	.hometabs_container .tab .tabEnd {
		background: url('/images/tab_home_end.gif') no-repeat; 
		height:16px; padding:0; margin:0;
		}
	.hometabs_container .tab p {
		margin: 0; padding: 8px 0 0 0;
		}
.benefitsPanel {
	float: right; display:block;
	width: 160px; height: 175px; 
	padding-top: 40px; 
	}		
	.benefitsPanel .benefitsBody {
		background: url(/images/home_benefits_body.gif) repeat-y top; 
		height: 103px; 
		padding: 20px 5px 10px 10px; margin: 0; 
		}
	.benefitsPanel .benefitsFooter {
		padding: 0; 
		}

	
/*Home Page Tabs EEE */

ul.benefits {
	list-style: none;
	padding: 0px; margin: 0;
	}
	ul.benefits li {
		padding: 0 0 2px 15px; margin: 0px;
		background: url('/images/tick.gif') no-repeat 0px 0px;
		font-size: 11px;
		}

/* Home page features boxes SSS */
.featuresBox {
	position: relative;
	border: solid 1px #ededed;
	/*width: 322px; height: 150px;*/
	width: 345px; height: 150px;
	/*padding: 10px 12px 5px 12px;*/
	background: #FFF  url(/images/featureBox_bg.gif) repeat-x top left;
	float: left; 
	}
	.featuresBox .content {
		margin: 5px; padding: 0px;
	}
	.featuresBox .btn {
		position: absolute; bottom: 6px; right: 5px;
		width: 125px;
		}
	

.customers {
	position: relative;
	width: 708px;
	margin: 10px 0 5px 0;
	}
	
	.customers .hdr {
		height: 14px;
		}
	.customers .bdy {
		height: 100px;
		background: url(/images/customers_panel_bdy.gif) repeat-y;
		padding: 0px 0px 5px 15px;
		}
		.customers .bdy .feedback {
			width:468px; 
			height: 60px;
			}
			.customers .bdy .feedback div.item {
				float: left;
				height: 70px; width: 30%;
				border-right: 2px solid #747474;
				/*padding: 2px 20px 2px 25px;*/
				}
				.customers .bdy .feedback div.item div{
					margin: 2px 10px 2px 20px;
				}
				.customers .bdy .feedback div span {
					font-weight: none; 
					font-size: 30px;
					color: #ea0030;
					}
		.customers .ftr {
			background: url(/images/customers_panel_ftr.gif) no-repeat;
			height: 15px;
			clear: both;
			}
/* Home page features boxes EEE */

/* Cust Services page features SSS */
.faq {
	font-size: 12px;
	padding-bottom: 10px !important;
	cursor: pointer; cursor: hand; 
	}
	.faq a.q{
		color: #ea0030;
		cursor:hand; cursor: pointer;
		}
	.faq a:hover{
		color: #ea0030;
		cursor:hand; cursor: pointer;	
		}
	.faq .selected a{
		color: #ea0030;
		cursor: hand; cursor: pointer;
		font-weight: bold;
		}
	.faq .selected div{
		padding-bottom: 10px;
		cursor:hand;cursor: pointer;
		}
	.faq .selected a:hover{
		color: #ea0030;
		cursor:hand;cursor: pointer;
		}
	.faq .selected a.q{
		color: #ea0030;
		cursor:hand;cursor: pointer;
		}
table.refer {
	width: 488px;
	border: none;
	}
	table.refer td.refer{
		height: 20px !important;
		vertical-align: top;
		}
/* Cust Services page features EEE */


/* Product page features SSS */
ul.productpg_list {
	width: 200px;
	float: left;
	padding:0 0 18px 0; margin:0;
	list-style: none;
	}
	ul.productpg_list li{
		padding:0 0 0 20px; margin:0;
		background: url(/images/product_tick.gif) no-repeat 1px 3px;
		}
.product_1 {
	float: left;
	width: 370px;
	padding: 0 0px 0 0; 
	}
	.product_price {
		float:right; 
		position: relative;
		}
.sub_product {
	width: 301px; 
	float: right; padding-bottom: 5px;
	}
	.sub_product img {
		padding:0; margin:0;
		}
	.sub_product .sub_product_price {
		float:right; 
		width:146px; 
		padding:0px; margin: 0px;
		position: relative;
		}
#product_1 .content,
#product_2 .content,
#product_3 .content {
		padding: 4px 4px 0px 4px !important; margin: 0 !important;
		}
.benefit_item {
	float: left; 
	width: 113px;
	}
.benefit_img {
	float: left; 
	width: 113px;
	text-align: right;
	}
.benefit_desc {
	float: left; 
	text-align:left; 
	width:554px; 
	padding: 0 0 0 24px;
	}
/* Product page features EEE */

/* Compare page features SSS */
table.compare {
	width: 700px;
	padding:0; margin:0;
	border: none;	
	}
	table.compare tr.heading {
		text-align: left;
		padding:0; margin:0;
		}
		table.compare td.top_hdr {
		border: 0;padding:0 !important; margin:0; width: 120px;
		text-align: center !important;
		}
		table.compare td.top_hdr img{
		border: 0;padding:0; margin:0; display: block;
		}
		
	table.compare tr.heading td,
	table.compare td.index,
	table.compare td{
		height: 32px; width: 100px;
		margin:0px; padding: 0px;
		text-align: center; color: #000; font-size: 12px;
		border-right: solid 1px #aeaeae;
		}
	table.compare tr.heading td span,
	table.compare td.index span,
	table.compare td span{
		display: block;
		margin:4px !important; padding: 0px;
		}
	
	table.compare td.title{
		font-weight: bold; text-align: left;
		padding: 0 0 0 10px !important;
		}
	table.compare td.title p,
	table.compare tr.heading td p,
	table.compare td.index p,
	table.compare td p{
		float:none;
		padding:3px !important; margin: 0px !important;
		display:inline;
		}
	
	table.compare tr.heading td {
		background: #fff url(/images/comparetbl_hdr_bg.gif) repeat-x;
		color: #fff; text-align:left;
		border-top: solid 1px #6a6a6c;
		border-bottom: solid 1px #aeaeae;
		}
	table.compare tr.heading td.index {
		width: 200px;
		}
	.blue {
			background-color: #ecf0f3;
		}
	/* Tooltips */
	a.compare {
		color: #000;
		text-decoration: none;
		font-weight: bold;
		border-bottom: 1px dashed #969696;
		}
	a.compare:hover {
		color: #000;
		text-decoration: none;
		font-weight: bold;
		border: none;
		}
	.tooltip {
		width: 191px;
		z-index: 2;
		position: absolute;
		}
		.tooltip .header {
			background: url(/images/tooltip_hdr.gif) no-repeat top left;
			width:191px; height:8px;
			padding: 0px; margin: 0px;
			font-size: 1px;
			}
		.tooltip .body {
			height: inherit;
			background: url(/images/tooltip_body.gif) repeat-y bottom left;
			padding: 5px;
			}
		.tooltip .footer {
			background: url(/images/tooltip_ftr.gif) no-repeat bottom left;
			height: 7px;
			font-size: 1px;
			}
		
/* Compare page features EEE */

/* Order page features SSS */
.product_box {
position: relative;
	width: 187px;
	margin-top: 10px; margin-left: auto; margin-right: auto;
	}
	.product_box .title {
		height: 31px;
		padding: 0; margin: 0;
		background: url(/images/order/product_orderBG_lg.gif);
		}
		.product_box .title img{
			padding: 0; 
			
			}
	.product_box .details {
		margin: 0; padding: 10px 5px 5px 5px;
		text-align: center;
		border:1px solid #c8c8c8;
		}
	.full_width {
		width: 330px;
		}

.product_box_small {
	width: 185px;
	margin-top: 10px; margin-left: auto; margin-right: auto; 
	
	}
	.product_box_small .title {
		height: 34px;
		padding: 0; margin: 0;
		}
		.product_box_small .title img{
			padding: 0; margin: 0px;
			}
	.product_box_small .details {
		position: relative;
		margin: 0; padding: 10px 5px 5px 5px;
		text-align: center;
		border:1px solid #c8c8c8;
		}
	.full_width {
		width: 330px;
		}

ul.specs {
	padding: 0; margin: 5px 0 0 0;
	list-style: none;
	text-align: left;
	font-size: 12px;
	color: #000;
	}
	ul.specs li {
		padding: 0 0 0 15px;
		background: url(/images/tick.gif) no-repeat 0 2px;
		}
		
ul.notes {
	width: 90%;
	padding-left: 30px; margin: 0 0 10px 0;
	list-style: square;
	}
	ul.notes li{
		margin-bottom: 10px;
		}

.service_tooltip {
	float: right;
	color: #ea0030;
	padding-right: 10px;
	}
	.service_tooltip a{
	float: right;
	text-decoration: none;
	}
	.service_tooltip a:hover{
	float: right;
	color: red;
	text-decoration: underline;
	}

.summaryHdr {
	padding: 5px; margin-bottom: 10px; 
	background-color:#e8e8e8 !important;
	}
.totalSummary {
	float: right;
	font-weight: bold;
	}
	
/* Order page features EEE */

p.footNote {
	color: #aeaeae;
	}
.clearBoth, 
.clearer {
	clear:both;
	height: 0; width: 0;
	padding: 0; margin: 0;
	}
.leftFloat {
	float:left;
	}


/* Slider bar styles */

.sliderlabel {
	font-weight: bold;
}

.slidermarker {
	width:5px;
	height:15px;
	background-image: url(/images/slider/marker.gif);
}

.sliderhandle {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:7px; 
	height:15px; 
	background-image: url(/images/slider/slider.gif);
	z-index:50;
}

.sliderbackground {
	position:relative; 
	width:389px; 
	height:15px; 
	background-image: url(/images/slider/background.gif); 
	float:left;
}

/* Slider bar styles */

.sliderutil_label {
	font-weight: bold;
}

.sliderutil_marker {
	width:5px;
	height:15px;
	background-image: url(/images/slider/marker.gif);
}

.sliderutil_handle {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:7px; 
	height:15px; 
	background-image: url(/images/slider/slider.gif); 
	z-index:50;
	cursor: url(/images/mouse-sidemove.gif) 10 4, w-resize;
}


.sliderutil_bg {
	float:right;
	margin-right:15px;
	position:relative;
	width:389px;
	height:15px;
	top:0px;
	background: url(/images/slider/background.gif) no-repeat;
	cursor: pointer;
}
/* Calculator page styles */
.calculator_box{
	position: relative;
	margin: 0 0 0 0; padding: 17px 10px 5px 10px;
	border:1px solid #c8c8c8;
}
.sliderlabel {
	float: left;
	font-weight: bold;
	height:40px;
}
table#calculate {
	border: 1px solid #c8c8c8;
	width: 705px;
}
table#calculate th {
	border: 1px solid #c8c8c8;
	background-color: #ededed;
	padding-left: 10px;
}
table#calculate td {
	border: 1px solid #c8c8c8;
	padding-left: 10px;
}

/*Compare_us SSS*/

table.compare_us {
	border: 0;
	padding: 2px; margin: 0; 
	}
	table.compare_us tr td{
		padding: 3px;
		text-align: left;
		border-bottom: 1px dotted gray;
		text-align: center; vertical-align:middle !important;
		}
		table.compare_us tr td p{
			padding:0;
			}
	table.compare_us tr.subhdr{
		height: 25px;
		background-color: #ea0030;
		}
		table.compare_us tr.subhdr td{
		color: #fff; font-size: 16px; text-align: left; font-weight: bold;
		border: 0 !important;
		}
	table.compare_us tr td.category{
		width: 188px; height: 40px;
		text-align: left;
		}
	
	table.compare_us tr td.hdr{
		font-size: 14px; font-weight: bold; color: #000 !important; text-align: center;
		width: 80px; 
		border: 0 !important;
		}
		.no-border { 
			border: 0 !important;
		}

/*Compaure_us EEE*/

/*Speed checker Styling SSS */
.speedmsg {
	font-size: 12px; font-weight: bold;
	color: #000;
}
.checkresult {
	font-size: 14px; font-weight: bold;
	color: red;
}
.big-top-info {
	margin-bottom: 10px !important;
	color:red;
}
/*Speed checker Styling EEE */

/* Payment-details styling SSS */
.payment_item {
	float: left;
	margin-bottom: 0px; padding:0;
	}
.payment_price {
	float: right;
	margin-bottom: 0px; padding:0;
	}
/* Payment-details styling EEE */

.home_gfx {
	position: absolute; right: 13px; top: -17px;  z-index: 50; 
	}
.home_tagline {
	position: absolute; right: 150px; top: 1px;  z-index: 50; 
	
	}

.switch_gfx {
	position: absolute; right: 20px; top: 15px; _top: 15px; z-index: 50;
}
.tech_gfx {
	position: absolute; right: 14px; top: -16px; _top: -1px; z-index: 2;
}
.upgrade_gfx {
	position: absolute; right: 14px; top: 7px; z-index: 50; 
}

.grey-text { 
	color: gray;
	background-color:none !important;
	}

.requirements {
border: solid 1px #68696b;
padding: 0px !important; margin:0 !important;
width: 490px;
	}
	table.requirements td{
	padding: 0 !important; margin:0 !important;
	}
table.requirements td.hdr {
	height: 35px;
	margin:0 !important; padding:5px !important;
	background-color: #e0e0e0;
	border-bottom: solid 1px #68696b; 
	color: #68696b; 
	font-size: 14px !important; font-weight: bold;
}
table.requirements p{
	margin: 5px;
	}
	
/* CALLCOSTS */
table.callcosts {
	margin-bottom: 10px;
	width: 488px;
}

table.callcosts tr.title {
	background-color:#ea0030;
}
table.callcosts td {
	color: black;
	border-bottom: dotted 1px #969696;
	padding: 10px 0 10px 0;
	text-align: center;
	}
table.callcosts td.index {
	text-align:left;
	padding: 7px 5px 7px 15px;
	}
table.callcosts td.hdr {
	text-align:center;
	padding:0 !important;
	}
table.callcosts tr.title td {
	height: 22px;
	color: white;
	font-weight: bold;
	padding: 7px 5px 7px 15px;
}
/* Phone call tabs sss*/

.anytimetab {
	float:left;
	background: url('/images/tab_anytime.gif') no-repeat;
	width: 187px; height: 30px;
	cursor: pointer; _cursor:hand;
}
.anytimetab_selected {
	float: left;
	background: url('/images/tab_anytime_roll.gif') no-repeat;
	width: 187px; height: 30px;
	cursor: pointer; _cursor:hand;
}
.hometimetab{
	float:left;
	width: 187px; height: 30px;
	background: url('/images/tab_hometime.gif') no-repeat;
	cursor: pointer; _cursor:hand;
}
.hometimetab_selected{
	float:left;
	width: 187px; height: 30px;
	background: url('/images/tab_hometime_roll.gif') no-repeat;
	cursor: pointer; _cursor:hand;
}
/* Phone call tabs eee*/
.login-here {
	border: solid 1px #ededed;
	width: 700px; height: 65px;
	background: #eff2f9;
	margin-bottom:10px;
	}
.login-here .content {
	margin-top: 15px; padding: 5pt;
	}
	
/* Styles added 01/06/2008 (june 2008) Ryan M */

/* June 2008 New product pages */

.pr-main{
	width: 515px;
	float:left;
	}

.pr-title {
	height: 46px; width: 515px;
	background: url('/images/business/broadband/pr-header-bg.gif') no-repeat;
	}
	.pr-title img{
		margin: 13px 0px 0px 11px;
		}
.pr-intro{
	/*No style*/
	}
	.pr-intro ul{
		list-style: none;
		padding:0;margin:20px 0 0 10px;
		}
	.pr-intro ul li{
		font-weight: normal; font-size: 13px; font-family:arial;
		padding: 0 0 0 20px; margin: 0 0 5px 0;
		background: url('/images/business/broadband/pr-intro-li.gif') no-repeat 0px 4px;
		}

.pr-contract-select{
	margin-top: 12px;
	}
	.pr-contract-select .pr-option{
		/*position: relative;*/
		height:70px ; width: 146px; float: left;
		margin-left: 5px;
		background: url('/images/business/broadband/pr-cont-len-option.gif') no-repeat;
		}
	.pr-contract-select .pr-option-taller{
		/*position: relative;*/
		height:78px ; width: 146px; float: left;
		margin-left: 5px;
		background: url('/images/business/broadband/pr-cont-len-option2.gif') no-repeat;
		}
		
	.pr-contract-select .pr-option-tallest{
		/*position: relative;*/
		height:119px ; width: 170px; float: left;
		margin-left: 0px;
		margin-top:10px;
		background: url('/images/business/broadband/pr-cont-len-option3.jpg') no-repeat;
		}

.pr-features-price{
	margin-top: 3px;
	float:left; 
	}
	
	.pr-features-price .pr-features{
		width: 365px; float: left;
		padding:0; margin:0;
		}
		ul.pr-features{
			padding: 0px; margin:5px 0 0 0;
			list-style:none;
			text-align:left;
			width: 98%;
			}
		.homelist{
			height: 205px;
			}
		ul.pr-features-new{
			float:left;	
			padding: 0px; margin:5px 0 10px 0;
			list-style:none; text-align:left;
			width: 48%;
		}
		ul.pr-features li, ul.pr-features-new li{
			 width: auto;
			padding: 2px 0 2px 30px; margin: 0 4px 0 5px;
			font-size: 12px;
			background: url('/images/business/broadband/tick-blue-bgwhite.gif') no-repeat 7px 4px;
			}
		ul.pr-features li.pr-gry, ul.pr-features-new li.pr-gry{
			background: #ededed url('/images/business/broadband/tick-blue-bggry.gif') no-repeat 7px 4px;
			}
		ul.pr-features li a, ul.pr-features-new li a{
			text-decoration: none;
			color: #656565;
			}
		ul.pr-features li a:hover, ul.pr-features-new li a:hover{
			text-decoration: underline;
			}
	.pr-features-price .pr-price{
		float:left;
		}
	.pr-features-price .pr-price a{
		display: block;
		width:148px; height: 108px;
		margin:0; padding:0;
		float: right;
		background: url('/images/business/broadband/pr-price-bg.gif') no-repeat;
		background-position: top left;
		}
	
	.pr-features-price .pr-price a:hover{
		display: block;
		width:148px; height: 108px;
		margin:0; padding:0;
		float: right;
		background: url('/images/business/broadband/pr-price-bg.gif') no-repeat;
		background-position: -148px 0;
		}
		.pr-features-price .pr-price img{
			margin: 10px 0 0 17px;
			}
			
.pr-home-specials{
	width: 515px;
	margin-top:10px;
	float:left;
	}
	.pr-home-specials .pr-specials-top{
		width: 515px; height: 120px;
		background: url(/images/business/home/specials-top.gif) repeat-y top right;
		}
		.pr-home-specials .pr-specials-top p{
			margin-right:20px;
			line-height:18px;
			}
		.pr-home-specials .pr-specials-top .symbol{
			width: 115px; height: auto;padding: 20px 0 0 10px;
			float: left;
			vertical-align: middle; text-align: center;
			}
		.pr-home-specials .pr-specials-top .desc{
			width: 385px;
			float: left;
			position:relative;
			padding: 0 0 10px 0px;
			}
			.desc a:hover{
				text-decoration:none;
				}
				
	.pr-home-specials .pr-specials-foot{
		width: 515px; height: 13px;
		position:relative;
		background: url(/images/business/home/specials-foot.gif) no-repeat;
		margin: 0 0 22px 0;
		}
		.pr-home-specials .pr-specials-foot a:hover{
			color:#d3000a;
			}


.pr-comprehensive-benefits{
	width: 515px;
	margin-top: 2px;
	float:left;
	}
	.pr-comprehensive-benefits .bene-title{
		height: 50px; width: 100%;
		background: url('/images/business/broadband/pr-comp-ben-title.gif') no-repeat;
		}
		.pr-comprehensive-benefits .bene-title img{
		margin: 15px 0 0 11px;
		}
	.pr-comprehensive-benefits .bene-body{
		width: 100%;
		position: relative;
		background: url('/images/business/broadband/pr-comp-ben-body.gif') repeat-y;
		}
		.pr-comprehensive-benefits .bene-body p{
			margin-right:20px;
			}
		.pr-comprehensive-benefits .bene-body .symbol{
			width: 115px; height: auto;padding: 20px 0 0 10px;
			float: left;
			vertical-align: middle; text-align: center;
			}
		.pr-comprehensive-benefits .bene-body .desc{
			width: 385px;
			float: left;
			position:relative;
			padding: 0 0 20px 0px;
			}
	.pr-comprehensive-benefits .bene-footer{
		height: 31px; width: 100%;
		background: url('/images/business/broadband/pr-comp-ben-footer.gif') repeat-y;
		}
.pr-hr-gry{
	border: none; border-bottom: solid 2px #7c7c7c; 
	height: 1px; width: 94%; margin:auto; padding:0;
	background:none; 
	}
.pr-rightside{
	width: 181px;
	float: right;
	}
.sub-item-right{
	position: relative;
	width: 182px; 
	margin: 0 0 8px 0; 
	padding:0 !important;
	float: right;
	}
.sub-item{
	position: relative;
	width: 182px; 
	margin: 0 0 8px 0; 
	padding:0 !important;
	float: right;
}

/* Avail checker inc. */		
.mod-right-gry-top {
	height: 6px; width: 182px;
	padding: 0px; margin:0px;
	background:url(/images/business/broadband/availchecker-top.gif) no-repeat bottom left;
	}
.mod-right-gry-main {
	color: #fff;
	padding-top:5px !important; margin:0px;
	background:url(/images/business/broadband/availchecker-main.gif) repeat-y;
	text-align:left;
	}

.mod-right-gry-main p { 
	text-align:left !important;
	padding: 0px; margin:0 0 5px 10px;
}

.mod-right-gry-main .terms{
	width:94%;
	text-align:left;
	padding: 5px; margin:0;
	color:#fff; 
	background:url(/images/business/broadband/availchecker-terms-bg.gif) repeat-y;
}

.mod-right-gry-btm{
	position:relative;
	height: 7px;
	padding: 0; margin:0;
	background:url(/images/business/broadband/availchecker-bottom.gif) no-repeat;
}

.btn-more {
	padding:1px;
	background: url(/images/business/broadband/icon-bluegry.gif) no-repeat right top;
	padding-right:20px;
	color:#ffffff;
}
	
	
.btn-bot-right{
	position:absolute; bottom: 5px; right: 10px;
	color:#fff; cursor:pointer; height:15px;
	text-align:right;
	}
	.btn-bot-right:hover{
	text-decoration: underline;
	color:#fff;
	}
.btn-spacer{
	padding:0 20px 0px 0; 
	height:15px; 
	width:auto;
	}
	
	.btn-bot-right a.onwhite{
	color:#ea0030;
	}
	.on-gry{
		background: url(/images/business/broadband/icon-bluegry.gif) no-repeat bottom right;
		}
	.on-red{
		background: url(/images/business/broadband/icon-bluered.gif) no-repeat bottom right;
		}
	.on-white{
		background: url(/images/business/broadband/icon-redwhite.gif) no-repeat bottom right;
		/*color: #ea0030;*/
		color: red;
		}

.mod-right-top{
	height: 6px; width: auto;
	background: url(/images/business/broadband/module-right-hdr.gif) no-repeat bottom left;
	margin: 0; padding: 0;
	}
.mod-right-main{
	color:#fff;
	background: url(/images/business/broadband/module-right-main.gif) repeat-y;
	padding-left: 10px;
	}
	.mod-right-main img{
		width:auto;
		padding: 0; margin:10px 0px 0px 0px;
		clear: both;
		}
		
	.mod-right-main p{ 
		width:auto;
		padding: 0; margin:0px 5px 0px 5px;
		}
.mod-right-footer{
	position:relative;
	height: 6px; width: auto;
	margin:0;padding:0;
	background: url(/images/business/broadband/module-right-footer.gif) no-repeat;
	}
a.btn_compare{
	display:block;
	width: 182px; 
	height: 46px; 
	background: url(/images/business/broadband/btn-compare.gif) no-repeat;
	background-position: top left; 
	}
a.btn_compare:hover{
	display:block;
	width: 182px; 
	height: 46px; 
	background: url(/images/business/broadband/btn-compare.gif) no-repeat;
	background-position: -184px 0;
	}

/* New Form elements */
.period_selector{
	margin: 20px 5px 0 15px; padding:0; 
	width: 15px; height: 15px; 
	background: none; border: solid 1px; 
	float:left;
	}
	
/* New Pipex homepage 2008 */

.home-main{
	width: 515px;
	float: left; 
	position:relative;
	}

.creative_advertisement{
	width:515px; height:150px;
	margin: 0 10px 10px 0;
	background-color:#fff;
	}

.product-container{
	height:390px;  
	width: auto;
	_width: 518px;
	position:relative; 
	

	}
	.product-container .product{
		width: 165px;
		margin: 0 10px 0 0;
		_margin: 0 8px 0 0;
		float:left;
		}
		.product-container .product .product-hdr{
		width: 166px; height: 44px;
		margin:0;padding:0; text-align:center;
		background: url(/images/business/home/pr-hdr-bg.gif) no-repeat top left;
		cursor:hand; cursor:pointer;
			}
			.product-container .product .product-hdr img{
				margin: 10px  0 0 0; 
				}
		.product-container .product .product-main{
		width: 167px; height:345px;
		margin:0;padding:0; text-align:center;
		background: url(/images/business/home/pr-main-bg.gif) repeat-y top left;
		vertical-align: bottom; position: relative;
			}
			.product-container .product .product-main p,
			.product-container .product .product-main a{
				margin: 3px 9px 0 10px;
				padding: 0 0 3px 0;
				font-size: 11px; font-weight: bold; 
				}
		.product-container .product .product-ftr{
		width: 167px; height:15px;
		margin:0;padding:0;
		background: url(/images/business/home/pr-ftr-bg.gif) no-repeat top left;
			}
		
.uptime_extra{
	width:196px; height:147px;
	position:absolute; bottom:14px;right:-190px; _bottom:14px; _right:-187px;
	background: url(/images/business/home/uptime-bg3.gif) no-repeat bottom right;
	}
	.uptime_extra ul{
		margin: 55px 5px 0 0px;
		padding: 0;
		list-style: none;
		}
	.uptime_extra ul li{
		font-size: 11px;
		padding: 0 0px 0 23px;
		/*background: url(/images/business/home/plus.gif) no-repeat 6px 0px;*/
		}
	.uptime_extra strong {
		color:#d3000a;
		}

.home_benefits{
	width:181px; 
	float:right;
	margin-bottom: 10px;
	}
	.home_benefits .hdr{
		height:68px;width:100%;
		padding:0; margin:0;
		background: url('/images/business/home/ben_headerv3.gif') no-repeat bottom left;
		}
	.home_benefits .main{
		height: 186px; width: 100%;
		margin:0; padding:0;
		background: url('/images/business/home/ben_main.gif') repeat-y top left;
		}
		.home_benefits .main ul{
			padding:0; margin:0 0 0 0;
			list-style:none;
			}
			.home_benefits .main ul li{
			padding:0 0 5px 30px; margin:0px 0 2px 0;
			color:#fff;font-size: 12px;
			background: url(/images/business/home/tick-red.gif) no-repeat 10px 0px;
			border-bottom: 1px dotted #fff;
			}
	.home_benefits .footer{
		height: 24px; width: auto;
		margin:0; padding:0;
		background: url('/images/business/home/ben_footer.gif') no-repeat top left;
		border: none;
		}
.hr-bus{
	border-bottom: solid 2px #d3000a; 
	height: 1px; width:90%;
	margin:auto; padding:0;
	background:none; 
	}

a.btn-findmore{
	width:146px; height:28px;
	float:none; display:block;
	padding:0; margin: 5px 0 0 0;
	background: url(/images/business/find-btn.gif) no-repeat;
	}
	a.btn-findmore:hover{
		background-position: -148px 0px;
		}
a.btn-viewdetails{
	width:147px; height:28px;
	float:none; display:block;
	padding:0; margin: 5px 0 0 0;
	background: url(/images/business/view-btn.gif) no-repeat;
	}
	a.btn-viewdetails:hover{
		background-position: -150px 0px;
		}
a.btn-buynow{
	width:147px; height:28px;
	float:none; display:block;
	padding:0; margin: 5px 0 0 0;
	background: url(/images/business/btn-buynow.gif) no-repeat;
	}
	a.btn-buynow:hover{
		background-position: -150px 0px;
		}
a.btn-joinnow{
	width:147px; height:28px;
	float:none; display:block;
	padding:0; margin: 5px 0 0 0;
	background: url(/images/business/btn-joinnow.gif) no-repeat;
	}
	a.btn-joinnow:hover{
		background-position: -150px 0px;
		}
a.btn-ordernow{
	width:147px; height:28px;
	float:none; display:block;
	padding:0; margin: 5px 0 0 0;
	background: url(/images/business/btn-ordernow.gif) no-repeat;
	}
	a.btn-ordernow:hover{
		background-position: -150px 0px;
		}

a.btn-findmore-pro{
	width:60px; height:28px;
	float:left; 
	padding:0; margin: 5px 0 0 10px !important;
	background: url(/images/business/pro_more.gif) no-repeat;
	}
	a.btn-findmore-pro:hover{
		background-position: -60px 0px;
		}
a.btn-findmore-proe{
	width:87px; height:28px;
	float:left; 
	padding:0 !important; margin: 5px 0 0 0 !important;
	background: url(/images/business/proe_more.gif) no-repeat;
	}
	a.btn-findmore-proe:hover{
		background-position: -87px 0px;
		}

.orderstep{
	width:280px; height:62px; float: left; 
	margin: 0 0 10px 0;	
	}
.o1 {
	background: #fff url('/images/business/broadband/step1bg.gif') no-repeat top left; 
	}
.o2 {
	background: #fff url('/images/business/broadband/step2bg.gif') no-repeat top left; 
	}
.o3 {
	background: #fff url('/images/business/broadband/step3bg.gif') no-repeat top left; 
	}
.orderstep #radio, .orderstep #check{
	margin: 32px 5px 0 15px; padding:0; 
	float:left; width: 15px; height: 15px; 
	background: none; 
	border: none;  
	}
.orderstep .headtext{
	float: left; color:#d30009; margin: 30px 0 0 15px !important;
	line-height: 13px;
	}