.body {
    margin: 0;
    padding: 8px;
    overflow: hidden;
}

/*
.body-parsys .paragraph-element q {
  font: normal 1.5em/1.7em Arial,sans-serif;
  margin-bottom: 20px;
  display: block;
  line-height: 25px;
  font-family: "PNC Brand";
  color: #888;
  padding-left: 20px;
  padding-right: 20px;
}

.adp-container .body-parsys .paragraph-element q {
    quotes: inherit;
}

.adp-container .body-parsys .paragraph-element q:before {
    content: open-quote;
}
.adp-container .body-parsys .paragraph-element q:after {
    content: close-quote;
}
*/

.body-parsys .paragraph-element p,
.body-parsys .paragraph-element li {
    color: #636363;
    font-size: 14px;
    line-height: 20px;
}

.body-parsys .paragraph-element ul {
    padding: 0;
    /*margin: 10px 0 0;*/
}

.body-parsys .paragraph-element ul li {
    color: #6d6e71;
    margin-left: 2em;
}

.body-parsys .paragraph-element ul li a:focus,
.body-parsys .paragraph-element ul li a:hover,
.body-parsys .paragraph-element ul li a:active {
    text-decoration: underline;
}

.body-parsys .paragraph-element h1 {
    line-height: 26px;
}

.body-parsys .paragraph-element h2 {
    margin: 0 0 10px 0;
    font: bold 18px/22px "PNC Brand Bold",Arial, sans-serif;
    color: #484848;
}

.body-parsys .paragraph-element h4 {
    margin: 0 0 7px 0;
    font: bold 14px/16px "PNC Brand Bold",Arial, sans-serif;
    color: #484848;
}

.body-parsys .paragraph-element b {
    margin: 0 0 7px 0;
    font-weight: bold;
    color: #484848;
}

.body-parsys .paragraph-element img {
    border: 3px solid #D7D7D7;
    margin-right: 20px;
}

img.gug-lesson-hero-subjects-icon {
    border: none!important;
    float: right;
    display: inline;
}

.parsys_column {
    height: 100%;
    width: 100%;
    border: 0;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

.parsys_column .section {
    width: 100%;
}

.paragraph-element .purple-bar h2,.paragraph-element .purple-bar b,.paragraph-element .purple-bar p,.paragraph-element .purple-bar a{
    color:white;
}

/********** Column Control (non-responsive) ***********************/
div.colctrl-cols {width: 100%; float: left; }

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


/* layout 0 : 100% ( grid6 + grid6 ) */
div.colctrl1 {max-width:940px;margin:0 auto;}
div.colctrl1-c0 { width: 100%; margin-right:1%}

/* layout 2 : 33% 33% 33%( grid4 + grid4 + grid4 ) */
div.colctrl3 {max-width:940px;margin:0 auto;}
div.colctrl3-c0 { width: 32%; margin-right: 1%;}
div.colctrl3-c1 { width: 32%; margin-left: 1%; margin-right: 1%;}
div.colctrl3-c2 { width: 32%; margin-left: 1%; }

/* layout 3: 4 x 25% ( grid3 + grid3 + grid3 + grid3 ) */
div.colctrl4 {max-width:940px;margin:0 auto;}
div.colctrl4-c0 { width: 23.5%; margin-right: 1%;}
div.colctrl4-c1 { width: 23.5%; margin-left: 1%; margin-right: 1%;}
div.colctrl4-c2 { width: 23.5%; margin-left: 1%; margin-right: 1%;}
div.colctrl4-c3 { width: 23.5%; margin-left: 1%; }

/* layout 4: 5 x 20% ( grid2.5 + grid2.5 + grid2.5 + grid2.5 + grid2.5 ) */
div.colctrl5 {max-width:940px;margin:0 auto;}
div.colctrl5-c0 { width: 18.3%; margin-right: 1%;}
div.colctrl5-c1 { width: 18.3%; margin-left: 1%; margin-right: 1%;}
div.colctrl5-c2 { width: 18.3%; margin-left: 1%; margin-right: 1%;}
div.colctrl5-c3 { width: 18.3%; margin-left: 1%; margin-right: 1%;}
div.colctrl5-c4 { width: 18.3%; margin-left: 1%; }

/* layout 5: 2 w /right rail */
div.colctrl-rtrl {max-width:940px;margin:0 auto;}
div.colctrl-rtrl-c0 { width: 63%; margin-right: 1%;}
div.colctrl-rtrl-c1 { width: 33%; margin-left: 1%; margin-right: 1%;float:right !important;}

/* layout 6: 2 w /left rail */
div.colctrl-lftrl {max-width:940px;margin:0 auto;}
div.colctrl-lftrl-c0 { width: 33%; margin-right: 1%;}
div.colctrl-lftrl-c1 { width: 63%; margin-left: 1%; margin-right: 1%;float:right !important;}

/************ End Column Control (non-responsive) ******************/

@media only screen and (min-width: 320px) {

    .body {
        padding: 1%;
    }

  /* START: Single-Column Body, no Right-Rail */
    .colctrl1 {
        width: 100%;
    }

    .colctrl1-c0 {
        width: 100%;
    }

  /* START: Single-Column Body with Right-Rail */
    .colctrl2 {
        width: 100%;
    }

    .colctrl2-c0 {
        width: auto;
        float: left;
        margin-left: 0px;
    }

    .colctrl2-c1 {
        width: auto;
        float: left;
        margin-right: 1%;
        margin-left: 1%;
    }
}

@media only screen and (min-width: 600px) {

    .body {
        padding: 0;
    }

  /* START: Single-Column Body, no Right-Rail */
    .colctrl1 {
        width: 620px;
        margin: 0 auto;
        padding: 1%;
    }

    .colctrl1-c0 {
        width: 100%;
    }

  /* START: Single-Column Body with Right-Rail */
    .colctrl2 {
        width: 620px;
        margin: 0 auto;
        padding: 1%;
    }

    .colctrl2-c0 {
        width: 100%;
        float: left;
        margin-left: 0px;
    }

    .colctrl2-c1 {
        width: 100%;
        float: left;
        margin-right: 0px;
        margin-left: 0px;
    }
}

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

  /* START: Single-Column Body, no Right-Rail */
    .colctrl1 {
        width: 940px;
        padding: 20px;
    }

    .colctrl1-c0 {
        width: 100%;
    }

  /* START: Single-Column Body with Right-Rail */
    .colctrl2 {
        width: 940px;
        padding: 20px;
    }

    .colctrl2-c0 {
        width: 600px;
        float: left;
        margin-right: 20px;
    }

    .colctrl2-c1 {
        width: 300px;
        float: right;
    }
}
.body-parsys {
    background: #f9f9f9;
}

