@media only screen and (max-width: 768px)
{
    .dAll { min-width: 300px; }
    .dBrowseContainer-left-empty-column { width: 0%; float: left; display: none; }
    .dBrowseContainer-four-columns { width: 98%; float: left; }
    .dBrowseContainer-jump { width: 28%;  }
    .dBrowseContainer-subtopiclist { width: 70%;  }
    .dBrowseContainer-subtopics { width: 99%; padding-left: 0;  }
    .dBrowseContainer-topics { width: 0%; display: none; }
    .dContentFeatures { width: 70%; float: right; margin-top: 0px; margin-top: 0rem; padding-right: 2%; }
    .dContentLeft { width: 70%; float: right; visibility:visible; display: inherit; margin-top: 0px; margin-top: 0rem; padding-right: 2%; }
    .dContentLeftNav { width: 25%; float: left; }
    .dHelp { padding-top: 0; padding-bottom: 0; padding-left: 0; width:100%;}
    .dMainContent { width: 96%; }
    .relatedresources-shop-title { padding-top: 16px; padding-top: 1rem; }
    .relatedresources-shop-image { width: 0%; float: left; display: none; visibility: hidden; }
    .relatedresources-shop-text { width: 100%; float: left; }
    .dRelatedResourcesArea { float: left; width: 100%; }
    .dRelatedResourcesLeft { float: left; width: 100%; }
    .dRelatedResourcesSeparater { float: left; width: 0%; }
    .dRelatedResourcesRight { float: left; width: 100%; }
    .dSideContent { width: 100%; }
    .dToolbar1 { background-color: #CCCCCC; width: 100%; float: left;  }
    .dToolbar2 { background-color: #FFFFFF; visibility: visible; display: inherit; width: 98%; float: left; padding-top: 16px; padding-top: 1rem;}
    .dToolbarColumn { display: none; }
    .dNavPageRightColumn{ width: 72%; float: right; }
    .dyoumayalsopurchase { width: 100%; float: left; }
    .contents { width: 33.1%; float: right; margin-right: 0%; }
    .DisplayDesktop { visibility: hidden; display: none; }
    .DisplayTabletMobile { visibility: visible; display: inherit; }
    .dSearchBrowse { width: 100%; }
    .dSearchMoreContainer { width: 100%; float: left; margin-right: 0; }
    .dSearchNoBrowseMiddle {
        width: 70%;
        float: left;
        margin-left: 28%;
    }
    .dFooterSpacing { background-color: White; padding-top: 16px; padding-top: 1rem; }
    .topnav { font-size: 10px; font-size: 0.625rem; color: #000000; padding-top: 4px; padding-top: 0.25rem;}
    a.topnav { color: #000000 }
    /*.page-heading-line { border-bottom: 1px solid #C6531A; }
    .page-heading-line:before { border: 0; border-top-color: White;	content: ''; height: 0; position: absolute;	width: 0; margin-left: 38px; }*/
    .content-credit-box { border: none; float: left; padding: 0; margin-top : 10px; margin-top : 0.625rem; width: 100%; }
    .content-button { padding: 6px; padding: 0.3750rem; display: inline-block; background: #F6F6F6; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#cbcbcb'); background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#cbcbcb)); background: -moz-linear-gradient(top,  #F6F6F6,  #cbcbcb); background: -ms-linear-gradient(top,  #ffffff,  #e5e8ee); width: 180px;  }
    .content-button-video { margin-top: 20px;  margin-top: 1.25rem; padding: 6px; padding: 0.3750rem; display: inline-block; background: #F6F6F6; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#cbcbcb'); background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#cbcbcb)); background: -moz-linear-gradient(top,  #F6F6F6,  #cbcbcb); background: -ms-linear-gradient(top,  #ffffff,  #e5e8ee)  }
    .content-button-live-video { width: 98%; margin-top: 20px;  margin-top: 1.25rem; padding: 6px; padding: 0.3750rem; display: inline-block; background: #F6F6F6; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#cbcbcb'); background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#cbcbcb)); background: -moz-linear-gradient(top,  #F6F6F6,  #cbcbcb); background: -ms-linear-gradient(top,  #ffffff,  #e5e8ee)  }
    .dWebcastCreditBox { float: left; width: 100%; }
    .dVideoBox { float:left; width: 100%; }
    .dLiveVideoContainer { width: 100%; }
    .dLiveWebcastTopicBox { width:100%; float: left; margin-top: 20px; background: #FFFFFF; border: none;  }
    .contents-heading-live-webcast { padding: 0%; }
    .content-tool-bar-live-webcast { width: 100%; }
    .dLiveWebcastMainBox { width: 100%; }
    .dLiveWebcastContentBox { width: 100%; padding-left:0; }
    .contents-heading-live-webcast { padding-bottom: 8px; padding-bottom: 0.5rem;  }
    .myaccount-transactions-box { margin-left: 1%; margin-right: 1%; }

 
   
.helpnavbar
{
}
.helpnav a /* clickable items in the help at the bottom of the page to expand to details */
{
  display: block; 
  width:  100%; 
  background-color: #dfdfdf;
  text-align: left; 
  font-size: 14px; font-size: 0.875rem;
  font-family: OpenSans-SemiBold;
  text-decoration: none;
  text-transform: uppercase;
  color: #333333;
  padding-top: 2%; padding-bottom: 2%; text-indent: 2%; 
  border-top: 1px solid #bbbbbb;
}
.helpnavitems a /* clickable detail items in the help at the bottom of the pages */
{
  display: block; 
  width:  100%; 
  background-color: #dfdfdf; 
  text-align: left; 
  font-size: 16px; font-size: 1.0rem;
  text-decoration: underline; 
  color: #002159;
  line-height: 100%;
  padding-bottom: 2%;
  text-indent: 4%;
  margin-bottom: 8px; margin-bottom:0.5rem;
}
.helpnavtext /* non-clickable detail items in the help at the bottom of the pages */
{
  display: block; 
  width:  100%; 
  background-color: #dfdfdf; 
  text-align: left; 
  font-size: 16px; font-size: 1.0rem;
  text-decoration: none; 
  color: #000000;
  line-height: 100%;
  padding-bottom: 2%;
  text-indent: 4%;
  margin-bottom: 8px; margin-bottom:0.5rem;
}

/* Firefox specific for navigation arrow */
@-moz-document url-prefix() {
    .page-heading-line:before {
        margin-left: 0%;
    }
}
.page-heading-arrow:before { border: 0 border-top-color: White;	content: ''; 	height: 0; position: absolute;	width: 0; margin-top: 0px; margin-left: 0px; }
/* Firefox specific for navigation arrow */
@-moz-document url-prefix() {
    .page-heading-arrow:before {
        margin-left: 0%;
    }
}


   /*
Back to top button 
*/


#backtotop div
{
float: left;
}
#backtotop_text
{
float: left;
padding-right: 5px;
padding-top: 7px;
font-family: OpenSans-SemiBold, Arial, sans-serif; font-size:14px;
} 
#backtotop 
{
        position: fixed;
    bottom: 0;
    right: 0;
 width: auto;
 background-position: center;
 right: 0;
}
#backtotop_text{
display: none; 
padding-right: 0px;
padding-top: 0px;
float: none;
}
#backtotop_text span{
visibility: hidden; 
}
    /* Maximum width of content */
    .dFullTextWidthContainer {
        width: 96%;
        padding-left: 2%;
        padding-right: 2%;
        max-width: 674px;
    }
    .dFullBrowserTextWidth {
        padding-left: 5%;
        padding-right: 5%;
        margin-left: auto;
        margin-right: auto;
        max-width: 674px;
    }

    .dLimitedBrowserTextWidth {
        padding-left: 5%;
        padding-right: 5%;
        max-width: 600px;
    }
    /* New spacing styles - floats to one column */
    /* Three styles for 25/50/25 width, 2% comes from each for gutters */
    .dContentLeftNav {
        width: 98%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }

    .dContentFeatures {
        width: 98%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }

    .dToolbarColumn {
        width: 98%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }
    /* End three styles for 25/50/25 width */
    /* Matches Three styles for 25/50/25 width but only center is used, 2% comes from each for gutters */
    .dResourceHomeSearch {
        width: 100%;
        float: left;
        padding-left: 0%;
        padding-right: 0%;
    }
    /* End three styles for 25/50/25 width */
    /* Three styles for 20/50/30 width, 2% comes from each for gutters */
    /*.dLeftTOC {
        width: 98%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }

    .dContentCenter {
        width: 98%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }

    .dRelatedRight {
        width: 0%;
        visibility: hidden;
    }*/
    /* End three styles for 25/50/25 width */
    /* Two styles for 70/30 width, 2% comes from each for gutter*/
    .dContentLeftLarge {
        width: 98%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }

    .dRelatedRightSmall {
        width: 98%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }
    /* End two styles for 60/40 width */
    /* Two styles for 60/40 width, 2% comes from each for gutter*/
    .dContentLeftFull {
        width: 98%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }

    .dRelatedRightLarge {
        width: 98%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }
    .dPageToolsLarge {
        Visibility: hidden;
        display: none;
    }
    /* End two styles for 60/40 width */
    /* End new spacing styles */

    .dBrowseContainer-subtopicareas {
        padding-bottom: 48px;
        padding-bottom: 3rem;
        /* column-count: 2;
        column-width: 250px;
     */
    }

    .content-tool-text {
        font-family: OpenSans-Regular, Arial;
        font-size: 1rem;
        text-decoration: none;
        text-transform: uppercase;
        height: 20px;
        text-align: center;
        padding-top: 0px;
        margin-bottom: 0px;
        display: inline-block;
        border: none;
        color: none;
        text-decoration: none;
        width: 100%;
        text-decoration: none;
        vertical-align: middle;
    }
    .resource-homepage-title {
        padding-top: 50px;
    }
    .dContentResourceList {
        width: 98%;
        float: left;
        padding-left: 0%;
    }


}