/************************** richtext *****************************/
.richtext {
  font-size: 12px;
  line-height: 17px;
  /*li {
  	> p, > ul, > ol {
  		margin-top: 0;
  	}
  }*/
}
.richtext a {
  color: #0041c0;
  font-weight: bold;
}
.richtext i {
  font-style: italic;
}
.richtext b {
  font-weight: bold;
}
.richtext ul {
  list-style: outside disc;
  margin-right: 1.5em;
}
.richtext ol {
  list-style: decimal outside;
  margin-right: 1.5em;
}
.richtext:first-child > :first-child {
  margin-top: 0;
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  .richtext {
    font-size: 12px;
    line-height: 17px;
  }
  .richtext p, .richtext ul, .richtext ol, .richtext h2, .richtext h3, .richtext h4 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .richtext {
    font-size: 0.625rem;
    line-height: 0.75rem;
  }
  .richtext p, .richtext ul, .richtext ol, .richtext h2, .richtext h3, .richtext h4 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .richtext sub, .richtext sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  .richtext sup {
    top: -0.5em;
  }
  .richtext sub {
    bottom: -0.25em;
  }
}
/************************** generic class *****************************/
.header1 {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 30px;
  line-height: 42px;
}

.subheader1 {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 23px;
}

.subheader2,
.subheader3 {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
}

.subheader3,
.subheader3 a {
  color: #717171;
}

.subheader4 {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
}

.bodycopy1,
.body_copy1 {
  font-size: 12px;
  line-height: 17px;
}

.bodycopy2,
.body_copy2 {
  font-size: 12px;
  line-height: 17px;
  font-weight: bold;
}

.link4 {
  color: #0041c0;
  font-weight: bold;
}

