/********************* Colour reference chart****************
*************************** comment ********* colour ******** 
Primary blue                primary-blue      #0069B8
Primary yellow              primary-yellow    #FBAF28
Secondary orange            secondary-orange  #F1771F
Secondary blue              secondary-blue    #00AEEE
Secondary green             secondary-green   #86C247
Secodary gray               secondary-gray    #2A2E32
*/
html.aui body.content-page .customizable-nav {
  background-color: #0069b8;
  padding: 25px 15px;
  -webkit-border-radius: 0px 0px 15px 0px;
  -moz-border-radius: 0px 0px 15px 0px;
  border-radius: 0px 0px 15px 0px; }
  html.aui body.content-page .customizable-nav a {
    color: white;
    text-decoration: underline; }
  html.aui body.content-page .customizable-nav a:focus, html.aui body.content-page .customizable-nav a:hover {
    text-decoration: none; }
  html.aui body.content-page .customizable-nav a.selected {
    color: #fbaf28 !important;
    font-weight: bold;
    text-decoration: none; }
  html.aui body.content-page .customizable-nav .customizable-nav-list li.customizable-nav-item {
    width: 100%;
    padding-bottom: 2px; }
    html.aui body.content-page .customizable-nav .customizable-nav-list li.customizable-nav-item a {
      color: white; }
  html.aui body.content-page .customizable-nav ul ul li:before {
    content: "- ";
    color: white; }
html.aui body.content-page .second-level-page {
  display: table;
  max-width: 1200px;
  margin: -2px auto 0 auto;
  width: 100%; }
  html.aui body.content-page .second-level-page #left-column {
    display: block;
    float: left;
    width: 20%; }
    html.aui body.content-page .second-level-page #left-column .widget_left_column_container .widget-title i {
      display: none; }
  html.aui body.content-page .second-level-page #right-column {
    display: block;
    float: left;
    width: 80%; }
    html.aui body.content-page .second-level-page #right-column .portlet-boundary {
      padding: 10px 0; }
    html.aui body.content-page .second-level-page #right-column .portlet-layout {
      padding-left: 4%; }
      html.aui body.content-page .second-level-page #right-column .portlet-layout .portlet-title {
        background: #656769;
        /* Old browsers */
        background: -moz-linear-gradient(top, #656769 0%, black 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #656769), color-stop(100%, black));
                                                                                                               /*
Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #656769 0%, black 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #656769 0%, black 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #656769 0%, black 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #656769 0%, #000000 100%);
        /* W3C */
        flter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#656769', endColorstr='#000000',GradientType=0 );
        /* IE6-9 */ }
        html.aui body.content-page .second-level-page #right-column .portlet-layout .portlet-title .portlet-title-text {
          color: white;
          font-weight: normal;
          font-size: .6em;
          padding: 5px 0; }
    html.aui body.content-page .second-level-page #right-column .product-information-flip-wrapper {
      width: 30%;
      float: left;
      margin-left: 0;
      margin-right: 3%; }
      html.aui body.content-page .second-level-page #right-column .product-information-flip-wrapper .pelco-products {
        float: left;
        display: inline-block; }
        html.aui body.content-page .second-level-page #right-column .product-information-flip-wrapper .pelco-products .widget-image {
          display: table;
          margin: 0 auto; }
        html.aui body.content-page .second-level-page #right-column .product-information-flip-wrapper .pelco-products .title {
          display: none; }
        html.aui body.content-page .second-level-page #right-column .product-information-flip-wrapper .pelco-products .widget-link,
        html.aui body.content-page .second-level-page #right-column .product-information-flip-wrapper .pelco-products .widget-sub-title {
          text-align: center; }
        html.aui body.content-page .second-level-page #right-column .product-information-flip-wrapper .pelco-products .widget-link a, html.aui body.content-page .second-level-page #right-column .product-information-flip-wrapper .pelco-products .widget-link a:focus, html.aui body.content-page .second-level-page #right-column .product-information-flip-wrapper .pelco-products .widget-link a:hover {
          color: #0069b8; }
    html.aui body.content-page .second-level-page #right-column .featured-content-wrapper {
      float: left;
      min-height: 200px; }
      html.aui body.content-page .second-level-page #right-column .featured-content-wrapper .widget-image {
        /*min-height: 150px;*/
        width: 100%; }
    html.aui body.content-page .second-level-page #right-column .widget-image-left-wrapper {
      border-top: 5px solid #ccc;
      padding-top: 25px; }
    html.aui body.content-page .second-level-page #right-column .display-title {
      background: #656769;
      /* Old browsers */
      background: -moz-linear-gradient(top, #656769 0%, black 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #656769), color-stop(100%, black));
                                                                                                               /*
Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #656769 0%, black 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #656769 0%, black 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #656769 0%, black 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #656769 0%, #000000 100%);
      /* W3C */
      flter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#656769', endColorstr='#000000',GradientType=0 );
      /* IE6-9 */
      color: white;
      font-weight: normal;
      font-size: 1.4em;
      padding: 12px 15px;
      margin-bottom: 20px; }

