@import url('reset.css');
body,td,th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000;
}
body {
  background-color: #FFF;
  background-image: url(../images/mainback.gif);
  background-repeat: repeat-x;
}
a:link {
  color: #666;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #666;
}
a:hover {
  text-decoration: underline;
  color: #333;
}
a:active {
  text-decoration: none;
  color: #666;
}
h1,h2,h3,h4,h5,h6 {
  font-weight: bold;
}
h1 {
  font-size: 1.6em;
  text-transform:uppercase;
}
h2 {
  font-size: 1.3em;
}
h3 {
  font-size: 1.1em;
}
h4 {
  font-size: 1em;
  margin-bottom:5px;
}
strong{
  font-weight:bold;}
em{ font-style:italic;}
.clr{ clear:both;}	
.small{ font-size:0.8em;}
#wrap{
  position:relative;
  margin:0 auto;
  width:920px;}
#head{
  position:relative;
  background-image:url(../images/logoplusmenu.gif);
  background-repeat:no-repeat;
  height:114px;
  }	
.toplinks{
  position:absolute;
  top:17px;
  left:312px;
  list-style:none;}	
.toplinks li{
  position:relative;
  float:left;
  padding:0 15px;
  border-right:#FFF solid 1px;
  height:10px;
  line-height:10px;
  vertical-align:middle;}	
 .toplinks li.current{
	 font-weight:bold;} 
.toplinks li.last{
  border:0;}	
.toplinks a	{
  position:relative;
  font-size:0.9em;
  color:#FFF !important;}
.mainlinks{
  position:absolute;
  top:50px;
  left:300px;
  list-style:none;
  font-size:1em;
  }	
.mainlinks li{
  position:relative;
  margin:0;
  float:left;
  }	
.mainlinks a{
  position:relative;
  display:block;
  height:33px;
  line-height:33px;
  vertical-align:middle;
  padding:0 0 21px 15px;
  color:#000 !important;
  text-decoration:none
  }	
.mainlinks .current a{
	  background-image:url(../images/buttons.gif);
  background-position:left -4px !important;
  background-repeat:no-repeat;
  color:#FFF !important;
  padding:0 0 21px 15px;
  }
.mainlinks .current a strong{
  padding:0 15px 21px 0;
  background-image:url(../images/buttons.gif);
  background-position:right -4px !important;
  }			
.mainlinks a strong{
  display:block;
  padding:0 15px 21px 0;}
.mainlinks a:hover {
	  background-image:url(../images/buttons.gif);
  background-position:bottom left;
  background-repeat:no-repeat;
  color:#FFF !important;}	
  .mainlinks a:hover strong{
  background-image:url(../images/buttons.gif);
  background-position:bottom right;}	
#content{
  position:relative;}	
.sidebar{
  position:relative;
  float:right;
  width:212px;}
.maincontent{
  position:relative;
  float:left;
  width:690px;
  min-height:386px;}
.maincontent ul{
  margin:0 10px 20px;
  list-style:none;}
.maincontent li{
  margin-bottom:5px;
  padding-left:15px;
  background-image: url(../images/bullet.gif);
  background-repeat:no-repeat;
  background-position:0 3px;}		
.maincontent p{
  margin-bottom:20px;
  text-align:justify;}	
.maincontent .packages2	{
  position:relative;
  margin:10px 0 20px;}
.maincontent .packages2 li{
  position:relative;
  float:left;
  width:320px;
  padding:0;
  height:280px;
  background-image:url(../images/broadbandboxes.png);
  background-repeat:no-repeat;
  background-position: top left;
  margin-right:32px;
   }
   .maincontent .packages2 h3{
	   position:relative;
	   text-align:center;
	   font-size:2em;
	   padding-top:15px;
	   height: 58px;
	   color:#fff;
	   line-height:52px;
	   vertical-align:middle;
	   }	
	  .maincontent .packages2 p{
		  text-align:center;
		  font-size:1.1em;}
	  .maincontent .packages2 strong{
		  display:block;
		  text-align:center;
		  line-height:0.9em;
		  font-size:4em;}	 
	  .maincontent .packages2	.bestbuy{
		  margin-right:0;
		  background-position:right top;}
		  
.maincontent .packages3	{
  position:relative;
  margin:10px 0 20px;}
.maincontent .packages3 li{
  position:relative;
  float:left;
  width:210px;
  padding:0;
  height:280px;
  background-image:url(../images/broadband3boxes.png);
  background-repeat:no-repeat;
  background-position: top left;
  margin-right:24px;
   }
   .maincontent .packages3	.bestbuy{
		  background-position:right top;}
   .maincontent .packages3 h3{
	   position:relative;
	   text-align:center;
	   font-size:1.8em;
	   padding-top:15px;
	   height: 58px;
	   color:#fff;
	   line-height:52px;
	   vertical-align:middle;
	   }	
	  .maincontent .packages3 p{
		  text-align:center;
		  font-size:1.1em;
		  }
	  .maincontent .packages3 strong{
		  display:block;
		  text-align:center;
		  line-height:0.9em;
		  font-size:3em;}	 
	  .maincontent .packages3	.last{
		  margin-right:0;
		  }			
		  
.ordernow{
  position:relative;
  display:block;
  width:142px;
  height:38px;
  margin:5px auto 0;
  background-image:url(../images/ordernow.png);
  background-repeat:no-repeat;
  background-position:top left;
  text-decoration:none;}
.maincontent .packages3	.ordernow{margin:10px auto 0;}
.bestbuy .ordernow{background-position:bottom left;}
.bestbuy .ordernow:hover{background-position:top left;}
.ordernow:hover{
  background-position:bottom left;
  text-decoration:none;}				
img.right{
  position:relative;
  float:right;
  margin-left:15px;}
  
img.left{
  position:relative;
  float:left;
  margin-right:15px;}	
#footer{
  position:relative;
  margin-top:15px;
  padding:15px 0;
  color:#ccc;
  border-top:#CCC dashed 1px;
  font-size:0.8em;}