.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .header1 {
    font-size: 0.938rem;
    line-height: 1.3132rem;
  }

  .subheader1 {
    font-size: 0.813rem;
    line-height: 1.1382rem;
  }

  .subheader2,
  .subheader3 {
    font-size: 0.938rem;
    line-height: 1.3132rem;
  }

  .subheader4 {
    font-size: 0.938rem;
    line-height: 1.3132rem;
  }

  .bodycopy1,
  .bodycopy2 {
    font-size: 0.625rem;
    line-height: 0.875rem;
  }
}
/************************** utility *****************************/
#utility {
  color: #1f1f1f;
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  #utility {
    padding-bottom: 53px;
    background: url(/etc/designs/panasonic/utility-clientlibs/images/bg-utility-1px.gif) repeat-x center top;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  #utility {
    padding: 0 20px 50px;
    background: url(/etc/designs/panasonic/utility-clientlibs/images/bg-utility-6px.gif) repeat-x center top;
    background-size: 3px 100px;
    -webkit-background-size: 3px 100px;
  }
}
/************************** utilitytitle *****************************/
.utilitytitle {
  text-align: center;
}
.utilitytitle .middleMargin {
  padding-top: 16px;
}
.utilitytitle h2 {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
}
.utilitytitle b {
  font-weight: bold;
}
.utilitytitle i {
  font-style: italic;
}
.utilitytitle ul {
  list-style: disc inside;
}
.utilitytitle ol {
  list-style: decimal inside;
}
.utilitytitle a {
  color: #0041c0;
  font-weight: bold;
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  .utilitytitle {
    padding: 32px 40px 0;
    font-size: 12px;
    line-height: 17px;
  }
  .utilitytitle h2 {
    margin-top: 10px;
    font-size: 16px;
  }
  .utilitytitle p, .utilitytitle > ul, .utilitytitle > ol {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .utilitytitle {
    padding: 25px 0;
    font-size: 0.625rem;
    line-height: 0.875rem;
  }
  .utilitytitle h2 {
    font-size: 0.625rem;
    margin-top: 5px;
  }
  .utilitytitle p, .utilitytitle > ul, .utilitytitle > ol {
    margin-top: 17px;
  }
}
/************************** box_section *****************************/
.box_section_container h2, .box_section_container h3, .box_section_container h4 {
  margin-bottom: 1em;
}
.box_section_container b {
  font-weight: bold;
}
.box_section_container i {
  font-style: italic;
}
.box_section_container a, .box_section_container .link3 {
  color: #0041c0;
  font-weight: bold;
}
.box_section_container ul {
  list-style: outside disc;
  margin-right: 1.5em;
}
.box_section_container ol {
  list-style: decimal outside;
  margin-right: 1.5em;
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  .box_section_container {
    font-size: 12px;
    line-height: 17px;
    padding: 50px 40px 0;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .box_section_container {
    padding: 15px 0 0;
    font-size: 0.625rem;
    line-height: 0.75rem;
  }
  .section:first-child .box_section_container {
    padding: 0;
  }
}
.box_section_container .anchorcopy {
  border-bottom: 1px solid #c9c9c9;
  margin: 0 -40px 0;
  padding: 40px 0 12px;
  text-align: center;
}

.box_section_container .anchorcopy a {
  background: url(/etc/designs/panasonic/common-clientlibs/images/icn-pagetop-arrow-up.gif) no-repeat center top;
  display: inline-block;
  padding-top: 10px;
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #1f1f1f;
}

.content.parsys > .section:last-child .box_section_container .anchorcopy {
  display: none;
}

.optout_container {
  padding-top: 22px;
}

.optout_container .btn-optout,
.optout_container .btn-optin {
  padding: 10px 15px;
  background: url(utility-clientlibs/images/btn-optout-1px.png) repeat-x;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #0041c0;
  vertical-align: middle;
  position: relative;
}

.optout_container .dscpt-optout {
  display: none;
  font-size: 12px;
  line-height: 17px;
  margin-right: 15px;
}

.optout_container .btn-optout {
  display: inline-block;
}

.optout_container.already-optout .btn-optout {
  /*border:1px solid #e5e5e5;
  color: #bbb;
  cursor:default;*/
  display: none;
}

.optout_container .btn-optin {
  display: none;
}

.optout_container.already-optout .btn-optin {
  display: inline-block;
}

.optout_container.already-optout .dscpt-optout {
  display: inline-block;
}

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .box_section_container .anchorcopy {
    margin: 0 -20px 0;
    padding: 30px 0 12px;
  }

  .box_section_container .anchorcopy a {
    padding: 10px 0 0;
    font-size: 0.625rem;
    line-height: 0.875rem;
  }

  .optout_container {
    padding-top: 15px;
  }

  .optout_container .btn-optout,
  .optout_container .btn-optin {
    font-size: 0.625rem;
  }

  .optout_container .dscpt-optout {
    font-size: 0.625rem;
    line-height: 0.875rem;
    margin-left: 15px;
  }
}
/************************** sitemap *****************************/
.sitemap .sitemap_section {
  padding-top: 45px;
}

.sitemap h2 {
  margin-bottom: 28px;
  padding-bottom: 12px;
  border-bottom: 2px solid #a8a8a8;
}

.sitemap .nav-list {
  margin-left: -20px;
}

.sitemap .nav-list > dl {
  width: 229px;
  margin-left: 20px;
  margin-bottom: 40px;
  float: right;
}

.sitemap .nav-list dl dt {
  margin-bottom: 24px;
}

.sitemap .nav-list dl dt:last-child {
  margin-bottom: 0;
}

.sitemap .nav-list dl dt a {
  color: #1f1f1f;
}

.sitemap .nav-list dl dt a:hover {
  color: #0041c0;
}

.sitemap .nav-list dl dd {
  margin-bottom: 8px;
}

.sitemap .nav-list dl dd:last-child {
  margin-bottom: 0;
}

.sitemap .nav-list dl dd.extra {
  padding-top: 24px;
}

.sitemap .nav-list dl dd a {
  color: #1f1f1f;
  font-size: 12px;
  line-height: 17px;
}

.sitemap .nav-list dl dd a:hover {
  color: #0041c0;
}

.sitemap .nav-list dl dd > dl {
  margin-top: 8px;
  margin-right: 1em;
}

/************************** seasrch-btn *****************************/
#seasrch-btn {
  text-align: center;
  padding-top: 40px;
}