/* Responsive design */
html.aui body.content-page {
  /* Large desktop */
  /* Desktop */
  /* Portrait tablet to landscape and desktop */
  /* Landscape phone to portrait tablet */
  /* Landscape phones and down */ }
  @media (min-width: 980px) and (max-width: 1199px) {
    html.aui body.content-page #content .second-level-page #left-column {
      width: 30%; }
      html.aui body.content-page #content .second-level-page #left-column .widget_left_column_container {
        max-width: none; }
    html.aui body.content-page #content .second-level-page #right-column {
      width: 70%;
      /* Page title */
      /* Content wrapper */ }
      html.aui body.content-page #content .second-level-page #right-column .page-title-background .container-wrapper {
        padding: 0 25px; }
      html.aui body.content-page #content .second-level-page #right-column #main-content {
        padding: 0 25px; } }
  @media (min-width: 768px) and (max-width: 979px) {
    html.aui body.content-page .second-level-page #left-column {
      width: 40%; }
      html.aui body.content-page .second-level-page #left-column .widget_left_column_container {
        max-width: none; }
    html.aui body.content-page .second-level-page #right-column {
      width: 60%;
      /* Page title */
      /* Content wrapper */
      /* Page title */
      /* Content wrapper */ }
      html.aui body.content-page .second-level-page #right-column .page-title-background .container-wrapper {
        padding: 0 25px; }
      html.aui body.content-page .second-level-page #right-column #main-content {
        padding: 0 25px; }
      html.aui body.content-page .second-level-page #right-column .overview-aggregator-wrapper .content .tile {
        margin-top: 0px; }
      html.aui body.content-page .second-level-page #right-column .overview-aggregator-wrapper .content .related-assets-title {
        margin-bottom: 0px; }
      html.aui body.content-page .second-level-page #right-column .overview-aggregator-wrapper .content .footer-placeholder-wrapper .title-wrapper {
        width: 25%;
        float: left; }
        html.aui body.content-page .second-level-page #right-column .overview-aggregator-wrapper .content .footer-placeholder-wrapper .title-wrapper .related-footer-title {
          font-weight: bold; }
        html.aui body.content-page .second-level-page #right-column .overview-aggregator-wrapper .content .footer-placeholder-wrapper .title-wrapper .footer-img-container {
          padding: 5px; }
      html.aui body.content-page .second-level-page #right-column .page-title-background .container-wrapper {
        padding: 0 25px; }
      html.aui body.content-page .second-level-page #right-column .pelco-landing-page-1-column .portlet-column .portlet-dropzone .portlet-boundary {
        padding: 0 25px; }
      html.aui body.content-page .second-level-page #right-column .product-information-flip-wrapper {
        width: 47%; } }
  @media (max-width: 767px) {
    html.aui body.content-page .second-level-page .customizable-nav {
      display: none; }
    html.aui body.content-page .second-level-page #left-column {
      width: 100%; }
      html.aui body.content-page .second-level-page #left-column .widget_left_column_container {
        max-width: none; }
        html.aui body.content-page .second-level-page #left-column .widget_left_column_container .widget-title {
          padding-left: 15px;
          padding-right: 15px; }
          html.aui body.content-page .second-level-page #left-column .widget_left_column_container .widget-title i {
            display: inline;
            float: right; }
        html.aui body.content-page .second-level-page #left-column .widget_left_column_container .mobile-collapsible-content {
          display: none; }
    html.aui body.content-page .second-level-page #right-column {
      width: 100%; }
      html.aui body.content-page .second-level-page #right-column .portlet-layout {
        padding-right: 4%; }
      html.aui body.content-page .second-level-page #right-column .product-information-flip-wrapper {
        width: 45%;
        margin-right: 5%; }
        html.aui body.content-page .second-level-page #right-column .product-information-flip-wrapper .pelco-products {
          width: 100%;
          /*display: table;
          margin: 0 auto;
          float: none;*/ } }
  @media (max-width: 480px) {
    html.aui body.content-page .second-level-page #right-column .offering-tile-placeholder-wrapper .product-information-flip-wrapper {
      width: 100%;
      margin: 0;
      padding-top: 15px; }
      html.aui body.content-page .second-level-page #right-column .offering-tile-placeholder-wrapper .product-information-flip-wrapper .pelco-products .widget-image {
        height: auto; }
    html.aui body.content-page .second-level-page #right-column .featured-content-wrapper .widget-image {
      height: auto; }
    html.aui body.content-page .second-level-page #right-column .widget-image-left-wrapper .widget-image {
      width: 100%; }
      html.aui body.content-page .second-level-page #right-column .widget-image-left-wrapper .widget-image img {
        width: 100%; } }