/* Print Styles */
@media print{
    
    /* --- GLOBAL --- */
    /* Hide both nav areas, search and footer and buttons*/
    #nav, #mainnavwrapper, #search, #edf_footer_wrapping{
        display: none;
    }
    /* Add the link URLs after the links - Relative links */
    a:after {
        content: " [http://my.edfenergy.com" attr(href) "] ";
    }
    /* Add the link URLs after the links - Absolute links */
    a[href^=http]:after {
        content: " [" attr(href) "] ";
    }
    /* Add the link URLs after the links - Mailto links */
    a[href^=mailto]:after {
        content: " [" attr(href) "] ";
    }
    /* Remove the URLs after the links for hash links */
    a[href^=\#]:after {
        content: "";
    }
    /* Add the link URLs after the links - Styling */
    a:after {
        word-wrap: break-word;
        font-weight: bolder;
        text-decoration: none;
        font-size: 75%;
    }
    /* Add The page URL */
    #print_page_url{
        display: block !important;
        padding: 10px;
        font-weight: bold;
        font-size: 12px;
        color: #bbb;           
    }
    /* Remove the page url from the header home link */
    #head a:after{
        display: none;
    }
    /* Add a block of text at the top of the page */
    #head:after {
        display: block;
        content: "The print-friendly version of this EDF Energy webpage has been designed to save paper and ink. All navigational and supplementary elements are hidden, leaving only the core content in a layout and format optimised to fit one or more typical A4 pages";
        border: 1px solid #bbb;
        padding: 10px;
        font-style: italic;
        font-size: 12px;
        position: absolute;
        top: 40px;
        left: 130px;
        width: 750px;
    }    
    /* Change the text colour to #bbb */
    a, p, strong, h1, h2, h3, h4, span, ul li{
        color: #bbb !important;
    }
    /* Remove background images */
    div, span, p, strong{
        background: none !important;
    }
    /* Remove box shadow to fix black background bug */
    div, a, button{
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
    }    
    /* Underline all a tags */
    a, a span{
        text-decoration: underline !important;
    }
    /* Display content in expandable blocks */
    .closed{
        display: block !important;
    }
    /* Reduce the top margin within the expandable blocks */
    .answer{
        padding-top: 0px !important;
    }
    /* Reduce the left margin on the LIs */
    .answer ul li{
        padding-left: 0px !important;
    }
    .questionheader{
        padding-bottom: 0px !important;
    }
    
    
    /* Remove padding from H3s */
    h3{
        padding: 0px !important;
    }
    h3 a{
        padding: 0px !important;
    }
    /* Remove the padding from a tags within LIs */
    ul li a{
        padding: 0px 20px 0 40px !important;
    }    
    /* Fix for IE 6 & 7 which do not support :after */
    .print_only{
        display: block !important;
    }
    .print_link{
        word-wrap: break-word;
        font-weight: bolder;
        text-decoration: none;
        font-size: 75%;
    }
    .print_notice{
        border: 1px solid #bbb;
        padding: 10px;
        font-style: italic;
        font-size: 12px;
        position: absolute;
        top: 40px;
        left: 130px;
        width: 500px;        
    }
    
    /* --- TARIFF --- */
    /* Set the UL styling */
    ul li{
        background-image: none !important;
        list-style: circle !important;
    }
    /* Remove the header product box */
    #headerproductbox{
        border: solid 1px #bbb !important;
    }
    #headerproductbox .right a, #headerproductbox .right a span{
        padding: 0px !important;
        margin: 0px !important;
    }
    /* Remove the quote progress bar */
    .howdoesitwork, #progressnav, .progressnavlivechatwrapper{
        display: none !important;
    }
    /* TARIFF DETAILS */
    #maincontent div.icon {
        padding-left: 0px !important;
    }   
    
    /* --- HOME --- */
    /* Style the tariff section */
    .mainnavheaderpromo{
         border: solid 1px #bbb !important;
    }
    .mainnavheaderpromo .or{
        display: none !important;
    }
    .buttons a{
       margin-top: 0px !important;
    }
    #tariffs li.blue div.newest {
        background: none !important;
        border-left: solid 1px #bbb !important;
        border-right: solid 1px #bbb !important;
        border-top: solid 1px #bbb !important;  
        border-bottom: none !important;  
    }
    #tariffs li.tariff {
       background: none !important;
       height: 500px !important;
    }
    #tariffs li.blue, #tariffs li.lightblue {
        border: solid 1px #bbb !important;
        width: 322px !important;
    }
    #tariffs li.lightblue {
        border-bottom: solid 1px #bbb !important;
        border-top: solid 1px #bbb !important;
        border-left: none !important;
        border-right: none !important;
    }
    #tariffs li.right {
        border: solid 1px #bbb !important;
    }
    #comparisonquotearrow{
        display: none !important;
    }
    /* Remove the promo boxes */
    #bottompromoswrapper{
        display: none !important;
    }
    

    /* --- Low carbon include section --- */
    /*Hide the interact section*/
    #lowcarbongenerationinteract{
        display: none !important;
    }
    /* Display all sections */
    #lowcarbongenerationinteractnationalgridlistitem, #lowcarbongenerationinteractyourhomelistitem, #lowcarbongenerationinteractyourhometextblock{
        display: block !important;
    }
    #lowcarbongenerationinteractyourhomelistitem, #lowcarbongenerationinteractwrapper ul, #lowcarbongenerationinteractwrapper ul li, #lowcarbongenerationinteractnationalgridlistitem{
        padding: 0px !important;
    }    
    
    /* HOW TO SWITCH */
    #compareheader{
        border: solid 1px #bbb;
        width: 700px !important;
    }
    
    /* OUR TARIFFS */
    #ourtariffs tbody tr{
        border-top: solid 1px #efefef;
    }
    #ourtariffs tbody tr td ul li{
        margin-left: 10px;
        padding-left: 0px !important;
    }
    #ourtariffs thead tr th{
        border-right: solid 1px #efefef !important;
        font-weight: bold;
    }
    #ourtariffs thead tr th span span{
        font-weight: bold !important;
    }
    
    #ourtariffs thead tr th, #ourtariffs tbody tr td{
        border: solid 1px #bbb !important;
    }        
    
    /* THANKYOUS */
    #playthankyouscontainer img, #dualfuelcontainer img{
        display: none !important;
    }
    #prizeswrapper .prizescontainer img{
        display: none !important;
    }
    
    #thankyousheaderwrapper #topcontent #topleftpanel{
        width: 100%;
    }
    #thankyousheaderwrapper #topcontent #topleftpanel #formwrapper{
        width: 400px;
    }
    #howtosteps ul{
        background: none !important;
    }
    #howtosteps{
        width: 360px !important;
    }
    
    /* Why Choose EDF */
    #listthankyouswrapper #thankyous{
        display: none !important;
    }
    
	/* Hide buttons */
	button.orange, a.whitewithorange{
		display: none !important;
	}
	
	/* Hide important information div on the product page */
	.wrapper-info{
		display: none !important;
	}
	
	/* Fix margin on ul li on product page */
	#whythistariff .wrapper ul li{
		padding-left: 1px !important;
	}
	
	/* Fix margin on ul li on how to switch page */
	.switch li{
		padding-left: 0px !important;
	}
	
	/* Add circle points to the why choose ul lis */
	#listthankyouswrapper ul li{
        list-style: circle !important;
		padding: 0px !important;
		margin-left: 30px !important
	}

    #menu{
        display:none;
    }

    .reviewsubmit #maincontent{
        width: 850px !important;
    }

    .reviewsubmit #footnotes {
        width: 840px !important;
    }

    #fancybox-overlay{
        opacity: 1 !important;
        background: #fff !important;
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
        position:absolute;
        z-index:1000000;
    }
    .fancybox-wrap{
        z-index: 1000001 !important;
        top: 200px !important;
    }

    .FPPopupFrame .title {
        color: #000 !important;
    }

    .FPPopupFrame .title .toolBar {
        display: none !important;
    }

    .FPPopupFrame .columnLeft {
        color: #000 !important;
    }

    /* Firefox only fix */
    @-moz-document url-prefix() {

    }
}