@charset "UTF-8";
/* CSS Document */


	footer,
	 { display: block; }

	

/*  ============================================================================
	Base
	============================================================================ */

	
	html.OverflowScrolling #slideout-content,
	html.OverflowScrolling #site-navigation {
		-webkit-overflow-scrolling: touch;
           -moz-overflow-scrolling: touch;
            -ms-overflow-scrolling: touch;
             -o-overflow-scrolling: touch;
                overflow-scrolling: touch;
	}


/*  ============================================================================================================
	Containers
	============================================================================================================ */


	
	.site-container,
    #site-container,
	#slideout-container,
	#slideout-content {
	    position: relative;
   	    z-index: 998;
	    width: 100%;
	    height: 100%;
	    min-height: 100%;
	}

	
	#site-footer-container #footer-main,
	#site-footer-container #footer-bottom-links,
	#site-footer-container #footer-social-bar-content,
	#div-top-login,
	#site-footer-container footer > ul,
	#site-footer-container footer #footer-top > ul,
	#new-site-footer-container footer > ul {
	    width: 100%;
	    max-width: 1280px;
	    margin: 0 auto;
	}

	
	#site-footer-container {
	    position: relative;
	    box-sizing: border-box;
	    text-align: left;
	}


	/*#site-container,*/

	

	#slideout-container {
	    min-width: 300px;
	    margin: auto;
	}

	#slideout-content {
	    overflow-x: hidden;
	    overflow-y: auto;
	}

	
	footer {
	    position: relative;
	    display: block;
	}

	#site-footer-container,
	#site-footer-container footer,
	#site-footer-container footer ul,
	#site-footer-container footer ul a,
	#site-footer-container footer ul lh a,
	#site-footer-container footer ul li a,
	#site-footer-container footer ul li .image-social-icon { z-index: 1; }




/*  ============================================================================
    Links > Icons
	========================================================================== */

	.icon-link,
	.icon-link:active {
	    position: absolute;
	    top: 5px;
	    display: inline-block;
	    width: 40px;
	    height: 30px;
	    font-size: 18px;
	    color: #888;
	    line-height: 30px;
	    text-align: center;
	    text-decoration: none;
	}

	.icon-link.highlight,
	.icon-link:hover,
	.icon-link:active { color: #fff; }

	.submenu-dropdown-icon {
	    float: right;
	    font-size: 24px;
	    font-weight: bold;
	    color: #fff;
	    line-height: 36px;
	}

	

	.footer-nav .submenu-dropdown-icon,
	#footer-bottom-links .submenu-dropdown-icon {
	    font-size: 20px;
	    line-height: 50px;
	}


	/* browsers that do not support font face but say that they do :( */

	.no-fontface {
	    display: none;
	    font-size: 14px;
	    text-transform: uppercase;
	}



/*  ============================================================================
    Embedded content
	========================================================================== */

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

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


/*  ============================================================================
    Figures
	========================================================================== */

	figure { margin: 0; }


