/******CUSTOM THEME BASED STYLES****/
/* separators are commonly used on mobile and used for areas that use the darkonlight style to prevent any customization */
.separator
{
    border-bottom: solid 1px #ccc;
}

#header_field .navbar-inner
{
  background-color: #c02032 !important;
  color: #fff;
}

.header #logo 
{
  background-size: contain!Important;
  width: 250px;
  height: 20px;
  margin-top: 17px !important;
  display: block;
  float: left;
  /*margin: -16px 0 0 6px;*/
  background: url(//images.ulprospector.com/search/privatelabel/UL_PROSPECTER_WHITE30.png) 0 0 no-repeat;
  /*-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='//images.ulprospector.com/search/privatelabel/UL_PROSPECTER_WHITE30.png', sizingMethod='scale')";*/
  -ms-behavior: url(/backgroundsize.min.htc);
}

#headerUlLogo img
{
  height: 40px;
  width: 40px;
}

@media (max-width: 767px) {
  .header #logo
  {
    height: 20px !Important;
    padding-top: 0;
    width: 175px !Important;
    background-position: 0 0 !important;
    margin-top: 15px !important;
  }
}

.primary 
{
    color: #fff;
    background: #0067AD;
}

.secondary 
{
    color: #fff;
    background-color: #5096C9;   
}

#secondary-orange.secondary {
    background-color: #f77300;
}

.orange, #maincontent > .faqGroup:first-child > h3:first-child
{
  color: #B10820;
}

.header a,
.header a:hover,
.primary a,
.primary a:hover,
.secondary a,
.secondary a:hover,
.ternary .secondary a,
.ternary .secondary a:hover
{
    color: #fff;
}

.ternary, .table.fancy th
{
    /*color:#0067AD;*/
    background-color: #F0F6FA;
}
.ternary.light
{
  background-color: #F4F7FA !important;
}

.ternary a,
.ternary a:hover,
a.ternary,
a:hover.ternary {
    color: #0067AD;
}

.ternary-border
{
    border: solid 1px #5096C9;   
}

.eco.secondary 
{
    background-color: #090;
    color: #fff;
}

.eco.ternary
{
    background-color: #CFFF98;
    color: #0067AD; 
}

.eco.ternary-border
{
    border: solid 1px #090;
}

.focus,
.ternary a.focus
{
    background-color: #44bb44;
    color: #ffffff;
}
.focus-text
{
    color: #44bb44;
}

body .ui-widget-header 
{
    background: #0067AD;
    border: 1px solid #0067AD;
    color: #fff;
}
/* end of header menu colors */
/*******END CUSTOM THEME STYLES *****/
