/*KEEP*/
.breadcrumbBox {background: url('/Resources/Shared/images/banner.png') no-repeat;background-color: #156395;}
/* desktop nav */
#dnngo_megamenu > div > ul > li > a {line-height: 36px;}
#dnngo_megamenu .primary_structure > li > a {padding-top: 14px;}

#dnn_CUSTNAME_upnlCustomerName .fa {margin-right:11px;}
.header_top .Login {float:right;}
.searchWrapper {float:right; padding-top:18px;}
.cepSearch {display:none;}
.search-heading {padding-top:12px;}

 /*square-up product thumbnails*/
.productThumb {position:relative; overflow:hidden; padding-bottom:100%;}
.productThumb .img-product {position:absolute; top:50%; left:50%; max-height:100%; max-width:100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

.panel-body label {display:inline;}
.product-results .panel {padding-left:0;}
.nopadding {padding: 0 !important;margin: 0 !important;}
.search-heading a {line-height:1.8;}
.panel-heading h5 a {color:#fff !important;line-height:inherit;}
.product-results .pagination {margin: 4px 4px;}
.RadGrid_Bootstrap .rgPagerCell button.rgPageFirst, .RadGrid_Bootstrap .rgPagerCell button.rgPageLast, .RadGrid_Bootstrap .rgPagerCell button.rgPagePrev, .RadGrid_Bootstrap .rgPagerCell button.rgPageNext {padding:16px !important;}

.RadGrid_Bootstrap {border:none !important;}
.rgDataDiv {overflow-x: visible !important; overflow-y:visible !important; height: auto !important;}

/*CEP THEME START*/
/*CEP THEME START*/
/*Font Declarations*/

@font-face {
  font-family: 'FontAwesome';
  src: url('/Resources/Shared/fonts/FontAwesome/fontawesome-webfont.eot');
  src: url('/Resources/Shared/fonts/FontAwesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('/Resources/Shared/fonts/FontAwesome/fontawesome-webfont.woff') format('woff'), url('/Resources/Shared/fonts/FontAwesome/fontawesome-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SourceSansPro Regular';
  src: url('/Resources/Shared/fonts/source-sans-pro/SourceSansPro-Regular.eot');
  src: url('/Resources/Shared/fonts/source-sans-pro/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('/Resources/Shared/fonts/source-sans-pro/SourceSansPro-Regular.woff') format('woff'), url('/Resources/Shared/fonts/source-sans-pro/SourceSansPro-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SourceSansPro Semibold';
  src: url('/Resources/Shared/fonts/source-san-pro-semibold/SourceSansPro-Semibold.eot');
  src: url('/Resources/Shared/fonts/source-san-pro-semibold/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'), url('/Resources/Shared/fonts/source-san-pro-semibold/SourceSansPro-Semibold.woff') format('woff'), url('/Resources/Shared/fonts/source-san-pro-semibold/SourceSansPro-Semibold.ttf') format('truetype');
}

@font-face {
  font-family: 'SourceSansPro Light';
  src: url('/Resources/Shared/fonts/source-sans-pro-light/SourceSansPro-Light.eot');
  src: url('/Resources/Shared/fonts/source-sans-pro-light/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'), url('/Resources/Shared/fonts/source-sans-pro-light/SourceSansPro-Light.woff') format('woff'), url('/Resources/Shared/fonts/source-sans-pro-light/SourceSansPro-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'SourceSansProBold';
  src: url('/Resources/Shared/fonts/source-sans-pro-bold/SourceSansProBold.eot');
  src: url('/Resources/Shared/fonts/source-sans-pro-bold/SourceSansProBold.eot') format('embedded-opentype'), url('/Resources/Shared/fonts/source-sans-pro-bold/SourceSansProBold.woff2') format('woff2'), url('/Resources/Shared/fonts/source-sans-pro-bold/SourceSansProBold.woff') format('woff'), url('/Resources/Shared/fonts/source-sans-pro-bold/SourceSansProBold.ttf') format('truetype'), url('/Resources/Shared/fonts/source-sans-pro-bold/SourceSansProBold.svg#SourceSansProBold') format('svg');
}
@font-face {
  font-family: 'SourceSansProIt';
  src: url('/Resources/Shared/fonts/source-sans-pro-it/SourceSansProIt.eot');
  src: url('/Resources/Shared/fonts/source-sans-pro-it/SourceSansProIt.eot') format('embedded-opentype'), url('/Resources/Shared/fonts/source-sans-pro-it/SourceSansProIt.woff2') format('woff2'), url('/Resources/Shared/fonts/source-sans-pro-it/SourceSansProIt.woff') format('woff'), url('/Resources/Shared/fonts/source-sans-pro-it/SourceSansProIt.ttf') format('truetype'), url('/Resources/Shared/fonts/source-sans-pro-it/SourceSansProIt.svg#SourceSansProIt') format('svg');
}

@font-face {
  font-family: 'Lato Bold';
  src: url('/Resources/Shared/fonts/lato/Lato-Bold.eot');
  src: url('/Resources/Shared/fonts/lato/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('/Resources/Shared/fonts/lato/Lato-Bold.woff') format('woff'), url('/Resources/Shared/fonts/lato/Lato-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Lato-Regular';
  src: url('/Resources/Shared/fonts/lato/Lato-Regular.eot');
  src: url('/Resources/Shared/fonts/lato/Lato-Regular.woff') format('woff'), url('/Resources/Shared/fonts/lato/Lato-Regular.ttf') format('truetype'), url('/Resources/Shared/fonts/lato/Lato-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway Regular';
  src: url('/Resources/Shared/fonts/raleway/Raleway-Regular.eot');
  src: url('/Resources/Shared/fonts/raleway/Raleway-Regular.eot?#iefix') format('embedded-opentype'), url('/Resources/Shared/fonts/raleway/Raleway-Regular.woff') format('woff'), url('/Resources/Shared/fonts/raleway/Raleway-Regular.ttf') format('truetype');
}

/*End Font Declarations*/

.ri_AutoWidth_MinHeight_100{
  width: auto;
  min-height: 100px !important;
}

#divVendorWeight .GridRow_Vista td {
  padding: 1px;
}

#divVendorWeight .GridAltRow_Vista td {
  padding: 1px;
}

.PleaseWaitModalBackground {
  background-color: #e6e6e6;
  filter: alpha(opacity=60);
  opacity: 0.60;
}

.PleaseWaitModalPopup {
  font-family: Arial, sans-serif;
  background-color: #FFFFFF;
  border-width: 3px;
  border-style: solid;
  border-color: Gray;
  padding: 3px;
  width: 250px;
  z-index: 99999;
}

.CustomerLogo {
  background-color: Transparent;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  float: right;
}

.CustomerAlias {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.CustomerName {
  font-family: Arial, sans-serif;
  font-size: 26px !important;
  padding: 3px;
  vertical-align: middle;
  text-align: center;
  color: #FFFFFF !important;
}

.ModuleTitle {
  font-size: 1.2em;
  color: #000;
  font-family: 'Lato Bold';
  text-transform: uppercase;
  margin: 0;
}

.ModuleFont {
  font-family: 'SourceSansPro Regular';
  font-size: 12px;
  color: #000;
}

.ModuleFont_Bold {
  font-family: 'SourceSansPro Regular';
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0;
}

.ModuleFont_Highlight {
  color: Red;
}

.ModuleFont_Good {
  color: Green;
}

.ModuleFont_LargeHighlight {
  color: Red;
  font-size: larger;
}

.ModuleFont_Right {
  text-align: right;
}

.ModuleFont_Center {
  text-align: center;
}

.ModuleFont_Strikethrough {
  text-decoration: line-through;
}

.ModuleFont_Underline {
  text-decoration: underline;
}

.ModuleFont_TinyNote {
  font-size: 10px;
  font-style: italic;
}

.ModuleLabel {
  /*font-family: Arial, sans-serif;*/
  font-size: 12px;
  color: #666666;
}

.ModuleGridFont {
  /*font-family: Arial, sans-serif;*/
  font-size: 12px;
  color: Black;
}

.ModuleHeading {
  font-size: 12px;
  font-weight: bold;
  color: #666666;
  display: inline;
}

.ModuleHeaderBar {
  border: 1px solid;
  border-color: #fff #fcfcfd #d5d5d5 #e7e8ea;
  padding-top: 3px;
  padding-bottom: 4px;
  background: url('images/sprite.gif') 0 -2016px repeat-x;
  text-align: center;
}

.Module_Group {
  border: 1px solid #c0c0c0;
  border-radius: 3px;
  padding: 4px;
}

.HasBorders {
  border: 1px solid;
  border-color: #e7e8ea #e7e8ea #e7e8ea #e7e8ea;
  padding-top: 3px;
  padding-bottom: 4px;
}

.ModuleMessagePanel {
  color: red;
  /*font-family: Arial, sans-serif;*/
  font-size: 13px;
  text-align: center;
  margin-bottom: 5px;
}

.ModuleLinkButton {
  cursor: pointer;
}

  .ModuleLinkButton img {
    border: 0px;
    vertical-align: middle;
  }

  .ModuleLinkButton div {
    vertical-align: middle;
  }

.ModuleControlPair {
  /*margin-bottom: 8px;
  height: 40px;;;*/
}

.ModuleControlPairDoubleHeight {
  margin-bottom: 8px;
  height: 80px;
}

.ModuleControlPairTripleHeight {
  margin-bottom: 8px;
  height: 120px;
}

.radioTable {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: Black;
}

.bulletedList {
  font-family: Verdana;
  font-size: 11px;
  color: Black;
}

.headerStyle {
  font-size: 14px;
  font-family: Arial, sans-serif;
  color: Black;
  text-decoration: underline;
  text-align: center;
}

.radwindow ul li {
  list-style: none !important;
}

.TreeViewBackColor {
  background-color: #ffffff;
}

.GrayNode {
  color: Gray;
}

.radtooltip_Vista .ToolTipContent {
  background-image: none !important;
  background-color: White !Important;
}

  .radtooltip_Vista .ToolTipContent td {
    border-style: none !important;
  }

div.radtooltip_Vista div.ToolTipTitlebar {
  font-family: Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: bold !important;
  color: #666666 !important;
  line-height: 14px !important;
}

.RadMenu_harborleftmenu .rmItem {
  font-family: Arial, sans-serif;
}

.RadMenu_harborleftmenu .rmRootGroup a {
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 0px;
  cursor: pointer;
  display: inline;
}

  .RadMenu_harborleftmenu .rmRootGroup a:hover {
    color: #cecfcd;
    background-color: Transparent;
  }

.RadMenu_harborleftmenu .rmGroup a {
  display: block;
  text-decoration: none;
  color: #004264;
  background-color: #E1E5E6;
}

  .RadMenu_harborleftmenu .rmGroup a:hover {
    color: #5FA6CE;
    background-color: White;
  }

.RadMenu_harborleftmenu .rmGroup {
  border: 1px solid #E1E5E6;
  background-color: White;
}

.RadMenu_harborleftmenu .EntityParentNode {
  font-size: 11px;
  text-align: left;
  vertical-align: middle;
  line-height: 20px;
  cursor: pointer;
  width: 80px;
}

.RadMenu_harborleftmenu .EntityParentTitle {
  padding-left: 4px;
  width: 80px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 11px;
  font-weight: bold;
  color: White !important;
  line-height: 20px;
}

.RadMenu_harborleftmenu .EntityNode {
  background-color: #E1E5E6;
  margin: 3px;
  cursor: pointer;
  width: 175px;
  text-align: left;
  height: 50px;
}

.RadMenu_harborleftmenu .EntityImage {
  padding-left: 5px;
  float: left;
  height: 50px;
  width: 55px;
  display: inline;
}

  .RadMenu_harborleftmenu .EntityImage img {
    height: 50px;
    width: 50px;
  }

.RadMenu_harborleftmenu .EntityTitle {
  float: left;
  overflow: hidden;
  height: 50px;
  width: 115px;
}

  .RadMenu_harborleftmenu .EntityTitle p {
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
  }

.NoWrapClass .GridRow_Default td,
.NoWrapClass .GridAltRow_Default td,
.tdiv {
  /*white-space: nowrap;*/  
  overflow: hidden;
  text-overflow: ellipsis;
}
.RadGrid .rgClipCells .rgHeader, .RadGrid .rgClipCells .rgFilterRow>td, .RadGrid .rgClipCells .rgRow>td, .RadGrid .rgClipCells .rgAltRow>td, .RadGrid .rgClipCells .rgEditRow>td, .RadGrid .rgClipCells .rgFooter>td{
  overflow: visible !important;
}


.radeditor ul li,
.rade_dropDownBody ul li {
  list-style: none !important;
}

.radeditor a {
  text-decoration: none !important;
}

.Available {
  /*background:#E1E5E6;*/
  position: absolute;
  text-align: center;
  vertical-align: middle;
  border: solid 0px;
  color: #FFFFFF;
}

.Required {
  background-color: #00736E;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  border: solid 2px;
  color: white;
}

.Required_GrainMatters {
  background-color: #00736E;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  border: solid 1px;
  color: white;
  background-image: url("images/horizontalgrain.gif");
  background-repeat: repeat;
}

.Plate {
  border: solid 2px;
  position: relative;
  left: 0px;
}

#partTable {
  width: 450px;
  margin-bottom: 20px;
}

.PartList {
  font-size: 10px;
  width: 100%;
}

.Spacer {
  height: 20px;
  width: 10px;
}

.GridRow {
  background-color: #CCCCCC;
  color: #000000;
  border: none;
}

.GridAltRow {
  background-color: #FFFFFF;
  color: #000000;
  padding: 20px;
  border: none;
}

.GridSelectedRow {
  background-color: #99CCFF;
}

.Grid {
  font-family: Arial, sans-serif;
  font-size: 10px;
  padding: 25px;
  border: solid 1px black;
}

.GridCell {
  padding-right: 10px;
  vertical-align: top;
  border: none;
}

.Empty {
  padding: 0px;
}

.ImageSelection_Wrap {
  overflow: auto;
  height: auto;
  width: auto;
  padding: 20px 20px 20px 20px;
}

  .ImageSelection_Wrap div {
    float: left;
    padding: 0.8em 0.4em 0.4em 0.4em;
    text-align: center;
  }

  .ImageSelection_Wrap img {
    display: block;
  }

  .ImageSelection_Wrap em {
    display: block;
    margin-top: 0.2em;
    text-align: center;
    color: #666666;
    font: normal 12px/14px arial,sans-serif;
  }

.RadTabStrip_Vista .rtsDisabled,
.RadTabStripLeft_Vista .rtsDisabled,
.RadTabStripRight_Vista .rtsDisabled,
.RadTabStripBottom_Vista .rtsDisabled,
.RadTabStrip_Vista_disabled .rtsDisabled {
  color: #ccc !important;
}

.Cart_Message {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: Red;
}

.Disclosure_Message {
  font-family: Arial, sans-serif;
  font-size: 9px;
  color: Black;
}

.Disclosure_Message_Title {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: Black;
}

.RequiredStar {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: Red;
  padding-left: 3px;
  font-size: 25px;
  color: #e9303a;
  position: relative;
  top: 6px;
}

.TableHeader {
  /*background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);*/
  border-right: #EDEDED;
  padding: 4px;
  background-color: #fff;
  color: #333;
  font-family: 'SourceSansProBold' !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-transform: uppercase;
  letter-spacing: 1px !important;
}

.TableCell {
  border-right: #EDEDED;
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #666666;
  padding: 4px;
}

.ProductLine1 {
  font-weight: bold;
  color: #2F69A9;
}

.ProductLine2 {
  /*white-space: nowrap;*/
}

/* Panel Tab/button */
#SlidingPanel_Tab {
  background: Transparent;
  height: 23px;
  position: relative;
  top: 0;
  z-index: 9999;
}

  #SlidingPanel_Tab ul {
    display: block;
    position: relative;
    float: right;
    clear: right;
    height: 23px;
    width: auto;
    font-weight: bold;
    line-height: 23px;
    margin: 0;
    right: 0px;
    font-size: 80%;
    text-align: center;
  }

    #SlidingPanel_Tab ul li.left {
      background: url(images/tab_l.png) no-repeat left 0;
      height: 23px;
      width: 17px;
      padding: 0;
      margin: 0;
      display: block;
      float: left;
    }

    #SlidingPanel_Tab ul li.right {
      background: url(images/tab_r.png) no-repeat left 0;
      height: 23px;
      width: 17px;
      padding: 0;
      margin: 0;
      display: block;
      float: left;
    }

    #SlidingPanel_Tab ul li {
      text-align: left;
      padding: 0 6px;
      display: block;
      float: left;
      height: 23px;
      background: url(images/tab_m.png) repeat-x 0 0;
    }

      #SlidingPanel_Tab ul li a:hover {
        text-decoration: none !important;
      }