/*  ============================================================================
    Classes
	============================================================================ */

	.hidden { display: none; }
	.mobile { display: none !important; }

	/* hide the text (ie. image links) */

	.hide-text {
	    overflow: hidden;
	    white-space: nowrap;
	    text-indent: 100%;
	}


	
	/* add to the parent container with child floats (replaces the div to clear the floats) */

	.float-container {
	    position: relative;
	    top: 0;
	    left: 0;
	    overflow: hidden;
	    width: 100%;
	}

	.onchange {
	    display: none;
	    margin: 10px 0 0;
	}


	    /*Site Container*/

	    #site-container {
	        overflow-x: hidden;
	        min-width: 0;
	    }


        /*Slideout Container*/

        #slideout-container {
            position: absolute;
            left: 0;
            overflow-y: hidden;
            z-index: 998;
            width: 100%;
            height: 100%;
            min-height: 100%;

            -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,.4);
               -moz-box-shadow: 0 0 5px 3px rgba(0,0,0,.4);
                -ms-box-shadow: 0 0 5px 3px rgba(0,0,0,.4);
                 -o-box-shadow: 0 0 5px 3px rgba(0,0,0,.4);
                    box-shadow: 0 0 5px 3px rgba(0,0,0,.4);
    
            -webkit-transition: -webkit-filter .3s ease-in-out;
               -moz-transition:    -moz-filter .3s ease-in-out;
                -ms-transition: all .3s ease-in-out;
                 -o-transition:      -o-filter .3s ease-in-out;
                    transition:         filter .3s ease-in-out; 
            *overflow-y: hidden;
        }

        #slideout-overlay {
		    position: fixed;
		    top: 0;
		    left: 0;
		    z-index: 1000;
		    display: none;
		    width: 100%;
		    height: 100%;
		}


        #slideout-container.slide-out { width: 100%; }

        #slideout-container.slide-out #slideout-overlay {
            display: block;
            cursor: pointer;
        }

        #site-container aside#nav-myaccount { display: none; }
		
		#site-container aside .avlModal-container,
		#content-container aside .avlModal-container { display: block; }


        /*Site Container > Content Container*/

        #content,
        #outer-wrapper { margin: 0; }

        #content {
            position: static;
            background: #fff;
        }

        #content .wrapper {
            margin: 0;
            padding: 10px;
        }

        #main-content { padding: 0 !important; }


        /*Site Container > Content Container > Application Page Elements*/

		
		#main-content .dropDown-menu-link .page-header { cursor: pointer; }

        #main-content .page-header h1 {
            position: absolute;
            left: 10px;
            margin: 0 !important;
            font-family: 'open sans', arial, sans-serif;
            font-size: 20px;
            font-weight: normal;
            line-height: 36px;
            text-align: left;
        }

       


        /*Mobile Site Navigation*/

        #site-container nav#site-navigation,
        #site-container nav#site-navigation #nav-wrapper {
            position: absolute;
            top: 0;
            overflow: auto;
            height: 100%;
            text-align: left;
        }

        #site-container nav#site-navigation {
            left: -80%;
            width: 80%;
            /* change back to 0 if pushing effect fails */
            max-width: 300px;

            -webkit-transition: left .4s ease;
               -moz-transition: left .4s ease;
                -ms-transition: left .4s ease;
                 -o-transition: left .4s ease;
                    transition: left .4s ease;
        }

        #site-container nav#site-navigation.active {
            left: 0;
            display: block !important;
        }

        #site-container nav#site-navigation #nav-wrapper {
            left: 0;
            width: 100%;
        }

        #site-container nav#site-navigation a {
            position: relative;
            display: block;
            overflow: hidden;
            text-decoration: none;
        }

        #site-container nav#site-navigation a span {
            float: left;
            width: 50px;
            text-align: center;
        }

        #site-container nav#site-navigation ul { padding-top: 10px; }
    
        /*Mobile Help Section*/

        #mobile-help {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 1;
            overflow-y: auto;
            /* change back to 0 if pushing effect fails */
            width: 0;
            height: 100%;
            font-size: 13px;
            color: #fff;
            text-align: left;

            -webkit-transition: width .4s ease;
               -moz-transition: width .4s ease;
                -ms-transition: width .4s ease;
                 -o-transition: width .4s ease;
                    transition: width .4s ease;
        }

        #mobile-help.active { width: 90%; }

        #mobile-help .help-section {
            width: 100%;
            margin-bottom: 10px;
            padding-right: 10px;
            padding-bottom: 5px;
            border-bottom: 2px solid #999;

            -webkit-box-shadow: 0 3px 2px rgba(0,0,0,.2);
               -moz-box-shadow: 0 3px 2px rgba(0,0,0,.2);
                -ms-box-shadow: 0 3px 2px rgba(0,0,0,.2);
                 -o-box-shadow: 0 3px 2px rgba(0,0,0,.2);
                    box-shadow: 0 3px 2px rgba(0,0,0,.2);
        }

        #mobile-help .help-title {
            padding-top: 5px;
            font-family: 'open sans', arial, sans-serif;
            font-size: 20px;
            font-weight: 600;
            line-height: 36px;
            text-decoration: none;
            text-shadow: 0 1px 3px #000;
        }

        #mobile-help .help-wrapper {
            overflow-x: hidden;
            margin-right: 10px;
            margin-left: 20px;
        }

        #mobile-help h4 {
            margin-bottom: 5px;
            font-size: 13px;
            font-weight: bold;
        }

        #mobile-help p { margin-bottom: 15px; }

        #mobile-help .help-section p:last-child { margin-bottom: 5px; }

	    #mobile-help .video-icon,
	    #mobile-help .pdf-icon {
	        width: auto;
	        padding-left: 26px;
	        vertical-align: bottom;
	    }

	    #mobile-help .help-icon-link {
	        display: block;
	        margin-bottom: 3px;
	        line-height: 24px;
	    }

	    #mobile-help .chat-icon,
	    #mobile-help .email-icon,
	    #mobile-help .phone-icon,
	    #mobile-help .video-icon,
	    #mobile-help .pdf-icon,
	    #mobile-help .morehelp-icon {
	        display: inline-block;
	        width: 23px;
	        height: 23px;
	        padding-right: 4px;
	        vertical-align: middle;
	    }

	    #mobile-help .chat-icon { background-position: 0 -46px; }
	    #mobile-help .email-icon { background-position: 0 -23px; }
	    #mobile-help .phone-icon { background-position: 0 0; }
	    #mobile-help .video-icon { background-position: 0 -92px; }
	    #mobile-help .pdf-icon { background-position: 0 -69px; }
	    #mobile-help .contact-label { font-weight: bold; }
	    #mobile-help .morehelp-icon { background-position: 0 -115px; }

	    #mobile-help a {
	        color: #fff;
	        text-shadow: 0 1px 3px #000;
	    }

	    #mobile-help .callout-message { color: #222; }
	    #mobile-help .approval-message { color: #222; }
	    #mobile-help .error-message { color: #222; }
	    #mobile-help .success-message { color: #222; }



        /*Mobile*/

        #site-footer-container .mobile,
        #new-site-footer-container .mobile { display: none !important; }

        .mobile { display: block !important; }


        /*Mobile Footer*/

        #mobile-footer-buttons {
            right: 8px;
            bottom: 0;
            z-index: 100;
            display: none;
            overflow: hidden;
            width: 135px;
            height: 34px;
        }
    }