#footer ul{
  position:relative;
  height:20px;
  margin:0 0 10px 300px;
  list-style:none;
   }
#footer li{
  float:left;
  margin:0 5px;}	
#footer a{
  color:#ccc;}	
		  
#footer p{
  text-align:center;}	
/* Call Plans */
  .headertable{
		  position:relative;
		  width:690px;
		  padding:0 !important;
		  margin:10px 0px 0px !important;}
	  .headertable li{
		  position:relative;
		  padding:0 !important;
		  margin:0 !important;
		  font-size:1.1em;
		  font-weight:bold;
		  text-align:center;
		  color: #060;
		  background-repeat:no-repeat;
		  background-position:top center !important;
		  float:left;
		  border:#FFF solid 3px;
		  border-bottom:0;
		  -moz-border-radius-topleft :15px;
		  -webkit-border-top-left-radius:15px;
-moz-border-radius-topright :15px;
-webkit-border-top-right-radius:15px;
		  }
		  .headertable a{
			  position:relative;
			  padding:11px 15px;
			  display:block;
			  text-decoration:none;}
  .headertable li.compare{
	  width:145px;
	  background-image:url(../images/tableheader.gif);
	  color:#FFF;

}
  .headertable li.monthly{width:173px; 
		  background-color:#277ABE;
				  border-color:#25AAE1;
	  background-image:url(../images/topprepay.gif);
	  color:#fff;
	  }
		  .headertable li.monthly200{
			  background-color:#B01B20;
  width:176px;
  background-image:url(../images/top200.gif);
  border-color:#E73733;
  color:#fff;
	  }
  .headertable li.prepay{
	  background-color:#277ABE;
	  border-color:#25AAE1;
	  width:170px; 
	  background-image:url(../images/tabletop.gif);

}
  .headertable li.compare a{
	  color: #000;

}
  .headertable li.monthly a{
	  color:#fff;
	  }
	  .headertable li.monthly200 a{
	  color:#fff;
	  }	
  .headertable li.prepay a{
	  color:#fff;


}		
  #compare_plans_table{
	  position:relative;
	  width:689px;
	  margin:0px 0px 40px;
	  border-top:#fff 1px solid;

	  }	
#compare_plans_table tr{
}
.rates td{
	vertical-align: top;}
.rates span{
	display:block;
	padding-top:20px;
	text-align:center;
	}
	
#countries{
	border:#999 solid 1px;
	padding:2px;
	width:115px;
	margin-top:5px;
	}	