#seasrch-btn a {
  display: inline-block;
  height: 36px;
  margin: 0 28px 0 11px;
  background: url(/etc/designs/panasonic/utility-clientlibs/images/btn-search-1px.png) repeat-x;
  font-size: 12px;
  font-weight: bold;
  color: #0041c0;
  direction: ltr;
}

#seasrch-btn a:before,
#seasrch-btn a:after {
  content: "";
  display: inline-block;
  height: 36px;
  background-image: url(/etc/designs/panasonic/utility-clientlibs/images/img-search-btn-db-arabic.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}

#seasrch-btn a:before {
  width: 11px;
  margin-left: -11px;
  background-position: left 0;
}

#seasrch-btn a:after {
  width: 28px;
  margin-right: -28px;
  background-position: right 0;
}

#seasrch-btn a span {
  display: inline-block;
  vertical-align: middle;
  direction: rtl;
}

/************************** error *****************************/
.error .support {
  margin-top: 55px;
  padding-bottom: 30px;
  border-top: 1px solid #e2e2e2;
}

.error .support ul li {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 6px;
}

.error .list-type {
  margin-top: 98px;
  width: 644px;
  float: right;
}

.error .list-type ul {
  width: 229px;
  float: right;
}

.error .list-type ul.first-line {
  margin-left: 166px;
}

.error .list-type h2 {
  padding-bottom: 40px;
}

.error .list-type h2 a,
.error .list-type ul li a {
  color: #1f1f1f;
}

.error .list-type h3 a:hover,
.error .list-type ul li a:hover {
  color: #0041c0;
}

.error .help-box {
  width: 280px;
  margin-top: 80px;
  padding: 22px 22px;
  background: #e2e2e2;
  border-radius: 5px;
  behavior: url(/etc/designs/panasonic/common-clientlibs/css/PIE.htc);
  -pie-border-radius: 5px;
  float: left;
  position: relative\9;
}

.error .help-box h2 {
  padding-bottom: 25px;
}