/* sliding panel */
#SlidingPanel {
  position: absolute; /*Panel will overlap  content */
  /*position: relative;*/ /*Panel will "push" the content down */
  top: 55px !important;
  width: 100%;
  z-index: 8000;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

#SlidingPanel_Main {
  width: 100%;
  height: 355px;
  background: #E4E4E4;
  overflow: hidden;
  position: relative;
  z-index: 3;
  display: none;
}

#SlidingPanel_Content {
  height: 335px;
  background: #FFFFFF;
  overflow: hidden;
  text-align: left;
  margin: 5px;
  padding: 5px;
  border: 1px solid #CDCDCD;
}

#SlidingPanel_Overlay {
  z-index: 998;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #aaaaaa;
  filter: alpha(opacity=55);
  opacity: 0.55;
}

#SlidingPanel_Tab ul li {
  cursor: pointer;
}

#SlidingPanel_NotificationCount.ui-state-highlight {
  padding: 0px 4px !important;
}

.cts-editpane-container {
  width: 100%;
}

.cts-editpane-title {
  padding: 0.3em 0.2em 0.2em 0.3em;
  height: 17px;
}

.cts-editpane-content {
  padding: 3px;
}

.cts-field-header {
  display: block;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #0e7a74;
  font-size: 12px;
  padding: 6px 0px 6px 0px;
  width: 100%;
}

