body { 
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	color: #999999;	
	font-size: 14px;
	background-color: #ffffff !important;
}
.alignCenter { text-align:center; }
.floatLeft  { float:left; }

.vspaced0  { margin-top:0; }
.vspaced5  { margin-top:5px; }
.vspaced10 { margin-top:10px; }

.underspaced0  { margin-bottom:0; }
.underspaced5  { margin-bottom:5px; }
.underspaced10 { margin-bottom:10px; }

/* Media queries */
@media (max-width: 480px) {  
	
  #searchTitleText {
    font-size: 20px !important;
  }
  
  #key {
	font-family: arial !important;
	font-size: 10px !important;
  }
  
  .coverage4gHighspeedBackground {
	padding: 10px 0px 10px 10px !important;
  }
}
@media (max-width: 767px) {
  body {
    padding-top: 0;
    padding-left: 10px; /*20px;*/
    padding-right: 10px;  /*20px;*/
  }

  .coverageStrength {
	background-position: center 0px !important;
  }  
  .coverageStrengthText {
	text-align: center;
	padding-top: 0px !important;
  }
  .coverageholder {
	padding: 10px !important;
  }
  .span6 {
    float : none !important;
    width : 100% !important;
    margin : 0 0 0 0 !important;
  }
  .coverage4gHighspeedBackground {
	padding: 10px 0px 10px 10px !important;
  }
}
@media (min-width: 1200px) {
  .resultHolder {
	padding: 6px 120px 5px 0px !important;
  }
}

@media (max-width: 979px) { 
  #key {
	margin-bottom: 10px;
  }
}
/*custom fonts*/
@font-face {
	font-family: 'ee_nobblee';
	src: url('/ee/fonts/ee/ee_nobblee_bold.eot'); 
	src: url('/ee/fonts/ee/ee_nobblee_bold.eot?#iefix') format('embedded-opentype'), 
		url('/ee/fonts/ee/ee_nobblee_bold.woff') format('woff'), 
		url('/ee/fonts/ee/ee_nobblee_bold.ttf') format('truetype'), 
		url('/ee/fonts/ee/ee_nobblee_bold.svg#webfont') format('svg'); 
}
@font-face {
	font-family: 'rubrik_regular';
	src: url('/ee/fonts/rubrik/rubrik_regular.eot'); 
	src: url('/ee/fonts/rubrik/rubrik_regular.eot?#iefix') format('embedded-opentype'), 
		url('/ee/fonts/rubrik/rubrik_regular.woff') format('woff'), 
		url('/ee/fonts/rubrik/rubrik_regular.ttf') format('truetype'), 
		url('/ee/fonts/rubrik/rubrik_regular.svg#webfont') format('svg'); 
}
@font-face {
	font-family: 'gotham_bold';
	src: url('/ee/fonts/gotham/Gotham-Bold.eot'); 
	src: url('/ee/fonts/gotham/Gotham-Bold.eot?#iefix') format('embedded-opentype'), 
		url('/ee/fonts/gotham/Gotham-Bold.woff') format('woff'), 
		url('/ee/fonts/gotham/Gotham-Bold.ttf') format('truetype'), 
		url('/ee/fonts/gotham/Gotham-Bold.svg#webfont') format('svg'); 
}
@font-face {
	font-family: 'gotham_book';
	src: url('/ee/fonts/gotham/Gotham-Book.eot'); 
	src: url('/ee/fonts/gotham/Gotham-Book.eot?#iefix') format('embedded-opentype'), 
		url('/ee/fonts/gotham/Gotham-Book.woff') format('woff'), 
		url('/ee/fonts/gotham/Gotham-Book.ttf') format('truetype'), 
		url('/ee/fonts/gotham/Gotham-Book.svg#webfont') format('svg'); 
}
@font-face {
	font-family: 'gotham_light';
	src: url('/ee/fonts/gotham/Gotham-Light.eot'); 
	src: url('/ee/fonts/gotham/Gotham-Light.eot?#iefix') format('embedded-opentype'), 
		url('/ee/fonts/gotham/Gotham-Light.woff') format('woff'), 
		url('/ee/fonts/gotham/Gotham-Light.ttf') format('truetype'), 
		url('/ee/fonts/gotham/Gotham-Light.svg#webfont') format('svg'); 
}
@font-face {
	font-family: 'gotham_medium';
	src: url('/ee/fonts/gotham/Gotham-Medium.eot'); 
	src: url('/ee/fonts/gotham/Gotham-Medium.eot?#iefix') format('embedded-opentype'), 
		url('/ee/fonts/gotham/Gotham-Medium.woff') format('woff'), 
		url('/ee/fonts/gotham/Gotham-Medium.ttf') format('truetype'), 
		url('/ee/fonts/gotham/Gotham-Medium.svg#webfont') format('svg'); 
}

