html {
   overflow: -moz-scrollbars-vertical;
   overflow: scroll;
}

a {
   color: #5377A2; 
}

.TwoCol {
   clear:both;
   width: 100%;
   max-width: 1100px;
   margin: auto;
   margin-top: 0;
   margin-bottom: 10px;
}

.TwoColLeft {
   width:230px;
   float:left;
   padding-top: 10px; 
   padding-bottom: 30px;
}

.TwoColRight {
   width:auto;
   margin-left:230px;
   margin-right:0 ;
   padding-right: 30px;
   padding-left: 30px;
   margin-top: 0;
   padding-top: 0;
}

.TitleBar_Left {
   background-image: url(../../images/titlebar_left.gif);
   background-repeat: no-repeat;
   background-position: right 60px;
   background-color: white;
   width:250px;
   height:95px;
   float:left;
   margin: 0;
   padding: 0;
   padding-right: 30px; 
   display: block;
}

a img {
   border-width: 0px;
}

.TitleBar_Center {
   width:auto;
   height:55px;
   margin-left:230px;
   margin-right:23px;
   padding: 0;
   padding-top: 5px; 
}

.TitleBar_Center ul {
   float: right;
   margin: 5px 0 0;
   padding: 0;
   list-style-type: none;
   display: inline; 
}

.TitleBar_Center ul li {
   font-size: 90%;
   font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   font-weight: bold;
   float: left;
   margin: 0;
   padding: 0 0 0 15px;
   list-style-type: none;
   display: inline; 
}

.TitleBar_Center ul li a {
   color: black;
   text-decoration: none; 
}

.TitleBar_Center ul li a:Hover {
   color: black;
   text-decoration: underline; 
}

.TitleBar_Center .SelectedPage {
   color: #5377A2; 
}

.TitleBar_Center .SelectedPage:Hover {
   color: #5377A2;
}

.TitleBar_Right {
   background-image: url(../../images/titlebar_right.gif);
   background-repeat: no-repeat;
   background-position: right 60px;
   width:23px;
   height:95px;
   float:right;
   margin: 0;
   padding: 0; 
   padding-bottom: 10px;
}

.TitleBar_Right p { 
   position:relative;
   z-index: 1;
   color: black; 
   font-size: 90%; 
   font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
   font-weight: normal;
   float: right; 
   text-align:right;
   margin: 0 0 0 -130px; 
   padding: 0 15px 0 0; 
}

.TitleBar_Right p a { 
   color: black; 
   font-size: 90%; 
   font-weight: bold; 
   text-decoration: none; 
   margin: 0; 
   padding: 0 0 0 5px; 
}

.TitleBar_Right p a:hover { 
   text-decoration: underline; 
}

.TitleBar {
   background-image: url(../../images/titlebar.gif);
   background-repeat: repeat-x;
   background-position: 300px 60px;
   width: 100%;
   height: 95px;
   max-width: 1100px;
   margin: auto;
   padding: 0;

}

.SocialMedia img {
   margin-left:-20px;
   padding-top:30px;
   padding-right:30px;
}

.Shadow {
   box-shadow: 0px -3px 15px -3px #ccc;
   max-width: 1120px;
   margin-top:-10px;
   margin-left: auto;
   margin-right: auto;
   padding-top: 10px;
   padding-left:10px;
   padding-right:10px;
   padding-bottom:20px;
}


.Footer {
   font-size: 70%;
   text-align: center;
   width: 100%;
   height: auto;
   clear:both;
   max-width: 1100px;
   margin: auto;
   border-top: 2px solid #265787;
   display: block;
}


.NavBox {
   background-image: url(../../images/box_background.gif);
   background-repeat: repeat-x;
   background-position: left top;
   width: 100%;
   margin-bottom: 20px;
   border-radius: 7px;
   border: solid 1px #757575; 
}

.NavBox a {
   font-size: 14px;
   display: inline-block;
   position: relative;
   z-index: 1;
   padding: 5px 0;
   margin: 1px 0;

   color: #202020;
   text-decoration: none; 
}

.NavBox a:Hover {
   color: black;
   text-decoration: underline; 
}

