/* 20190213 */

body,
html {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    color: #444444;
    -webkit-font-smoothing: subpixel-antialiased;
}

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

img {
    border: 0;
    box-sizing: content-box;
}


a,
a:link,
a:visited {
    color: #444444;
    text-decoration: none;
}

a:hover,
a:active {
    color: #EE5400;
    text-decoration: none;
}

h1,
h2,
h3 {
    font-weight: normal;
}

h1{margin:0; padding: 0; pointer-events: none; z-index: 0;}

.cd-primary-nav a {
    color: #ffffff;
}

h2 {
    font-size: 14px;
    margin: 0;
    padding: 0;
    letter-spacing: 0;
}

.form_fix {
    margin: 0;
    padding: 0;
}



#top_section {
    display: block;
}

#logo {
    position: relative;
    float: left;
    margin-top: 10px;
}

#top_right {}

#middle_section {}

#mid_left {
    width: 173px;
    height: 269px;
}

#main_image {
    width: 584px;
    height: 269px;
    margin-left: 10px;
}

#mid_right {
    margin-top: 1px;
}

#bottom_section {}

.sidebar {
    margin-top: -1px;
    padding: 1px;
}

.shortoutsidefade {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    background-color: #D5D5D5;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #D5D5D5 0%, #FFFFFF 100%) no-repeat scroll 0 0 / 100% 65px;
}

.insidegloss {
    border: 1px solid #FFFFFF;
    border-radius: 2px;
    background-color: #FFFFFF;
    background: #FFFFFF linear-gradient(to bottom, #fefefe 0%, #ebebeb 8%, #e1e1e1 8%, #ffffff 100%) no-repeat scroll 0 0 / 100% 60px;
}

#news .content,
#about .content,
#my_internode .content {
    font-size: 11px;
    width: auto;
}

#news h2,
#about h2 {
    margin-left: 10px;
    margin-top: 10px;
}

#my_internode h2 {
    margin-bottom: 10px;
}

#news {
    height: 269px;
    position: relative;
}

#news .content {
    overflow: hidden;
    height: 250px;
}

#news .more {
    height: 18px;
    bottom: 0px;
    position: absolute;
    margin-left: 9px;
}

#about {}

#about .more {
    text-align: right;
    margin-right: 9px;
}

#my_internode .content {
    width: auto;
    padding-top: 10px;
    padding-left: 8px;
    color: #444444;
    display: block;
}

#promo_wrapper {
    float: left;
}

#promo {}

#promoShell {
    height: 224px;
    overflow: hidden;
    display: block;
}

#coverage_checker {
    text-align: center;
}

div#footer {
    border-top: 1px solid #E6E6E6;
    margin: 20px;
}

div#footer_nav {
    text-align: center;
}

div#footer_nav ul li {
    background: none repeat scroll 0 0 transparent;
    border-left: 1px solid #C9C9C9;
    display: inline;
    line-height: normal;
    padding: 0px;
}

div#footer_nav ul li a {
    color: #B0B0B0;
    font-size: 11px;
    padding: 0 10px 0 12px;
}

div#footer_nav ul li img {
    margin-right: -6px;
    margin-top: -1px;
    vertical-align: middle;
}

div#footer_nav ul li.first {
    border: medium none;
}


/* MI Login */

.tools_login table {
    width: 90%;
    margin: 0;
    border-top: 1px solid #E6E6E6;
    font-size: 11px;
    border-collapse: collapse;
    border-spacing: 0; 
}

.tools_login td {
    height: 20px;
    vertical-align: middle;
    padding: 0;
}

#mi_opts {
    display: none;
    font-size: 11px;
    position: absolute;
    width: 96%;
    background: #F9F9F9;
    opacity: .925;
    border-bottom: 2px solid #C9C9C9;
    z-index: 2;
}

#mi_close {
    border-top: 1px solid #C9C9C9;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 5px;
    text-align: right;
    cursor: pointer;
    font-size: 10px;
}

ul.opts {
    width: 100%;
    padding-left: 0px;
    padding-top: 3px;
}

ul.opts li {
    background-image: url("/images/base/arrow_submenu.gif");
    background-repeat: no-repeat;
    background-position: 0 9px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0;
    padding-left: 12px;
    line-height: 1em;
}

a.miopts {
    display: block;
}

a.miopts_sel {
    display: block;
    font-weight: bold;
    color: #727272;
    cursor: default;
}

.login_button {
    margin-top: 10px;
}

.login_field {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #727272;
    border: 1px solid #F6A300;
    background-color: #FEF6E5;
    margin: 3px;
    padding: 0;
    width: 100%;
}