/* =============================================================================
   Site Container > Footer Container > Footer
   ========================================================================== */

	#site-footer-container footer {
	    margin: 0 auto;
	    padding: 0;
	}

	#site-footer-container footer ul {
	    float: left;
	    width: 20%;
	    height: 130px;
	    margin: 0 0 0 0;
	    padding: 12px 0 0 0;
	}

	#site-footer-container footer ul a { display: inline; }

	#site-footer-container footer ul a:hover,
	#site-footer-container footer ul a:active { color: #f38909; }

	#site-footer-container footer ul li.list-header a:hover { text-decoration: underline; }

	#site-footer-container footer ul li.list-header,
	#site-footer-container footer ul li.list-header a {
	    font-size: 13px;
	    font-weight: 700;
	    color: #fff;
	    line-height: 1.231;
	    text-decoration: none;
	}

	#site-footer-container footer ul li a {
	    font-size: 11px;
	    color: #fff;
	    line-height: 1.831;
	    text-decoration: none;
	}

	#site-footer-container footer ul li .image-social-icon {
	    float: left;
	    margin-top: 2px;
	    margin-right: 5px;
	}

	#site-footer-container footer ul li { margin-left: 12px; }

	#site-footer-container footer ul li.list-header {
	    display: block;
	    margin-bottom: 10px;
	}

	#site-footer-container footer ul li.list-header a {
	    font-size: 13px;
	    font-weight: 700;
	    color: #fff;
	}

	.avlModal .modal-buttons { margin-top: 45px; }

	#new-site-footer-container footer { background-color: #010015; }

	#new-site-footer-container footer > ul > li {
	    display: block;
	    float: left;
	    width: 18%;
	    height: 130px;
	    margin: 20px 0 22px 1%;
	    *margin-left: 0;
	    padding: 1% 0 0 1%;
	    font-size: 13px;
	    font-weight: bold;
	    color: #fff;
	    line-height: 16px;
	    text-align: left;
	}

	#new-site-footer-container footer > ul > li > ul { margin-top: 10px; }

	#new-site-footer-container footer > ul > li a {
	    color: #fff;
	    text-decoration: none;
	}

	#new-site-footer-container footer > ul > li li {
	    font-size: 11px;
	    font-weight: normal;
	    line-height: 20px;
	}

	#new-site-footer-container footer ul > li > a:hover,
	#new-site-footer-container footer ul > li > a:active { text-decoration: underline; }

	#new-site-footer-container footer ul > li li a:hover,
	#new-site-footer-container footer ul > li li a:active {
	    color: #4cbe9f;
	    text-decoration: none;
	}

	#new-site-footer-container #social-media-container {
	    width: 100%;
	    margin: 0 auto;
	    padding: 10px 0;
	}

	#new-site-footer-container #social-media-container #social-media {
	    overflow: hidden;
	    width: 70%;
	    max-width: 300px;
	    margin: 0 auto;
	}

	#new-site-footer-container #social-media .spacer {
	    width: 70%;
	    height: 0;
	    margin: 10px auto;
	    border-top: 2px solid #aaa;
	}

	#new-site-footer-container #social-media .social-icon {
	    display: block;
	    float: left;
	    width: 16%;
	    margin: 2%;
	    text-decoration: none;
	}

	#new-site-footer-container #social-media .social-icon img { width: 100%; }
	
	#new-site-footer-container .image-social-icon { margin-right: 8px; }