/* Map */
#map-holder {
	padding: 10px;
	position: relative;
}
#key-holder {
	padding: 10px;
}
#pageContainer {
	text-align: left;
}
/* Debug */		
#debug {
	background-color: #000;
	color: #0f0;
	overflow: auto;
	height: 100px;
	text-align: left;
}
/* Titles */
#searchTitleHolder {
	font-family: gotham_bold, arial;
	height: 55px;
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
}
#searchTitleText {
	position: absolute;
	width: 100%;
	height: 22px;
	top: 12px;
	font-size: 17px;
	color: #000000;
}
#searchText {
	font-family:  gotham_book, arial;
	width: 100%;
	padding: 0px 0px 10px 0px;
	color: #333333;
}
/* Search Form */
#searchRnav {
	min-height: 40px;
	border: 0px;
	border-radius: 0px;
	box-shadow: 0 0 0 rgba( 0, 0, 0, 0);
}

#section-holder {
	position: relative;
	overflow: visible; 
	width: 100%;
}

#location-refinements {
	overflow: auto; 
}

#map_canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/* Street view id */
#map_stv {
    position: absolute;
    top: 0;
    right: 0;
}

/* Street view Firefox/IE8 fix */
#map_stv img {
    border: none !important;
    max-width: none !important;
}

/* Map class */
.bigmap{
    width:100%;
    height:100%;
}

/* Street view map class */
.minimap{
    width:50%;
    height:100%;
}
.sidebar-nav {
	padding: 0 0 0 0;
	background-color: #ffffff;
	border: 0px;
	border-radius: 0px;
	box-shadow: 0 0 0 rgba( 0, 0, 0, 0);
}
.search-error {
	width:100%;
	height:100%;
	color:#ff0000;
	margin-bottom:10px;
}
.search-error-title {
	font-family: arial;
	font-size:16px;
	margin-top:18px;
}
.search-error-body {
	height: 100%;
	padding: 18px 0 18px 50px;
	background: url('/asda/images/coverage/cc_alert.jpg') no-repeat center left transparent;
	font-family: arial;
	font-Size: 14px;
	line-height: 18px;
}
.searchResultsTitleBorder {
	width: 100%;
	height: 10px;
	border-bottom: 1px dotted #333333;
}
.green {
	color: #333333;
}
/* Refinements */
.locationRefinement {
	width: 100%;
	height: 100%;
	position: relative;
}
.refinementMarker {
	position: absolute;
	top: 12px;
	left: 0px;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
}
.refinementTitle {
	font-family: gotham_book, arial;
	position: relative;
	font-size: 16px;
	color: #333333;
	width: 80%;
	padding: 24px 10px 16px 60px;
	cursor:pointer;
}
#refinementChooseTitle {
	font-family: gotham_book, arial;
	color: #333333;
}
#refinementResultText{
	font-family: gotham_book, arial;
	color: #333333;
}