.tools_type {
    font-size: 10px;
    margin-left: 3px;
    display: none;
    cursor: pointer;
}

.tools_type img {
    position: absolute;
    right: 15px;
    margin-top: 4px;
}

ul.top {
    width: auto;
    list-style-type: none;
    padding: 12px 8px 0 8px;
    margin: -3px 0;
}

ul.top li {
    background-image: url("/images/base/arrow_submenu.gif");
    background-repeat: no-repeat;
    background-position: 0 9px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0;
    padding-left: 12px;
    line-height: 1em;
    border-top: 1px solid #E6E6E6;
}

ul {
    width: auto;
    list-style-type: none;
    padding: 10px 12px 0 10px;
    margin: -3px 0;
}

#residential ul li,
#business ul li,
#support ul li {
    background-image: url("/images/base/arrow_submenu.gif");
    background-repeat: no-repeat;
    background-position: 0 9px;
    padding: 5px 0 5px 15px;
    margin: 0;
    line-height: 1em;
}

.tools_login ul.top li {
    display: inline;
    border: none;
    background-position: 0;
    margin: 0;
}

.tools_login ul.top {
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    padding: 3px 0 3px 0;
    margin: 1px 7px 3px 0;
}

.quick_search {
    float: right;
    margin-top: 10px;
}

.ContactHeader {
    display: inline-block;
    font-size: 16px;
    color: #76757e;
    vertical-align: middle;
    margin: 10px;
    float: left;
}

.ContactHeader span {
    color: #f06522;
    font-weight: bold;
}

.SearchGreyBubble {
    background-color: #EEE;
    background: #EEE linear-gradient(to bottom, #f4f4f4, #e0e0e0) repeat scroll 0 0;
    border-radius: 5px;
    display: inline-block;
    margin: 0 auto;
    float: right;
}

.SearchWhiteBorder {
    margin: 1px;
    border: 1px solid #FFF;
    border-radius: 4px;
    padding: 6px;
}

.SearchGreyBubble .SearchWhiteBorder select,
.SearchGreyBubble .SearchWhiteBorder input {
    background-color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
    -webkit-appearance: menulist-button;
}

.SearchGreyBubble .SearchWhiteBorder label {
    display: none;
}

.SearchGreyBubble .SearchWhiteBorder a img {
    margin: 0 0 -3px 0;
}

form.google_search {
    margin: 0;
    padding: 0;
}

input#gsearch {
    font-size: 11px;
    padding: 1px;
    color: #727272;
    -webkit-appearance: textfield;
}

select#google_dropdown {
    margin: 0 5px;
    color: #727272;
}

@supports (-ms-accelerator:true) {
    .SearchGreyBubble .SearchWhiteBorder select,
    .SearchGreyBubble .SearchWhiteBorder input {
        -webkit-appearance: menulist;
    }
}

.google_dropdown {
    font-size: 11px;
    font-weight: normal;
    width: 82px;
    color: #727272;
    background-color: #FFFFFF;
}

#business a:hover,
#business a:active {
    color: #0B6CB7;
}

#support a:hover,
#support a:active {
    color: #EE5400;
}

#residential,
#business,
#support {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 7px;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #d5d5d5 0%, #ffffff 100%) no-repeat scroll 0 0 / 100% 200px;
    padding: 1px;
}

.ContactHeader a {
    color: #e05206;
}

#residential .InsetBorder,
#business .InsetBorder,
#support .InsetBorder {
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    background-color: #FFFFFF;
    background: #FFFFFF linear-gradient(to bottom, #dcdcdc 0%, #ffffff 100%) no-repeat scroll 0 0 / 100% 57px;
}

#residential .title h2 a,
#business .title h2 a,
#support .title h2 a {
    color: #FFFFFF;
}

#residential .title,
#business .title,
#support .title {
    background-color: #ea7620;
    border-radius: 4px;
    margin: 4px;
    padding: 6px 8px;
}

#residential .title {
    background-color: #bc0000;
    background: #bc0000 linear-gradient(to right, #bc0000, #da8d8d) repeat scroll 0 0;
}

#business .title {
    background-color: #015cb8;
    background: #015cb8 linear-gradient(to right, #015cb8, #4d9ac8) repeat scroll 0 0;
}

#support .title {
    background-color: #ea7620;
    background: #ea7620 linear-gradient(to right, #e44f15, #f1a52d) repeat scroll 0 0;
}

#residential .content,
#business .content,
#support .content {
    font-size: 11px;
}