/* =============================================================================
   Media Queries
   ========================================================================== */

	@media screen and (max-width: 980px) {

	    /*HTML & BODY*/

	   
	    #slideout-container { height: 100%; }


	    /*Slideout Container*/

	    #slideout-container { background: #28485f; }


	    /*Footer*/

	    #new-site-footer-container #social-media-container { background-color: #fff; }
	}


	@media screen and (max-width: 750px) {

	    /*Slideout Container*/

	    #slideout-container { background: #17374e; }

	   

	    /*Footer*/

	    .footer-nav .nav-menu li {
	        overflow: hidden;
	        margin: 0 10px;
	        padding-bottom: 6px;
	    }

	    .footer-nav .nav-menu li a {
	        left: 10px;
	        display: block;
	        clear: right;
	        width: 120%;
	        margin: 0 0 0 -10%;
	        padding: 0 10% 6px;
	        border-bottom: 2px solid #999;
	        font-family: 'open sans', arial, sans-serif;
	        font-size: 20px;
	        color: #fff;
	        line-height: 36px;
	        text-align: left;
	        text-decoration: none;

	        -webkit-box-shadow: 0 3px 2px rgba(0,0,0,.2);
	           -moz-box-shadow: 0 3px 2px rgba(0,0,0,.2);
	            -ms-box-shadow: 0 3px 2px rgba(0,0,0,.2);
	             -o-box-shadow: 0 3px 2px rgba(0,0,0,.2);
	       			box-shadow: 0 3px 2px rgba(0,0,0,.2);
	    }

	    #new-site-footer-container #social-media-container { background-color: #010015; }

	    #new-site-footer-container footer {
	        padding: 0 10px 10px;
	        background: #010015;
	    }

	    #new-site-footer-container footer > ul {
	        max-width: none;
	        padding-top: 1%; 
	        *padding-top: 0;
	    }

	    #new-site-footer-container footer > ul > li {
	        float: none;
	        width: 100%;
	        height: auto;
	        margin: 0;
	        padding: 0;
	        font-family: 'open sans', arial, sans-serif;
	        font-size: 16px;
	        font-weight: normal;
	        color: #fff;
	        line-height: 50px;
	        text-decoration: none;
	        background: none;
	        cursor: pointer;
	    }

	    #new-site-footer-container footer > ul > li > a,
	    #new-site-footer-container footer > ul > li > span { float: left; }

	    #new-site-footer-container footer > ul > li > i { float: right; }

	    #new-site-footer-container footer ul > li .sub-menu a {
	        display: block;
	        clear: none;
	        margin: 0;
	        padding: 5px 0;
	        border-bottom: 1px solid #29475f;
	        font-family: 'open sans', arial, sans-serif;
	        font-size: 14px;
	        color: #fff;
	        line-height: 24px;
	        text-align: left;
	        text-decoration: none;
	    }

	    #new-site-footer-container footer li { padding-bottom: 0; }

	    #new-site-footer-container footer > ul > li > .menu-container {
	        clear: both;
	        overflow: hidden;
	        width: 100%;
	        height: auto;
	        border-bottom: 1px solid #457186;
	        background: #346b8a;
	    }

	    #new-site-footer-container footer > ul > li:last-child > .menu-container {
	        clear: both;
	        overflow: hidden;
	        width: 100%;
	        height: auto;
	        border-bottom: none;
	        background: #346b8a;
	    }

	    #new-site-footer-container footer > ul > li > .menu-container .sub-menu {
	        height: 0;
	        margin: 0;

	        -webkit-transition: height 1s ease;
	           -moz-transition: height 1s ease;
	            -ms-transition: height 1s ease;
	             -o-transition: height 1s ease;
	       			transition: height 1s ease;
	    }

	    #new-site-footer-container #social-media-container #social-media { width: 100%; }

	    #new-site-footer-container footer ul > li > a:hover,
	    #new-site-footer-container footer ul > li > a:active { text-decoration: none; }

	    #mobile-footer-buttons {
	        position: static;
	        right: auto;
	        z-index: 1;
	        display: block;
	        overflow: hidden;
	        width: 100%;
	        height: auto;
	    }

	    #full-site-link { display: block; }


	    /*mobile-Feedback Tab*/

	    #feedback-tab { display: none !important; }

	    #mobile-feedback-tab,
	    #full-site-link.mobile {
	        position: static;
	        display: block;
	        float: left;
	        width: 100%;
	        height: auto;
	        border: none;

	        -webkit-border-radius: 0;
	           -moz-border-radius: 0;
	            -ms-border-radius: 0;
	             -o-border-radius: 0;
	                border-radius: 0;

	        color: #fff;
	        text-align: center;
	        background: #4dbd9a;
	    }

	    #mobile-feedback-tab.mobile.blue {
	        background: #8cbed5;
	        background: -moz-linear-gradient( top, #8cbed5, #66a0af);
	        background: -webkit-gradient( linear, left top, left bottom, from(#8cbed5), to(#66a0af)); 
	        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8CBED5', endColorstr='#66A0AF');
	    }

	    #mobile-feedback-tab #mobile-feedback-wrapper #mobile-feedback-link,
	    #full-site-link a {
	        position: static;
	        display: block;
	        width: 100%;
	        height: auto;
	        font-size: 16px;
	        font-weight: 600;
	        color: #fff;
	        line-height: 42px;
	        text-decoration: none;
	        text-transform: uppercase;
	    }


	    /*Mobile*/
	        
	    #new-site-footer-container .mobile { display: block !important; }
	}



