@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; }
    .dFooterSpacing { background-color: White; padding-top: 16px; padding-top: 1rem; }
    .topnav { font-size: 10px; font-size: 0.625rem; color: #000000; padding-top: 0px; padding-top: 0rem;}
    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 */ {
        font-family: OpenSans-Bold, Arial, Sans-Serif;
        display: block;
        width: 100%;
        background-color: #dfdfdf;
        text-align: left;
        font-size: 14px;
        font-size: 0.875rem;
        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, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 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; 
    }
}