@charset "utf-8";
/* CSS Document */
.margintop20{
	margin-top:20px;}
.margintop30{
	margin-top:30px;}
.a_right{
	text-align:right;}	

/* new by Andy for new order journey May 2018 */
#content-container-neworder{
	text-align:center;
	padding-bottom:30px;
	min-height:350px;}
#content-container-neworder h1{
	text-align:center;
	margin-bottom:30px;
	font-size:22px;
	font-weight:normal;}
#content-container-neworder p{
	font-size:16px;
	margin-bottom:6px;}
#content-container-neworder label{
	display:block;
	text-align:center;}
#content-container-neworder input{
	color:#004F93;
	
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	font-size:16px;
	padding:4px 2.5%;
	border:1px solid #1e76c2;}
#content-container-neworder input:focus{
	background:#daeeff;
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;}
#content-container-neworder input[type="radio"]{
	width:25px;
	float:center;
	border:none;}
#content-container-neworder input[type="checkbox"]{
	border:none;}
#content-container-neworder input[type="radio"].radio2{
	clear:both;}
#content-container-neworder input[type="radio"] + label{
	float:left;
	font-size:16px;
	margin-right:30px;}
#content-container-neworder input[type="radio"].radio2 + label{
	float:none;}
#content-container-neworder input[type="radio"].radio2 + label span{
	font-size:14px;}
#content-container-neworder input.btn-submit{
	background:#2986d8;
	color:#fff;
	
	padding:10px;
	font-size:18px;
	cursor:pointer;
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;}
#content-container-neworder input.choose-pack{
	width:300px;
	display:block;
	margin:20px auto;}
#content-container-neworder input.btn-submit:hover{
	background:#004f94;}
	
#content-container2{
	text-align:left;
	padding-bottom:30px;
	min-height:350px;}
#content-container2 h1{
	text-align:center;
	margin-bottom:30px;
	font-size:22px;
	font-weight:normal;}
#content-container2 p{
	font-size:16px;
	margin-bottom:6px;}
#content-container2 label{
	display:block;
	text-align:left;}
#content-container2 input{
	color:#004F93;
	width:94%;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	font-size:16px;
	padding:4px 2.5%;
	border:1px solid #1e76c2;}
#content-container2 input:focus{
	background:#daeeff;
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;}
#content-container2 input[type="radio"]{
	width:25px;
	float:left;
	border:none;}
#content-container2 input[type="checkbox"]{
	border:none;}
#content-container2 input[type="radio"].radio2{
	clear:both;}
#content-container2 input[type="radio"] + label{
	float:left;
	font-size:16px;
	margin-right:30px;}
#content-container2 input[type="radio"].radio2 + label{
	float:none;}
#content-container2 input[type="radio"].radio2 + label span{
	font-size:14px;}
#content-container2 input.btn-submit{
	background:#2986d8;
	color:#fff;
	width:140px;
	padding:10px;
	font-size:18px;
	cursor:pointer;
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;}
#content-container2 input.choose-pack{
	width:300px;
	display:block;
	margin:20px auto;}
#content-container2 input.btn-submit:hover{
	background:#004f94;}
div.pcaAutoComplete{
	width:99.5% !important;
	clear:both;
	margin-bottom:20px !important;}
.pcaAutoComplete .inputArea{
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
.radio_title{
	font-size:16px;
	float:left;
	margin-right:15px;}
.border-blue{
	border:1px solid #004F93;
	padding:10px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	}
.radio_column{
	float:left;
	max-width:85%;}

ul#steps{
	clear:both;
	padding:10px 0;
	border-bottom:1px solid #005aa8;
	border-top:1px solid #005aa8;
	margin-bottom:30px;
	min-height:35px;}
ul#steps li{
	width:20%;
	float:left;
	list-style:none;}
ul#steps li span{
	font-size:12px;
	display:block;
	text-align:center;
	color:#a0a0a0;}
ul#steps li h4{
	font-size:18px;
	text-align:center;
	line-height:20px;
	color:#a0a0a0;}