.NavBox ul {
   font-weight: bolder;
   
   font-family:  Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   margin: 5px 5px 5px 10px; 
   padding: 0; 
}

.NavBox ul li {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.NavBox h1 { 
   color: white; 
   font-size: 80%;
   font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   font-weight: normal; 
   background-color: #265787; 
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   margin: 0; 
   padding-top: 4px; 
   padding-bottom: 4px; 
   padding-left: 8px; 
}

.NavBox a.Selected {
   color:#5377A2;
}

.NavBox a:Hover.Selected  {
   color:#5377A2;
}

.NavBox a.DiscontinuedCategory {
   color:#757575;
}

.NavBox a:Hover.DiscontinuedCategory  {
   color:#757575;
}

.NavBox span.Featured {
   background-image: url(../../images/favicon.svg);
   height: 13px;
   width: 13px;
   display: inline-block;
   margin-left:5px;
   background-size: 12px 12px;
   background-repeat: no-repeat;
   background-position: 0 1px;
}


.PageTitle h1 {
   font-size: 130%;
   font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   font-style: italic;
   margin: 0;
   margin-top: 20px;
   padding: 0; 
}

.PageTitle p {
   font-size: 90%;
   font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   margin: 0 0 10px;
   padding: 0; 
}

.PageTitle p a {
   color: black;
}

.ValidationError {
   color: red;
}


table.Links { 
   margin-top: 0px; 
   margin-bottom: 30px; 
   margin-left: 10px; 
}

.ProductBody table.Links  { 
   margin-top: 0px;
   margin-bottom: 30px; 
}

table.Links tr td { 
   vertical-align: center; 
   margin: 0; 
   padding-top: 5px; 
   padding-bottom: 5px; 
   padding-right: 10px;
   border-bottom: 1px solid #939393; 
   font-size:15px;
   font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}

.ProductBody table.Links tr td
{ 
   padding-top: 5px; 
   padding-bottom: 5px; 
   font-size:15px;
}

table.Links td a { 
   color: #5377A2; 
   font-weight: bold; 
   text-decoration: none; 
}

.RelatedProduct { 
   width:120px;
   vertical-align:top;
   display:inline-block;
   margin: 10px 20px 40px 0; 
   padding: 0; 
}

.RelatedProduct a { 
   color: black;
   font-size: 100%; 
   font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
   font-weight: bold;
   font-style: italic; 
   text-decoration: none;
   text-align: center; 
   width: 120px; 
   margin: 0;
   padding: 0; 
}

@media (max-width: 1130px) {
   .Shadow {
      box-shadow: none;
      max-width: unset;
      margin: 0;
      padding: 0;
   }
}

@media (max-width: 880px) {
   .TwoColLeft {
      display: none;
   }

   .TwoColRight {
      margin-left: 0px;
   }
}


@media (max-width: 880px) {
   .SocialMedia {
      padding-left:-10px; 
   }

   .SocialMedia img {
      margin-left:10px; 
      padding-top:55px;
      padding-right:0px; 
   }

   .TitleBar {
      background-image: none;
   }

   .TitleBar_Left {
      background-image: none;
      padding-right:0;
      height:83px;
   }

   .TitleBar_Right {
      background-image: none;
      padding-bottom: 0px;
      height:83px;
   }

   .TitleBar_Center {
      background-color:#265787;
      margin-right: 0px;
      margin-left: unset;
      clear:both;
      padding-top:5px;
      padding-bottom:0px;
      border-radius: 10px;
      height:unset;
   }

   .TitleBar_Center ul li a {
      color: white;
   }
   
   .TitleBar_Center ul li a:Hover {
      color: white;
   }
   
   .TitleBar_Center .SelectedPage {
      color: #B1D1E7; 
   }
   
   .TitleBar_Center .SelectedPage:Hover {
      color: #B1D1E7;
   }

   .TitleBar_Center ul {
      float: none;
   }

   .TitleBar_Center ul li {
      font-size: 110%;
      padding: 5px 20px 10px 20px;
   }

   .TwoCol {
      padding-top:15px;
   }
}

@media (max-width: 500px) {
   .PageTitle p {
      display:none;
   }
}