input.ui-button, .ui-button-text-only .ui-button-text {
  font-size: 11px !important;
  margin: 5px;
}

.ui-jqgrid table td {
  vertical-align: middle !important;
}

.cts-column-container {
  width: 99%;
  padding: 0px;
  display: block;
}

.cts-column-container-intab {
  width: 90%;
  padding: 7px 0;
  display: block;
}

.cts-column-one {
  width: 90%;
  display: inline-block;
  float: left;
  padding: 0px;
}

.cts-column-two {
  width: 45%;
  display: inline-block;
  float: left;
  padding: 0px;
}

.cts-column-three {
  width: 31%;
  display: inline-block;
  float: left;
  padding: 0px;
}

.cts-column-four {
  width: 25%;
  display: inline-block;
  float: left;
  padding: 0px;
}

.cts-column-five {
  width: 20%;
  display: inline-block;
  float: left;
  padding: 0px;
}

/* should always be 1/2 of cts-column-two */
.cts-column-true-four {
  width: 23%;
  display: inline-block;
  float: left;
  padding: 0px;
}

.cts-column-twothree {
  width: 60%;
  display: inline-block;
  float: left;
  padding: 0px;
}

.cts-column-header {
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #21578A;
  font-size: 12px;
}

.cts-grid-highlightparent td {
  font-weight: bold;
  background-color: #E8E8E8;
}
/* ---------------------------------------
Note:  this allows an arbitrary number of columns of arbitrary width
It simply requires that you provide an inline style tag on the column
div to specify the width.
--------------------------------------- */
.cts-column-manualwidth {
  display: inline-block;
  float: left;
  padding: 0px;
}


.ui-dialog {position: absolute;width: 300px;padding: .2em; overflow: hidden; z-index: 10000 !important; background-color: white}
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_glass_55_5c9ccc_1x400.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }



div.ui-dialog-titlebar > .ui-dialog-titlebar-close {
  top: 6px;
  right: 15px;
}

.RadGrid_Vista .rgEditRow {
  background-color: #96cfee !important;
  color: #333 !important;
}

  .RadGrid_Vista .rgEditRow > td {
    border-style: none !important;
  }

/*.ModuleFont_Bold
  {
    color:#00558b;
    font-weight: bold;
    font-size: 18px;
  }*/

/*ImageGallery Styles*/

/*For the container*/
.GalleryContainer {
  display: inline;
  float: left;
  overflow: hidden;
  width:100%;
  /*width: 400px;*/
}

/*For the link containers*/
.LinkContainer {
  overflow: hidden;
  /*width: 30px;*/
  display: inline-block;
  top: -40px;
  position: relative;
}

/*For the links*/
.GalleryControlLink {
  text-decoration: none;
  font-size: 40px;
  display: none;
}

/*For the main <img>*/
.PrimaryImage {
  max-height: 300px;
  position: relative;
}

/*For the <div> which contains the underlying <ul>*/
.ImageListContainer {
  display: inline-block;
  overflow: hidden;
  width: 300px;
}

/*For the <ul>*/
.ImageList {
  display: inline-block;
  height: 100px;
  position: relative;
  left: 0px;
  list-style-type: none;
  white-space: nowrap;
}

  /*For the <li> in the <ul>*/
  .ImageList > li {
    display: inline-block;
  }

/*For each <img> in the <ul>*/
.ImageEntry {
	display: block;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 95%;
	max-height: 130px;
	/*
  width: 100px;
  height: 100px;
  z-index:1;
		*/
}
/*When an img is selected it will have this class added or removed*/
.SelectedImage {
  border: 5px solid #00558b;
  transition: all 0.5s ease;
}