#residential .content ul,
#business .content ul,
#support .content ul {
    padding: 7px 10px 0 8px;
    margin: -3px 0;
}

#nav_top {
    text-align: right;
    margin-top: 17px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    padding: 0;
    margin: 15px 0 40px 0;
    list-style: none;
    float: right;
}

#nav_top li {
    background-image: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

#nav_top li:before {
    content: "";
    padding: 0;
    margin: 0;
    vertical-align: middle;
    border-left: 1px solid #727272;
}

#nav_top li:first-child:before {
    content: "";
    color: #FFFFFF;
    border-left: 1px solid #FFFFFF;
}

#nav_top a {
    float: right;
    padding: 3px 5px 3px 5px;
    margin: -3px 1px 0 4px;
    text-align: center;
    color: #727272;
}

#nav_top a:hover {
    border-radius: 5px;
    background-color: #EDEDED;
}

#nav_top a.products:hover {
    color: #F36E00;
}

#nav_top a.business:hover {
    color: #1480BC;
}

#nav_top a.residential:hover {
    color: #D00000;
}

.ContactHeader {
    margin-top: 5px;
}

/* New Buttons */

.btn {
    display: inline-block;
    box-sizing: border-box;
    padding: 3px 9px 3px 9px;
    margin: 5px 5px 5px 0;
    line-height: normal;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
    -webkit-box-shadow: none;
    box-shadow: none;
}