#compare_plans_table tr.headertable{
		  border:0;
}
  #compare_plans_table td{
	  padding:20px 10px;
	  font-size:1.2em;
	  border-bottom:#fff solid 1px;
	  background-color:#f7f7f7;
	  color:#000;}
  #compare_plans_table td.cell{
	  text-align:center;
	  font-weight:bold;
	  }
  #compare_plans_table td.rowname	{
  background-color:#efefef;
  border-right:#fff solid 1px;
}
  #compare_plans_table td.last	{
  border-left:#fff solid 1px;
}
#compare_plans_table tr.pricing td{
  font-weight:bold;
}
  
#compare_plans_table tr.pricing td.rowname{
  font-size:1.5em;
  border-right:#FFF 1px solid;}
  #compare_plans_table tr.pricing td.last{
  border-left:#FFF 1px solid;}
  
  #compare_plans_table tr.altrowcolor td{
	  background-color:#F8F8F8;}
  .large{ font-size:1.5em;
  }			
  /*feedback Form*/

.feedbackform, .directdebit{
position:relative;
margin:10px;
}
.feedbackform {}
.directdebit{}

.feedbackform .contactimage{
position:absolute;
top:50px;
right:50px;}

.feedbackform .orderimage{
position:absolute;
top:70px;
right:30px;}

.feedbackform p, .directdebit p {clear:both;
display:block;
}

.feedbackform label{
float:left;
width:150px;
margin-right:10px;
text-align:right;
font-weight:bold;
font-size:0.8em;}
.directdebit label{
float:left;
width:200px;
margin-right:10px;
text-align:right;
font-weight:bold;
font-size:0.8em;
}

.feedbackform span.radio{
float:left;
display:block;
width:180px;
padding:3px 0px 1px;
font-weight:bold;}
.feedbackform input.radio{
border:0px;
float:left;
margin-top:2px;
display:block;
width:30px;}

.feedbackform input.checkbox, .directdebit input.checkbox {
position:relative;
border:0px;
top:2px;
width:15px;
float:none;}

.feedbackform input, .feedbackform select, .feedbackform textarea, .feedbackform submit{
float:left;
margin:-2px 0 15px;
border:#666 solid 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
.directdebit input{
float:left;
margin:-2px 0 15px;
border:#666 solid 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
width:350px}
.directdebit input.submit{
width:100px
}

.feedbackform input, .feedbackform select{
width:200px;}
.feedbackform .errors{
color:#C00;
font-size:0.8em;}

.line{height:1px;
background-color:#333;
margin:15px 0px;}
.errormessage {
	padding:10px;
	background-color:#efefef;}
.errormessage p{
	margin-bottom:5px !important;
	color:#C00;
	font-size:0.8em;}	
input.error, select.error{
	border:#C00 solid 1px !important;}	
	

/* Phone Plans*/
.planbanner{
	position:relative;
	padding-top:15px;
	border-top:#277ABE solid 4px;
	min-height:220px;
	margin:0 0 30px;
	z-index:8;
	}	
.planbanner .list{
	position:relative;
	margin-top:8px;
	float:left;
}
.planbanner .price .signup{
	margin:15px 0 0;}
.planbanner .list li{
	margin-bottom:10px;
	background-position:0 4px;
	}
.price{
	position:relative;
	float:left;
	padding:20px 20px 10px;
	margin-right:30px;
	width:143px;
	height:200px;
	background-image:url(../images/phoneback.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	text-align:center;
	font-size:1.3em;
	color: #fff !important;
	z-index:10;
}
.m200{
	background-position:top left;}
	.prepayprice{
		font-size:1.6em;
		font-weight:bold;}
.price strong{
	display:block;
	font-size:2.5em;
	text-align:center;}	
.ips{
	margin:0 0 15px;}
.ips td{
	border:#036 solid 1px;
	padding:5px;}
			
/* Login Form */
.loginform{
	position:relative;
	background-image:url(../images/loginback.jpg);
	background-repeat:no-repeat;
	padding:15px 25px 0;
	height:145px;
	width:162px;
	color:#FFF;
	text-shadow:#000 1px 1px 0px;}
.loginform	 label{
	display:block;
	margin-bottom:3px;
	font-size:0.8em;}
.loginform .dtformtext{
	border:#036 solid 1px;
	margin-bottom:3px;
	width:160px !important;}