.banner { width:100%; max-width:1030px; margin:0 auto; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:repeat-y; background-position:0 0, right 0; position:relative; }
.bannerCaption { width:100%; height:0; background-image:url(../images/fair-practice-code/master-banner/desk-img.jpg); background-position:center 0; background-repeat:no-repeat; background-size:auto 100%; padding-bottom:42.6213%; }
.bannerCaption > h2 { font-size:2.8em; line-height:1.2em; color:#fff; position:absolute; left:0; bottom:20px; padding:0 35px; display:none; }

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

	.subHeader { display:none; }
	
	.banner { max-width:100%; margin:0 auto; background-image:none; }
	.bannerCaption { background-image:url(../images/fair-practice-code/master-banner/tab-img.jpg); padding-bottom:50.375%; }
	.bannerCaption > h2 { font-size:1.8em; position:static; padding:1em 4% 0 4%; }
}
@media only screen and (max-width:480px){
	
	.bannerCaption { background-image:url(../images/fair-practice-code/master-banner/mob-img.jpg); padding-bottom:42.5%; }
	.bannerCaption > h2 { font-size:1.5em; padding:.5em 4% 0 4%; }
}
/*-------------------*/

.content { width:100%; max-width:1030px; margin:0 auto; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:repeat-y; background-position:0 0, right 0; }
.innerContent { padding:2em 35px; color:#666666; }
.innerContent > h2 { font-size:2.5em; line-height:1.3em; }
.innerContent > h3 { font-size:2em; line-height:.5em; margin-top:1.5em; color:#dcad5b; }
.innerContent > h4 { font-family:'ProximaNova-Bold', 'ITFDevanagari-Bold', sans-serif; font-size:1.1em; line-height:1.3em; margin-top:1.5em; }
.innerContent > p { font-size:1em; line-height:1.6em; margin-top:1.5em; }
.innerContent > hr { height:1px; width:100%; border:0; margin:2em 0; background-image:url(../images/common/dotted-line.png); background-position:0 0; background-repeat:repeat-x; }
.innerContent > hr.space { height:0; width:100%; border:0; margin:1em 0; }


@media only screen and (max-width:800px){
	.content { width:100%; max-width:100%; background-image:none; }
	.innerContent { padding:2em 4%; }
	
	.innerContent > h2 { font-size:2em; }
	.innerContent > h3 { font-size:1.5em; }
	
}
@media only screen and (max-width:480px){
	.innerContent > h2 { font-size:1.5em; }
	.innerContent > h3 { font-size:1.2em; }
	.innerContent > h4 { font-size:1em; }
	.innerContent > p { font-size:.9em; margin-top:1.5em; }
	
}


/*-------------------*/

.accordionPanel { margin:0 1px; padding-bottom:3em;  }

.accordion { border:1px solid #ee7e2d; border-top:0; }
.accordion > h2 { font-family:'ProximaNova-Bold', 'ITFDevanagari-Bold', sans-serif; font-size:1em; line-height:1em; letter-spacing:.1em; padding:1px; cursor:pointer; }
.accordion > h2 { background-color:#fff; background-image:url(../images/public-declarations/plus-icon.png); background-repeat:no-repeat; background-position:.9em 1.2em; padding:1em 1em 1em 35px; background-size:10px auto; border-top:1px solid #ee7e2d; color:#666666; }
.accordion > h2.active { background-color:#ee7e2d; background-image:url(../images/public-declarations/minus-icon.png); color:#fff; }

.panelAccordion { background-color:#ee7e2d; padding:0 2px 2px; }
.insidePanel { background-color:#fff; padding:2em 33px; color:#666; }
.insidePanel > p { font-size:1em; line-height:1.6em; margin-bottom:1.5em; }
.insidePanel > h3 { font-family:'ProximaNova-Bold', 'ITFDevanagari-Bold', sans-serif; font-size:1em; line-height:1.6em; margin-top:1.5em; }

.insidePanel > .bulletList li:first-child { margin-top:0; }


@media only screen and (max-width:800px) {
	.accordionPanel { margin:0;  }
	.accordion > h2 { background-position:1em 1.05em; background-size:10px auto; }
	.panelAccordion { padding:0 2px 2px; }
}

@media only screen and (max-width:480px) {
	.accordion > h2 { font-size:.9em; line-height:1.2em }
	.accordion > h2 { background-position:1em 1.2em; }
	.panelAccordion { padding:0 1px 1px; }
	
	.insidePanel { background-color:#fff; padding:1em 4%; }
	.insidePanel > p, .insidePanel > h3 { font-size:.9em; }
}


/*-------------------*/

ul.pdfList {
    overflow: hidden;
    width: 100%;
    margin-bottom: 2em;
}

.pdfList li {
    width: 100%;
    float: left;
    position: relative;
    padding: .8em 0;
   
    color: #666;
}


.pdfColoumn {
    width: 100px;
    height: 100%;
    position: absolute;
    right: 20px;
    top: 0;
    text-align: center;
    background-image: url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg);
    background-repeat: no-repeat;
    background-position: 15px center, 0 bottom;
    background-size: 1px 50%, 0% 0px;
}

    .pdfColoumn:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .pdfColoumn > a {
        display: inline-block;
        vertical-align: middle;
    }

        .pdfColoumn > a > img {
            width: auto;
            height: 16px;
        }

.colDetail {
    float: left;
    margin-left: 5px;
    padding-right: 20px;
    width: 85%;

}

    .colDetail h3 {
        color: #83977a;
        font-size: .9em;
        line-height: 1.5em;
        font-weight: 500;
        letter-spacing: .05em;
    }

    .colDetail p {
        color: #83977a;
        font-size: .65em;
        line-height: 1.1em;
        font-weight: 500;
        letter-spacing: .05em;
        margin-top: .5em;
    }
    @media only screen and (max-width:800px) {
        .colDetail {width: 72%;}
    }