a.btn-primary {
    color: #FFFFFF;
    background-color: #e8731c;
    background: linear-gradient(to bottom, #f47408, #e8731c) repeat scroll 0 0, #e8731c;
    border-top: 2px solid #f47408;
    border-bottom: 2px solid #be5c13;
}

a.btn-primary small,
a.btn-secondary small {
    color: #FFFFFF !important;
}

a.btn-primary:hover {
    color: #FFFFFF;
    background-color: #ed8a20;
    background: linear-gradient(to bottom, #f68b0a, #ed8a20) repeat scroll 0 0, #ed8a20;
    border-top: 2px solid #ed8a20;
    border-bottom: 2px solid #be5c13;
}

a.btn-primary:active {
    border-top: 2px solid #be5c13;
    border-bottom: 2px solid #f68b0a;
}

a.btn-secondary {
    color: #FFFFFF;
    background-color: #666;
    background: linear-gradient(to bottom, #737373, #666) repeat scroll 0 0, #666;
    border-top: 2px solid #737373;
    border-bottom: 2px solid #404040;
}

a.btn-secondary:hover {
    color: #FFFFFF;
    background-color: #808080;
    background: linear-gradient(to bottom, #8c8c8c, #808080) repeat scroll 0 0, #808080;
    border-top: 2px solid #8c8c8c;
    border-bottom: 2px solid #404040;
}

a.btn-secondary:active {
    border-top: 2px solid #404040;
    border-bottom: 2px solid #808080;
}

a.btn-link {
    background-color: #FFFFFF;
    color: #e8731c;
    border: 1px solid #e8731c;
}

a.btn-link:hover {
    background-color: #fff4ec;
    color: #e56800;
    border: 1px solid #e56800;
}

a.btn-link:active {
    background-color: #e8731c;
    color: #FFFFFF;
}

a.btn-disabled {
    background-color: #f1f1f1;
    background: linear-gradient(to bottom, #f1f1f1, #f1f1f1) repeat scroll 0 0, #f1f1f1;
    color: #a7a9ac;
    border: 1px solid #a7a9ac;
    pointer-events: none;
    cursor: default;
}

a.btn-disabled small {
    color: #a7a9ac !important;
}

a.btn-disabled:hover {
    background-color: #e7e7e7;
    color: #9a9ca0;
    border: 1px solid #9a9ca0;
}

a.btn-link.btn-disabled {
    background-color: #FFFFFF;
}

.btn-chevron {
    padding: 3px 9px;
}

.btn-chevron:after {
    content: "\00bb";
    padding-left: 7px;
    font-size: 150%;
    vertical-align: text-top;
    display: inline-block;
    margin-bottom: -300px;
    margin-top: -5px;
}

.btn-large {
    font-size: 16px;
    padding: 6px 11px 5px 11px;
    font-weight: bold;
}

.btn-large.btn-disabled {
    font-weight: normal;
}

.btn-large.btn-chevron:after {
    margin-top: -7px;
}

.btn-small {
    font-size: 11px;
    padding: 2px 7px 2px 7px;
}

.btn-small.btn-chevron:after {
    padding-left: 4px;
    margin-top: -5px;
}

.btn-block {
    display: block;
    text-align: center;
    margin: 5px;
}

.btn-pdf:before {
    content: "";
    height: 15px;
    width: 15px;
    margin-bottom: -3px;
    margin-left: -3px;
    margin-right: 4px;
    display: inline-block;
    background-image: url("/images/pdf_32x32.png");
    background-size: 15px;
    background-repeat: no-repeat;
}

.box-rounded .btn {
    padding: 3px 9px;
}

.box-rounded .btn-large {
    padding: 6px 11px;
}

.btn-outofstock:before {
    content: "Out of Stock";
    display: block;
    font-size: 11px;
    text-align: center;
}

a.btn-primary small,
a.btn-secondary small {
    color: #FFFFFF !important;
}

a.btn-primary:hover {
    color: #FFFFFF;
    background-color: #ed8a20;
    background: linear-gradient(to bottom, #f68b0a, #ed8a20) repeat scroll 0 0, #ed8a20;
    border-top: 2px solid #ed8a20;
    border-bottom: 2px solid #be5c13;
}

a.btn-primary:active {
    border-top: 2px solid #be5c13;
    border-bottom: 2px solid #f68b0a;
}

button.btn {
    border-left: 0;
    border-right: 0;
    margin: 0;
}

button.btn::-moz-focus-inner {
    border: 0;
    padding: 0;
}

a.btn-primary,
button.btn-primary {
    color: #FFFFFF;
    background-color: #e8731c;
    background: linear-gradient(to bottom, #f47408, #e8731c) repeat scroll 0 0, #e8731c;
    border-top: 2px solid #f47408;
    border-bottom: 2px solid #be5c13;
}

a.btn-primary small,
a.btn-secondary small {
    color: #FFFFFF !important;
}

a.btn-primary:hover,
button.btn-primary:hover {
    color: #FFFFFF;
    background-color: #ed8a20;
    background: linear-gradient(to bottom, #f68b0a, #ed8a20) repeat scroll 0 0, #ed8a20;
    border-top: 2px solid #ed8a20;
    border-bottom: 2px solid #be5c13;
}

a.btn-primary:active,
button.btn-primary:active {
    border-top: 2px solid #be5c13;
    border-bottom: 2px solid #f68b0a;
}


/* bottom and important overrides */

input[type="submit"] {
    cursor: pointer;
    color: #FFFFFF;
    background-color: #e8731c;
    border-top: 2px solid #ed8a20;
    border-bottom: 2px solid #be5c13;
    padding: 2px 9px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    border-radius: 4px;
    margin-top: 20px;
}

#middle_section.row > [class*="col-"],
#bottom_section.row > [class*="col-"] {
    padding-left: 6px;
    padding-right: 6px;
}

hr {
    margin: 0 0 15px 0;
    box-shadow: none;
    border-bottom: #E6E6E6
}

.content.content-copy {
    padding: 15px;
}

.content.content-copy .iii {
    float: right;
    margin-left: 10px;
    font-size: 54px;
}

#logo {
    margin: 10px 15px 0 15px;
    width: 247px;
}

#logo img {
    max-width: 100%;
}

#top_section {
    display: none;
}

.l-branding .logo {
    background-image: url("/images/logo/logo_wide_notag@2x.png");
    background-size: contain;
}

.cd-primary-nav,
.cd-search {
    top: 121px;
}

header#header-v2 .header-top-links .utility {
    padding: 20px;
}

header#header-v2 .header-top-links .utility li:first-child {
    margin-left: 12px;
}

.promo-background {
    background: #f9f9f9;
    margin-bottom: 30px;
    margin-right: 0;
}

#residential ul li a:hover,
#residential ul li a:active {
    color: #D00000;
}

.promo-home {
  background: url('/images/home_banner/2019/grey_bg1x.png') no-repeat top right;
  min-height: 265px;
  padding: 0;
  background-size: cover;
  margin: 0 auto;
  position: relative;
}

.promo-home h1 {
  width: 85%;
  margin: 35px auto 0 auto;
}

.awgg_1hbp {
}

.awgg_ggrl {
  max-height: 245px;
  bottom: 0;
  left: 50px;
  display:none;
  position: absolute;
  z-index: 11;
}

.awgg_can_nbn, .awgg_can_bb, .awgg_can_bundle {
  height: 70px;
  position: relative;
  margin: 0 15px;
  vertical-align: middle;
}

.awgg_footer_awi {
  width: 230px;
  display: block;
  margin: 5px auto;
}


.awgg_awards {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.awgg_footer {
  width: 100%;
}

.awgg_footer_inner {
  vertical-align: middle;
  padding-top: 16px;
  padding-bottom: 16px;
}

a.banner-link {
  width: 100%;
  height: 100%;
}

.btn-offset {
    position: relative;
    left: -8px;
}

.promo-home p {
    color: #000;
    position: relative;
    font-size: 11px;
}

span.highlight { color: #EE5400; }

#awards_section, #testimonial_section, #callus_section {
    border-bottom: 1px solid #eeeeee;
}
/* Awards */
#awards_section {
    text-align: center;
    padding: 24px 0;
}
#awards_section h2 {
    font-size: 40px; 
    font-family: Arial, Helvetica, sans-serif;
    
}