@font-face {
    font-family: 'icomoon';
    src: $assets-icomoon-eot?2ncefc;
    src: $assets-icomoon-eot?2ncefc#iefix format('embedded-opentype'), $assets-icomoon-ttf?2ncefc format('truetype'), $assets-icomoon-woff?2ncefc format('woff'), $assets-icomoon-svg?2ncefc#icomoon format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon', 'open sans', arial, sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: uppercase;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	text-align: center;
}

.icon-exit:before {
    content: "\e900";
}

.icon-enter:before {
    content: "\e901";
}

.icon-cancel:before {
    content: "\e04e";
}

.icon-play:before {
    content: "\e05d";
}

.icon-ok:before {
    content: "\e070";
}

.icon-list:before {
    content: "\e080";
}

.icon-right-open:before {
    content: "\e0cc";
}

.icon-left-open:before {
    content: "\e0cd";
}

.icon-cog:before {
    content: "\e109";
}

.icon-info:before {
    content: "\e800";
}

.icon-right-circle:before {
    content: "\e801";
}

.icon-left-circle:before {
    content: "\e802";
}

.icon-ok-circle:before {
    content: "\e803";
}

.icon-print:before {
    content: "\e804";
}

.icon-help-1:before {
    content: "\e805";
}

.icon-menu-1:before {
    content: "\e806";
}