/* Coverage Prediction Results */
.coveragePredictions {
	position: relative;
	width: 100%;
}
.coverageholder {
	padding: 10px 30px 10px 60px;
	color: #888888;
}
.coveragePrediction {
	position: relative;
	/*height: 80px;*/
	height:100%;
	padding: 0px 0px 0px 60px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.resultHolder2g {
	background-image: url('/asda/images/coverage/cc-whitelable_2g_icon.png');
}
.resultHolder3g {
	background-image: url('/asda/images/coverage/cc-whitelable_3g_icon.png');
}
.resultHolder4g {
	background-image: url('/asda/images/coverage/cc-whitelable_4g_icon.png');
}
.resultHolder {
	position: relative;
	/*height: 90px;*/
	height:100%;
	padding: 6px 60px 5px 0px;
}
.coverageTitle {	
	font-size: 16px;
	font-family: gotham_bold, arial;
	cursor:pointer;
}
.coverageDescription {
	font-family: gotham_book, arial;
	margin: 5px 0px 0px 0px;
}
.coverageAvailablility {
	font-family: gotham_book, arial;
	margin: 5px 0px 0px 0px;
}
.coverageStrength {
	top: 10px;
	right: 20px;
	background-repeat: no-repeat;
	background-position: right 0px;
	font-weight: bold;
	text-align:center;
	padding-top: 48px;
}
.coverageStrengthText {
	font-family: gotham_bold, arial;
	padding-top: 15px;
	color: #000000;
}
.coverageNone {
	background-image: url('/asda/images/coverage/cc-whitelable_bar_n.png');
}
.coverageLow {
	background-image: url('/asda/images/coverage/cc-whitelable_bar_l.png');
}
.coverageModerate {
	background-image: url('/asda/images/coverage/cc-whitelable_bar_m.png');
}
.coverageGood {
	background-image: url('/asda/images/coverage/cc-whitelable_bar_g.png');
}
.coverageVeryGood {
	background-image: url('/asda/images/coverage/cc-whitelable_bar_vg.png');
}
.coverageExcellent {
	background-image: url('/asda/images/coverage/cc-whitelable_bar_e.png');
}
/* Selected Layer */
.selectedLayer4g {
	background-color: #8e8c8d;
	color: #000000;
	cursor: pointer;
}
.selectedLayer3g {
	background-color: #a9a7a8;
	color: #000000;
	cursor: pointer;
}
.selectedLayer2g {
	background-color: #c6c6c6;
	color: #000000;
	cursor: pointer;
}
/* Coverage Key */
.keyTitle {
	clear:right;
	font-family: gotham_bold, arial;
	color: #000000;
	font-size: 17px;
}
#key {
	clear:both;
	font-family: gotham_book, arial;
	height: 40px;
	font-size: 12px;
	font-weight: bold;
	color: #6d6e71
}
#key .keyColor {
	width: 100%;
	height: 18px;
	margin-bottom: 5px;
}

/* Selected Layer */
.selectedLayer {
	background-color: #f3abcd;
}

div.messageArea {
	position: absolute;
	top: 25%;
	left: 20%;
	width: 60%;
	height: 200px;
	border: 1px solid #999999;
	background-color: #ffffff;
	background-image: url(/mvno/images/coverage/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center 40px;
	z-index: 3;
}
div.messageArea div.message {
	position: relative;
	margin-top: 130px;
	width: 100%;
	font-size: 1.250em; 
	font-weight: bold;
	text-align: center;
}
.checker-label {
	color: #333333;
    font-size: 14px;
    font-family: gotham_book,arial;
    text-align: left;
}
.checker {
    color: #116a97;
}

input[type="text"],
.uneditable-input {
	margin-bottom: 0px !important;
}

.coverage4gHighspeedBackground {
	background-color: #f6f489;
	padding: 10px 0px 10px 60px;
	color: #000;
	cursor: pointer;
}
.coverageTitle4gHighSpeed {
	margin: 0px 0px 0px 60px;
	font-size: 16px;
	font-family: gotham_bold, arial;
}
.coverageDescription4gHighSpeed {
	font-family: arial;
	margin: 0px 0px 0px 60px;
}

.icon-borderTickBox {
	border: 2px solid #009C9C;
	display: block;
	float: right;
	border-radius: 100%;
	font-size: 1em;
	padding: 1px;
	width: 19px;
	height:19px;
	background-image:none;
}

.ee-icon-tick {
	font-size: 1em;
	border-radius: 100%;	
	padding: 1px;
	background: #009C9C;
	color: #f6f489;
	width: 19px;
	height:19px;
}

.extraSpeedCheckbox {
	float: left; 
	position: relative; 
}

.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    /*margin: 5px;*/
    margin: 5px 0px 0px 17px;
    cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 1px solid #027db3;
    border-radius: 25px;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 0px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
	/*ASDA doesn't need a TICK mark for 4G Extra Speed. Hence commenting the content*/
    /*content: "\e00a";*/
    font-family: 'ee-icons';
    background: #027db3;
    color: #fff;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    content: "\e00a";
    font-family: 'ee-icons';
    color: #bbb;
}

.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
  outline: none; /* focus style */
}