.error .help-box li a {
  color: #0041c0;
  font-weight: bold;
}

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  /************************** sitemap *****************************/
  .sitemap .sitemap_section {
    padding-top: 12px;
  }

  .sitemap:first-child .sitemap_section {
    padding-top: 0;
  }

  .sitemap h2 {
    margin-bottom: 20px;
  }

  .sitemap .nav-list {
    margin-left: 0;
  }

  .sitemap .nav-list > dl {
    width: auto;
    margin-left: 0;
    margin-bottom: 0px;
    padding-bottom: 37px;
    float: none;
  }

  .sitemap .nav-list dl dt {
    margin-bottom: 12px;
  }

  .sitemap .nav-list dl dd {
    margin-bottom: 12px;
  }

  .sitemap .nav-list dl dd.extra {
    border-top: 1px dotted #c9c9c9;
    padding-top: 8px;
  }

  .sitemap .nav-list dl dd.extra a
  .sitemap .nav-list dl dd a {
    font-size: 0.688rem;
    line-height: 0.75rem;
  }

  /************************** seasrch-btn *****************************/
  #seasrch-btn {
    padding-top: 0;
  }

  #seasrch-btn a {
    font-size: 0.688rem;
  }

  /************************** error *****************************/
  .error .support {
    margin-top: 40px;
  }

  .error .support ul li {
    font-size: 0.625rem;
    line-height: 0.75rem;
    margin-bottom: 10px;
  }

  .error .list-type {
    margin-top: 0;
    width: auto;
    float: none;
    padding: 22px 0 15px;
  }

  .error .list-type ul {
    width: 48%;
  }

  .error .list-type ul.first-line {
    margin-left: 0;
  }

  .error .list-type ul:nth-of-type(odd) {
    float: right;
  }

  .error .list-type ul:nth-of-type(even) {
    float: left;
  }

  .error .list-type h3 {
    padding-bottom: 20px;
    text-align: center;
  }

  .error .help-box {
    width: auto;
    margin-top: 0;
    padding: 17px 15px 10px;
    float: none;
  }

  .error .help-box h3 {
    padding-bottom: 20px;
    text-align: center;
  }
}
/************************** allproducts *****************************/
/* Scss Document */
.section.allproducts #overview-layout .nav-wrap {
  font-size: 0;
}
.section.allproducts #overview-layout .nav-wrap.layout-center {
  text-align: center;
}
.section.allproducts #overview-layout .nav-wrap .item li {
  color: #1f1f1f;
}
.section.allproducts #overview-layout .nav-wrap .item li a {
  color: #1f1f1f;
}
.section.allproducts #overview-layout .nav-wrap .item li a:hover {
  color: #0041c0;
}
.section.allproducts #overview-layout .nav-wrap .item h2 .subheader3 {
  border-bottom: 2px solid #a8a8a8;
  color: #717171;
}
.section.allproducts #overview-layout .nav-wrap .item h2 a {
  color: #717171;
}
.section.allproducts #overview-layout .nav-wrap .item h2 a:hover .subheader3 {
  color: #0041c0;
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  .section.allproducts #overview-layout {
    padding-top: 35px;
  }
  .section.allproducts #overview-layout .nav-wrap {
    margin-bottom: 15px;
  }
  .section.allproducts #overview-layout .nav-wrap.layout-center {
    text-align: center;
  }
  .section.allproducts #overview-layout .nav-wrap .item {
    display: inline-block;
    vertical-align: top;
    width: 229px;
    text-align: right;
  }
  .section.allproducts #overview-layout .nav-wrap .item:not(:first-child) {
    margin-right: 20px;
  }
  .section.allproducts #overview-layout .nav-wrap .item li {
    margin-bottom: 4px;
  }
  .section.allproducts #overview-layout .nav-wrap .item li a {
    font-size: 12px;
    line-height: 17px;
  }
  .section.allproducts #overview-layout .nav-wrap .item h2 {
    margin-bottom: 12px;
  }
  .section.allproducts #overview-layout .nav-wrap .item h2:last-child {
    margin-bottom: 0;
  }
  .section.allproducts #overview-layout .nav-wrap .item h2 .image {
    text-align: center;
    margin-bottom: 12px;
    min-height: 92px;
  }
  .section.allproducts #overview-layout .nav-wrap .item h2 .subheader3 {
    padding-bottom: 13px;
  }

  /*category*/
  .section.allproducts #overview-category .nav-wrap .item {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .section.allproducts #overview-layout {
    padding: 0 10px;
  }
  .section.allproducts #overview-layout .nav-wrap {
    margin-bottom: 15px;
  }
  .section.allproducts #overview-layout .nav-wrap .item {
    margin-bottom: 34px;
  }
  .section.allproducts #overview-layout .nav-wrap .item li {
    margin-bottom: 10px;
  }
  .section.allproducts #overview-layout .nav-wrap .item li a {
    font-size: 0.625rem;
    line-height: 0.875rem;
  }
  .section.allproducts #overview-layout .nav-wrap h2:not(:last-child) {
    margin-bottom: 18px;
  }
  .section.allproducts #overview-layout .nav-wrap h2 .image {
    display: none;
  }
  .section.allproducts #overview-layout .nav-wrap h2 .subheader3 {
    padding-bottom: 16px;
  }

  /*category*/
  .section.allproducts #overview-alphabetically .paging-wrap {
    display: none;
  }
}