.awd_block { margin-top: 15px; margin-left: auto; margin-right: auto; max-width: 900px; }
.awd_block img { max-height: 94px; }
.awd_block div { text-align: center; font-size: 12px; }
a.awd_link:hover { color: #444; }

/* Testimonials */
#testimonial_section h2 {
    text-align: center;
    font-size: 40px; 
    font-family: Arial, Helvetica, sans-serif;
}

#testimonial_section {
    position: relative;
    min-height: 220px;
    background: url('/images/mf_main/testimonial-bg.png') no-repeat bottom center;
    padding: 80px 12px 36px 12px;
}
.scrollthrough {
    display: none;
}

.current {
    display: block;
}
#testimonial_section p {
    text-align: center;
}
#testimonial_section p.testimonial-copy {
    font-size: 24px; 
    font-family: Arial, Helvetica, sans-serif;
    line-height: 32px;
    color: #EE5400;
    max-width: 560px;
    margin: 0 auto 12px auto;
}
#testimonial_section p.testimonial-name {
    font-size: 18px; 
    font-family: Arial, Helvetica, sans-serif; 
    color: #666577;
    margin-bottom: 0;
}

/* Contact details */
#callus_section {
    font-size: 24px;
    text-align: center;
    margin-bottom: 12px;
    padding: 12px 0;
}

/* List of Pages */
#footer-sitemap li a { font-size: 11px; line-height: 18px; color: #afa9b3; }
#footer-sitemap li h4 a { font-size: 14px; line-height: 18px;color: #000; margin: 7px 0; }

h1, h2, h3, h4, .btn {
  font-family: Arial, Helvetica, sans-serif;
}

@media (min-width:480px) {
    header#header-v2 .header-top-links .utility {
        padding: 20px 0px;
        float: right;
        text-align: right;
    }
	.awgg_can_bundle {
	  display: inline;
	 }
	 .promo-home h1 {
	   width: 70%;
	   margin-top : 25px;
	 }
}

@media (min-width:500px) {
	.promo-home h1 {
	}
}

@media (min-width:640px) {

	.promo-home h1 {
	  width: auto;
	  margin: 0;
	}

	.awgg_1hbp {
	  width: 55%;
	  position: relative;
	  margin: 28px 0px 0px 40%;
	}

	.awgg_footer {
	  margin-top: 15px;
	  text-align: center;
	}

	.awgg_footer_inner {
	  margin-left: 35%;
	}

	.awgg_footer_awi {
	  display: block;
	}

	.awgg_awards {
	  display: block;
	}

	.awgg_ggrl {
	  display: inline;
	}

	.awgg_footer_line {
	}
}

@media (min-width:768px) {
	
	.content.content-copy h2 {
		min-height: 130px;
	}
	
	#top_section {
		display: block;
	}
	
	header {
		display: none;
	}
	
	.quick_search {
		float: left;
	}
	
	#logo {
		float: left;
	}
	
	#nav_top {
		float: left; 
	}
	
	.promo-background {
	  margin-right : -15px;
	}
    
    #testimonial_section { padding-top: 95px; }
 
}


    @media (min-width:991px) {
        .quick_search {
          float: right;
        }
        #logo {
          float: left;
        }
        #nav_top {
          float: right;
        }
        .content.content-copy h2 {
          min-height: 95px;
        }

	.promo-home p {
          position: relative;
        }

	.promo-home {
          background-size: 100%;
	  padding: 0;
          height: 330px;
	  position : relative;
        }

	.awgg_1hbp {
	  width: 52%;
	  margin: 45px 0 0 42%;
	}

	.awgg_ggrl {
	  max-height: 310px;
	}

	.awgg_footer {
	  height: 83px;
	}

	.awgg_footer_inner {
	 margin-left: 37%;
	}

	.awgg_footer_awi {
	  display: inline;
	}

	.awgg_footer_line {
	  display: inline;
	}

	.awgg_can_nbn, .awgg_can_bb, .awgg_can_bundle {
	  height: 95px;
	}
}