/*Telerik TabStrip Skin*/
.IMTRA_TABS.RadTabStrip {
  color: white;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

  .IMTRA_TABS.RadTabStrip .rtsLevel1 {
    border-color: #dddddd;
  }

    .IMTRA_TABS.RadTabStrip .rtsLevel1 .rtsLink {
      border-color: transparent;
      color: #000000;
    }

    .IMTRA_TABS.RadTabStrip .rtsLevel1 .rtsHovered .rtsLink {
      border-color: #eeeeee;
      color: #23527c;
      background-color: #eeeeee;
    }

    .IMTRA_TABS.RadTabStrip .rtsLevel1 .rtsSelected .rtsLink {
      border-color: #dddddd;
      color: white;
      background-color: #337ab7;
    }

    .IMTRA_TABS.RadTabStrip .rtsLevel1 .rtsFocused .rtsLink {
      border-color: #66afe9;
      box-shadow: inset 0 0 5px #66afe9;
    }

    .IMTRA_TABS.RadTabStrip .rtsLevel1 ~ .rtsLevel {
      border-color: #dddddd;
      color: white;
      background-color: #337ab7;
    }

      .IMTRA_TABS.RadTabStrip .rtsLevel1 ~ .rtsLevel .rtsLink {
        color: #000000;
      }

      .IMTRA_TABS.RadTabStrip .rtsLevel1 ~ .rtsLevel .rtsHovered .rtsLink {
        color: #23527c;
      }

      .IMTRA_TABS.RadTabStrip .rtsLevel1 ~ .rtsLevel .rtsSelected .rtsLink {
        color: white;
      }

      .IMTRA_TABS.RadTabStrip .rtsLevel1 ~ .rtsLevel .rtsFocused .rtsLink {
        border-color: #c4c4c4;
        box-shadow: inset 0 0 5px #c4c4c4;
      }

  .IMTRA_TABS.RadTabStrip .rtsGhostTab {
    border-color: #dddddd;
    color: #333333;
    background-color: #f5f5f5;
    border-radius: 4px;
  }

  .IMTRA_TABS.RadTabStrip.rtsTop .rtsLevel1 .rtsLink {
    border-radius: 4px 4px 0 0;
  }

  .IMTRA_TABS.RadTabStrip.rtsTop .rtsLevel1 .rtsSelected .rtsLink {
    border-bottom-color: transparent;
  }

  .IMTRA_TABS.RadTabStrip.rtsBottom .rtsLevel1 .rtsLink {
    border-radius: 0 0 4px 4px;
  }

  .IMTRA_TABS.RadTabStrip.rtsBottom .rtsLevel1 .rtsSelected .rtsLink {
    border-top-color: transparent;
  }

  .IMTRA_TABS.RadTabStrip.rtsLeft .rtsLevel1 .rtsLink {
    border-radius: 4px 0 0 4px;
  }

  .IMTRA_TABS.RadTabStrip.rtsLeft .rtsLevel1 .rtsSelected .rtsLink {
    border-right-color: transparent;
  }

  .IMTRA_TABS.RadTabStrip.rtsRight .rtsLevel1 .rtsLink {
    border-radius: 0 4px 4px 0;
  }

  .IMTRA_TABS.RadTabStrip.rtsRight .rtsLevel1 .rtsSelected .rtsLink {
    border-left-color: transparent;
  }

  .cepProductSearchButton{
    color:#000 !important; 
    text-decoration:none !important;
    width: 31px;
    height: 31px;
    right: 0;
    background: #ffce34;
    cursor: pointer;
    top: 0;
    line-height: 31px;
    text-align: center;
    color: #fff;
    border-radius: 0 4px 4px;
  }
    
    /*.rcCalPopup
    {
        position: relative;
        left: -25px;           
        text-indent:0px !important;
        visibility: hidden;
        overflow:visible !important;
        content: '';
    }*/

    /* 
      .rcCalPopup:after
    {
      visibility: visible;
      top: -5px;
      left: 3px;
      position: absolute;
      content: "\f073";
      font-family: 'FontAwesome' !important;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      font-size: 18px;
      color: #00558b;
    }*/

    /*Provides style for header elements*/
    #Body ,
    html, 
    body ,
    .Head,
    .SubTitle ,
    .SubSubTitle ,
    .Normal{
	    color:#525252;
	    font-size:13px;
	    font-family:'SourceSansPro Regular';
	    line-height:1.8;
	    letter-spacing:0.5px;
    }

		/* These styles are used in ProductSearch for the image mouseover. */
		.zoom {
			display:block;
			position: relative;
      border: 1px solid;
      min-height: 300px;
		}
		
		.zoom img {
			display: block;
			margin: auto;
			width: auto;
			height: auto;
			max-width: 500px;
			max-height: 300px;
			/*
			display: block;
      z-index:100;
      width:100%;
				*/
		}

		.zoom img::selection { background-color: transparent; border: 1px solid black; }

    

/*  Order Checkout */

.containerTest{
  width: 100%; 
  border: 1px solid red;
}

.rowTest{
  display: inline-flex;
}

.colTest{
  width:50%;
}

.colInput{
  width:80%;
}

.paymentLabel{
  text-transform: none !important;
  letter-spacing: unset !important;
  font-family: 'SourceSansPro Regular' !important;
  font-size: 14px !important;
  padding: 12px 20px !important;
  margin: 0px !important;
  text-align: right !important;
}

/* May need mobile version of paymentLabel to text-align: none !important  */

.greenIcon{
  color: #62bb46;
  font-size: 16px;
  margin-right: 5px;
}

.shipping-summary {
  margin-top: 80px;
}
.shipping-summary .shipping-to .shipping-to-inner {
  width: 100%;
  float: left;
}
.shipping-summary .shipping-to .shipping-to-inner .shipping-inner-detail {
  margin-bottom: 53px;
  float: left;
  width: 100%;
}
.shipping-summary .shipping-to .shipping-to-inner .shipping-inner-detail .add-address a {
  font-family: 'Lato Bold';
  color: #000;
  margin-top: 12px;
  float: left;
  font-size: 14px;
}
.shipping-summary .shipping-to .shipping-to-inner .shipping-inner-detail .add-address a i {
  color: #62bb46;
  font-size: 16px;
  margin-right: 5px;
}
.shipping-summary .shipping-to .shipping-to-inner .shipping-inner-detail .shipAvail {
  margin: 14px 0px;
  font-family: 'Lato Bold';
  font-size: 15px;
}
.shipping-summary .shipping-to .shipping-to-inner .shipping-inner-detail .shipAvail input {
  height: auto !important;
}
.shipping-summary .shipping-to .shipping-to-inner .shipping-inner-detail .shipDate p {
  font-family: 'Lato Bold';
  font-size: 15px;
}
.shipping-summary .shipping-to .shipping-to-inner .shipping-inner-detail span.disable {
  color: #b6b6b6;
}
.shipping-summary .shipping-to .shipping-to-inner .shipping-inner-detail span
{
  width: 100%;
  float: left;
  font-family: 'SourceSansPro Regular';
  font-size: 16px;
  letter-spacing: 1px;
}

.shipping-inner-detail, .ModuleControlPair label{
  font-family: 'SourceSansPro Regular';
  font-size: 16px;
  /*font-weight:normal !important;*/
}

.shipping-summary .shipping-to input,
.shipping-summary .shipping-to select {
  border: 1px solid #ccc;
  box-shadow: none;
  border-radius: 0;  
  margin-right: .25em;
}
.shipping-summary .shipping-to select {
  box-shadow: 0px 0px 5px #a2c5dc;
  font-family: "Lato Bold";
  color: #000;
  font-size: 15px;
}
.shipping-from .shipping-from-inner {
  width: 100%;
  float: left;
}
.shipping-from .shipping-from-inner .shipping-inner-detail {
  margin-bottom: 53px;
  float: left;
  width: 100%;
}
.shipping-from .shipping-from-inner .shipping-inner-detail label.radio-inline input {
  height: unset;
}
.shipping-from .shipping-from-inner .shipping-inner-detail address {
  font-family: 'Lato Bold';
  padding: 15px 0px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.shipping-from .shipping-from-inner .shipping-inner-detail span.disable {
  color: #b6b6b6;
}
.shipping-from .shipping-from-inner .shipping-inner-detail .calender {
  background: transparent url("../images/date_icon.png") no-repeat scroll;
  box-shadow: 0 0 5px #a2c5dc;
  background-position: 96% center !important;
}
.shipping-from .shipping-from-inner .shipping-inner-detail span {
  width: 100%;
  float: left;
  font-family: 'SourceSansPro Regular';
  font-size: 16px;
  letter-spacing: 1px;
}

.shipping-from .shipping-from-inner .payment-view {
  height: 45px;
  float: left;
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px 15px;
  font-family: 'Lato Bold' !important;
  font-size: 15px !important;
}
.shipping-from input,
.shipping-from select {
  border: 1px solid #ccc;
  box-shadow: none;
  border-radius: 0;
  height: 45px;
}
.checkoutTable.table {
  margin-top: 20px;
}
.checkoutTable.table tr th {
  font-family: 'SourceSansProBold';
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.checkoutTable.table tr th:first-child {
  width: 15%;
}
.checkoutTable.table tr th:nth-child(2) {
  width: 8%;
}
.checkoutTable.table tr th:nth-child(3) {
  width: 15%;
}
.checkoutTable.table tr th:nth-child(4) {
  width: 8%;
}
.checkoutTable.table tr th:nth-child(5) {
  width: 8%;
}
.checkoutTable.table tr th:nth-child(6) {
  width: 8%;
}
.checkoutTable.table tr th:nth-child(7) {
  width: 8%;
}
.checkoutTable.table tbody tr {
  border-bottom: 1px solid #ccc;
}
.checkoutTable.table tbody tr td {
  font-family: 'SourceSansPro Semibold';
  font-size: 16px;
}
.checkoutTable.table tbody tr td select {
  border: 1px solid #ccc;
  box-shadow: none;
  border-radius: 0;
  height: 45px;
  box-shadow: 0px 0px 5px #a2c5dc;
  margin-bottom: 12px;
  font-family: "Lato Bold";
  color: #000;
  font-size: 15px;
}
.checkoutTable.table .product-info-section td {
  border-top: none !important;
}
/*.checkoutTable.table*/ .product-info {
  font-family: 'SourceSansProIt';
  font-size: 15px;
  text-decoration: underline;
  max-width: 150px;
}
.checkoutTable.table .cartDesc a h3 {
  font-size: 16px;
  font-family: 'SourceSansPro Semibold';
  margin-top: 0px;
}
.checkoutTable.table .cartDesc a p {
  margin: 0px !important;
}
.checkoutTable.table .product-info {
  margin-top: 50px;
}
.continue-checkout-section .continueCheckWrapper {
  padding: 40px 36px 48px;
  background: #E7E7E7 none repeat scroll 0% 0%;
}
.continue-checkout-section .continueCheckWrapper p {
  text-align: right;
  color: #333;
  font-size: 1.5em;
  font-family: "SourceSansPro Semibold";
  margin-bottom: 20px;
  text-transform: uppercase;
}
.continue-checkout-section .continueCheckWrapper p span {
  margin-left: 22px;
}
.continue-checkout-section .continueCheckWrapper a.cartRegisterBtn {
  background: #62BB46 none repeat scroll 0% 0%;
  font-size: 1.123em;
  color: #FFF;
  font-family: "SourceSansPro Semibold";
  padding: 20px;
  border-radius: 4px;
  line-height: 1;
  text-decoration: none;
  display: block;
  margin-top: 45px;
  text-transform: uppercase;
  text-align: center;
}
.continue-checkout-section .continueCheckWrapper .cartRegisterTop {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}
.continue-checkout-section .continueCheckWrapper .cartRegisterTop p {
  text-align: right;
  color: #333;
  font-size: 1.335em;
  font-family: "SourceSansPro Semibold";
  margin-bottom: 10px;
  text-transform: uppercase;
}
.continue-checkout-section .continueCheckWrapper .cartRegisterTop span {
  margin-left: 22px;
}
.continue-checkout-section .next-btn-section {
  margin-right: 0px;
}
.continue-checkout-section .next-btn-section a i.fa-calculator {
  color: #74c371;
}
.continue-checkout-section .next-btn-section a i.fa-floppy-o {
  color: #262626;
}

/*
  This is required just to make sure telerik doesn't inject style=width:160px here,
  This is enforced by using the .skin file and setting CssWrapperClass=noStyleTextBox
*/
.noStyleTextBox
{
    /*width:70% ! important;*/
}

/* End OrderCheckout */
html body .RadInput_Default .riError, html body .RadInput_Error_Default
{  
  background-position: 85% -293px !important;
}

input[type=checkbox], input[type=radio] {margin:4px;}

input[type=number] {
  -ms-appearance: textfield;
}

.add-address-container
{
  border: 1px solid black;
  padding: 8px; 
  background-color: white; 
  table-layout: fixed; 
  position: absolute;   
  -moz-box-shadow: 4px 4px 2px #888; 
  -webkit-box-shadow: 4px 4px 2px #888; 
  box-shadow: 4px 4px 2px #888; 
  z-index: 100; 
  display: inline;
}

@media (max-width: 450px) 
{
  .add-address-container
  {
    border: none !important;
    padding: 8px; 
    background-color: transparent;
    table-layout: fixed; 
    position: absolute;   
    -moz-box-shadow: none !important; 
    -webkit-box-shadow: none !important; 
    box-shadow: none !important; 
    z-index: 100; 
    display: inline;
    position: relative !important;
  }
}

/*For older browsers more markup is needed, http://stackoverflow.com/questions/19407332/how-to-hide-drop-down-arrow-in-ie8-ie9 , one could also use :after and hide it with a small element*/

.rcbIcon{
  /*overflow: visible !important;*/
  display: none !important;
  border: 0px
}

/* ConsumerProductSearch, ConsumerProductDetails, (ShoppingCart) */

@media (min-width: 320px) and (max-width: 767px) {
      .product-results {
        width: 100% !important;
        padding-left: 20px;
      }
    }

    .box-product {
      display: table;
      border-collapse: collapse;
      width: 250px;
      height: 300px;
    }

    .box-product .box-product-info {
      display: table-row;
    }

    .box-product .box-product-cart {
      display: table-row;
      width: 300px;
      height: 50px;
    }

    .box-product .box {
      display: table-cell;
      text-align: left;
      vertical-align: top;
      border: 1px solid grey;
      overflow: hidden;
      width: 100%;
    }

    .box-product .box .box-product-desc {
      line-height: 16px;
      padding-left: 5px;
    }

    .box-product .box .box-qty {
      text-align: left;
      padding: 10px 0 0 15px;
      display: inline-block;
      float: left;
      width: 100px;
    }

    .box-product .box .box-cart {
      text-align: right;
      padding: 5px 0 0 30px;
      float: left;
      width: 50px;
    }

    .box-product .box .box-cart img {
      width: 100px;
      display: block;
      margin: auto;
    }

    .img-product {
		 display: block;
		 margin: auto;
		 width: auto;
		 height: auto;
		 max-width: 125px;
		 max-height: 125px;

		 /*
      display: block;
      margin-left: auto;
      margin-right: auto;
      padding-top: 2px;
      width:125px;
			 */
      /*height:125px;*/
    }

    .panel-heading span {
      font-size: 15px;
    }

    .check-space label {
      vertical-align: middle;
      padding-left: 5px;
    }
    .raDiv
   {
     position:absolute !important;
     left:-250px;
     width: 1000vw !important;
     height: 1000vh !important;
     min-height: 1000vh !important;
     z-index:99999;
   }
   .raTransp
   {
     position:absolute !important;
     left:-250px !important;
     width: 1000vw !important;
     height: 1000vh !important;
     min-height: 1000vh !important;
     z-index:99999;
   }
   .RadAjaxPanel
   {
     overflow: hidden;
   }

.cartBtn {
  background: #ffce34;
  color: #000 !important;
  font-family: 'SourceSansPro Semibold';
  font-size: 1em;
  border: none;
  padding: 12px 14px;
  line-height: 1;
  border-radius: 4px;
  text-transform: uppercase
}

  .cartBtn:hover {
    background: #ffd85e !important;
  }

.form-group input[type=search] {
  height: 31px;
  /*background: #e7e7e7;*/
  border-color: #e7e7e7;
  box-shadow: none;
}

/*.form-group span {
  width: 31px;
  height: 31px;
  right: 0;
  background: #00558b;
  cursor: pointer;
  top: 0;
  line-height: 31px;
  text-align: center;
  color: #fff;
  border-radius: 0 4px 4px;
}*/

.cartWrapper {
  text-align: center;
}

.cartWrapper .cartNotify {
  position: relative;
  display: inline-block;
}

.cartWrapper .cartNotify i {
  color: #fff;
  font-size: 20px;
}

.cartText {
  background: #62bb46;
  height: 30px;
  position: absolute;
  width: 30px;
  left: 25px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  top: 10px;
  border-radius: 100%;
}

/* OrderDetails */

.cartBtns {
  font-size: 0.983em;
  text-transform: uppercase;
  color: #000;
  font-family: 'Lato Bold';
  padding: 0 30px;
  text-decoration: none;
  transition: all 0.5s ease;
  border: 1px #ccc solid;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.cartBtns:hover {
  background: #00558b;
  border: 1px #00558b solid;
  color: #fff !important;
  transition: all 0.5s ease;
}

.cartRegisterWrapper {
  padding: 40px 36px 48px;
  background: #e7e7e7;
}

.cartSummary {
  text-align: right;
  color: #333333;
  font-size: 1.335em;
  font-family: 'SourceSansPro Semibold';
  margin-bottom: 20px;
  text-transform: uppercase;
}

.cartTotal {
  text-align: right;
  color: #333333;
  font-family: 'SourceSansPro Semibold';
  font-size: 1.545em;
  margin-bottom: 0px;
  padding-bottom: 30px;
  border-bottom: 1px solid #d1d1d1;
}

.cartTextBold {
  text-align: right;
  color: #333333;
  font-family: 'SourceSansPro Semibold';
  font-size: 1.545em;
  margin-bottom: 0px;
  padding-bottom: 30px;
}

.cartRegisterBtn {
  background: #62bb46;
  font-size: 1.123em;
  color: #fff;
  font-family: 'SourceSansPro Semibold';
  padding: 20px;
  border-radius: 4px;
  line-height: 1;
  text-decoration: none;
  display: block;
  margin-top: 45px;
  text-transform: uppercase;
  text-align: center;
}

.cartRegisterBtn:hover {
  background: rgba(98, 187, 70, 0.81);
}

.cartArticle h3 {
  color: #333333;
  font-size: 1.23em;
  line-height: 22.57px;
  margin: 0 0 32px;
  font-family: 'SourceSansPro Semibold';
  text-transform: uppercase;
}

.cartArticle p,
.cartArticle span {
  font-family: 'SourceSansPro Regular';
  font-size: 1.085em;
  color: #333333;
  line-height: 22.57px;
  margin-bottom: 32px;
}

.cartArticle p strong {
  font-family: 'SourceSansPro Semibold';
  display: block;
}

.cartArticle p:last-child {
  margin-bottom: 0;
}

.cartArticle p i {
  font-family: 'SourceSansProIt';
}

.cartBtnsWrapper {
   text-align: center;
}

.cartBtnsWrapper .cartBtns li span {
    display: block;
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 60px;
  }
  .cartBtnsWrapper .cartBtns li a span {
    font-size: 1.343em;
  }
  .cartBtnsWrapper .cartBtns li a:hover,
  .cartBtnsWrapper .cartBtns li a:focus {
  color: #00558b;
}
  .cartBtnsWrapper {
  padding: 44px 0;
}
.cartBtnsWrapper .cartBtns li a {
  font-size: 0.983em;
  text-transform: uppercase;
  color: #000;
  font-family: 'Lato Bold';
  padding: 0 30px;
  text-decoration: none;
}
.cartBtnsWrapper .list-inline.cartBtns li a {
  transition: all 0.5s ease;
  border: 1px #ccc solid;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.cartBtnsWrapper .list-inline.cartBtns li a:hover {
  background: #00558b;
  border: 1px #00558b solid;
  color: #fff !important;
  transition: all 0.5s ease;
}

.buttonPadding{
  color: #000 !important;
}

.relatedOrders.table.cartTable th:first-child {
      display:table-cell !important;
}

.buttonPosition.pull-right {
    position: relative;
    left: -110px;
    top: -50px;
}

@media (max-width: 450px) {
  .buttonList {
    display: inline-grid;
  }

  .detailsTable {
    position: relative;
    left: -80%;
  }

  .rcbInput, select {
    font-size: 12px !important;
  }

  .buttonPosition.pull-right {
    left: -20px !important;
  }

}

@media (max-width: 767px) {  
  .buttonPadding {
    display: block;
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 60px;
    font-size: 1.343em;
    color: #000;
  }
}

@media (min-width: 250px) and (max-width: 350px)
{
  td.rgDragCol, td.rgDragCol a
  {
    display: none !important;
  }

  table.cartTable td {
    display: block;
    padding-left: 45% !important;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-right: 15px;
    box-sizing:  border-box;
    text-align: center; /*was right*/
    max-width: 250px !important;
    min-width: 250px !important;
  }

  table.cartTable td:before {
    content: attr(data-label);
    font-weight: bold;
    display: inline-block;
    position: absolute;
    left: 0px;
    text-transform: uppercase;      
  }

  table.cartTable th {
    display: none;
  }

  table.cartTable tr {
    border-bottom: 5px solid #ddd;
  }  

  .relatedOrders.table.cartTable th:first-child {
      display:none !important;
  }

}

@media (min-width: 350px) and (max-width: 400px)
{
  td.rgDragCol, td.rgDragCol a
  {
    display: none !important;
  }

  table.cartTable td {
    display: block;
    padding-left: 45% !important;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-right: 15px;
    box-sizing:  border-box;
    text-align: center;
    max-width: 290px !important;
    min-width: 290px !important;
  }

  table.cartTable td:before {
    content: attr(data-label);
    font-weight: bold;
    display: inline-block;
    position: absolute;
    left: 0px;
    text-transform: uppercase;      
  }

  table.cartTable th {
    display: none;
  }

  table.cartTable tr {
    border-bottom: 5px solid #ddd;
  }

  .relatedOrders.table.cartTable th:first-child {
      display:none !important;
  }

}

@media (min-width: 400px) and (max-width: 450px) {
  
  td.rgDragCol, td.rgDragCol a
  {
    display: none !important;
  }

  table.cartTable td {    
    display: block;
    padding-left: 45% !important;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-right: 15px;
    box-sizing:  border-box;
    text-align: center;
    max-width: 350px;
    min-width: 350px;
  }  


  table.cartTable td:before {
    content: attr(data-label);
    font-weight: bold;
    display: inline-block;
    position: absolute;
    left: 0px;
    text-transform: uppercase;      
  }

  table.cartTable th {
    display: none;
  }

  table.cartTable tr {
    border-bottom: 5px solid #ddd;
  }

  .relatedOrders.table.cartTable th:first-child {
      display:none !important;
  }

}

.spacer {  margin-top: 20px; }

.iconButton{
  font-size: 18px;
}

.previousNextButton
{
  background-color: #00558b;
  color: #fff;
  font-size: 14px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  padding: 3px;
  text-align: center;
}

.calculateButton
{
  font-size: 18px;
  color: #62bb46;
  font-weight: bold;
}

.saveButton
{
  font-size: 18px;
  color: #000;
  font-weight: bold;
}

.buttonText
{
  font-family: 'SourceSansPro Regular';
  color: #000 !important;
  font-size: 14px;
  font-style: italic;
}

.cartTable {
  margin-top: 24px;
}

.cartTable td .cartItem .cartImage {
  margin-bottom: 35px;
}

.cartTable td {
  padding: 20px 0 !important;
}

table.cartTable {
  margin-top: 52px;
}
table.cartTable a {
  text-decoration: none;
}

table.cartTable th {
  text-transform: uppercase;
  font-family: 'SourceSansProBold';
  font-size: 1.158em;
  padding-left: 0;
  padding-right: 15px;
  border-bottom: 1px solid #ddd;
  border-top: 0;
  text-align: center;
  /*position: relative;
  left: -120px;*/
}

table.cartTable td {
  padding: 44px 0;
  font-family: 'SourceSansPro Semibold';
  font-size: 1.265em;
  color: #000;
  padding-right: 15px;
  border-bottom: 1px solid #ddd;
  border-top: 0;
  text-align: center;
  /*max-width:200px;*/
}

/*table.cartTable td:nth-last-child(-n 3) {
  width: 100px;
}

table.cartTable td:last-child {
  width: 250px;
}*/

table.cartTable td > a {
  float: right;
}
table.cartTable td aside.cartItem .cartImage {
  float: left;
  width: 146px;
  text-align: center;
}
table.cartTable td aside.cartItem .cartDesc {
  display: table;
}
table.cartTable td aside.cartItem .cartDesc a h3 {
  font-size: 1.123em;
  font-family: 'SourceSansProBold';
  color: #00558b;
  margin: 0 0 5px;
}
table.cartTable td aside.cartItem .cartDesc p {
  color: #000;
  line-height: 1.158em;
  font-size: 1.053em;
  font-family: 'SourceSansPro Regular';
}

 table.cartTable td .cartItem .cartDesc img{
   width: 75px;
   height: 75px;
 }

@media (max-width: 991px) {  
  .footerContent {
    margin-bottom: 60px;
  }
  table.cartTable td aside.cartItem .cartImage {
    float: none;
  }
  table.cartTable td > a {
    /*display: block;*/
    float: none;
  }
  table.cartTable td:last-child,
  table.cartTable td:nth-last-child(-n 3) {
    width: auto;
  }
  table.cartTable th:first-child {
    padding-left: 0px;
  }  
}

/*@media (min-width: 992px) {
  .container {
    width: 960px;
  }  
}*/

@media (min-width: 1200px) and (max-width: 1364px) {
  .productsWrapper .products .productFooter {
    display: block;
    /*text-align: center;*/
  }
  .productsWrapper .products .productFooter .cartBtn {
    float: none !important;
    margin: 6px auto;
    display: block;
  }
}

@media (min-width: 1365px) {  
  .productsWrapper .products {
    width: 228px;
  }
}

.rgMobileMenu {
    display: none;
}

/* Login */

.loginForm {
  background: #e7e7e7;
  padding: 38px 54px 102px 45px;
}

.loginForm .loginInner > h3 {
  font-size: 1.545em;
  font-family: 'Lato Bold';
  margin: 0;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.loginForm .loginInner > p {
  font-size: 1.335em;
  color: #000;
  font-family: 'SourceSansPro Regular';
  margin-bottom: 30px;
}

.loginForm .loginInner input[type=text],
.loginForm .loginInner input[type=email],
.loginForm .loginInner input[type=password] {
  height: 55px;
  border-radius: 0;
  box-shadow: none;
}

.loginForm .loginInner ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #333333;
  font-family: 'SourceSansPro Semibold';
  font-size: 1.264em;
}

.loginForm .loginInner ::-moz-placeholder {
  /* Firefox 19  */
  color: #333333;
  font-family: 'SourceSansPro Semibold';
  font-size: 1.264em;
}

.loginForm .loginInner :-ms-input-placeholder {
  /* IE 10  */
  color: #333333;
  font-family: 'SourceSansPro Semibold';
  font-size: 1.264em;
}

.loginForm .loginInner :-moz-placeholder {
  /* Firefox 18- */
  color: #333333;
  font-family: 'SourceSansPro Semibold';
  font-size: 1.264em;
}

.loginForm .loginInner label {
  color: #666666;
  font-size: 1em;
  font-family: 'Lato-Regular';
  display: block;
  font-weight: normal;
}

.loginForm .loginInner label input {
  margin-right: 5px;
}

.loginForm .loginInner label a {
  float: right;
  color: #0099cc;
  font-family: inherit;
  font-size: inherit;
  text-decoration: none;
}

.loginLink {
  background: #62bb46;
  color: #fff;
  font-size: 1.123em;
  font-family: 'SourceSansPro Semibold';
  text-transform: uppercase;
  padding: 18px 38px;
  line-height: 1;
  margin-top: 16px;
}

.loginForm .loginInner input[type=submit]:hover {
  background: #4da730;
}

.loginRightWrapper .loginContent > h2 {
  font-family: 'Lato Bold';
  color: #000;
  font-size: 1.545em;
  text-transform: uppercase;
  margin-bottom: 36px;
}

.loginRightWrapper .loginContent > h2 a {
  color: #62bb46;
  font-size: inherit;
  font-family: 'SourceSansProBold';
  text-decoration: none;
}

.loginRightWrapper .loginContent h4 {
  font-family: 'SourceSansPro Regular';
  font-size: 1.335em;
  color: #000;
  text-transform: uppercase;
}

.loginRightWrapper .loginContent .loginOrderHistory ul {
  margin-top: 56px;
  margin-bottom: 45px;
  padding-left: 24px;
}

.loginRightWrapper .loginContent .loginOrderHistory ul li {
  list-style-image: url(../images/green-tick.png);
}

.loginRightWrapper .loginContent .loginOrderHistory ul li a {
  font-family: 'SourceSansPro Regular';
  font-size: 1.335em;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 23px;
  display: block;
  text-decoration: none;
}

.loginRightWrapper .loginContent a.btn {
  background: #5bc0de;
  color: #fff;
  font-size: 1.123em;
  text-transform: uppercase;
  padding: 18px 20px;
  font-family: 'SourceSansPro Semibold';
  line-height: 1;
}

.loginRightWrapper .loginContent a.btn:hover,
.loginRightWrapper .loginContent a.btn:focus {
  background: #49abc7;
}

/*http://stackoverflow.com/questions/14820952/change-bootstrap-input-focus-blue-glow*/

.rcbActionButton::selection, .rcbActionButton:focus, table:focus, td:focus, div:focus {
    outline: none;
}

table.cartTable td.rgExpandCol
{
 display:none !important;
}

td.rgDragCol a {
    min-width: 15px;
    min-height: 15px;
    cursor: move;    
}

td.rgDragCol a:before{
  content: "\f142 \202F \f142 \202F \f142" !important;
    font-family: 'FontAwesome' !important;
}

.fa.fa-grip:before {
    content: "\f142 \202F \f142 \202F \f142";
}

.GridItemDropIndicator, .GridItemDropIndicator_ 
{
      border-top: 2px dashed blue !important;
      z-index: 1000 !important;
}

.rgDetailTable.table.cartTable td.rgExpandCol
{
  display:table-cell !important;  
  position: relative;
  left: 0px;
  max-width: 20px !important;
  width:20px !important;
  min-width: 20px !important;
}

.relatedOrders.table.cartTable
{
  margin:0px !important;  
}

.relatedOrders.table.cartTable th, 
.relatedOrders.table.cartTable td {
  padding: 0px !important;
  border: 0px !important;
  font-size: 1em !important;
}

/*ConsumerProductSearch*/

.products {
      width: 100%;
      border: 1px solid #e7e7e7;
      margin-top: 10px;
    }

      .products .productDetails {padding: 12px; overflow:hidden;}

      .products .productFooter {display: inline-block; width: 100%; padding: 5px 12px;}

        .products .productFooter p {
          display: inline-block;
          font-family: 'SourceSansPro Semibold';
          text-transform: uppercase;
          margin-top: 5px;
        }

        .products .productFooter input {
          width: 30px;
          height: 16px;
          border-radius: 2px;
          box-sizing: content-box;
          display: inline-block;
        }

      .products img {
        margin: 0px auto;
        /*display: block;*/
        /*margin-bottom: 22px;*/
        /*margin-top: 22px;*/
      }

      .products h4 {
        color: #00558b;
        font-size: 1.158em;
        font-family: 'SourceSansPro Semibold';
        margin: 0;
      }

      .products p {
        font-family: 'SourceSansPro Regular';
        margin-bottom: 0;
        font-size: 1em;
      }

      .products span.price {
        color: #62bb46;
      }

       .products .specialProduct {       
          display: inline-grid;
          float: left;       
      }

.customTooltip {
  font-family: font89779;
  text-transform: uppercase;
  position: absolute;
  right: 30px;
}
.customTooltip .tooltip.top .tooltip-arrow {
  border-top-color: #efefef;
  border-width: 10px 10px 0;
}
.customTooltip .tooltip-inner {
  background: #efefef;
  color: #000;
  max-width: 100%;
  width: 240px;
  text-align: left;
}
.customTooltip a {
  color: #fff;
  font-size: 0.859em;
  background: #a82423;
  padding: 8px;
  border-radius: 100%;
  text-decoration: none;
}

/* Registation / User Management */

label.control {
    font-size: 18px;
    position: relative;
    display: inline-block;
    margin-bottom: 17px;
    margin-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    min-width: 1px !important;
}

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #cccccc;
    background: #fff;
}

.control input:checked ~ .control__indicator {
    background: #fff !important;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control input:disabled ~ .control__indicator {
    background-color: #e6e6e6;
}

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
	background: #ccc;
}

.control--checkbox .control__indicator:after {
    top: 3px;
    left: 6px;
    width: 5px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: -webkit-rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border: solid #000000;
    border-width: 0 2px 2px 0;
}

.control__indicator:after {
    position: absolute;
    display: none;
    content: '';
}

.profileLabel {
    font-family: 'Lato Bold';
    font-size: 15px;
    text-transform: uppercase;    
    margin-bottom: 0;
}

.profileValue {
    font-family: 'Lato';
    font-size: 15px;
    margin-bottom: 0;
}

.bs-tabs {
    font-family: 'Lato';
    font-size: 14px;
}

.panel > .panel-heading {
  background-color: #00558b !important;
}

a.js-tabcollapse-panel-heading{
  color:white !important;
}

.header_top .ht_right {
		float:right;
		display:inline-block;
    width: 100% !important;
	}


.unsetWidthImportant{
  width: unset !important;
}

.minWidth200{
  min-width: 200px
}

.overflowWrapBreakWord{
  overflow-wrap: break-word;
}

.LightweightFilterStyle{
  white-space: nowrap; 
  /*Collapse white-space as `normal` but suppress line breaks in the content*/
}

/*SIG 050421*/
#dnn_CUSTNAME_upnlCustomerName a, #dnn_CUSTNAME_upnlCustomerName a:link, #dnn_CUSTNAME_upnlCustomerName a:active, #dnn_CUSTNAME_upnlCustomerName a:visited {color:#fff;}
#dnn_CUSTNAME_upnlCustomerName .fa-phone {color:#ffce34;}
#dnn_CUSTNAME_upnlCustomerName a.lad, #dnn_CUSTNAME_upnlCustomerName a:link.lad, #dnn_CUSTNAME_upnlCustomerName a:active.lad, #dnn_CUSTNAME_upnlCustomerName a:visited.lad {color:#009ada;}
.cartText {color:#000 !important;background:#ffce34;}
.NotificationBadge {color:#000;background-color: #ffce34;background: #ffce34;}
#dnn_dnnUser_avatarGroup {display:none;}
.footer_bottom .footer_bottom_bg {background-color: #000;}

/*SIG 051921*/
.cepProductSearchButton {padding-top:8px;}
/*message notifications user*/
#SlidingPanel_Tab {display:none;}
#dnn_ctr2123_view_btnSearchForProducts {color:#000 !important;background-color:#ffce34 !important;}

/*SIG 061424*/
/*SUCURI image in lower-left corner was blocking the Vanjaro admin panel*/
#sucuri-badge, #sucuri-badge:hover, #sucuri-badge:focus {bottom: 45px !important; left: 45px !important}