.eap-container .colctrl2-c0 {
    padding: 0 10px;
    float: none;
}

.eap-container .colctrl2 {
    padding-top: 20px;
}

.eap-container .tout-list {
    padding: 0;
}
.paragraph-element.section{
	width:100%;
}
.paragraph-element.section .purple-bar{
    background: linear-gradient(to bottom,#834784 0,#643664 100%);
    color: #fff;
    padding: 50px 40px 40px;
    width: auto;
    margin: 0 auto;
}
img.gug-lesson-hero-subjects-icon {
    border: none;
    float: right;
}

div.content-blocks {display: none;}

.fancybox-gug {max-width: 600px;}
.fancybox-gug div {max-width: 550px;}
.fancybox-gug p {line-height: 21px;}
.fancybox-gug h4 {font-family: 'PNC Brand Bold';}
.fancybox-gug-corner {
    background: black;
    height: 10px;
    width: 100%;
    position: absolute;
    top: -9px;
    left: 0px;
}
.fancybox-skin {border-radius: 0px; -webkit-border-radius: 0px;}

.gug-close {background-image: url(../../../../content/dam/pnc-com/images/universal/modal_close.png); height: 26px; width: 26px; top: 10px !important; right: 10px !important; background-size: contain;}

.scalingBgContainer.lesson-img {display: none;}

@media screen and (min-width: 600px) {
	.paragraph-element.section .purple-bar{
    	width: 520px;
	}

    /*.eap-container .colctrl2{
        width: 620px;
        margin:auto;
        padding: 0 20px;

    }
*/  .eap-container .colctrl2 {
        width: 620px;
        margin: auto;
        padding-top: 40px;
    }

    .eap-container .topic-tout-container .content-inner {
        padding-right: 0;
        padding-left: 0;
    }
	
	.scalingBgContainer.lesson-img {display: block;}
}

@media screen and (min-width: 980px) {
	.paragraph-element.section .purple-bar{
    	width:880px;
	}
    .eap-container .colctrl2 {
        width: 940px;
    }

    .eap-container .colctrl2-c0 {
        float: left;
        width: 600px;
    }

    .eap-container .topic-tout-container .content-inner {
        width: auto;
        padding: 0;
    }

    .eap-container .topic-tout-container .tout-list {
        margin-right: 0;
    }

    .eap-container .topic-tout-container .tout-item {
        width: auto;
        margin: 0 0 40px 0;
        float: none;
    }
	
	.scalingBgContainer.lesson-img {display: block;}
}