.current_step{
	color:#004F93 !important;}

span.info{
	font-size:12px !important;
	color:#4784b9 !important;}
label.error{
	font-size:12px;
	color:red;}
	
.avail-table{
	max-width:800px;
	margin:0 auto;
	font-size:16px;
	font-weight:300;
	margin-bottom:30px;}
table.avail-table th{
	background:#e2e2e2;
	text-align:left;
	padding:6px 4px;
	font-weight:400;}
table.avail-table td{
	background:#f2f2f2;
	text-align:left;
	padding:6px 4px;}
#newLine{
	padding:0 30px;}
	
/*-----------FTTP----------------------*/
.lookup{
	padding:10px;
	border:1px solid #004f94;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
.lookup h3{
	font-family: 'Open Sans', sans-serif;
	font-size:22px;
	color:#004f94;
	font-weight:400;
	text-align: center;
	margin-bottom:5px;}
.styled-select select {
	background:transparent;
   width: 400px;
   padding: 10px 5px;
   color:#2a62a1;
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   font-size: 16px;
   border:none;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
   height: 42px;
   outline:none;
   -webkit-appearance: none;}
.styled-select:hover, .styled-select:focus{
	background:url(images/arrow-contact-hover.png) no-repeat right #c4d8ee;}
.styled-select {
   width: 370px;
   height: 42px;
   overflow: hidden;
   margin:0 auto;
   background:url(images/arrow-contact.png) no-repeat right #e9e9e9;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	margin-bottom:9px;
	cursor:pointer;
	border:1px solid #2a62a1;}
#response{
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:22px;}

.orange{
	background:#f5a543;
	padding:10px 0;
	min-height:97px;}
.benefits_title, .benefits_text, .benefits_speeds{
	font-family: 'Open Sans', sans-serif;
	font-size:22px;
	display:block;
	text-align:center;
	color:#fff !important;}
.benefits_title{
	font-size:22px;
	margin-bottom:2px;
	font-weight:700;
	text-transform:uppercase;}
.benefits_text{
	line-height:24px;
	font-weight:300;
	margin-top:6px;}
.opti{
	margin-top:0;}
.benefits_speeds{
	font-size:14px;
	font-weight:300;
	margin-top:3px;}

.blue{
	background:#2a62a1;}
.ideal{
	padding:10px 10px 10px 40px;
	min-height:160px;}
.ideal_title{
	font-family: 'Open Sans', sans-serif;
	font-size:26px;
	font-weight:300;
	margin-bottom:5px;
	color:#fff;}
.ideal li{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#fff;
	margin-left:20px;
	list-style:disc outside !important;}
.up25{
	background:url(images/upto25.png) no-repeat center left;}
.up40{
	background:url(images/upto40.png) no-repeat center left;}
.up100{
	background:url(images/upto100.png) no-repeat center left;}
.up300{
	background:url(images/upto300.png) no-repeat center left;}

ul#ben_fttp{}
ul#ben_fttp li{
	list-style:disc outside;
	margin-left:20px;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#2a62a1;
	margin-bottom:3px;}
.discount h3{
	font-family: 'Open Sans', sans-serif;
	font-size:22px;
	font-weight:700;
	color:#2a62a1;
	line-height:24px;}
.discount p{
	font-family: 'Open Sans', sans-serif;
	color:#2a62a1;
	font-size:16px;}

/*-------TABLE---------*/
table.priceplan{
	font-family: 'Open Sans', sans-serif;}
table.priceplan th{
	text-align:center;
	padding:4px 0;
	background:#2a62a1;
	color:#fff;
	font-size:16px;
	font-weight:300;}
table.priceplan td{
	padding:5px;
	background:#eee;
	color:#333;
	font-weight:300;
	text-align:center;
	font-size:14px;}
table.priceplan tr.even td{
	background:#dfdfdf;}
.phone_rental{
	float:none !important;
	height:16px !important;}
.checkb{
	width:40px !important;
	height:16px !important;}
	@media only screen and (min-width: 0px) and (max-width: 480px) {
ul#steps li h4 {
 font-size:12px;
 font-weight:normal;
}
}