.faq-categories > li { border-bottom: 1px solid #b9c3ce; }
.faq-categories .collapsible-heading {
    display: block;
    cursor: pointer;
    padding: 0.7em 30px 0.7em 0;
    overflow: hidden;

    font: 13px/1.231 arial,helvetica,clean,sans-serif;
    font-weight: bold;
    padding-left: 1em;
    color: black;
}
.faq-categories .collapsible-heading > span {
    display: block;
    float: left;
    background: url(clientlibs/images/arrow-sub-nav-blue-down.png) no-repeat left center;
    height: 1em;
    width: 2em;
}
.faq-categories li.current .collapsible-heading > span { background: url(clientlibs/images/arrow-sub-nav-blue-up.png) no-repeat left center; }
.faq-categories li .faq-category-content {
    display: none;
    padding-left: 3em;
    padding-bottom: 1em;
}
.faq-categories li.current .faq-category-content { display: block; }
.faq-categories > li { border-bottom: 1px solid #b9c3ce; }
.faq-categories .collapsible-heading {
    display: block;
    cursor: pointer;
    padding: 0.7em 30px 0.7em 0;
    overflow: hidden;

    font: 13px/1.231 arial,helvetica,clean,sans-serif;
    font-weight: bold;
    padding-left: 1em;
    color: black;
}
.faq-categories .collapsible-heading > span {
    display: block;
    float: left;
    background: url(clientlibs/images/arrow-sub-nav-blue-down.png) no-repeat left center;
    height: 1em;
    width: 2em;
}
.faq-categories li.current .collapsible-heading > span { background: url(clientlibs/images/arrow-sub-nav-blue-up.png) no-repeat left center; }
.faq-categories li .faq-category-content {
    display: none;
    padding-left: 3em;
    padding-bottom: 1em;
}
.faq-categories li.current .faq-category-content { display: block; }
    #outServiceAddressForm, #inServiceAddressForm {
        width: 350px;
        padding: 30px;
        background: #fff;
        border: 1px solid #f2f4f8;
        display: none; 
    }
    #outServiceAddressForm p, #inServiceAddressForm p {
        font: lighter 14px Arial,Sans-Serif;
        color: #222;
        text-align: center;
    }
    #outServiceAddressForm form, #inServiceAddressForm form {
        margin: 30px auto 0;
        text-align: center;
    }
    #outServiceAddressForm input[type="text"], #inServiceAddressForm input[type="text"] {
        width: 125px;
        height: 18px;
        border: 1px solid #222;
    }
    #outServiceAddressForm .enter-button, #inServiceAddressForm .enter-button {
        padding: 2px 10px;
        background: #0076bc;
        border: 1px solid #222;
        color: #fff;
    }
    #outServiceAddressForm .form_error, #inServiceAddressForm .form_error{
        padding-left: 70px;
        display: none; 
    }
@CHARSET "UTF-8";
.alerts .display-alerts {
    margin: 2em 4em;
    border: 2px solid #e32610;
    /** WEBCMS-6368 */
    /**padding: 1em;*/
    color: #e32610;
}
.display-alerts .alert-image {
    margin: 1em;
    width: 10%;
    float: left;
}

.display-alerts .alert-messages {
    display: block;
    width: 85%;
    max-height: 20em;
    float: left;
    overflow: hidden;
}
.display-alerts .alert-messages li {
    margin: 0.5em;
    margin-left: 2em;
    list-style: outside disc;
    line-height: 1.5;
}


.pyr-remote-grid {
    padding-top: 15px;
}

.pyr_lnd-remote-img {
    position: absolute;
    bottom: 13px;
    left: 65px;
    max-height: 210px;
    max-width: 73px;
}

#pyr-content {
    width: 1000px;
    margin: auto;
}

.reveal-module .wrap .grid li{
    float: left;
    height:335px;
    width: 200px;
    overflow: hidden;
    position: relative;
    margin: 0px;
}

.pyr-remote-grid .reveal-module .wrap {
    padding:0px;
    width:1050px;
}

#pyr_lnd-remoteList ul li {
    float: left;
    margin-right: 23px;
    margin-bottom: 23px;
    background-color: #bbb;
}

.remote-grid-slide {
    height: 335px;
    width: 220px;
    float:left;
    padding-right:20px;
}


.remote-grid .pyr-content {
	padding-top:5px;
    padding-left:55px;
}

.pyr_lnd-remote-imgArea {
    height: 285px;
}

.pyr_lnd-remote-desc {
    display: block;
    position: relative;
    color: #000;
}

 /* change the height to be higher */
.reveal-module .wrap .pyr-content .grid {
    height: 670px;
    overflow: hidden;
    margin: 0 0 15px;
    text-align: left;
}

#pyr_lnd-remoteList {
    margin-left:22px;
}
#pyr_lnd-remoteList ul li {
    float:left;
    margin-right:23px;
    margin-bottom:23px;
    background-color:#bbb;
}
.pyr_lnd-remote-imgArea {
    position:relative;
    display:block;
    border:solid 1px;
}
.pyr_lnd-remote-imgArea:hover {
    cursor:pointer;
}
.pyr_lnd-remote>div {
    position:absolute;
    bottom:9px;
    left:67px;
    display:block;
}
.pyr_lnd-remote-img {
    position:absolute;
    bottom:13px;
    left:65px;
    max-height:260px;
    max-width:73px;
}
.pyr_lnd-remote-desc {
    display:block;
    position:relative;
}
.pyr_lnd-remote-desc .pyr_lnd-remote-desc-txt {
    padding:10px 50px 0 10px;
}
.pyr_lnd-remote-desc .pyr_lnd-remote-desc-zoom {
    display:block;
    position:absolute;
    right:0px;
    top:0px;
}
.pyr_lnd-remote-desc-a {
    width:150px;
    overflow:hidden;
    position:absolute;
    height:30px;
    font-size:1.083em;
    font-weight:bold;
}
.pyr_lnd-remote-desc-a:hover {
    text-decoration:none;
}

.reveal-module .wrap .grid.pyr_lnd-remoteList li {
	height: 350px;
}

.remote-grid-slide .pyr_lnd-remote-desc {
  color: #fff;
  display: block;
  font-family: "TWC Round Medium",Arial,Sans-Serif;
  font-size: 13px;
  padding: 9px;
  text-align: center;
  background-color: "#2B6895";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#387ab4', endColorstr='#01437d');";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#387ab4', endColorstr='#01437d', GradientType=0);
  zoom: 1;
  background-size: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #387ab4),color-stop(18%, #3173ad),color-stop(74,#0d4f89),color-stop(100,#01437d));
  background-image: -webkit-linear-gradient(top, #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%);
  background-image: -moz-linear-gradient(top, #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%);
  background-image: -ms-linear-gradient(top, #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%);
  background-image: -o-linear-gradient(top, #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%);
  background: -pie-linear-gradient(top, #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%);
  background-image: linear-gradient(top, #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%);
	}
	
.remote-grid-slide .pyr_lnd-remote-desc a{
	color:#fff;
 }
 
 /* change the wide to have */
 .pyr-remote-grid .reveal-module {
    width:1050px;
 }

.pyr-common-keys-title {
    padding:20px;
    font-family: "TWC Round Light", Arial, Sans-Serif;
    font-size: 30px;
    line-height: 34px;
}

.pyr-common-keys-details {
    padding:0px 10px 20px 20px;
    font-family: "TWC Round Light", Arial, Sans-Serif;
    font-size: 14px;
    line-height: 34px;
}

#pyr_prf-program {
    position:relative;
    padding-top:30px;
    background-color:#fff;
    border:solid 1px #d8d8d8;
    margin-bottom:40px; 
}
#pyr_prf-program .pyr_prf-shadow {
    top:0;
}
#pyr_prf-program .pyr_prf-arrow {
    left:125px;
    *top:-1px;
}
#pyr_prf-program-device {
    float:left;
    width:435px;
    padding-left:23px;
    margin-right:-40px;
}
#pyr_prf-program-device .pyr_prf-program-device-select {
    height:32px;
    line-height:32px;
}
#pyr_prf-program-device .pyr_prf-program-device-select button {
    margin-left:6px;
    border:none;
    top:-1px;
    height:22px!important;
    vertical-align:middle;
    margin-bottom:2px;
}
#pyr_prf-program-device .pyr_prf-program-device-select button:hover {
    cursor:pointer;
}
#pyr_prf-program-device .pyr_prf-program-device-select>label {
    display:block;
    width:130px;
    *width:130px;
    float:left;
    font-weight:bold;
    font-size:1.083em;
    *vertical-align:text-top;
}
#pyr_prf-program-device .pyr_prf-program-device-select select {
    width:255px;
    font-size:14px;
    font-weight:bold;
    margin-left:1px;
}
#pyr_prf-program-device>h3 {
    font-weight:bold;
    padding-bottom:15px;
    font-size:1.33em;
    margin-top:10px\9; 
}
#pyr_prf-topic {
    float:left;
    width:435px;
    position:relative;
    padding:0 0 50px 50px;
    border-left:1px solid #d8d8d8;
}
#pyr_prf-topic>ul>li {
    border-bottom:solid 1px #b9c3ce;
}
#pyr_prf-topic>ul>li:first-child {
    border-top:solid 1px #b9c3ce;
}
.pyr_prf-topic-hd {
    display:block;
    cursor:pointer;
    padding-left:30px;
    height:40px;
    line-height:40px;
    position:relative;
    overflow-x:hidden;
    overflow-y:hidden;
}
.pyr_prf-topic-hd>span {
    position:absolute;
    left:10px;
    top:12px;
    height:15px !important;
}
.pyr_prf-topic-selected {
    background-color:#f0f8fe;
    padding-bottom:30px;
}
.pyr_prf-topic-expander {
    padding-left:30px;
    height:0px;
    overflow:hidden;
    width:335px;
}
.pyr_prf-topic-expander-nojs {
    height:auto;
}
.pyr_prf-topic-expander>div {
    margin-bottom:30px;
}
.pyr_prf-topic-h3 {
    padding-bottom:15px;
    font-size:1.33em;
    font-weight:bold;
    margin-top:10px\9;
}
}
.Edit #pyr_prf-common {
    display:block;
}
.Edit #pyr_prf-program {
    display:none;
}
.pyr-border {
    padding:0 0 10px 50px;
}
.pyr-border img {
    width:200px;
    height:300px;
    padding:10px;
}
.clear-left {
    clear:left;
}
.fatfooter div {
    float:left;
    width:16%;
}
#pyr_prf-program img[usemap] {
    border:none;
    height:auto;
    max-width:100%;
    width:auto;
    padding-left:200px;
}
.container {
    position:relative;
}
.visibility {
    width:40%;
    display:none;
    /*PUT FONT HERE*/
}
.absolute {
    position:absolute;
    top:0;
    right:0;
}
/* bstreet - "fixed" class interfering elsewhere on the site, so adding more specific selector */
.pyr-common-key-details .fixed {
    position:fixed;
    top:10px;
    right:182px;
    width:370px;
}

@media screen and (max-width:1100px) {
    .pyr-common-key-details .fixed {
        right:50px;
    }
}

@media screen and (min-width:1300px) {
    .pyr-common-key-details .fixed {
        right:300px;
    }
}

@-moz-document url-prefix() { 
  .pyr-common-key-details .fixed {
        right:100px;
    }
  @media screen and (max-width:1100px) {
    .pyr-common-key-details .fixed {
        right:0px;
    }
    }
}

@CHARSET "UTF-8";

#outerPhoneRate
{
width:465px;
height:800px;
overflow:hidden;
position:relative;
}
#outerPhoneRate.phoneRate_DirectoryAssistanceURL{
height:800px;
}
#outerPhoneRate.phoneRate_Int1PriceURL{
height:750px;
}
#outerPhoneRate.phoneRate_IntRatesURL{
height:1000px;
}


#innerPhoneRate
{
position:absolute;
top:-346px;
left:-320px;
width:1200px;
height:1200px;
}
@CHARSET "UTF-8";

.payment-center-notice {
    display: none;
}

#paymentcenterresults .outputdiv {
    padding: 10px 0px 10px 0px;
}

#paymentcenterresults .outputdiv div.payment-types {
    padding-bottom: 3px;
}

#paymentcenterresults .outputdiv.selected {
    background-color: #fff8dc;
}

.inlinepaymentcentermap {
    width: 800px;
    height: 400px;
    background-color: #fdfdfd;
}

.paymentcentermaps .directionsMap {
    position: relative;
    float: left;
    width: 400px;
    height: 400px;
}

.paymentcentermaps .directionsPanel {
    border: solid #00f 1px;
    position: relative;
    float: right;
    width: 200px;
}

.paymentcentermaps .directionsWrap {
    width: 800px;
    height: 400px;
}

.paymentcentermaps .hideit {
    height: 0px;
    overflow: hidden;
}

#addressForm {
    display: none;
}

.paymentcentermaps .loaderimage {
    display: none;
    background: url(clientlibs/images/payment-center/ajax-loader.gif) no-repeat center bottom;
    position: absolute;
    margin-left: 255px;
    z-index: 100;
    height: 30px;
    width: 220px;
    text-align: center;
}

#addressForm input, #addressForm textarea {
    padding: 8px;
    border: solid 1px #e5e5e5;
    font: normal 13px Verdana, Tahoma, sans-serif;
    background: #fff; /*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
    background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(4%, #eee), to(#fff));
    background: -moz-linear-gradient(top, #fff, #eee 1px, #fff 25px);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; /*0.1 actually means 10 %*/
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
}

#addressForm input:hover, #addressForm input:focus {
    -moz-box-shadow: 0 0 8px #add8e6;
    -webkit-box-shadow: 0 0 8px #add8e6;
    box-shadow: 0 0 8px #add8e6;
}

#addressForm {
    width: 690px;
}

#addressForm label {
    width: 100px;
    display: block;
    float: left;
    text-align: right;
    padding-right: 2px;
}

#addressForm input {
    float: left;
    display: block;
}

#addressForm input.black-button {
    float: right;
    display: block;
    background: #000; /*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
    background: -webkit-gradient(linear, left top, left 25, from(#000), color-stop(4%, #ccc), to(#000));
    background: -moz-linear-gradient(top, #000, #ccc 1px, #000 25px);
}

#addressForm .clear {
    height: 35px;
    width: 100%;
    margin: 5px 0px;
    padding-bottom: 10px;
}

#addressForm .spacing {
    padding-right: 11px;
    display: block;
    height: 35px;
    float: left;
}

#addressForm #address {
    width: 550px;
}

#addressForm #city {
    width: 115px;
}

#addressForm #state {
    width: 100px;
}

#addressForm #zip {
    width: 75px;
}

#addressForm .notification {
    display: none;
    bottom: 0;
    color: #e00122;
    font-size: 12px;
    position: absolute;
    text-align: left;
    font-weight: bold;
}

.pType_cash {
    background: url(clientlibs/images/payment-center/Cash.gif) no-repeat center center;
    width:27px;
    height:13px;
    float:left;
    margin:0px 2px;
}

.pType_check {
    background: url(clientlibs/images/payment-center/Check.gif) no-repeat center center;
    width:27px;
    height:13px;
    float:left;
    margin:0px 2px;
}

.pType_charge {
    background: url(clientlibs/images/payment-center/Credit.gif) no-repeat center center;
    width:27px;
    height:13px;
    float:left;
    margin:0px 2px;
}

.hidepaymentCenter {
    display:none;
}
.twc-user-options ul li a{
	color: #d5d6d7;
	font-size: 8px;
	text-transform: uppercase;
}
/* ==========================================================================
   CSS code for EBF Gateway
   
   Author: Max Quattromani
   Version: 1.0 - Updated: 6/12/13
   ========================================================================== */
   
/*

 * Layout
 
 * Module
 
 * State
 
 * Theme
 
 * Browser Specific
 		* Safari/Chrome/Webkit
 		* Firefox
 		* Internet Explorer
 
 */
 
/* ==========================================================================
   Base
   ========================================================================== */
 
/* ==========================================================================
   Layout
   ========================================================================== */

/* layout styles are being handled by base main.css */

/* ==========================================================================
   Module
   ========================================================================== */

/* ==========================
	Gateway - Shared
   ========================== */ 
   
body#gateway {
	background-image: background-color: #53595d;
	background-image: -webkit-gradient(linear, left top, left bottom,  color-stop(0%, #1e2328), color-stop(5%, #192127), color-stop(10%, #192127), color-stop(15%, #13181d), color-stop(20%, #13181d), color-stop(25%, #192127), color-stop(30%, #2a3237), color-stop(35%, #4a4e53), color-stop(40%, #7c8185), color-stop(45%, #aaaeb1), color-stop(50%, #d4d7d9), color-stop(100%, #f2f4f6));
	background-image: -webkit-linear-gradient(270deg,  #1e2328 0%, #192127 5%, #192127 10%, #13181d 15%, #13181d 20%, #192127 25%, #2a3237 30%, #4a4e53 35%, #7c8185 40%, #aaaeb1 45%, #d4d7d9 50%, #f2f4f6 100%);
	background-image: -moz-linear-gradient(270deg,  #1e2328 0%, #192127 5%, #192127 10%, #13181d 15%, #13181d 20%, #192127 25%, #2a3237 30%, #4a4e53 35%, #7c8185 40%, #aaaeb1 45%, #d4d7d9 50%, #f2f4f6 100%);
	background-image: -o-linear-gradient(270deg,  #1e2328 0%, #192127 5%, #192127 10%, #13181d 15%, #13181d 20%, #192127 25%, #2a3237 30%, #4a4e53 35%, #7c8185 40%, #aaaeb1 45%, #d4d7d9 50%, #f2f4f6 100%);
	background-image: -ms-linear-gradient(270deg,  #1e2328 0%, #192127 5%, #192127 10%, #13181d 15%, #13181d 20%, #192127 25%, #2a3237 30%, #4a4e53 35%, #7c8185 40%, #aaaeb1 45%, #d4d7d9 50%, #f2f4f6 100%);
	background-image: linear-gradient(to bottom,  #1e2328 0%, #192127 5%, #192127 10%, #13181d 15%, #13181d 20%, #192127 25%, #2a3237 30%, #4a4e53 35%, #7c8185 40%, #aaaeb1 45%, #d4d7d9 50%, #f2f4f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#192127', EndColorStr='#dfe2e4');
    background-repeat: no-repeat;
	background-position: 50% 0; 
	background-size: contain;
}

#gateway .gateway-container {
	max-width: 720px; 
	width: 73.5%;
	margin: 0 auto;
}

#gateway h1 { 
	margin: 1em 0;
	color: #fff;
	text-shadow: 0 0 3px rgba(0,0,0,.3); 
}

#gateway .gateway, .js-loading-mask { /* seet background only here because it's shared */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(102,102,102,.975) 0%, rgba(0,0,0,.975) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,.975)), color-stop(100%,rgba(0,0,0,.975)));
	background: -webkit-linear-gradient(top, rgba(102,102,102,.975) 0%,rgba(0,0,0,.975) 100%);
	background: -o-linear-gradient(top, rgba(102,102,102,.975) 0%,rgba(0,0,0,.975) 100%);
	background: -ms-linear-gradient(top, rgba(102,102,102,.975) 0%,rgba(0,0,0,.975) 100%);
	background: linear-gradient(to bottom, rgba(102,102,102,.975) 0%,rgba(0,0,0,.975) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9666666', endColorstr='#d9000000',GradientType=0 );
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

#gateway .gateway {
	position: relative;
	border-top: 1px solid #777;
	border-radius: 0 0 3px 3px;
	color: #fff;
	z-index: 99;
}

	#gateway .gateway:before {
	    position: absolute;
	    bottom: 0;
	    left: 2%;
	    width: 100%;
	    margin: 0 auto;
	    content: '';
	    background: rgba(0,0,0,1);
	    box-shadow: 0 0 15px 5px #222;
	    z-index: 0;
	}

	#gateway .gateway:after {
	    position: absolute;
	    left: -2%;
	    bottom: 0;
	    width: 100%;
	    margin: 0 auto;
	    content: '';
	    box-shadow: 0 0 15px 5px #222;
	    z-index: 0;
	}

#gateway .gateway-headline { 
	padding: 30px 10%;
	border-bottom: 1px solid #555;
}

#gateway .gateway-form .formitem {
	width: 100%;
}

#gateway .gateway-form .formitem.left {
  	float: left;
  	width: 48%;
}

#gateway .gateway-form .formitem.right {
	float: right;
  	width: 48%;
}

#gateway .gateway-form .formitem.left select {
	width: 100%;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(226, 226, 226)));
	background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(226, 226, 226));
	background-image: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(226, 226, 226));
	background-image: -o-linear-gradient(top, rgb(255, 255, 255), rgb(226, 226, 226));
	background-image: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(226, 226, 226));
	background-image: linear-gradient(top, rgb(255, 255, 255), rgb(226, 226, 226));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#e2e2e2');
}

#gateway .gateway-form input {
    width: 100%;
    height : auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#gateway .gateway-form .input-section {
	overflow: hidden;
	background: rgba(0,0,0,.25);
}

		#gateway .gateway-form .formrow {
			overflow: auto;
			margin-bottom: 30px;
		}
		
		#gateway .gateway-form form .formrow:last-child {
			margin-bottom: 0;
		}

#gateway hr {
	background: rgba(88, 88, 88);
	background-image: none; 
	border-top: 1px solid rgb(0,0,0);
	border-bottom: 1px solid rgb(53, 52, 53);
}

.js-loading-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.js-loading-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
}
.js-loading-msg-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.js-loading-msg {
	padding: 5px;
	background: #fff;
	color: #000;
	padding: 5px 10px;
	display: inline-block;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
}

.error-module {
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0;
	font-weight: bold;
	font-size: 14px;
	background: #fff;
	padding-left: 10px;
	color: #ed1c24;
	border: 2px solid #ed1c24;
}
.error-module .error-wrap {
	padding: 15px 15px 15px 76px;
	background: url("../../../apps/residential/components/content/gateway-modal/images/icon-error.png") no-repeat 20px center;
	min-height: 29px;
}
.error-module p {
	font-weight: bold;
	margin: 0 0 5px;
	color: #ed1c24 !important;
}
.error-module p:last-child {
	margin-bottom: 0;
}
.error-module li {
	list-style: disc inside;
	color: #ed1c24 !important;
}

/* ==========================
	Tabs
   ========================== */ 

#gateway .tabs { 
	display: table;
	width: 100%;
	border-radius: 3px;
	border-top: 1px solid #999; 
}
	
#gateway .tabs ul { display: table-row; }
	
#gateway .tabs li { 
	display: table-cell;
	position: relative; 
	width: 50%;
	padding: 0;
	text-align: center;
	background-color: #747474;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(116, 116, 116,.75)), to(rgba(133, 133, 133,.75)));
	background-image: -webkit-linear-gradient(top, rgba(116, 116, 116,.75), rgba(133, 133, 133,.75));
	background-image: -moz-linear-gradient(top, rgba(116, 116, 116,.75), rgba(133, 133, 133,.75));
	background-image: -o-linear-gradient(top, rgba(116, 116, 116,.75), rgba(133, 133, 133,.75));
	background-image: -ms-linear-gradient(top, rgba(116, 116, 116,.75), rgba(133, 133, 133,.75));
	background-image: linear-gradient(top, rgba(116, 116, 116,.75), rgba(133, 133, 133,.75));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#747474', EndColorStr='#858585');
	-webkit-box-shadow: 0 -3px 11px 2px rgba(0, 0, 0, 0.1) inset;
	   -moz-box-shadow: 0 -3px 11px 2px rgba(0, 0, 0, 0.1) inset;
	   		box-shadow: 0 -3px 11px 2px rgba(0, 0, 0, 0.1) inset;
	color: #fff;
	cursor: pointer;
    font-variant: small-caps;
}

	#gateway .tabs li a {
		display: inline-block;
		position: relative;
		padding: 10px 25px;
		font-family: 'TWC Round Book',Arial,Sans-Serif;
		font-weight: normal;
		text-decoration: none;
		color: #fff;
	}

	#gateway .tabs li:first-child {
		border-radius: 3px 0 0 0;
	}
	
	#gateway .tabs li:last-child {
		border-radius: 0 3px 0 0;
	}
	
	#gateway .tabs li.active {
		background-color: #3980b4;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(57, 128, 180, .8)), to(rgba(41, 95, 155, .8)));
		background-image: -webkit-linear-gradient(top, rgba(57, 128, 180, .8), rgba(41, 95, 155, .8));
		background-image: -moz-linear-gradient(top, rgba(57, 128, 180, .8), rgba(41, 95, 155, .8));
		background-image: -o-linear-gradient(top, rgba(57, 128, 180, .8), rgba(41, 95, 155, .8));
		background-image: -ms-linear-gradient(top, rgba(57, 128, 180, .8), rgba(41, 95, 155, .8));
		background-image: linear-gradient(top, rgba(57, 128, 180, .8), rgba(41, 95, 155, .8));
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#3980b4', EndColorStr='#295f9b');
	}
	
		#gateway .tabs li.active a:after {
			position: absolute;
			content: "";
			top: 100%;
			left: 40%;
			border-left: 15px solid transparent;
			border-right: 15px solid transparent; 
			border-top: 15px solid rgb(40, 93, 149);
			z-index: 999;
		}

/* ==========================
	New Customer
   ========================== */ 
		
#gateway #buyflow-new .input-section {
	padding: 30px 20%;
}

#gateway #buyflow-new .gateway-submit {
	padding: 30px 20%;
	border-top: 1px solid #222;
	background: rgba(0,0,0,.9);
}

/* ==========================
	Current Customer
   ========================== */

#gateway #buyflow-current {
	/*display: none;*/
	position: relative;
}

#gateway #buyflow-current .input-skip_container {
	overflow: hidden;
	background: rgba(0,0,0,.25);
}
		
#gateway #buyflow-current .input-section {
	float: left;
	width: 30%;
	padding: 3em 10%;
	background: rgba(255,255,255,.1);
	outline: #333 1px solid;
}

#gateway #buyflow-current .skip-section {
	float: right;
	width: 30%;
	padding: 30px 10%;
}

#gateway label.h5 { line-height: 2; }

#gateway input[type=checkbox] {
	vertical-align: baseline;
	width: auto;
	margin-right: 5px;
}

/* ==========================================================================
   State
   ========================================================================== */

/* ==========================
   Browser Specific
   ========================== */

/* Firefox */

@-moz-document url-prefix() {

}

/* Webkit: Chrome/Safari */ 

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Webkit browsers add a 2px margin outside the chrome of form elements */

}

/* IE: 6/7/8/9 */
   
/* ie (.ie) */   

/* ie6 (.ie6) */

/* prevent BG image flicker upon hover */

/* ie7 (.ie7) */

/* ie8 (.ie8) */

/* ie9 (.ie9) */
#gateway .gateway-modal h5,
li.h5 {
    font-size: 20px;
    font-family: 'TWC Round Book',Arial,Sans-Serif;
    font-weight: 100;
    color: inherit;
    clear: none;
    margin-bottom: .5em;
}

#gateway .gateway-modal .mainHeader,
.mainHeaderAndText h5 {
    height: 28px;
}

#gateway .gateway-modal h4 {
    font-size: 22px;
    font-family: 'TWC Round Book',Arial,Sans-Serif;
    font-weight: 100;
    color: #fff;
    clear: none;
    margin-bottom: .5em;
}

#gateway .gateway-modal .formrow,
.skip-section {
    font-size: 13px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: normal;
}

#gateway .gateway-modal p {
    font-size: 13px;
    font-family: 'TWC Round Light',Arial,Sans-Serif;
    line-height: 1.443;
}

#gateway .gateway-modal .btn {
    display: inline-block;
    padding: .5em 1em;
    border: none;
    border-radius: 3px;
    background: none;
    font-family: 'TWC Round Medium',Arial,Sans-Serif;
    font-weight: 100;
    color: inherit;
    cursor: pointer;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

#gateway .gateway-modal .btn.blue {
    background-color: #3779b3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3779b3), to(#02447e));
    background-image: -webkit-linear-gradient(top, #3779b3, #02447e);
    background-image: -moz-linear-gradient(top, #3779b3, #02447e);
    background-image: -o-linear-gradient(top, #3779b3, #02447e);
    background-image: -ms-linear-gradient(top, #3779b3, #02447e);
    background-image: linear-gradient(top, #3779b3, #02447e);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#3779b3', EndColorStr='#02447e');
    color: #fff;
}
    
#gateway .gateway-modal .btn.blue:hover,
    .btn.blue.hover  {
        background-color: #265a83;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#265a83), to(#1b405e));
        background-image: -webkit-linear-gradient(top, #265a83, #1b405e);
        background-image: -moz-linear-gradient(top, #265a83, #1b405e);
        background-image: -o-linear-gradient(top, #265a83, #1b405e);
        background-image: -ms-linear-gradient(top, #265a83, #1b405e);
        background-image: linear-gradient(top, #265a83, #1b405e);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#265a83', EndColorStr='#1b405e');
        color: #fff;
        cursor: pointer;
    }

#gateway .gateway-modal .btn.blue:active,
    .btn.blue.active,
    .btn.blue:focus {
        background: #444545;
        background-image: 0;
    }

#gateway .gateway-modal .btn.black{
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e3e3e),color-stop(100%, #2b2b2b));
    background-image: -webkit-linear-gradient(top, #3e3e3e 0%,#2b2b2b 100%);
    background-image: -moz-linear-gradient(top, #3e3e3e 0%,#2b2b2b 100%);
    background-image: -ms-linear-gradient(top, #3e3e3e 0%,#2b2b2b 100%);
    background-image: -o-linear-gradient(top, #3e3e3e 0%,#2b2b2b 100%);
    background-image: linear-gradient(top, #3e3e3e 0%,#2b2b2b 100%);
    color: #fff;
    line-height: normal;
}
 
#gateway .gateway-modal .btn.black:hover,
    .btn.black.hover {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #797979),color-stop(100%, #6c6c6c));
        background-image: -webkit-linear-gradient(top, #797979 0%,#6c6c6c 100%);
        background-image: -moz-linear-gradient(top, #797979 0%,#6c6c6c 100%);
        background-image: -ms-linear-gradient(top, #797979 0%,#6c6c6c 100%);
        background-image: -o-linear-gradient(top, #797979 0%,#6c6c6c 100%);
        background-image: linear-gradient(top, #797979 0%,#6c6c6c 100%);
        color: #fff;
    }
    
#gateway .gateway-modal .btn.black:active,
    .btn.black.active,
    .btn.black:focus {
        background: #2b2b2b;
        background-image: 0;
    }
    
#gateway .gateway-modal .twc-icon-after {
    width: 1em;
    margin-left: .5em;
}

    
#gateway .gateway-modal .arrow {
    background: url();
    padding-right: 0px;
    line-height: 1.443;
}

#gateway .gateway-form input, select, textarea {
    padding: .625em .5em;
    border: none;
    border-radius: 3px;
    font-size: 13px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: normal;
}

.related-questions h2, .related-questions h3, .related-questions h4 {        
    font-size: x-large !important;
    font-weight: bold !important;
}

.faq h2 {
    font-size: x-large;
    font-weight: bold;
}

.faq-label {
    font-size: large;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 5px !important;
    padding-bottom: 0px !important;
}

.faq-section {
    background: url("clientlibs/images/featured-drop-shadow.png") no-repeat scroll 0 100% transparent;
    overflow: hidden;
    padding: 0 0 50px;
}
.faq-related ul, .faq-related li{
    margin:0;
    padding:0;
}
.faq-related li {
    line-height:2 !important;
    list-style-type:none;
    background:url('clientlibs/images/arrow-blue-right.png') no-repeat 0 0.65em;
    padding-left:15px !important;
}
.faq-related a {
    color: #3376b2 !important;
}

.support-center .faq-survey form {
    top: 0px !important;
}
.faq-survey .yesno { float: left }
.faq-survey .box { padding-top: 2em }
.faq-survey label[for=faq-survey_response] { display: none; }
.faq-survey label[for=YesNo] { display: none; }
.faq-survey div.submit { background-image: none }
.faq-survey .radio .form_row { float: left; padding-right: 10px; }
.faq-survey .radio .form_row .form_leftcol { display: none; }
.faq-survey .radio .form_row .form_leftcol .form_leftcollabel { display: none; }
.faq-survey .radio .form_row:first-child .form_leftcol { display: inline; }
.faq-survey .radio .form_row:first-child .form_leftcol .form_leftcollabel { display: inline; }
.faq-survey .radio .form_row:first-child .form_leftcol .form_leftcolmark { display: none; }
.faq-survey form .error { color: #f00; }
.faq-survey form .form_error { color: #f00; }
.faq-survey form .text, .faq-survey .captcha, .faq-survey div.submit {padding-top:10px;}
.faq-survey div.submit {left:0px;}
@CHARSET "UTF-8";

.faq-navigator {
    line-height: 2;
}

.faq-navigator .hidden {
    display: none;
}

.faq-navigator .padding {
    padding: 5px 20px;
}

.faq-navigator .padding {
    margin: 0 0 10px;
}

.faq-navigator .selector {
    background-color: #eef0f0;
    margin-bottom: 10px;
    position: relative;
}

.faq-navigator .selector .select{
    top: 0;
    left: 0;
    overflow: hidden;
    width: 250px;
}

.faq-navigator .selector .select select{
    width: 270px;
}

.faq-navigator .selector .select img {
    top: 2px;
    left: 222px;
}

.faq-navigator .category-list {
    display: block;
    width: 20%;
    min-height: 140px;
    border-right: solid 2px #f1f1f1;
    margin-right: 1%;
    padding-right: 1%;
}

.faq-navigator .question-lists {
    display: block;
    width: 65%
}

.faq-navigator .faq-set {
    height: 185px;
}

.faq-navigator .categories li {
    height: 37px;
}

.faq-navigator .categories .selected {
    background-image: url(clientlibs/images/background-selected-arrow.png);
    background-position: right center;
}

.faq-navigator .category-list, .faq-navigator .question-lists {
    float: left;
}

.faq-navigator select{
    height: 22px;
    line-height: 15px;
}

.fancybox-inner .faq-question{
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: bold;
    padding-bottom: 0.5em;
}

.faqItem > li { border-bottom: 1px solid #B9C3CE; }
.faqItem .collapsible-heading {
    display: block;
    cursor: pointer;
    padding: 0.7em 30px 0.7em 0;
    overflow: hidden;

    font: 13px/1.231 arial,helvetica,clean,sans-serif;
    font-weight: bold;
    padding-left: 1em;
    color: black;
}
.faqItem .collapsible-heading > span {
    display: block;
    float: left;
    background: url(clientlibs/images/arrow-sub-nav-blue-down.png) no-repeat left center;
    height: 1em;
    width: 2em;
}
.faqItem li.current .collapsible-heading > span { background: url(clientlibs/images/arrow-sub-nav-blue-up.png) no-repeat left center; }
.faqItem li .faq-answer{
    display: none;
    padding-left: 3em;
    padding-bottom: 1em;
}
.faqItem li.current .faq-answer { display: block; }
.chatPromptDisplay {
	width: 340px;
	height: 240px;
	padding: 0.5em;
	overflow: hidden;
}

.chatPromptCta .cta{
	text-align: center;
}

.chatPromptCta .cta a{
	margin: 0 auto;
	display: inline-block;
	float: none;
}

.chatPromptText {
	display:block;
	text-align: center;
	font-size: 17px;
}


.chatPromptBold {
	font-weight: bold;
}

div.pagination {
    padding: 3px;
    margin: 3px;
    text-align:center;
    color:#a0a0a0;
    font-size:80%;
}
div.pagination a {
    border: 1px solid #909090;
    margin-right:3px;
    padding:4px 8px;
    background: url('../corporate/clientlibs/images/bar.gif') bottom;
    text-decoration: none;
    color: #c0c0c0;
}
div.pagination a:hover, div.meneame a:active {
    border: 1px solid #f0f0f0;
    background: #404040 url('../corporate/clientlibs/images/invbar.gif');
    color: #fff;
}
div.pagination span.current {
    margin-right:3px;
    padding:2px 5px;
    border: 1px solid #fff;
    font-weight: bold;
    background-color: #606060;
    color: #fff;
}
div.pagination span.disabled {
    margin-right:3px;
    padding:2px 5px;
    border: 1px solid #606060;
    color: #808080;
}

.press-releases > li {

    line-height:2 !important;
    list-style-type:none;
    background:url('clientlibs/images/arrow-blue-right.png') no-repeat 0 0.65em;
    padding-left:15px !important;
}

.press-releases {
    display: block;
    cursor: pointer;
    padding: 0.7em 30px 0.7em 1em;
    overflow: hidden;

    font: 13px arial,helvetica,clean,sans-serif;
    font-weight: bold;
    color: #000;
}

.press-releases li .press-releases-content {
    display: none;
    padding-left: 3em;
    padding-bottom: 1em;

}
.press-releases li.current .press-releases-content {
    display: block;
}



/* options module */
.options-group {
  padding-top: 0;
}
.options-group .options-module {
  border: 1px solid #e5e9ef;
  /*box-shadow: 300px 280px 2px 0px #fdfdfd;*/
  -webkit-box-shadow: 0px 1px 2px 1px #f2f2f2;
  box-shadow: 0px 1px 2px 1px #f2f2f2;
  float: left;
  width: 290px;
  margin: 0 50px 40px 0;
  overflow: hidden;
  background-image: url("../../../apps/businessclass/components/content/optionsGroup/options-wrapper/images/gradient-panel-slider.png");
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-color: #fdfdfd;
  padding-bottom: 10px;
  /*could extend from package-promo??*/
  border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  min-height:250px;
}
.options-group .options-module:nth-child(3n) {
  margin-right: 0;
}
.options-group .options-module .module-header {
  background: url(../../../apps/businessclass/components/content/optionsGroup/options-wrapper/images/border-fade-243x16.png) center bottom no-repeat;
  background-size: 100% 15px;
  padding: 10px 0 27px 10px;
  min-height: 45px;
  zoom: 1;
}
.options-group .options-module .module-header:before, .options-group .options-module .module-header:after {
  display: table;
  content: "";
  zoom: 1;
}
.options-group .options-module .module-header:after {
  clear: both;
}
.options-group .options-module .module-header img {
  max-height: 45px;
  max-width: 65px;
  width: auto;
  display: inline;
  vertical-align: middle;
}
.options-group .options-module .module-header h4 {
  font-size: 16px;
  font-weight: bold;
  color: #2966a0;
  vertical-align: middle;
  text-align: left;
  display: inline-block;
  margin-top: 10px;
  margin-left: 7px;
}
.options-group .options-module .module-body {
  zoom: 1;
  padding-right: 17px;
  padding-left: 17px;
}
.options-group .options-module .module-body:before, .options-group .options-module .module-body:after {
  display: table;
  content: "";
  zoom: 1;
}
.options-group .options-module .module-body:after {
  clear: both;
}
.options-group .options-module .module-body p {
  font-size: 14px;
  line-height: 18px;
  color: #44444;
  padding: 7px 0 0;
}
.options-group .options-module .module-body ul {
  margin-bottom: 15px;
  padding: 6px 0 0 0;
}
.options-group .options-module .module-body ul li {
  background: url("../../../apps/businessclass/components/content/optionsGroup/options-wrapper/images/bullet-orange.png") no-repeat scroll 0 10px;
  padding: 4px 0 4px 12px;
}
.options-group .options-module .module-body ul li {
  line-height: 18px;
  font-size: 14px;
  color: #444444;
}
.options-group .options-module .module-footer .learn-more {
  margin-top: 10px;
}
.options-group .options-module .module-footer .learn-more li {
  float: left;
  /* Removed border and margin divider illustrated in comp to allow more horizontal space for price (MMM) */
  padding: 0px 19px 10px 17px;
  min-height: 20px;
}
.options-group .options-module .module-footer .learn-more li:last-child {
  border-right: 0;
}
.options-group .options-module .module-footer .learn-more li.last {
  border-right: 0;
}
.options-group .options-module .module-footer .learn-more li .blue-button {
  display: inline-block;
  float: none;
  padding: 8px 15px;
  color: #fff !important;
}
.options-group .options-module .module-footer .learn-more li .blue-button span {
  font-size: 11px;
}
.options-group .options-module .module-footer .learn-more li .above {
  display: block;
  margin-top: -15px;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
  color: #444;
  padding-left: 15px;
  padding-bottom: 1px;
}
.options-group .options-module .module-footer .learn-more li.price, .options-group .options-module .module-footer .learn-more li .price {
  color: #444;
  font-size: 34px;
  font-weight: bold;
  padding: 0 0 5px 3px;
}
.options-group .options-module .module-footer .learn-more li.price sup.currency, .options-group .options-module .module-footer .learn-more li .price sup.currency {
  font-size: 24px;
  top: -6px;
  padding-right: 3px;
}
.options-group .options-module .module-footer .learn-more li.price sup.cents, .options-group .options-module .module-footer .learn-more li .price sup.cents {
  font-size: 17px;
  top: 0px;
  padding-left: 3px;
  width: 15px;
  display: inline-block;
  line-height: 10px;
}
.options-group .options-module .module-footer .learn-more li.price sup.cents span, .options-group .options-module .module-footer .learn-more li .price sup.cents span {
  font-size: 10px;
}

/******************************************
 * BEGIN admin styling fixes for teaser pages 
 ******************************************/
/* ADMIN FIXES */

.edit-mode .options-module {
 z-index:1000;
 float:none;
}
 
 
 

/* * * * * * * * * * * * * * * * * * * * * *
 * BEGIN oldie Specific Styles
 * * * * * * * * * * * * * * * * * * * * * */
html.oldie .options-group {
  width: 1030px;
}
html.oldie .options-group .options-module {
  width: 290px;
  margin-left: 50px;
  margin-right: 0px;
}
html.oldie .options-group .options-module.first {
  margin-left: 0px;
  margin-right: 0;
}
html.oldie .options-group .options-module .module-header img {
  float: left;
}
html.oldie .options-group .options-module .module-header h4 {
  float: left;
}
html.oldie .options-group .options-module .module-footer .learn-more li {
  padding-top: 15px;
  white-space: nowrap;
}
html.oldie .options-group .options-module .module-footer .learn-more li .above {
  margin-top: -10px;
  margin-bottom: -2px;
}
html.oldie .options-group .options-module .module-footer .learn-more li .cents {
  display: inline-block;
  float: none;
}

/* * * * * * * * * * * * * * * * * * * * * *
 * BEGIN IE7 Specific Styles
 * * * * * * * * * * * * * * * * * * * * * */
html.ie7 .options-group .options-module .module-header h4 {
  line-height: 2;
}

/* * * * * * * * * * * * * * * * * * * * * *
 * END IE7 Specific Styles
 * * * * * * * * * * * * * * * * * * * * * */
.effective-date-admin {
    display: inline !important;
    margin: 10px !important;
}

.chatpromptadmin h2 { padding-top: 1em; font-size: 2em; font-weight: bolder; padding-bottom: .5em}
.chatpromptadmin .soaids {
    line-height: 1.5;
    display: none;
}
.chatpromptadmin .global {
    line-height: 1.5;
}
.chatpromptadmin label {
    display: inline-block;
    width: 200px;
}
.chatpromptadmin .redtext, .chatpromptadmin .notactive { color: #ff0000; }

/*Options Intro*/
.options-intro {
  width: 100%;
  padding-top: 0;
}
.options-intro h2 {
  font-size: 24px;
  line-height: 28px;
  color: #000;
}
.options-intro .media {
  float: left;
  margin: 0 20px 0 0;
}
.options-intro .col {
  float: left;
  width: 60%;
  margin: 35px 0 20px;
}
.options-intro p {
  font-size: 16px;
  line-height: 24px;
}

/* options module */
.options-group {
  padding-top: 0;
}
.options-group .options-module {
  border: 1px solid #e5e9ef;
  /*box-shadow: 300px 280px 2px 0px #fdfdfd;*/
  -webkit-box-shadow: 0px 1px 2px 1px #f2f2f2;
  box-shadow: 0px 1px 2px 1px #f2f2f2;
  float: left;
  width: 290px;
  margin: 0 50px 40px 0;
  overflow: hidden;
  background-image: url("../../../apps/admin/components/content/businessclass-options/images/gradient-panel-slider.png");
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-color: #fdfdfd;
  padding-bottom: 10px;
  /*could extend from package-promo??*/
  border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
.options-group .options-module:nth-child(3n) {
  margin-right: 0;
}
.options-group .options-module .module-header {
  background: url(../../../apps/admin/components/content/businessclass-options/images/border-fade-243x16.png) center bottom no-repeat;
  background-size: 100% 15px;
  padding: 10px 0 27px 10px;
  min-height: 45px;
  zoom: 1;
}
.options-group .options-module .module-header:before, .options-group .options-module .module-header:after {
  display: table;
  content: "";
  zoom: 1;
}
.options-group .options-module .module-header:after {
  clear: both;
}
.options-group .options-module .module-header img {
  max-height: 45px;
  max-width: 65px;
  width: auto;
  display: inline;
  vertical-align: middle;
}
.options-group .options-module .module-header h4 {
  font-size: 16px;
  font-weight: bold;
  color: #2966a0;
  vertical-align: middle;
  text-align: left;
  display: inline-block;
  margin-top: 10px;
  margin-left: 7px;
}
.options-group .options-module .module-body {
  zoom: 1;
  padding-right: 17px;
  padding-left: 17px;
}
.options-group .options-module .module-body:before, .options-group .options-module .module-body:after {
  display: table;
  content: "";
  zoom: 1;
}
.options-group .options-module .module-body:after {
  clear: both;
}
.options-group .options-module .module-body p {
  font-size: 14px;
  line-height: 18px;
  color: #44444;
  padding: 7px 0 0;
}
.options-group .options-module .module-body ul {
  margin-bottom: 15px;
  padding: 6px 0 0 0;
}
.options-group .options-module .module-body ul li {
  background: url("../../../apps/admin/components/content/businessclass-options/images/bullet-orange.png") no-repeat scroll 0 10px;
  padding: 4px 0 4px 12px;
}
.options-group .options-module .module-body ul li {
  line-height: 18px;
  font-size: 14px;
  color: #444444;
}
.options-group .options-module .module-footer .learn-more {
  margin-top: 10px;
}
.options-group .options-module .module-footer .learn-more li {
  float: left;
  /* Removed border and margin divider illustrated in comp to allow more horizontal space for price (MMM) */
  padding: 0px 19px 10px 17px;
  min-height: 20px;
}
.options-group .options-module .module-footer .learn-more li:last-child {
  border-right: 0;
}
.options-group .options-module .module-footer .learn-more li.last {
  border-right: 0;
}
.options-group .options-module .module-footer .learn-more li .blue-button {
  display: inline-block;
  float: none;
  padding: 8px 15px;
  color: #fff !important;
}
.options-group .options-module .module-footer .learn-more li .blue-button span {
  font-size: 11px;
}
.options-group .options-module .module-footer .learn-more li .above {
  display: block;
  margin-top: -15px;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
  color: #444;
  padding-left: 15px;
  padding-bottom: 1px;
}
.options-group .options-module .module-footer .learn-more li.price, .options-group .options-module .module-footer .learn-more li .price {
  color: #444;
  font-size: 34px;
  font-weight: bold;
  padding: 0 0 5px 3px;
}
.options-group .options-module .module-footer .learn-more li.price sup.currency, .options-group .options-module .module-footer .learn-more li .price sup.currency {
  font-size: 24px;
  top: -6px;
  padding-right: 3px;
}
.options-group .options-module .module-footer .learn-more li.price sup.cents, .options-group .options-module .module-footer .learn-more li .price sup.cents {
  font-size: 17px;
  top: 0px;
  padding-left: 3px;
  width: 15px;
  display: inline-block;
  line-height: 10px;
}
.options-group .options-module .module-footer .learn-more li.price sup.cents span, .options-group .options-module .module-footer .learn-more li .price sup.cents span {
  font-size: 10px;
}

/* * * * * * * * * * * * * * * * * * * * * *
 * BEGIN oldie Specific Styles
 * * * * * * * * * * * * * * * * * * * * * */
html.oldie .options-group {
  width: 1030px;
}
html.oldie .options-group .options-module {
  width: 290px;
  margin-left: 50px;
  margin-right: 0px;
}
html.oldie .options-group .options-module.first {
  margin-left: 0px;
  margin-right: 0;
}
html.oldie .options-group .options-module .module-header img {
  float: left;
}
html.oldie .options-group .options-module .module-header h4 {
  float: left;
}
html.oldie .options-group .options-module .module-footer .learn-more li {
  padding-top: 15px;
  white-space: nowrap;
}
html.oldie .options-group .options-module .module-footer .learn-more li .above {
  margin-top: -10px;
  margin-bottom: -2px;
}
html.oldie .options-group .options-module .module-footer .learn-more li .cents {
  display: inline-block;
  float: none;
}

/* * * * * * * * * * * * * * * * * * * * * *
 * BEGIN IE7 Specific Styles
 * * * * * * * * * * * * * * * * * * * * * */
html.ie7 .options-group .options-module .module-header h4 {
  line-height: 2;
}

/* * * * * * * * * * * * * * * * * * * * * *
 * END IE7 Specific Styles
 * * * * * * * * * * * * * * * * * * * * * */
.mejs-container {
	position: relative;
	background: #000;
	font-family: Helvetica, Arial;
	text-align: left;
	vertical-align: top;
}

.me-plugin {
	position: absolute;
}

.mejs-embed, .mejs-embed body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #000;
	overflow: hidden;
}

.mejs-container-fullscreen {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
	width: 100%;
	height: 100%;
}

/* Start: LAYERS */
.mejs-background {
	position: absolute;
	top: 0;
	left: 0;
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mejs-poster {
	position: absolute;
	top: 0;
	left: 0;
}
.mejs-poster img {
	border: 0;
	padding: 0;
	border: 0;
	display: block;
}
.mejs-overlay {
	position: absolute;
	top: 0;
	left: 0;
}
.mejs-overlay-play {
	cursor: pointer;
}
.mejs-overlay-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	background: url(../../clientlibs/common/mediaelement/css/bigplay.png) no-repeat;
}
.mejs-overlay:hover .mejs-overlay-button{
	background-position: 0 -100px ;
}
.mejs-overlay-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	background: #333;
	background: url(../../clientlibs/common/mediaelement/css/background.png);
	background: rgba(0, 0, 0, 0.9);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));
}
.mejs-overlay-loading span {
	display:block;
	width: 80px;
	height: 80px;
	background: transparent url(../../clientlibs/common/mediaelement/css/loading.gif) 50% 50% no-repeat;
}

/* End: LAYERS */

/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
	position: absolute;
	background: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 0;
	background: url(../../clientlibs/common/mediaelement/css/background.png);
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 	
	background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 	
	height: 30px;
	width: 100%;
}
.mejs-container .mejs-controls  div {
	list-style-type: none;
	background-image: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 26px;
	height: 26px;
	font-size: 11px;
	line-height: 11px;
	background: 0;
	font-family: Helvetica, Arial;
	border: 0;
}

.mejs-controls .mejs-button button {
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	margin: 7px 5px;
	padding: 0;
	position: absolute;
	height: 16px;
	width: 16px;
	border: 0;
	background: transparent url(../../clientlibs/common/mediaelement/css/controls.png) no-repeat;
}

/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
	outline: solid 1px yellow;
}

/* End: CONTROL BAR */

/* Start: Time (current / duration) */
.mejs-container .mejs-controls .mejs-time {
	color: #fff;
	display: block;
	height: 17px;
	width: auto;
	padding: 8px 3px 0 3px ;
	overflow: hidden;
	text-align: center;
	padding: auto 4px;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
.mejs-container .mejs-controls .mejs-time span {
	font-size: 11px;
	color: #fff;
	line-height: 12px;
	display: block;
	float: left;
	margin: 1px 2px 0 0;
	width: auto;
}
/* End: Time (current / duration) */


/* Start: Play/pause */
.mejs-controls .mejs-play button {
	background-position:0 0;
}
.mejs-controls .mejs-pause button {
	background-position:0 -16px;
}
/* End: Play/pause */


/* Stop */
.mejs-controls .mejs-stop button {
	background-position: -112px 0;
}
/* End: Play/pause */

/* Start: Progress bar */
.mejs-controls div.mejs-time-rail {
	width: 200px;
	padding-top: 5px;
}
.mejs-controls .mejs-time-rail span {
	display: block;
	position: absolute;
	width: 180px;
	height: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
	margin: 5px;
	background: #333;
	background: rgba(50,50,50,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
	background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
	width:100%;
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 15px 15px;
	-moz-background-size: 15px 15px;
	-o-background-size: 15px 15px;
	background-size: 15px 15px;
	-webkit-animation: buffering-stripes 2s linear infinite;
	-moz-animation: buffering-stripes 2s linear infinite;
	-ms-animation: buffering-stripes 2s linear infinite;
	-o-animation: buffering-stripes 2s linear infinite;
	animation: buffering-stripes 2s linear infinite;
}

@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #3caac8;
	background: rgba(60,170,200,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8))); 
	background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	width: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
	width: 0;
	background: #fff;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); 
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
	display: none;
	position: absolute;
	margin: 0;
	width: 10px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	border: solid 2px #333;
	top: -2px;
	text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	background: #eee;
	width: 36px;
	height: 17px;
	border: solid 1px #333;
	top: -26px;
	margin-left: -18px;
	text-align: center;
	color: #111;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
	margin: 2px;
	width: 30px;
	display: block;
	text-align: center;
	left: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	line-height: 0;
	border: solid 5px #eee;
	border-color: #eee transparent transparent transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: 15px;
	left: 13px;

}




/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/
/* End: Progress bar */

/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
	background-position:-32px 0;
}
.mejs-controls .mejs-unfullscreen button {
	background-position:-32px -16px;
}
/* End: Fullscreen */


/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button {
}

.mejs-controls .mejs-mute button {
	background-position:-16px -16px;
}

.mejs-controls .mejs-unmute button {
	background-position:-16px 0;
}

.mejs-controls .mejs-volume-button {
	position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
	display: none;
	height: 115px;
	width: 25px;
	background: url(../../clientlibs/common/mediaelement/css/background.png);
	background: rgba(50, 50, 50, 0.7);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: -115px;
	left: 0;
	z-index: 1;
	position: absolute;
	margin: 0;
}
.mejs-controls .mejs-volume-button:hover {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
	display: block;
}
*/

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.5);
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
	position: absolute;
	left: 4px;
	top: -3px;
	width: 16px;
	height: 6px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	cursor: N-resize;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin: 0;
}


/* horizontal version */

.mejs-controls div.mejs-horizontal-volume-slider {
	height: 26px;
	width: 60px;
	position: relative;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	

	background: #333;
	background: rgba(50,50,50,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
	background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));

}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	background: #fff;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); 
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));

}


.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	display: none;
}

/* End: Mute/Volume */




/* Start: TRACK (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
	position: relative;
}

.mejs-controls .mejs-captions-button button {
	background-position:-48px 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -10px;
	width: 130px;
	height: 100px;
	background: url(../../clientlibs/common/mediaelement/css/background.png);
	background: rgba(50,50,50,0.7);
	border: solid 1px transparent;
	padding: 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
/*
.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
	visibility: visible;
}
*/

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display:block;
	color: #fff;
	overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{
	width: 100px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 10px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
	font-size: 10px;
	margin: 0 0 5px 0;
}


.mejs-chapters {
	position: absolute;
	top: 0;
	left: 0;
	-xborder-right: solid 1px #fff;
	width: 10000px;
	z-index: 1;
}
.mejs-chapters .mejs-chapter {
	position: absolute;
	float: left;
	background: #222;
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);		
	overflow: hidden;
	border: 0;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block {
	font-size: 11px;
	color: #fff;
	padding: 5px;
	display: block;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	cursor: pointer;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
	border-right: none;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
	/*background: #333;*/
	background: #666;
	background: rgba(102,102,102, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));
	background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);		
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{
	font-size: 12px;
	font-weight: bold;
	display: block;
	white-space:nowrap;
	text-overflow: ellipsis;
	margin: 0 0 3px 0;
	line-height: 12px;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{
	font-size: 12px;
	line-height: 12px;
	margin: 3px 0 4px 0;
	display: block;
	white-space:nowrap;
	text-overflow: ellipsis;
}


.mejs-captions-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align:center;
	/*font-weight: bold;*/
	line-height: 22px;
	font-size: 12px;
	color: #fff;
}
.mejs-captions-layer  a {
	color: #fff;
	text-decoration: underline;
}
.mejs-captions-layer[lang=ar] {
	font-size: 20px;
	font-weight: normal;
}

.mejs-captions-position {
	position: absolute;
	width: 100%;
	bottom: 15px;
	left: 0;
}

.mejs-captions-position-hover {
	bottom: 45px;
}

.mejs-captions-text {
	padding: 3px 5px;
	background: url(../../clientlibs/common/mediaelement/css/background.png);
	background: rgba(20, 20, 20, 0.8);

}
/* End: TRACK (Captions and Chapters) */



.mejs-clear {
	clear: both;
}

/* Start: ERROR */
.me-cannotplay {
}
.me-cannotplay a {
	color: #fff;
	font-weight: bold;
}
.me-cannotplay span {
	padding: 15px;
	display: block;
}
/* End: ERROR */


/* Start: Loop */
.mejs-controls .mejs-loop-off button{
	background-position: -64px -16px;
}
.mejs-controls .mejs-loop-on button {
	background-position: -64px 0;
}
/* End: Loop */

/* Start: backlight */
.mejs-controls .mejs-backlight-off button{
	background-position: -80px -16px;
}
.mejs-controls .mejs-backlight-on button {
	background-position: -80px 0;
}
/* End: backlight */


/* Start: picture controls */
.mejs-controls .mejs-picturecontrols-button{
	background-position: -96px 0;
}
/* End: picture controls */


/* context menu */
.mejs-contextmenu {
	position: absolute;
	width: 150px;
	padding: 10px;
	border-radius: 4px;
	top: 0;
	left: 0;
	background: #fff;
	border: solid 1px #999;
	z-index: 1001; /* make sure it shows on fullscreen */
}
.mejs-contextmenu .mejs-contextmenu-separator {
	height: 1px;
	font-size: 0;
	margin: 5px 6px;
	background: #333;	
}

.mejs-contextmenu .mejs-contextmenu-item {
	font-family: Helvetica, Arial;
	font-size: 12px;
	padding: 4px 6px;
	cursor: pointer;
	color: #333;	
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
	background: #2c7c91;
	color: #fff;
}


/* Start: SourceChooser */
.mejs-controls .mejs-sourcechooser-button {
	position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
	background-position: -128px 0;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -10px;
	width: 130px;
	height: 100px;
	background: url(../../clientlibs/common/mediaelement/css/background.png);
	background: rgba(50,50,50,0.7);
	border: solid 1px transparent;
	padding: 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display:block;
	color: #fff;
	overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{
	width: 100px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 10px;
}
/* End: SourceChooser */

/* * * * * * * * * * * * * * * * * * * * * *
 * BEGIN Reset Styles
 * * * * * * * * * * * * * * * * * * * * * */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

.ie7 audio, .ie7 canvas, .ie7 video {
  display: inline;
  zoom: 1;
}

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /*min-width: $width-MainWrap;*/
}

body {
  font-size: 12px;
  line-height: 1.231;
  margin: 0;
}

body, button, input, select, textarea {
  color: #222;
  font-family: sans-serif;
}

::-moz-selection, ::selection {
  background: #c39122;
  color: #fff;
  text-shadow: none;
}

a {
  text-decoration: none;
}

a:focus {
  outline: 0;
}

a:hover, a:active {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  border: 0;
  border-top: 1px solid #ccc;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre, code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

.ie6 pre, .ie6 code, .ie6 kbd, .ie6 samp {
  font-family: 'courier new', monospace;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  cursor: pointer;
}

legend {
  border: 0;
  margin: 0;
  padding: 0;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

button, input {
  line-height: normal;
  overflow: visible;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0 none;
  padding: 0;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
}

input:focus {
  outline: 0;
  border: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type="search"] {
  -moz-box-sizing: content-box;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top;
}

input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

.ie7 button, .ie7 input, .ie7 select, .ie7 textarea {
  vertical-align: middle;
}

.ie7 button, .ie7 input {
  overflow: visible;
}

.ie7 table button, .ie7 table input {
  overflow: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0 none;
  font-family: inherit;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* * * * * * * * * * * * * * * * * * * * * *
 * END Reset Styles
 * * * * * * * * * * * * * * * * * * * * * */
/*
 * BEGIN Custom Font Styles
 * See http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax
 */
@font-face {
  font-family: "TWC Round Black";
  src: url("clientlibs/fonts/TWCRound/twcround-black.eot?#iefix") format("embedded-opentype"),
       url("clientlibs/fonts/TWCRound/twcround-black.woff") format("woff"),
       url("clientlibs/fonts/TWCRound/twcround-black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "TWC Round Black Italic";
  src: url("clientlibs/fonts/TWCRound/twcround-blackitalic.eot?#iefix") format("embedded-opentype"),
       url("clientlibs/fonts/TWCRound/twcround-blackitalic.woff") format("woff"),
       url("clientlibs/fonts/TWCRound/twcround-blackitalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "TWC Round Bold";
  src: url("clientlibs/fonts/TWCRound/twcround-bold.eot?#iefix") format("embedded-opentype"),
       url("clientlibs/fonts/TWCRound/twcround-bold.woff") format("woff"),
       url("clientlibs/fonts/TWCRound/twcround-bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "TWC Round Bold Italic";
  src: url("clientlibs/fonts/TWCRound/twcround-bolditalic.eot?#iefix") format("embedded-opentype"),
       url("clientlibs/fonts/TWCRound/twcround-bolditalic.woff") format("woff"),
       url("clientlibs/fonts/TWCRound/twcround-bolditalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "TWC Round Book";
  src: url("clientlibs/fonts/TWCRound/twcround-book.eot?#iefix") format("embedded-opentype"),
       url("clientlibs/fonts/TWCRound/twcround-book.woff") format("woff"),
       url("clientlibs/fonts/TWCRound/twcround-book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "TWC Round Book Italic";
  src: url("clientlibs/fonts/TWCRound/twcround-bookitalic.eot?#iefix") format("embedded-opentype"),
       url("clientlibs/fonts/TWCRound/twcround-bookitalic.woff") format("woff"),
       url("clientlibs/fonts/TWCRound/twcround-bookitalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "TWC Round Light";
  src: url("clientlibs/fonts/TWCRound/twcround-light.eot?#iefix") format("embedded-opentype"),
       url("clientlibs/fonts/TWCRound/twcround-light.woff") format("woff"),
       url("clientlibs/fonts/TWCRound/twcround-light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "TWC Round Light Italic";
  src: url("clientlibs/fonts/TWCRound/twcround-lightitalic.eot?#iefix") format("embedded-opentype"),
       url("clientlibs/fonts/TWCRound/twcround-lightitalic.woff") format("woff"),
       url("clientlibs/fonts/TWCRound/twcround-lightitalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "TWC Round Medium";
  src: url("clientlibs/fonts/TWCRound/twcround-medium.eot?#iefix") format("embedded-opentype"),
       url("clientlibs/fonts/TWCRound/twcround-medium.woff") format("woff"),
       url("clientlibs/fonts/TWCRound/twcround-medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "TWC Round Medium Italic";
  src: url("clientlibs/fonts/TWCRound/twcround-mediumitalic.eot?#iefix") format("embedded-opentype"),
       url("clientlibs/fonts/TWCRound/twcround-mediumitalic.woff") format("woff"),
       url("clientlibs/fonts/TWCRound/twcround-mediumitalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "TWC Round Semibold";
  src: url("clientlibs/fonts/TWCRound/twcround-semibold.eot?#iefix") format("embedded-opentype"),
       url("clientlibs/fonts/TWCRound/twcround-semibold.woff") format("woff"),
       url("clientlibs/fonts/TWCRound/twcround-semibold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "TWC Round Semibold Italic";
  src: url("clientlibs/fonts/TWCRound/twcround-semibolditalic.eot?#iefix") format("embedded-opentype"),
       url("clientlibs/fonts/TWCRound/twcround-semibolditalic.woff") format("woff"),
       url("clientlibs/fonts/TWCRound/twcround-semibolditalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* END Custom Font Styles (_fonts.scss) */
/* BEGIN Global Styles */
/*
 * Body
 */
body {
  color: #444;
  font-family: Arial, Sans-Serif;
  font-size: 13px;
  min-width: 980px;
}

/*
 * Global/Generic Wrap Styles
 */
.wrap {
  margin: 0 auto;
  width: 980px;
  zoom: 1;
}
.wrap:before, .wrap:after {
  display: table;
  content: "";
  zoom: 1;
}
.wrap:after {
  clear: both;
}

/*
 * Headings
 */
h3 {
  margin: 0 0 10px;
}

/*
 * Links
 */
a {
  color: #3376b2;
}
a:hover {
  color: #1b405d;
}

/*
 * Helper Classes
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  /* position: ../; */
  width: auto;
}

.invisible {
  visibility: hidden;
}

.left {
  float: left;
}

.right {
  float: right;
}

.last {
  border: 0;
  background: 0;
  margin: 0;
  padding: 0;
}

.css-table-wrap {
  display: table;
}
.css-table-wrap .css-cell-wrap {
  display: table-cell;
  vertical-align: middle;
}

/*
 * Global TV Frame
 */
.img-frame {
  position: relative;
}
.img-frame img {
  display: block;
}

.tv-frame {
  background: url("clientlibs/images/tv-frame.png") 0 0 no-repeat;
  padding: 10px 13px 70px 15px;
}

/*
 * Inputs
 */
.short-text-wrap {
  background: url("clientlibs/images/background-input-small-rounded.png") 0 0 no-repeat;
  padding-left: 9px;
  width: 148px;
  float: left;
}
.short-text-wrap input.short-text {
  background: transparent;
  border: 0 none;
  color: #555;
  font-size: 12px;
  font-style: italic;
  height: 13px;
  padding: 9px 9px 5px 0;
  width: 140px;
  overflow: hidden;
}

/*
 * Icons
 */
.shopping-cart {
  background: url("clientlibs/images/icon-shopping-cart.png") no-repeat 0 0;
}

.shopping-cart .text {
  background: url("clientlibs/images/text-shopping-cart.png") center center no-repeat;
  display: block;
  text-indent: -9999px;
}

.email {
  background: url("clientlibs/images/icon-email.png") no-repeat 0 0;
}

.email .text {
  background: url("clientlibs/images/text-email.png") center center no-repeat;
  display: block;
  text-indent: -9999px;
}

.forecast .text {
  background: url("clientlibs/images/text-fromny1-news.png") center center no-repeat;
  display: block;
  text-indent: -9999px;
}

.social-media {
  width: auto !important;
  padding: 12px 18px 0 !important;
}
.social-media ul {
  overflow: hidden;
}
.social-media ul li {
  float: left;
  padding: 0;
  width: auto;
  height: auto;
  border-right: none;
  margin: 0 2px 0;
}
.social-media ul li a {
  padding: 0;
}
.social-media .text {
  background: url("clientlibs/images/text-follow-us.png") center center no-repeat;
  display: block;
  text-indent: -9999px;
  clear: both;
  position: relative;
  padding-top: 4px;
}

.indicator {
  background: url("clientlibs/images/icon-blue-circle.png") no-repeat 0 0;
  color: #fff;
  display: block;
  font-size: 11px;
  font-weight: bold;
  height: 13px;
  padding: 3px 0 0 6px;
  position: absolute;
  right: 25px;
  text-align: left;
  top: -7px;
  width: 10px;
}

/* Product Icons */
a.packages {
  background: url("clientlibs/images/icon-packages.png") 0 center no-repeat;
}

.active a.packages {
  background-image: url("clientlibs/images/icon-packages-active.png");
}

a.tv {
  background: url("clientlibs/images/icon-tv.png") 0 center no-repeat;
}

.active a.tv {
  background: url("clientlibs/images/icon-tv-active.png") 0 center no-repeat;
}

a.laptop {
  background: url("clientlibs/images/icon-laptop.png") 0 center no-repeat;
}

.active a.laptop {
  background: url("clientlibs/images/icon-laptop-active.png") 0 center no-repeat;
}

a.phone {
  background: url("clientlibs/images/icon-phone.png") 0 center no-repeat;
}

.active a.phone {
  background: url("clientlibs/images/icon-phone-active.png") 0 center no-repeat;
}

a.lock {
  background: url("clientlibs/images/icon-lock.png") 0 center no-repeat;
}

.active a.lock {
  background: url("clientlibs/images/icon-lock-active.png") 0 center no-repeat;
}

a.verizon {
  background: url("clientlibs/images/icon-verizon.png") 0 center no-repeat;
}

/* Arrows */
.arrow, .panel-wrap .panel-group .panel .panel-footer nav ul li a {
  background: url("clientlibs/images/arrow-white-right.png") 100% center no-repeat;
  padding-right: 15px;
}

.blue-arrow {
  background: url("clientlibs/images/arrow-blue-right.png") 100% center no-repeat;
  color: #3376b2;
  font-size: 13px;
  font-weight: bold;
  padding-right: 10px;
}
.blue-arrow:hover {
  background-image: url("clientlibs/images/arrow-gray-right.png");
  color: #1b405d;
  text-decoration: underline;
}

/* Weather Icons */
.cloudy {
  background: url("clientlibs/images/icon-weather-cloudy.png") 0 0 no-repeat;
}

.lightning-rain {
  background: url("clientlibs/images/icon-weather-lightning-rain.png") 0 0 no-repeat;
}

.lightning {
  background: url("clientlibs/images/icon-weather-lightning.png") 0 0 no-repeat;
}

.partly-sunny {
  background: url("clientlibs/images/icon-weather-partly-sunny.png") 0 0 no-repeat;
}

.rain {
  background: url("clientlibs/images/icon-weather-rain.png") 0 0 no-repeat;
}

.snow {
  background: url("clientlibs/images/icon-weather-snow.png") 0 0 no-repeat;
}

.storm {
  background: url("clientlibs/images/icon-weather-storm.png") 0 0 no-repeat;
}

.sunny {
  background: url("clientlibs/images/icon-weather-sunny.png") 0 0 no-repeat;
}

.tornado {
  background: url("clientlibs/images/icon-weather-tornado.png") 0 0 no-repeat;
}

.windy {
  background: url("clientlibs/images/icon-weather-windy.png") 0 0 no-repeat;
}

/* Social Networking Icons */
.facebook {
  margin-top: -1px;
  padding: 2px 0 2px 20px;
  display: block;
  height: 16px;
  background: transparent url("clientlibs/images/dam/social-facebook.png") 0 0 no-repeat;
}
.facebook:hover {
  background-image: url("clientlibs/images/dam/social-facebook-hover.png");
}

.twitter {
  margin-top: -1px;
  padding: 2px 0 2px 20px;
  display: block;
  height: 16px;
  background: transparent url("clientlibs/images/dam/social-twitter.png") 0 0 no-repeat;
}
.twitter:hover {
  background-image: url("clientlibs/images/dam/social-twitter-hover.png");
}

.news {
  margin-top: -1px;
  padding: 2px 0 2px 20px;
  display: block;
  height: 16px;
  background: transparent url("clientlibs/images/dam/social-news.png") 0 0 no-repeat;
}
.news:hover {
  background-image: url("clientlibs/images/dam/social-news-hover.png");
}

.untangled {
  margin-top: -1px;
  padding: 2px 0 2px 20px;
  display: block;
  height: 16px;
  background: transparent url("clientlibs/images/dam/social-untangled.png") 0 0 no-repeat;
}
.untangled:hover {
  background-image: url("clientlibs/images/dam/social-untangled-hover.png");
}

.youtube {
  margin-top: -1px;
  padding: 2px 0 2px 20px;
  display: block;
  height: 16px;
  background: transparent url("clientlibs/images/dam/social-youtube.png") 0 0 no-repeat;
}
.youtube:hover {
  background-image: url("clientlibs/images/dam/social-youtube-hover.png");
}

.newsletter {
  margin-top: -1px;
  padding: 2px 0 2px 20px;
  display: block;
  height: 16px;
  background: transparent url("clientlibs/images/dam/social-newsletter.png") 0 0 no-repeat;
}
.newsletter:hover {
  background-image: url("clientlibs/images/dam/social-newsletter-hover.png");
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
.breakpoints-alert {
  background: none repeat scroll 0 0 #fff;
  border-radius: 3px 3px 3px 3px;
  color: #333;
  font-family: Arial;
  height: 40px;
  left: 15px;
  padding: 20px 10px;
  position: fixed;
  top: 15px;
  width: 200px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.breakpoints-alert p {
  font-size: 12px;
  margin: 0 0 5px;
}
.breakpoints-alert span {
  font-weight: bold;
}

/*
 * Mobile Breakpoint
 */
.bp-mobile body {
  min-width: 100%;
}
.bp-mobile body .wrap {
  width: 100%;
}

/*
 * Tablet Breakpoint
 */
.bp-tablet-small body {
  min-width: 100%;
}
.bp-tablet-small body .wrap {
  width: 100%;
}

/*
 * Tablet Breakpoint
 */
.bp-tablet body {
  min-width: 100%;
}
.bp-tablet body .wrap {
  width: 100%;
}

/* ----------------------
 *  Global Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
.ie7 {
  min-width: 980px;
  overflow-x: hidden;
}
.ie7 .vert-center {
  padding-top: 30px;
}

/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* END Global Styles (_global.scss) */
/* ----------------------
 * Generic Button Base Styles
 *
 -- */
/*
 * Blue Button
 */
.blue-button, .panel-wrap .panel-group .panel .panel-header nav span {
  clear: left;
  color: #fff;
  display: block;
  float: left;
  font-family: "TWC Round Medium",Arial,Sans-Serif;
  font-size: 13px;
  padding: 9px 13px;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-size: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #387ab4),color-stop(18%, #3173ad),color-stop(74,#0d4f89),color-stop(100,#01437d));
  background-image: -webkit-linear-gradient(top, #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%);
  background-image: -moz-linear-gradient(top, #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%);
  background-image: -ms-linear-gradient(top, #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%);
  background-image: -o-linear-gradient(top, #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%);
  background: -pie-linear-gradient(top, #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%);
  background-image: linear-gradient(top, #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%);
}
.blue-button:hover, .panel-wrap .panel-group .panel .panel-header nav span:hover, .panel-wrap .panel-group .panel .panel-header nav a:hover span {
  color: #fff !important;
  background-size: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #265a83),color-stop(18%, #25577e),color-stop(66,#1e4869),color-stop(100,#1b405e));
  background-image: -webkit-linear-gradient(top, #265a83 0%,#25577e 18%,#1e4869 66%,#1b405e 100%);
  background-image: -moz-linear-gradient(top, #265a83 0%,#25577e 18%,#1e4869 66%,#1b405e 100%);
  background-image: -ms-linear-gradient(top, #265a83 0%,#25577e 18%,#1e4869 66%,#1b405e 100%);
  background-image: -o-linear-gradient(top, #265a83 0%,#25577e 18%,#1e4869 66%,#1b405e 100%);
  background: -pie-linear-gradient(top, #265a83 0%,#25577e 18%,#1e4869 66%,#1b405e 100%);
  background-image: linear-gradient(top, #265a83 0%,#25577e 18%,#1e4869 66%,#1b405e 100%);
}

/*
 * Black Button
 */
.black-button, .gray-button, .header .login-button, .gateway .header .wrap .main nav ul li a {
  border: 0;
  color: #fff;
  display: block;
  font-family: "TWC Round Medium",Arial,Sans-Serif;
  font-size: 13px;
  padding: 8px 5px;
  text-align: center;
  background-size: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e3e3e),color-stop(100%, #2b2b2b));
  background-image: -webkit-linear-gradient(top, #3e3e3e 0%,#2b2b2b 100%);
  background-image: -moz-linear-gradient(top, #3e3e3e 0%,#2b2b2b 100%);
  background-image: -ms-linear-gradient(top, #3e3e3e 0%,#2b2b2b 100%);
  background-image: -o-linear-gradient(top, #3e3e3e 0%,#2b2b2b 100%);
  background: -pie-linear-gradient(top, #3e3e3e 0%,#2b2b2b 100%);
  background-image: linear-gradient(top, #3e3e3e 0%,#2b2b2b 100%);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.black-button:hover, .gray-button:hover, .header .login-button:hover, .gateway .header .wrap .main nav ul li a:hover {
  background-size: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #797979),color-stop(100%, #6c6c6c));
  background-image: -webkit-linear-gradient(top, #797979 0%,#6c6c6c 100%);
  background-image: -moz-linear-gradient(top, #797979 0%,#6c6c6c 100%);
  background-image: -ms-linear-gradient(top, #797979 0%,#6c6c6c 100%);
  background-image: -o-linear-gradient(top, #797979 0%,#6c6c6c 100%);
  background: -pie-linear-gradient(top, #797979 0%,#6c6c6c 100%);
  background-image: linear-gradient(top, #797979 0%,#6c6c6c 100%);
  color: #fff !important;
}
.black-button .arrow, .gray-button .arrow, .header .login-button .arrow, .gateway .header .wrap .main nav ul li a .arrow, .black-button .panel-wrap .panel-group .panel .panel-footer nav ul li a, .panel-wrap .panel-group .panel .panel-footer nav ul li .black-button a, .gray-button .panel-wrap .panel-group .panel .panel-footer nav ul li a, .panel-wrap .panel-group .panel .panel-footer nav ul li .gray-button a, .header .login-button .panel-wrap .panel-group .panel .panel-footer nav ul li a, .panel-wrap .panel-group .panel .panel-footer nav ul li .header .login-button a, .gateway .header .wrap .main .panel-wrap .panel-group .panel .panel-footer nav ul li a a, .panel-wrap .panel-group .panel .panel-footer .gateway .header .wrap .main nav ul li a a {
  background: url("clientlibs/images/arrow-white-right-small.png") 100% 4px no-repeat;
  padding-right: 10px;
}

.gray-button, .header .login-button {
  background-size: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f4042),color-stop(100%, #2f3032));
  background-image: -webkit-linear-gradient(top, #3f4042 0%,#2f3032 100%);
  background-image: -moz-linear-gradient(top, #3f4042 0%,#2f3032 100%);
  background-image: -ms-linear-gradient(top, #3f4042 0%,#2f3032 100%);
  background-image: -o-linear-gradient(top, #3f4042 0%,#2f3032 100%);
  background: -pie-linear-gradient(top, #3f4042 0%,#2f3032 100%);
  background-image: linear-gradient(top, #3f4042 0%,#2f3032 100%);
  border: 1px solid #494a4b;
}
.gray-button:hover, .header .login-button:hover {
  background-size: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f3032),color-stop(100%, #3f4042));
  background-image: -webkit-linear-gradient(top, #2f3032 0%,#3f4042 100%);
  background-image: -moz-linear-gradient(top, #2f3032 0%,#3f4042 100%);
  background-image: -ms-linear-gradient(top, #2f3032 0%,#3f4042 100%);
  background-image: -o-linear-gradient(top, #2f3032 0%,#3f4042 100%);
  background: -pie-linear-gradient(top, #2f3032 0%,#3f4042 100%);
  background-image: linear-gradient(top, #2f3032 0%,#3f4042 100%);
}

.arrowed-link {
  background: url("clientlibs/images/arrow-sub-nav-black-right.png") no-repeat scroll 100% 64% transparent;
  clear: none;
  color: #333;
  display: block;
  float: right;
  font-family: "TWC Round Medium",Arial,Sans-Serif;
  font-size: 16px;
  margin: 10px 0 0;
  padding: 0 15px 0 0;
  text-align: center;
  text-decoration: none;
}

.back-arrow {
  background: url("clientlibs/images/arrow-blue-left.png") no-repeat scroll 0% 64% transparent;
  font-weight: bold;
  font-size: 14px;
  margin-left: 26px;
  padding-left: 13px;
}

.double-arrow {
  background: url("clientlibs/images/arrow-blue-right-double.png") no-repeat scroll right center transparent;
  font-weight: bold;
  font-size: 13px;
  padding-right: 13px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Small Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
.oldie .blue-button, .oldie .panel-wrap .panel-group .panel .panel-header nav span, .panel-wrap .panel-group .panel .panel-header nav .oldie span {
  background-color: "#2b6895";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#3e8fd0', endColorstr='#2b6895');";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e8fd0', endColorstr='#2b6895', GradientType=0);
  zoom: 1;
}
.oldie .blue-button:hover, .oldie .panel-wrap .panel-group .panel .panel-header nav span:hover, .panel-wrap .panel-group .panel .panel-header nav .oldie span:hover, .oldie .panel-wrap .panel-group .panel .panel-header nav a:hover span, .panel-wrap .panel-group .panel .panel-header nav a:hover .oldie span  {
  background-color: "#1b405d";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#265a82', endColorstr='#1b405d');";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#265a82', endColorstr='#1b405D', GradientType=0);
  zoom: 1;
}
.oldie .black-button, .oldie .gray-button, .oldie .header .login-button, .header .oldie .login-button, .oldie .gateway .header .wrap .main nav ul li a, .gateway .header .wrap .main nav ul li .oldie a {
  background-color: "#2f2f2f";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#3e3e40', endColorstr='#2f2f2f');";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3e40', endColorstr='#2f2f2f', GradientType=0);
  zoom: 1;
}
.oldie .black-button:hover, .oldie .gray-button:hover, .oldie .header .login-button:hover, .header .oldie .login-button:hover, .oldie .gateway .header .wrap .main nav ul li a:hover, .gateway .header .wrap .main nav ul li .oldie a:hover {
  background-color: "#6c6c6c";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#77787a', endColorstr='#6c6c6c');";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77787a', endColorstr='#6c6c6c', GradientType=0);
  zoom: 1;
}
.oldie .black-button, .oldie .gray-button, .oldie .header .login-button, .header .oldie .login-button, .oldie .gateway .header .wrap .main nav ul li a, .gateway .header .wrap .main nav ul li .oldie a {
  background: url("clientlibs/images/black-button.gif") 0 0 repeat-x #2b2b2b;
}
.oldie .black-button:hover, .oldie .gray-button:hover, .oldie .header .login-button:hover, .header .oldie .login-button:hover, .oldie .gateway .header .wrap .main nav ul li a:hover, .gateway .header .wrap .main nav ul li .oldie a:hover {
  background: url("clientlibs/images/black-button-hover.gif") 0 0 repeat-x #3d3d3d;
}

/*
 * IE7 Styles (.ie7)
 */
.ie7 .blue-button .arrow, .ie7 .panel-wrap .panel-group .panel .panel-header nav span .arrow, .panel-wrap .panel-group .panel .panel-header nav .ie7 span .arrow, .ie7 .blue-button .panel-wrap .panel-group .panel .panel-footer nav ul li a, .panel-wrap .panel-group .panel .panel-footer nav ul li .ie7 .blue-button a, .ie7 .panel-wrap .panel-group .panel .panel-header .panel-footer nav span ul li a, .ie7 .panel-wrap .panel-group .panel .panel-footer .panel-header nav span ul li a, .ie7 .panel-wrap .panel-group .panel .panel-header .panel-footer nav ul li span a, .ie7 .panel-wrap .panel-group .panel .panel-footer .panel-header nav ul li span a, .panel-wrap .panel-group .panel .panel-header .panel-footer nav .ie7 span ul li a, .panel-wrap .panel-group .panel .panel-footer .panel-header nav .ie7 span ul li a, .panel-wrap .panel-group .panel .panel-header .panel-footer nav ul li .ie7 span a, .panel-wrap .panel-group .panel .panel-footer .panel-header nav ul li .ie7 span a {
  display: block;
}

/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END Button Styles **/
/* ----------------------
 *  Header Base Styles
 *
 *  Includes styles for: .top, .top-nav, .top-links
 *
 -- */
.header {
  background: #1a1a1c url("clientlibs/images/gradient-background-header.png") 0 0 repeat-x;
  zoom: 1;
  /* Header Top Hat */
  /* Header Main Area */
  /* Login Hover-Popup */
  /* Header Module */
  /* User Options */
  /* User Inputs */
  /* Search */
}
.header:before, .header:after {
  display: table;
  content: "";
  zoom: 1;
}
.header:after {
  clear: both;
}
.header .top {
  zoom: 1;
  /* Top Links */
}
.header .top:before, .header .top:after {
  display: table;
  content: "";
  zoom: 1;
}
.header .top:after {
  clear: both;
}
.header .top .top-nav {
  float: left;
}
.header .top .top-nav li {
  float: left;
}
.header .top .top-nav a {
  color: #6a6f71;
  display: block;
  padding: 11px 10px 9px;
  text-align: center;
}
.header .top .top-nav .active a {
  background: #2c2d30;
  border: 1px solid #41494f;
  color: #fff;
  border-bottom: 0;
  margin: 4px 0 0;
  padding: 7px 10px 9px;
  border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
}
.header .top .top-nav a:hover {
  color: #fff;
}
.header .top .top-links {
  float: right;
}
.header .top .top-links > li {
  background: url("clientlibs/images/border-link-item.gif") 100% center no-repeat;
  float: left;
  padding: 11px 10px 9px 8px;
  position: relative;
}
.header .top .top-links > li .hover-popup {
  display: none;
}
.header .top .top-links > li:last-child {
  background: none;
  padding-right: 0;
}
.header .top .top-links > li.last {
  background: none;
  padding-right: 0;
  z-index: 2;
}
.header .top .top-links > li.last > a {
  background: url("clientlibs/images/arrow-gray-down.png") no-repeat scroll 100% center transparent;
  margin: 0;
  padding: 0 15px 0 0;
  position: relative;
  z-index: 1;
}
.header .top .top-links > li.last.hover > a,
.header .top .top-links > li.last > a:hover {
  background: url("clientlibs/images/arrow-white-down.png") no-repeat scroll 100% center transparent;
  color: #fff;
}
.header .top .top-links > li.last.hover .hover-popup {
  display: block;
}
.header .top .top-links > li.last .hover-popup {
  background: url("clientlibs/images/background-hover-popup-othersites.png") no-repeat scroll 0 0 transparent;
  display: none;
  height: 60px;
  padding: 37px 8px 0 10px;
  position: absolute;
  right: -10px;
  top: 4px;
  width: 113px;
}
.header .top .top-links > li.last .hover-popup .black-button, .header .top .top-links > li.last .hover-popup .gray-button, .header .top .top-links > li.last .hover-popup .login-button, .gateway .header .top .wrap .main nav ul .top-links > li.last .hover-popup a, .gateway .header .wrap .main nav ul .top .top-links > li.last .hover-popup a {
  float: right;
}
.header .top .top-links > li.last .hover-popup li {
  float: none;
  margin: 0 0 6px;
  background: 0;
}
.header .top .top-links > li.last .hover-popup li a {
  color: #b6babd;
  font-size: 12px;
}
.header .top .top-links > li.last .hover-popup li a:hover {
  color: #eee;
  font-size: 12px;
}
.header .top .top-links a {
  color: #6a6F71;
}
.header .top .top-links a:hover {
  color: #fff;
}
.header .top .top-links .login {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 59px;
}
.header .top .top-links .login.hover {
  background: url("clientlibs/images/background-sign-in-tab.png") 0 center no-repeat;
}
.header .top .top-links .login.hover a {
  color: #fff;
}
.header .main {
  margin: 20px 0;
  zoom: 1;
}
.header .main:before, .header .main:after {
  display: table;
  content: "";
  zoom: 1;
}
.header .main:after {
  clear: both;
}
.header .main .logo {
  clear: left;
  display: block;
  float: left;
}
.header .hover .login-popup {
  display: block;
}
.header .login-popup {
  background: url("clientlibs/images/background-sign-in-dd.png") 0 100% no-repeat;
  display: none;
  left: -160px;
  padding: 15px;
  position: absolute;
  top: 27px;
  height: 196px;
  width: 189px;
  z-index: 9999;
}
.header .login-popup select {
  margin: 7px 0 25px;
  width: 100%;
}
.header .login-popup select option {
  padding: 1px 0;
}
.header .login-popup .login-fields {
  margin: 0 0 10px;
}
.header .login-popup .text {
  background: url("clientlibs/images/background-sign-in-input.png") no-repeat scroll 0 0 transparent;
  border: 0 none;
  height: 23px;
  margin: 0 0 5px;
  padding: 2px 0 0 10px;
  width: 176px;
}
.header .login-popup .checkbox {
  clear: left;
  color: #fff;
  float: left;
  margin: 0 0 20px;
  padding: 8px 0 0;
  width: 120px;
}
.header .login-popup .checkbox input {
  padding-left: 0;
  margin: 0;
}
.header .login-popup label {
  text-align: left;
}
.header .login-popup .blue-button, .header .login-popup .panel-wrap .panel-group .panel .panel-header nav span, .panel-wrap .panel-group .panel .panel-header nav .header .login-popup span {
  clear: none;
  float: right;
  padding-top: 6px;
  text-transform: uppercase;
}
.header .login-popup p {
  font-size: 11px;
  margin: 15px 0 0;
  text-align: left;
}
.header .login-popup a {
  color: #fff;
}
.header .module {
  margin: 0;
}
.header .module .menu-toggle {
  display: none;
}
.header .module .location {
  color: #fff;
  float: right;
  margin: 0;
}
.header .module .location .black-button, .header .module .location .gray-button, .header .module .location .login-button, .gateway .header .module .location .wrap .main nav ul li a, .gateway .header .wrap .main nav ul li .module .location a {
  float: right;
  font-family: Arial;
}
.header .module .location .city, .header .module .location .state, .header .module .location .state-abbr, .header .module .location .comma {
  background: 0;
  color: #fff;
  display: inline;
  padding: 0;
  margin: 0;
}
.header .module .location .state,
.header .module .location .comma {
  display: none;
}
.header .module .location li {
  float: left;
  padding: 4px;
  position: relative;
}
.header .module .location li:last-child {
  background: none;
}
.header .module .location li.last {
  background: none;
}
.header .module .location li.hover {
  background: url("clientlibs/images/background-location-tab.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  z-index: 9999;
}
.header .module .location li.hover span {
  background: 0;
  color: #fff;
}
.header .module .location li.hover span a.hover-close {
  display: block;
}
.header .module .location li.hover .hover-popup.error,
.header .module .location li.hover .hover-popup {
  display: block;
}
.header .module .location li .hover-popup {
  display: none;
  height: 35px;
  padding: 0px;
  position: absolute;
  left: -143px;
  top: 20px;
  width: 212px;
  z-index: 9999;
}
.header .module .location li .hover-popup fieldset {
  background: url("clientlibs/images/background-location-popup-tall.png") 0 100% no-repeat;
  padding: 10px;
  width: 194px;
  border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
}
.header .module .location li .hover-popup.error {
  height: 284px;
  overflow: hidden;
  left: -143px;
  width: 214px;
}
.header .module .location li .hover-popup.error fieldset {
  /*border-bottom: 1px solid #404b53;*/
  background: url("clientlibs/images/background-location-inputs-error.png") no-repeat scroll 0 0 transparent;
  padding-bottom: 15px;
}
.header .module .location li .hover-popup.error .message {
  background: url("clientlibs/images/background-location-message-error.png") no-repeat scroll 0 100% transparent;
  color: #222;
  font-size: 12px;
  padding: 25px 10px;
  width: 192px;
  /*border-top: 1px solid #dee2e6;*/
}
.header .module .location li .hover-popup.error .message .alert-icon {
  background: url("clientlibs/images/icon-alert.png") no-repeat scroll 0 2px transparent;
  font-weight: bold;
  font-size: 13px;
  padding: 5px 0 15px 38px;
}
.header .module .location li .hover-popup.error .message p.first {
  background: url("clientlibs/images/divider-double-border.gif") 0 0 repeat-x;
}
.header .module .location li .hover-popup.error .message p:first-child {
  background: url("clientlibs/images/divider-double-border.gif") 0 0 repeat-x;
}
.header .module .location li .hover-popup.error .message p {
  line-height: 14px;
  padding: 10px 10px 0;
  width: 89%;
}
.header .module .location li h3 {
  margin: 0;
}
.header .module .location li span {
  color: #7b7b7c;
  background: url("clientlibs/images/arrow-gray-down.png") no-repeat scroll 100% center transparent;
  margin: 0;
  padding: 0 15px 0 0;
  position: relative;
}
.header .module .location li span a.hover-close {
  background: url("clientlibs/images/location-close.png") no-repeat scroll 100% center transparent;
  display: none;
  height: 8px;
  position: absolute;
  right: 3px;
  text-indent: -9999px;
  top: 4px;
  width: 8px;
}
.header .user-options {
  background: url("clientlibs/images/gradient-background-useropts.png") repeat-x scroll 0 0 #20272b;
  border: 1px solid #3a3b3d;
  float: right;
  height: 47px;
  width: auto;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.header .user-options > li {
  border-right: 1px solid #3a3b3d;
  color: #d5d6d7;
  width: 89px;
  float: left;
  height: 35px;
  text-align: center;
  padding: 12px 0 0;
}
.header .user-options > li.email-wrap {
  width: 62px;
}
.header .user-options > li.last {
  border: 0;
}
.header .user-options > li:last-child {
  border: 0;
}
.header .user-options > li > a {
  background-position: center 0;
  color: #d5d6d7;
  display: block;
  font-size: 8px;
  padding: 20px 0 0;
  text-transform: uppercase;
}
.header .user-options a {
  position: relative;
}
.header .user-options .forecast {
  padding: 9px 0 3px;
}
.header .user-options .forecast .text {
  padding: 1px 0;
}
.header .user-options .forecast span {
  color: #d5d6d7;
  display: block;
  font-size: 8px;
  text-transform: uppercase;
}
.header .user-options .forecast span.weather {
  font-size: 22px;
  margin: 0 auto;
  text-align: right;
  width: 65px;
}
.header .user-options .forecast span.weather img {
  float: left;
}
.header .user-inputs {
  float: left;
  margin: 0 20px 0 0;
}
.header .search {
  clear: both;
  float: right;
}
.header .search .search-input-wrap {
  background: url("clientlibs/images/background-search-input.png") 0 0 no-repeat;
  width: 188px;
  float: left;
  padding: 0 0 1px 12px;
}
.header .search .search-input-wrap input.text {
  color: #171616;
  border: 0;
  float: left;
  padding: 5px 0 5px 0;
  background: transparent;
  overflow: hidden;
  width: 180px;
}
.header .search .search-btn {
  background: url("clientlibs/images/button-search-end.png") no-repeat scroll 0 0 transparent;
  display: block;
  float: right;
  height: 25px;
  text-indent: -9999em;
  width: 26px;
}
.header .login-button {
  border: 1px solid #414244;
  font-size: 12px;
  display: none;
  float: right;
  font-family: Arial, Sans-Serif;
  margin: 15px 1em 0 0;
  padding: 8px 12px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/*
 * Gateway specfic header
 */
.gateway .header {
  background-size: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333435),color-stop(27%, #2c2d30),color-stop(80,#1a1b1d),color-stop(99,#171819),color-stop(100,black));
  background-image: -webkit-linear-gradient(top, #333435 0%,#2c2d30 27%,#1a1b1d 80%,#171819 99%,black 100%);
  background-image: -moz-linear-gradient(top, #333435 0%,#2c2d30 27%,#1a1b1d 80%,#171819 99%,black 100%);
  background-image: -ms-linear-gradient(top, #333435 0%,#2c2d30 27%,#1a1b1d 80%,#171819 99%,black 100%);
  background-image: -o-linear-gradient(top, #333435 0%,#2c2d30 27%,#1a1b1d 80%,#171819 99%,black 100%);
  background: -pie-linear-gradient(top, #333435 0%,#2c2d30 27%,#1a1b1d 80%,#171819 99%,black 100%);
  background-image: linear-gradient(top, #333435 0%,#2c2d30 27%,#1a1b1d 80%,#171819 99%,black 100%);
}
.gateway .header .wrap .main {
  padding: 0 16px;
}
.gateway .header .wrap .main nav {
  display: none;
  float: right;
  margin: 12px 8px 12px 0;
}
.gateway .header .wrap .main nav ul li {
  float: right;
  margin-left: 15px;
}
.gateway .header .wrap .main nav ul li a {
  padding: 13px;
  font-family: Arial, Sans-Serif;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-tablet-small
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
.bp-mobile .header {
  background: #242527;
}
.bp-mobile .header .top,
.bp-mobile .header .user-options {
  display: none;
}
.bp-mobile .header .logo img {
  width: 94px;
}

/*
 * Small Tablet Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
.oldie .gateway .header {
  background-image: url("clientlibs/images/gradient-background-header-gateway.png");
}

/*
 * IE7 Styles (.ie7)
 */
.ie7 .header .user-inputs {
  margin: 0 0 0 430px;
}
.ie7 .header .user-inputs .location {
  margin-bottom: 0;
}
.ie7 .header .user-inputs .hover-popup {
  right: 0;
}
.ie7 .header .user-inputs .hover-popup .black-button, .ie7 .header .user-inputs .hover-popup .gray-button, .ie7 .header .user-inputs .hover-popup .login-button, .ie7 .gateway .header .user-inputs .hover-popup .wrap .main nav ul li a, .gateway .ie7 .header .user-inputs .hover-popup .wrap .main nav ul li a, .ie7 .gateway .header .wrap .main nav ul li .user-inputs .hover-popup a, .gateway .ie7 .header .wrap .main nav ul li .user-inputs .hover-popup a {
  float: right;
  padding: 4px 7px 8px;
  margin-top: 2px;
  margin-left: 5px;
}
.ie7 .header .user-inputs .hover-popup .short-text {
  padding: 7px 9px 7px 0;
  float: left;
}
.ie7 .header .user-inputs,
.ie7 .header .search {
  width: 226px;
}
.ie7 .header .user-inputs
.login,
.ie7 .header .login-popup {
  z-index: 9999;
}
.ie7 .header .checkbox {
  margin-left: -5px label;
  margin-left-font-size: 10px;
}

/*
 * IE8 Styles (.ie8)
 */
.ie8 .header .login-popup p {
  margin-top: 0;
}
.ie8 .header .checkbox label {
  font-size: 10px;
}

/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .header **/
/* ----------------------
 *  Navigation Base Styles (.navigation)
 *
 *  Includes styles for the "Mega Menus" (.mega-menus)
 *
 *
 -- */
.navigation {
  background: url("clientlibs/images/gradient-background-nav.png") 0 0 repeat-x;
  height: 45px;
  zoom: 1;
}
.navigation:before, .navigation:after {
  display: table;
  content: "";
  zoom: 1;
}
.navigation:after {
  clear: both;
}
.navigation .wrap {
  width: 972px;
}
.navigation .wrap .main-nav {
  float: left;
  position: relative;
}
.navigation .wrap .main-nav > li {
  float: left;
}
.navigation .wrap .main-nav > li.first {
  background: url("clientlibs/images/border-navigation-item.gif") no-repeat scroll 0 0 transparent;
}
.navigation .wrap .main-nav > li:first-child {
  background: url("clientlibs/images/border-navigation-item.gif") no-repeat scroll 0 0 transparent;
}
.navigation .wrap .main-nav > li.last {
  background: url("clientlibs/images/border-navigation-item.gif") no-repeat scroll 100% 0 transparent;
}
.navigation .wrap .main-nav > li:last-child {
  background: url("clientlibs/images/border-navigation-item.gif") no-repeat scroll 100% 0 transparent;
}
.navigation .wrap .main-nav > li > a {
  background: url("clientlibs/images/border-navigation-item.gif") no-repeat scroll 100% 0 transparent;
  color: #fff;
  font-family: "TWC Round Medium", Arial, Sans-Serif;
  font-size: 14px;
  display: block;
  padding: 15px 27px 13px;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .navigation .wrap .main-nav > li > a {
    padding: 15px 26px 13px;
  }
}
.navigation .wrap .main-nav > li > a.active {
  background: url("clientlibs/images/gradient-background-nav-active.png") repeat scroll 0 0 transparent;
}
.navigation .wrap .main-nav > li > a:hover {
  background: url("clientlibs/images/gradient-background-nav-active.png") repeat scroll 0 100% transparent;
}
.navigation .wrap .main-nav > li > a em {
  font-size: 16px;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .navigation .wrap .main-nav > li > a em {
    letter-spacing: -1px;
  }
}
.navigation .wrap .main-nav li.hover > a {
  background: #fff;
  color: #3e4951;
}
.navigation .wrap .main-nav li.hover .mega-menu {
  display: block;
  z-index: 1000;
}
.navigation .mega-menu {
  display: none;
  left: 0;
  position: absolute;
  top: 44px;
  width: 971px;
  z-index: 999;
  border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-box-shadow: 0px 6px 4px -4px #a4a6a7;
  -webkit-box-shadow: 0px 6px 4px -4px #a4a6a7;
  box-shadow: 0px 6px 4px -4px #a4a6a7;
}
.navigation .mega-menu.hover {
  display: block;
}
.navigation .mega-menu.three-col.support .col {
  padding: 0 15px;
}
.navigation .mega-menu.three-col.support .col.left,
.navigation .mega-menu.three-col.support .col.right {
  background: url("clientlibs/images/tall-divider-gray.png") 100% center no-repeat;
  width: 19%;
}
.navigation .mega-menu.three-col.support .col.right {
  background-position: 0 center;
}
.navigation .mega-menu.three-col.support .col.wide {
  width: 50%;
}
.navigation .mega-menu.three-col.support .col.wide a {
  font-size: 13px;
}
.navigation .mega-menu.three-col.intelligenthome .wrap {
  padding: 2px 40px;
}
.navigation .mega-menu.three-col.intelligenthome .wrap .col.left,
.navigation .mega-menu.three-col.intelligenthome .wrap .col.right {
  padding-top: 18px;
}
.navigation .mega-menu.three-col.intelligenthome .wrap .col.left {
  width: 22%;
  background: url("clientlibs/images/tall-divider-gray.png") 100% center no-repeat;
}
.navigation .mega-menu.three-col.intelligenthome .wrap .col.wide {
  width: 54%;
}
.navigation .mega-menu.three-col.intelligenthome .wrap .col.wide .img-wrap {
  float: left;
  padding: 0 3px 0 2px;
  background: url("clientlibs/images/tall-divider-gray.png") 100% center no-repeat;
}
.navigation .mega-menu.three-col .col {
  width: 20%;
}
.navigation .mega-menu.three-col .col.wide {
  width: 60%;
}
.navigation .mega-menu.three-col .slider {
  background: url("clientlibs/images/tall-divider-gray.png") 0 center no-repeat;
  float: left;
  position: relative;
  height: auto;
  height: 200px;
  width: 475px;
}
.navigation .mega-menu.three-col .slider ul.slides {
  background: url("clientlibs/images/tall-divider-gray.png") no-repeat scroll 100% center transparent;
  overflow: hidden;
  height: 215px;
  margin: 0;
  width: 100%;
}
.navigation .mega-menu.three-col .slider ul.slides li {
  padding: 0 15px;
  width: auto;
}
.navigation .mega-menu.three-col .slider .slide-items {
  border: 1px solid #ccc;
  float: left;
  height: 170px;
  padding: 20px 30px 10px;
  text-align: center;
  width: 152px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.navigation .mega-menu.three-col .slider .slide-items.first {
  margin-right: 17px;
}
.navigation .mega-menu.three-col .slider .slide-items h3 {
  color: #000;
  font-size: 24px;
  margin: 0 0 5px;
}
.navigation .mega-menu.three-col .slider .slide-items img {
  margin: 0 0 5px;
  width: auto;
}
.navigation .mega-menu.three-col .slider .slide-items h4 {
  color: #3e90d2;
  font-size: 28px;
  font-family: "TWC Round Medium", Arial, Sans-Serif;
  margin: 0 0 2px;
}
.navigation .mega-menu.three-col .slider .slide-items h4 sup {
  font-size: 14px;
}
.navigation .mega-menu.three-col .slider .pagination {
  display: none;
}
.navigation .mega-menu.two-col .col {
  width: 23%;
}
.navigation .mega-menu.two-col .col.wide {
  width: 73%;
}
.navigation .mega-menu.two-col .col.wide.right {
  background: url("clientlibs/images/tall-divider-gray.png") no-repeat scroll 0% center transparent;
}
.navigation .mega-menu.two-col .col.wide .slider {
  background: url("clientlibs/images/tall-divider-gray.png") no-repeat scroll 100% center transparent;
  margin: 0 0 0 6px;
  padding: 20px 0 0;
}
.navigation .mega-menu.two-col .col.wide .slider .prev,
.navigation .mega-menu.two-col .col.wide .slider .next {
  top: 35%;
}
.navigation .mega-menu.two-col .col.wide .slider .prev {
  left: -5px;
}
.navigation .mega-menu .wrap {
  background: url("clientlibs/images/gradient-mega-menu.png") 0 100% repeat-x white;
  padding: 20px 40px;
  width: auto;
}
.navigation .mega-menu .wrap.image-emph {
  padding-left: 25px;
  padding-right: 25px;
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: 2px 50px;
  border-bottom: 2px solid #fff;
  padding-bottom: 0;
}
.navigation .mega-menu .wrap h3 {
  font-weight: bold;
  font-size: 15px;
  margin: 0 0 14px;
}
.navigation .mega-menu .wrap p {
  color: #000;
  font-size: 13px;
  line-height: 18px;
  margin: 0 0 20px;
}
.navigation .mega-menu .wrap .col {
  float: left;
  position: relative;
  z-index: 2;
}
.navigation .mega-menu .wrap .col .left-col {
  float: left;
  margin: 0 0 0 25px;
  width: 45%;
}
.navigation .mega-menu .wrap .col .right-col {
  float: right;
  margin: 0 25px 0 0;
  width: 45%;
}
.navigation .mega-menu .wrap .col.right {
  float: right;
}
.navigation .mega-menu .wrap .col .blue-arrow {
  font-weight: bold;
}
.navigation .mega-menu .wrap .col .links li {
  background: url("clientlibs/images/border-fade.png") 0 100% no-repeat;
  font-weight: bold;
  font-size: 15px;
  margin: 0 0 7px;
  padding: 0 0 7px 3px;
}
.navigation .mega-menu .wrap .col .links li.last {
  background: none;
}
.navigation .mega-menu .wrap .col .links li:last-child {
  background: none;
}
.navigation .mega-menu .wrap .col .links li a {
  color: #3376b2;
  font-weight: bold;
}
.navigation .mega-menu .wrap .col .links li a:hover {
  color: #1b405d;
  text-decoration: underline;
}
.navigation .mega-menu .wrap .section-list {
  background: url("clientlibs/images/tall-divider-gray.png") no-repeat scroll 0% center transparent;
}
.navigation .mega-menu .wrap .section-list h3 {
  margin-left: 20px;
}
.navigation .mega-menu .wrap .section-list ul {
  margin: 5px;
}
.navigation .mega-menu .wrap .section-list ul li {
  color: #3376b2;
  padding: 6px 20px;
}
.navigation .mega-menu .wrap .section-list ul li.alt {
  background: #edf2f5;
}
.navigation .mega-menu .wrap .login-module {
  background: url("clientlibs/images/tall-divider-gray.png") no-repeat scroll 0% center transparent;
}
.navigation .mega-menu .wrap .login-module .login {
  margin: 0 10px 10px;
}
.navigation .mega-menu .wrap .login-module .login .rounded-input-wrap {
  background: url("clientlibs/images/input-rounded.gif") 0 0 no-repeat;
  padding-left: 8px;
  width: 178px;
  margin-bottom: 5px;
}
.navigation .mega-menu .wrap .login-module .login .rounded-input-wrap .rounded {
  background: transparent;
  border: 0;
  padding: 3px 8px 8px 0;
  height: 23px;
  width: 170px;
  margin: 0 0 0;
}
.navigation .mega-menu .wrap .login-module .login label {
  color: inherit;
}
.navigation .mega-menu .wrap .login-module .login input.blue-button {
  border: 0 none;
  float: right;
  padding: 7px;
  clear: none;
  margin-right: -10px;
  text-transform: uppercase;
}
.navigation .mega-menu .wrap .login-module .login p {
  clear: both;
  font-size: 11px;
}
.navigation .mega-menu .wrap .login-module .login p.checkbox {
  margin-top: 7px;
  clear: none;
  float: left;
}
.navigation .mega-menu .wrap .login-module .login p.checkbox input {
  color: inherit;
}
.navigation .mega-menu .wrap .login-module .login p.checkbox label {
  padding-left: 3px;
}
.navigation .mega-menu .slider a.prev,
.navigation .mega-menu .slider a.next {
  background: url("clientlibs/images/button-slider-controls-blue.png") no-repeat scroll 0 0 transparent;
  border: 0;
  display: block;
  height: 60px;
  text-indent: -9999em;
  top: 33%;
  width: 26px;
}
.navigation .mega-menu .slider a.prev:hover,
.navigation .mega-menu .slider a.next:hover {
  background-image: url("clientlibs/images/button-slider-controls-hover-fullshadow.png");
}
.navigation .mega-menu .slider a.prev {
  left: 0;
}
.navigation .mega-menu .slider a.next {
  background-position: 100% 100%;
  right: 0;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
.bp-mobile .navigation {
  background: #3d3c41;
}
.bp-mobile .navigation li a {
  padding: 5px !important;
}
.bp-mobile .navigation .mega-menu {
  display: none !important;
}

/*
 * Small Tablet Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
.oldie .navigation .wrap .main-nav > li > a {
  padding-right: 25px;
  padding-left: 25px;
}
/*
 * IE7 Styles (.ie7)
 */
.ie7 .navigation {
  position: relative;
  z-index: 999;
}
.ie7 .navigation .mega-menu .wrap .login-module .login input.blue-button {
  margin-right: -30px;
}
.ie7 .navigation .mega-menu .col.wide .slider {
  padding-left: 1px;
  padding-right: 1px;
}
.ie7 .navigation .mega-menu .col.wide .slider .slides {
  width: 100.5%;
}

/*
 * IE8 Styles (.ie8)
 */

/*
 * IE9 Styles (.ie9)
 */

/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .navigation **/
/* ----------------------
 *  Sub-Navigation Base Styles (.sub-navigation)
 *
 *
 -- */
.sub-navigation {
  background: url("clientlibs/images/gradient-background-subnav.png") 0 0 repeat-x;
  border-bottom: 2px solid #fff;
  clear: both;
  height: 92px;
  overflow: hidden;
}
.sub-navigation .wrap {
  overflow: hidden;
  width: 972px;
}
.sub-navigation ul {
  float: right;
  margin-top: 27px;
  padding-left: 0;
  margin-right: -8px;
}
.sub-navigation ul li {
  float: left;
  margin-left: -9px;
  min-height: 65px;
  padding: 0 16px 0 21px;
}
.sub-navigation ul li a {
  background: url("clientlibs/images/arrow-sub-nav-black-right.png") no-repeat scroll 100% 50% transparent;
  color: #333;
  display: block;
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  font-size: 15px;
  margin-right: 4px;
  padding: 24px 16px 26px 4px;
  text-align: center;
  text-decoration: none;
}
.sub-navigation ul li a:hover {
  background: url("clientlibs/images/arrow-sub-nav-blue-right.png") no-repeat scroll 100% 50% transparent;
  color: #183e5d;
}
.sub-navigation ul li a em {
  font-size: 16px;
  font-style: normal;
}
.sub-navigation ul li.active, .sub-navigation ul li.active:hover {
  background: transparent url("clientlibs/images/background-sub-nav-tab-right.png") no-repeat 100% 0;
  padding: 0 16px 0 0;
}
.sub-navigation ul li.active span, .sub-navigation ul li.active:hover span {
  background: transparent url("clientlibs/images/background-sub-nav-tab-left.png") no-repeat 0 0;
  display: block;
  min-height: 65px;
  padding: 0 0 0 16px;
}
.sub-navigation ul li.active a, .sub-navigation ul li.active:hover a {
  background: url("clientlibs/images/arrow-sub-nav-blue-down.png") no-repeat scroll 100% 50% transparent;
  color: #3376b2;
}
.sub-navigation ul li.active a:hover, .sub-navigation ul li.active:hover a:hover {
  background: url("clientlibs/images/arrow-sub-nav-blue-down.png") no-repeat scroll 100% 50% transparent;
  color: #3376b2;
}
.sub-navigation ul li:hover {
  background: transparent url("clientlibs/images/tab-background-hover.png") repeat-x 0 100%;
}
.sub-navigation ul li.special a {
  background: url("clientlibs/images/arrow-sub-nav-blue-right.png") no-repeat scroll 100% 50% transparent;
  color: #3070a3;
}
.sub-navigation ul li.special.active a:hover {
  background: url("clientlibs/images/arrow-sub-nav-blue-down.png") no-repeat scroll 100% 50% transparent;
  color: #3070a3;
}
.sub-navigation h1 {
  float: left;
  max-width: 196px;
  padding: 30px 20px 0;
  color: #333;
  font-family: "TWC Round Light", Arial, Sans-Serif;
  font-size: 35px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .sub-navigation **/
/* ----------------------
 *  Container Base Styles (.container)
 *
 -- */
section.container {
  background: url("clientlibs/images/gradient-background-container.png") repeat-x scroll 0 0 #f2f4f6;
  clear: both;
  overflow: hidden;
  padding: 0 0 50px;
  zoom: 1;
}
section.container:before, section.container:after {
  display: table;
  content: "";
  zoom: 1;
}
section.container:after {
  clear: both;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .container **/
/* ----------------------
 *  Breadcrumbs Base Styles (.breadcrumbs)
 *
 -- */
.breadcrumbs {
  background: transparent;
  left: 0;
  font-size: 11px;
  height: 30px;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 100;
}
.breadcrumbs ul {
  float: left;
  padding: 0 28px;
  width: 530px;
  background-size: 100%;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.2)),color-stop(56%, rgba(0, 0, 0, 0.2)),color-stop(100,rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%,rgba(0, 0, 0, 0.2) 56%,rgba(0, 0, 0, 0) 100%);
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%,rgba(0, 0, 0, 0.2) 56%,rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%,rgba(0, 0, 0, 0.2) 56%,rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%,rgba(0, 0, 0, 0.2) 56%,rgba(0, 0, 0, 0) 100%);
  background: -pie-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%,rgba(0, 0, 0, 0.2) 56%,rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(left, rgba(0, 0, 0, 0.2) 0%,rgba(0, 0, 0, 0.2) 56%,rgba(0, 0, 0, 0) 100%);
}
.breadcrumbs li {
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  line-height: 30px;
  margin-right: 2px;
  padding-right: 8px;
  background: url("clientlibs/images/breadcrumb-slash.png") 100% 50% no-repeat;
}
.breadcrumbs li.active {
  background: none;
}
.breadcrumbs li.last {
  background: none;
}
.breadcrumbs li a {
  color: #ccc;
}
.breadcrumbs li a.active {
  font-weight: bold;
}
.breadcrumbs .left-visual-block {
  background: #000;
  display: inline-block;
  float: left;
  height: 30px;
  margin-left: -490px;
  overflow: hidden;
  width: 50%;
  opacity: 0.2;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = $percent);
  filter: alpha(opacity=20);
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
.oldie .breadcrumbs .breadcrumbs-links li {
  background-position: 100% center;
  line-height: 15px;
}
.oldie .breadcrumbs p {
  line-height: 15px;
}
.oldie .breadcrumbs ul {
  background-color: "#000";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#33000000', endColorstr='#00000000');";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#00000000', GradientType=1);
  zoom: 1;
}

/*
 * IE7 Styles (.ie7)
 */
.ie7 .breadcrumbs {
  line-height: 30px;
  height: 30px;
}
.ie7 .breadcrumbs ul, .ie7 .breadcrumbs .wrap {
  float: left;
}
.ie7 .breadcrumbs ul li, .ie7 .breadcrumbs .wrap li {
  float: left;
  margin-right: 5px;
}

/*
 * IE8 Styles (.ie8)
 */
.ie8 .breadcrumbs ul {
  float: left;
}

/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .breadcrumbs **/
/* ----------------------
 *  Footer Base Styles (.footer)
 *
 -- */
.footer {
  background: url("clientlibs/images/gradient-background-footer.png") center 0 repeat-x;
  padding: 40px 0;
  zoom: 1;
}
.footer:before, .footer:after {
  display: table;
  content: "";
  zoom: 1;
}
.footer:after {
  clear: both;
}
.footer a:hover {
  color: #3480bd;
}
.footer .col {
  float: left;
  margin: 0 0 35px;
  padding: 0 35px 0 0;
  width: 125px;
}
.footer .col li {
  line-height: 18px;
  margin: 0 0 5px;
}
.footer .col a {
  font-size: 12px;
  color: #666;
  font-weight: bold;
}
.footer .col a:hover {
  color: #3376b2;
  text-decoration: underline;
}
.footer h3 {
  color: #000;
  font-family: "TWC Round Book", Arial, Sans-Serif;
  font-size: 18px;
  margin: 0 0 20px;
}
.footer .block-links {
  display: none;
  float: left;
  margin: 0;
  width: 100%;
}
.footer .block-links li {
  background: none repeat scroll 0 0 transparent;
  float: left;
  margin: 0 0 1px;
  padding: 0;
  width: 16.66666%;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  background-size: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cfcfcf),color-stop(19%, #cccccc),color-stop(64,#bebebe),color-stop(100,#b6b6b6));
  background-image: -webkit-linear-gradient(top, #cfcfcf 0%,#cccccc 19%,#bebebe 64%,#b6b6b6 100%);
  background-image: -moz-linear-gradient(top, #cfcfcf 0%,#cccccc 19%,#bebebe 64%,#b6b6b6 100%);
  background-image: -ms-linear-gradient(top, #cfcfcf 0%,#cccccc 19%,#bebebe 64%,#b6b6b6 100%);
  background-image: -o-linear-gradient(top, #cfcfcf 0%,#cccccc 19%,#bebebe 64%,#b6b6b6 100%);
  background: -pie-linear-gradient(top, #cfcfcf 0%,#cccccc 19%,#bebebe 64%,#b6b6b6 100%);
  background-image: linear-gradient(top, #cfcfcf 0%,#cccccc 19%,#bebebe 64%,#b6b6b6 100%);
}
.footer .block-links li:first-child a {
  border-left: 0;
}
.footer .block-links li:last-child a {
  border-right: 0;
}
.footer .block-links li a {
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #9a9a9a;
  color: #333;
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 1px;
  padding: 1em 0;
  text-align: center;
  white-space: nowrap;
}
.footer .footer-links {
  clear: both;
  float: left;
  margin: 0 0 5px;
  width: 100%;
}
.footer .footer-links li {
  background: url("clientlibs/images/divider-gray.gif") 100% 0 no-repeat;
  float: left;
  padding: 0 8px 0 0;
  margin: 0 8px 0 0;
}
.footer .footer-links li.alt {
  display: none;
}
.footer .footer-links li.last {
  padding: 0;
  margin: 0;
  background: 0;
}
.footer .footer-links li:last-child {
  padding: 0;
  margin: 0;
  background: 0;
}
.footer .footer-links a {
  color: #444;
  font-weight: bold;
}
.footer .footer-links a:hover {
  color: #3480bd;
}
.footer p {
  clear: both;
  color: #4d5154;
  float: left;
  width: 100%;
}

/*
 * 'Gateway' specific .footer
 */
.gateway .footer hr {
  margin: 32px -8px 8px;
  zoom: 1;
}
.gateway .footer hr:before, .gateway .footer hr:after {
  display: table;
  content: "";
  zoom: 1;
}
.gateway .footer hr:after {
  clear: both;
}
.gateway .footer .wrap {
  width: 950px;
  padding: 0 16px;
}
.gateway .footer .social .footer-links li {
  background: 0;
  padding: 0;
  margin-right: 12px;
  line-height: 15px;
}
.gateway .footer .social .footer-links .icon {
  vertical-align: middle;
  width: 16px;
  height: 16px;
  padding-left: 4px;
  padding-right: 4px;
}
.gateway .footer .social .footer-links .label {
  color: #444;
  font-weight: bold;
  padding: 2px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
.bp-mobile .footer {
  width: 100%;
}
.bp-mobile .footer .col,
.bp-mobile .footer .footer-links {
  display: none;
}

/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
.oldie .footer .footer-links li {
  background-position: 100% center;
  line-height: 15px;
}
.oldie .footer p {
  line-height: 15px;
}

/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .footer **/
/* ----------------------
 * Generic Module Base Styles
 *
 -- */
.module {
  margin: 0 0 25px;
}
.module h2 {
  color: #000;
  clear: left;
  font-family: "TWC Round Light", Arial, Sans-Serif;
  font-size: 24px;
  margin: 0 0 25px;
}
.module a:hover {
  color: #1b405d;
}
.module.features {
  clear: both;
  float: left;
  font-size: 12px;
  width: 100%;
}
.module.features .blue-button, .module.features .panel-wrap .panel-group .panel .panel-header nav span, .panel-wrap .panel-group .panel .panel-header nav .module.features span {
  float: right;
}
.module.solid {
  clear: both;
  position: relative;
  width: 100%;
  border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-box-shadow: 0px 6px 4px -4px #a4a6a7;
  -webkit-box-shadow: 0px 6px 4px -4px #a4a6a7;
  box-shadow: 0px 6px 4px -4px #a4a6a7;
}
.module.solid h2 {
  margin: 0 0 30px;
}
.module.solid .wrap {
  background: #fff;
  border-left: 1px solid #d9dadd;
  border-right: 1px solid #d9dadd;
  overflow: hidden;
  padding: 20px 30px;
  width: auto;
  border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
}
.module.solid .three-col li {
  width: 30%;
  float: left;
  overflow: hidden;
  padding: 0 20px;
  border-right: 1px dotted #b5b8ba;
}
.module.solid .three-col li.last {
  float: right;
  padding-right: 0;
  border: 0;
}
.module.solid .three-col li.first {
  padding-left: 0;
}
.module.solid .three-col h3 {
  font-size: 21px;
  color: #222;
  font-family: "TWC Round Book", Arial, Sans-Serif;
  margin: 0 0 15px;
}
.module.solid p {
  color: #444;
  font-size: 13px;
  line-height: 18px;
  margin: 0 0 15px;
}
.module.solid .content-list .img-link {
  float: left;
  margin: 0 20px 0 0;
}
.module.solid .content-list .two-col li {
  border: 0 none;
  clear: left;
  float: left;
  min-height: 175px;
  width: 49%;
}
.module.solid .content-list .two-col li:nth-child(even) {
  clear: right;
  float: right;
}
.module.solid .content-list .two-col li.alt {
  clear: right;
  float: right;
}
.module.solid .content-list .two-col li .body {
  float: left;
  width: 49%;
}
.module.solid .content-list .two-col li.last {
  float: right;
}
.module.solid .content-list li .body {
  width: 75%;
  float: left;
}
.module.solid .content-list li h3 {
  font-size: 17px;
  margin: 0 0 10px;
}
.module.solid .content-list .block-list {
  margin: 0 0 30px;
  overflow: hidden;
}
.module.solid .content-list .block-list li {
  background: none repeat scroll 0 0 #ebf4fb;
  border: 0 none;
  float: left;
  margin: 0 1.33% 0 0;
  padding: 0;
  width: 24%;
}
.module.solid .content-list .block-list li .block {
  padding: 25px 0;
  text-align: center;
}
.module.solid .content-list .block-list li .block h3, .module.solid .content-list .block-list li .block p {
  margin: 0 0 5px;
}
.module.solid .content-list .block-list li .block .feature-price {
  float: none;
}
.module.solid .content-list .block-list.items-1 li {
  width: 100%;
  margin-right: 0;
}
.module.solid .content-list .block-list.items-2 li {
  width: 49%;
  margin-right: 2%;
}
.module.solid .content-list .block-list.items-3 li {
  width: 32%;
  margin-right: 2%;
}
.module.solid .content-list .block-list li.last {
  margin-right: 0;
}
.module.solid .content-list .block-list li:last-child {
  margin-right: 0;
}
.module.solid .content-list .block-list li:nth-child(4n) {
  margin-right: 0;
}
.module.solid .content-list .feature-price {
  font-family: "TWC Round Medium", Arial, Sans-Serif;
  float: left;
  font-size: 33px;
  font-weight: 100;
  margin: 0 auto;
  width: 90px;
}
.module.solid .content-list .feature-price.inline {
  width: auto;
  font-weight: 100;
}
.module.solid .content-list .feature-price.inline span {
  display: inline-block;
  float: none;
  font-style: normal;
  font-size: 14px;
  padding-top: 0;
  position: relative;
  top: -10px;
}
.module.solid .content-list .feature-price span {
  clear: both;
  display: block;
  font-size: 11px;
  font-family: "TWC Round Book", Arial, Sans-Serif;
  font-weight: normal;
  line-height: 14px;
  text-align: left;
}
.module.solid .content-list .feature-price sup {
  font-size: 17px;
  font-weight: normal;
  top: -10px;
}
.module.solid .content-list .feature-price sup.emph {
  font-size: 20px;
  top: -8px;
}
.module.back-button {
  clear: none;
  float: left;
}
.module.back-button a {
  margin-left: 0;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
.no-js .module.feature-details-slider {
  float: left;
}

/* ----------------------
 *  Print Styles
 *
 -- */
/** END .module **/
/* ----------------------
 * Two Column Module Base Styles
 *
 *
 -- */
.two-cols {
  clear: both;
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 0;
  width: 100%;
}
.two-cols .blue-button, .two-cols .panel-wrap .panel-group .panel .panel-header nav span, .panel-wrap .panel-group .panel .panel-header nav .two-cols span {
  float: right;
  font-size: 16px;
}
.two-cols .arrowed-link {
  margin-left: 15px;
}
.two-cols .right-link {
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
}
.two-cols img {
  float: left;
}
.two-cols h2 {
  font-size: 24px;
  float: left;
  margin: 32px 0;
  width: 100%;
}
.two-cols .module {
  float: left;
  margin: 0 0 33px;
  width: 46%;
}
.two-cols .module.right {
  float: right;
}
.two-cols .module div {
  float: left;
  margin-left: 24px;
  width: 270px;
}
.two-cols .module h3 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 15px 0;
}
.two-cols .module p {
  line-height: 17px;
  margin: 0 0 15px 0;
}
.two-cols .module a {
  font-weight: bold;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
.ie7 .two-cols.module .blue-button, .ie7 .two-cols.module .panel-wrap .panel-group .panel .panel-header nav span, .panel-wrap .panel-group .panel .panel-header nav .ie7 .two-cols.module span {
  clear: both;
  width: 115px;
}

/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .two-cols **/
/* ----------------------
 * Generic Sidebar Base Styles
 *
 -- */
.sidebar {
  clear: right;
  float: right;
  width: 205px;
}
.sidebar .module {
  margin: 0 0 50px;
  padding: 10px 0 0;
}
.sidebar .module.watch-tv {
  display: none;
}
.sidebar .module.sub h4 {
  color: #000;
  font-size: 16px;
  font-family: Arial, Sans-Serif;
  font-weight: bold;
}
.sidebar .module.sub ul li {
  border-bottom: 1px solid #d6d8d9;
}
.sidebar .module h4 {
  color: #000;
  font-size: 24px;
  font-family: "TWC Round Light", Arial, Sans-Serif;
  margin: 0 0 15px;
}
.sidebar .module ul li {
  padding: 0 0 8px;
  margin: 0 0 8px;
  border-bottom: 1px solid #cdcfd1;
}
.sidebar .module ul li.last {
  border: 0;
}
.sidebar .module ul li:last-child {
  border: 0;
}
.sidebar .module a {
  color: #3376b2;
  font-size: 14px;
  font-weight: bold;
}
.sidebar .module a:hover {
  color: #1b405d;
  text-decoration: underline;
}

.module .sidebar {
  width: auto;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .sidebar **/
/* ----------------------
 * Tabs Module Base Styles
 *
 -- */
.tabs-module {
  background: white url("clientlibs/images/drop-shadow.png") 0 100% repeat-x;
  border-left: 1px solid #d3d6d9;
  border-right: 1px solid #dee0e2;
  height: 390px;
  overflow: hidden;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  zoom: 1;
}
.tabs-module:before, .tabs-module:after {
  display: table;
  content: "";
  zoom: 1;
}
.tabs-module:after {
  clear: both;
}
.tabs-module h2 {
  color: #81919c;
  font-size: 24px;
  font-family: "TWC Round Light", Arial, Sans-Serif;
  margin: 0 0 20px 3px;
}
.tabs-module.vertical .tabs-nav {
  background: none repeat scroll 0 0 #212121;
  float: left;
  height: 349px;
  padding: 19px 0 19px 19px;
  position: relative;
  width: 161px;
  border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
}
.tabs-module.vertical .tabs-nav.light {
  background: none repeat scroll 0 0 #6898c4;
}
.tabs-module.vertical .tabs-nav ul {
  margin: 0 0 18px;
}
.tabs-module.vertical .tabs-nav .tabs-2 li {
  padding-top: 50px;
  padding-bottom: 50px;
}
.tabs-module.vertical .tabs-nav .tabs-3 li {
  padding-top: 30px;
  padding-bottom: 30px;
}
.tabs-module.vertical .tabs-nav .tabs-4 li {
  padding-top: 20px;
  padding-bottom: 20px;
}
.tabs-module.vertical .tabs-nav a {
  color: #839099;
  font-weight: bold;
}
.tabs-module.vertical .tabs-nav > a {
  position: absolute;
  bottom: 20px;
}
.tabs-module.vertical .tabs-nav li {
  border-bottom: 1px solid #363636;
  padding: 8px 10px;
  margin: 0 20px 0 0;
}
.tabs-module.vertical .tabs-nav li.last {
  border-bottom: 1px dotted #3a444b;
}
.tabs-module.vertical .tabs-nav li:last-child {
  border-bottom: 1px dotted #3a444b;
}
.tabs-module.vertical .tabs-nav li.active {
  background: white url("clientlibs/images/gradient-active-tab.png") 0 0 no-repeat;
  border: 1px solid #000;
  border-right: 0;
  margin: 0;
}
.tabs-module.vertical .tabs-nav li.active a {
  color: #444;
}
.tabs-module.vertical .tabs-nav li a {
  color: #fff;
  display: block;
  padding: 5px 0 5px 32px;
  line-height: 15px;
}
.tabs-module.vertical .tabs-container {
  color: #222e36;
  float: left;
  font-size: 13px;
  height: 375px;
  overflow: hidden;
}
.tabs-module.vertical .tabs-container .tab {
  display: none;
  height: 345px;
  padding: 40px 25px 0;
  width: 515px;
}
.tabs-module.vertical .tabs-container .tab.active {
  display: block;
}
.tabs-module.vertical .tabs-container .tab .vert-center .content {
  /* offset for tab padding-top */
  margin-top: -40px;
  width: 275px;
  margin-left: 20px;
  /* vert center is only used on featured items */
}
.tabs-module.vertical .tabs-container .tab .vert-center .content h3, .tabs-module.vertical .tabs-container .tab .vert-center .content h4 {
  font-size: 30px;
  font-family: "TWC Round Book", Arial, Sans-Serif;
}
.tabs-module.vertical .tabs-container .tab .vert-center .content h4 {
  color: #000;
  font-size: 20px;
  margin: 0 0 10px;
}
.tabs-module.vertical .tabs-container .tab .vert-center .content p {
  margin: 0 0 15px;
  font-size: 15px;
  line-height: 17px;
}
.tabs-module.vertical .tabs-container .tab .content {
  margin: 0 0 30px;
  width: 235px;
}
.tabs-module.vertical .tabs-container .tab .content .blue-button, .tabs-module.vertical .tabs-container .tab .content .panel-wrap .panel-group .panel .panel-header nav span, .panel-wrap .panel-group .panel .panel-header nav .tabs-module.vertical .tabs-container .tab .content span {
  margin-left: 0;
}
.tabs-module.vertical .tabs-container .tab h3, .tabs-module.vertical .tabs-container .tab h4 {
  font-size: 20px;
  font-family: "TWC Round Book", Arial, Sans-Serif;
}
.tabs-module.vertical .tabs-container .tab h4 {
  color: #000;
  font-size: 15px;
  margin: 0 0 10px;
}
.tabs-module.vertical .tabs-container .tab p {
  margin: 0 0 15px;
  font-size: 12px;
  line-height: 15px;
}
.tabs-module.vertical .tabs-container .tab .deals {
  background: url("clientlibs/images/gradient-top-blur.png") center 0 no-repeat;
  clear: both;
  overflow: hidden;
  padding-top: 20px;
  width: 100%;
}
.tabs-module.vertical .tabs-container .tab .deals .blue-button, .tabs-module.vertical .tabs-container .tab .deals .panel-wrap .panel-group .panel .panel-header nav span, .panel-wrap .panel-group .panel .panel-header nav .tabs-module.vertical .tabs-container .tab .deals span {
  margin-left: 0;
}
.tabs-module.vertical .tabs-container .tab .deals li {
  border-left: 1px dotted #9da1a3;
  float: left;
  height: 130px;
  margin: 0 0 0 14px;
  padding: 25px 6px 0 18px;
}
.tabs-module.vertical .tabs-container .tab .deals li.first {
  padding-left: 0;
  border: 0;
}
.tabs-module.vertical .tabs-container .tab .deals li:first-child {
  padding-left: 0;
  border: 0;
}
.tabs-module.vertical .tabs-container .tab .deals li.last {
  float: right;
  margin-right: 0;
  padding-right: 0;
}
.tabs-module.vertical .tabs-container .tab .deals li:last-child {
  float: right;
  margin-right: 0;
  padding-right: 0;
}
.tabs-module.vertical .tabs-container .tab .deals li div {
  float: left;
  width: 150px;
}
.tabs-module.vertical .tabs-container .tab .deals li img {
  margin-right: 15px;
  float: left;
}
.tabs-module.vertical .tabs-container .tab .deals.one-col li {
  width: 515px;
  height: 155px;
  padding: 0;
  margin: 0;
}
.tabs-module.vertical .tabs-container .tab .deals.one-col li div {
  width: 235px;
}
.tabs-module.vertical .tabs-container .tab .deals.one-col li img.left {
  float: left;
  margin-right: 15px;
  margin-left: 0;
}
.tabs-module.vertical .tabs-container .tab .deals.one-col li img.right {
  float: right;
  margin-left: 15px;
  margin-right: 0;
}
.tabs-module.vertical .tabs-container .tab .deals.two-col li {
  width: 228px;
}
.tabs-module.vertical .tabs-container .tab .deals.two-col li div {
  width: 140px;
}
.tabs-module.vertical .tabs-container .tab .deals.two-col li img {
  width: 73px;
}
.tabs-module.vertical .tabs-container .tab .deals.three-col li {
  width: 140px;
  height: 155px;
  padding-top: 0;
  text-align: center;
}
.tabs-module.vertical .tabs-container .tab .deals.three-col li div {
  display: inline;
  width: auto;
  text-align: center;
}
.tabs-module.vertical .tabs-container .tab .deals.three-col li img {
  width: 125px;
  padding: 0 7px 7px;
}
.tabs-module.vertical .tabs-container .tab .blue-button, .tabs-module.vertical .tabs-container .tab .panel-wrap .panel-group .panel .panel-header nav span, .panel-wrap .panel-group .panel .panel-header nav .tabs-module.vertical .tabs-container .tab span {
  margin-left: 20px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
.ie7 .tabs-module .tabs-container .tab > img {
  float: left;
}

/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
.no-js .tabs-module.vertical {
  height: 100%;
}
.no-js .tabs-module.vertical .visuallyhidden {
  border: 0 none;
  display: block;
  clip: none;
  height: 100%;
  margin: 0 0 20px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}
.no-js .tabs-module.vertical .tabs-container {
  height: 100%;
}
.no-js .tabs-module.vertical .tabs-container .tab {
  border-bottom: 1px solid #ccc;
  display: block;
  margin-bottom: 25px;
  height: 100%;
}
.no-js .tabs-module.vertical .tabs-container .tab .vert-center .content {
  margin-top: 0;
}

/* ----------------------
 *  Print Styles
 *
 -- */
/** END .tabs-module **/
/* ----------------------
 * Block Module Base Styles
 *
 *
 -- */
.block-module {
  background: url("clientlibs/images/module-rounded-block-221x253.png") 0 0 no-repeat;
  color: #100e0e;
  height: 179px;
  padding: 37px 30px;
  overflow: hidden;
  width: 161px;
}
.block-module.top-margin {
  margin-top: 87px;
}
.block-module h3 {
  font-family: "TWC Round Light", Arial, Sans-Serif;
  font-size: 24px;
  margin: 0 0 20px;
}
.block-module p {
  font-size: 13px;
  line-height: 18px;
  margin: 0 0 25px;
}
.block-module a {
  font-family: Arial;
  font-weight: bold;
  width: 60%;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .block-module **/
/* ----------------------
 * Generic Column Base Styles
 *
 *
 -- */
.column {
  clear: left;
  float: left;
  margin: 0 0 50px;
  width: 750px;
}
.column h2 {
  font-size: 24px;
  clear: both;
  margin: 32px 0;
  width: 100%;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .column **/
/* ----------------------
 * Box Column Base Styles
 *
 *
 -- */
.box-column {
  background: url("clientlibs/images/drop-shadow.png") 0 100% repeat-x;
  border-left: 1px solid #dee0e2;
  border-right: 1px solid #dee0e2;
  float: left;
  padding: 0 0 3px;
  width: 750px;
  clear: left;
  border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-bottom-left-radius: 7px;
  -moz-border-bottom-left-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  -moz-border-bottom-right-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
}
.box-column .wrap {
  background: none repeat scroll 0 0 #fff;
  padding: 45px 30px;
  width: auto;
  border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .box-column **/
/* ----------------------
 * Modal Base Styles
 *
 *
 -- */
div.modal {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
}
div.modal .close {
  font-weight: bold;
  color: #3376b2;
  font-size: 13px;
  padding-right: 14px;
  background: url("clientlibs/images/close-x-bold.png") 100% center no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
}
div.modal .closeBtn {
  background: url("clientlibs/images/close-x-button.png") no-repeat 0 0 transparent;
  right: -88px;
  border: 0;
  height: 27px;
  position: absolute;
  text-indent: -9998em;
  top: -27px;
  width: 28px;
  z-index: 5;
}
div.modal .modal-box {
  background: #fff;
  display: none;
  position: relative;
  width: 660px;
  margin: 0 auto;
}
div.modal .modal-box h3 {
  color: #010101;
  font-size: 24px;
  font-family: "TWC Round Light", Arial, Sans-Serif;
  margin: 0;
}
div.modal .modal-box h4 {
  font-size: 18px;
  color: #333;
  margin: 0 0 35px;
}
div.modal .modal-box .head {
  border: 2px solid #fff;
  background: #f0f2f5;
  padding: 20px 15px;
}
div.modal .modal-box .body {
  padding: 10px 25px;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
div.modal .modal-box .two-col {
  background: url("clientlibs/images/divider-fade.png") no-repeat scroll center center transparent;
  margin: 0 auto;
  overflow: hidden;
  padding: 25px 0;
}
div.modal .modal-box .two-col li {
  float: left;
  padding: 50px 0;
  text-align: center;
  width: 48%;
}
div.modal .modal-box .two-col li.last {
  float: right;
}
div.modal .modal-box .two-col li .blue-button, div.modal .modal-box .two-col li .panel-wrap .panel-group .panel .panel-header nav span, .panel-wrap .panel-group .panel .panel-header nav div.modal .modal-box .two-col li span {
  display: inline-block;
  float: none;
  width: auto;
}
div.modal .modal-box-wide {
  position: relative;
  width: 956px;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.2);
  /*border: 12px solid rgba(0, 0, 0, 0.2);*/
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  padding: 12px;
}
div.modal .modal-box-wide .wrap {
  background-color: #131313;
  width: 932px;
  border-radius: 14px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  padding: 10px 12px;
}
div.modal .modal-box-wide .head .closeBtn {
  /*background: url($filepath-CSSImages + "close-x-button.png") no-repeat 0 0 transparent;*/
  right: -27px;
  border: 0;
  height: 27px;
  position: absolute;
  text-indent: -9998em;
  top: -25px;
  width: 28px;
  z-index: 5;
  /*background: url($filepath-CSSImages + "close-x.png") 100% center no-repeat;
  position: absolute;
  width: 10px;
  top: 17px;
  right: 16px;
  height: 10px;*/
}
div.modal .modal-box-wide .body {
  width: 100%;
  /*padding: 10px 4px;*/
}
div.modal .modal-box-wide iframe {
  background: transparent;
  width: 100%;
  overflow: auto;
  border: none;
  height: 600px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
.oldie .modal {
  background: url("clientlibs/images/opacity.png") 0 0 repeat;
}

.oldie .modal .modal-box-wide {
  background: url("clientlibs/images/opacity20percent.png") 0 0 repeat;
}

/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------/
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
.no-js .modal {
  background: none;
  display: block;
  position: static;
}
.no-js .modal .modal-box {
  display: block;
}

/* ----------------------/
 *  Print Styles
 *
 -- */
/** END .modal **/
/* ----------------------
 * Content List Base Styles
 *
 *
 -- */
.content-list .featured {
  background: url("clientlibs/images/featured-drop-shadow.png") no-repeat scroll 0 100% transparent;
  overflow: hidden;
  padding: 0 0 50px;
}
.content-list .featured h2 {
  font-size: 27px;
  margin: 0 0 3px;
}
.content-list .featured h3 {
  margin: 0 0 15px;
  font-family: "TWC Round Light", Arial, Sans-Serif;
  font-weight: normal;
  font-size: 19px;
  color: #555;
}
.content-list .featured.no-media .body {
  width: 100%;
}
.content-list .featured.no-media .img-link {
  display: none;
}
.content-list .featured .body {
  width: 57%;
}
.content-list .featured .body p {
  line-height: 24px;
  font-size: 17px;
  margin: 0 0 15px;
}
.content-list .featured a img {
  float: left;
}
.content-list h2 {
  color: #000;
  font-family: "TWC Round Book", Arial, Sans-Serif;
  font-size: 22px;
  margin: 0 0 25px;
}
.content-list h3 {
  color: #222;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 12px;
}
.content-list ul {
  clear: both;
  width: 100%;
}
.content-list ul li {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 25px;
}
.content-list p {
  color: #444;
  line-height: 21px;
  font-size: 15px;
}
.content-list .body {
  float: right;
  width: 70%;
}
.content-list .body.no-media {
  width: 100%;
}
.content-list .img-link {
  float: left;
}
.content-list li.last {
  border: 0;
  margin: 0;
  padding: 0;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .content-list **/
/* ----------------------
 * Button List Base Styles
 *
 *
 -- */
.button-list {
  clear: both;
  width: 100%;
  overflow: hidden;
  padding-bottom: 20px;
  border-bottom-color: #a9aaac;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.button-list a {
  display: block;
}
.button-list a.right {
  zoom: 1;
  float: right;
  margin-right: 0;
  margin-left: 7px;
}
.button-list a.right:before, .button-list a.right:after {
  display: table;
  content: "";
  zoom: 1;
}
.button-list a.right:after {
  clear: both;
}
.button-list a.left {
  zoom: 1;
  float: left;
  margin-right: 7px;
  margin-left: 0;
}
.button-list a.left:before, .button-list a.left:after {
  display: table;
  content: "";
  zoom: 1;
}
.button-list a.left:after {
  clear: both;
}
.button-list a.blue-button, .button-list a.clear-button {
  font-size: 15px;
}
.button-list a.clear-button {
  font-weight: bold;
  padding-top: 9px;
  padding-bottom: 9px;
  color: #3376b2;
}
.button-list a.clear-button .arrow, .button-list a.clear-button .panel-wrap .panel-group .panel .panel-footer nav ul li a, .panel-wrap .panel-group .panel .panel-footer nav ul li .button-list a.clear-button a {
  background: url("clientlibs/images/arrow-sub-nav-blue-right.png") no-repeat scroll 100% 64% transparent;
  padding-left: 15px;
  padding-right: 15px;
}
.button-list a.clear-button:hover {
  color: #1b405d;
  text-decoration: underline;
}
.button-list a.clear-button:hover .arrow, .button-list a.clear-button:hover .panel-wrap .panel-group .panel .panel-footer nav ul li a, .panel-wrap .panel-group .panel .panel-footer nav ul li .button-list a.clear-button:hover a {
  background: url("clientlibs/images/arrow-sub-nav-black-right.png") no-repeat scroll 100% 64% transparent;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .button-list **/
/* ----------------------
 * Tooltip Base Styles
 *
 -- */
.tooltip {
  background: url("clientlibs/images/tooltip-bottom.png") 0 100% no-repeat;
  padding: 0 0 25px;
  width: 344px;
  max-height: 500px;
  display: none;
  position: absolute;
  left: 120px;
  top: -72px;
  z-index: 9999;
}
.tooltip .arrow, .tooltip .panel-wrap .panel-group .panel .panel-footer nav ul li a, .panel-wrap .panel-group .panel .panel-footer nav ul li .tooltip a {
  display: block;
  position: absolute;
  padding: 0;
}
.tooltip.right .arrow, .tooltip.right .panel-wrap .panel-group .panel .panel-footer nav ul li a, .panel-wrap .panel-group .panel .panel-footer nav ul li .tooltip.right a, .tooltip.left .arrow, .tooltip.left .panel-wrap .panel-group .panel .panel-footer nav ul li a, .panel-wrap .panel-group .panel .panel-footer nav ul li .tooltip.left a {
  background: url("clientlibs/images/tooltip-arrows-x.png") 0 0 no-repeat;
  height: 19px;
  width: 11px;
  top: 41%;
}
.tooltip.top .arrow, .tooltip.top .panel-wrap .panel-group .panel .panel-footer nav ul li a, .panel-wrap .panel-group .panel .panel-footer nav ul li .tooltip.top a, .tooltip.bottom .arrow, .tooltip.bottom .panel-wrap .panel-group .panel .panel-footer nav ul li a, .panel-wrap .panel-group .panel .panel-footer nav ul li .tooltip.bottom a {
  background: url("clientlibs/images/tooltip-arrows-y.png") 0 0 no-repeat;
  height: 11px;
  width: 19px;
}
.tooltip.left .arrow, .tooltip.left .panel-wrap .panel-group .panel .panel-footer nav ul li a, .panel-wrap .panel-group .panel .panel-footer nav ul li .tooltip.left a {
  background-position: 100% 0;
  right: 5px;
}
.tooltip.right .arrow, .tooltip.right .panel-wrap .panel-group .panel .panel-footer nav ul li a, .panel-wrap .panel-group .panel .panel-footer nav ul li .tooltip.right a {
  background-position: 0 0;
  left: 0px;
}
.tooltip.top .arrow, .tooltip.top .panel-wrap .panel-group .panel .panel-footer nav ul li a, .panel-wrap .panel-group .panel .panel-footer nav ul li .tooltip.top a {
  background-position: 0 100%;
  bottom: 9px;
}
.tooltip.bottom .arrow, .tooltip.bottom .panel-wrap .panel-group .panel .panel-footer nav ul li a, .panel-wrap .panel-group .panel .panel-footer nav ul li .tooltip.bottom a {
  background-position: 100% 0;
  top: -1px;
}
.tooltip .wrap {
  background: url("clientlibs/images/tooltip-top.png") no-repeat scroll 0 0 transparent;
  margin-bottom: -4px;
  padding: 25px 55px 15px 35px;
  width: 254px;
}
.tooltip h3 {
  font-size: 15px;
  color: #222;
  font-weight: bold;
}
.tooltip p {
  font-size: 13px;
  line-height: 18px;
  color: #444;
}

.addtooltip {
  /* This is the trigger element for the tooltip */
  text-decoration: underline;
  cursor: pointer;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .tooltip **/
/* ----------------------
 * Flyout Base Styles
 *
 *
 -- */
.flyout {
  background: url("clientlibs/images/gradient-flyout-263x197.png") no-repeat scroll 0 0 transparent;
  height: 167px;
  overflow: hidden;
  padding-top: 30px;
  position: absolute;
  width: 263px;
}
.flyout .flyout-wrap {
  font-size: 13px;
  height: 125px;
  overflow-y: scroll;
  padding: 0 10px 30px 20px;
  width: 230px;
}
.flyout .flyout-wrap a.close {
  background: url("clientlibs/images/close-flyout.png") no-repeat scroll 100% center transparent;
  font-size: 11px;
  font-weight: bold;
  padding-right: 15px;
  position: absolute;
  right: 5px;
  top: 10px;
}
.flyout .flyout-wrap h3 {
  color: #222;
  font-weight: bold;
  margin-bottom: 8px;
}
.flyout .flyout-wrap p {
  color: #444;
  margin-bottom: 15px;
}
.flyout .flyout-wrap a {
  color: #3376b2 !important;
  font-size: 13px;
  font-weight: bold;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .flyout **/
/* ----------------------
 * Channels Lineup Base Styles
 *
 *
 -- */
.channels-lineup {
  position: relative;
  width: 980px;
  margin: 48px 0 22px;
}
.channels-lineup .tabs {
  background: url("clientlibs/images/gradient-channel-tabs.png") repeat-x scroll 0 0 transparent;
  overflow: hidden;
  padding: 0 0 21px;
  border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
}
.channels-lineup .tabs ul {
  float: left;
  width: 945px;
  margin: 4px 4px 0;
}
.channels-lineup .tabs ul li {
  float: left;
  margin-left: -25px;
}
.channels-lineup .tabs ul li.first {
  margin-left: 0px;
}
.channels-lineup .tabs ul li .left-shadow {
  float: left;
  padding-left: 25px;
}
.channels-lineup .tabs ul li .right-shadow {
  float: right;
  padding-right: 25px;
}
.channels-lineup .tabs ul li.active .left-shadow, .channels-lineup .tabs ul li:hover .left-shadow {
  background: url("clientlibs/images/tab-shadow-left.png") 0 3px no-repeat;
}
.channels-lineup .tabs ul li.active .right-shadow, .channels-lineup .tabs ul li:hover .right-shadow {
  background: url("clientlibs/images/tab-shadow-right.png") 100% 3px no-repeat;
}
.channels-lineup .tabs ul li.active a, .channels-lineup .tabs ul li:hover a {
  background: url("clientlibs/images/channellineup-arrow.png") 50% 100% no-repeat #f6f6f6;
}
.channels-lineup .tabs ul li a {
  color: #444;
  font-size: 15px;
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  display: block;
  padding: 20px;
}
.channels-lineup iframe {
  width: 100%;
  height: 755px;
  overflow: hidden;
  border: none;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
.oldie .channels-lineup .tabs ul li .left-shadow,
.oldie .channels-lineup .tabs ul li .right-shadow {
  float: none;
  display: block;
}

/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .channels-lineup **/
/* ----------------------
 * Checklist Base Styles
 *
 *
 -- */
.checklist {
  background: url("clientlibs/images/drop-shadow.png") 0 100% repeat-x;
  margin: 0 0 26px;
  padding: 0 0 3px;
  width: 100%;
  border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
.checklist table {
  width: 100%;
  table-layout: fixed;
}
.checklist table thead th {
  background: url("clientlibs/images/gradient-th-blue.png") repeat-x scroll 0 0 transparent;
  border-right: 1px solid #f2f4f6;
  color: #fff;
  font-family: "TWC Round Book", Arial, Sans-Serif;
  font-size: 18px;
  height: 54px;
  vertical-align: middle;
  border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}
.checklist table thead th.blank {
  text-indent: -9999px;
  background: #e7ebef;
  width: 250px;
}
.checklist table thead th.small {
  font-size: 13px;
}
.checklist table thead th.last {
  border-right: 0;
}
.checklist table thead th:last-child {
  border-right: 0;
}
.checklist table td {
  background: #fff;
  font-size: 14px;
  color: #5a5a5a;
  text-align: center;
  border-right: 1px solid #cdd2d8;
  padding: 13px 0;
  vertical-align: middle;
  padding-right: 15px;
}
.checklist table td.feature {
  background: #c3d6e7;
  padding-left: 25px;
  text-decoration: none;
  text-align: left;
}
.checklist table td.feature > div {
  position: relative !important;
}
.checklist table td.feature:hover {
  background-color: #afc7d9;
  color: #fff;
}
.checklist table tr.alt td {
  background: #f8f8fa;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .checklist **/
/* ----------------------
 * Compare (table) Base Styles
 *
 *
 -- */
.compare {
  clear: both;
}
.compare .compare-table {
  margin-top: -13px;
}
.compare .compare-table th {
  text-indent: -9999em;
}
.compare .compare-table tr td {
  background: url("clientlibs/images/gradient-white.png") 0 0 repeat-x;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.compare .compare-table tr td:first-child {
  border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
}
.compare .compare-table tr td:last-child {
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
.compare .compare-table tr td.equipment-package {
  background: url("clientlibs/images/gradient-th-blue-tall.png") repeat-x scroll 0 0 transparent;
  border-right: 1px solid #f2f4f6;
  color: #fff;
  height: 107px;
  width: 528px;
  padding: 0 20px;
  text-align: left;
  line-height: 16px;
}
.compare .compare-table tr td.equipment-package.package-full {
  width: 673px !important;
}
.compare .compare-table tr td.equipment-package h3 {
  font-size: 18px;
  font-family: "TWC Round Book", Arial, Sans-Serif;
}
.compare .compare-table tr td.equipment-package a {
  color: #fff;
}
.compare .compare-table tr td.package {
  background: url("clientlibs/images/gradient-blue-block-rounded.png") 0 0 no-repeat;
  color: #fff;
  font-size: 20px;
  font-family: "TWC Round Book", Arial, Sans-Serif;
  height: 78px;
  width: 175px;
}
.compare .compare-table tr td.package a {
  color: #fff;
}
.compare .compare-table tr td.speed, .compare .compare-table tr td.channels {
  color: #174061;
  font-weight: bold;
  font-size: 18px;
  width: 195px;
}
.compare .compare-table tr td.speed a, .compare .compare-table tr td.channels a {
  color: #174061;
  font-weight: bold;
}
.compare .compare-table tr td.desc {
  background: url("clientlibs/images/gradient-gray-blue.png") 0 0 repeat-x;
  color: #333;
  padding: 0 20px;
  text-align: left;
}
.compare .compare-table tr td.desc p {
  line-height: 16px;
}
.compare .compare-table tr td.desc a {
  color: #333;
}
.compare .compare-table tr td.product-image {
  background-image: url("clientlibs/images/background-compare-table-product-image.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #fff;
  border-right: 2px solid #fff;
  text-align: left;
  width: 214px;
  height: 107px;
}
.compare .compare-table tr td.pricing {
  width: 145px;
}
.compare .compare-table tr td.pricing.tall {
  background: url("clientlibs/images/gradient-white-tall.png") 0 0 repeat-x;
}
.compare .compare-table tr td.pricing a {
  color: #444;
}
.compare .compare-table tr td.pricing img.best-offer {
  position: absolute;
  right: -25px;
  top: -5px;
}
.compare .compare-table tr td.pricing h4 {
  font-size: 33px;
  font-weight: bold;
  margin: 0 auto;
  width: 65%;
}
.compare .compare-table tr td.pricing h4 span {
  clear: both;
  display: block;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
  line-height: 14px;
}
.compare .compare-table tr td.pricing h4 sup {
  font-size: 14px;
  font-weight: normal;
  top: -13px;
}
.compare .compare-table tr td.pricing h4 sup.emph {
  font-size: 20px;
  top: -8px;
}
.compare .compare-table tr td.pricing h5 {
  font-size: 33px;
  line-height: 5px;
  font-weight: bold;
  margin: 0 auto;
  width: 75%;
}
.compare .compare-table tr td.pricing h5 span {
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
}
.compare .compare-table tr td.badge {
  display: block;
  height: 0;
  width: 0;
  z-index: 999;
}
.compare .compare-table tr td.badge a {
  color: #444;
}
.compare .compare-table tr td.badge img.best-offer {
  position: absolute;
  right: -25px;
  top: -5px;
}
.compare .compare-table tr td.details {
  background: url("clientlibs/images/gradient-gray-block-rounded.png") 100% 0 no-repeat;
  color: #174061;
  font-weight: bold;
  font-size: 16px;
  width: 125px;
}
.compare .compare-table tr td.details:hover {
  background: url("clientlibs/images/gradient-cell-desc-hover.gif") 0 0 repeat-x;
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
.compare .compare-table tr td.details.tall {
  background: url("clientlibs/images/gradient-gray-block-rounded-tall.png") 100% 0 no-repeat;
}
.compare .compare-table tr td.details a {
  background: url("clientlibs/images/arrow-boldblue-down.png") no-repeat scroll 100% center transparent;
  color: #174061;
  font-weight: bold;
  padding-right: 15px;
}
.compare .compare-table tr td.details .nojs {
  display: none;
}
.compare .compare-table tr.hover td.package {
  background: url("clientlibs/images/gradient-blue-block-rounded.png") 0 0 no-repeat;
}
.compare .compare-table tr.hover td.speed, .compare .compare-table tr.hover td.channels {
  background: url("clientlibs/images/gradient-cell-hover.gif") 0 0 repeat-x;
}
.compare .compare-table tr.hover td.desc {
  background: url("clientlibs/images/gradient-cell-desc-hover.gif") 0 0 repeat-x;
}
.compare .compare-table tr.hover td.pricing {
  background: url("clientlibs/images/gradient-cell-price-hover.gif") 0 0 repeat-x;
}
.compare .compare-table tr.hover td.pricing.tall {
  background: url("clientlibs/images/gradient-cell-price-hover.gif") 0 0 repeat-x #c0c9d3;
}
.compare .compare-table tr.hover td.details {
  background: url("clientlibs/images/gradient-cell-desc-hover.gif") 0 0 repeat-x;
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
.compare .compare-table tr.hover td.details.tall {
  background: url("clientlibs/images/gradient-cell-desc-hover.gif") 0 0 repeat-x #8698aa;
  /*@include linear-gradient(top, #a6b5c3, 0%, #a5b4c2, 3%, #acb9c7, 16%, #9fafbe, 49%, #8698aa, 100%);*/
}
.compare .compare-table .details-row .wrap {
  display: none;
  background: url("clientlibs/images/gradient-services-breakdown.png") repeat-x scroll 0 100% #e2e6e9;
  border-left: 1px solid #d5d6d8;
  border-right: 1px solid #d5d6d8;
  padding: 40px 85px;
  margin-bottom: 10px;
  border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  width: auto;
}
.compare .compare-table .details-row .details-module {
  text-align: left;
  overflow: hidden;
}
.compare .compare-table .details-row .details-module .media {
  float: left;
}
.compare .compare-table .details-row .details-module .media img {
  max-width: 300px;
  visibility: hidden;
}
.compare .compare-table .details-row .details-module .content-module {
  color: #333;
  font-size: 15px;
  float: right;
  width: 475px;
  margin-left: -175px;
}
.compare .compare-table .details-row .details-module .content-module h3 {
  font-family: "TWC Round Book", Arial, Sans-Serif;
  font-size: 30px;
  color: #000;
  margin: 0 0 10px;
}
.compare .compare-table .details-row .details-module .content-module h3 a {
  color: #3376b2;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 0 10px;
}
.compare .compare-table .details-row .details-module .content-module h4 {
  font-family: Arial, Sans-Serif;
  font-size: 16px;
  padding-bottom: 5px;
  font-weight: bold;
}
.compare .compare-table .details-row .details-module .content-module p {
  line-height: 21px;
  margin: 0 0 20px;
}
.compare .compare-table .details-row .details-module .content-module .blue-button, .compare .compare-table .details-row .details-module .content-module .panel-wrap .panel-group .panel .panel-header nav span, .panel-wrap .panel-group .panel .panel-header nav .compare .compare-table .details-row .details-module .content-module span {
  font-size: 16px;
}
.compare .compare-table .details-row .details-module .content-module .col {
  margin: 0 0 10px;
  width: 50%;
}
.compare .compare-table .details-row .details-module .content-module .col.right {
  width: 49%;
}
.compare .compare-table .details-row .details-module .content-module .col li {
  line-height: 20px;
  list-style: disc outside none;
  margin: 0 0 10px 14px;
}
.compare .compare-table tr.active.details-row td, .compare .compare-table tr.active.hover.details-row td {
  padding: 0 0 10px;
}
.compare .compare-table tr.active td, .compare .compare-table tr.active.hover td {
  background: url("clientlibs/images/gradient-gray-blue-active.png") repeat-x scroll 0 0 transparent;
}
.compare .compare-table tr.active td.product-image, .compare .compare-table tr.active.hover td.product-image {
  background-image: url("clientlibs/images/background-compare-table-product-image.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #fff;
  border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
}
.compare .compare-table tr.active td.product-image img, .compare .compare-table tr.active.hover td.product-image img {
  max-height: 107px;
  max-width: 214px;
}
.compare .compare-table tr.active td.tall, .compare .compare-table tr.active.hover td.tall {
  background: url("clientlibs/images/gradient-gray-blue-active-tall.png") repeat-x scroll 0 0 transparent;
}
.compare .compare-table tr.active td.equipment-package, .compare .compare-table tr.active.hover td.equipment-package {
  background: url("clientlibs/images/gradient-gray-blue-active-tall.png") repeat-x scroll 0 0 transparent;
  color: #c7cbd0;
  width: 528px;
  padding: 0 20px;
}
.compare .compare-table tr.active td.equipment-package a, .compare .compare-table tr.active.hover td.equipment-package a {
  color: #c7cbd0;
}
.compare .compare-table tr.active td.package, .compare .compare-table tr.active.hover td.package {
  background: url("clientlibs/images/gradient-blue-block-rounded-active.png") 0 0 no-repeat;
}
.compare .compare-table tr.active td.channels, .compare .compare-table tr.active td.desc, .compare .compare-table tr.active.hover td.channels, .compare .compare-table tr.active.hover td.desc {
  background: url("clientlibs/images/gradient-gray-blue-border-active.png") repeat-x scroll 0 0 transparent;
  color: #62666b;
}
.compare .compare-table tr.active td.pricing, .compare .compare-table tr.active.hover td.pricing {
  background: url("clientlibs/images/gradient-white.png") repeat-x scroll 0 0 transparent;
}
.compare .compare-table tr.active td.pricing.tall, .compare .compare-table tr.active.hover td.pricing.tall {
  background: url("clientlibs/images/gradient-white-tall.png") 0 0 repeat-x;
}
.compare .compare-table tr.active td.details a, .compare .compare-table tr.active.hover td.details a {
  color: #fff;
  background: url("clientlibs/images/arrow-white-up.png") no-repeat scroll 100% 5px transparent;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
.ie7 .compare .compare-table tr td.pricing h4 {
  line-height: 30px;
}
.ie7 .compare .compare-table tr td.pricing h4 sup {
  top: -5px;
}
.ie7 .compare .compare-table tr td.pricing h4 sup.emph {
  top: 0;
}
.ie7 .compare .compare-table .details-row .details-module .content-module a.blue-button {
  float: none;
  width: 30%;
}

/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
.no-js .compare .compare-table tr td.details .nojs {
  display: none;
}
.no-js .compare .compare-table .details-row .wrap {
  display: block;
}
.no-js .compare .arrow-down.details-trigger {
  display: none;
}

/* ----------------------
 *  Print Styles
 *
 -- */
/** END .compare **/
/* ----------------------
 * Details Conatiner Module Base Styles
 *
 *
 -- */
.details-container {
  margin-top: -30px;
  padding-bottom: 1px;
  background-color: transparent;
  background-image: url("clientlibs/images/dropshadow-bottom.png");
  background-repeat: repeat-x;
  background-position: bottom center;
  border-bottom-left-radius: 6px;
  -moz-border-bottom-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-bottom-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
}
.details-container .close-button {
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 4px;
  position: relative;
  width: 94px;
  background-color: transparent;
  background-image: url("clientlibs/images/dropshadow-bottom.png");
  background-repeat: repeat-x;
  background-position: bottom center;
  border-bottom-left-radius: 6px;
  -moz-border-bottom-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-bottom-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  overflow: hidden;
}
.details-container .close-button a {
  line-height: 25px;
  display: block;
  text-align: center;
  background-color: white;
  background-repeat: repeat-x;
  background-position: bottom center;
  border-left-color: #d5d8d9;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #d5d8d9;
  border-right-style: solid;
  border-right-width: 1px;
  font-family: Arial, Sans-Serif;
  font-size: 14px;
  font-weight: bold;
}
.details-container .close-button a .arrow, .details-container .close-button a .panel-wrap .panel-group .panel .panel-footer nav ul li a, .panel-wrap .panel-group .panel .panel-footer nav ul li .details-container .close-button a a {
  background-image: url("clientlibs/images/arrow-sub-nav-blue-up.png");
}
.details-container .details {
  margin-top: -3px;
  margin-bottom: 3px;
  display: none;
  zoom: 1;
  background-color: #fff;
  background-image: url("clientlibs/images/gradient-background-feature-lower-panel.png");
  background-repeat: repeat-x;
  background-position: top center;
  border-left-color: #d5d8d9;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #d5d8d9;
  border-right-style: solid;
  border-right-width: 1px;
}
.details-container .details:before, .details-container .details:after {
  display: table;
  content: "";
  zoom: 1;
}
.details-container .details:after {
  clear: both;
}
.details-container .details .featured,
.details-container .details .col {
  float: left;
  margin: 25px 0 0 25px;
  width: 675px;
}
.details-container .details .featured h2,
.details-container .details .col h2 {
  margin: 0 0 3px;
  font-family: "TWC Round Book", Arial, Sans-Serif;
  font-weight: normal;
  font-size: 29px;
  color: #000;
}
.details-container .details .featured h3,
.details-container .details .col h3 {
  margin: 0 0 19px;
  font-family: "TWC Round Light", Arial, Sans-Serif;
  font-weight: normal;
  font-size: 19px;
  color: #555;
}
.details-container .details .featured p,
.details-container .details .col p {
  margin: 0 0 10px;
  font-family: Arial, Sans-Serif;
  font-weight: normal;
  font-size: 15px;
  color: #333;
  line-height: 19px;
}
.details-container .details .img-link,
.details-container .details .media {
  width: 300px;
  float: left;
  display: block;
}
.details-container .details .body,
.details-container .details .wide {
  float: right;
  width: 350px;
  padding-bottom: 25px;
}
.details-container .details .body.no-media,
.details-container .details .wide.no-media {
  width: 100%;
}
.details-container .details aside {
  width: 200px;
  margin: 25px 0 25px 25px;
  padding: 0 25px;
  border-left: 1px dotted #9da1a3;
  float: right;
}
.details-container .details aside .module h4 {
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  font-size: 16px;
}
.details-container .active {
  display: block;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
.no-js .details-container .details {
  display: block;
}

/* ----------------------
 *  Print Styles
 *
 -- */
/** END .details-container **/
/* ----------------------
 * FAQ Module Base Styles
 *
 *
 -- */
.faq-module {
  background: url("clientlibs/images/dropshadow-bottom-module.png") no-repeat scroll center 100% transparent;
  width: 375px;
}
.faq-module .wrap {
  position: absolute !important;
  right: 0;
  left: 0;
  bottom: 3px;
  background: url("clientlibs/images/dropshadow-full.png") 0 0 no-repeat;
  margin: 0 auto;
  padding: 13px 10px 7px;
  width: 242px;
  zoom: 1;
}
.faq-module .wrap:before, .faq-module .wrap:after {
  display: table;
  content: "";
  zoom: 1;
}
.faq-module .wrap:after {
  clear: both;
}
.faq-module .head, .faq-module .body, .faq-module .foot {
  padding: 14px 19px 10px;
}
.faq-module .head {
  background: url("clientlibs/images/gradient-dark-blue.gif") 0 0 repeat-x #2c6694;
  border-bottom: 1px solid #1f4767;
  border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}
.faq-module .head h2 {
  color: #fff;
  font-family: "TWC Round Light", Arial, Sans-Serif;
  font-size: 18px;
  font-weight: 100;
}
.faq-module .body {
  background: #43505b;
  border-top: 1px solid #5f6e78;
  padding: 0;
  max-height: 196px;
  overflow: hidden;
}
.faq-module .body li {
  border-bottom: 1px solid #4a5965;
  padding: 0;
}
.faq-module .body li > a {
  color: #c0c8cf;
  display: block;
  line-height: 16px;
  padding: 6px 16px;
}
.faq-module .body li > a:hover {
  background-color: #384249;
}
.faq-module .body li.first > a {
  padding-top: 11px;
}
.faq-module .body li.last {
  border: 0;
}
.faq-module .body li.last > a {
  padding-bottom: 10px;
}
.faq-module .buttons {
  background: #2d363f;
  padding: 10px 13px;
}
.faq-module .buttons a {
  background: url("clientlibs/images/button-blue-dark.png") 0 0 repeat-x #304556;
  clear: none;
  float: left;
  width: 75px;
}
.faq-module .buttons a.right {
  float: right;
}
.faq-module .buttons a.center {
  min-width: 120px;
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
.faq-module .buttons a:hover {
  background: url("clientlibs/images/button-blue-lite.png") 0 0 repeat-x #3d6e95;
}
.faq-module .buttons a.full {
  width: 190px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
.ie7 .faq-module .wrap {
  left: 56px;
  right: 56px;
}

/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .faq-module **/
/* ----------------------
 * Filmstrip Local Vars
 *
 -- */
/* ----------------------
 * Filmstrip Base Styles
 *
 *
 -- */
.filmstrip {
  display: block;
  width: 100%;
  min-width: 980px;
  height: 352px;
  overflow: hidden;
  background: #000;
  margin: 0 auto;
}
.filmstrip ul {
  width: 1942px;
  height: 352px;
  white-space: nowrap;
  margin-left: -1942px;
}
.filmstrip ul li {
  float: left;
  position: relative;
  width: 386px;
  height: 352px;
  overflow: hidden;
  margin: 0 1px;
  padding: 0;
}
.filmstrip ul li .panel-img {
  z-index: 1;
}
.filmstrip ul li .overlay {
  z-index: 2;
}
.filmstrip ul li .overlay, .filmstrip ul li .panel-img {
  position: absolute;
  margin: 0;
  padding: 0;
  height: 352px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
.ie7 .filmstrip {
  position: relative;
  width: 99.9%;
}

/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .filmstrip **/
/* ----------------------
 * Filter Packages Styles
 *
 *
 -- */
.filter-packages {
  clear: both;
}
.filter-packages .main {
  clear: both;
  position: relative;
  width: 100%;
  border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-box-shadow: 0px 6px 4px -4px #a4a6a7;
  -webkit-box-shadow: 0px 6px 4px -4px #a4a6a7;
  box-shadow: 0px 6px 4px -4px #a4a6a7;
}
.filter-packages h3 {
  color: #fff;
  font-family: "TWC Round Book", Arial, Sans-Serif;
}
.filter-packages .head {
  background: url("clientlibs/images/gradient-blue.png") 0 0 repeat-x #62829d;
  padding: 20px 25px 15px;
  zoom: 1;
  border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}
.filter-packages .head:before, .filter-packages .head:after {
  display: table;
  content: "";
  zoom: 1;
}
.filter-packages .head:after {
  clear: both;
}
.filter-packages .head h3 {
  float: left;
  font-size: 15px;
  margin: 0 25px 0 0;
  text-transform: uppercase;
}
.filter-packages .head .filter-options {
  float: left;
}
.filter-packages .head .filter-options li {
  background: url("clientlibs/images/divider-bluish-1x21.png") 100% 0 no-repeat;
  float: left;
  margin-right: 16px;
  padding-right: 16px;
}
.filter-packages .head .filter-options li.inactive label {
  color: #98adbd;
}
.filter-packages .head .filter-options li.last {
  background: 0;
  margin: 0;
  padding: 0;
}
.filter-packages .head .filter-options li label {
  color: #eeeeee;
  font-size: 14px;
  font-weight: bold;
}
.filter-packages .head .arrow {
  float: right;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.filter-packages .wrap {
  background: #fff;
  border-left: 1px solid #dee0e2;
  border-right: 1px solid #dee0e2;
  border-bottom: 1px solid #dee0e2;
  padding: 14px;
  width: auto;
  border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
.filter-packages .wrap .item {
  float: left;
  position: relative;
  width: 100%;
}
.filter-packages .wrap .item h3 {
  background: #81888c;
  font-size: 20px;
  margin: 0;
  padding: 17px 0 11px;
  text-align: center;
  border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}
.filter-packages .wrap .item h3 span {
  position: relative;
}
.filter-packages .wrap .item .body {
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  padding: 10px 0 0;
  border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-box-shadow: 0px 6px 4px -4px #a4a6a7;
  -webkit-box-shadow: 0px 6px 4px -4px #a4a6a7;
  box-shadow: 0px 6px 4px -4px #a4a6a7;
}
.filter-packages .wrap .item .badge {
  left: -65px;
  position: absolute;
  top: -25px;
}
.filter-packages .wrap .item .equipment {
  border-bottom: 1px solid #cdd0d2;
  background: white url("clientlibs/images/gradient-packages-equipment-list.png") 0 100% repeat-x;
  clear: both;
  overflow: hidden;
  padding: 10px 20px 0;
}
.filter-packages .wrap .item .equipment .media {
  bottom: 50px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.filter-packages .wrap .item .equipment > ul.packages-2 > li {
  width: 45%;
}
.filter-packages .wrap .item .equipment > ul > li {
  background: url("clientlibs/images/divider-gray-transparent.png") no-repeat scroll 100% 0 transparent;
  float: left;
  height: 95px;
  padding: 0 1.5%;
  position: relative;
  text-align: center;
  width: 30%;
}
.filter-packages .wrap .item .equipment > ul > li.last {
  background: 0;
}
.filter-packages .wrap .item .equipment > ul > li.last.first {
  /* Only one item in the list, center it */
  float: none;
  margin: 0 auto;
}
.filter-packages .wrap .item .equipment > ul > li img {
  display: inline-block;
  margin: 0;
  vertical-align: bottom;
  max-width: 90%;
}
.filter-packages .wrap .item .equipment > ul > li h4 {
  color: #333;
  font-size: 11px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 55px;
  width: 99%;
}
.filter-packages .wrap .item .block {
  border-bottom: 1px solid #d0d2d4;
  padding: 10px 0;
  width: 100%;
  height: 13px;
  min-height: 13px;
}
.filter-packages .wrap .item .block p {
  text-align: center;
}
.filter-packages .wrap .item .block p strong {
  font-weight: bold;
}
.filter-packages .wrap .item .block p.emph {
  color: #446110;
}
.filter-packages .wrap .item .details {
  background: url("clientlibs/images/gradient-white-details.png") repeat-x scroll 0 0% #eff2f6;
  padding: 0px 30px 20px;
}
.filter-packages .wrap .item .details .wrap {
  background: url("clientlibs/images/dropshadow-block.png") center 0 no-repeat;
  border: 0;
  padding: 20px 0 80px;
  position: relative;
}
.filter-packages .wrap .item .details .wrap h4 {
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 16px;
}
.filter-packages .wrap .item .details .wrap h4 strong {
  font-weight: bold;
}
.filter-packages .wrap .item .details .wrap li {
  color: #333;
  list-style: disc;
  margin: 0 0 9px;
}
.filter-packages .wrap .item .details .wrap .fixed {
  margin: 0 auto;
  width: 30%;
}
.filter-packages .wrap .item .details .wrap .fixed .feature-price {
  float: left;
  font-size: 33px;
  font-weight: bold;
  margin: 0 auto;
  width: 90px;
}
.filter-packages .wrap .item .details .wrap .fixed .feature-price span {
  clear: both;
  display: block;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
  line-height: 14px;
  text-align: center;
}
.filter-packages .wrap .item .details .wrap .fixed .feature-price sup {
  font-size: 14px;
  font-weight: normal;
  top: -13px;
}
.filter-packages .wrap .item .details .wrap .fixed .feature-price sup.emph {
  font-size: 20px;
  top: -8px;
}
.filter-packages .wrap .item .details .wrap .fixed .actions {
  float: right;
}
.filter-packages .wrap .item .details .wrap .fixed .actions a, .filter-packages .wrap .item .details .wrap .fixed .actions p {
  clear: both;
  display: block;
  text-align: center;
  margin: 0 0 9px;
}
.filter-packages .wrap .item .details .wrap .fixed .actions p a {
  display: inline;
  margin: 0;
  background: url("clientlibs/images/arrow-down-blue.png") no-repeat scroll 100% 5px transparent;
  padding-right: 13px;
}
.filter-packages .wrap .item .details .wrap .fixed .actions p a.active {
  background: url("clientlibs/images/arrow-up-blue.png") no-repeat scroll 100% 3px transparent;
}
.filter-packages .wrap.items-3 .item {
  margin-right: 15px;
  width: 306px;
}
.filter-packages .wrap.items-3 .item.last {
  margin-right: 0;
}
.filter-packages .wrap.items-3 .item .details .wrap .fixed {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: auto;
}
.filter-packages .wrap.items-2 .item {
  width: 49%;
}
.filter-packages .wrap.items-2 .item.last {
  float: right;
}
.filter-packages .wrap.items-2 .item .details .wrap .fixed {
  left: 20%;
  position: absolute;
  bottom: 0px;
  width: auto;
}
.filter-packages .wrap.items-2 .item .details .wrap .fixed .feature-price {
  margin-right: 15px;
}
.filter-packages .wrap.items-1 .item {
  height: auto;
  padding: 0 0 3px;
}
.filter-packages .wrap.items-1 .item .equipment > ul > li {
  height: auto;
  margin: 0 0 -10px;
  padding-bottom: 30px;
  text-align: left;
}
.filter-packages .wrap.items-1 .item .equipment > ul > li img {
  float: left;
}
.filter-packages .wrap.items-1 .item .equipment > ul > li h4 {
  color: #1d1d1d;
  float: left;
  font-size: 16px;
  font-weight: bold;
  margin-left: 15px;
  margin-bottom: 23px;
  width: 50%;
  line-height: 18px;
  position: relative;
  text-align: left;
  top: 0;
}
.filter-packages .wrap.items-1 .item .equipment > ul > li .more {
  clear: both;
  text-align: left;
}
.filter-packages .wrap.items-1 .item .equipment > ul > li .more p, .filter-packages .wrap.items-1 .item .equipment > ul > li .more ul li {
  color: #444;
  font-size: 13px;
  margin: 0px 0 10px;
}
.filter-packages .wrap.items-1 .item .equipment > ul > li .more ul li {
  list-style: disc outside none;
  margin: 0 0 5px 15px;
}
.filter-packages .wrap.items-1 .item .details {
  padding-bottom: 10px;
}
.filter-packages .wrap.items-1 .item .details .wrap {
  height: auto;
}
.filter-packages .wrap.items-1 .item .details .wrap .fixed {
  margin-bottom: 10px;
  overflow: hidden;
  padding: 0;
}
.filter-packages .wrap.items-1 .item .details .wrap .fixed .feature-price {
  border-right: 1px solid #c4c6c9;
  padding: 5px 15px 5px 0;
}
.filter-packages .details-modules {
  clear: both;
  display: none;
  position: relative;
  width: 100%;
  -moz-box-shadow: 0px 6px 4px -4px #a4a6a7;
  -webkit-box-shadow: 0px 6px 4px -4px #a4a6a7;
  box-shadow: 0px 6px 4px -4px #a4a6a7;
  border-bottom-left-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}
.filter-packages .details-modules .active-arrow {
  left: 50%;
  position: absolute;
  top: -4px;
  display: block;
}
.filter-packages .details-modules a.close {
  background: url("clientlibs/images/icon-close-14x14.png") no-repeat scroll right center transparent;
  color: #2f6c9e;
  display: block;
  float: right;
  font-size: 14px;
  padding: 2px 20px;
  margin: 15px 15px 0 0;
}
.filter-packages .details-modules .wrap {
  background: white url("clientlibs/images/gradient-background-feature-lower-panel.png") 0 0 repeat-x;
  padding: 45px 40px 25px;
}
.filter-packages .details-modules .wrap h3 {
  color: #000;
  font-size: 24px;
  font-family: "TWC Round Light", Arial, Sans-Serif;
  margin: 0 0 30px;
}
.filter-packages .details-modules .wrap .details-module {
  display: none;
}
.filter-packages .details-modules .wrap .details-module.active {
  display: block;
}
.filter-packages .details-modules .wrap .details-module.cols-3 .packages > li {
  width: 28%;
}
.filter-packages .details-modules .wrap .details-module.cols-2 .packages > li {
  width: 45%;
}
.filter-packages .details-modules .wrap .details-module.cols-1 h3 {
  text-align: center;
}
.filter-packages .details-modules .wrap .details-module.cols-1 .packages > li p {
  width: 75%;
}
.filter-packages .details-modules .wrap .packages {
  clear: none;
  overflow: hidden;
}
.filter-packages .details-modules .wrap .packages > li {
  font-size: 13px;
  color: #444;
  float: left;
  border-right: 1px dotted #b1b1b1;
  padding: 0 30px;
}
.filter-packages .details-modules .wrap .packages > li.last {
  padding-right: 0;
  border: 0;
  float: right;
}
.filter-packages .details-modules .wrap .packages > li.first {
  padding-left: 0;
}
.filter-packages .details-modules .wrap .packages > li h4 {
  font-size: 17px;
  color: #333;
  padding: 1px 0;
  margin: 0 0 15px;
  width: auto;
}
.filter-packages .details-modules .wrap .packages > li h4 img {
  margin-right: 12px;
}
.filter-packages .details-modules .wrap .packages > li h4.tv {
  background: url("clientlibs/images/icon-tv-19x26.png") 0 center no-repeat;
}
.filter-packages .details-modules .wrap .packages > li h4.internet {
  background: url("clientlibs/images/icon-laptop-17x27.png") 0 center no-repeat;
}
.filter-packages .details-modules .wrap .packages > li h4.phone {
  background: url("clientlibs/images/icon-phone-22x22.png") 0 center no-repeat;
  padding-left: 29px;
}
.filter-packages .details-modules .wrap .packages > li p {
  margin: 0 0 10px;
}
.filter-packages .details-modules .wrap .packages > li ul li {
  margin: 0 0 5px 15px;
  list-style: disc;
}
.filter-packages .details-modules .button-list {
  border: 0 none;
  clear: both;
  float: right;
  margin: 20px 0 0;
  overflow: hidden;
  padding: 0;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
.oldie .filter-packages .wrap .item {
  padding-bottom: 1px;
}
.oldie .filter-packages .wrap .item .details .wrap .fixed .feature-price {
  line-height: 25px;
}
.oldie .filter-packages .main {
  padding-bottom: 3px;
}

/*
 * IE7 Styles (.ie7)
 */
.ie7 .filter-packages {
  /*.wrap .item .equipment > ul > li h4 {
    width: 90%;
  } */
}
.ie7 .filter-packages .details-modules .close {
  position: absolute;
  z-index: 9999;
  right: 20px;
}
.ie7 .filter-packages .details-modules .wrap {
  width: 900px;
}

/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
.no-js .filter-packages .details-modules {
  display: block;
}
.no-js .filter-packages .details-modules .wrap {
  padding: 0% 2%;
  background-repeat: repeat;
  height: auto;
}
.no-js .filter-packages .details-modules .wrap h3 {
  margin-bottom: 10px;
}
.no-js .filter-packages .details-modules .wrap .details-module {
  display: block;
  float: left;
  clear: both;
  padding: 2% 0;
}
.no-js .filter-packages .details-modules .wrap .details-module .packages :last-child {
  border-right: none;
}
.no-js .filter-packages .details-modules .wrap .details-module.cols-3 .packages > li {
  width: 26%;
}
.no-js .filter-packages .details-modules .wrap .details-module.cols-2 .packages > li {
  width: 40%;
}

/* ----------------------
 *  Print Styles
 *
 -- */
/** END .filter-packages **/
/* ----------------------
 * Footnote Base Styles
 *
 *
 -- */
.footnote {
  clear: both;
}
.footnote p {
  font-size: 11px;
  color: #444;
  line-height: 14px;
  margin: 0 0 10px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .footnote **/
/* ----------------------
 * iHome Module Base Styles
 *
 *
 -- */
.ihome-module {
  clear: both;
}

.ihome-module-wrap {
  clear: both;
  width: 980px;
  height: 352px;
  position: relative;
  padding: 0;
  background-color: #fff;
  background-image: url("clientlibs/images/dropshadow-bottom.png");
  background-repeat: repeat-x;
  background-position: bottom center;
  border-bottom-left-radius: 6px;
  -moz-border-bottom-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-bottom-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-left-color: #d5d8d9;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #d5d8d9;
  border-right-style: solid;
  border-right-width: 1px;
}
.ihome-module-wrap .left-wrap {
  margin: 34px 0 0 36px;
  float: left;
  border-right: 1px dotted #d6d8dc;
  padding-right: 38px;
}
.ihome-module-wrap .left-wrap h3 {
  margin-top: 24px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.ihome-module-wrap .left-wrap .ihome-image {
  position: relative;
  max-width: 290px;
  margin: 0 auto;
}
.ihome-module-wrap .left-wrap .circle {
  background: #3985c1;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 71px;
  height: 71px;
  position: absolute;
  font-family: Arial;
  font-style: italic;
  font-size: 10px;
  line-height: 9px;
  color: #fff;
}
.ihome-module-wrap .left-wrap .circle > span {
  padding: 12px 0;
  display: block;
}
.ihome-module-wrap .left-wrap .circle, .ihome-module-wrap .left-wrap .circle.top {
  top: -17px;
}
.ihome-module-wrap .left-wrap .circle.bottom {
  top: 63%;
}
.ihome-module-wrap .left-wrap .circle, .ihome-module-wrap .left-wrap .circle.right {
  left: 195px;
}
.ihome-module-wrap .left-wrap .circle.left {
  left: 0;
}
.ihome-module-wrap .left-wrap .above {
  display: block;
  margin-top: 12px;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
  color: #fff;
  padding-left: 2px;
  padding-bottom: 2px;
}
.ihome-module-wrap .left-wrap .currency {
  font-size: 20px;
  font-style: normal;
  top: -6px;
  padding-right: 0px;
  color: #fff;
}
.ihome-module-wrap .left-wrap .dollars {
  font-size: 29px;
  font-style: normal;
  color: #fff;
  line-height: 29px;
  text-shadow: 1px 1px 0px rgba(4, 4, 4, 0.5);
}
.ihome-module-wrap .left-wrap .cents {
  color: #fff;
  font-size: 11px;
  font-style: normal;
  top: -11px;
  line-height: 18px;
}
.ihome-module-wrap .left-wrap .call-us {
  background: #dfe9f1;
  font-family: "TWC Round Light", Arial, Sans-Serif;
  font-size: 26px;
  margin: 12px auto;
  padding: 8px 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 318px;
}
.ihome-module-wrap .left-wrap .call-us em {
  font-family: "TWC Round Book", Arial, Sans-Serif;
}
.ihome-module-wrap .left-wrap p {
  font-size: 16px;
}
.ihome-module-wrap .left-wrap p em {
  font-weight: bold;
}
.ihome-module-wrap .right-wrap {
  float: left;
  margin: 0 36px 0 27px;
}
.ihome-module-wrap .right-wrap a {
  font-size: 13px;
  font-weight: bold;
}
.ihome-module-wrap .right-wrap a.view-more {
  background: url("clientlibs/images/ihome-arrow.png") 100% 50% no-repeat;
  padding: 10px 8px 10px 0;
  float: right;
}
.ihome-module-wrap .right-wrap ul {
  float: right;
  clear: both;
  width: 100%;
}
.ihome-module-wrap .right-wrap ul li {
  float: left;
  width: 130px;
  margin: 0 0 17px 11px;
}
.ihome-module-wrap .right-wrap ul li.row-end {
  clear: both;
}
.ihome-module-wrap .right-wrap ul li img {
  padding-bottom: 8px;
}
.ihome-module-wrap .right-wrap ul li a {
  display: block;
  line-height: 16px;
}
.ihome-module-wrap.packages-info {
  height: 100%;
  overflow: hidden;
  padding-bottom: 25px;
}
.ihome-module-wrap.packages-info .left-wrap {
  text-align: center;
  margin: 38px 0 0 0;
  padding-right: 0;
  width: 49%;
}
.ihome-module-wrap.packages-info p.desc {
  font-size: 13px;
  line-height: 16px;
  margin: 10px auto;
  text-align: left;
  width: 85%;
}
.ihome-module-wrap.packages-info .price {
  background: none repeat scroll 0 0 #f6f6f6;
  float: left;
  font-weight: bold;
  margin-left: 35px;
  padding: 15px;
  width: 65px;
}
.ihome-module-wrap.packages-info .price h4 {
  font-weight: bold;
  font-size: 33px;
}
.ihome-module-wrap.packages-info .price .first, .ihome-module-wrap.packages-info .price .last {
  color: #333;
  display: block;
  font-style: Italic;
  font-size: 11px;
  font-weight: normal;
}
.ihome-module-wrap.packages-info .price sup {
  font-weight: normal;
  font-size: 14px;
  position: relative;
  top: -13px;
}
.ihome-module-wrap.packages-info .price sup.emph {
  top: -7px;
  font-weight: bold;
  font-size: 21px;
}
.ihome-module-wrap.packages-info .contact-form {
  float: left;
  margin-left: 15px;
  margin-top: 20px;
  text-align: left;
  width: 290px;
}
.ihome-module-wrap.packages-info .contact-form h4 {
  font-size: 19px;
  margin-bottom: 5px;
}
.ihome-module-wrap.packages-info .contact-form p {
  font-size: 13px;
}
.ihome-module-wrap.packages-info .right-wrap.quotes {
  float: right;
  margin-left: 0;
  padding-left: 0;
  width: 44%;
}
.ihome-module-wrap.packages-info .right-wrap.quotes h3 {
  font-size: 16px;
  font-family: Arial;
  margin-bottom: 25px;
}
.ihome-module-wrap.packages-info .right-wrap.quotes blockquote {
  margin-bottom: 50px;
  width: 85%;
}
.ihome-module-wrap.packages-info .right-wrap.quotes blockquote img.quotes-open {
  padding-bottom: 5px;
  padding-right: 10px;
}
.ihome-module-wrap.packages-info .right-wrap.quotes blockquote img.quotes-closed {
  padding-bottom: 5px;
  padding-left: 10px;
}
.ihome-module-wrap.packages-info .right-wrap.quotes blockquote p {
  line-height: 30px;
  color: #515151;
  font-size: 21px;
  font-style: Italic;
}
.ihome-module-wrap.packages-info .right-wrap.quotes .links-list {
  width: 85%;
}
.ihome-module-wrap.packages-info .right-wrap.quotes .links-list li {
  background: none repeat scroll 0 center transparent;
  border-bottom: 1px solid #e9eaeb;
  list-style: none outside none;
  padding: 5px 0;
  width: 80%;
}
.ihome-module-wrap.packages-info .right-wrap.quotes .links-list li a {
  display: inline;
}
.ihome-module-wrap.packages-info .right-wrap {
  margin-top: 45px;
}
.ihome-module-wrap.packages-info .right-wrap h3 {
  font-family: "TWC Round Book", Arial, Sans-Serif;
  font-size: 26px;
  font-weight: bold;
}
.ihome-module-wrap.packages-info .right-wrap h4 {
  font-size: 13px;
  font-weight: bold;
  font-style: italic;
  clear: both;
  margin-bottom: 8px;
}
.ihome-module-wrap.packages-info .right-wrap ul {
  font-size: 13px;
  float: left;
  clear: none;
}
.ihome-module-wrap.packages-info .right-wrap ul li {
  background: url("clientlibs/images/gray-bullet.png") 0 50% no-repeat;
  padding: 0 0 0 18px;
  margin: 0 0 4px;
  float: none;
  clear: both;
  width: auto;
}
.ihome-module-wrap.packages-info .right-wrap ul.packages-top-list {
  font-size: 15px;
  clear: both;
  margin-bottom: 23px;
}
.ihome-module-wrap.packages-info .right-wrap ul.packages-top-list li {
  margin: 0 0 4px;
}
.ihome-module-wrap.packages-info .right-wrap ul.left-list {
  margin-right: 100px;
}
.ihome-module-wrap.download-wrap {
  height: auto;
  overflow: hidden;
  padding: 0 0 35px;
}
.ihome-module-wrap.download-wrap .download-list {
  padding: 35px 35px 0;
  float: left;
}
.ihome-module-wrap.download-wrap .download-list li {
  clear: both;
  float: left;
  border-bottom: 1px dotted #d4d7db;
  padding: 0 0 26px;
  margin: 0 0 24px;
  width: 100%;
}
.ihome-module-wrap.download-wrap .download-list li img {
  float: left;
  margin: 0 35px 0 0;
}
.ihome-module-wrap.download-wrap .download-list li .dl-info {
  float: left;
  width: 574px;
}
.ihome-module-wrap.download-wrap .download-list li .dl-info ul li {
  border-bottom: none;
  padding: 0 0 0;
  margin: 0 0 0;
  width: auto;
  clear: none;
}
.ihome-module-wrap.download-wrap .download-list li .dl-info ul li.plus {
  padding: 14px 22px 0 16px;
}
.ihome-module-wrap.download-wrap .download-list li .dl-info ul li img {
  margin: 0;
}
.ihome-module-wrap.download-wrap .download-list li .dl-info ul li.last {
  padding-top: 10px;
}
.ihome-module-wrap.download-wrap .download-list li .dl-info ul li:last-child {
  padding-top: 10px;
}
.ihome-module-wrap.download-wrap .download-list li .dl-info h3 {
  font-size: 17px;
  font-weight: bold;
  color: #222;
}
.ihome-module-wrap.download-wrap .download-list li .dl-info a {
  padding: 0 0 0;
  font-size: 15px;
  font-weight: bold;
}
.ihome-module-wrap.download-wrap .download-list li .dl-info a span {
  float: left;
  padding: 14px 10px 0 158px;
}
.ihome-module-wrap.download-wrap .download-list li .dl-info a img {
  float: left;
}
.ihome-module-wrap.download-wrap .download-list li .dl-info a:hover {
  color: #1b405d;
  text-decoration: underline;
}
.ihome-module-wrap.download-wrap .download-list li .dl-info p {
  line-height: 18px;
  width: 545px;
  padding-bottom: 38px;
}
.ihome-module-wrap.download-wrap .download-list li.last {
  border-bottom: none;
  padding: 0 0 0;
  margin: 0 0 0;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
.oldie .ihome-module .circle {
  border: 0;
  background: transparent url("clientlibs/images/circle-blue-71x71.png") 0 0 no-repeat;
}

/*
 * IE7 Styles (.ie7)
 */
.ie7 .left-wrap .dollars {
  filter: dropshadow(color=#040404, offx=1, offy=1);
}
.ie7 .ihome-videos-wrap .right-wrap {
  width: 423px;
}
.ie7 .ihome-videos-wrap .right-wrap ul {
  width: 100%;
}

/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .ihome-module **/
/* ----------------------
 * Multipanel Container Base Styles
 *
 *
 -- */
.multipanel-container .multipanel {
  clear: both;
  visibility: hidden;
}
.multipanel-container .multipanel.active {
  display: block;
  visibility: visible;
}

/* ----------------------
 * Short Splash specific styles
 -- */
.short-splash.multipanel-container .overlay .css-table-wrap {
  margin-top: 30px;
  padding-top: 0;
}

/* ----------------------
 * Carousel Splash specific styles
 -- */
.carousel-splash .multipanel-container.feature-header {
  height: 166px;
  background-color: #282828;
  overflow: hidden;
}
.carousel-splash .multipanel-container.feature-image {
  position: relative;
  margin-bottom: 0;
  height: 523px;
  background-color: #504F50;
  overflow: hidden;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .multipanel-container **/
/* ----------------------
 * Overview Tabs Base Styles
 *
 *
 -- */
.overview-tabs {
  background: url("clientlibs/images/dropshadow-btm-719.png") no-repeat scroll center bottom transparent;
  margin: 0 auto;
  width: 728px;
}
.overview-tabs .wrap {
  padding: 0 138px 10px;
  width: auto;
}
.overview-tabs .wrap ul li {
  float: left;
  text-align: center;
}
.overview-tabs .wrap ul li.last a {
  border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-right: 0 !important;
}
.overview-tabs .wrap ul li.first a {
  border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-left: 0 !important;
}
.overview-tabs .wrap ul li:hover a, .overview-tabs .wrap ul li.active a {
  background: #3e90d2 url("clientlibs/images/gradient-overview-tab-active.gif") 0 100% repeat-x;
  border-right: 1px solid #45a1cb;
}
.overview-tabs .wrap ul li a {
  background: #45484e url("clientlibs/images/gradient-overview-tab.gif") 0 100% repeat-x;
  border-right: 1px solid #5f6266;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 20px 0;
  width: 111px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .overview-tabs **/
/* ----------------------
 * Packages Base Styles
 *
 -- */
.packages {
  clear: both;
  overflow: hidden;
}
.packages.feature-splash {
  margin-bottom: -115px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .packages **/
/* ----------------------
 * Promo Base Styles
 *
 *
 -- */
.promo {
  clear: left;
  float: left;
  width: 295px;
}
.promo h3 {
  color: #000;
  font-size: 24px;
  font-family: "TWC Round Light", Arial, Sans-Serif;
}
.promo h3.two-col {
  width: auto;
}
.promo h3 .blue-arrow {
  background-position: 100% 10px;
  display: block;
  float: right;
  padding-top: 8px;
}
.promo .horiz-links {
  width: auto;
  float: right;
}
.promo .horiz-links > li {
  background: url("clientlibs/images/divider-lightgray.gif") 100% center no-repeat;
  float: left;
  padding: 0 10px 9px 8px;
  position: relative;
}
.promo .horiz-links > li.last {
  background: none;
  padding-right: 0;
}
.promo .horiz-links > li:last-child {
  background: none;
  padding-right: 0;
}
.promo .top-links .last a {
  background: none;
}
.promo .top-links li:last-child a {
  background: none;
}
.promo.wide {
  overflow: hidden;
  width: 645px;
}
.promo.right {
  float: right;
  clear: none;
}
.promo .text-overlay {
  display: block;
  float: left;
  font-family: "TWC Round Medium", Arial, Sans-Serif;
  height: 147px;
  position: relative;
  width: 296px;
}
.promo .text-overlay img {
  position: absolute;
  top: 0;
  left: 0;
}
.promo .text-overlay .text {
  color: #fff;
  margin: 0 0 0 20px;
  position: relative;
  width: 75%;
  z-index: 2;
}
.promo .text-overlay h4 {
  font-size: 24px;
}
.promo .text-overlay h5 {
  font-size: 14px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
.ie7 .promo .blue-arrow {
  margin-top: -25px;
}
.ie7 .promo .horiz-links {
  float: right;
  width: auto;
}
.ie7 .promo .horiz-links li {
  float: none;
  display: inline;
}
.ie7 .promo .horiz-links li a {
  display: inline !important;
  float: none !important;
}

/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .promo **/
/* ----------------------
 * Reveal Module Base Styles
 *
 *
 -- */
.reveal-module {
  background: url("clientlibs/images/drop-shadow.png") repeat-x scroll 0 100% transparent;
  clear: both;
  padding: 0 0 4px;
  position: relative;
  width: 100%;
}
.reveal-module h2 {
  margin: 0 0 30px;
}
.reveal-module h2 a {
  font-size: 13px;
  font-weight: bold;
  margin-left: 20px;
  background-image: url("clientlibs/images/arrow-blue-right.png");
  padding-right: 10px;
}
.reveal-module .wrap {
  background: url("clientlibs/images/bordered-drop-shadow.png") no-repeat scroll center 100% white;
  border-left: 1px solid #d9dadd;
  border-right: 1px solid #d9dadd;
  overflow: hidden;
  padding: 20px 0 73px 30px;
  width: auto;
  text-align: center;
}
.reveal-module .wrap .grid {
  height: 436px;
  overflow: hidden;
  margin: 0 0 15px;
  text-align: left;
}
.reveal-module .wrap .grid ul {
  overflow: hidden;
}
.reveal-module .wrap .grid li {
  float: left;
  height: 168px;
  width: 220px;
  overflow: hidden;
  position: relative;
  margin: 0 14px 19px 0;
}
.reveal-module .wrap .grid li .overlay {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
  color: #fff;
  /*height: 142px;*/
  left: 0;
  padding: 13px 20px 0;
  position: absolute;
  /*top: 129px;*/
  bottom: 0;
  width: 179px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.reveal-module .wrap .grid li .overlay h3 {
  font-size: 18px;
  font-family: "TWC Round Book", Arial, Sans-Serif;
}
.reveal-module .wrap .grid li .overlay p {
  font-size: 14px;
  display: none;
}
.reveal-module .wrap .grid li.end {
  margin-right: 0;
  float: right;
}
.reveal-module .view-toggle {
  bottom: -16px;
  display: block;
  font-size: 15px;
  font-weight: bold;
  height: 52px;
  left: 46%;
  position: absolute;
  text-align: center;
  width: 82px;
}
.reveal-module .view-toggle a.arrow-down {
  background: url("clientlibs/images/arrow-blue-rounded-down.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 25px;
  margin-top: 15px;
  text-indent: -9999px;
  width: 85px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
.oldie .reveal-module .grid {
  position: relative;
}
.oldie .reveal-module .grid li .overlay {
  background: url("clientlibs/images/opacity.png") 0 0 repeat;
}

/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .reveal-module **/
/* ----------------------
 * Rounded Promo Base Styles
 *
 -- */
.rounded-promo {
  background: url("clientlibs/images/rounded-promo-blue.png") no-repeat scroll 0 0 transparent;
  float: left;
  height: 250px;
  overflow: hidden;
  width: 364px;
}
.rounded-promo .wrap {
  height: 248px;
  overflow: hidden;
  position: relative;
  width: 362px;
}
.rounded-promo .wrap .featured-image {
  position: absolute;
}
.rounded-promo .wrap .featured-image.top {
  top: 1px;
}
.rounded-promo .wrap .featured-image.bottom {
  bottom: -5px;
}
.rounded-promo .wrap .featured-image.left {
  left: 0;
}
.rounded-promo .wrap .featured-image.right {
  right: 0;
}
.rounded-promo.first {
  margin-right: 15px;
}
.rounded-promo.black {
  background: url("clientlibs/images/rounded-promo-black.png") 0 0 no-repeat;
}
.rounded-promo.black .body {
  margin-top: 80px;
}
.rounded-promo .body {
  margin: 50px 50px 30px 30px;
  position: relative;
  z-index: 9;
}
.rounded-promo .body.slim {
  width: 50%;
}
.rounded-promo .body h3 {
  color: #fff;
  font-size: 24px;
  font-family: "TWC Round Light", Arial, Sans-Serif;
}
.rounded-promo .body p {
  color: #bcbcbc;
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 15px;
}
.rounded-promo .body .black-button, .rounded-promo .body .gray-button, .rounded-promo .body .header .login-button, .header .rounded-promo .body .login-button, .rounded-promo .body .gateway .header .wrap .main nav ul li a, .gateway .header .wrap .main nav ul li .rounded-promo .body a {
  float: left;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .rounded-promo **/
/* ----------------------
 * Search Base Styles
 *
 *
 -- */
.search-results {
  float: right;
  width: 750px;
  color: #333;
}
.search-results p.results {
  font-size: 15px;
  border-top: 1px solid #9c9ea0;
  padding: 12px 0;
}
.search-results p.results strong {
  font-weight: bold;
}
.search-results .wrap {
  width: auto;
}
.search-results .wrap .results-wrap .head {
  background: url("clientlibs/images/gradient-light-blue.png") repeat-x scroll 0 0 #63829d;
  color: #fff;
  float: left;
  position: relative;
  width: 100%;
  border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
}
.search-results .wrap .results-wrap .head .wrap {
  border: 3px solid #587d9b;
  border-bottom: 0;
  padding: 10px 0 0;
  border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
}
.search-results .wrap .results-wrap .head h3 {
  float: left;
  font-weight: bold;
  text-transform: uppercase;
  margin: 10px 10px 0 15px;
}
.search-results .wrap .results-wrap .head ul {
  float: left;
}
.search-results .wrap .results-wrap .head ul li {
  float: left;
  background: url("clientlibs/images/searchresults-border.png") 0 8px no-repeat;
}
.search-results .wrap .results-wrap .head ul li:first-child {
  background: none;
}
.search-results .wrap .results-wrap .head ul li.active, .search-results .wrap .results-wrap .head ul li:hover {
  background: #fff;
}
.search-results .wrap .results-wrap .head ul li.active a, .search-results .wrap .results-wrap .head ul li:hover a {
  color: #444;
}
.search-results .wrap .results-wrap .head ul li.active a span, .search-results .wrap .results-wrap .head ul li:hover a span {
  color: #777;
}
.search-results .wrap .results-wrap .head ul li a {
  color: #fff;
  padding: 10px 14px 19px 16px;
  display: block;
}
.search-results .wrap .results-wrap .content-list {
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  clear: both;
  font-size: 13px;
  margin: 0 0 20px;
  padding: 30px;
  border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-box-shadow: 0px 6px 4px -4px #a4a6a7;
  -webkit-box-shadow: 0px 6px 4px -4px #a4a6a7;
  box-shadow: 0px 6px 4px -4px #a4a6a7;
}
.search-results .wrap .results-wrap .content-list ul li {
  border-bottom: 1px dotted #e5e5e5;
  margin: 0 0 17px;
  padding: 0 0 15px;
}
.search-results .wrap .results-wrap .content-list ul li .img-link {
  float: left;
  margin: 0 18px 0 0;
}
.search-results .wrap .results-wrap .content-list ul li .body {
  float: left;
  width: 60%;
  margin: 0 0 0;
}
.search-results .wrap .results-wrap .content-list ul li .body .type {
  margin: 0 0 6px;
}
.search-results .wrap .results-wrap .content-list ul li .body .type a {
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
}
.search-results .wrap .results-wrap .content-list ul li .body h3 {
  color: #3376b2;
  font-size: 15px;
  margin: 0 0 6px;
}
.search-results .wrap .results-wrap .content-list ul li .body h3 a {
  font-weight: bold;
}
.search-results .wrap .results-wrap .content-list ul li .body p {
  color: #333;
  font-size: 13px;
  line-height: 18px;
}
.search-results .wrap .results-wrap .content-list ul li.no-media .body {
  width: auto;
  margin: 0 100px 0 0;
}
.search-results .wrap .results-wrap .content-list ul li.last {
  padding-bottom: 30px;
  margin-bottom: 0;
  border-bottom: none;
}
.search-results .wrap .pagination {
  float: right;
}
.search-results .wrap .pagination li {
  padding: 0 0 0;
  margin: 0 0 0 2px;
  border: none;
  float: left;
  text-align: center;
}
.search-results .wrap .pagination li.active a {
  background: url("clientlibs/images/searchresults-pagesprites.png") 0 0 no-repeat;
}
.search-results .wrap .pagination li a {
  display: block;
  width: 28px;
  height: 21px;
  background: url("clientlibs/images/searchresults-pagesprites.png") -28px 0 no-repeat;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  padding: 7px 0 0;
}
.search-results .wrap .pagination li a:hover {
  background-position: 0 0;
}
.search-results .wrap .pagination li.prev, .search-results .wrap .pagination li.next {
  position: static;
  height: auto;
  left: auto;
  right: auto;
  top: auto;
  width: auto;
  background: none;
}
.search-results .wrap .pagination li.prev a, .search-results .wrap .pagination li.next a {
  width: 57px;
  height: 28px;
  background: url("clientlibs/images/searchresults-pagesprites.png") -56px 0 no-repeat;
}
.search-results .wrap .pagination li.prev a:hover, .search-results .wrap .pagination li.next a:hover {
  background-position: -113px 0;
}
.search-results .wrap .pagination li .arrow-right {
  background: url("clientlibs/images/arrow-white-right-small.png") no-repeat scroll 100% center transparent;
  padding-right: 10px;
}
.search-results .wrap .pagination li .arrow-left {
  background: url("clientlibs/images/arrow-white-left-small.png") no-repeat scroll 0 center transparent;
  padding-left: 10px;
}

.search-nav {
  clear: none;
  margin: 0 24px 0 0;
  border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
}
.search-nav h5 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}
.search-nav a {
  font-size: 13px !important;
}
.search-nav .wrap {
  border: 1px solid #e5e5e5;
  border-bottom: none;
  border-top: 0;
  font-family: Arial,Sans-Serif;
  margin: 0 0 0;
  padding: 0 0 0;
  width: 205px;
  background-color: #fff;
  border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
}
.search-nav .wrap .new-search {
  background: #f4f5f5;
  border-bottom: 1px solid #ccd0d2;
  margin: 0;
  padding: 12px 14px 26px 15px;
  border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
}
.search-nav .wrap .new-search h4 {
  font-family: Arial, Helvetica, sans-serif;
  color: #374148;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.search-nav .wrap .new-search fieldset .new-search-wrap {
  width: 133px;
  padding: 0 0 0 15px;
  background: url("clientlibs/images/searchnav-inputbg.png") 0 0 no-repeat;
  float: left;
}
.search-nav .wrap .new-search fieldset .new-search-wrap #new-search {
  border: none;
  color: #999;
  font-size: 12px;
  width: 130px;
  float: left;
  overflow: hidden;
  background: transparent;
  padding: 8px 0 6px;
}
.search-nav .wrap .new-search fieldset #search-button {
  width: 25px;
  height: 27px;
  border: none;
  background: url("clientlibs/images/searchnav-btn.png") 0 0 no-repeat;
  padding: 0;
}
.search-nav .wrap .filter-module {
  background: #fff;
}
.search-nav .wrap .filter-module a {
  color: #3376b2;
  font-weight: bold;
}
.search-nav .wrap .filter-module a span {
  color: #333;
  font-weight: normal;
}
.search-nav .wrap .filter-module a:hover {
  color: #1b405d;
}
.search-nav .wrap .filter-module h4 {
  text-transform: uppercase;
  color: #777;
  font-size: 13px;
  font-weight: bold;
  padding: 16px 14px 4px 15px;
}
.search-nav .wrap .filter-module h5 {
  color: #333;
  margin: 17px 0 8px;
  font-size: 15px;
}
.search-nav .wrap .filter-module .filters {
  margin: 0 15px 0;
}
.search-nav .wrap .filter-module .filters .active a, .search-nav .wrap .filter-module .filters .active span {
  color: #999;
}
.search-nav .wrap .filter-module .filters ul {
  margin: 15px 0 0;
  padding: 0 0 12px;
}
.search-nav .wrap .filter-module .filters ul li {
  margin: 0 0 8px;
  border-top: none;
}
.search-nav .wrap .filter-module .filters ul:last-child {
  border-bottom: none;
}
.search-nav .wrap .filter-module .active-filters {
  display: none;
  background: #e6ecf0;
  border-bottom: 1px solid #ccd0d2;
  margin: 0;
  padding: 15px;
}
.search-nav .wrap .filter-module .active-filters h4 {
  color: #374148;
  text-transform: none;
  padding: 0 0 8px;
}
.search-nav .wrap .filter-module .active-filters ul {
  padding: 0 0 10px;
  margin: 0;
  float: left;
  width: 100%;
}
.search-nav .wrap .filter-module .active-filters ul li {
  border-top: 1px dotted #919598;
  color: #333;
  padding: 5px 0 5px;
  float: left;
  width: 100%;
  margin: 0 0 0;
}
.search-nav .wrap .filter-module .active-filters ul li:first-child {
  border-top: none;
}
.search-nav .wrap .filter-module .active-filters ul li span {
  float: left;
}
.search-nav .wrap .filter-module .active-filters ul li a {
  float: right;
  text-indent: -5000px;
  background: url("clientlibs/images/searchnav-x.png") 0 0 no-repeat;
  height: 10px;
  width: 10px;
}
.search-nav .related-searches {
  border: 1px solid #e5e5e5;
  background: #f9f9f9;
  margin-bottom: 0;
  width: 205px;
  -moz-box-shadow: 0px 6px 4px -4px #a4a6a7;
  -webkit-box-shadow: 0px 6px 4px -4px #a4a6a7;
  box-shadow: 0px 6px 4px -4px #a4a6a7;
  border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
}
.search-nav .related-searches h5 {
  font-size: 15px;
  margin: 7px 15px 15px;
}
.search-nav .related-searches ul {
  margin: 0 15px;
}
.search-nav .related-searches ul li {
  border-bottom: 1px dotted #cdcfd1;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
.oldie .search-results .wrap .results-wrap .content-list {
  background-color: #fff;
}

/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .search-results **/
/* ----------------------
 * Share Module Base Styles
 *
 -- */
.share-module {
  clear: none;
  float: right;
  height: 30px;
  margin: 0 0 20px;
}
.share-module h3,
.share-module .print {
  float: right;
  color: #d4dadf;
  font-size: 11px;
  text-transform: uppercase;
}
.share-module .print {
  margin: 0;
  padding: 0 7px;
  height: 30px;
  line-height: 30px;
  display: block;
  background: #4f799f;
}
.share-module .print:hover {
  background: #265a83;
}
.share-module .print,
.share-module .block {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.share-module .block {
  height: 16px;
  margin: 0 5px 0;
  padding: 7px 12px;
  background: #4f799f;
  float: left;
}
.share-module .block h3 {
  float: left;
  height: auto;
  line-height: 16px;
}
.share-module .block .share {
  float: left;
  margin: 0 0 0 11px;
}
.share-module .block .share li {
  height: 14px;
  background: url("clientlibs/images/divider-light.png") no-repeat scroll 100% center transparent;
  float: left;
  margin: 0 0 0 7px;
  padding: 0 7px 0 0;
}
.share-module .block .share li.last {
  background: 0;
  padding: 0;
}
.share-module .block .share a {
  display: block;
  float: left;
  background: url("clientlibs/images/social-light-alpha.png") 0 0 no-repeat;
  text-indent: -9999em;
  padding: 0;
  margin: 0;
  opacity: .7;
}
.share-module .block .share a.twitter {
  background-position: 0 0;
  height: 14px;
  width: 18px;
}
.share-module .block .share a.facebook {
  background-position: 45% 0;
  height: 16px;
  width: 8px;
}
.share-module .block .share a.linkedin {
  background-position: 100% 0;
  height: 14px;
  width: 16px;
}
.share-module .block .share a:hover {
  opacity: 1;
}
.share-module .block:hover {
  background: #265a83;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/*
 * 1024px Breakpoint (.bp-1024)
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
.oldie .share-module .block .share a {
  filter: alpha(opacity=70);
}
.oldie .share-module .block .share a:hover {
  filter: alpha(opacity=100);
}

/*
 * IE7 Styles (.ie7)
 */
.ie7 .share-module {
  width: 192px;
}

/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .share-module **/
/* ----------------------
 * Gateway Panels (twopanel-wrap) Base Styles
 *
 *
 -- */
.twopanel-wrap {
  margin-top: -100px;
  background: url("clientlibs/images/bg-panels-shadow.png") no-repeat scroll 0 100% transparent;
}
.twopanel-wrap .twopanel-group {
  position: relative;
  z-index: 2;
  width: 960px;
  clear: both;
  margin: 0 25px 10px;
  height: 223px;
}
.twopanel-wrap .twopanel-group .panel {
  width: 463px;
  height: 223px;
  float: left;
  background: #28323a url("clientlibs/images/gateway-banel-bg.png") repeat 0 0 scroll;
}
.twopanel-wrap .twopanel-group .panel.first {
  border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
}
.twopanel-wrap .twopanel-group .panel:first-child {
  border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
}
.twopanel-wrap .twopanel-group .panel.last {
  border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
.twopanel-wrap .twopanel-group .panel:last-child {
  border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
.twopanel-wrap .twopanel-group .panel .center {
  text-align: center;
}
.twopanel-wrap .twopanel-group .panel .panel-header {
  height: 185px;
}
.twopanel-wrap .twopanel-group .panel .panel-header .rtf {
  font-family: "TWC Round Book", Arial, Sans-Serif;
  color: #fff;
  height: 77px;
  overflow: hidden;
  padding: 25px 25px 0;
}
.twopanel-wrap .twopanel-group .panel .panel-header .rtf h2 {
  font-size: 21px;
  line-height: 24px;
}
.twopanel-wrap .twopanel-group .panel .panel-header .blue-button {
  font-family: "TWC Round Book", Arial, Sans-Serif;
  margin: 15px auto;
  width: 160px;
  float: none;
  font-size: 18px;
}
.twopanel-wrap .twopanel-group .panel .panel-footer nav {
  display: table;
  width: 463px;
}
.twopanel-wrap .twopanel-group .panel .panel-footer nav ul {
  height: 38px;
  width: 100%;
  display: table-row;
  clear: both;
  margin: 0;
  padding: 0;
}
.twopanel-wrap .twopanel-group .panel .panel-footer nav ul li {
  text-align: center;
  width: 33%;
  display: table-cell;
  vertical-align: middle;
}
.twopanel-wrap .twopanel-group .panel .panel-footer nav ul li a {
  font-size: 13px;
  color: #a2a5a9;
}
.twopanel-wrap .twopanel-group .panel .panel-footer nav ul li a:hover {
  color: #fff;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
.ie7 .twopanel-wrap .panel .panel-footer nav ul li {
  height: 38px;
  display: block;
  float: left;
  padding: 10px 0;
}

/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .twopanel-wrap **/
/* ----------------------
 * Generic Carousel Base Styles
 *
 -- */
.carousel-wrap {
  margin: 0 auto 60px;
  position: relative;
  width: 1018px;
}
.carousel-wrap .carousel {
  height: 397px;
  list-style: none outside none;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 970px;
}
.carousel-wrap .carousel li {
  height: 397px;
  padding: 0px;
  width: 970px;
}
.carousel-wrap .carousel li img {
  opacity: 1 !important;
  position: absolute;
}
.carousel-wrap .carousel li .content {
  color: #fff;
  top: 30px;
  position: absolute;
  opacity: 0;
  max-height: 320px;
}
.carousel-wrap .carousel li .content img {
  position: relative;
}
.carousel-wrap .carousel li.three-col .sc-header,
.carousel-wrap .carousel li.three-col .sc-footer,
.carousel-wrap .carousel li.three-col .sc-wrapper, .carousel-wrap .carousel li.two-col .sc-header, .carousel-wrap .carousel li.two-col .sc-footer, .carousel-wrap .carousel li.two-col .sc-wrapper, .carousel-wrap .carousel li.one-col .sc-header, .carousel-wrap .carousel li.one-col .sc-footer, .carousel-wrap .carousel li.one-col .sc-wrapper {
  position: relative;
  float: left;
}
.carousel-wrap .carousel li.three-col .sc-header, .carousel-wrap .carousel li.three-col .sc-footer, .carousel-wrap .carousel li.two-col .sc-header, .carousel-wrap .carousel li.two-col .sc-footer, .carousel-wrap .carousel li.one-col .sc-header, .carousel-wrap .carousel li.one-col .sc-footer {
  width: 959px;
  margin: 0 5px;
  overflow: hidden;
}
.carousel-wrap .carousel li.three-col .sc-header, .carousel-wrap .carousel li.two-col .sc-header, .carousel-wrap .carousel li.one-col .sc-header {
  min-height: 35px;
  max-height: 70px;
  margin-bottom: 5px;
}
.carousel-wrap .carousel li.three-col .sc-footer, .carousel-wrap .carousel li.two-col .sc-footer, .carousel-wrap .carousel li.one-col .sc-footer {
  max-height: 59px;
  margin-top: 5px;
}
.carousel-wrap .carousel li.three-col .sc-wrapper, .carousel-wrap .carousel li.two-col .sc-wrapper, .carousel-wrap .carousel li.one-col .sc-wrapper {
  height: 200px;
  width: 969px;
  overflow: hidden;
}
.carousel-wrap .carousel li.three-col .sc-col1, .carousel-wrap .carousel li.three-col .sc-col2, .carousel-wrap .carousel li.three-col .sc-col3 {
  width: 313px;
}
.carousel-wrap .carousel li.three-col .sc-col1 {
  position: relative;
  float: left;
  left: 5px;
}
.carousel-wrap .carousel li.three-col .sc-col2 {
  position: relative;
  float: left;
  left: 15px;
}
.carousel-wrap .carousel li.three-col .sc-col3 {
  position: relative;
  float: right;
  right: 5px;
}
.carousel-wrap .carousel li.three-col .sc-innerwrap {
  padding: 5px;
}
.carousel-wrap .carousel li.two-col .sc-header, .carousel-wrap .carousel li.two-col .sc-footer {
  width: 839px;
  margin: 0 60px;
}
.carousel-wrap .carousel li.two-col .sc-col1, .carousel-wrap .carousel li.two-col .sc-col2 {
  width: 420px;
}
.carousel-wrap .carousel li.two-col .sc-col1 {
  position: relative;
  float: left;
  left: 60px;
}
.carousel-wrap .carousel li.two-col .sc-col2 {
  position: relative;
  float: right;
  right: 60px;
}
.carousel-wrap .carousel li.two-col .sc-col3 {
  display: none;
}
.carousel-wrap .carousel li.two-col .sc-innerwrap {
  padding: 5px;
}
.carousel-wrap .carousel li.one-col .sc-header, .carousel-wrap .carousel li.one-col .sc-footer {
  width: 870px;
  margin: 0 60px;
}
.carousel-wrap .carousel li.one-col .sc-col1 {
  width: 870px;
  position: relative;
  float: left;
  left: 60px;
}
.carousel-wrap .carousel li.one-col .sc-col2 {
  display: none;
}
.carousel-wrap .carousel li.one-col .sc-col3 {
  display: none;
}
.carousel-wrap .carousel li.one-col .sc-innerwrap {
  padding: 5px;
}
.carousel-wrap .carousel li .content.left {
  left: 60px;
}
.carousel-wrap .carousel li .content.center {
  margin: 0 auto;
  position: relative;
}
.carousel-wrap .carousel li .content.right {
  right: 60px;
}
.carousel-wrap .carousel li .content h2, .carousel-wrap .carousel li .sc-header h2, .carousel-wrap .carousel li .sc-footer h2, .carousel-wrap .carousel li .sc-col1 h2, .carousel-wrap .carousel li .sc-col2 h2, .carousel-wrap .carousel li .sc-col3 h2 {
  clear: both;
  float: left;
  font-family: "TWC Round Book", Arial, Sans-Serif;
  font-size: 54px;
}
.carousel-wrap .carousel li .content h2 sup, .carousel-wrap .carousel li .sc-header h2 sup, .carousel-wrap .carousel li .sc-footer h2 sup, .carousel-wrap .carousel li .sc-col1 h2 sup, .carousel-wrap .carousel li .sc-col2 h2 sup, .carousel-wrap .carousel li .sc-col3 h2 sup {
  font-size: 22px;
  position: relative;
  top: -20px;
}
.carousel-wrap .carousel li .content h2 sup.end, .carousel-wrap .carousel li .sc-header h2 sup.end, .carousel-wrap .carousel li .sc-footer h2 sup.end, .carousel-wrap .carousel li .sc-col1 h2 sup.end, .carousel-wrap .carousel li .sc-col2 h2 sup.end, .carousel-wrap .carousel li .sc-col3 h2 sup.end {
  display: block;
  float: right;
  line-height: 10px;
  top: 10px;
  width: 65px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .carousel-wrap .carousel li .content h2 sup.end, .carousel-wrap .carousel li .sc-header h2 sup.end, .carousel-wrap .carousel li .sc-footer h2 sup.end, .carousel-wrap .carousel li .sc-col1 h2 sup.end, .carousel-wrap .carousel li .sc-col2 h2 sup.end, .carousel-wrap .carousel li .sc-col3 h2 sup.end {
    position: relative;
    top: 12px;
  }
}
.carousel-wrap .carousel li .content h2 sup span, .carousel-wrap .carousel li .sc-header h2 sup span, .carousel-wrap .carousel li .sc-footer h2 sup span, .carousel-wrap .carousel li .sc-col1 h2 sup span, .carousel-wrap .carousel li .sc-col2 h2 sup span, .carousel-wrap .carousel li .sc-col3 h2 sup span {
  font-size: 11px;
}
.carousel-wrap .carousel li .content h3, .carousel-wrap .carousel li .sc-header h3, .carousel-wrap .carousel li .sc-footer h3, .carousel-wrap .carousel li .sc-col1 h3, .carousel-wrap .carousel li .sc-col2 h3, .carousel-wrap .carousel li .sc-col3 h3 {
  clear: both;
  font-family: "TWC Round Book", Arial, Sans-Serif;
  font-size: 20px;
  margin: 0;
}
.carousel-wrap .carousel li .blue-button, .carousel-wrap .carousel li .panel-wrap .panel-group .panel .panel-header nav span, .panel-wrap .panel-group .panel .panel-header nav .carousel-wrap .carousel li span {
  margin-top: 15px;
  font-size: 18px;
}
.carousel-wrap .carousel li .channels {
  position: absolute;
  opacity: 1;
  bottom: 0;
  left: 0;
}
.carousel-wrap div.pager-wrap {
  bottom: 15px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
}
.carousel-wrap .pagination {
  background: rgba(0, 0, 0, 0.7);
  height: 11px;
  padding: 6px 5px 6px 11px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.carousel-wrap .pagination > a {
  display: none;
}
.carousel-wrap .pagination li {
  float: left;
}
.carousel-wrap .pagination li a {
  background: url("clientlibs/images/background-carousel-pager-items.png") 0 0 no-repeat;
  display: block;
  height: 12px;
  width: 12px;
  margin: 0 4px 0 0;
  text-indent: -9999em;
}
.carousel-wrap .pagination li.activeSlide a,
.carousel-wrap .pagination li a:hover {
  background-position: 100% 0;
  cursor: default;
}

ul.pager {
  list-style: none;
  width: 100%;
}
ul.pager li {
  position: absolute;
  top: 128px;
  z-index: 33;
}
ul.pager li.left {
  left: -7px;
}
ul.pager li.right {
  right: -7px;
}
ul.pager li.right a {
  background-position: top right;
}
ul.pager li a {
  background: url("clientlibs/images/hero-carousel-controls.png") no-repeat scroll left bottom transparent;
  display: block;
  height: 67px;
  text-indent: -9999px;
  width: 30px;
}
ul.pager li a:hover {
  background-image: url("clientlibs/images/hero-carousel-controls-hover.png");
}

.prev,
.next {
  background: url("clientlibs/images/line-pattern.png") repeat top left #333;
  position: absolute;
  top: 0;
  width: 533px;
  height: 328px;
  overflow: hidden;
}
.prev li,
.next li {
  width: 533px;
  height: 328px;
  overflow: hidden;
}
.prev img,
.next img {
  width: 809px;
  height: 328px;
  opacity: 0.6 !important;
}

.prev {
  border-right: 1px solid #000;
  left: -510px;
}
.prev li.right img {
  margin-left: 0;
}
.prev li.center img {
  margin-left: -138px;
}
.prev li.left img {
  margin-left: -213px;
}

.next {
  right: -510px;
  border-left: 1px solid #000;
}
.next li.right img {
  margin-left: -69px;
}
.next li.center img {
  margin-left: -138px;
}
.next li.left img {
  margin-left: -276px;
}

.carousel-drop-shadow {
  position: absolute;
  bottom: -70px;
  background: url("clientlibs/images/drop-shadow-carousel.png") no-repeat scroll 30px 0 transparent;
  height: 42px;
  margin: -19px 0 60px -76px;
  width: 1163px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */

 .oldie .carousel-wrap .pagination {
  background: url("clientlibs/images/opacity.png") 0 0 repeat;
 }

/*
 * IE7 Styles (.ie7)
 */
.ie7 .carousel .content h2 {
  position: relative;
}
.ie7 .carousel .content .end {
  display: inline-block;
  position: absolute !important;
  padding: 5px 0 0;
}
.ie7 .carousel-wrap .pager-wrap {
  position: relative;
  bottom: 60px;
  margin: 0 auto -23px;
}
.ie7 .carousel-wrap .carousel-drop-shadow {
  /* margin: -87px auto 60px; */
  bottom: -10px;
  margin: -15px 0 0 -75px;
  z-index: -1;
}

/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .carousel **/
/* ----------------------
 * Generic Slider Base Styles
 *
 *
 -- */
.slider {
  height: 150px;
  position: relative;
  width: 100%;
}
.slider .slides {
  width: 640px;
  height: 131px;
  margin: 0 3px 10px;
  overflow: hidden;
}
.slider .slides li {
  height: 150px;
  width: 640px;
}
.slider .slides .slide-item {
  float: left;
  margin: 0 12px 0 0;
}
.slider .slides .slide-item:last-child {
  margin: 0;
}
.slider .slides .slide-item.last {
  margin: 0;
}
.slider .slides .slide-item a {
  display: block;
  position: relative;
}
.slider .slides .slide-item img {
  width: 205px;
}
.slider .slides .slide-item .overlay {
  background: url("clientlibs/images/opacity-black.png") 0 0 repeat;
  cursor: pointer;
  display: none;
  height: 131px;
  left: 0;
  position: absolute;
  top: 0;
  width: 205px;
}
.slider .slides .slide-item .overlay h3 {
  font-weight: bold;
  font-size: 17px;
  color: #fff;
  padding: 50px 0 0;
  text-align: center;
}
.slider .slides .slide-item .overlay h3 span {
  display: block;
  font-size: 13px;
  font-weight: normal;
}
.slider .pagination {
  margin: 0 auto;
  clear: both;
}
.slider .pagination a {
  background: url("clientlibs/images/buttons-slider-pagination.png") no-repeat scroll 0 0 transparent;
  display: block;
  float: left;
  height: 5px;
  margin-right: 3px;
  text-indent: -9999em;
  width: 6px;
}
.slider .pagination a:hover {
  background-position: 50% 0;
}
.slider .pagination .activeSlide a {
  background-position: 100% 0;
}
.slider a.prev,
.slider a.next {
  background: url("clientlibs/images/button-slider-controls-blue.png") no-repeat scroll 0 0 transparent;
  border: 0;
  height: 60px;
  position: absolute;
  text-indent: -9999em;
  top: 38px;
  width: 28px;
  z-index: 5;
}
.slider a.prev:hover,
.slider a.next:hover {
  background-image: url("clientlibs/images/button-slider-controls-hover-fullshadow.png");
}
.slider a.prev {
  left: 3px;
}
.slider a.next {
  background-position: 100% 0;
  right: 3px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
.ie7 .slider .pagination li {
  float: left;
}

/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.no-js)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
.no-js .slider {
  height: auto;
}
.no-js .slider .slides {
  overflow: visible;
}
.no-js .slider .slides .overlay {
  display: block;
}

/* ----------------------
 *  Print Styles
 *
 -- */
/** END .slider **/
/* ----------------------
 * Premium Slider Base Styles
 *
 * Extends from .slider, avoiding chaining css
 *
 -- */
._premium-slide-item, .premium-slider .slides ul li.slide-item {
  width: 110px;
  height: 98px;
  overflow: hidden;
  margin: 0 -5px;
  padding: 0 5px;
  position: relative;
  background: url("clientlibs/images/premium-carousel-item-divider.png") no-repeat 115px 5px;
}
._premium-slide-item.first:hover, .premium-slider .slides ul li.first.slide-item:hover {
  margin: 4px -5px 0;
  width: 110px;
}
._premium-slide-item:first-child:hover, .premium-slider .slides ul li.slide-item:first-child:hover {
  margin: 4px -5px 0;
  width: 110px;
}
._premium-slide-item:last-child, .premium-slider .slides ul li.slide-item:last-child {
  margin-left: -5px;
  margin-right: -5px;
  background: 0;
}
._premium-slide-item:last-child:hover, .premium-slider .slides ul li.slide-item:last-child:hover {
  margin-left: 0px;
  width: 110px;
  padding-left: 0px;
}
._premium-slide-item .slide-content, .premium-slider .slides ul li.slide-item .slide-content {
  height: 88px;
  overflow: hidden;
}
._premium-slide-item .slide-content img, .premium-slider .slides ul li.slide-item .slide-content img {
  display: block;
  margin: 0 auto;
  max-width: 120px;
  opacity: 0.6;
  padding: 21px 0;
  width: auto;
  display: block;
  opacity: .6;
}
._premium-slide-item .slide-content h3, .premium-slider .slides ul li.slide-item .slide-content h3 {
  color: #b3b3b3;
  text-align: center;
  font-family: "TWC Round Book", Arial, Sans-Serif;
  font-size: 18px;
  padding-top: 26px;
}
._premium-slide-item .slide-content h3 span, .premium-slider .slides ul li.slide-item .slide-content h3 span {
  display: block;
  font-size: 10px;
}
._premium-slide-item.active .slide-content h3, .premium-slider .slides ul li.active.slide-item .slide-content h3 {
  color: #fff;
  font-size: 22px;
  padding-top: 23px;
}
._premium-slide-item.active .slide-content h3 span, .premium-slider .slides ul li.active.slide-item .slide-content h3 span {
  color: #b3b3b3;
  font-size: 12px;
}
._premium-slide-item:hover, .premium-slider .slides ul li.slide-item:hover {
  top: 0;
  margin: 4px 0 0;
  height: 81px;
  width: 100px;
  padding: 0 5px;
  background-color: rgba(255, 255, 255, 0.1);
  background-image: none;
  background-repeat: no-repeat;
  background-position: center bottom;
}
._premium-slide-item:hover .slide-content, .premium-slider .slides ul li.slide-item:hover .slide-content {
  margin-top: -4px;
}
._premium-slide-item:hover .slide-content h3, .premium-slider .slides ul li.slide-item:hover .slide-content h3 {
  color: #fff;
  font-size: 22px;
  padding-top: 23px;
}
._premium-slide-item:hover .slide-content h3 span, .premium-slider .slides ul li.slide-item:hover .slide-content h3 span {
  color: #b3b3b3;
  font-size: 12px;
}
._premium-slide-item:hover .slide-content img, .premium-slider .slides ul li.slide-item:hover .slide-content img {
  opacity: 1;
}
._premium-slide-item.active, .premium-slider .slides ul li.active.slide-item, ._premium-slide-item.active:hover, .premium-slider .slides ul li.active.slide-item:hover {
  top: -4px;
  margin: 4px -10px 0;
  height: 98px;
  width: 120px;
  padding: 0 5px;
  background-color: transparent;
  background-image: url("clientlibs/images/premium-carousel-item-drop-shadow.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 8px;
  z-index: 1;
}
._premium-slide-item.active .slide-content, .premium-slider .slides ul li.active.slide-item .slide-content, ._premium-slide-item.active:hover .slide-content, .premium-slider .slides ul li.active.slide-item:hover .slide-content {
  margin-top: 0;
  height: 88px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #7c7f89;
  background-image: url("clientlibs/images/background-gradient-feature-carousel-active.png");
  background-repeat: repeat-x;
  background-position: bottom center;
}
._premium-slide-item.active .slide-content img, .premium-slider .slides ul li.active.slide-item .slide-content img, ._premium-slide-item.active:hover .slide-content img, .premium-slider .slides ul li.active.slide-item:hover .slide-content img {
  opacity: 1;
}

.premium-slider {
  margin: 0 auto 26px;
  clear: both;
  width: 728px;
  height: 103px;
  position: relative;
  padding: 0;
}
.premium-slider .slides {
  width: 670px;
  height: 98px;
  margin: -5px 26px 0;
  overflow: hidden;
}
.premium-slider .slides li {
  height: 98px;
  width: 670px;
  padding: 0 5px;
  background-image: none;
  background-color: transparent;
  overflow: hidden;
}
.premium-slider .slides ul.items-5 .slide-item {
  width: 133px;
  background-position: 138px 5px;
}
.premium-slider .slides ul.items-5 .slide-item.first:hover {
  width: 133px;
}
.premium-slider .slides ul.items-5 .slide-item.first-child:hover {
  width: 133px;
}
.premium-slider .slides ul.items-5 .slide-item:last-child:hover {
  width: 133px;
}
.premium-slider .slides ul.items-5 .slide-item.last:hover {
  width: 133px;
}
.premium-slider .slides ul.items-5 .slide-item:hover {
  width: 123px;
}
.premium-slider .slides ul.items-5 .slide-item.active {
  width: 143px;
}
.premium-slider .slides ul.items-5 .slide-item.active:hover {
  width: 143px !important;
}
.premium-slider .slides ul.items-4 .slide-item, .premium-slider .slides ul.items-3 .slide-item, .premium-slider .slides ul.items-2 .slide-item, .premium-slider .slides ul.items-1 .slide-item {
  width: 165px;
  background-position: 170px 5px;
}
.premium-slider .slides ul.items-4 .slide-item.first:hover, .premium-slider .slides ul.items-3 .slide-item.first:hover, .premium-slider .slides ul.items-2 .slide-item.first:hover, .premium-slider .slides ul.items-1 .slide-item.first:hover {
  width: 165px;
}
.premium-slider .slides ul.items-4 .slide-item.first-child:hover, .premium-slider .slides ul.items-3 .slide-item.first-child:hover, .premium-slider .slides ul.items-2 .slide-item.first-child:hover, .premium-slider .slides ul.items-1 .slide-item.first-child:hover {
  width: 165px;
}
.premium-slider .slides ul.items-4 .slide-item:last-child:hover, .premium-slider .slides ul.items-3 .slide-item:last-child:hover, .premium-slider .slides ul.items-2 .slide-item:last-child:hover, .premium-slider .slides ul.items-1 .slide-item:last-child:hover {
  width: 165px;
}
.premium-slider .slides ul.items-4 .slide-item:hover, .premium-slider .slides ul.items-3 .slide-item:hover, .premium-slider .slides ul.items-2 .slide-item:hover, .premium-slider .slides ul.items-1 .slide-item:hover {
  width: 155px;
}
.premium-slider .slides ul.items-4 .slide-item.active, .premium-slider .slides ul.items-3 .slide-item.active, .premium-slider .slides ul.items-2 .slide-item.active, .premium-slider .slides ul.items-1 .slide-item.active {
  width: 175px;
}
.premium-slider .slides ul.items-4 .slide-item.active:hover, .premium-slider .slides ul.items-3 .slide-item.active:hover, .premium-slider .slides ul.items-2 .slide-item.active:hover, .premium-slider .slides ul.items-1 .slide-item.active:hover {
  width: 175px !important;
}
.premium-slider a.prev,
.premium-slider a.next {
  background: url("clientlibs/images/hero-carousel-controls.png") no-repeat scroll left bottom transparent;
  border: 0;
  height: 67px;
  position: absolute;
  text-indent: -9999em;
  top: 10px;
  width: 25px;
  z-index: 2;
}
.premium-slider a.prev:hover,
.premium-slider a.next:hover {
  background-image: url("clientlibs/images/hero-carousel-controls-hover.png");
}
.premium-slider a.prev.prev-trim, .premium-slider a.prev.next-trim,
.premium-slider a.next.prev-trim,
.premium-slider a.next.next-trim {
  opacity: 0;
  z-index: 3;
  width: 21px;
}
.premium-slider a.prev.prev-trim:hover, .premium-slider a.prev.next-trim:hover,
.premium-slider a.next.prev-trim:hover,
.premium-slider a.next.next-trim:hover {
  opacity: 1;
  width: 25px;
}
.premium-slider a.prev,
.premium-slider .prev-trim {
  left: 1px;
}
.premium-slider a.next,
.premium-slider .next-trim {
  background-position: 100% 0;
  right: 7px;
}
.premium-slider .pagination {
  position: relative;
  z-index: 3;
  margin-top: 0;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
.oldie .premium-slider .slides li {
  background-color: transparent !important;
}
.oldie .premium-slider .slides li.slide-item img {
  filter: alpha(opacity=30);
}
.oldie .premium-slider .slides li.slide-item:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF, endColorstr=#19FFFFFF)";
}
.oldie .premium-slider .slides li.slide-item:hover img {
  filter: alpha(opacity=100);
}
.oldie .premium-slider .slides li.slide-item.last {
  margin-left: 0;
}
.oldie .premium-slider .slides li.slide-item.last.first {
  margin-left: -10px;
}
.oldie .premium-slider .slides li.slide-item.last:hover {
  width: 105px;
  margin-left: 2px;
}
.oldie .premium-slider .slides li.slide-item.active {
  margin-left: -10px;
}
.oldie .premium-slider .slides li.slide-item.active:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)";
  width: 120px;
  margin-left: -10px;
}
.oldie .premium-slider .slides li.slide-item.active.last {
  margin-left: -5px;
}
.oldie .premium-slider .slides li.slide-item.active.last.first {
  margin-left: -10px;
}
.oldie .premium-slider .slides li.slide-item.active.last:hover {
  width: 120px;
}
.oldie .premium-slider .slides li.slide-item.active img {
  filter: alpha(opacity=100);
}
.oldie .premium-slider ul.items-5 li {
  width: 130px;
}
.oldie .premium-slider ul.items-5 li:hover {
  width: 120px;
}
.oldie .premium-slider ul.items-5 li.active:hover {
  width: 90px;
}
.oldie .premium-slider ul.items-5 li.last {
  width: 120px;
}
.oldie .premium-slider ul.items-5 li.last:hover {
  width: 128px !important;
  margin-left: 1px !important;
  padding-left: 0;
}
.oldie .premium-slider ul.items-5 li.active.last,
.oldie .premium-slider ul.items-5 li.active.last:hover {
  width: 138px !important;
}
.oldie .premium-slider ul.items-5 li.active.last:hover {
  margin-left: -1px;
}
.oldie .premium-slider ul.items-4 li.last:hover {
  width: 160px !important;
}

/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/*.ie9 {

    .premium-slider {

    } // .premium-slider

} // .ie9
*/
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/*.no-js {

    .premium-slider {

    } // .premium-slider

} // .no-js*/
/* ----------------------
 *  Print Styles
 *
 -- */
/* @media print {

    .premium-slider {} // .premium-slider

} // @media print*/
/* END .premium-slider */
/* ----------------------
 * Generic Product Slider Base Styles
 *
 * Extends from .slider, Avoiding chaining css
 *
 -- */
.product-slider {
  float: left;
  height: 270px;
  position: relative;
  width: 735px;
}
.product-slider .slides {
  width: 730px;
  height: 255px;
  margin: 0 3px 10px;
  overflow: hidden;
}
.product-slider .slides li {
  height: 246px;
  width: 730px;
  margin-bottom: 20px;
}
.product-slider .slides .slide-item {
  width: 236px;
  height: 252px;
  overflow: hidden;
  margin: 0 11px 0 0;
  background-image: url("clientlibs/images/background-slider-panel-static.png");
  background-repeat: no-repeat;
  background-position: top center;
}
.product-slider .slides .slide-item:last-child {
  margin-right: 0;
}
.product-slider .slides .slide-item.last {
  margin-right: 0;
}
.product-slider .slides .slide-item .slide-content {
  height: 100%;
  text-align: center;
  margin: 17px 20px;
}
.product-slider .slides .slide-item .slide-content h3 {
  margin: 5px 0;
  color: #000;
  font-family: "TWC Round Book", Arial, Sans-Serif;
  font-size: 23px;
}
.product-slider .slides .slide-item .slide-content h4 {
  margin: 0 0 2px;
  color: #3e90d2;
  font-family: "TWC Round Medium", Arial, Sans-Serif;
  font-size: 28px;
}
.product-slider .slides .slide-item .slide-content h4 sup {
  font-size: 14px;
}
.product-slider .slides .slide-item .slide-content p {
  margin: 0 0 10px;
  color: #2c3944;
  font-family: Arial, Sans-Serif;
  font-size: 11px;
}
.product-slider .slides .slide-item .slide-content p strong {
  font-weight: bold;
}
.product-slider .slides .slide-item .slide-content .blue-button, .product-slider .slides .slide-item .slide-content .panel-wrap .panel-group .panel .panel-header nav span, .panel-wrap .panel-group .panel .panel-header nav .product-slider .slides .slide-item .slide-content span {
  display: inline-block;
  float: none;
}
.product-slider .slides .slide-item img {
  width: 150px;
  display: block;
  margin: 0 auto -8px;
}
.product-slider a.prev,
.product-slider a.next {
  background: url("clientlibs/images/button-slider-controls-blue.png") no-repeat scroll 0 0 transparent;
  border: 0;
  height: 58px;
  position: absolute;
  text-indent: -9999em;
  top: 87px;
  width: 25px;
  z-index: 5;
}
.product-slider a.prev:hover,
.product-slider a.next:hover {
  background-image: url("clientlibs/images/button-slider-controls-hover-fullshadow.png");
}
.product-slider a.prev {
  left: 3px;
}
.product-slider a.next {
  background-position: 100% 100%;
  right: 2px;
}

/* ----------------------
 * The following is the CSS3 version for .product-slider preserved for future use
 -- */
.feature-details-slider {
  position: relative;
  clear: both;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
.ie7 .product-slider {
  width: 730px;
  overflow: hidden;
}
.ie7 .product-slider li {
  background-color: transparent !important;
  width: 732px;
}
.ie7 .product-slider .slide-item {
  width: 236px;
}
.ie7 .product-slider a.prev {
  left: 2px;
}
.ie7 .product-slider a.next {
  right: -2px;
}

/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
.no-js .product-slider {
  height: auto;
}
.no-js .product-slider .slides {
  overflow: visible;
}

/* ----------------------
 *  Print Styles
 *
 -- */
/** END .product-slider **/
/* ----------------------
 * Feature Carousel Base Styles
 *
 *
 -- */
.feature-carousel {
  margin: 0 auto 26px;
  clear: both;
  width: 668px;
  height: 129px;
  position: relative;
  padding: 0 127px;
  background-color: transparent;
  background-image: url("clientlibs/images/premium-carousel-drop-shadow.png");
  background-repeat: repeat-x;
  background-position: bottom center;
}
.feature-carousel .tabs-nav {
  clear: both;
  margin-bottom: -2px;
  height: 35px;
  overflow: hidden;
}
.feature-carousel .tabs-nav ul li {
  float: left;
  height: 13px;
  margin: 0 1px 0 0;
  padding: 10px 24px;
  background-color: #000;
  border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
}
.feature-carousel .tabs-nav ul li.active, .feature-carousel .tabs-nav ul li:hover, .feature-carousel .tabs-nav ul li.active:hover {
  background-color: #45484e;
  height: 15px;
}
.feature-carousel .tabs-nav ul li:hover {
  height: 13px;
}
.feature-carousel .tabs-nav ul a {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}
.feature-carousel .tabs-container {
  clear: both;
  width: 670px;
  height: 80px;
  margin: 0;
  border-top: 1px solid #6a6d71;
  background-color: transparent;
  background-image: url("clientlibs/images/background-gradient-feature-carousel.png");
  background-repeat: repeat-x;
  background-position: 0 0;
  border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
}
.feature-carousel .tabs-container div.multipanel {
  display: none;
  color: white;
}
.feature-carousel .tabs-container div.multipanel.active {
  display: block;
}
.feature-carousel .tabs-container .premium-slider {
  margin: 0 0 26px -26px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .feature-carousel **/
/* ----------------------
 * Image Feed Slider Base Styles
 *
 * Extends from .slider, Avoiding chaining css
 *
 -- */
.image-feed-slider {
  background: transparent url("clientlibs/images/dropshadow-bottom.png") repeat-x bottom center;
  clear: both;
  height: 235px;
  position: relative;
  padding: 0;
  width: 980px;
  border-bottom-left-radius: 6px;
  -moz-border-bottom-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-bottom-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
}
.image-feed-slider .slides {
  background-color: #fff;
  border-left-color: #d5d8d9;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #d5d8d9;
  border-right-style: solid;
  border-right-width: 1px;
  height: 232px;
  margin: 0 0 10px;
  overflow: hidden;
  width: 980px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.image-feed-slider .slides li {
  height: 246px;
  width: 980px;
  margin-bottom: 20px;
}
.image-feed-slider .slides .slide-item {
  width: 155px;
  overflow: hidden;
  margin: 0;
}
.image-feed-slider .slides .slide-item:first-child {
  margin-left: 20px;
}
.image-feed-slider .slides .slide-item:last-child {
  margin-right: 0;
}
.image-feed-slider .slides .slide-item.last {
  margin-right: 0;
}
.image-feed-slider .slides .slide-item .slide-content {
  width: 125px;
  height: 168px;
  overflow: hidden;
  margin: 29px 10px 17px 10px;
  padding: 0;
  background-image: url("clientlibs/images/overlay-feed-slider-blockbuser.png");
  background-position: top left;
  background-repeat: no-repeat;
  background-color: trasparent;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.image-feed-slider .slides .slide-item .slide-content img {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 125px;
  display: block;
  margin: 0;
  position: relative;
  z-index: -1;
}
.image-feed-slider a.prev,
.image-feed-slider a.next {
  background: url("clientlibs/images/button-slider-controls-blue.png") no-repeat scroll 0 0 transparent;
  border: 0;
  height: 58px;
  position: absolute;
  text-indent: -9999em;
  top: 87px;
  width: 25px;
  z-index: 5;
}
.image-feed-slider a.prev:hover,
.image-feed-slider a.next:hover {
  background-image: url("clientlibs/images/button-slider-controls-hover-fullshadow.png");
}
.image-feed-slider a.prev {
  left: 0px;
}
.image-feed-slider a.next {
  background-position: 100% 0;
  right: -2px;
}
.image-feed-slider .pagination {
  position: relative;
  z-index: 3;
  margin-top: 0;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .image-feed-slider **/
/* ----------------------
 * Large Slider Base Styles
 *
 * Extends from .slider, avoiding chaining css
 *
 -- */
.large-slider {
  clear: both;
  width: 980px;
  height: 348px;
  position: relative;
  padding: 0;
  background-color: transparent;
  background-image: url("clientlibs/images/dropshadow-bottom.png");
  background-repeat: repeat-x;
  background-position: bottom center;
  border-bottom-left-radius: 6px;
  -moz-border-bottom-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-bottom-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
}
.large-slider .slides {
  width: 980px;
  height: 344px;
  margin: 0 0 10px;
  background-color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  border-left-color: #d5d8d9;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #d5d8d9;
  border-right-style: solid;
  border-right-width: 1px;
}
.large-slider .slides li {
  height: 246px;
  width: 980px;
  margin-bottom: 20px;
}
.large-slider .slides .slide-item {
  width: 235px;
  overflow: hidden;
  margin: 0;
}
.large-slider .slides .slide-item:first-child {
  margin-left: 20px;
}
.large-slider .slides .slide-item:last-child {
  margin-right: 0;
}
.large-slider .slides .slide-item.last {
  margin-right: 0;
}
.large-slider .slides .slide-item .slide-content {
  height: 100%;
  text-align: left;
  margin: 29px 10px 17px 10px;
}
.large-slider .slides .slide-item .slide-content h3 {
  margin: 13px 0 7px;
  color: #000;
  font-family: Arial, Sans-Serif;
  font-size: 17px;
  font-weight: bold;
}
.large-slider .slides .slide-item .slide-content h4 {
  float: right;
  font-family: "TWC Round Medium", Arial, Sans-Serif;
  font-size: 28px;
  line-height: 28px;
}
.large-slider .slides .slide-item .slide-content h4 sup {
  font-size: 15px;
  font-weight: normal;
  line-height: 15px;
  position: relative;
  top: -8px;
}
.large-slider .slides .slide-item .slide-content p {
  margin: 0 0 10px;
  color: #2c3944;
  font-family: Arial, Sans-Serif;
  font-size: 13px;
  line-height: 18px;
}
.large-slider .slides .slide-item .slide-content p strong {
  font-weight: bold;
}
.large-slider .slides .slide-item .slide-content a {
  font-weight: bold;
  display: inline;
}
.large-slider .slides .slide-item img {
  width: 213px;
  display: block;
  margin: 0 auto 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.large-slider .slides .slide-item.active .media .active-bar {
  display: block;
}
.large-slider .slides .slide-item .media {
  height: 128px;
  width: 213px;
  position: relative;
}
.large-slider .slides .slide-item .media .active-bar {
  bottom: 0;
  background: #3376b2;
  display: none;
  height: 9px;
  position: absolute;
  width: 100%;
  border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
}
.large-slider .slides .slide-item a.toggleID {
  background: url("clientlibs/images/arrow-down-blue.png") no-repeat scroll 100% 5px transparent;
  padding-right: 13px;
}
.large-slider .slides .slide-item.active .toggleID {
  background: url("clientlibs/images/arrow-up-blue.png") no-repeat scroll 100% 3px transparent;
}
.large-slider a.prev,
.large-slider a.next {
  background: url("clientlibs/images/button-slider-controls-blue.png") no-repeat scroll 0 0 transparent;
  border: 0;
  height: 58px;
  position: absolute;
  text-indent: -9999em;
  top: 137px;
  width: 25px;
  z-index: 5;
}
.large-slider a.prev:hover,
.large-slider a.next:hover {
  background-image: url("clientlibs/images/button-slider-controls-hover-fullshadow.png");
}
.large-slider a.prev {
  left: 0px;
}
.large-slider a.next {
  background-position: 100% 0;
  right: -2px;
}
.large-slider .pagination {
  position: relative;
  z-index: 3;
  margin-top: -30px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
.no-js .large-slider {
  height: auto;
}
.no-js .large-slider .slides {
  overflow: hidden;
  height: auto;
}
.no-js .large-slider .slides li {
  float: left;
  overflow: visible;
  height: auto;
}

/* ----------------------
 *  Print Styles
 *
 -- */
/** END .large-slider **/
/* ----------------------
 * Feature Splash Area Base Styles
 *
 -- */
.feature-splash {
  margin-top: -30px;
  /* position below breadcrumbs ( -30px = breadcrumb height ) */
  margin-bottom: -145px;
  min-height: 30px;
  padding-bottom: 171px;
  /* offset for neg margin (145px) + normal bottom margin (26px)*/
}
.feature-splash.internet-overview .feature-image {
  background-color: #000;
}
.feature-splash .feature-image {
  display: block;
  height: 304px;
  margin: 0 auto -304px;
  background-color: #282828;
  background-repeat: no-repeat;
  background-position: center top;
}
.feature-splash .overlay {
  width: 100%;
  background: transparent url(clientlibs/images/overlay-scanline-noshadow.png) repeat;
  position: relative;
}
.feature-splash .overlay .wrap {
  height: 304px;
  overflow: hidden;
}
.feature-splash .overlay .rtf {
  clear: both;
  width: 400px;
  color: #fff;
  font-family: Arial, Sans-Serif;
  line-height: 0;
  /* quick reset */
  padding: 0 28px;
  position: relative;
  z-index: 5;
}
.feature-splash .overlay .rtf.dark {
  color: #282828;
}
.feature-splash .overlay .rtf h2 {
  font-family: "TWC Round Light", Arial, Sans-Serif;
  font-size: 37px;
  line-height: 34px;
  margin: 0 0 10px 0;
}
.feature-splash .overlay .rtf p {
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 15px 0;
}
.feature-splash .overlay .rtf .blue-button {
  font-size: 16px;
}
.feature-splash .feature-deck {
  width: 100%;
  height: 270px;
  display: block;
  clear: both;
  margin-bottom: -240px;
  background-image: url("clientlibs/images/gradient-background-feature-deck.png");
  background-color: transparent;
  background-repeat: repeat-x;
  background-position-y: -38px;
}
.feature-splash .feature-deck .wrap {
  position: relative;
}
.feature-splash .feature-deck .faq-module {
  position: absolute;
  z-index: 1;
  right: -68px;
  margin-top: -304px;
  height: 333px;
}
.feature-splash .feature-deck .faq-module .wrap {
  max-height: 302px;
}
.feature-splash .feature-deck .feature-carousel {
  margin-top: -74px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
.ie7 .feature-splash .overlay .vert-center {
  padding-top: 30px;
  /* account for breadcrumbs and such */
}

/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
.no-js .feature-splash .overlay .rtf {
  top: 30px;
}

/* ----------------------
 *  Print Styles
 *
 -- */
/** END .feature-splash **/
/* ----------------------
 * Overview Splash Base Styles
 *
 *
 -- */
.overview-splash {
  margin-top: -30px;
  /* position below breadcrumbs ( -30px = breadcrumb height ) */
  margin-bottom: -145px;
  min-height: 30px;
  padding-bottom: 171px;
  /* offset for neg margin (145px) + normal bottom margin (26px)*/
}
.overview-splash .feature-image {
  display: block;
  height: 304px;
  margin: 0 auto -304px;
  background-color: #282828;
  background-repeat: no-repeat;
  background-position: center top;
  /*
  text-align: center;
  img {
    display: inline;
    height: 304px;
  }
  */
}
.overview-splash .overlay {
  width: 100%;
  background: transparent url("clientlibs/images/overlay-scanline-noshadow.png") repeat;
  position: relative;
}
.overview-splash .overlay .wrap {
  height: 304px;
  overflow: hidden;
}
.overview-splash .overlay .rtf {
  clear: both;
  width: 400px;
  color: #fff;
  font-family: Arial, Sans-Serif;
  line-height: 0;
  /* quick reset */
  padding: 0 28px;
  position: relative;
  z-index: 5;
}
.overview-splash .overlay .rtf.dark {
  color: #282828;
}
.overview-splash .overlay .rtf h2 {
  font-family: "TWC Round Light", Arial, Sans-Serif;
  font-size: 37px;
  line-height: 34px;
  margin: 0 0 10px 0;
}
.overview-splash .overlay .rtf p {
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 15px 0;
}
.overview-splash .overlay .rtf .blue-button, .overview-splash .overlay .rtf .panel-wrap .panel-group .panel .panel-header nav span, .panel-wrap .panel-group .panel .panel-header nav .overview-splash .overlay .rtf span {
  font-size: 16px;
}
.overview-splash .feature-deck {
  width: 100%;
  height: 270px;
  display: block;
  clear: both;
  margin-bottom: -240px;
  background-image: url("clientlibs/images/gradient-background-feature-deck.png");
  background-color: transparent;
  background-repeat: repeat-x;
  background-position-y: -38px;
}
.overview-splash .feature-deck .wrap {
  position: relative;
}
.overview-splash .feature-deck .faq-module {
  position: absolute;
  z-index: 1;
  right: -68px;
  margin-top: -304px;
  height: 333px;
}
.overview-splash .feature-deck .faq-module .wrap {
  max-height: 302px;
}
.overview-splash .feature-deck .feature-carousel {
  margin-top: -74px;
}

.overview-splash {
  margin-bottom: -110px;
}
.overview-splash .feature-image {
  height: 523px;
}
.overview-splash .sub-feature-image {
  position: absolute;
}
.overview-splash .sub-feature-image.right {
  right: 0;
}
.overview-splash .overlay {
  margin-top: -523px;
}
.overview-splash .overlay .wrap {
  height: 523px;
  position: relative;
}
.overview-splash .overlay .rtf h2 {
  background: url("clientlibs/images/double-border-fade.png") center bottom no-repeat;
  font-family: "TWC Round Book", Arial, Sans-Serif;
  font-size: 44px;
  padding: 0 0 12px;
  text-align: center;
}
.overview-splash .overlay .rtf h2 span {
  display: block;
  font-family: "TWC Round Light", Arial, Sans-Serif;
  font-size: 34px;
}
.overview-splash .overview-tabs {
  position: relative;
  top: -20px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
.no-js .overview-splash .overlay .rtf {
  top: 30px;
}

/* ----------------------
 *  Print Styles
 *
 -- */
/** END .overview-splash **/
/* ----------------------
 * Premiums Splash Base Styles
 *
 *
 -- */
.premiums-splash {
  margin-bottom: -115px;
}
.premiums-splash .feature-image {
  background-color: #000;
  height: 388px;
  margin: 0 auto -388px;
}
.premiums-splash .overlay {
  height: 388px;
}
.premiums-splash .overlay .wrap {
  height: 388px;
}
.premiums-splash .overlay .rtf {
  text-align: center;
  width: 295px;
}
.premiums-splash .overlay .rtf p {
  margin: 0 auto 15px;
  width: 90%;
}
.premiums-splash .overlay .rtf .blue-button, .premiums-splash .overlay .rtf .panel-wrap .panel-group .panel .panel-header nav span, .panel-wrap .panel-group .panel .panel-header nav .premiums-splash .overlay .rtf span {
  float: none;
  margin: 0 auto;
  width: 150px;
}
.premiums-splash .overlay ul.details {
  border-bottom: 1px solid #827d7c;
  border-top: 1px solid #827d7c;
  overflow: hidden;
  padding: 7px 20px;
  margin: 0 0 5px;
}
.premiums-splash .overlay ul.details li {
  float: left;
  width: 45%;
  border-right: 1px dotted #717170;
  font-size: 20px;
  color: #fbfbfb;
  height: 25px;
  font-family: "TWC Round Light", Arial, Sans-Serif;
  padding-top: 5px;
}
.premiums-splash .overlay ul.details li.last {
  border: 0 none;
  float: right;
  text-align: left;
}
.premiums-splash .overlay ul.details li:last-child {
  border: 0 none;
  float: right;
  text-align: left;
}
.premiums-splash .overlay ul.details li.first {
  padding-right: 5px;
}
.premiums-splash .overlay ul.details li:first-child {
  padding-right: 5px;
}
.premiums-splash .overlay ul.details li.first.last {
  float: none;
  margin: 0 auto;
  text-align: center;
}
.premiums-splash .overlay ul.details li span {
  clear: both;
  display: block;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: -3px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .premiums-splash **/
/* ----------------------
 * Carousel Splash Base Styles
 *
 *
 -- */
.carousel-splash .overlay {
  height: 523px;
}
.carousel-splash .overlay .wrap {
  height: 523px;
}
.carousel-splash .feature-image {
  height: 523px;
  margin-bottom: -523px;
  text-align: center;
}
.carousel-splash .feature-deck {
  background-position-y: 0;
  margin-bottom: -230px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .carousel-splash **/
/* ----------------------
 * Generic Module Base Styles
 *
 *
 -- */
.short-splash {
  border-bottom: solid 1px #504f50;
  margin-bottom: 30px;
  padding-bottom: 0;
  overflow: hidden;
  height: 166px;
  background-color: #282828;
}
.short-splash .feature-image {
  height: 166px;
  margin-bottom: -166px;
  background-color: #282828;
  background-repeat: no-repeat;
  background-position: top center;
}
.short-splash .overlay {
  height: 166px;
}
.short-splash .overlay .wrap {
  height: 136px;
  padding-top: 30px;
}
.short-splash .overlay .wrap .rtf {
  text-align: left;
  color: #cfcfcf;
  width: 600px;
}
.short-splash .overlay .wrap .rtf h2 {
  font-family: "TWC Round Light", Arial, Sans-Serif;
  font-size: 36px;
  line-height: 32px;
  margin: 0 0 10px 0;
}
.short-splash .overlay .wrap .rtf p {
  font-size: 16px;
  line-height: 22px;
  margin: 0 0 15px 0;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .short-splash **/
/* ----------------------
 * Animation Splash Base Styles
 *
 -- */
.animation-splash .feature-image {
  background: #000;
  text-align: center;
}
.animation-splash .feature-image img {
  display: none;
  margin: 0 auto;
}
.animation-splash .rtf.center {
  margin: 0 auto;
}
.animation-splash .rtf h2 {
  text-transform: uppercase;
}
.animation-splash .rtf p {
  text-align: center;
}
.animation-splash .animation-header {
  width: 530px !important;
  margin-top: 70px;
}
.animation-splash .animation-header h2 {
  text-transform: uppercase;
  display: none;
}
.animation-splash .animation-header p {
  text-align: center;
  display: none;
}
.animation-splash .animation-footer {
  width: 100%;
  position: absolute;
  bottom: 25px;
  z-index: 5;
}
.animation-splash .animation-footer p {
  display: none;
  margin-bottom: 6px;
  font-family: Arial, Sans-Serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 12px;
  color: #9a9a9a;
}
.animation-splash .animation-footer p span {
  font-weight: bold;
}
.animation-splash .speed-package {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: none;
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  padding-top: 15px;
}
.animation-splash .speed-package span {
  font-weight: normal;
  font-size: 14px;
  display: block;
}
.animation-splash .speed-details {
  width: 145px;
  background-color: rgba(49, 115, 178, 0.2);
  padding: 8px 0px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
.animation-splash .disclaimer {
  font-size: 11px;
  color: #9a9a9a;
  position: absolute;
  bottom: 10px;
  right: 0;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .animation-splash **/
/* ----------------------
 * Sub-Feature Splash Base Styles
 *
 *
 -- */
.sub-feature-splash {
  height: 132px;
  margin: -30px 0 15px;
  padding: 0 0 20px;
  position: relative;
}
.sub-feature-splash .feature-deck {
  background: #d3d6da;
  border-bottom: 1px solid #e9eaec;
  height: 6px;
  margin: 0;
  width: 100%;
}
.sub-feature-splash .title {
  color: #fff;
  font-family: "TWC Round Light", Arial, Sans-Serif;
  font-size: 36px;
  float: left;
  margin-left: 25px;
}
.sub-feature-splash .feature-image {
  margin: 0 auto;
  height: 132px;
}
.sub-feature-splash .feature-image img {
  height: 132px;
}
.sub-feature-splash .overlay {
  background: url("clientlibs/images/overlay-scanline-noshadow.png") repeat scroll 0 0 transparent;
  height: 132px;
  position: absolute;
  top: 0;
  width: 100%;
}
.sub-feature-splash .overlay .wrap {
  height: 132px;
}
.sub-feature-splash .overlay .wrap .css-cell-wrap {
  padding-top: 30px;
}

.sub-feature-splash .search-header h1 {
  margin-top: 60px;
}
.sub-feature-splash .feature-deck-search {
  border-bottom: none;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
.no-js .sub-feature-splash .overlay .rtf {
  top: 30px;
}

/* ----------------------
 *  Print Styles
 *
 -- */
/** END .sub-feature-splash **/
/* ----------------------
 * Bars and Cards (music / photos) Splash/Animation Base Styles
 *
 -- */
.barscards-animation.overview-splash .animation-header {
  margin-top: 50px;
}
.barscards-animation.overview-splash .overlay .rtf h2 {
  background: url("clientlibs/images/double-border-fade.png") center bottom no-repeat;
}
.barscards-animation.overview-splash .animation-chart {
  width: 470px;
  margin: 0 auto;
  position: relative;
  margin-top: 30px;
  /* Sets the max width of the result bar */
  /* This will serve as the bar, make it look nice with a background image or colour gradient */
}
.barscards-animation.overview-splash .animation-chart .speed-details {
  display: none;
  position: absolute;
  top: -20px;
  right: 18px;
}
.barscards-animation.overview-splash .animation-chart table {
  display: none;
}
.barscards-animation.overview-splash .animation-chart td {
  height: 190px;
  vertical-align: bottom;
  padding: 0 16px;
}
.barscards-animation.overview-splash .animation-chart .bar {
  width: 85px;
  height: 0;
  overflow: hidden;
  text-align: center;
  background: url("clientlibs/images/gradient-blue-barchart.png") repeat-x bottom;
  background-size: contain;
}
.barscards-animation.overview-splash .animation-chart .bar p {
  display: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 12px;
}
.barscards-animation.overview-splash .animation-chart .bar p span {
  font-weight: bold;
  display: block;
  font-size: 18px;
  line-height: 18px;
  margin-top: 10px;
}
.barscards-animation.overview-splash .photo-stack {
  position: absolute;
  top: 184px;
  left: 85px;
}
.barscards-animation.overview-splash .photo-stack .photo {
  border: 4px solid white;
  -webkit-box-shadow: 0 0 4px black, inset 0 0 100px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 4px black, inset 0 0 100px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 4px black, inset 0 0 100px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: -500px;
  display: none;
  z-index: 1;
}
.barscards-animation.overview-splash .photo-stack .photo img {
  width: inherit;
  max-width: 223px;
  max-height: 207px;
}
.barscards-animation.overview-splash .animation-footer {
  width: 387px;
  bottom: 10px;
}
.barscards-animation.overview-splash .animation-footer .disclaimer {
  position: static;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .barscards-animation **/
/* ----------------------
 * Generic Module Base Styles
 *
 *
 -- */
.music-animation.overview-splash .animation-chart .speed-details {
  width: 165px;
  top: -13px;
}
.music-animation.overview-splash .overlay .rtf h2 {
  background: url("clientlibs/images/double-border-fade-music.png") center bottom no-repeat;
  padding-bottom: 25px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .music-animation **/
/* ----------------------
 * Generic Module Base Styles
 *
 *
 -- */
.photos-animation.overview-splash .animation-chart .speed-details {
  width: 165px;
  top: -11px;
}
.photos-animation.overview-splash .overlay .rtf h2 {
  background: url("clientlibs/images/double-border-fade-photos.png") center bottom no-repeat;
  padding-bottom: 25px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .photos-animation **/
/* ----------------------
 * Gaming Overview Splash/Animation Base Styles
 *
 -- */
.gaming-animation.animation-splash .disclaimer {
  display: none;
  bottom: 30px;
  text-align: center;
}
.gaming-animation.animation-splash .disclaimer a {
  color: #9a9a9a;
}
.gaming-animation.animation-splash .disclaimer a:hover {
  color: #9a9a9a;
  text-decoration: underline;
}
.gaming-animation.animation-splash .feature-image img {
  display: none;
}
.gaming-animation.animation-splash .rtf {
  margin: 125px auto 0px;
  width: 565px !important;
}
.gaming-animation.animation-splash .rtf h2 {
  background-image: url("clientlibs/images/double-border-fade-gaming.png");
  display: none;
  font-size: 32px;
  line-height: 30px;
  margin: 0 0 5px;
  padding: 0 0 20px;
}
.gaming-animation.animation-splash .rtf h2 span {
  font-size: 25px;
}
.gaming-animation.animation-splash .rtf p {
  display: none;
  font-size: 15px;
  line-height: 15px;
}
.gaming-animation.animation-splash .gaming-logo {
  opacity: 0;
  top: -11px;
  left: 0;
  position: absolute;
  display: none;
}
.gaming-animation.animation-splash .overlay {
  background: none;
}
.gaming-animation.animation-splash .overlay .wrap {
  background: url("clientlibs/images/dam/splash-background-black-box.png") no-repeat scroll center 36px transparent;
  opacity: 0;
}
.gaming-animation.animation-splash .animation-chart {
  bottom: 91px;
  height: 200px;
  left: 215px;
  padding: 0;
  position: absolute;
  width: 580px;
}
.gaming-animation.animation-splash .animation-chart .chart {
  display: none;
  float: left;
  height: 200px;
  margin-right: 14px;
  position: relative;
  width: 130px;
}
.gaming-animation.animation-splash .animation-chart .chart.last {
  margin: 0;
}
.gaming-animation.animation-splash .animation-chart .chart .bar {
  bottom: 0;
  height: 130px;
  position: absolute;
  width: 130px;
}
.gaming-animation.animation-splash .animation-chart .chart .bar .inner {
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}
.gaming-animation.animation-splash .animation-chart .chart.ultimate .bar .inner {
  height: 100%;
}
.gaming-animation.animation-splash .animation-chart .chart.turbo .bar .inner {
  height: 75%;
}
.gaming-animation.animation-splash .animation-chart .chart.standard .bar .inner {
  height: 58%;
}
.gaming-animation.animation-splash .animation-chart .chart.lite .bar .inner {
  height: 37%;
}
.gaming-animation.animation-splash .animation-chart h3 {
  margin: 0 auto;
  width: 110px;
  position: relative;
  opacity: 0;
  top: -63px;
}
.gaming-animation.animation-splash .animation-chart h3 span {
  display: block;
  font-family: "TWC Round Medium", Arial, Sans-Serif;
}
.gaming-animation.animation-splash .animation-chart h3 span.intro {
  color: #fff;
  font-size: 12px;
}
.gaming-animation.animation-splash .animation-chart h3 span.em {
  color: #db47b2;
  font-size: 32px;
}
.gaming-animation.animation-splash .animation-chart h3 span.title {
  color: #efb22f;
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 2px;
  text-align: center;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .gaming-animation **/
/* ----------------------
 * Movies Overview Splash/Animation Base Styles
 *
 -- */
.movies-animation.animation-splash .disclaimer {
  display: none;
  bottom: 30px;
}
.movies-animation.animation-splash .speed-details {
  color: #fff;
  display: none;
  position: absolute;
  right: 3px;
  top: -70px;
}
.movies-animation.animation-splash .speed-package {
  border: 0 none;
  color: #fff;
  text-align: center;
}
.movies-animation.animation-splash .movie-players {
  clear: both;
  width: 980px;
  margin: 0 auto;
  position: relative;
}
.movies-animation.animation-splash .movie-logo {
  left: 3px;
  position: absolute;
  top: -39px;
}
.movies-animation.animation-splash .player {
  float: left;
  display: none;
  height: 162px;
  width: 242px;
  margin-right: 4px;
}
.movies-animation.animation-splash .player.movie-1 {
  clear: left;
}
.movies-animation.animation-splash .player.movie-4 {
  float: right;
  margin: 0;
}
.movies-animation.animation-splash .player .active {
  display: none;
}
.movies-animation.animation-splash .player .image-wrap {
  height: 125px;
  overflow: hidden;
  position: relative;
  width: 220px;
}
.movies-animation.animation-splash .player .image-wrap .loading-bar {
  width: 220px;
  height: 125px;
  top: 0;
  left: 0;
  position: absolute;
  background: url("clientlibs/images/dam/loader.gif") no-repeat scroll 96px 54px black;
}
.movies-animation.animation-splash .rtf {
  display: none;
  margin: 65px auto 35px;
  width: 565px !important;
}
.movies-animation.animation-splash .rtf h2 {
  font-size: 46px;
  display: block;
}
.movies-animation.animation-splash .rtf h2 span {
  font-size: 39px;
}
.movies-animation.animation-splash .rtf p {
  display: block;
  font-size: 16px;
}
.movies-animation.animation-splash .tv-frame {
  background: url("clientlibs/images/dam/tv-frame-239x162.png") no-repeat scroll 0 0 transparent;
  height: 124px;
  overflow: hidden;
  padding: 10px 10px 28px;
  position: relative;
  width: 219px;
}
.movies-animation.overview-splash .overlay .rtf h2 {
  background: url("clientlibs/images/double-border-fade-movies.png") center bottom no-repeat;
  padding-bottom: 25px;
}
.movies-animation.overview-splash .overlay .rtf h2 span {
  padding: 0 0 4px;
}

/* ----------------------
 *  Responsive Styles (vars stored in scss/vars.scss)
 *
 *  Default classes:
 *  .bp-mobile
 *  .bp-tablet
 *  .bp-desktop
 *
 -- */
/*
 * Mobile Breakpoint
 */
/*
 * Tablet Breakpoint
 */
/*
 * Desktop Breakpoint
 */
/* ----------------------
 *  Cross Browser Support
 *
 *  Includes support for IE7 (.ie7), IE8 (.ie8), IE9 (.ie9) and general IE's (.oldie)
 *
 -- */
/*
 * Old IE Styles (.oldie)
 */
/*
 * IE7 Styles (.ie7)
 */
.ie7 .movies-animation.animation-splash .rtf {
  margin-bottom: 20px;
}

/*
 * IE8 Styles (.ie8)
 */
/*
 * IE9 Styles (.ie9)
 */
/* ----------------------
 *  Accessibility Support
 *
 *  Includes support for browsers with disabled JS (.nojs)
 *  Global styles for accessibility can be found in _global.scss
 *
 -- */
/*
 * Disabled Javascript Styles (.no-js)
 */
/* ----------------------
 *  Print Styles
 *
 -- */
/** END .movies-animation **/
/* END Module Styles (_modules.scss) */

/*** Gateway threepanel-group ***/
.threepanel-wrap {
    margin-top: -150px;
    width: 860px;
    margin-left: auto;
    margin-right: auto;
    background: url(clientlibs/images/bg-panels-shadow.png) no-repeat scroll 0 100% transparent;
    background-size: 863px !important;
}
.threepanel-wrap .threepanel-group {
    position: relative;
    z-index: 2;
    width: 860px;
    clear: both;
    margin: 0 25px 10px;
    height: 223px;
}
.threepanel-wrap .threepanel-group .panel {
    width: 268px;
    height: 154px;
    position: relative;
    top: 70px;
    left: 7px;
    float: left;
    background: #28323a url(clientlibs/images/gateway-banel-bg.png) repeat 0 0 scroll;
}
.threepanel-wrap .threepanel-group .panel.first {
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.threepanel-wrap .threepanel-group .panel:first-child {
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.threepanel-wrap .threepanel-group .panel.last {
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
.threepanel-wrap .threepanel-group .panel:last-child {
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
.threepanel-wrap .threepanel-group .panel .center {
    text-align: center;
}
.threepanel-wrap .threepanel-group .panel .panel-header {
    height: 185px;
}
.threepanel-wrap .threepanel-group .panel .panel-header .rtf {
    font-family: "TWC Round Book", Arial, Sans-Serif;
    color: #fff;
    height: 77px;
    overflow: hidden;
    padding: 25px 25px 0;
}
.threepanel-wrap .threepanel-group .panel .panel-header .rtf h2 {
    font-size: 21px;
    line-height: 24px;
}
.threepanel-wrap .threepanel-group .panel .panel-header .blue-button {
    font-family: "TWC Round Book", Arial, Sans-Serif;
    margin: 15px auto;
    width: 25px;
    float: none;
    font-size: 18px;
}
.threepanel-wrap .threepanel-group .panel .panel-header .blue-button.empty {
    margin-top:10px !important;
    width:25px !important;
}
.threepanel-wrap .threepanel-group .panel .panel-footer nav {
    display: table;
    width:258px;
    height:20px;
    background-color:rgba(0,0,0,0.5);
    padding:5px;
    top:-60px;
    position:relative;
}
.threepanel-wrap .threepanel-group .panel .panel-footer nav ul {
    height: 18px;
    width: 100%;
    display: table-row;
    clear: both;
    margin: 0;
    padding: 0;
}
.threepanel-wrap .threepanel-group .panel .panel-footer nav ul li {
    text-align: center;
    width: 33%;
    display: table-cell;
    vertical-align: middle;
}
.threepanel-wrap .threepanel-group .panel .panel-footer nav ul li a {
    font-size: 11px;
    color: #a2a5a9;
}
.threepanel-wrap .threepanel-group .panel .panel-footer nav ul li a:hover {
    color: #fff;
}
/*** End Gateway threepanel-group ***/

@font-face{
font-family:"twcround-book";
src:url(clientlibs/fonts/TWCRound/twcround-book.eot);
src: local("?"), url("clientlibs/fonts/TWCRound/twcround-book.woff") format("woff"), url("clientlibs/fonts/TWCRound/twcround-book.ttf") format("truetype"); /* non-IE */  
}

/* Popup and veil styling */
#infoVeil{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); 
	-moz-opacity:.60;  opacity:.60; 
	display:none; position:absolute; width:100%; height:100%; top:0; left:0; background:#000;  z-index:8888;  
}
#infoSlider{display:none; position:fixed; width:100%; top:0; left:0;  z-index:9999; text-shadow: 0px 1px 2px #000; font-family:"twcround-book";}
#slideContainer{width:924px; height:590px; margin:0 auto; position:relative;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: 0px 0px 40px #000; -webkit-box-shadow: 0px 0px 40px #000; box-shadow: 0px 0px 40px #000;
	background: #0a1c2b url(clientlibs/images/site-tour/stipple.png);
}
#slideContainer2{width:924px; height:590px; /* Gradient */
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow:inset 1px 4px 7px -6px #fff; -webkit-box-shadow:inset 1px 4px 7px -6px #fff; box-shadow:inset 1px 4px 7px -6px #fff;
}
#slideContainer .closeSlides{color:#2C6C9A; cursor:pointer; position:absolute; top:10px; right:10px;}
#slideContainer .slidesHeadline{clear:both; font-size:36px; text-align:center; color:#fff; height:75px; line-height:75px;}
 
#slideshow {width:924px; height:520px; position:relative; margin:0 auto;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    background: -moz-linear-gradient(top,  rgba(19,50,79,0) 0%, rgba(19,50,79,1) 77%, rgba(19,50,79,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19,50,79,0)), color-stop(77%,rgba(19,50,79,1)), color-stop(100%,rgba(19,50,79,1)));
    background: -webkit-linear-gradient(top,  rgba(19,50,79,0) 0%,rgba(19,50,79,1) 77%,rgba(19,50,79,1) 100%);
    background: -o-linear-gradient(top,  rgba(19,50,79,0) 0%,rgba(19,50,79,1) 77%,rgba(19,50,79,1) 100%);
    background: -ms-linear-gradient(top,  rgba(19,50,79,0) 0%,rgba(19,50,79,1) 77%,rgba(19,50,79,1) 100%);
    background: linear-gradient(to bottom,  rgba(19,50,79,0) 0%,rgba(19,50,79,1) 77%,rgba(19,50,79,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0013324f', endColorstr='#13324f',GradientType=0 );
}
#slides {z-index:100;}

.slides_container {width:880px; overflow:hidden; position:relative; display:none; margin:0 auto;}
.slides_container .slide {width:880px; height:415px; display:block;}
.slides_container .slide .slideContent {height:405px; width:860px; margin:0 auto; position:relative;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: 0px 0px 10px #000, inset 1px 4px 9px -6px #fff; -webkit-box-shadow: 0px 0px 10px #000, inset 1px 4px 9px -6px #fff; box-shadow: 0px 0px 10px #000, inset 1px 4px 9px -6px #fff;
}

/* Navigation styling */
.slideVis, .slidePaging{display:none;}

#slides .slideNavs{display:none; position:absolute; top:181px; width:30px; height:64px; z-index:101; border:0 none;}
#slides .prev {left:-31px; background:url(clientlibs/images/hero-carousel-controls.png) no-repeat bottom left;}
#slides .next {left:925px; background:url(clientlibs/images/hero-carousel-controls.png) no-repeat top left;}
#slides .prev:hover{background:url(clientlibs/images/hero-carousel-controls-hover.png) no-repeat bottom left;}
#slides .next:hover{background:url(clientlibs/images/hero-carousel-controls-hover.png) no-repeat top left;}
#SlideCats{width:860px; height:50px; margin:0 auto; position:relative; z-index:101; white-space:nowrap;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    -moz-box-shadow: 0px 1px 3px 1px #000f1a; -webkit-box-shadow: 0px 1px 3px 1px #000f1a; box-shadow: 0px 1px 3px 1px #000f1a;
    background: #04223a;
    background: -moz-linear-gradient(top,  #04223a 1%, #010f1c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#04223a), color-stop(100%,#010f1c));
    background: -webkit-linear-gradient(top,  #04223a 1%,#010f1c 100%);
    background: -o-linear-gradient(top,  #04223a 1%,#010f1c 100%);
    background: -ms-linear-gradient(top,  #04223a 1%,#010f1c 100%);
    background: linear-gradient(to bottom,  #04223a 1%,#010f1c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04223a', endColorstr='#010f1c',GradientType=0 );
}
#SlideCats table{width:100%; height:50px;}
#SlideCats table td{text-align:center; text-align:middle;}
#SlideCats a{display:block; width:100%; line-height:50px; color:#666; position:relative; border-right:1px solid #13324F; text-align:center;}
#SlideCats table td:last-child a{border-right:0px none;}

#SlideCats a:hover{color:#3376B2;}
#SlideCats a.current{color:#fff;}

#ContainProgress{position:relative; width: 860px; height: 0px; margin: 0 auto;}
#ContainProgress2{position:relative; width: 860px; height: 0px;}
#Progress{position:absolute; top:0px; left:0px; height:50px;
    -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px;
    transition: width 1s; -moz-transition: width 1s; -webkit-transition: width 1s; -o-transition: width 1s;
    background: #0b2f51;
    background: -moz-linear-gradient(top,  #0b2f51 1%, #092238 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0b2f51), color-stop(100%,#092238));
    background: -webkit-linear-gradient(top,  #0b2f51 1%,#092238 100%);
    background: -o-linear-gradient(top,  #0b2f51 1%,#092238 100%);
    background: -ms-linear-gradient(top,  #0b2f51 1%,#092238 100%);
    background: linear-gradient(to bottom,  #0b2f51 1%,#092238 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2f51', endColorstr='#092238',GradientType=0 );
}

.slideBullets{font-size: 24px; font-weight: bold; letter-spacing: -1px; text-align:center; height:35px; text-shadow: 0px -1px 2px #000;}
.slideBullets a{position:relative; top:-5px;}
.link.current{color:#fff}

.catArrUp{width:18px; height:9px; display:inline-block;}
.current .catArrUp{background:url(clientlibs/images/site-tour/arrow_up.png) no-repeat;}

/* Callout positioning */

.caption1, .caption2, .caption3{display:block; background:#000; border:1px solid #fff;  position:absolute;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	-moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000;
}
.capcontent{width:216px; padding:15px; color:#A0A0A0; position:relative;}
.capcontent p{padding-top:5px; font-size:12px; line-height:15px;}
.capcontent .captionTitle{font-size:15px; line-height:15px; padding-top:0px;}

#Cap1{top:270px; left:36px;}
#Cap1 .popArr{left:210px;}
#Cap2{top:270px; left:304px;}
#Cap3{top:270px; left:572px;}
#Cap3 .popArr{left:35px;}
#Cap4{top:250px; left:304px;}
#Cap5{top:280px; left:23px;}
#Cap6{top:30px; left:385px;}
#Cap7{top:228px; left:385px;}
#Cap8{top:37px; left:149px;}
#Cap8 .popArr{left:30px;}
#Cap9{top:97px; left:557px;}
#Cap9 .popArr{left:205px;}
#Cap10{top:80px; left:346px;}
#Cap11{top:260px; left:75px;}
#Cap11 .popArr{left:48px;}
#Cap12{top:56px; left:117px;}
#Cap12 .capcontent{width:415px;}
#Cap12 .popArr0{left:43px;}
#Cap12 .popArr1{left:117px;}
#Cap12 .popArr2{left:208px;}
#Cap12 .popArr3{left:320px;}
#Cap13{top:104px; left:545px;}
#Cap13 .popArr{left:148px;}
#Cap14{top:235px; left:10px;}
#Cap14 .popArr{left:22px;}
#Cap15{top:167px; left:140px;}
#Cap16{top:170px; left:150px;}
#Cap17{top:220px; left:66px;}
#Cap17 .popArr{left:40px;}
#Cap18{top:170px; left:85px;}
#Cap18 .popArr{left:200px;}
#Cap19{top:288px; left:450px;}
#Cap19 .popArr{left:200px;}
#Cap20{top:50px; left:38px;}
#Cap20 .popArr{left:35px;}
#Cap21{top:230px; left:350px;}
#Cap22{top:202px; left:93px;}
#Cap22 .popArr{left:35px;}
#Cap23{top:200px; left:470px;}
#Cap23 .popArr{left:205px;}
#Cap24{top:55px; left:325px;}
#Cap24 .captop .popArr{left:35px;}
#Cap25{top:99px; left:348px;}
#Cap26{top:293px; left:390px;}
#Cap26 .popArr{top:69px;}
#Cap27{top:210px; left:220px;}
#Cap28{top:115px; left:555px;}
#Cap29{top:88px; left:313px;}

.captop .popArr{background:url(clientlibs/images/site-tour/arr_pop_top.png) no-repeat; width:14px; height:9px; position:absolute; top:-9px; left:120px;}
.capbottom .popArr{background:url(clientlibs/images/site-tour/arr_pop_bottom.png) no-repeat; width:14px; height:9px; position:absolute; bottom:-9px; left:120px;}
.capleft .popArr{background:url(clientlibs/images/site-tour/arr_pop_left.png) no-repeat; width:9px; height:14px; position:absolute; left:-9px; top:22px;}
.capright .popArr{background:url(clientlibs/images/site-tour/arr_pop_right.png) no-repeat; width:9px; height:14px; position:absolute; right:-9px; top:22px;}

.sliderContainer{background: #191a1b url(clientlibs/images/site-tour/bg_tile.png) repeat-x !important;}
.slides_bg .playPause{display:none;}
/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
    vertical-align: top;
    padding: 0;
    margin: 0;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    padding: 0;
    margin: 0;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    padding: 0;
    margin: 0;
    position: relative;
    outline: none;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 10px;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('clientlibs/images/fancyboximages/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8020;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('clientlibs/images/fancyboximages/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    background: transparent url('clientlibs/images/fancyboximages/blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 20px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 20px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    padding: 0;
    overflow: visible;
    visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: #000;
}

#fancybox-overlay.overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8030;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    margin-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}
#fancybox-buttons {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 8050;
}

#fancybox-buttons.top {
    top: 10px;
}

#fancybox-buttons.bottom {
    bottom: 10px;
}

#fancybox-buttons ul {
    display: block;
    width: 170px;
    height: 30px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    background: #111;
    -webkit-box-shadow: 0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);
    -moz-box-shadow: 0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);
    background: #111 -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.2)),color-stop(.5,rgba(255,255,255,.15)),color-stop(.5,rgba(255,255,255,.1)),to(rgba(255,255,255,.15)));
    background: #111 -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.15) 100%);
    border-radius: 3px;
}

#fancybox-buttons ul li {
    float: left;
    margin: 0;
    padding: 0;
}

#fancybox-buttons a {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-image: url('clientlibs/images/fancyboximages/fancybox_buttons.png');
    background-repeat: no-repeat;
    outline: none;
}

#fancybox-buttons a.btnPrev {
    width: 32px;
    background-position: 6px 0;
}

#fancybox-buttons a.btnNext {
    background-position: -33px 0;
    border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
    background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
    background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
    background-position: 3px -60px;
    border-left: 1px solid #111;
    border-right: 1px solid #3e3e3e;
    width: 35px
}

#fancybox-buttons a.btnToggleOn {
    background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
    border-left: 1px solid #111;
    width: 38px;
    background-position: -57px 0px;
}

#fancybox-buttons a.btnDisabled {
    opacity : 0.5;
    cursor: default;
}
#fancybox-thumbs {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 8050;
}

#fancybox-thumbs.bottom {
    bottom: 2px;
}

#fancybox-thumbs.top {
    top: 2px;
}

#fancybox-thumbs ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

#fancybox-thumbs ul li {
    float: left;
    padding: 1px;
    opacity: 0.5;
}

#fancybox-thumbs ul li.active {
    opacity: 0.75;
    padding: 0;
    border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
    opacity: 1;
}

#fancybox-thumbs ul li a {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #222;
    background: #111;
    outline: none;
}

#fancybox-thumbs ul li img {
    display: block;
    position: relative;
    border: 0;
    padding: 0;
}
/*!
 * jQuery UI Tabs 1.8.20
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*  screen-fixes.css
    Styles to fix/override SWX primary screen.css
 */

/* ==========================================================================
   Base: Font-Face
   ========================================================================== */


@font-face {
    font-family: 'FontAwesome';
    src: url('clientlibs/fonts/fontawesome-webfont.eot');
    src: url('clientlibs/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
    url('clientlibs/fonts/fontawesome-webfont.woff') format('woff'),
    url('clientlibs/fonts/fontawesome-webfont.ttf') format('truetype'),
    url('clientlibs/fonts/fontawesome-webfont.svg#svgFontAwesome') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesomeMore';
    src: url('clientlibs/fonts/fontawesome-more-webfont.eot');
    src: url('clientlibs/fonts/fontawesome-more-webfont.eot?#iefix') format('embedded-opentype'),
    url('clientlibs/fonts/fontawesome-more-webfont.woff') format('woff'),
    url('clientlibs/fonts/fontawesome-more-webfont.ttf') format('truetype'),
    url('clientlibs/fonts/fontawesome-more-webfont.svg#svgFontAwesomeMore') format('svg');
    font-weight: normal;
    font-style: normal;
}

 .clear{

     clear:both;
 }

.navigation .mega-menu .wrap .col .blue-arrow {
    background: none;
}
.navigation .mega-menu .wrap .col .blue-arrow .arrow {
    background: url(clientlibs/images/arrow-blue-right.png) 100% center no-repeat;
}
.navigation .mega-menu .wrap h3.two-col {
    display:none;
}
/* This accounts for the possiblity of anchor not having at least one character wrapped in an em */
.navigation .wrap .main-nav > li > a {
    height:16px;
}

/* parsys component */
div.par, div.rightpar {
    clear: both;
}
div.parsys_column {
    height: 100%;
    width: 100%;
    float: left;
    border: 0;
    vertical-align:top;
    padding: 0;
    margin: 0;
}

div.section {
    /* Property added to avoid IE hasLayout issue on paragraphs
       see #20817 - IE6: div around Drag Components image not big enough
    */
    zoom: 1;
}

/* added this to fix the css issue with package carousel and the already a customer aside. Removed the margin on instances where the package carousel doesn't exist, but already a customer does*/
.sideCont{
    margin-top:48px;
}
.pkgs .sideCont{
    margin-top:0px;
}

/* added to fix internet photo chart legend format */
.overview-splash.photos-animation .animation-chart .speed-details {
    padding:10px;
}

.social-media img.cq-image-placeholder {
    height:16px;
    width:16px;
}

/*
    http://jira.corp.mystrotv.com/browse/WEBCMS-945 - make last item in breadcrumbs bold
    SWX used JS to add "active" class to last "li a" item and then style a.active
    More direct to use CSS directly
*/
.breadcrumbs li.last a {
    font-weight: bold;
}

/* WEBCMS-1362 Remove Ridge filter effect on images*/

.feature-splash .overlay,
.overview-splash .overlay,
.sub-feature-splash .overlay{
background:transparent;
}

/* using the old tooltip image for the arrow
   checkboxtable not using the new tooltip method
   yet - CKH 091112 */
.checklist-table .tooltip .wrap {
  background: url("clientlibs/images/tooltip-top-old.png") no-repeat scroll 0 0 transparent;
  margin-bottom: -4px;
  padding: 25px 55px 15px 35px;
  width: 254px;
}


/* twcTitle enhancement - added to push subtitle farther away (requirement added for contact us page) Also, adding a bottom padding to handle y and g characters in the sub nav title
*/
.sub-navigation h1{
    padding: 30px 50px 10px 20px;
}

/* WEBCMS-1510 FF does not recognize background-position-y the line below provides the same effect */
.feature-splash .feature-deck {
  background-position: 0px -38px;
}

/* WEBCMS-1510 FF does not handle automatic overflow scrolling so we have to be explicit on the iframes for vertical scroling */
.channels-lineup iframe {
  overflow-y: scroll;
}

/* added a width to the 1 column view details in the bundle builder
   SWX didn't account for this and it would not center properly
   without it */
.filter-packages .details-modules .wrap .details-module.cols-1 .packages > li {
  width: 70%;
}

/* WEBCMS-1237 Fixes */
/* on ie7, the bg is extending from the follow us due to the float. */
.ie7 .header .user-options {
  float: none;
}

/* there needs to be space between the change/search fields and the follow us buttons */
.ie7 .header .user-inputs {
  margin-right: 20px;
}

/* the sup texts are too low, it needs to be moved up to match the comps. */
/* this is to revert the ie7 specific one back to how it is for other browsers. */
.ie7 .compare .compare-table tr td.pricing h4 sup {
  top: -13px;
}
/* ie8 and ie7 need to to have the text moved up a bit more */
.oldie .compare .compare-table tr td.pricing h4 sup.emph {
  top: -10px;
}

/* need to reduce the text size to have it correctly render without wrapping to the next line */
.oldie .promo h3.two-col {
  font-size:23px;
}

/* on ie7, to have the image and text horizontally aligned in feature details and snapshots, it needs to float to the left */
.ie7 .feature-detail img, .ie7 .snapshot-promo .snapshot-tile img.feature {
  float: left;
}

/* right-sided imgs should float to the right */
.ie7 .snapshot-promo .snapshot-tile img.feature.right {
  float: right;
}

/* alignment of feature text is incorrect due to a more global padding pushing the text down further than it should be. */
.ie7 .banner-base.banner .vert-center {
  padding-top: 0px;
}

/* long addresses cause the address and change buttons to wrap. make the div wider to prevent this */
.ie7 .header div.user-inputs {
  width: 350px;
}

/* ie <9 doesn't support rgba colors - use solid border lines close to the color and transparent background image */
.oldie .animation-splash .speed-package {
  border-top: 1px solid #909090;
}

.oldie .animation-splash .speed-details {
  background: url("clientlibs/images/background-internetBanner-textbox-opacity.png") center center repeat;
  border: 1px solid #909090;
}
/* End WEBCMS-1237 Fixes */

/* WEBCMS-1791 - added new images to the snapshot category */
a.verizon {
  background: url("clientlibs/images/verizon_icon.png") 0 center no-repeat;
}

.active a.verizon {
  background: url("clientlibs/images/verizon_icon_hover.png") 0 center no-repeat;
}

/* IE7 and IE8 Black Links issue: screen.css places a opacity image as the background for modal links */
.oldie .modal {
  background: none;
}
/* END IE7 / IE8 Black Links issue */

/* WEBCMS-1470 - carousel typeface should be TWC Round Book */
.navigation .mega-menu.three-col .slider .slide-items{
  font-family: "TWC Round Book", Arial, Sans-Serif;
  height:180px;
}
.navigation .mega-menu.three-col .slider .slide-items h3{
  font-weight: normal;
  font-size:23px;
}

/* WEBCMS-1506 Begin */
/* disable the IE gradient filter to allow the bg image to apply correctly. */
.faq-module .buttons a {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/* remove clear property preventing proper floating in two-ups on tv sports premiums pages. */
.solid.module .content-list .two-col li {
  clear: none;
}
/* WEBCMS-1506 End */

/* fixed homepage snapshot last row having text display one or two lines depending on hover state WebCMSProd-396*/
.tabs-module.vertical .tabs-nav li {
  margin: 0;
}

/* WEBCMS-1540 Bundle BUilder Header should not be all caps, overridding CSS to use text-transform capitalize instaed of uppercase */
.filter-packages .head h3 {
  text-transform: capitalize;
}
/* END WEBCM-1540 */

/* WEBCMS-1465 Text on snapshot component was too wide, bleeding into picture if only one promo is displayed */
.tabs-module.vertical .tabs-container .tab .vert-center .content {
    width: 235px;
}
/* END WEBCMS-1465 */

/* WEBCMS-1522 H2 Padding adjustment for the Corporate Content Template */
.content-list .job-benefits .par .parbase h2 {
    margin: 0;
    padding-top: 3px;
    padding-bottom: 10px;
}
/* END WEBCMS-1522 */

/* WEBCMS-2790 */
.sub-navigation ul li a.ready-to-order {
    color:#3376B2;
}
/* END WEBCMS-2790 */

.untangled-blog {
    font-weight: normal;
    font-size: 12px;
    padding: 5px 5px 15px 5px;
}

.untangled-blog header {
    height: 62px;
    margin-bottom: 20px;
}

.untangled-blog h5 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    margin-bottom: 1em;
    font-size: 15px;
    line-height: 21.65px;
}


.press-releases {
    font-weight: normal;
    font-size: 12px;
    padding: 15px 5px 15px 5px;
}

.press-releases header h4 {
    color: #FFFFFF;
    font-family: 'TWC Round Book',Arial,Sans-Serif;
    font-size: 1.38rem;;
    font-weight: 100;
    line-height: 2.8;
    text-indent: 20px;
    margin-bottom: 1em;
}

.press-releases h5 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    margin-bottom: 1em;
    font-size: 15px;
    line-height: 21.65px;
}

.three-columns {
    float: left;
    width: 183px;
    padding: 0 2.5%;
    margin: 2em 0;
    border-right: 1px solid #ccc;
}

.three-columns.last {
    border-right: none;
}

.post-date {
    display: block;
    margin-bottom: 1em;
    color: #808080;
}

.article-teaser {
    display: block;
    margin-bottom: 1em;
    line-height: 18.8px;
    color: #000000;
}

.three-columns .blue-arrow {
    font-size: 12px;
}

.press-releases h6 .subheader p {
    font-size: 13px;
}

.untangled-blog h6 .subheader p {
    font-size: 13px;
}

.three-column-row {
    display: block;
    float: left;
    height: auto;
    min-height: 200px;
    overflow: hidden;
    width: 100%;
}

.osda_page-header {
    float: left;
    text-align: left;
}

.osda_page-header h1 {
    font-family: "TWC Round Book", ​Arial, ​Sans-Serif;
    font-size: 24px;
    font-weight: bold;
    color: #474747;
    line-height: 25.8px;
    margin-bottom: 7px;
}

.osda_page-header p {
    font-family: Arial, ​Helvetica,​ Verdana,​ Sans-Serif;
    font-size: 12px;
    color: #585858;
    line-height: 15px;
    padding-bottom: 10px;
}

.pagearea_hr {
    background-image: url("clientlibs/images/hr-shadow-with-border.png");
    background-position: center 100%;
    height: 7px;
    clear: left;
    margin: 16px 0 15px;
}

td.osda_small-header-lead {
    width: 478px;
    padding-bottom: 10px;
}

td.osda_small-header-lead h2.font_header {
    font-family: "TWC Round Book", ​Arial, ​Sans-Serif;
    font-size: 19px;
    font-weight: bold;
    color: #474747;
    line-height: 15px;
    text-align: left;
}

td.osda_small-header {
    width: 70px;
    text-align: center;
    font-family: "TWC Round Book", ​Arial, ​Sans-Serif;
    font-size: 0.9em;
}

.osda_Group {
    font-size: 12px;
    color: #585858;
    line-height: 15px
    text-align: left;
    border-bottom: 1px solid #E8E8E8;
    margin: 20px 0 0;
    padding: 0 0 20px;
}

.padHead {
    font-size: 12px;
    color: #585858;
    line-height: 15px;
    text-align: left;
}

.padItem {
    vertical-align: top;
    text-align: center;
    font-size: 12px;
    color: #585858
    line-height: 15px;
    text-align: center;
}

.padItem a {
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    color: #009ADA;
    text-decoration: none;
    line-height: 15px;
    text-align: center;
}

/* WEBCMS-3770 */
.press-releases header h4 {
    font-size: 22px;
    line-height: 62px;
}

.untangled-blog header h4 {
    color: #FFFFFF;
    font-family: 'TWC Round Book',Arial,Sans-Serif;
    font-size: 22px;
    font-weight: 100;
    line-height: 62px;
    text-indent: 20px;
    margin-bottom: 1em;
}
/* END WEBCMS-3770 */

/* WEBCMS-3773 */

.youtubeWidget {
    padding: 20px 0;
}

.right-side.youtubeWidget header, .youtubeWidget header {
    height:30px;
    margin-bottom: 1em;
}

.right-side.youtubeWidget header h3 {
    font-family: 'TWC Round Book',Arial,Sans-Serif;
    font-size: 1.1rem;
    line-height:30px;
    text-indent:10px;
}

.right-side.youtubeWidget .body-text {
    margin-bottom: 1em;
}

.right-side.youtubeWidget .body-text {
    margin-bottom: 1em;
}

.right-side.youtubeWidget .body-text img {
    float:left;
    margin:0 5px 5px 0;
}

[class*='youtube-video-'] {
    margin-bottom: 1em;
}

.youtube-video-1 {
    width: 100%;
}

.youtube-video-2 {
    float: left;
    width: 47.5%;
}

.youtube-video-3 {
    float: right;
    width: 47.5%;
}

.youtube-video-1 img,
.youtube-video-2 img,
.youtube-video-3 img {
    width: 100%;
    margin-bottom: 5px;
}

/* END WEBCMS-3773 */
/*WEBCMS-2732 */
/*Style for displaying text instead of price */
.compare .compare-table .displayText {
    width:65%; height:50px; margin:0 auto;font-weight:bold; font-size:20px;
}

/* WEBCMS-2386 This fix is an adjustment for the subnav and title components.  Templates would not accommodate for longer page titles (such as "Program Your Remote"), this removes the fixed height and fixed width and creates vertical elasticity */
.sub-navigation {
    background: url("clientlibs/images/gradient-background-subnav.png") repeat-x scroll center bottom #EEEEEE;
    border-bottom: 2px solid #FFFFFF;
    clear: both;
    overflow: hidden;
    height: auto;
}

.sub-navigation h1 {
    color: #333333;
    float: left;
    font-family: "TWC Round Light",Arial,Sans-Serif;
    font-size: 36px;
    max-width: 100%;
}
/* END WEBCMS-2386 */

/* WEBCMS-2604 These multiple margin and padding overrides are to reduce the whitespace in order to get more important information above the fold on the Learn Pages, Premium Overview, and Premium Details Page. */

/*****Learn Pages (Overview,Features, Equipment)*****/
.feature-splash-learn-overview{
    height:350px;
}

.social-share-learn-overview{
    float: right;
    min-width: 210px;
    height: 5px;
}

.social-share-learn-overview, .social-share-internet-overview .social-share .share-module{
    margin: 0;
}
/******* End of Learn *******/


/****** Premium Overview ************/
.premium-overview-teaser .premium-overview-masterTeaser .feature-splash{
    padding-bottom: 0px;
}

.premium-overview-social-share .social-share{
    margin-bottom:0px;
}

.premium-overview-social-share .social-share .share-module{
    margin-bottom:0px;
    height:5px;
}

/******* End of Premium Overview ****/


/****** Premium Detail ********/
.premium-details-teaser .premium-banner-details .feature-splash{
    margin-bottom: -160px;
}

.social-share-premium-detail .social-share .share-module{
    margin: 0 0 9px;
}

.premium-details-parsys .module {
    margin-bottom:40px;
}

.premium-details-parsys .module h2 {
    margin:0 0 15px;
}

/****** End of Premium Detail ******/

/******* Internet Overview **********/
.social-share-internet-overview .social-share .share-module{
    margin: 0;
    height: 5px;
}

.internet-overview-teaser .overview-splash{
    margin-bottom:-170px;
}
/******* End of Internet Overview *************/

/****** IntelligentHome ********/
.intelligent-home-teaser .learnBanner .feature-splash{
    margin-bottom: -160px;
}

.intelligent-home-social-share .social-share .share-module{
    margin: 0;
    height: 5px;
}
/****** End of IntelligentHome ***********/

/******* Packages ***********/
.package-teaser .feature-splash{
    padding-bottom: 160px;
}

/***************************/

/* END WEBCMS-2604 */

/* WEBCMS-2561 */
.filter-packages .bottom {
  position: absolute;
  bottom: 0;
  width: 250px;
}
.filter-packages .bundleMoneyText {
    margin: 1.5em auto;
    text-align: center;
}
.filter-packages .bundleMoneyText strong {
    font-size: 33px;
    font-weight: bold;
}
.filter-packages .bundleMoneyText sup {
    font-size: 14px;
    top: -13px;
}
.filter-packages .bundleMoneyText span {
    padding-left: 1em;
    font-size: 11px;
    font-style: italic;
}
.filter-packages .pkg-actions .toggle-content {
    float: left;
    padding: 9px 13px 9px 0;
    font-size: 13px;
    font-weight: bold;
    background: url("clientlibs/images/arrow-down-blue.png") no-repeat 100% 13px transparent;
}
.filter-packages .pkg-actions .toggle-content.active {
    background: url("clientlibs/images/arrow-up-blue.png") no-repeat 100% 13px transparent;
}
.filter-packages .pkg-actions .cta {
    float: right;
}

/*WEBCMS-2795*/
a:hover span.linkStyle {
    color: #1b405d;
    text-decoration: underline;
}

/*WEBCMS-4047 :fix for anchor tags links*/
.gaming-animation.animation-splash .disclaimer.linkStyle a {
    color:#3376b2;
}
.gaming-animation.animation-splash .disclaimer.linkStyle a:hover {
    color: #1b405d;
    text-decoration:none;
}
/*WEBCMS-4686 :fix for footer community logo*/

.forums {
    margin-top: -1px;
    padding: 2px 0 2px 20px;
    display: block;
    min-height: 16px;
    background: transparent url("clientlibs/images/dam/icon-social-forum.png") 0 0 no-repeat;
}
.forums:hover {
    background-image: url("clientlibs/images/dam/icon-social-forum-hover.png");
}
label#zip_code{
    cursor: default !important;
}

/*WEBCMS-5351 fixes */

.ctaComponentStyle {
    margin-right:-12px;
}

.ctaComponentStyle a{
    padding:9px 6px !important;
}

/*WEBCMS-5020 :add cta to top of tv page*/

.breadcrumb-cta {
float: left;
width: 627px;
}

    .breadcrumb-cta a{
    float:right;
    margin:0 7px 5px 0;
    padding-top:9px;
    }
    
    .breadcrumb-cta .clear{
    clear:none;
    }
    
    .breadcrumb-cta a.blue-arrow, .breadcrumb-cta a.double-arrow{
    padding-top:0px;
    margin:10px 7px 10px 0;
    }
    /* WEBCMS-5477 - Addition of Accessibility type Icon */
    .accessibility {
        margin-top: -1px;
        padding: 2px 0 2px 25px;
        display: block;
        height: 16px;
        background: transparent url("clientlibs/images/dam/icon-wheelchair.png") 0 0 no-repeat;
    }
    .accessibility:hover {
        background-image: url("clientlibs/images/dam/icon-wheelchair-hover.png");
    }
    /*snapshot fix*/
    .tabs-module.vertical .tabs-nav{
        padding: 19px 0 19px 0px;
        width: 25%;
    }
    .tabs-module.vertical .tabs-container {
         width: 75%;
    }
    .tabs-module.vertical .tabs-nav h2,.tabs-module.vertical .tabs-nav ul {
        padding-left: 19px;
    }
    /*end of snapshot fix*/
    
 
/* WEBCMS 7283 Match Sub Nav - Residential and Responsive */
    
.sub-navigation{
    border-bottom: 0px solid #fff;
}
    
.sub-navigation ul{
    float: left;
    margin-top: 0px;
    margin-left: 6px;
}
    
.sub-navigation .subnavlinks ul li{
    margin-top: 8px;
}   
    
    
.navigation ul.main-nav .mega-menu {
    top: 40px;
    left: 1px;
}

header, header .div, header li, header a {
    line-height: normal;
}

.mega-menu p { font-family: Arial,Sans-Serif; }

.fancybox-opened {
    z-index: 10030 !important;
}
.twc-top-nav li.twc-active .smartLink {
    z-index: 8009;
}

/*WEBCMS-7399: Opinion Lab FeedBack Icons  */
.opinionLabFeedback {
    margin-top: -1px;
    padding: 0px 0 2px 14px;
    display: block;
    height: 16px;
    background:  url("clientlibs/images/dam/oo_icon.gif") 0 0 no-repeat;
}
/*WEBCMS-7631:fixes for tooltip*/
.tooltips {
    background: url("clientlibs/images/tooltip-bottom.png") 0 100% no-repeat;
    padding: 0 0 25px;
    width: 344px;
    max-height: 500px;
    display: none;
    position: absolute;
    left: 120px;
    top: -72px;
    z-index: 9999;
}
.tooltips .wrap {
    background: url("clientlibs/images/tooltip-top.png") no-repeat scroll 0 0 transparent;
    margin-bottom: -4px;
    padding: 25px 55px 15px 35px;
    width: 254px;
}

.tooltips p {
    font-size: 13px;
    line-height: 18px;
    color: #444;
}

.checklist-table .tooltips .wrap {
    background: url("clientlibs/images/tooltip-top-old.png") no-repeat scroll 0 0 transparent;
    margin-bottom: -4px;
    padding: 25px 55px 15px 35px;
    width: 254px;
}

/*WEBCMS-10065*/

/* Orange Button
 */
.orange-button {
    clear: left;
    color: #fff;
    display: block;
    float: left;
    font-family: "TWC Round Medium",Arial,Sans-Serif;
    font-size: 13px;
    padding: 9px 13px;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-size: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f28300),color-stop(18%, #f28300),color-stop(74,#f28300),color-stop(100,#f28300));
    background-image: -webkit-linear-gradient(top, #f28300 0%,#f28300 18%,#f28300 74%,#f28300 100%);
    background-image: -moz-linear-gradient(top, #f28300 0%,#f28300 18%,#f28300 74%,#f28300 100%);
    background-image: -ms-linear-gradient(top, #f28300 0%,#f28300 18%,#f28300 74%,#f28300 100%);
    background-image: -o-linear-gradient(top, #f28300 0%,#f28300 18%,#f28300 74%,#f28300  100%);
    background: -pie-linear-gradient(top, #f28300 0%,#f28300 18%,#f28300 74%,#f28300 100%);
    background-image: linear-gradient(top, #f28300 0%,#f28300 18%,#f28300 74%,#f28300 100%);
}
.orange-button:hover {
    background-image: url("data:image/svg+xml,%3c%3fxml%20version%3d%221%2e0%22%3f%3e%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22G%22%20x2%3d%220%25%22%20y2%3d%22100%25%22%3e%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3Argb(62%2C144%2C210)%3Bstop-opacity%3A1%22%20%2F%3E%3Cstop%20offset%3D%2221%25%22%20style%3D%22stop-color%3Argb(59%2C137%2C200)%3Bstop-opacity%3A1%22%20%2F%3E%3Cstop%20offset%3D%2279%25%22%20style%3D%22stop-color%3Argb(47%2C108%2C157)%3Bstop-opacity%3A1%22%20%2F%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3Argb(43%2C100%2C146)%3Bstop-opacity%3A1%22%20%2F%3E%3c%2flinearGradient%3e%3c%2fdefs%3e%3crect%20width%3d%22100%25%22%20height%3d%22100%25%22%20fill%3d%22url%28%23G%29%22%2f%3e%3c%2fsvg%3e");
    background-size: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f28300),color-stop(100%, #f28300));
    background-image: -webkit-linear-gradient(top, #f28300 0%,#f28300 100%);
    background-image: -moz-linear-gradient(top, #f28300 0%,#f28300 100%);
    background-image: -ms-linear-gradient(top, #f28300 0%,#f28300 100%);
    background-image: -o-linear-gradient(top, #f28300 0%,#f28300 100%);
    background: -pie-linear-gradient(top, #f28300 0%,#f28300 100%);
    background-image: linear-gradient(top, #f28300 0%,#f28300 100%);
    color: #fff !important;
}
/*
Green Button
 */
.green-button {
    clear: left;
    color: #fff;
    display: block;
    float: left;
    font-family: "TWC Round Medium",Arial,Sans-Serif;
    font-size: 13px;
    padding: 9px 13px;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-size: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #75B539),color-stop(18%, #75B539),color-stop(74,#75B539),color-stop(100,#75B539));
    background-image: -webkit-linear-gradient(top, #75B539 0%,#75B539 18%,#75B539 74%,#75B539 100%);
    background-image: -moz-linear-gradient(top, #75B539 0%,#75B539 18%,#75B539 74%,#75B539 100%);
    background-image: -ms-linear-gradient(top, #75B539 0%,#75B539 18%,#75B539 74%,#75B539 100%);
    background-image: -o-linear-gradient(top, #75B539 0%,#75B539 18%,#75B539 74%,#75B539  100%);
    background: -pie-linear-gradient(top, #75B539 0%,#75B539 18%,#75B539 74%,#75B539 100%);
    background-image: linear-gradient(top, #75B539 0%,#75B539 18%,#75B539 74%,#75B539 100%);
}
.green-button:hover {
    background-image: url("data:image/svg+xml,%3c%3fxml%20version%3d%221%2e0%22%3f%3e%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22G%22%20x2%3d%220%25%22%20y2%3d%22100%25%22%3e%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3Argb(62%2C144%2C210)%3Bstop-opacity%3A1%22%20%2F%3E%3Cstop%20offset%3D%2221%25%22%20style%3D%22stop-color%3Argb(59%2C137%2C200)%3Bstop-opacity%3A1%22%20%2F%3E%3Cstop%20offset%3D%2279%25%22%20style%3D%22stop-color%3Argb(47%2C108%2C157)%3Bstop-opacity%3A1%22%20%2F%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3Argb(43%2C100%2C146)%3Bstop-opacity%3A1%22%20%2F%3E%3c%2flinearGradient%3e%3c%2fdefs%3e%3crect%20width%3d%22100%25%22%20height%3d%22100%25%22%20fill%3d%22url%28%23G%29%22%2f%3e%3c%2fsvg%3e");
    background-size: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #75B539),color-stop(100%, #75B539));
    background-image: -webkit-linear-gradient(top, #75B539 0%,#75B539 100%);
    background-image: -moz-linear-gradient(top, #75B539 0%,#75B539 100%);
    background-image: -ms-linear-gradient(top, #75B539 0%,#75B539 100%);
    background-image: -o-linear-gradient(top, #75B539 0%,#75B539 100%);
    background: -pie-linear-gradient(top, #75B539 0%,#75B539 100%);
    background-image: linear-gradient(top, #75B539 0%,#75B539 100%);
    color: #fff !important;
}

.content h2 .end, .content h2 .end sup{
  display: block;
  float: right;
  line-height: 10px;
  width: 70px;
}

.content h2 .end sub {
    font-size: 11px;
    line-height: 10px;
    vertical-align: inherit;
}

.content h2 .end, .content h2 .end
{
    line-height: 10px;
}

.carousel-wrap .carousel li .content h2 sup.end,
.carousel-wrap .carousel li .sc-header h2 sup.end,
.carousel-wrap .carousel li .sc-footer h2 sup.end,
.carousel-wrap .carousel li .sc-col1 h2 sup.end,
.carousel-wrap .carousel li .sc-col2 h2 sup.end,
.carousel-wrap .carousel li .sc-col3 h2 sup.end {
    width:75px;
}

.two-cols .module .two-up-column {
  width: 100%;
}
.two-cols .module .text{
margin:0;
}
div.image.bannerImage{
    margin-bottom: 0;
}

.slider.edit, .slider.edit .slides{
    height: auto !important;
}

.slider.edit .slides li{
    position: relative !important;
    display: block !important;
}
.slider.edit .pagination, .slider.edit .prev, .slider.edit .next{
    display: none !important;
}

.slider.edit .slides .slide-item .overlay {
    display: block;
}

.slider div.image
{
    margin-bottom:0px;
}

.compare .compare-table .details-row .details-module .media .internal-image {
    position: absolute;
    top: 10px;
    left: 15px;
    visibility: visible;
}
.compare .compare-table .details-row .details-module .content-module h3 .details-text {
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

.compare .compare-table tr td.speed a, .compare .compare-table tr td.channels a {
  color: #000;
}

.compare .compare-table tr td.channels a.minichannels {
  color: #3376B2;
}

.compare .compare-table .details-row .details-module .media img {
    visibility: visible;
}

.compare .compare-table .five-column-row tr td.desc {
    min-width:300px;
}

.compare .compare-table .five-column-row .cta .clear-button {
    color:#4f799f!important;
}

.compare .compare-table .four-column-row tr td.desc {
    min-width:535px;
}


.multiButton{
    width:auto;
}

/* Keeps the auto-generated teaser div from causing layout problems */
.wrap .teaser.snapshot-teaser{

float:left;
}

.feature .tooltip .checkBoxHoverComponent {
  background: url("clientlibs/images/tooltip-top.png") no-repeat scroll 0 0 transparent;
  margin-bottom: -4px;
  padding: 25px 55px 15px 35px;
  width: 254px;
}

.package-boxes .clear{
  display: none;
}

/* column control layouts */
div.cq-colctrl-cols {width: 100%; float: left; }

div.cq-colctrl-default { width: 100%;}

/* layout 0 : 50% 50% ( grid6 + grid6 ) */
div.cq-colctrl-lt0 { }
div.cq-colctrl-lt0-c0 { width: 450px; margin-right:10px}
div.cq-colctrl-lt0-c1 { width: 450px; margin-left: 10px}

/* layout 1 : 33% 33% 33%( grid4 + grid4 + grid4 ) */
div.cq-colctrl-lt1 { }
div.cq-colctrl-lt1-c0 { width: 220px; margin-right: 10px;}
div.cq-colctrl-lt1-c1 { width: 220px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt1-c2 { width: 220px; margin-left: 10px; }

/* layout 2: 16% 16% 16% 33% ( grid2.6 + grid2.6 + grid2.6 + grid4 ) */
div.cq-colctrl-lt2 { }
div.cq-colctrl-lt2-c0 { width: 140px; margin-right: 10px;}
div.cq-colctrl-lt2-c1 { width: 140px; margin-left: 10px; margin-right: 10px}
div.cq-colctrl-lt2-c2 { width: 140px; margin-left: 10px; margin-right: 10px}
div.cq-colctrl-lt2-c3 { width: 220px; margin-left: 10px }

/* layout 3: 4 x 25% ( grid3 + grid3 + grid3 + grid3 ) */
div.cq-colctrl-lt3 { }
div.cq-colctrl-lt3-c0 { width: 160px; margin-right: 10px;}
div.cq-colctrl-lt3-c1 { width: 160px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt3-c2 { width: 160px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt3-c3 { width: 160px; margin-left: 10px; }

/* layout 4: 5 x 20% ( grid2.5 + grid2.5 + grid2.5 + grid2.5 + grid2.5 ) */
div.cq-colctrl-lt4 { }
div.cq-colctrl-lt4-c0 { width: 124px; margin-right: 10px;}
div.cq-colctrl-lt4-c1 { width: 124px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt4-c2 { width: 124px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt4-c3 { width: 124px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt4-c4 { width: 124px; margin-left: 10px; }

/* widepage layouts */

/* layout 5 : 50% 50% ( grid8 + grid8 ) */
div.cq-colctrl-lt5 { }
div.cq-colctrl-lt5-c0 { width: 460px; margin-right:10px}
div.cq-colctrl-lt5-c1 { width: 460px; margin-left: 10px}

/* layout 6 : 25% 25% ( grid4 + grid4 + grid4 + grid4) */
div.cq-colctrl-lt6 { }
div.cq-colctrl-lt6-c0 { width: 220px; margin-right:10px}
div.cq-colctrl-lt6-c1 { width: 220px; margin-left: 10px; margin-right:10px}
div.cq-colctrl-lt6-c2 { width: 220px; margin-left: 10px; margin-right:10px}
div.cq-colctrl-lt6-c3 { width: 220px; margin-left: 10px}

.five-slider .slides .slide-item {
  width:180px !important;
  margin: 0;
}
.five-slider .slides .slide-item .slide-content {
  width:180px !important;
  height: 100%;
  text-align: left;
  margin: 29px 10px 17px 10px !important;
  background-image:none !important;
}
.five-slider .slides .slide-item img {
  width:180px !important;
  margin: 0 auto 3px !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  top:30px;
  position:relative;
  left:20px;
}

.slide-description {
 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
 color: #fff;
 left: 0;
 padding: 13px 20px 0;
 position: absolute;
 bottom: 0;
 width: 86px;
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 margin: 29px 20px 0px 10px;
}

.slide-description h3 {
 font-size: 18px;
min-height: 18px;
 font-family: "TWC Round Book", Arial, Sans-Serif;
}

.five-slider .slide-description {
  background: url("clientlibs/images/opacity.png") 0 0 repeat;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
  color: #fff;
  left: 20px;
  padding: 13px 20px 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 29px 20px 0px 10px;
}

.six-slider .slides .slide-item {
  width:150px !important;
}
.six-slider .slides .slide-item .slide-content {
  width:150px !important;
}
.six-slider .slides .slide-item img {
    width:150px !important;
    top:40px;
    position:relative;
    left:15px;
}

/* support for gateway page style ctas that may have empty content */
.cta .arrow.empty {
    padding-right: 10px !important;
}

.twopanel-wrap .twopanel-group .panel .panel-header .blue-button.empty {
  margin-top:10px !important;
  width:25px !important;
}

/* added this to fix the css issue with package carousel and the already a customer aside. Removed the margin on instances where the package carousel doesn't exist, but already a customer does*/
.sideCont{
margin-top:48px;
}
.pkgs .sideCont{
margin-top:0px;
}

/* added to fix internet photo chart legend format */
.overview-splash.photos-animation .animation-chart .speed-details {
    padding:10px;
}

.social-media img.cq-image-placeholder{
    height:16px;
    width:16px;
}

/* the following are for the iHome pages
   start the iHome styles */

.ihome-module-wrap.packages-info .desc p {
  font-size: 13px;
  line-height: 16px;
  margin: 10px auto;
  text-align: left;
  width: 85%;
}

.ihome-module-wrap.packages-info .right-wrap .leftText {
  margin-right: 25px;
  float: left;
}

.ihome-module-wrap.packages-info .right-wrap .rightText {
  float: left;
}

.ihome-module-wrap.packages-info .right-wrap ul {
  float: none;
  padding-top: 5px;
}

.ihome-module-wrap.packages-info .right-wrap .ihome-text ul {
  font-size: 15px;
  float:left;
  clear: both;
  margin-bottom: 23px;
}

.ihome-module-wrap.packages-info .right-wrap .ihome-text ul li {
  margin: 0 0 4px;
}


.ihome-module-wrap.packages-info .right-wrap .ihome-text {
  font-size: 15px;
  clear: both;
  margin-bottom: 23px;
}

.ihome-module-wrap.packages-info .right-wrap {
  margin-top: 45px;
  margin-left: 20px;
  margin-right: 20px;
}

.ihome-module-wrap .left-wrap .call-us p {
  font-size: 26px;
}

.ihome-module-wrap .right-wrap ul {
    float: right;
    clear: both;
    padding-top: 33px;
}


.right-par-features {
  min-width: 100px;
}

/* end iHome styles */

/* Calling Rate table styles */
.phone-rates table{
    margin: 0 auto;
}
.phone-rates th, .phone-rates td{
    line-height: 20px;
    padding: 0px 5px;
    text-align: center;
    border-right: 1px solid #aaa;
}

.phone-rates th{
    color: #fff;
    font-size: 15px;
    padding: 9px 13px;
    background: url("clientlibs/images/gradient-dark-blue.gif") 0 0 repeat-x #2c6694;
    border-bottom: 1px solid #1f4767;
    border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
}

.phone-rates td.left{
    text-align: left;
    float: none;
}

.phone-rates tr{
    background: url(clientlibs/images/gradient-cell-hover.gif) 0 0 repeat-x;
}
.phone-rates tr.even{
    background: none;
}
.phone-rates tr:first-child{
    border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
}
.phone-rates .table-nav-message{
   text-align: center;
   margin: 0 auto;
}
.phone-rates .table-nav{
    height: 20px;
    margin: 15px auto;
    width: 590px;
}
.phone-rates .table-nav li{
    list-style: none;
    float: left;
    padding: 0px 5px;
}
.phone-rates th:first-child{
    color: transparent;
    background: none;
    border: none;
}

/* end Calling Rate table styles */

.twopanel-wrap .twopanel-group .panel .panel-header .blue-button {
  margin-top:-35px !important;
  width:25px !important;
}
.twopanel-wrap .twopanel-group .panel {
  width:268px !important;
  height:154px !important;
  position:relative;
  top:70px;
  left:7px;
}
.twopanel-wrap {
  margin-top:-150px !important;
  background-size:860px;
  width:860px;
  margin-left:auto;
  margin-right:auto;
}
.twopanel-wrap .twopanel-group {
  width:860px !important;
}
.twopanel-wrap .twopanel-group .panel .panel-footer nav {
  width:258px;
  height:20px;
  background: url("clientlibs/images/opacity.png") repeat;
  background:rgba(0,0,0,0.5);
  padding:5px;
  top:-60px;
  position:relative;
}
.twopanel-wrap .twopanel-group .panel .panel-footer nav ul {
  height:18px;
  width:100%;
}

.twopanel-wrap .twopanel-group .panel .panel-footer nav ul li a {
  font-size:11px !important;
}

/*** Signature Home Styles ***/

/*** Signature Home Filter Packages Styles ***/
.filter-packages .wrap .item .details .wrap .fixed .bundleMoneyText {
  float: left;
}
.filter-packages .wrap .item .block .bundleBlockText p {
  color: #446110;
}

.filter-packages .wrap .item{
    background: url("clientlibs/images/gradient-white-details.png") repeat-x scroll 0 0% #eff2f6; /* BStreet WEBCMS-1948: resolve 404 error on grad*.png */
}

.filter-packages .wrap .item .equipment{
    padding: 10px 0 0;
    background: none;
}

.filter-packages .wrap.items-1 .item .equipment > ul > li {
    text-align: center;
    width: 30.3%;
}

.filter-packages .wrap.items-1 .item .equipment > ul > li .image-frame {
    background-color: #fff;
    padding: 10px;
}

.filter-packages .wrap.items-1 .item .equipment > ul > li .image-frame .image-background {
    float: none;
    width: 100%;
    background-color: #f0f0f0;
    text-align: center;
    display: inline-block;
}

.filter-packages .wrap.items-1 .item .details .wrap .fixed {
    width: 33%;
}

.filter-packages .wrap.items-1 .item .equipment > ul > li img {
    float: none;
    margin: 10px;
}

.filter-packages .wrap.items-1 .item .equipment > ul > li h4{
    position: relative;
    width: 100%;
    margin: 0;
    padding: 10px 0px 20px 0px;
    top: 0;
    text-align: center;
}

.filter-packages .wrap.items-1 .item .equipment > ul > li .more{
    text-align: center;
}

.filter-packages .wrap.items-1 .item .equipment > ul > li .more p{
    margin: 0;
}

/*** END Signature Home Filter Packages Styles ***/

.signature-home.filter-packages .details-modules .active-arrow{
    left: 50% !important;
}

.signature-home.filter-packages .details-modules .wrap{
    height: auto;
}

.signature-home.filter-packages .details-modules .wrap .details-module{
    padding-bottom:25px;
}

.signature-home.filter-packages .details-modules .wrap .shwoopBanner{
    border-top: 1px dotted #b1b1b1;
    padding-top: 25px;
}

/*** Signature Home Banner Styles ***/

.sub-feature-splash.sh .overlay .rtf{
    margin-top: 0 !important;
}

.sub-feature-splash.sh .overlay .wrap{
    display: table;
}

.sub-feature-splash.sh .overlay .rtf.full{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

.inlineCTA .text{
    float: left;
}

.inlineCTA .callToActionButton{
    float: right;
}

.sub-feature-splash.shwoop.sh{
    margin: 0px;
    padding: 0;
}

.sub-feature-splash.shwoop.sh .feature-image{
    background: none;
}

.sub-feature-splash.shwoop.sh .overlay{
    background: transparent;
    position: absolute;
    top: 0;
    width: 100%;
}

.sub-feature-splash.shwoop.sh .overlay .wrap{
    padding: 0;
    height: auto;
    background: none;
    border: none;
}

.sub-feature-splash.shwoop.sh .overlay .wrap .rtf{
    color: #444;
    padding: 0;
    margin-top: 0 !important;
}

.sub-feature-splash.shwoop.sh .overlay .wrap .rtf h2{
    color: #444;
    margin: 0;
    font-size: 24px;
}

.sub-feature-splash.shwoop.sh .overlay .wrap .rtf .channelIcons li{
    display: table-cell;
    vertical-align: middle;
}

.wrap .bottomBanner{
    margin-top: 25px;
}

/*** END Signature Home Banne Styles ***/

/*** Signature Home Side Questions Styles ***/
.questions.block-module{
    width: 100%;
    height: 100%;
    padding: 22px 20px;
    display: inline-table;
}

.block-module .textTop{
    margin-bottom: 5px;
}

.block-module .textBottom{
    margin-top: 5px;
    border-top: 1px solid #c4c6c9;
}

.block-module .textTop h4{
    margin-bottom: 10px;
}

.block-module .textBottom h4{
    margin-top: 5px;
    margin-bottom: 10px;
}

.block-module .textTop p{
    margin: 0;
}

.block-module .textBottom p{
    margin: 0;
}

/*** END Signature Home Side Questions Styles ***/

.signature-home-commercial{
    width: 500px;
    height: 252px;
}

.wrap .module.packages .commercial-wrap {
    background-image: url(clientlibs/images/background-slider-panel-static.png);
    width: 500px;
    height: 252px;
    background-size: 100%;
}

.wrap .module.packages .commercial-wrap .video-player.commercial div{
    margin-left: auto;
    margin-right: auto;
}

/*** END Signature Home Styles ***/

/*** custom nav for the channel listing page */
.channelLinks {
  background: #fff;
  height: 45px;
}
.channelLinks > ul {
  float: left;
  position: relative;
}

.channelLinks > ul > li {
  float: left;
}

.channelLinks > ul > li.active {
  float: left;
}

.channelLinks > ul> li > span > a {
  color: #3e4951;
  font-family: Arial, Sans-Serif;
  font-size: 15px;
  font-weight: bold;
  display: block;
  padding: 15px 17px 16px;
  text-align: center;
  text-transform: uppercase;
}

.channelLinks > ul> li.active > span > a {
  color: #3070a3;
}

.channelLinks > ul > li > span > a:hover {

  background: #3e4951;
  color: #fff;
}

/* styles for the iframes */
#content.container.full-width{
  width: 100%;
}
.wrap.channelList{
  width:1025px;
}

.channels-lineup {
  position: relative;
  width: 1025px;
  margin: 48px 0 22px;
}

.iframe-ondemand {
  width: 100%;
  height: 4600px;
}

.iframe-tvlistings {
  width: 100%;
  height: 950px;
}

.iframe-channelListing, .iframe-candidateLogin  {
  width: 100%;
  height: 1055px;
}

.iframe-search {
  width: 100%;
  height: 1500px;
}

.channels-lineup iframe.iframe-ondemand, .channels-lineup iframe.iframe-ondemand-modal {
  width: 100%;
  height: 4600px;
  overflow-y:scroll;
}

.channels-lineup iframe.iframe-tvlistings, .channels-lineup iframe.iframe-tvlistings-modal {
  width: 100%;
  height: 950px;
}

.channels-lineup iframe.iframe-candidateLogin, .channels-lineup iframe.iframe-candidateLogin-modal, .channels-lineup iframe.iframe-channelListing, .channels-lineup iframe.iframe-channelListing-modal {
  width: 100%;
  height: 1055px;
  overflow-y:scroll;
}

.defaultIframeStyle {
    width:400px;
    color:red;
    font-style:italic;
}

/* end iframe styles */

/*** Modals ***/

/* Generic -choose- Modal */
div.modal {
    position: relative;
    display: block;
    width: 100%;
    height:370px;
    top: auto;
    left: 0;
    background: none;
    z-index: 0;
}

div.modal .modal-box {
    background: #fff;
    top: auto!important;
    display: block;
    position: absolute;
    width: 555px;
    margin: 0 auto;
}

/* WEBCMS-3997 - Modal Template */
.wrap.halfSize{
    padding:20px;
    width: 550px;
    float:left;
    height:auto;
    display:block;
}
.wrap.shrink-to-fit{
    padding:20px;
    width:auto;
    float:left;
    height:auto;
    display:block;
}

.wrap.choose-modal{
    padding:20px;
    width:550px;
    float:left;
    height:auto;
    display:block;
}


/*** Styles to disable the margin added to honker banners via js ***/

.premium-overview-masterTeaser .short-splash .overlay .wrap .rtf{
    margin-top: 0 !important;
}

.premium-overview-masterTeaser .premiums-splash .overlay .rtf{
    margin-top: 0 !important;
}

.columns {
    margin-top:40px;
    clear: both;
}
.columns .left, .columns .right {
    width:40%;
    padding:0 10px 0 30px;
}
.columns .left {
    border-right:solid 2px #000;
}
.columns li, h3 {
    padding-bottom:10px;
}

.card p {
    line-height:1.5 !important;
    margin-bottom:5px;
}
.card h1 {
    margin-bottom:10px;
    font-size: 2em;
}

.card h3 {
    font-size: 1.5em;
}

/* WEBCMS-1237 explicitly specify list style to be disc as it doesn't inherit correctly in older browsers if unspecified */
.card .left ul li {
    list-style: disc outside none;
}

.card h4 {
    font-size: 1.2em;
    margin-top: 20px;
}

.card .rightSmallTitleAndText h4 {
    margin-bottom: 10px;
}

.card .tablet-phone-links {
    padding-bottom: 15px;
}

/*
  styles for the twc apps slider
*/

.module.apps-slider {
  height: 453px;
  position: relative;
  width: 635px;
}
.apps-slider .slides {
  width: 635px;
  height: 453px;
  margin: 0 0 10px;
}

.apps-slider .slides li {
  height: 453px;
  width: 635px;
  margin-bottom: 20px;
}

.apps-slider .slides .slide-item {
  height: 453px;
  width: 635px;
  overflow: hidden;
}

.apps-slider .slides .slide-item .slide-content {
  height: 100%;
  margin: 17px 20px;
}

.apps-slider .slides .slide-item img {
  width: 550px;
  margin: 0 auto -8px;
  display: block;
}

.apps-slider.phone .slides .slide-item .slide-content {
  overflow: hidden;
  margin: 29px 10px 17px 10px;
}
.apps-slider.phone .slides .slide-item {
  height: 453px;
  width: 290px;
  margin: 0 11px 0 0;
  overflow: hidden;
}

.apps-slider.phone .slides .slide-item:first-child {
  margin-left: 20px;
}

.apps-slider.phone .slides .slide-item img {
  width: 273px;
  margin: 0 auto -8px;
  display: block;
}

/* fixed a bug in the app-slider nav buttons
   for some reason swx could not handle more than
   4 rows of sliders, z-index needs to be larger */
.apps-slider a.prev, .apps-slider a.next {
    top: 200px;
    z-index: 999;
}

.sliderLinkActive {
   font-weight:bold;
}

.sliderLinkInactive {
    font-weight: normal;
}


/* error page styles */

.error-page-content .feature-splash .overlay .wrap {
    overflow: hidden;
}

.error-page-content .feature-splash .overlay .rtf {
    clear: both;
    width: 400px;
    color: #fff;
    font-family: Arial, Sans-Serif;
    line-height: 0;
    padding: 0 100px;
    position: relative;
    z-index: 5;
    float: right;
}
.error-search{
    clear:both;
}
.error-page-content .search {
clear: both;

}
.error-page-content .search .search-input-wrap input.text {
color: #171616;
border: 0;
float: left;
padding: 5px 0 5px 0;
background: transparent;
overflow: hidden;
width: 180px;
}
.error-page-content .search .search-btn {
background: url("clientlibs/images/button-search-end.png") no-repeat scroll 0 0 transparent;
display: block;

height: 25px;
text-indent: -9999em;
width: 26px;
}
.error-page-content .search .search-input-wrap {
    background: url('clientlibs/images/background-search-input.png') 0 0 no-repeat;
    width: 188px;
    float: left;
    padding: 0 0 1px 12px;
}
.error-links li.last{
    background:0;
}
.error-links{
padding:10px 0px;

}
.error-search{
padding:10px 0px;
}
.error-cta{
padding:10px 0px;
}
.error-links li {
    background: url('clientlibs/images/divider-gray.gif') 100% 0 no-repeat;
    float: left;
    padding: 0 8px 0 0;
    margin: 0 8px 0 0;
}
.error-page-content .feature-splash .feature-image{
    background-color: #000;
    background-position: 100% 50%;
    background-repeat: no-repeat no-repeat;

}
/*End error page styles*/

/*** Top Questions Buttons Styles ***/
.top-questions-button{
    width: 50%;
    float: left;
}
.top-questions-button .right-cta{
    padding-left: 7px;
}
.top-questions-button.center{
    padding-left: 50px;
}
.top-questions-button.center .blue-button{
    width: 90px !important;
}
/*** End Top Questions Buttons Styles ***/

/* overwrite current SWX heights on the package-filter
   the content authors want the heights larger
   SWX will delivery a dynamic fix at some point */
.filter-packages .wrap .item {

}

.filter-packages .wrap .item .details .wrap {

}

.filter-packages .details-modules .wrap {

}
/* done with SWX package filter heights */
/* force word wrap to prevent horizontal scrolling*/
.flyout .flyout-wrap p {
word-wrap:break-word;
}



/*WEBCMS-1469 - Request background-color of feature image on learn pages is black, not grey */
.learn-banner .feature-splash .feature-image{
background-color:#000;
}
.tabs-module.vertical .tabs-container .tab .deals{

overflow:visible;
}

/*SNAPSHOT Style enhancements */
 div.snapshot-promo {
        height: auto 385px ;
    }
    div.snapshot-promo, div.snapshot-tile {
        width: auto;
        height: auto ;
    }
    .tabs-module .tabs-container .tab div.cta {
        width: 100%;
    }
    .tabs-module .tabs-container .tab .deals.three-col div.cta {
        text-align: center;
    }
    .tabs-module .tabs-container .tab div.cta .blue-arrow .arrow {
        padding-right: 0px;
    }
    .tabs-module.vertical .tabs-container .tab .deals.one-col li div.snapshot-tile {
        width: auto ;
    }
    .tabs-module.vertical .tabs-container .tab .deals.two-col li div.snapshot-tile {
        width: auto ;
    }


 /*End Snapshot Style enhancements*/


/*WEBCMS-1724 Adding a class to handle CTA case for buttons with no arrows*/
.no-arrow {
  background: none;
}
 /* twcTitle enhancement - adding a subtitle */
.sub-navigation div.subtitle{
    color: #333;
    font-family: "TWC Round Light", Arial, Sans-Serif;
    font-size: 18px;
    padding: 25px 90px 0;
}
 /* END twcTitle enhancement */

/*Change tooltip styling provide by SWS per WEBCMS-1101*/
.addtooltip {
    text-decoration: none;
    cursor: auto;
    color: #3376b2;
}
span:hover.addtooltip {
    text-decoration: underline;
    cursor: auto;
    color: #1b405d;
}
/* WEBCMS-1319 styles to support price term in sliders*/

.carousel-slide .term {
    font-size: 11px;
    text-align:left;
    display:inline-block;
    vertical-align:bottom;
    padding-bottom:3px;
    width:46px;
    color:#3e90d2;
}

.navigation .mega-menu.three-col .slider .slide-items h4 {

    display: inline-block;
}
.product-slider .slides .slide-item .slide-content h4 {
    display:inline-block;
}

.large-slider .slides .slide-item .slide-content h4 {
    float: none;
    font-size: 26px;
    line-height: 26px;
    display: inline-block;
}
.large-slider .slides .slide-item .slide-content .priceterm{
    float:right;
}
.large-slider .slides .slide-item .slide-content .term{
    display:inline-block;
    width:45px;
    font-size:10px;
}
/* End WEBCMS-1319 styles to support price term in sliders*/

/* placeholder styles for the myservices login placeholder values */
.placeholder {
    color: #aaa;
}

/* WEBCMS-1237 - Due to a bug in CQ5 to where it incorrectly modifies the inlined SVG data,
   on IE9, we should replicate the behavior used in old IEs to have backgrounds for the CTAs.
   These should be removed later when the CQ5 bug is corrected. */
.ie9 .blue-button, .ie9 .panel-wrap .panel-group .panel .panel-header nav span, .panel-wrap .panel-group .panel .panel-header nav .ie9 span {
  background-color: "#2b6895";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#3e8fd0', endColorstr='#2b6895');";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e8fd0', endColorstr='#2b6895', GradientType=0);
  zoom: 1;
}
.ie9 .blue-button:hover, .ie9 .panel-wrap .panel-group .panel .panel-header nav span:hover, .panel-wrap .panel-group .panel .panel-header nav .ie9 span:hover, .ie9 .panel-wrap .panel-group .panel .panel-header nav a:hover span, .panel-wrap .panel-group .panel .panel-header nav a:hover .ie9 span  {
  background-color: "#1b405d";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#265a82', endColorstr='#1b405d');";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#265a82', endColorstr='#1b405d', GradientType=0);
  zoom: 1;
}
.ie9 .black-button, .ie9 .gray-button, .ie9 .header .login-button, .header .ie9 .login-button, .ie9 .gateway .header .wrap .main nav ul li a, .gateway .header .wrap .main nav ul li .ie9 a {
  background-color: "#2f2f2f";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#3e3e40', endColorstr='#2f2f2f');";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3e40', endColorstr='#2f2f2f', GradientType=0);
  zoom: 1;
}
.ie9 .black-button:hover, .ie9 .gray-button:hover, .ie9 .header .login-button:hover, .header .ie9 .login-button:hover, .ie9 .gateway .header .wrap .main nav ul li a:hover, .gateway .header .wrap .main nav ul li .ie9 a:hover {
  background-color: "#6c6c6c";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#77787a', endColorstr='#6c6c6c');";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77787a', endColorstr='#6c6c6c', GradientType=0);
  zoom: 1;
}
.ie9 .black-button, .ie9 .gray-button, .ie9 .header .login-button, .header .ie9 .login-button, .ie9 .gateway .header .wrap .main nav ul li a, .gateway .header .wrap .main nav ul li .ie9 a {
  background: url("clientlibs/images/black-button.gif") 0 0 repeat-x #2b2b2b;
}
.ie9 .black-button:hover, .ie9 .gray-button:hover, .ie9 .header .login-button:hover, .header .ie9 .login-button:hover, .ie9 .gateway .header .wrap .main nav ul li a:hover, .gateway .header .wrap .main nav ul li .ie9 a:hover {
  background: url("clientlibs/images/black-button-hover.gif") 0 0 repeat-x #3d3d3d;
}
/* End WEBCMS-1237 */

/* need these copied styles for the hiding the price column in the compare table */

.compare .compare-table tr td.hidecoldesc {
  background: url("clientlibs/images/gradient-gray-blue.png") 0 0 repeat-x;
  color: #333;
  padding: 0 20px;
  text-align: left;
  min-width: 639px;
}
.compare .compare-table tr td.hidecoldesc p {
  line-height: 16px;
}
.compare .compare-table tr td.hidecoldesc a {
  color: #333;
}

/* this one is used for hiding the price on the 5 col row */
.compare .compare-table tr td.hidecoldesc.fivecol {
  min-width: 444px;
}

/* WEBCMS-1237 As text / are getting added in ie7, remove the bg slash and make the / text the same color as what the bg slash is usually */
.ie7 .breadcrumbs li {
  background-image: none;
  color:#ccc
}

/* fix style for overlay */
.fancybox-wrap h1{font-size: 2em;font-weight: bold;}
.fancybox-wrap h2{font-size: 1.5em;font-weight: bold;}
.fancybox-wrap h3{font-size: 1em;font-weight: bold;}

/* WEBCMS-1805 Using method above for fixes in 1237 to get gradients working in IE9 */
.ie9 .breadcrumbs ul {
  background-color: "#000";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#33000000', endColorstr='#00000000');";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#00000000', GradientType=1);
  zoom: 1;
}

.ie9 .gateway .header {
  background-image: url("clientlibs/images/gradient-background-header-gateway.png");
}

.ie9 .footer .footer-links li {
  background-position: 100% center;
  line-height: 15px;
}
/* END WEBCMS-1805 */

/* WEBCMS-1805 PACKAGES - Fix for Title in Package Dropdown in IE9 */
.filter-packages .details-modules .wrap h4 {
    color: #000;
    font-family: "TWC Round Light",Arial,Sans-Serif;
    font-size: 24px;
    margin: 0 0 30px;
    font-weight: bold;
}
/* END WEBCMS-1805 PACKAGES */
.module.solid .content-list .feature-detail > div >img {
    float: left;
    margin: 0 20px 0 0;
}

/* WEBCMS-1814 - Adding 4th level nav for CLU page*/
.fourth-level-nav{
    background: none;
    margin: -40px 0 0 35px;
    font-size: 13px;
    font-family: Arial, Sans-Serif;
    float: left;
}

div.fourth-level-nav.fourth-level-navlinks ul{
    list-style-type: none;
    width: 663px;
    margin: auto;
}

div.fourth-level-nav.fourth-level-navlinks li{
    float: left;
    padding-right: 20px;
}

div.channel-listing-navlinks.tabs{
    height: 105px;
    padding: 0px;
}

.channels-lineup .tabs ul li.active a, .channels-lineup .tabs ul li:hover a {
    /* hide the arrow background set in screen.css */
    background: none;
}
/* END WEBCMS-1814 CLU page changes */

/* WEBCMS-1443 form errors */

.form_error {
    display: block;
    margin-left: 25px;
    color: #f00;
    font-size: 0.8em;
    line-height: 2em;
}

.form p.form_error {
    background: #ffc0cb;
    font-size: 1em;
    line-height: 3em;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #f00;

}
.checkbox .form_error {
    margin-left: 0;
}
/* END WEBCMS-1443 form errors */

.feature .tooltips .checkBoxHoverComponent {
    background: url("clientlibs/images/tooltip-top.png") no-repeat scroll 0 0 transparent;
    margin-bottom: -4px;
    padding: 25px 55px 15px 35px;
    width: 254px;
}
/*.pyr-borders{margin-right:23px;}*/
#pyr-support-lnks{position:absolute;right:0px;top:23px;z-index:10;}
#pyr-support-lnks>a{margin-right:20px;padding-left:26px;position:relative;}
#pyr-support-lnks-chat>span{display:block;position:absolute;left:0px;top:0px;}
#pyr-support-lnks-contact>span{display:block;position:absolute;left:0px;top:0px;}
.pyr_lnd-zIndex9{z-index:9;}
.pyr_lnd-zIndex10{z-index:10;}
.pyr_lnd-zIndex11{z-index:11;height:181px;overflow:hidden;}
.pyr_lnd-zIndex12{z-index:12;}
#pyr_lnd-page{padding:23px 0 18px;position:relative;}
.pyr_lnd-input{border:none;background-color:transparent;}
.pyr_lnd-edg-left{position:absolute;left:0px;top:0px;height:100%;margin:0;padding:0;}
.pyr_lnd-edg-right{position:absolute;top:0px;right:0px;height:100%;margin:0;padding:0;}
.pyr_lnd-edg-top{position:absolute;top:0px;margin:0;padding:0;background-color:#0f0;}
.pyr_lnd-edg-bottom{background-color:#0f0;position:absolute;bottom:0px;margin:0;padding:0;z-index:-1;*margin-left:-5px;}
#pyr_lnd-hd>ul{padding-left:23px;}
#pyr_lnd-hd>ul>li{float:left;}
#pyr_lnd-hd-find{font-weight:bold;color:#101e58;font-size:1.25em;line-height:53px;text-shadow:0px 1px 0 white;}
#pyr_lnd-hd-search{position:relative;width:352px;margin-top:15px;z-index:10;padding-left:13px;}
#pyr_lnd-hd-search>div{position:absolute;width:352px;}
#pyr_lnd-hd-search .pyr_lnd-edg-left,#pyr_lnd-hd-search .pyr_lnd-edg-right{display:none;width:10px;}
#pyr_lnd-hd-search .pyr_lnd-edg-top{left:10px;}
#pyr_lnd-hd-search .pyr_lnd-edg-bottom{display:none;width:336px;height:10px;}
#pyr_lnd-hd-search-input{line-height:24px;height:24px;position:relative;z-index:10;margin-left:18px;margin-top:3px;font-weight:bold;}
#pyr_lnd-hd-search-input{*height:21px;}
#pyr_lnd-hd-search-input button{border:none;position:absolute;right:14px;top:0px;*top:3px;padding:0;}
#pyr_lnd-hd-search-input-fld{width:255px;outline:none;}
#pyr_lnd-hd-search-expand{position:relative;z-index:9;}
#pyr_lnd-hd-search-expander{line-height:18px;display:none;height:0px;overflow:hidden;margin-left:8px;margin-right:8px;background-color:#2d77d5;padding-left:0;padding-top:0;}
#pyr_lnd-hd-search-expander-ul{padding-left:10px;padding-top:8px;position:absolute;top:-1px;width:317px;z-index:10;*margin-left:-337px;}
#pyr_lnd-hd-search-expander-ul li{overflow:hidden;}
#pyr_lnd-hd-search-expander-ul a{color:#fff;font-family:Arial;font-size:1em;font-weight:bold;}
#pyr_lnd-hd-search-expander-ul a:hover{text-decoration:none;color:#01114f;font-family:Arial;font-size:1em;font-weight:bold;}
#pyr_lnd-hd-search-expander-bg{width:100%;height:100%;}
#pyr_lnd-hd-search .pyr_lnd-hd-search-active .pyr_lnd-edg-top{left:0px;top:-11px;}
#pyr_lnd-hd-search .pyr_lnd-hd-search-active .pyr_lnd-edg-left{display:block;}
#pyr_lnd-hd-search .pyr_lnd-hd-search-active .pyr_lnd-edg-right{display:block;}
#pyr_lnd-hd-search .pyr_lnd-hd-search-active .pyr_lnd-edg-bottom{left:0px;*left:5px;bottom:-19px;display:block;}
#pyr_lnd-hd-search .pyr_lnd-hd-search-active #pyr_lnd-hd-search-input{font-weight:normal;}
#pyr_lnd-hd-search .pyr_lnd-hd-search-active #pyr_lnd-hd-search-input button{border:none;position:absolute;right:12px;top:-2px;*top:1px;padding:0;}
.pyr_lnd-remote{display:block;width:212px;}
#pyr_lnd-hd-list{padding-left:20px;margin-top:10px;width:146px;position:relative;z-index:10;}
#pyr_lnd-hd-list-DD{display:none;position:absolute;width:316px;z-index:10;min-height:20px;left:17px;}
#pyr_lnd-hd-list-DD a{color:#25559f;line-height:18px;font-weight:normal;}
#pyr_lnd-hd-list-DD a:hover{color:#01114f;text-decoration:none;}
#pyr_lnd-hd-list_C{width:286px;background-color:#fff;height:0px;overflow:hidden;position:relative;z-index:10;margin-left:8px;margin-right:8px;padding-left:14px;}
.pyr_lnd-hd-list-expand #pyr_lnd-hd-list-DD{display:block;}
.pyr_lnd-hd-list-expand{margin-top:6px ! important;padding-left:18px ! important;width:148px ! important;}
#pyr_lnd-hd-help{padding-right:20px;margin-left:20px;position:relative;*float:none !important;margin-top:19px;*margin-top:23px;*width:140px;}
#pyr_lnd-hd-help-lnk{color:#064091;font-size:1em;*margin-left:20px;*margin-top:-10px;text-shadow:0px 1px 0 white;width:120px;}
#pyr_lnd-hd-help-lnk:hover,.pyr_lnd-hd-help-show #pyr_lnd-hd-help-lnk{color:#4b4b4b;text-decoration:none;}
.pyr_lnd-hd-help-lnk-dv{*position:absolute;*top:-15px;}
.pyr_lnd-hd-help-lnk-dv{top:-17px\9}
.pyr_lnd-hd-help-lnk-dv:hover{*cursor:pointer;}
.pyr_lnd-hd-help-lnk-icn{display:block;position:absolute;top:0px;*top:-16px;right:0px;*right:48px;}
.body_TextSize_1 .pyr_lnd-hd-help-lnk-icn{*right:10px;}
.body_TextSize_2 .pyr_lnd-hd-help-lnk-icn{*right:5px;}
#pyr_lnd-hd-help-bG{position:absolute;bottom:-7px;left:-284px;*left:-264px;display:none;*overflow:visible;}
#pyr_lnd-hd-help-bG{bottom:-10px\9}
#pyr_lnd-hd-help-bG>div{position:relative;margin:10px 15px 10px 10px;}
.pyr_lnd-hd-help-show #pyr_lnd-hd-help-bG{display:block;}
#pyr_lnd-hd-search-input{*padding-top:6px;}
#pyr_lnd-hd-help-bG{font:normal normal bold 12px/16px Arial,sans-serif;}
#pyr_lnd-hd-help-bG h1,#pyr_lnd-hd-help-bG h2,#pyr_lnd-hd-help-bG h3,#pyr_lnd-hd-help-bG h4,#pyr_lnd-hd-help-bG h5,#pyr_lnd-hd-help-bG h6{color:#01114f;font-weight:bold;margin:0 0 4px;}
#pyr_lnd-hd-help-bG li{background:none;list-style:disc inside none;padding:0;}
#pyr_lnd-intro{padding-bottom:29px;position:relative;z-index:9;}
#pyr_lnd-intro p{width:600px;padding-top:20px;}
.pry_lnd-intro-shadow{left:0;bottom:0px;position:absolute;width:100%;}
.pry_lnd-intro-bg{left:0;bottom:0px;position:absolute;width:100%;}
#pyr_lnd-result{position:relative;z-index:9;}
.pry_lnd-result-shadow{left:0;top:-1px;position:absolute;width:100%;}
#pyr_lnd-remoteList{margin-left:22px;}
#pyr_lnd-remoteList ul li{float:left;margin-right:23px;margin-bottom:23px;background-color:#bbb;}
.pyr_lnd-remote-imgArea{position:relative;display:block;}
.pyr_lnd-remote-imgArea:hover{cursor:pointer;}
.pyr_lnd-remote>div{position:absolute;bottom:9px;left:67px;display:block;}
.pyr_lnd-remote-img{position:absolute;bottom:13px;left:65px;max-height:260px;max-width:73px;}
.pyr_lnd-remote-desc{display:block;position:relative;color:#fff;*width:212px;}
.pyr_lnd-remote-desc .pyr_lnd-remote-desc-txt{padding:10px 50px 0 10px;}
.pyr_lnd-remote-desc .pyr_lnd-remote-desc-zoom{display:block;position:absolute;right:0px;top:0px;}
.pyr_lnd-remote-desc-lnk{color:#fff;}
.pyr_lnd-remote-desc-a{width:150px;overflow:hidden;position:absolute;height:30px;font-size:1.083em;font-weight:bold;color:#fff;}
.pyr_lnd-remote-desc-a:hover{color:#01114f;text-decoration:none;}
#pyr_lnd-remote-showAll{padding:20px;font-weight:bold;}
#pyr_lnd-remote-showAll>span{left:19px;position:absolute;bottom:-3px;*bottom:16px;}
#pyr_lnd-noresult{margin-top:31px;margin-left:20px;}
#pyr_lnd-noresult>span,.pry_lnd_searchresults{font-weight:bold;font-size:16px;}
#pyr_lnd-noresult td{vertical-align:top;}
#pyr_lnd-noresult input{border:none;}
#pyr_lnd-noresult-form-model{position:relative;z-index:0;width:400px;height:27px;}
#pyr_lnd-noresult-form-model input{padding:5px 5px;width:400px;background-color:transparent;border:none;position:relative;z-index:0;}
#pyr_lnd-noresult-form-comment{position:relative;z-index:0;width:436px;}
#pyr_lnd-noresult-form-comment .pyr_lnd-edg-left{border-left:solid 1px #D7D7D7;width:1px}
#pyr_lnd-noresult-form-comment .pyr_lnd-edg-right{border-right:solid 1px #D7D7D7;width:1px}
#pyr_lnd-noresult-form-comment textarea{padding:5px;height:149px;width:400px;background-color:transparent;border:none;position:relative;z-index:0;overflow:hidden;max-width:400px;color:#5c8ddc;resize:none;}
#pyr_lnd-noresult-clt{text-align:right;padding-top:20px;}
#pyr_lnd-noresult-clt a{padding-left:25px;float:left;display:block;position:relative;line-height:20px;}
#pyr_lnd-noresult-clt span{display:block;position:absolute;left:0px;}
.pyr_lnd-noresult-p{line-height:50px;vertical-align:middle;font-weight:bold;}
.pyr_lnd-suggest-remote-expander{height:auto;display:block;overflow:hidden;padding-bottom:8px;}
#pyr_lnd-suggest-remote>span{left:0;position:absolute;top:-3px;}
#pyr_lnd-suggest-remote{padding-left:26px;line-height:45px;position:relative;}
.pyr_lnd-suggest-remote-td{color:#5b8cd9;display:block;float:left;font-size:1.1em;font-weight:bold;width:180px;padding-top:5px;}
.pyr_lnd-suggest-remote-comment{padding-top:15px;}
.pyr_lnd-suggest-remote-ty-spn{font-weight:bold;color:#01114f;}
.pyr_lnd-suggest-form-error{margin-top:-20px;position:absolute;}
#pyr_lnd-remoteList-lrg{z-index:12;width:447px;text-align:left;}
#pyr_lnd-remoteList-lrg .Overlay_CloseButton{left:auto;right:24px;top:22px;z-index:11;}
#pyr_lnd-remoteList-lrg .Overlay_CloseButton2{left:375px;}
#pyr_lnd-remoteList-lrg .pyr_lnd-edg-bottom2{bottom:-32px;}
#pyr_lnd-remoteList-lrg-desc{line-height:32px;color:#fff;padding-left:28px;padding-top:15px;width:337px;overflow:hidden;}
#pry_lnd-remoteList-lrg-body{position:relative;width:447px;overflow:hidden;z-index:10;}
#pry_lnd-remoteList-lrg-body-bg{position:absolute;left:15px;bottom:0;width:417px;z-index:9;}
#pyr_lnd-remoteList-lrg-body-wrp{margin:0 15px;background-color:#f5f5f5;}
#pyr_lnd-remoteList-lrg-body-wrp>div{position:relative;z-index:10;width:150px;margin:0 auto 0 auto;padding:43px 0 11px 0;*padding-bottom:1px!important;}
#pyr_lnd-remoteList-lrg-body-wrp>div{padding-bottom:1px!important\9 }
#pyr_lnd-remoteList-lrg-body-wrp img{width:150px;position:relative;z-index:11;}
#pyr_lnd-remoteList-lrg-body-wrp span{position:absolute;bottom:20px;left:6px;}
a.pyr_lnd-remoteList-disabled-lnk{color:#064091 !important;font-family:Arial,Helvetica,Verdana,Sans-Serif;cursor:default;}
a.pyr_lnd-remoteList-disabled-lnk:hover{text-decoration:none;}
.pyr_lnd-remoteList-spn{color:#378ddd;font-weight:bold;font-size:inherit;}
#pyr_lnd-remoteList-filter{position:relative;height:62px;font-size:1.05em;line-height:62px;color:#5b6371;font-weight:bold;}
#pyr_lnd-remoteList-filter>div{position:absolute;right:0px;top:0px;}
#pyr_lnd-remoteList-filter-most,#pyr_lnd-remoteList-filter-all{color:#5b6371;}
.LiveChatSubmit:hover{cursor:pointer;}
#item_error_CommentQuestion{margin-top:-7px;*margin-bottom:225px;margin-left:181px;position:absolute;}
#item_error_ManufacturerModel{margin-top:-19px;*margin-bottom:225px;margin-left:181px;position:absolute;}
#pyr_lnd-hd-list_C ul{margin-left:-15px;}
#pyr_lnd-hd-list_C li:hover{background-color:#e2e8ec;}
#pyr_lnd-hd-list_C a,#pyr_lnd-hd-list_C a:hover{margin-left:10px;font-size:1em;}
#pyr-support-lnks-chat,#pyr-support-lnks-chat:hover,#pyr-support-lnks-contact,#pyr-support-lnks-contact:hover{text-decoration:none;color:#064091;font-size:1em;font:arial;font-weight:bold;}
.pyr_borders div{line-height:18pt;}
.pyr-borders .DFCMArea{font-size:1.167em;line-height:18pt;}
.body_TextSize_1 .pyr_lnd-remote-showAll-expand>span{*bottom:-2px;}
.pyr_pagearea-bottom{*position:static !important;}
#pagearea_bottom{*position:static !important;*margin-top:-1px;margin-top:-1px\9}
.pyr_lnd-edg-right{height:100%;}
.pyr_lnd-edg-left{height:100%;}
.remoteImageOverlay_content .pyr_lnd-edg-bottom2{margin-top:-2px\9}
.remoteImageOverlay_content span{margin-bottom:-18px;}
.remoteImageOverlay_content span{margin-bottom:-18px\9}
.remoteImageOverlay_content span{*margin-bottom:-27px;}
.remoteImageOverlay_content #pyr_lnd-remoteList-lrg-body-bg{margin-bottom:-1px\9}
.remoteImageOverlay_content #pyr_lnd-remoteList-lrg-body-wrp{margin-top:-3px\9}
.remoteImageOverlay_content .Overlay_CloseButton{*left:0px;}
.remoteImageOverlay_content{*float:left;}
.remoteImageOverlay_content #pyr_lnd-remoteList-lrg-desc{width:417px;}
.gbl_hidden2{visibility:hidden;}
.global_box2{margin-top:12px;position:relative;z-index:10;}
.masthead_box2{z-index:0!important;*z-index:1!important;}
#pyr-title{color:#01114f;font:normal normal bold 1.5em/1.66em Arial,sans-serif;padding:22px 22px 13px;position:relative;}
#pyr-help{padding:25px 22px 0;float:right;position:relative;z-index:1;}
#pyr-help a{color:#064091 !important;font:normal normal bold 1em/19px Arial,sans-serif;display:block;float:left;}
#pyr-help a:hover{text-decoration:none;}
#pyr-help-chat{width:auto !important;padding:0 25px 0 29px;}
#pyr-help-contact{width:auto !important;padding:0 0 0 26px;}
#pyr-viewall{clear:both;padding:0 0 0 22px;position:relative;}
#pyr-viewall a{color:#064091;font:normal normal bold 1em/8px Arial,sans-serif;display:block;width:auto !important;height:auto !important;padding:0 0 0 9px;}
#pyr-viewall a:hover{color:#01114f;text-decoration:none;}
#pyr-intro{overflow:hidden;position:relative;}
#pyr-intro-bg{position:absolute;bottom:0;left:0;width:100%;}
#pyr-summary{min-height:330px;padding:28px 148px 0 385px;position:relative;}
#pyr-summary-image{width:230px;height:330px;overflow:hidden;float:left;position:absolute;bottom:0;left:128px;}
#pyr-summary-image img{position:absolute;bottom:0;}
#pyr-summary-text{color:#5b6371;font:normal normal normal 1.25em/22px Arial,sans-serif;padding:72px 0 57px;}
#pyr-summary-text h2{color:#5b8cd9;font:normal normal bold 1.45em/22px Arial,sans-serif;padding:0 0 18px;}
#pyr-manual{width:auto !important;overflow:hidden;margin:35px 0 0;}
#pyr-manual ul{padding:15px 0 15px 53px;}
#pyr-manual a{color:#064091;font:normal normal bold 0.8em/8px Arial,sans-serif;display:block;width:auto !important;padding:0 0 0 10px;}
#pyr-manual a:hover{color:#01114f;text-decoration:none;}
#pyr-navbar{margin:-12px 0px;position:relative;}
#pyr-navbar li{float:left;border-right:1px solid #efefef;width:260px;height:50px;}
#pyr-navbar a{color:#064091;font:normal normal bold 1.083em/20px Arial,sans-serif;text-align:center;text-shadow:0px 1px 0 white;white-space:nowrap;display:block;overflow:hidden;padding:16px 0 14px;}
#pyr-navbar a:hover{color:#01114f;text-decoration:none;}
#pyr-navbar .pyr-navbar-active a{color:#3e3e3e !important;background:none !important;}
#pyr-navbar-program a,#pyr-navbar-keys a{height:auto !important;}
#pyr-navbar-print{padding:18px 26px 12px;float:right !important;width:auto !important;height:auto !important;border:none !important;}
#pyr-navbar-print a{cursor:pointer;display:block;padding:0 !important;}
#pyr-navbar-print span{display:none;}
.pyr-navbar-arrow{visibility:hidden;margin:0 auto;}
.pyr-navbar-active .pyr-navbar-arrow{visibility:visible;}
#pyr_prf-program{position:relative;padding-top:29px;padding-top:30px;}
#pyr_prf-program .pyr_prf-shadow{top:0;}
#pyr_prf-program .pyr_prf-arrow{left:125px;*top:-1px;}
.pyr_prf-program-brand-select-gry{color:#b3b3b3;}
.pyr_prf-program-brand-select{color:#5b8cd9;}
#pyr_prf-program-device{float:left;width:435px;*padding-left:23px;}
#pyr_prf-program-device .pyr_prf-program-device-select{height:32px;line-height:32px;*line-height:22px;}
#pyr_prf-program-device .pyr_prf-program-device-select button{margin-left:6px;*margin-left:6px;border:none;*top:-1px;height:22px!important;vertical-align:middle;margin-bottom:2px;}
#pyr_prf-program-device .pyr_prf-program-device-select button:hover{cursor:pointer;}
#pyr_prf-program-device .pyr_prf-program-device-select>label{display:block;width:130px;*width:130px;float:left;font-weight:bold;font-size:1.083em;*vertical-align:text-top;}
#pyr_prf-program-device .pyr_prf-program-device-select select{width:255px;font-size:14px;font-weight:bold;margin-left:1px;}
#pyr_prf-program-device>h3{color:#01114f;font-weight:bold;padding-bottom:15px;font-size:1.33em;margin-top:10px\9 }
/*.pyr_prf-program-device-lbl{color:#5b8cd9;}*/
.pyr_prf-program-device-lbl-gry{color:#979797;}
#pyr_prf-program-device-select{color:#5b8cd9;}
.pyr_prf-program-device-select-opt,.pyr_prf-program-brand-select-opt{*color:graytext;}
#pyr_prf-topic{float:left;*float:none;width:435px;position:relative;padding-bottom:50px;}
#pyr_prf-topic>ul>li{border-bottom:solid 1px #b9c3ce;}
#pyr_prf-topic>ul>li:first-child{border-top:solid 1px #b9c3ce;}
.pyr_prf-topic-hd{display:block;cursor:pointer;padding-left:30px;height:40px;line-height:40px;position:relative;overflow-x:hidden;overflow-y:hidden;}
.pyr_prf-topic-hd>span{position:absolute;left:10px;top:12px;height:15px !important;}
.pyr_prf-topic-selected{background-color:#f0f8fe;padding-bottom:30px;}
.pyr_prf-topic-expander{padding-left:30px;*padding-left:0px;*margin-left:30px;height:0px;overflow:hidden;width:335px;}
.pyr_prf-topic-expander-nojs{height:auto;}
.pyr_prf-topic-expander>div{margin-bottom:30px;}
.pyr_prf-topic-h3{padding-bottom:15px;font-size:1.33em;font-weight:bold;margin-top:10px\9;margin-left:30px;}
#pyr_prf-topic-dvr-top{top:-46px;left:1px;position:relative;}
#pyr_prf-topic-dvr-bottom{bottom:-1px;left:0px;position:absolute;*bottom:-1px;}
#pyr_prf-topic-dvr-bg{width:100%;}
#pyr_prf-topic-dvr-bg li{margin-left:30px;}
#pyr_prf-topic-dvr-bg>ul>li{border-bottom:1px solid #B9C3CE;width:365px;}
#pyr_prf-topic-dvr-bg>ul{margin:-38px 0 0;margin:-46px 0 0\9;}
#pyr_prf-device-codes-p{font-weight:bold;}
#pyr_prf-device-title-p{color:#01114f;}
#pyr_prf-device-instructions>p{padding-bottom:10px;}
.Edit #pyr_prf-common{display:block;}
.Edit #pyr_prf-program{display:none;}

#pagewrap_box {
    margin-left: auto;
    margin-right: auto;
    width: 962px;
    text-align: left;
    position: relative;
}

/* brian.street2 - attempting to merge with Jason's redesign */
.pyr-breadcrumbs {
    background: transparent;
    left: 0;
    font-size: 11px;
    height: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 100;
    background-color: #17181a;
}
.pyr-breadcrumbs ul {
    float: left;
    width: 530px;
    padding-left:15px;
}
.pyr-breadcrumbs li {
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    line-height: 30px;
}
.pyr-breadcrumbs li a { color: #ccc; }
.pyr-breadcrumbs li a:after { content: " /"; }
.pyr-breadcrumbs li a.active, .pyr-breadcrumbs li.last a { font-weight: bold; }
.pyr-breadcrumbs li.last a:after { content: ""; }

.pyr-breadcrumbs .wrap { 
    background: #222;
    background-color: #17181a
}

.pyr-breadcrumbs .left-visual-block {
    background: #000;
    display: inline-block;
    float: left;
    height: 30px;
    margin-left: -490px;
    overflow: hidden;
    width: 50%;
    background-color: #17181a;
}

.pyr-title {
    font: normal normal bold 1.5em/1.66em Arial,"sans serif";
    padding: 22px 0;
}
.pyr-title h2 {
    font-size: 36px;
    text-align: left;
    font-family: twcround;
}

.pyr-summary {
    min-height:330px;
    padding-top:28px;
    position:relative;
    top:0px;
}
.pyr-summary-text {
    font:normal normal normal 1.25em/22px Arial,sans-serif;
    padding:72px 0 57px;
    width:500px;
    position:relative;
    top:-40px;
}
.pyr-summary-text h2 {
    font:normal normal bold 1.45em/22px Arial,sans-serif;
    padding:0 0 18px;
}
.pyr-buttons {
    overflow:hidden;
    margin:35px 0 0;
}
.pyr-buttons.button-list { border: none; }
.pyr-buttons ul { padding:15px 0 15px 0; }
.pyr-buttons li {
    background-color:#595959;
    display:inline-block;
    padding:5px 20px 5px 20px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#fff;
}
.pyr-buttons a {
    font:normal normal bold 0.8em/8px Arial,sans-serif;
    display:block;
    /*width:auto !important;*/
}
.pyr-buttons a:hover {
    text-decoration:none;
}
.pyr-summary-image {
    width:230px;
    height:330px;
    overflow:hidden;
    position: absolute;
    right: 0px;
    top: -14px;
}
.pyr-content {
    padding-top: 30px;
    margin-bottom: 40px;
    background-color: #fff;
    border: solid 1px #D8D8D8;
}

.pyr-details {
    background-color: white;
    border: solid 1px #D8D8D8;
    /* margin-bottom: 40px; */
    padding: 30px 0;
    display: block;
    position:relative;
    top: -26px;
}
.pyr-borders {
    float: left;
    width: 45%;
    padding: 0 23px;
}
.pyr-borders.topic { border-left: 1px solid #D8D8D8; }
.pyr-content .pyr-borders h3 {
    font-weight: bold;
    font-size: 1.33em;
    padding-bottom: 15px;
    margin-top: 10px;
}
.pyr-borders h3 {
    font-weight: bold;
    font-size: 1.33em;
    padding-bottom: 15px;
}
.pyr-details label {
    display: block;
    width: 30%;
    float: left;
    font-weight: bold;
    font-size: 1.083em;
}
.pyr-details select {
    width: 70%;
    font-size: 14px;
    font-weight: bold;
}
.pyr-details .pyr-select-wrapper {
    height: 32px;
    line-height: 32px;
}
.pyr-details p { padding-bottom: 10px; }
.pyr-details .pyr-device-codes { font-weight: bold; }

.feature-wrapper{
    width:100%;
    height:100%;
    background-color:#282828;
}

.support-center h1, .support-center h2 {
    font-weight:bold;
}
.support-center h1 {
    font-size:1.5em;
}
.support-center h2 {
    font-size:1.3em;
}
.support-center h3 {
    font-size:1em;
    margin-bottom:-5px;
}

.support-center .left-side, .support-center .right-side {
    float:left;
}
.support-center .left-side {
    margin-right:20px;
    padding:30px;
}
.support-center .left-side .spacing {
    margin:20px 0 20px 0;
}
.support-center .left-side div, .support-center .right-side {
    overflow:hidden;
}
.support-center .column-one, .support-center .column-two {
    width:240px;
    float:left;
    margin-bottom:40px;
}
.support-center .column-one {
    margin-right:20px;
}
.support-center .column-two {
    position:relative;
}
.support-center .column-one, .support-center .column-two {
    padding:10px;
}
.support-center .gradient-bg {
    width:570px;
    background-color:#f1f1f1;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#ffffff');
    background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#fff));
    background:-moz-linear-gradient(top,  #f1f1f1,  #fff);
}
.support-center .bordered {
    border:solid 1px rgba(0, 0, 0, 0.5);
    border-radius:5px;
    -moz-border-radius:5px;
}
.support-center .underline {
    border-bottom:solid 1px #dfdfdf;
    padding-bottom:10px;
    margin-bottom:10px;
}
.support-center .bullet-arrows ul, .support-center .bullet-arrows li{
    margin:0;
    padding:0;
}
.support-center .bullet-arrows li {
    line-height:2;
    list-style-type:none;
    background:url('clientlibs/images/support-center/bullet-arrows.png') no-repeat left;
    padding-left:30px;
}
.support-center .left-images/support-center img {
    float:left;
    margin-right:10px;
}
.support-center .left-images/support-center li {
    margin-bottom:15px;
}
.support-center #select {
    position:relative;
    padding:20px 0 0 0;
}
.support-center .select {
    position:relative;
    top:-20px;
    left:130px;
    width:160px;
    height:27px;
}
.support-center .select img {
    position:absolute;
    left:132px;
    top:1px;
}
.support-center select {
    position:relative;
    z-index:999;
    -webkit-appearance:button;
    -webkit-border-radius:2px;
    -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end:20px;
    -webkit-padding-start:2px;
    -webkit-user-select:none;
    -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
    border:1px solid #aaa;
    color:#555;
    font-size:inherit;
    margin:0;
    overflow:hidden;
    padding-top:2px;
    padding-bottom:2px;
    width:180px;
    background-color:transparent;
}
.support-center .right-arrows li{
    margin-bottom:5px;
}
.support-center .right-arrows img {
    position:relative;
    top:-2px;
    left:5px;
}
.support-center form {
    position:relative;
    top:-20px;
}
.support-center .search {
    position:absolute;
    -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.5), 0 0 1px rgba(0,0,0,0.5);
    -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.5), 0 0 1px rgba(0,0,0,0.5);
    box-shadow:inset 1px 1px 1px rgba(0,0,0,0.5), 0 0 1px rgba(0,0,0,0.5);
    background:#e7e7e7;
    border-radius:5px;
    -moz-border-radius:5px;
    top:-5px;
    padding:1px 0 0 10px;
}
.support-center .submit {
    position:relative;
    left:200px;
    top:-5px;
    background-image:url(clientlibs/images/support-center/search.png);
    background-color:transparent;
    color:transparent;
    background-position:center right;
    background-repeat:no-repeat;
    margin:0;
    overflow:hidden;
    padding-top:3px;
    padding-bottom:2px;
    border:none;
}
.support-center .right-side {
    width:280px;
}
.support-center .spacing {
    position:relative;
    margin-top:40px;
}
.support-center .spacing a {
    margin-top:5px;
}
.support-center .right-side h2, .support-center .spacing div {
    margin-bottom:20px;
}

.support-center .search {
  clear: both;
  float: right;
}
.support-center .search .search-input-wrap {
  background: url("clientlibs/images/background-search-input.png") 0 0 no-repeat;
  width: 188px;
  float: left;
  padding: 0 0 1px 12px;
}
.support-center .search .search-input-wrap input.text {
  color: #171616;
  border: 0;
  float: left;
  padding: 5px 0 5px 0;
  background: transparent;
  overflow: hidden;
  width: 180px;
}
.support-center .top-faqs .submit {
    top:-3px;
    left: 224px
}
/*  support-fixes.css
    Styles to fix/override SupportCenter pages
 */
.supportcenter-resource h1 {
    font-size: 14pt;
    font-weight: bold;
    text-decoration: underline;
}
ol.sbs-steps {
    list-style: decimal;
    background-color: #000;
}
.sbs-steps li {
    list-style: decimal;
    list-style-position: inside;
    background-color: #fff;
    padding: 15px;
    margin: 15px;
}
.resource_image_wrapper {
    width: 60px;
    height: 65px;
    float: left;
    margin-right: 5px;
}

.top-resources-wrapper li {
    min-height: 100px;
}

.resource_text {
    width: 172px;
    float: left;
}

.resource_text h3 {
    padding: 0px;
    margin: 0px;
}

.tutorial {
    background: url(clientlibs/images/support-center/icon_supportResources_Tutorials.png) center center no-repeat;
}

.myservices {
    background: url(clientlibs/images/support-center/icon_supportResources_MyServices.png) center center no-repeat;
}

.stepbystep {
    background: url(clientlibs/images/support-center/icon_supportResources_StepByStep.png) center center no-repeat;
}

.manuals {
    background: url(clientlibs/images/support-center/icon_supportResources_userGuide.png) center center no-repeat;
}

.welcome {
    background: url(clientlibs/images/support-center/icon_supportResources_Welcome.png) center center no-repeat;
}

.pyr {
    background: url(clientlibs/images/support-center/icon_supportResources_pyr.png) center center no-repeat;
}

.hookup {
    background: url(clientlibs/images/support-center/icon_supportResources_hookup.png) center center no-repeat;
}

/* top topics links coming up blue */
.top-topics .bullet-arrows a {
    color: #444;
}

.support-center .support-welcome-group-title {
float: left;
line-height: 64px;
vertical-align: middle;
padding-left: 20px;
}

.welcome-icon-links-item, .top-resources-item {
    padding-top:20px;
    padding-bottom:20px;
}

.support-center .welcome_header-img {
    max-height:55px;
}

/* need to fix the font size for Share to match print which is 11px
   just going to target it more for now */
.support-center .social-share h3 {
    font-size: 11px;
}

.sc_topic-subtopics-list li {
    float: left;
    width: 280px;
    position: relative;
    padding-bottom: 13px;
}

.support-center.topics .font_header, .support-center.topics .font_header p {
    font-size: 16px;
    font-weight: bold;
    line-height:40px;
}

.topics-tab-content {
    border: 1px solid #ddd;
    background: #eee url(clientlibs/images/support-center/topic-tab-background.png) 50% top repeat-x;
    color: #333;
}

#topics-tabs .topics-tab-header {
    border: 1px solid #ccc;
    background-color: #ccc;
    color: #fff;
    font-weight: bold;
    height:30px;
}

#topics-tabs .topics-tab-corner-all {
    -moz-border-radius: 4px; -webkit-border-radius: 4px;
}

#topics-tabs .topics-tab-corner-all {
    -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/;
}

#topics-tabs .topics-tab-ui-helper-clearfix::after {
    clear: both;
}

#topics-tabs .ui-state-active {
    border: 1px solid #ccc;
    /*  BStreet WEBCMS-1948/404 fixes
    the url() can't work, so cant scale it or repeat it, so simplify to just white background.
    background: white url(clientlibs/images/?new=ffffff&w=1&h=400&f=png&q=100&fltr[]=over|textures/02_glass.png|0|0|65) 50% 50% repeat-x;
    */
    background: #fff;
    font-weight: bold;
    color: #eb8f00;
    outline: none;
}

#topics-tabs li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 3px;
}

.sub-topic-content .font_subHeader, .support-center.topics .font_subHeader {
    font-weight: bold;
    font-size: 1.166em;
    color: #477398;
    display: inline;
    line-height:30px;
}

.support-center.topics .font_subHeader p {
    font-weight: bold;
 }

.sub-topic-content strong, .support-center.topics strong {
    font-weight: bold;
}

.support-center.topics p, .sub-topic-content p {
    margin:10px 0px;
}

.sub-topic-content ol, .support-center.topics ol {
    margin-left: 19px;
}

.sub-topic-content ol li, .support-center.topics ol li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: decimal;
}

.sub-topic-content ul.Bullet li, .support-center.topics ul.Bullet li {
    background: none;
    list-style-type: disc;
    padding: 0px;
}

.sub-topic-content ul.Bullet, .support-center.topics ul.Bullet {
    padding-left: 15px;
}

.support-center.topics .sc_general-arrow-bullet {
    float: left;
    position: relative;
    padding-right: 4px;
    top: 4px;
    background: url('clientlibs/images/arrow-blue-right.png') 0px 0px no-repeat;
    width: 5px;
    height: 8px;
}

.support-center.topics .left-side .par {
    padding-bottom:20px;
}

.support-center.topics table tr:nth-child(odd)       { background-color:#eee; }
.support-center.topics table tr:nth-child(even)      { background-color:#fff; }

.support-center.topics table th      { padding:10px; background-color:#aaa; text-align:left; }
.support-center.topics table tr, .support-center.topics table td      { padding:10px;}

.support-center-topics.sub-navigation .subnavtitle h1 {
    max-width: 400px;
}


@charset "utf-8";
/* CSS Document */

.faq-category a {
    font-weight:bold;
}
.faq-category a:hover {
    text-decoration:none;
}
.faq-category .right {
    margin-right:5px;
}
.faq-category .top-right {
    position:absolute;
    top:0;
    right:0;
}
.faq-category .white-background {
    background-color:#fff;
}
.faq-category .sup {
    position:relative;
    top:-0.5em;
    font-size:50%;
}
.faq-category .container {
    position:relative;
}
.faq-category .white-dark-border {
    border:solid 1px #fff;
    -moz-box-shadow:0 1px 1px #888;
    -webkit-box-shadow:0 1px 1px #888;
    box-shadow:0 1px 1px #888;
}
.faq-category .light-gradient-background, .faq-category .box, .faq-category .box-two, .faq-category .call-to-action-button, .faq-category .call-to-action-button-two {
    border-radius:2px;
}
.faq-category .lighter-gradient-background {
    background-color: #efefef;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #efefef, #ffffff);
    background-image: -moz-linear-gradient(top, #efefef, #ffffff);
    background-image: -o-linear-gradient(top, #efefef, #ffffff);
    background-image: -ms-linear-gradient(top, #efefef, #ffffff);
    background-image: linear-gradient(top, #efefef, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#efefef', EndColorStr='#ffffff');
    padding:10px;
    margin-right:20px;
}
.faq-category .dark-gradient-background {
    background-color: #e0e2e5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e2e5), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #e0e2e5, #ffffff);
    background-image: -moz-linear-gradient(top, #e0e2e5, #ffffff);
    background-image: -o-linear-gradient(top, #e0e2e5, #ffffff);
    background-image: -ms-linear-gradient(top, #e0e2e5, #ffffff);
    background-image: linear-gradient(top, #e0e2e5, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#e0e2e5', EndColorStr='#ffffff');
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
}
.faq-category .full-background {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
}
.faq-category .dark-blue {
    color:#5e8cdd;
}
.faq-category .blue {
    color:#2ea7e2;
}
.faq-category h1 {
    font-size:1.7em;
    line-height:1.075em;
}
.faq-category h2 {
    font-size:1.5em;
}
.faq-category h3 {
    font-size:1.3em;
}
.faq-category .padding {
    padding:5px 20px 5px 20px;
}
.faq-category .padding-two {
    padding:20px;
}
.faq-category .top-padding {
    padding:10px 0 10px 0;
}
.faq-category .header-padding {
    padding:0 0 30px 0;
}
.faq-category .header-padding-two {
    padding:0 0 10px 0;
}
.faq-category .header-padding-three {
    padding:5px 0 20px 0;
}
.faq-category .underline {
    border-bottom:solid 1px #dfdfdf;
}
.faq-category .underline-two {
    border-bottom: solid 1px #dfdfdf;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.faq-category .overline {
    border-top:solid 1px #dfdfdf;
}
.faq-category .content {
    max-width:1024px;
    margin:auto;
    margin-top:10px;
}
.faq-category #categories {
    background-color:#eef0f0;
    margin-bottom:10px;
}
.faq-category .category {
    overflow:hidden;
    border-bottom:solid 1px #f1f1f1;
    margin-bottom:30px;
}
.faq-category .category div {
    float:left;
    width:65%;
}
.faq-category .category div:first-child {
    width:20%;
    border-right:solid 2px #f1f1f1;
    padding-right:5%;
    margin-right:5%;
    min-height:140px;
}
.faq-category .category {
    display:none;
    min-height:190px;
}
.faq-category .default_display {
    display:block;
}
.faq-category .category ul {
    display:none;
}
.faq-category .category ul.display, .category ul.default_display {
    display:block;
}
.faq-category .category ul li {
    height:37px;
}
.faq-category .selected {
    background-image:url(clientlibs/images/arrow.png);
    -o-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -moz-background-size:100% 100%;
    background-repeat:no-repeat;
}
.faq-category .more_faq {
    position:absolute;
    margin-top:190px;
}
.faq-category .expander {
    display:none;
}
.faq-category .open {
    display:block;
}
.faq-category .expander_background {
    position:relative;
    padding-left:10px;
    background-color: #e1e9f0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e1e9f0), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #e1e9f0, #ffffff);
    background-image: -moz-linear-gradient(top, #e1e9f0, #ffffff);
    background-image: -o-linear-gradient(top, #e1e9f0, #ffffff);
    background-image: -ms-linear-gradient(top, #e1e9f0, #ffffff);
    background-image: linear-gradient(top, #e1e9f0, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#e1e9f0', EndColorStr='#ffffff');
    margin-bottom:5px;
    width:63%;
}
.faq-category .header_description {
    position:absolute;
    top:10px;
    left:240px;
    font-size:0.6em;
}
.faq-category #more_help {
    position:relative;
    top:-80px;
    float:right;
    background-color:#f9f9f9;
}
.faq-category #more_help li {
    list-style:inside;
}
.faq-category .top-blue-border {
    margin-bottom:5px;
    height:7px;
    background-color: #f3f3f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f9), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #f3f3f9, #ffffff);
    background-image: -moz-linear-gradient(top, #f3f3f9, #ffffff);
    background-image: -o-linear-gradient(top, #f3f3f9, #ffffff);
    background-image: -ms-linear-gradient(top, #f3f3f9, #ffffff);
    background-image: linear-gradient(top, #f3f3f9, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f9', EndColorStr='#ffffff');
}
.faq-category .float-container {
    overflow:hidden;
}
.faq-category .left-aligned-column {
    float:left;
    width:30%;
}
.faq-category .thirty-five-percent {
    width:35%;
    padding-right:10px;
}
.faq-category .fourty-percent {
    width:40%;
}
.faq-category .fifty-percent {
    width:50%;
}
.faq-category .sixty-percent {
    width:60%;
}
.faq-category .five-hundred-fifty-px {
    width:550px;
}
.faq-category .hundred-percent {
    width:100%;
}
.faq-category .address-column {
    position:relative;
    width:592px;
    height:476px;
    left:4px;
    overflow-x:hidden;
    overflow-y:scroll;
    display:block;
    margin-right:20px;
}
.faq-category .hover, hover:hover {
    width:60%;
    padding:1px;
}
.faq-category .hover div {
    border-top:solid 1px #fff;
    border-right:solid 1px #fff;
    border-left:solid 1px #fff;
    height:115px;
}
.faq-category .hover div:hover {
    border:solid 1px #000;
}
.faq-category .zero-line-height {
    margin-bottom:-12px;
    margin-top:3px;
    line-height:1;
}
.faq-category .tab-container, .faq-category .google_map {
    border:solid 1px #000;
    overflow:hidden;
    margin-top:15px;
    width:282px;
}
.faq-category .tab-header {
    position:relative;
    overflow:hidden;
    border-left:solid 1px #000;
    border-radius:5px 0 0 0;
    margin:20px 0 -17px 0;
}
.faq-category .tab {
    padding:5px 0 5px 0;
    border:solid 1px #000;
    border-radius:5px 5px 0 0;
    background-color:#f2f2f2;
    width:69px;
    text-align:center;
    left:-2px;
    list-style:none;
}
.faq-category .tab a {
    color:#cfcfcf;
}
.faq-category .first-tab {
    margin-left:-17%;
}
.faq-category .last-tab {
    margin-right:-1px;
}
.faq-category .active-tab {
    background-color:#fff;
    border-bottom:solid 1px #fff;
}
.faq-category .active-tab a {
    color:#5e8cdd;
}
.faq-category .tab-content, .faq-category .tab-content-active {
    padding:10px 5px 0 5px;
}
.faq-category .tab-content {
    display:none;
}
.faq-category .tab-content-active {
    display:block;
}
.faq-category .tab-street_address, .faq-category .tab-city, .faq-category .tab-select, .faq-category .tab-zip_code {
    height:12px;
    margin:0 3px 3px 0;
}
.faq-category .tab-city, .faq-category .tab-select, .faq-category .tab-zip_code {
    float:left;
}
.faq-category .tab-street_address {
    width:90%;
}
.faq-category .tab-city {
    width:49%;
}
.faq-category .tab-select {
    width:40px;
    height:18px;
}
.faq-category .tab-zip_code {
    width:60px;
}
.faq-category .google_map {
    height:300px;
}
.faq-category .top-left-align {
    position:relative;
    top:-12px;
    left:-42px;
}
.faq-category .bold {
    font-weight:bold;
}
.faq-category .italic {
    font-style:italic;
}
.faq-category .error {
    color:#f00;
}

/*UNCOMMENT THIS TO HIDE THE ERROR AND ERROR MSG UNTIL NEEDED

.faq-category .error, .faq-category .the-error {
    display:none;
}

*/

.faq-category .filter {
    margin-top:20px;
}
.faq-category .payment_option {
    text-align:right;
    float:left;
}
.faq-category .cash {
    width:70px;
}
.faq-category .check {
    width:94px;
}
.faq-category .credit {
    width:89px;
}
.faq-category .hide {
    display:none;
}
.faq-category .show {
    display:block;
}
.faq-category .no-bullet {
    list-style:none;
}
.faq-category .li-padding img {
    position:relative;
    top:-2px;
    margin-left:-8px;
    left:-6px;
}
.faq-category .li-image-padding {
    padding:20px 0 20px 0;
    width:100%;
}
.faq-category .expand-image {
    position:relative;
    top:15px;
    left:-23px;
}
.faq-category .double-line {
    line-height:2;
}
.faq-category .gray {
    cursor:default;
    color:#333;
}
.faq-category .gray-color {
    color:#333;
}
.faq-category .divider-gradient {
    background:url(clientlibs/images/vert-divider.png);
    -o-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -moz-background-size:100% 100%;
    background-repeat:no-repeat;
    width:33px;
    height:430px;
}
.faq-category .top-padding {
    padding-top:18px;
}
.faq-category .li-padding {
    padding:5px 0 5px 10px;
}
.faq-category .clear-float {
    clear:both;
}
.faq-category .black-background {
    background:#141414;
}
.faq-category .blue-background {
    background:#305376;
}
.faq-category .white-silver-background {
    background-color: #f9f9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #ffffff);
    background-image: -moz-linear-gradient(top, #f9f9f9, #ffffff);
    background-image: -o-linear-gradient(top, #f9f9f9, #ffffff);
    background-image: -ms-linear-gradient(top, #f9f9f9, #ffffff);
    background-image: linear-gradient(top, #f9f9f9, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#ffffff');
}
.faq-category .box, .faq-category .box-two {
    position:relative;
    margin:25px 10px 0 0;
    padding:20px;
}
.faq-category .box {
    width:274px;
    height:200px;
}
.faq-category .box-two {
    color:#000;
    width:150px;
    height:190px;
    border:solid 5px #e4e4e4;
}
.faq-category .white {
    color:#fff;
}
.faq-category .call-to-action-button, .faq-category .call-to-action-button-two, .faq-category .call-to-action-button-three {
    position:absolute;
}
.faq-category .call-to-action-button, .faq-category .call-to-action-button-two {
    bottom:20px;
    padding:5px;
}
.faq-category .call-to-action-button, .faq-category .call-to-action-button-three, .faq-category .button {
    background-color: #3476b0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3476b0), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #3476b0, #ffffff);
    background-image: -moz-linear-gradient(top, #3476b0, #ffffff);
    background-image: -o-linear-gradient(top, #3476b0, #ffffff);
    background-image: -ms-linear-gradient(top, #3476b0, #ffffff);
    background-image: linear-gradient(top, #3476b0, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#3476b0', EndColorStr='#ffffff');
}
.faq-category .button {
    position:relative;
    margin:20px 0 20px 0;
}
.faq-category .call-to-action-button-three {
    top:10px;
    right:25px;
    color:#fff;
    font-size:1.2em;
    padding:5px 10px 5px 10px;
}
.faq-category .camera-right {
    margin-right:-15%;
}
.faq-category .camera {
    width:25px;
    height:22px;
}
.faq-category .blue-camera {
    background:url(clientlibs/images/camera.png) no-repeat;
}
.faq-category .gray-camera {
    background:url(clientlibs/images/camera-two.png) no-repeat;
}
.faq-category .hide-all {
    display:none;
}
.faq-category .overflow {
    position:relative;
    overflow:hidden;
    clear:both;
}
.faq-category .right-side {
    position:absolute;
    top:0;
    right:0;
    width:25%;
}
.faq-category .spacing {
    position:relative;
    margin-top:40px;
}
.faq-category .spacing a {
    margin-top:5px;
}
.faq-category .right-side h2, .faq-category .spacing div {
    margin-bottom:20px;
}
.faq-category .first-name {
    width:230px;
}
.faq-category .last-name {
    width:230px;
}
.faq-category .email-address {
    width:500px;
}
.faq-category .area-code, .faq-category .first-set {
    width:50px;
}
.faq-category .second-set {
    width:100px;
}
.faq-category .note {
    margin-right:190px;
}
.faq-category .level {
    position:relative;
    padding:0 20px 10px 20px;
}
.faq-category .sub-level {
    position:relative;
    padding:15px 0 15px 0;
}
.faq-category .header-search {
    position:absolute;
    -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.5), 0 0 1px rgba(0,0,0,0.5);
    -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.5), 0 0 1px rgba(0,0,0,0.5);
    box-shadow:inset 1px 1px 1px rgba(0,0,0,0.5), 0 0 1px rgba(0,0,0,0.5);
    background:#e7e7e7;
    border-radius:5px;
    -moz-border-radius:5px;
    top:25px;
    right:10px;
    padding:1px 0 0 10px;
}
.faq-category .header-submit {
    position:absolute;
    top:25px;
    right:15px;
    background-image:url(clientlibs/images/search.png);
    background-color:transparent;
    color:transparent;
    background-position:center right;
    background-repeat:no-repeat;
    margin:0;
    overflow:hidden;
    padding-top:3px;
    padding-bottom:2px;
    border:none;
}
.faq-category .column-one, .faq-category .column-two {
    width:240px;
    margin-bottom:40px;
}
.faq-category .column-one {
    float:left;
    margin-right:20px;
}
.faq-category .column-two {
    position:relative;
    float:right;
    top:10px;
}
.faq-category .column-one, .faq-category .column-two {
    padding:10px;
}
.faq-category .bullet-arrows ul, .faq-category .bullet-arrows li {
    margin:0;
    padding:0;
}
.faq-category .bullet-arrows li {
    line-height:2;
    list-style-type:none;
    background:url('clientlibs/images/bullet-arrows.png') no-repeat left;
    padding-left:30px;
}
.faq-category .bullet-arrows li.faq-tree-item {
    background:url('clientlibs/images/bullet-arrows.png') no-repeat 0 0.4em;;
}
.faq-category .feedback {
    width:300px;
    height:100px;
}
.faq-category #top {
    position:absolute;
    top:0;
}

/*  author.css
    The one and only place to put author-mode CSS statements.  Eventually will move this script to a different clientlib
 */
.NoContent {
    padding: 10px 0px;
    color: #f00;
    font-weight: bold;
}
.cq-wcm-edit .default-content {
    color: #f00;
}

/* styles for the rerank component stuff
   probably need to revist some of these styles
   cause they are mainly related to the compare-table
*/
.sorting-cell p {
  color: white;
  padding-top: 10px;
}

.sorting-cell.inactive p {
  color: red;
}

.sorting-cell {
  background: url("clientlibs/images/gradient-gray-blue-border-active.png") repeat-x scroll 0 0 transparent;
  width: 50%;
  color: white;
  font-size: 14px;
  font-family: "TWC Round Book", Arial, Sans-Serif;
  height: 35px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.sbs .li-padding {
    padding: 5px 10px 5px 10px;
    position: relative;
}

.sbs .underline {
    border-bottom: solid 1px #dfdfdf;
    padding-bottom:10px;
}

.sbs. .chapter-list{
    font-weight:bold;
    font-size:14pt;
    text-decoration:underline;
}

.sbs-navigation {
    width:100px;
    float:left;
    display:block;
}

.pagewrap_box {
    float:left;
    display:block;
}

.sbs .light-gradient-background, .sbs .box, .box-two, .sbs .call-to-action-button, .sbs .call-to-action-button-two {
    border-radius:2px;
}
.light-gradient-background {
    background:#999;
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    background:-webkit-gradient(linear, left top, left bottom, from(#efefef), to(#fff));
    background:-moz-linear-gradient(top, #efefef, #fff);
    padding:10px;
    margin-right:20px;
    border:solid 1px #fff;
    -moz-box-shadow:0 1px 1px #888;
    -webkit-box-shadow:0 1px 1px #888;
    box-shadow:0 1px 1px #888;
}
.sbs .dark-gradient-background {
    background:#999;
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e2e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    background:-webkit-gradient(linear, left top, left bottom, from(#e0e2e5), to(#fff));
    background:-moz-linear-gradient(top, #e0e2e5, #fff);
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
}
.sbs .dark-blue {
    color:#5e8cdd;
}

.sbs .left-aligned-column {
    float:left;
    width:30%;
}
.sbs .thirty-five-percent {
    width:35%;
    padding-right:10px;
}
.sbs .fourty-percent {
    width:40%;
}
.sbs .fifty-percent {
    width:50%;
}
.sbs .fifty-eight-percent {
    width:58%;
}
.sbs .sixty-percent {
    width:60%;
}
.sbs .sixty-five-percent {
    width:65%;
}
.sbs .seventy-percent {
    width:70%;
}

.sbs .divider-gradient {
    background:url(clientlibs/images/vert-divider.png);
    -o-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -moz-background-size:100% 100%;
    background-repeat:no-repeat;
    width:33px;
    height:430px;
}

.sbs .li-padding img {
    position: relative;
    top: 5px;
    margin-left: -4px;
    left: -6px;
}

.sbs ul.nav li.li-padding li.li-padding a.right-arrow, .sbs .sbs-right-content ul li.li-padding li.li-padding a.right-arrow, .sbs .sbs-right-content ul li.li-padding a.right-arrow{
      background: url("clientlibs/images/right-arrow-bullet.png") no-repeat scroll 0% 40% transparent;
      padding-left:10px;
      pointer-events:auto;
}

.sbs ul.nav li.li-padding li.li-padding{
      margin-top:5px;
}

.sbs .blue-camera {
    background: url(clientlibs/images/camera.png) no-repeat;
}

.sbs .camera {
    position: absolute;
    top: 3px;
    right: -7px;
    width: 25px;
    height: 22px;
}

.sbs .camera-design {
    margin-top: -15px;
    top: 3px;
    right: -7px;
    width: 25px;
    height: 22px;
}

.sbs .current-sbs {
    font-weight:bold;
}

.sbs .double-line {
    line-height: 2;
}

.sbs .bold {
    font-weight: bold;
}

.sbs .sbs-header {
    font-size: 1.7em;
    pointer-events:none;
    color:black;
}

.sbs .steps .li-padding {
    padding-right:30px;
}

.sbs .sbs-right-content h2 {
    font-family: Arial,Helvetica,Verdana,Sans-Serif;
    font-weight: bold;
    font-size: 1.5em;
    padding-bottom: 13px;
}

.sbs .sbs-right-content .sc_sbs-book-intro {
    margin-bottom: 21px;
}

.sbs ol {
    padding-left:10px;
}

.sbs ol li{
    list-style: decimal ;
    text-indent: -10pt;
}

/*fixes*/
.sbs .li-padding p{
    width:94%;
    line-height: 16px;
    display:inline;
}

/*! normalize.css v1.0.0 | MIT License | git.io/normalize */
 
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
 
/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
 
.normalize article,
.normalize aside,
.normalize details,
.normalize figcaption,
.normalize figure,
.normalize footer,
.normalize header,
.normalize hgroup,
.normalize nav,
.normalize section,
.normalize summary {
    display: block;
}
 
/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
 
.normalize audio,
.normalize canvas,
.normalize video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
 
/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
 
.normalize audio:not([controls]) {
    display: none;
    height: 0;
}
 
/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */
 
[hidden] {
    display: none;
}
 
/* ==========================================================================
   Base
   ========================================================================== */
 
/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
 
.normalize html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}
 
/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
 
.normalize html,
.normalize button,
.normalize input,
.normalize select,
.normalize textarea {
    font-family: sans-serif;
}
 
/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
 
.normalize body {
    margin: 0;
}
 
/* ==========================================================================
   Links
   ========================================================================== */
 
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
 
.normalize a:focus {
    outline: thin dotted;
}
 
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
 
.normalize a:active,
.normalize a:hover {
    outline: 0;
}
 
/* ==========================================================================
   Typography
   ========================================================================== */
 
/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
 
.normalize h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
 
.normalize h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}
 
.normalize h3 {
    font-size: 1.17em;
    margin: 1em 0;
}
 
.normalize h4 {
    font-size: 1em;
    margin: 1.33em 0;
}
 
.normalize h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}
 
.normalize h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}
 
/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
 
.normalize abbr[title] {
    border-bottom: 1px dotted;
}
 
/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
 
.normalize b,
.normalize strong {
    font-weight: bold;
}
 
.normalize blockquote {
    margin: 1em 40px;
}
 
/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
 
.normalize dfn {
    font-style: italic;
}
 
/*
 * Addresses styling not present in IE 6/7/8/9.
 */
 
.normalize mark {
    background: #ff0;
    color: #000;
}
 
/*
 * Addresses margins set differently in IE 6/7.
 */
 
.normalize p,
.normalize pre {
    margin: 1em 0;
}
 
/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
 
.normalize code,
.normalize kbd,
.normalize pre,
.normalize samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}
 
/*
 * Improves readability of pre-formatted text in all browsers.
 */
 
.normalize pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
 
/*
 * Addresses CSS quotes not supported in IE 6/7.
 */
 
.normalize q {
    quotes: none;
}
 
/*
 * Addresses `quotes` property not supported in Safari 4.
 */
 
.normalize q:before,
.normalize q:after {
    content: '';
    content: none;
}
 
.normalize small {
    font-size: 75%;
}
 
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
 
.normalize sub,
.normalize sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
 
.normalize sup {
    top: -0.5em;
}
 
.normalize sub {
    bottom: -0.25em;
}
 
/* ==========================================================================
   Lists
   ========================================================================== */
 
/*
 * Addresses margins set differently in IE 6/7.
 */
 
.normalize dl,
.normalize menu,
.normalize ol,
.normalize ul {
    margin: 1em 0;
}
 
.normalize dd {
    margin: 0 0 0 40px;
}
 
/*
 * Addresses paddings set differently in IE 6/7.
 */
 
.normalize menu,
.normalize ol,
.normalize ul {
    padding: 0 0 0 40px;
}
 
/*
 * Corrects list images handled incorrectly in IE 7.
 */
 
.normalize nav ul,
.normalize nav ol {
    list-style: none;
    list-style-image: none;
}
 
/* ==========================================================================
   Embedded content
   ========================================================================== */
 
/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */
 
.normalize img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}
 
/*
 * Corrects overflow displayed oddly in IE 9.
 */
 
.normalize svg:not(:root) {
    overflow: hidden;
}
 
/* ==========================================================================
   Figures
   ========================================================================== */
 
/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
 
.normalize figure {
    margin: 0;
}
 
/* ==========================================================================
   Forms
   ========================================================================== */
 
/*
 * Corrects margin displayed oddly in IE 6/7.
 */
 
.normalize form {
    margin: 0;
}
 
/*
 * Define consistent border, margin, and padding.
 */
 
.normalize fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
 
/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */
 
.normalize legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}
 
/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
 
.normalize button,
.normalize input,
.normalize select,
.normalize textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}
 
/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
 
.normalize button,
.normalize input {
    line-height: normal;
}
 
/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
 
.normalize button,
.normalize html input[type="button"], /* 1 */
.normalize input[type="reset"],
.normalize input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}
 
/*
 * Re-set default cursor for disabled elements.
 */
 
.normalize button[disabled],
.normalize input[disabled] {
    cursor: default;
}
 
/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
 
.normalize input[type="checkbox"],
.normalize input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}
 
/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
 
.normalize input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}
 
/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
 
.normalize input[type="search"]::-webkit-search-cancel-button,
.normalize input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
 
/*
 * Removes inner padding and border in Firefox 3+.
 */
 
.normalize button::-moz-focus-inner,
.normalize input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
 
/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
 
.normalize textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}
 
/* ==========================================================================
   Tables
   ========================================================================== */
 
/*
 * Remove most spacing between table cells.
 */
 
.normalize table {
    border-collapse: collapse;
    border-spacing: 0;
}

.normalize ol              { list-style: decimal inside none }
.normalize ul              { list-style: disc inside none }
.normalize ol li           { list-style: decimal inside none }
.normalize ul li           { list-style: disc inside none }

.normalize h4,
.normalize p,
.normalize blockquote,
.normalize ul,
.normalize fieldset,
.normalize form,
.normalize ol,
.normalize dl,
.normalize dir,
.normalize menu            { margin: 1.12em 0 }

@charset "utf-8";
/* CSS Document */
#contact-us h1 {
    font-size:1.7em;
}
#contact-us h2 {
    font-size:1.5em;
}
#contact-us h3 {
    font-size:1.3em;    
}
#contact-us h1, #contact-us h2, #contact-us h3{
    font-weight: normal;
}
#contact-us > .wrap {
    background:#fff;
    width:980px;
    margin:auto;
    margin-top:0px;

    background: white url("clientlibs/images/dropshadow-bottom.png") repeat-x bottom center;    /* BStreet - s/clientlibs/../ to fix 404 as part of WEBCMS-1948 */
    border-bottom: 2px solid #bbb;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
}
#contact-us > .wrap *,
.accordion *  {
    line-height:2;
}

#contact-us .slide-item, #contact-us .slide-item *{
    line-height: inherit;
}

#contact-us .padding {
    padding:5px 20px 5px 20px;
}

#contact-us .underline {
    border-bottom:solid 1px #f1f1f1;
    padding: 0px;
    margin: 0px;
}

.more_help {
    position:relative;
    top:0px;
    float:right;
    background-color:#f9f9f9;
    width: 175px;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f3f3f3;
    border-bottom: 2px solid #dfdfdf;
    -moz-border-bottom-left-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.more_help li {
    list-style: outside;
    margin-left: 15px;
}

/* accordion margins */
.expander {
    margin: 0 2em 1em;
    display: none;
}

/* accordion form fields */
.accordion form{
    top: 0px;
}
.accordion .submit{
    background-image: none;
    left: 0px;
    top: 0px;
}

.accordion .form_leftcol,
.accordion .form_leftcolmark,
.accordion .form_rightcol,
.accordion .form_rightcol_wrapper,
.accordion .form_row_description{
    display: inline-block;
    position: relative;
}

.accordion .form_leftcollabel{
    display: inline;
    position: relative;
}

.accordion .form_row{
    width: 450px;
    display: inline-block;
    text-align: right;
}
.accordion .submit .form_row{
    width: auto;
}

.accordion .form_row_description{
    padding-left: 10px;
    font-size: 80%;
}

/* slightly different for captcha */
.accordion .captcha {
    margin-top: 15px;
}
.accordion .captcha .form_row_description{
    clear: both;
    display: block;
}

.accordion .dropdown{
    margin: 20px 0px;
}

.accordion .dropdown .form_leftcol,
.accordion .dropdown + .text .form_leftcol, .accordion .topic-dropdown .form_leftcol, .accordion .radio .form_leftcol,
.accordion .topic-dropdown + .text .form_leftcol{
    text-align: left;
    display: block;
}

.accordion .dropdown .form_leftcol label,
.accordion .dropdown + .text .form_leftcol label, .accordion .radio .form_leftcol label, .accordion .topic-dropdown .form_leftcol label,
.accordion .topic-dropdown + .text .form_leftcol label{
    font-weight: bold;
}

.accordion .form_row select,
.accordion .form_row textarea{
    float: left;
}

.dropdown .select,
.topic-dropdown .select{
    left: 0px;
    top: 0px;
    overflow: hidden;
}

.dropdown .select img,
.topic-dropdown .select img {
    top: 0px;
}

#contact-us .wrap select{
    height: 22px;
    line-height: 15px;
}

.accordion select{
    width: auto;
    -webkit-appearance: menulist-button;
    -webkit-padding-end: 0px;
}

.accordion .form_rightcol input{
    line-height: 15px;
    padding: 0px;
    height: 20px;
    border: 1px solid #aaa;
}

.recaptchatable #recaptcha_response_field{
    line-height: 15px;
}

/* line-height for submit button */
#contact-us .blue-button{
    line-height: 1;
}

/* accordion styles */
.accordion .open {
    display:block;
}

.accordion .expander_background {
    position:relative;
    padding-left:10px;
    background-color: #e1e9f0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e1e9f0), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #e1e9f0, #ffffff);
    background-image: -moz-linear-gradient(top, #e1e9f0, #ffffff);
    background-image: -o-linear-gradient(top, #e1e9f0, #ffffff);
    background-image: -ms-linear-gradient(top, #e1e9f0, #ffffff);
    background-image: linear-gradient(top, #e1e9f0, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#e1e9f0', EndColorStr='#ffffff');
    margin-bottom:5px;
    width:100%;

    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #dfdfdf;
    -moz-border-bottom-left-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.accordion .header_description {
    position:absolute;
    top:10px;
    left:240px;
    font-size:0.6em;
}

.expander_background > a > span {
    display: block;
    float: left;
    background: url(clientlibs/images/arrow-sub-nav-blue-down.png) no-repeat left center;
    height: 3em;
    width: 2em;
}

.expander_background.open > a > span {
    background: url(clientlibs/images/arrow-sub-nav-blue-up.png) no-repeat left center;
}
.accordion .paymentCenterReturns .wrap
{
    width:800px;
}

.accordion .paymentCenterReturns .wrap .wrap
{
    width:400px;
}

.accordion .paymentCenterReturns .wrap .box-column
{
    width:500px;
}

.accordion .paymentCenterReturns .wrap .sidebar
{
    width:150px;
    float:left;
    padding-left:15px;
}

.accordion .paymentCenterReturns .wrap .sidebar .clear {
    padding-top:20px;
}

.accordion .paymentCenterReturns #plotMap
{
    display:none;
}

.accordion #paymentcenterresults .outputdiv {
    border:none !important;
}

.accordion-wrapper div.cq-colctrl-lt0-c0, .accordion div.cq-colctrl-lt0-c1 {
    width: 50%;
}

.accordion-wrapper, #contact-us .parsys .accordion {
    width:700px;
    float:left;
}

.accordion-link-list {
    float:right; 
}

#contact-us .feature-details-slider {
    left:-20px;
}

/* payment center styles */
#contact-us .paymentcentermaps .loaderimage {
    margin-left: 100px;
}

form#chatForm .topic-dropdown select {
    clear:both;
}

form#chatForm .radio .form_row {
    width:50px;
    float: left;
}
form#chatForm .radio .form_row input[type=radio]{
    height: auto;
    border: none;
}
form#chatForm .radio .form_row:first-child {
    display: block;
    width: 400px;
    float: none;
    clear: both;
}
#contact-us .expander li {
    list-style:disc;
}

form#chatForm .topic-dropdown {
    padding-top:10px;
}
form#chatForm .topic-dropdown {
    padding-top:10px;
    padding-bottom:20px;
}
#contact-us .image-feed-slider .slide-item .slide-description h3 {
  line-height:1;
  padding-bottom:10px;
  margin-bottom:10px;
}

#interests-form .form_field_text{
  outline: 0;
  border: 1px solid #ccc;
  height: 18px;
}
#interests-form .left-side {
    border: 1px solid #fff !important;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(201, 201, 201, 1);
    -moz-box-shadow: 0px 0px 1px 1px rgba(201, 201, 201, 1);
    box-shadow: 0px 0px 1px 1px rgba(201, 201, 201, 1); 
    padding: 20px 10px 0;
    width: 680px;
    background: rgb(233,233,233); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(233,233,233,1) 0%, rgba(255,255,255,1) 24%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,233,233,1)), color-stop(24%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(255,255,255,1) 24%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(255,255,255,1) 24%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(255,255,255,1) 24%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(233,233,233,1) 0%,rgba(255,255,255,1) 24%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ 
}
#interests-form h1 {
    font: normal 28px "TWC Round Book", arial,helvetica,clean,sans-serif;
    margin-bottom: 10px;
    padding-left: 25px;
}
#interests-form h2 {
    font: normal 18px "TWC Round Book", arial,helvetica,clean,sans-serif;
    width: 450px;
    margin-bottom: 10px; 
    padding-left: 25px;   
}
#_content_en_your-home-page_support_jcr_content_par_interests_form h2 {
    font: normal 18px "TWC Round Book", arial,helvetica,clean,sans-serif;
    color: #4377a8;
    margin: 15px 0 10px;
}
#interests-form div.left-side div.inner-box div.par div.text ul {
    width: 650px;
    margin-bottom: 15px;
}

#interests-form .text ul li {
	line-height: 25px;
    list-style-position: inside;
    list-style-type: disc;
    padding-left: 3.5em;
    text-indent: -1em;
    width: 620px;
}
#interests-form .left-side div{
	overflow: visible;
}
#interests-form .parbase div {
    width: 650px;
    line-height: 18px;
    padding-left: 25px;
}
#interests-form .form_leftcol div {
    width: 650px;
    line-height: 18px;
}
#interests-form .text div.form_leftcollabel {
    padding-left: 25px;
}
#interests-form .form_rightcol div {
    width: 650px;
    line-height: 18px;
    padding-left: 25px;
}
/********* form *********/
#interests-form {
    margin-top: 10px; /* combat clientlib attribute top:-20px; */
}
#interests-form form {
    position: relative;
    top: 0;
}
#interests-form .main-par {
    padding-top: 30px;
}
#interests-form .low-par {
    margin: 0 auto;
    padding: 20px 10px 0;
    width: 985px;
}
#interests-form .text .form_row .form_leftcol .form_leftcollabel label,
#interests-form .form_row .form_leftcol .form_leftcollabel label {
    font: bold 14px/25px "TWC Round Book", arial,helvetica,clean,sans-serif;
}
form#_content_en_your-home-page_support_jcr_content_par_interests_form div.text {
    width: 300px;
    float: left;
    height: 70px;
}
form#_content_en_your-home-page_support_jcr_content_par_interests_form div.checkbox {
    width: 440px;
    float: left;
    clear: both;
    padding-left: 25px;
    padding-bottom: 15px;
}
form#_content_en_your-home-page_support_jcr_content_par_interests_form div.checkbox:last-child {
    padding-bottom:0;
}

#interests-form .checkbox .form_row .form_leftcol .form_leftcollabel {
    width: 300px;
    margin-right: 30px;
    float: left;
    line-height: 18px;
}
#interests-form .checkbox .form_row {
    float: left;
    line-height: 18px;
}
#interests-form .checkbox .form_row .form_rightcol {
    width: 190px;
}
#interests-form .checkbox .form_row input {
    margin-right:5px;
}
form#_content_en_your-home-page_support_jcr_content_par_interests_form .section.end {
    margin: 10px auto;
    padding: 13px;
    clear: both;
    width: 645px;
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmY3ZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(242,247,251,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(242,247,251,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(242,247,251,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(242,247,251,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(242,247,251,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(242,247,251,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f2f7fb',GradientType=0 ); /* IE6-8 */
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-box-shadow: 0px 2px 0.5px 1px rgba(201, 201, 201, 0.5);
    -moz-box-shadow: 0px 2px 0.5px 1px rgba(201, 201, 201, 0.5);
    box-shadow: 0px 2px 0.5px 1px rgba(201, 201, 201, 0.5);  
}
#interests-form .form_leftcolmark {
    display: none;
}
#interests-form .form_button_submit {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 100% auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px 3px 3px 3px;
    background: #387ab4; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4N2FiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iIzMxNzNhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iIzBkNGY4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTQzN2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #387ab4 0%, #3173ad 18%, #0d4f89 74%, #01437d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#387ab4), color-stop(18%,#3173ad), color-stop(74%,#0d4f89), color-stop(100%,#01437d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#387ab4', endColorstr='#01437d',GradientType=0 ); /* IE6-8 */
    border: none;
    clear: right;
    color: #FFFFFF;
    font-family: "TWC Round Medium",Arial,Sans-Serif;
    font-size: 13px;
    padding: 9px 27px 9px 20px;
    text-align: center;
    height: 33px;
}
#interests-form .end > .form_row >.form_rightcol:before {
    content: url("clientlibs/images/arrow-white-right.png");
    position: relative;
    top: 1px;
    left: 77px;
}
#interests-form .form_button_submit:hover {
        background: #265a83; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2NWE4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iIzI1NTc3ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iIzFlNDg2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjQwNWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #265a83 0%, #25577e 18%, #1e4869 74%, #1b405e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#265a83), color-stop(18%,#25577e), color-stop(74%,#1e4869), color-stop(100%,#1b405e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #265a83 0%,#25577e 18%,#1e4869 74%,#1b405e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #265a83 0%,#25577e 18%,#1e4869 74%,#1b405e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #265a83 0%,#25577e 18%,#1e4869 74%,#1b405e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #265a83 0%,#25577e 18%,#1e4869 74%,#1b405e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#265a83', endColorstr='#1b405e',GradientType=0 ); /* IE6-8 */
}
#interests-form .form_leftcol div.form_leftcollabel span { /* hide unwanted HTML */
    display:none;
}
.multi-form .zipCheck h1,
.multi-form .formContainer h1 {
    font-family: "TWC Round Light",Arial,Sans-Serif;
    font-size: 2.2em;
    font-weight: bold;
}
.multi-form .zipCheck h3,
.multi-form .formContainer h3 {
    font-family: "TWC Round Light",Arial,Sans-Serif;
    font-size: 1.2em;
    line-height: 1.2em;
    margin-top: 15px;
    font-weight: bold
}
.multi-form form h4 {
    font-family: "TWC Round Light",Arial,Sans-Serif;
    font-size: 1em;
    margin-top: 15px;
    font-weight: bold
}
.multi-form .formContainer hgroup {
    padding-bottom: 40px;
}
.multi-form .zipBox label {
    font-weight: bold;
    margin-left: 4px;
}
.multi-form .zipCheck {
    margin: 50px auto 0;
    padding: 20px 20px 0;
    position: relative;
    z-index: 999;
    background-color: white;
    border: 1px solid white;
    -moz-box-shadow: 0px 1px 2px 0px rgba(119,119,119,1);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(119,119,119,1);
    box-shadow: 0px 1px 2px 0px rgba(119,119,119,1);
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.multi-form .zipBox {
    background-color: #e9edf2;
    background-color: rgba(233,237,242,1.00);
    max-width: 230px;
    margin: 20px 0;
    padding: 35px 20px 0px;
    -moz-box-shadow: 0px 1px 2px 0px rgba(119,119,119,1);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(119,119,119,1);
    box-shadow: 0px 1px 2px 0px rgba(119,119,119,1);
}
.multi-form .formContainer {
    margin: 0 auto 20px;
    padding: 40px 20px;
    background-color: grey;
    background-color: #d1d1d1;
    background: -o-linear-gradient(90deg , rgb(255,254,254) 0%, rgb(216,220,223) 100%);
    background: -moz-linear-gradient(90deg , rgb(255,254,254) 0%, rgb(216,220,223) 100%);
    background: -webkit-linear-gradient(90deg , rgb(255,254,254) 0%, rgb(216,220,223) 100%);
    background: -ms-linear-gradient(90deg , rgb(255,254,254) 0%, rgb(216,220,223) 100%);
    background: linear-gradient(90deg , rgb(255,254,254) 0%, rgb(216,220,223) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8dadf', endColorstr='#fffefe',GradientType=0 ); /* IE6-9 */

    border: 1px solid white;
    -moz-box-shadow: 0px 0px 2px 0px rgba(119,119,119,1);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(119,119,119,1);
    box-shadow: 0px 0px 2px 0px rgba(119,119,119,1);
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 700px;
}
.multi-form label {
    display: block;
    color: #585858;
    font-family: "TWC Round Light",Arial,Sans-Serif;
    font-size: 1.2em;
    line-height: 20px;
}
.multi-form label.required::after { content: " *" }
/*WEBCMS-5114:Fix for missing * in ie8 for required fields */
.multi-form label.required:after { content: " *" }

.multi-form .formContainer label { font-weight: bold }
/*.multi-form form#zipCheck { margin: 20px 0 }*/
.multi-form form#myMove {
    margin: 20px 15px;
    width: 555px;
    height: 250px;
}
.multi-form.formrow {
    clear: both;
    display: inline-block;
    width: 100%;
}
form#myMove div.formrow {
    margin-bottom: 10px;
}
.multi-form .left {
    float: left;
    clear: left;
}
.multi-form .right {
    float: right;
    clear: right;
}

.multi-form .formitem { display: block }
.multi-form #first_name, .multi-form #last_name { width: 250px }
.multi-form #email_addr { width: 543px }
.multi-form #area_code, .multi-form #alt_area_code, .multi-form #prefix, .multi-form #alt_prefix { width: 45px; margin-right: 5px; }
.multi-form #line_number, .multi-form #alt_line_number { width: 119px }
.multi-form input#zip_code1 { width: 114px }
.multi-form input#zip_code2 { width: 223px }
.multi-form input {
    border: 1px solid #ccc;
    font-size: 0.9em;
    padding-left: 4px;
    height: 22px;
    line-height: 20px;
    display: inline-block;
    margin-top: 5px;
    outline: none;
}
.multi-form input:focus,
.multi-form textarea:focus {
    /*-webkit-transform: scale(1.001);
    -moz-transform: scale(1.001);
    transform: scale(1.001);*/
    border: 1px solid #ccc;
}
.multi-form input:not(:focus), .multi-form textarea:not(:focus) { opacity: 0.9 }

.multi-form .blue-button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #feffff; /* Old browsers */
    background: -moz-linear-gradient(center top , #387ab4 0%, #3173ad 18%, #0d4f89 74%, #01437d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#387ab4), color-stop(100%,#01437d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #387adb4 0%,#01437d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #387ab4 0%,#01437d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #387ab4 0%,#01437d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #387ab4 0%,#01437d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#387ab4', endColorstr='#01437d',GradientType=0 ); /* IE6-9 */
    background-size: 100% auto;
    clear: right;
    color: #fff;
    display: inline-block;
    float: right;
    font-family: "TWC Round Medium",Arial,Sans-Serif;
    font-size: 15px;
    padding: 9px 20px;
    text-align: center;
}
.multi-form .blue-button:hover {
    background-image: -moz-linear-gradient(center top , #265a83 0%, #25577e 18%, #1e4869 66%, #1b405e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#265a83), color-stop(100%,#1b405e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #265a83 0%,#1b405e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #265a83 0%,#1b405e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #265a83 0%,#1b405e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #265a83 0%,#1b405e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#265a83', endColorstr='#1b405e',GradientType=0 ); /* IE6-9 */
    background-size: 100% auto;
    color: #fff !important;
}
.multi-form .arrow {
    background: url("clientlibs/images/arrow-white-right.png") no-repeat scroll 100% center transparent;
    padding-right: 15px;
}
.multi-form .toggle { margin-top: 1px }
.multi-form .callback { margin-top: 22px }
.multi-form .zipCheck, .thankYou {
    margin: 50px auto 0;
    padding: 20px 20px 0;
    position: relative;
    z-index: 999;
    background-color: white;
    border: 1px solid white;
    -moz-box-shadow: 0px 1px 2px 0px rgba(119,119,119,1);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(119,119,119,1);
    box-shadow: 0px 1px 2px 0px rgba(119,119,119,1);
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.multi-form .thankYou {
    padding: 40px 20px;
    position: relative;
    height: 5em;
}

.multi-form .zipBox .blue-button {
    float: right;
}

.unbordered {
    width: 620px;
}
/*WEBCMS-3044 -MyMove */
.multi-form p.label .reuse {
    bottom: -4px;     position: relative;     vertical-align: bottom;
}
.multi-form p.label .message {
    font-size:12px;
}

.multi-form div.disclaimers {
    font-size: 12px;
    font-weight: 100;
    left: 0px;
    position: relative;
    text-indent: 0px;
    margin-top:6px;
}

.multi-form .disclosures {
    margin-top:40px
}
.filter-packages .nopackages .wrap .item h3 {
  background: #81888c;
  font-size: 18px;
  margin: 0;
  padding: 17px 0 11px;
  text-align: center;
  border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}

.filter-packages .nopackages .wrap .item p {
  color: #000;
  text-align: left;
  margin: 0 50px;
  padding: 0 21px;
}

.filter-packages .nopackages .wrap .item img {
	position: absolute;
	right: 885px;
	top: 17px;
}
/* ==========================================================================
   Base: Defaults
   ========================================================================== */

/* make buttons play nice in IE */
#byobForm button,input {*overflow: visible;line-height: normal;}

/* ==========================================================================
   Layout
   ========================================================================== */

#byobForm .left-side {
    border: 1px solid #fff;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(201, 201, 201, 1);
    -moz-box-shadow: 0px 0px 1px 1px rgba(201, 201, 201, 1);
    box-shadow: 0px 0px 1px 1px rgba(201, 201, 201, 1);
}
#byobForm .support-center .left-side {
    padding: 30px;
    background: rgb(233,233,233); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(233,233,233,1) 0%, rgba(255,255,255,1) 24%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,233,233,1)), color-stop(24%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(255,255,255,1) 24%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(255,255,255,1) 24%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(255,255,255,1) 24%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(233,233,233,1) 0%,rgba(255,255,255,1) 24%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

/* ==========================================================================
   Module: Form
   ========================================================================== */

#byobForm .left-side h1 {
    font: normal 28px "TWC Round Book", arial,helvetica,clean,sans-serif;
    margin-bottom: 10px;
}
#byobForm .left-side h2 {
    font: normal 18px "TWC Round Book", arial,helvetica,clean,sans-serif;
    margin-bottom: 10px;
}
#byobForm .left-side h3 {
    font: normal 18px "TWC Round Book", arial,helvetica,clean,sans-serif;
    color: #4377a8;
    margin: 5px 0 10px;
}
#byobForm .left-side p {
    font: normal 14px Arial,helvetica,clean,sans-serif;
    margin: 0px 0 10px;
}

#byobForm .text ul {
    width: auto;
    margin-bottom: 15px;
}
#byobForm .text ul li {
    list-style: disc inside;
    line-height: 25px;
    padding-left: 1.3em;
}
#byobForm p {
    width: auto;
    line-height: 18px;
    margin-bottom: 20px;
}

#byobForm .form_field_text {
    border: 1px solid #CCCCCC;
    height: 18px;
    outline: 0 none;
}

#byobForm form {
    margin-top: 20px; /* combat clientlib attribute top:-20px; */
}

#byobForm .support-center form {
    position: relative;
    top: 0;
}

#byobForm .form_leftcollabel label {
    font: bold 14px/20px "TWC Round Book", arial,helvetica,clean,sans-serif;
}

#byobForm .form_leftcollabel p {
    margin:0;
}

#byobForm .text {
    margin-bottom: 10px;
}

#byobForm .text.section {
    float: left;
    width: 49%;
}

#byobForm .text.section input{
    width: 90%;
}

#byobForm .radio {
    width: 500px;
    float: left;
    clear: left;
    margin-bottom: 15px;
}

#byobForm .radio > .form_row:nth-child(n+2) {
    float: left;
    width: auto;
    margin-right: 40px;
    display: inline-block;
}

#byobForm .form_leftcollabel label {
    font: bold 12px/20px "TWC Round Book", arial,helvetica,clean,sans-serif;
}
#byobForm .form_rightcol input {
    margin: 5px 5px 1px 1px;
}

#byobForm .radio .form_rightcol {
    width: auto;
}

#byobForm .form_rightcol {
    font-size: 14px;
}
#byobForm .section.end {
    clear:left;
}

#byobForm .form_leftcolmark {
    display: none;
}

#byobForm .text.section:nth-of-type(6),
#byobForm .text.section:nth-of-type(7)
 {
    width: 140px;
}

#_content_twc_en_residential-home_support_byob_jcr_content_par_start_state.form_field,
#_content_twc_en_residential-home_support_byob_jcr_content_par_start_zipCode.form_field {
    width: 90px !important;
}

#byobForm div.captcha {
    float: left;
    clear: left;
    margin-top: 0;
    margin-bottom: 15px;
}

#byobForm .form_button_submit {
    padding: 10px 15px;
    background: #387ab4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #387ab4),color-stop(18%, #3173ad),color-stop(74,#0d4f89),color-stop(100,#01437d));
    background-image: -webkit-linear-gradient(top, #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%);
    background-image: -moz-linear-gradient(top, #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%);
    background-image: -ms-linear-gradient(top, #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%);
    background-image: -o-linear-gradient(top, #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%);
    background: -pie-linear-gradient(top, #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%);
    background-image: linear-gradient(top, #387ab4 0%,#3173ad 18%,#0d4f89 74%,#01437d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#3678b2', EndColorStr='#044680');
    width: 94px;
    border: 0;

    -webkit-border-radius: 5px;
      -moz-bordewr-radius: 5px;
            border-radius: 5px;

    font: lighter 1.3em "TWC Round Light", Arial, Sans-Serif;
    color: #fff;
}

#byobForm .end > .form_row >.form_rightcol:before {
    content: url("clientlibs/images/arrow-white-right.png");
    position: relative;
    top: 1px;
    left: 90px;
}


/* ==========================================================================
   State
   ========================================================================== */

/********* form errors *********/

#byobForm .form_error {
    display: block;
    color: #f00;
    font-size: 0.8em;
    line-height: 2em;
    margin-left: 0;
}

#byobForm .form p.form_error {
    background: #ffc0cb;
    font-size: 1em;
    line-height: 3em;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #f00;

}

#byobForm .form_leftcol div.form_leftcollabel span { /* hide shit HTML */
    display:none;
}

#byobForm .checkbox .form_error {
    margin-left: 0;
}

/* ==========================================================================
   Browser Specific
   ========================================================================== */



/* Safari/Chrome/Webkit */
/* Webkit browsers add a 2px margin outside the chrome of form elements */
html {-webkit-text-size-adjust: 100%;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* selectors goes here */
}

/* Firefox */

/* Ah, Internet Explorer */
/* make buttons play nice in IE */
html {-ms-text-size-adjust: 100%;}
button {width: auto; overflow: visible;}

/* ie6 (.ie6) */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /* prevent BG image flicker upon hover */
.ie6 input {vertical-align: text-bottom;}

/* ie7 (.ie7) */
.ie7 img {-ms-interpolation-mode: bicubic;} /* scale images in IE7 more attractively */

.ie7 .support-center .left-side {
    padding: 0 20px;
    border: 1px solid #222 !important;
}

/* ie8 (.ie8) */
#byobForm .ie8 .left-side {
    padding: 20px;
    border: 1px solid #b9b9b9 !important;
}

.ie8 .section.end {
    padding-bottom: 20px;
}

/* ie9 (.ie9) */
.ie9 .support-center .left-side {
    filter: none;
}
/*Fix for WEBCMS-6912*/

.ie8 .mboxDefault .section.end {
    padding-bottom: 0px;
}
/* Float a single list to allow it to split into two columns.*/
.epc-compare-table .two-column-text ul{
    width:475px;
    margin-bottom:20px;
    overflow:hidden;

}
.epc-compare-table .two-column-text li{
    float: left;
    line-height: 20px;
    list-style: disc inside none;
    margin: 0 0 10px 0;
    width: 50%;
}
/* ==========================================================================
   Base: $Defaults
   ========================================================================== */

/********* the Clearfix *********/
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {display: table; content: ""; line-height: 0;}
.clearfix:after {clear: both;}

/********* Base Structure *********/

body.simplified-template {
    margin: 0 auto;
}

body.simplified-template, 
.simplified-template button, 
.simplified-template input, 
.simplified-template select, 
.simplified-template textarea {
    color: #222;
    font: 1em/1.618 Arial, sans-serif; 
}

/*********
* BASE * 
*********/
chromeframe a:link,
chromeframe a:visited {
    color:#4377A8;
    text-decoration: underline;
}

chromeframe .clearfix:after {
    clear:both;
    display:block;
    visibility:hidden;
    height:0;
    content:".";
    line-height:0;
}

chromeframe .clearfix {
    display:inline-block;
}


/*********
* LAYOUT *
*********/

body.simplified-template {  
    font:lighter 1em "TWC Round Light",Arial,Sans-Serif;
    background-color: #dfe2e5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(223, 226, 229)), to(rgb(254, 254, 254)));
    background-image: -webkit-linear-gradient(top, rgb(223, 226, 229), rgb(254, 254, 254));
    background-image: -moz-linear-gradient(top, rgb(223, 226, 229), rgb(254, 254, 254));
    background-image: -o-linear-gradient(top, rgb(223, 226, 229), rgb(254, 254, 254));
    background-image: -ms-linear-gradient(top, rgb(223, 226, 229), rgb(254, 254, 254));
    background-image: linear-gradient(top, rgb(223, 226, 229), rgb(254, 254, 254));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#dfe2e5', EndColorStr='#fefefe');
}

.simplified-template .wrap { width: 800px; }

.simplified-template header.header {
    background-color: #2f3032;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(47, 48, 50)), to(rgb(25, 26, 28)));
    background-image: -webkit-linear-gradient(top, rgb(47, 48, 50), rgb(25, 26, 28));
    background-image: -moz-linear-gradient(top, rgb(47, 48, 50), rgb(25, 26, 28));
    background-image: -o-linear-gradient(top, rgb(47, 48, 50), rgb(25, 26, 28));
    background-image: -ms-linear-gradient(top, rgb(47, 48, 50), rgb(25, 26, 28));
    background-image: linear-gradient(top, rgb(47, 48, 50), rgb(25, 26, 28));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#2f3032', EndColorStr='#191a1c');
}

.simplified-template header.pageTitle {
    padding: 20px 0;
    background-color: #eeeeef;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 238, 239)), to(rgb(220, 223, 224)));
    background-image: -webkit-linear-gradient(top, rgb(238, 238, 239), rgb(220, 223, 224));
    background-image: -moz-linear-gradient(top, rgb(238, 238, 239), rgb(220, 223, 224));
    background-image: -o-linear-gradient(top, rgb(238, 238, 239), rgb(220, 223, 224));
    background-image: -ms-linear-gradient(top, rgb(238, 238, 239), rgb(220, 223, 224));
    background-image: linear-gradient(top, rgb(238, 238, 239), rgb(220, 223, 224));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eeeeef', EndColorStr='#dcdfe0');
    border-bottom: 2px solid #f9f9f9;
    font:normal 1.5em "TWC Round Light",Arial,Sans-Serif;
}


.simplified-template .contact {
    float: right;
}

.simplified-template .contact a {
        font:normal 1em "TWC Round Light",Arial,Sans-Serif;
        color: #fff;
    }

.simplified-template .contact a:before {
        content: "!";
        font: 2em 'EntypoRegular',Helvetica,Arial,sans-serif;
        padding-right: 10px;
        color: #4377A8;
        text-shadow: 0 0 1px #fff;
    }
    
.simplified-template a.phone {
    background: none;
}

.simplified-template .movie {
    width: 325px;
    float: left;
    border-right: 1px dotted #e9e9e9;
    text-align: center;
}

.simplified-template .movie img {
        width: 175px;
    }
 
.simplified-template .form {
    width: 474px;
    float: left;
    text-align: center;
}

.simplified-template .movieRental_2 {
    width: 100%;
    margin:0 auto;
}

.simplified-template .TWCIdFormBox {
    width: 236px;
    margin: 0 auto 20px;
    padding: 10px 67px 20px;
    overflow: auto;
    background: #e7eef4;
}

.simplified-template .welcome {
        width: 328px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: left;
    }

.simplified-template .invalid,
.simplified-template .maxSubmission,
.simplified-template .agreeTOC {
    display: block;
    padding-bottom: 20px;
    color: #f00;
    font-size: 0.65em;
    text-align: left;
}

.simplified-template .purchasePopupText {
    padding-top:15px;
    display: block;
    padding-bottom: 20px;
    font-size: 0.8em;
    text-align: left;}

.simplified-template .invalid a,
    .simplified-template .maxSubmission a {
        color: inherit;
        font-size: inherit;
        text-decoration: underline;
    }

.simplified-template .agreeTOC {
    text-align: center;
}

.simplified-template .instructions {
    width: 368px;
    padding-left:0.5em;
    margin: 0 auto;
    text-align: left;
}

.simplified-template .TOC a,
.simplified-template .FAQ a {
    font-size: inherit;
    color: #4377A8;
}

.simplified-template a.blue-button {
    text-align: center;
    text-decoration: none;
}

.simplified-template .recommendations {
    width:800px;
    padding: 10px 0;
    margin: 0 auto;
}
   
.simplified-template .recommendations .main {
        padding-top: 20px;
        margin-top: 5px;
    }

.simplified-template .recommendations ul {
        width: 730px;
        margin: 0 auto;
        text-align: center;
    }
.simplified-template .recommendations li {
        width: 100px;
        margin-right: 25px;
        text-align: center;
        float: left;
    }
 .simplified-template   .recommendations li:last-child {
        margin-right: 0;
    }
.simplified-template .recommendations img,
    .simplified-template .recommendations a  {
        display: block;
        margin-bottom: 20px;
    }
.simplified-template .recommendations a  {
        margin-bottom: 0;
        text-align: center;
    }
 
/*********
* MODULE *
*********/

.simplified-template h1 {
    font:normal 1.625em/2em "TWC Round Light",Arial,Sans-Serif;
    padding-bottom:15px;
}

.simplified-template h2 {
    display: block;
    font:lighter 1.125em/1.2em "TWC Round Light",Arial,Sans-Serif;
    padding-top: 10px;
    padding-bottom: 10px;
}

.simplified-template h6 {
    margin-top: 30px;
    font:lighter 1.65em/1.2em "TWC Round Light",Arial,Sans-Serif;
    text-align: center;
}

.simplified-template input[type="text"], .simplified-template input[type="password"] {
    display: block;
    width: 230px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.simplified-template input[type="checkbox"] {
    float: left;
}

.simplified-template ::-webkit-input-placeholder {
   color: #999;
}

.simplified-template :-moz-placeholder {  
   color: #888;  
}

.simplified-template a {
    font: normal 0.65em "TWC Round Book",Arial,Sans-Serif;
    color: #4377A8;
    text-decoration: underline;}

.simplified-template .TNC a {
    font: normal 1em "TWC Round Book",Arial,Sans-Serif;
}

.simplified-template .formButton {
    display:inline-block;
}

.simplified-template .blue-button {
    clear: left;
}

.simplified-template a.blue-button {
    font-size:13px;
}

.simplified-template .recommendations a.blue-button {
    padding: 6px 13px;
    margin-left: 16px;
}

.simplified-template .arrow {
    color: #fff;
}

.simplified-template li {
    font:lighter 0.75em/2em "TWC Round Book",Arial,Sans-Serif;
    list-style: none;
}

.simplified-template small,
.simplified-template label {
    margin-bottom: 20px;
    font:lighter 0.75em/1.3em "TWC Round Book",Arial,Sans-Serif;
}

.simplified-template small {
    display:block;
}

.simplified-template label {
    padding-left: 20px;
    margin-bottom: 20px;
}

.simplified-template strong {
    font-weight: bold;
}

.simplified-template em {
    font-size:1.3em;
    font-style:italic;
}

.simplified-template hr {
    display:block;
    margin:2em 0;
    padding:0;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
}

.simplified-template .featured {
    width:800px;
    padding: 40px 0;
    margin:20px auto;
    overflow: auto;
    
    background:#fff;
    
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    
    -webkit-box-shadow: 0px 1px 0.5px 1px rgba(76, 79, 82, 0.6);
    -moz-box-shadow: 0px 1px 0.5px 1px rgba(76, 79, 82, 0.6);
    box-shadow: 0px 1px 0.5px 1px rgba(76, 79, 82, 0.6); 
}


#mod_check_tnc_error {
    text-align: center;
}

.simplified-template .loadingImage {
    background: url("clientlibs/images/UPCLoading.gif") no-repeat scroll 0 0 transparent;   
    width:550px;
    height:400px;  
}

.simplified-template .mod_expiration, .simplified-template .mod_exp_tz {
      font-weight:bold;
}

.simplified-template .loaderimage {
    display: none;
    background: url(clientlibs/images/payment-center/ajax-loader.gif) no-repeat center bottom;
    position: absolute;
    margin-left: 255px;
    z-index: 100;
    height: 30px;
    width: 220px;
    text-align: center;
}


.simplified-template input:focus {
    border: 2px solid #ccc;
    box-shadow: 2px #ccc;
}

/********* 
* STATE 
*********/





/********** 
* THEME 
*********/





/********* 
* BROWSER SPECIFIC 
*********/
/* Safari/Chrome/Webkit */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .simplified-template .contact a {
        position: relative;
        top: 10px;
    }
    
    .simplified-template .movie img {
        margin-bottom: 178px; /* should reflect image poster size */
        
        /* -webkit reflection */
        -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent) , to(rgba(250, 250, 250, 0.2)));
    }
    
    .simplified-template .movie > h2 {
        padding: 0;
        position: relative;
        top: -110px;
    }

}

/* Firefox */
/* Ah, Internet Explorer */
/* ie7 (.ie7) */

.ie7 .simplified-template .recommendations li {
        margin-right: 20px;
    }
    
/* ie8 (.ie8) */

.ie8 .simplified-template .recommendations li {
        margin-right: 20px;
    }

/* ie9 (.ie9) */


/* ==========================================================================
   Layout
   ========================================================================== */
.miniCLUTVPlans {
    margin: 0;
    width: 750px;
    padding: 10px 10px 10px 10px;
    background: #fff;
    border: 1px solid #f2f4f8;
}

.miniCLUTVPlans table {
    float:left;
    width: 33%;
    border-right: 1px solid #ccc;
}

.miniCLUTVPlans table:last-of-type {
    border-right: none;
}

.miniCLUTVPlans .minitabcontent {
    width: 690px;
}
/* ==========================================================================
   Module
   ========================================================================== */

/********* Tabs *********/

.miniCLUTVPlans ul.tabs li
{
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    margin-right: 2px;
}

.miniCLUTVPlans ul.tabs li a{
    display: table-cell;
    vertical-align: middle;
    width: 130px;
    height: 35px;
    padding: 7px;
    border: 1px solid #CCC;
    border-bottom-color:#B7B7B7;
    -webkit-border-top-right-radius: 5px;
     -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topright: 5px;
         -moz-border-radius-topleft: 5px;
            border-top-right-radius: 5px;
             border-top-left-radius: 5px;
    background-color: #7c9eb3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7c9eb3), to(#4c748f));
    background-image: -webkit-linear-gradient(top, #7c9eb3, #4c748f);
    background-image: -moz-linear-gradient(top, #7c9eb3, #4c748f);
    background-image: -o-linear-gradient(top, #7c9eb3, #4c748f);
    background-image: -ms-linear-gradient(top, #7c9eb3, #4c748f);
    background-image: linear-gradient(top, #7c9eb3, #4c748f);
    behavior: url('clientlibs/css/css/PIE.htc');
    color: #fff;
    font-size: 14px;
    font-weight:bold;
    text-decoration: none;
    text-align: center;
    outline:none;
    zoom: 1;
    z-index: 1;
}

.miniCLUTVPlans ul.tabs li.selected a
{
    /*selected tab style */
    font-weight:bold;
    background: #fff;
    border-bottom-color: transparent;
    color: #333;
}


.miniCLUTVPlans ul.tabs li.selected a:hover
{
    /*selected tab style */
    text-decoration: none;
}

.miniCLUTVPlans div.tabcontents
{
    padding: 15px 30px;
    margin-bottom: 1em;
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom: 6px solid #d6d6d6;
    -webkit-border-radius: 0 2px 2px 2px;
       -moz-border-radius: 0 2px 2px 2px;
            border-radius: 0 2px 2px 2px;
    behavior: url(clientlibs/css/css/PIE.htc);
    width: 690px;
}

.miniCLUTVPlans .content {
    height: 300px;
    overflow-y: auto;
    overflow-x:hidden;
}

.miniCLUTVPlans .content p {
    margin: 1em 0 3em;
    width: 650px;
}

.miniCLUTVPlans tr {
    height: 2.5em;
}

.miniCLUTVPlans td {
    text-align: left;
    padding: 0px 10px 0px;
}

.miniCLUTVPlans td.heavy {
    width: 5px;
    font-weight: 700;
}

.miniCLUTVPlans .minitabcontent{
    display: none;
}

.miniCLUTVPlans .miniButtomMessage{
    display: none;
}

.miniCLUTVPlans .minitabcontent:first-child{
    display: block;
}

.miniCLUTVPlans .miniButtomMessage:first-child{
    display: block;
}
/* ==========================================================================
   Browser Specific
   ========================================================================== */

/* Safari/Chrome/Webkit */
.miniCLUTVPlans @media screen and (-webkit-min-device-pixel-ratio:0) {
    ::-webkit-scrollbar {
        width: 12px;
    }
    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }
}
/* Firefox */
/* Ah, Internet Explorer */
/* ie7 (.ie7) */

/* ie8 (.ie8) */

/* ie9 (.ie9) */


#ola a {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    font-family: sans-serif;
    font-weight: bold;
    color: #3376b2;
    text-decoration: none;
}

#ola a:hover {
    color: #1b405d;
}

#ola .full { 
    width: 100%;
    overflow: auto;
}

#ola .single-header-line {
    float: left;
    color: #FFFFFF;
    display: inline;
    font: lighter 1.2em/3.3em 'TWC Round Light',Arial,Sans-Serif;
    padding-right: 30px;
    padding-top: 22px;
}

#ola .single-header-line p {
    padding-bottom: 0;
    margin-bottom: 0;
}

#ola .container {    
    position: relative;
    max-width: 980px;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 25px;
    height: auto;
    overflow: hidden;
}

#ola .row {
    clear: both;
}

#ola .col {
    border: 0;
    float: left;
     margin-left: 3%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-background-clip: padding-box !important;
       -moz-background-clip: padding-box !important;
            background-clip: padding-box !important;
}

#ola .row .col:first-child {
     margin-left: 0;
}
        
#ola .span_1 { width:5.58333333333%; }

#ola .span_2 { width:14.1666666667%; }

#ola span_3 { width:22.75%; }

#ola .span_4 { width:31.3333333333%; } 
    
#ola .span_5 { width:39.9166666667%; }

#ola .span_6 { width:48.5%; }

#ola .span_7 { width:57.0833333333%; }

#ola .span_8 { width:65.6666666667%; }

#ola .span_9 { width:74.25%; }

#ola .span_10 { width:82.8333333333%; }

#ola .span_11 { width:91.4166666667%; }

#ola .span_12 {
    margin-left:0;
    width:100%;
}

#ola header.header {
    height: 100px;
}

#ola header.header {
    background-color: #2f3032;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#2f3032),to(#191a1c));
    background-image: -webkit-linear-gradient(top,#2f3032,#191a1c);
    background-image: -moz-linear-gradient(top,#2f3032,#191a1c);
    background-image: -o-linear-gradient(top,#2f3032,#191a1c);
    background-image: -ms-linear-gradient(top,#2f3032,#191a1c);
    background-image: linear-gradient(top,#2f3032,#191a1c);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#2f3032',EndColorStr='#191a1c');
}

#ola .color-reset {
    background-color: transparent !important;
    background-image: none !important;
    background: none !important;
}

#ola .header .user-inputs {
    float: left;
    margin: 0;
}

#ola .content {
    padding: 20px 0 55px;
    background-color: #c8cbd1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c8cbd1), to(#f2f4f6));
    background-image: -webkit-linear-gradient(top, #c8cbd1, #f2f4f6);
    background-image: -moz-linear-gradient(top, #c8cbd1, #f2f4f6);
    background-image: -o-linear-gradient(top, #c8cbd1, #f2f4f6);
    background-image: -ms-linear-gradient(top, #c8cbd1, #f2f4f6);
    background-image: linear-gradient(top, #c8cbd1, #f2f4f6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c8cbd1', EndColorStr='#f2f4f6');
}

#ola .box-column {
    padding: 0px 0px;
    background: transparent;
    -webkit-border-radius: 4px 4px 7px 7px;
       -moz-border-radius: 4px 4px 7px 7px;
            border-radius: 4px 4px 7px 7px;
    -webkit-box-shadow:0 4px 3px -3px #888;
       -moz-box-shadow:0 4px 3px -3px #888;
            box-shadow:0 4px 3px -3px #888;
}

#ola .footer {
    padding: 0;
    zoom: 1;
    background: #d4d4d4;
    background: -moz-linear-gradient(top,#d4d4d4 0%,#eaeaeb 7%,#fff 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#d4d4d4),color-stop(7%,#eaeaeb),color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,#d4d4d4 0%,#eaeaeb 7%,#fff 100%);
    background: -o-linear-gradient(top,#d4d4d4 0%,#eaeaeb 7%,#fff 100%);
    background: -ms-linear-gradient(top,#d4d4d4 0%,#eaeaeb 7%,#fff 100%);
    background: linear-gradient(to bottom,#d4d4d4 0%,#eaeaeb 7%,#fff 100%);         
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d4d4',endColorstr='#ffffff',GradientType=0);
}

#ola .footer:before,
#ola .footer:after {
    display: table;
    content: '';
    zoom: 1;
}

#ola .footer:after {
    clear: both;
}


#ola .logo {
    float: left;
    width: 210px;
    height: 50px;
    /*background: url("../../../content/dam/residential/images/global/twc-enjoy-better-logo.png") no-repeat;*/
}

#ola .contact {
    float: right;
}

#ola .contact li {
    display: inline;
    border-right: 1px solid #fff;
    font: lighter 1.2em/3.3em 'TWC Round Light',Arial,Sans-Serif;
    color: #fff;
}

#ola .contact li:last-child {
    border-right: 0;
}

#ola .arrow {
    background:url(../../../test/_assets/images/arrow-white-right.png) no-repeat scroll 100% center transparent;
    padding-right:15px;
}

#ola .footer .footer-links {
    clear: both;
    float: left;
    width: 100%;
    position: absolute;
}

#ola .footer .footer-links li {
    background: none;
    float: left;
    padding: 0 0 0 8px;
    margin: 0 0 0 8px;
}

#ola .footer-links ul li {
    border-left: 1px solid #222;
    
}

#ola .footer-links ul li:first-child {
    border-left: 0;
}

#ola .footer .footer-links li.alt {
    display: none;
}

#ola .footer .footer-links li.last {
    padding: 0 0 0 8px;
    margin: 0 0 0 8px;
    background: 0;
}

#ola .footer .footer-links li:first-child {
    padding: 0;
    margin: 0;
    background: 0;
}

#ola .footer .footer-links a {
    color: #444;
    font-weight: 700;
}

#ola .footer .footer-links a:hover {
    color: #3480bd;
}

#ola .footer .footer-links .footer-copyright-msg a {
    text-decoration: underline;
    color: #3376b2;
    font-weight: 100;
}

#ola .footer p {
    width: 100%;
    color: #4d5154;
    font: normal 13px Arial,sans-serif;
}

#ola .copyright {
    float: right;
    position: relative;
}

#ola .copyright .wrap {
    width: auto;
}

#ola .disclaimer.twc-base-text {
    top: 25px;
}

@media (max-width: 43.74em) {
    [class*='span'] {
        width: 100%;
    }
    
    #ola .banner > .container {
        height: auto;
    }
    
    #ola .banner .container h1 { 
        font-size: 35px;
        font-size: 3.5rem;
    }
    
    #ola .col {
     margin: 0;
    }
    
    #ola footer .span_2 { 
        width: 31.3333333333%; 
        margin-right: 3%;
        margin-bottom: 1em;
    }
    
    #ola footer .span_2:nth-of-type(3n) { margin-right: 0; }
    
    #ola .content { padding: 0; }
    
    #ola .box-column { 
        margin-top: 0;
        margin-bottom: 20px; 
     }
}
   
@media (max-width: 33em) {
    
    #ola footer .span_2 { 
        width: 100%;
        margin-bottom: 1em; 
    }
    
    #ola .logo { 
        float: none;
        margin: 0 auto; 
        padding-bottom: 10px;
     }
    
    #ola .contact {
        float: none;
    }

    #ola .contact li {
        display: block;
        padding: 0;
        margin: 5px 0;
        border-right: 0;
        text-align: center;
    }
    
    #ola .contact li:last-child {
        margin-bottom: 0;
    }
    
    #ola .contact a {
        font: lighter 1.2em/3em 'TWC Round Light',Arial,Sans-Serif;
        color: #fff;
    }
    
    #ola .content { padding-top: 0; }
    
    #ola .banner .container h1 { 
        font-size:30px;
        font-size: 3rem;
        text-align: center; 
    }
    
    #ola p, 
    #ola .right-side a { 
        font-size: 1.6rem; 
        line-height: 1.443;
    }
    
    #ola .right-side a.blue-button {
        display: none;
    }
    
    #ola .footer .col a {
        font-weight: 100;
    }
    
    #ola .share-module h3 { font-size: inherit; }
    
    #ola .print { display: none; }
    
    #ola .footer {
        padding: 0;
    }
    
    #ola .footer h3 {
        margin-bottom:5px;
    }
    
    #ola .footer .footer-links { margin-top: 1em; }
}