.icon-menu:before {
    content: "\e807";
}

.icon-ok-circled:before {
    content: "\e808";
}

.icon-up-open:before {
    content: "\e809";
}

.icon-down-open-1:before {
    content: "\e80a";
}

.icon-down-open:before {
    content: "\e80b";
}

.icon-up-open-1:before {
    content: "\e80c";
}

.icon-cancel-circled:before {
    content: "\e80d";
}

.icon-ok-circled-1:before {
    content: "\e80e";
}

.icon-cancel-circled-1:before {
    content: "\e80f";
}

.icon-attention:before {
    content: "\e810";
}

.icon-help-circled:before {
    content: "\e811";
}

.icon-info-circled:before {
    content: "\e812";
}

.icon-plus:before {
    content: "\e813";
}

.icon-minus:before {
    content: "\e814";
}

.icon-plus-1:before {
    content: "\e815";
}

.icon-minus-1:before {
    content: "\e816";
}

.icon-comment:before {
    content: "\e817";
}

.icon-videocam:before {
    content: "\e818";
}

.icon-chat:before {
    content: "\e819";
}

.icon-phone:before {
    content: "\e81a";
}

.icon-rss:before {
    content: "\e81b";
}

.icon-trash:before {
    content: "\e81c";
}

.icon-facebook:before {
    content: "\e81d";
}

.icon-twitter:before {
    content: "\e81e";
}

.icon-youtube:before {
    content: "\e81f";
}

.icon-gplus:before {
    content: "\e820";
}

.icon-instagramm:before {
    content: "\e821";
}

.icon-file-pdf:before {
    content: "\e822";
}

.icon-play-1:before {
    content: "\e823";
}

.icon-fast-fw:before {
    content: "\e824";
}

.icon-fast-bw:before {
    content: "\e825";
}

.icon-download-alt:before {
    content: "\e826";
}

.icon-search:before {
    content: "\e827";
}

.icon-email:before {
    content: "\e828";
}

.icon-volume-off:before {
    content: "\e829";
}

.icon-volume-up:before {
    content: "\e82a";
}

.icon-sort:before {
    content: "\e82b";
}

.icon-sort-down:before {
    content: "\e82c";
}

.icon-sort-up:before {
    content: "\e82d";
}

.icon-block:before {
    content: "\e82e";
}

.icon-youtube-play:before {
    content: "\e82f";
}

.icon-search-1:before {
    content: "\e830";
}

.icon-user:before {
    content: "\e831";
}

.icon-basket:before {
    content: "\e832";
}

.icon-right-dir:before {
    content: "\e833";
}

.icon-search-2:before {
    content: "\e834";
}

.icon-down-dir:before {
    content: "\e835";
}

.icon-cancel-1:before {
    content: "\e836";
}

.icon-down:before {
    content: "\e837";
}

span.icon2-text:before {
    font-family: 'open sans', arial, sans-serif !important;
    opacity: 1;
    transition: opacity .5s;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: block;
    text-align: center;
}

.hidden { display: none; }




/*COMMONPRINT CSS FILE*/
#site-footer-container,#new-site-footer-container,.page-buttons{display:none!important}



#site-container,#slideout-container,#slideout-content{z-index:998;height:auto;min-height:auto;-webkit-transform:translate3d(0,0,0);-webkit-overflow-scrolling:auto;overflow-scrolling:auto;}

#slideout-container{overflow-y:hidden;}
#site-container{position:relative;}
#session-warning .primary-site-button,.primary-site-button,.secondary-site-button,.primary-page-button{display:none;}
label{cursor:pointer}
html.OverflowScrolling #slideout-content,html.OverflowScrolling #mobile-help,html.OverflowScrolling #site-navigation,html.OverflowScrolling .avlModal-content{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}