@import url('http://fonts.googleapis.com/css?family=Maven+Pro');

html
{
    position: relative;
    min-height: 100%;
}

body 
{
  margin: 0px 0px 70px 0px; /* margin-bottom  to fit footer */
  padding:0;
  font-family: 'Maven Pro', "Segoe UI", sans-serif; /*font-size: 12px;*/ /*background: #002e64 url('images/bodyBG.png') repeat-x;*/
  color: #333333;
  line-height: 1.4;
  background: none repeat scroll 0 0 rgb(254, 254, 254);
}

/*# Default ++++++++++++++++++++++++++++++++++++++++++++ */
a {
  color: #0093c9;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
}

a img {
  border: solid 0px;
}

h1, h2, h3, h4, h5, h6 {
  /*color: #555;*/
  font-family: 'Maven Pro', sans-serif;
  font-weight: normal;
}
h1 {
  font-size: 26px;
}
h2 {
  font-size: 22px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 18px;
}
p {
  line-height: 18px;
}
.clear {
  clear: both;
  height: 1px;
}.hrx {
  clear: both;
  float: none;
  overflow: auto;
}
.h10 {
  height: 10px;
}
.h15 {
  height: 15px;
}
.h20 {
  height: 20px;
}

.h30 {
  height: 30px;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}


/*# Site Wrapper ++++++++++++++++++++++++++++++++++++++++++++ */
#siteWrapper 
{
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px auto;
  /* width: 954px; */
  width: 100%;
  min-width:1200px;  
  overflow:  auto;
  
  
  /*background: #fff;
  -webkit-box-shadow: 6px 0px 60px rgb(229, 229, 229), -6px 0px 60px rgb(229, 229, 229);
     -moz-box-shadow: 6px 0px 60px rgb(229, 229, 229), -6px 0px 60px rgb(229, 229, 229);
          box-shadow: 6px 0px 60px rgb(229, 229, 229), -6px 0px 60px rgb(229, 229, 229); */
}

#ShoppingCartBoxWrapper
{
    float: none;
    clear: both;
    margin: 0px;
    padding: 0px;
    height: auto;
    position: relative;
    background: #f9f9f9;   
}
/*# Body ++++++++++++++++++++++++++++++++++++++++++++ */
.siteBodyBase 
{
  position: relative;
  margin: 0px;
  padding: 0px;
  /*overflow: auto;*/
  overflow:hidden;
  float: none;
  clear: both;
  height:  auto;
  width: 100%;
  background: transparent; /* Old browsers */
}
.siteBody
{
  background: #ffffff;
  width: 1200px;
  margin: 0px auto;
  padding: 0px 0px 0px 10px; /* overflow: auto; */
  clear: both;  
  min-height: 300px;
  height: auto;
  /*overflow: auto;*/
  overflow:hidden;
}

.siteBody .leftZone {
  float: left;
  width:  204px;
  /*margin: 15px 0px 10px 15px; */
  margin: 0px;
  padding: 0px 0px 0px 0px;
  min-height: 400px; /*border-right: solid 1px #ccc;*/  
}
.siteBody .mainZone {
  float: left;
  width: 715px; /*margin: 15px 0px 10px 10px;*/
  margin: 0px;
  padding: 10px 10px 10px 15px;
  min-height: 480px;
  /*border-left: solid 1px #ccc;*/
}
.siteBody .bodyWrapper {
  padding: 0px;
  margin: 20px 40px 20px 20px;
  clear: both;
  float: none;
  min-height: 500px;
}

.siteBodyMicrosite
{
  background: #ffffff;
  width: 100%;
  margin: 0px auto;
  padding: 20px 0px 0px 10px; /* overflow: auto; */
  clear: both;  
  min-height: 300px;
  height: auto;
  /*overflow: auto;*/
  overflow:hidden;
}

.siteBodyMicrosite .body
{
  width: 900px;
  margin: 0px auto;
}

.homeTopZone
{
    width: 100%;
    overflow: hidden;
}

.homeTopZone .divLeft 
{
    width: 50%;
    float: left;
}

.homeTopZone .divRight 
{
    width: 50%;
    float: left;
}

/*# Border Styles ++++++++++++++++++++++++++++++++++++++++++++ */

.siteBody .mainZoneBorderWrapper .border-top {
  background: url('images/main-border-top-bottom.png') no-repeat 0px 0px;
  background-size: 720px 100px !important;
  width: 720px;
  height: 7px;
  display: none;
}

.adhocBoxWrapper .headingWrapper 
{
    border-left: 0px none !important;
    border-top: 0px none !important;
    border-right: 0px none !important;
}

.siteBody .mainZoneBorderWrapper .headingWrapper {
  /*background: url('images/main-border-top-bottom.png') no-repeat left top !important;
  background-size: 720px 100px !important;*/
  height: 40px;
  padding-left: 25px;
  padding-right: 25px;
  
    border-left: 1px solid #afafaf;
    border-top: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
      
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px; 
         
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px; 
  
}
.siteBody .mainZoneBorderWrapper .SortHeadingWrapper {
  /* old - background: url('images/main-border-top-bottom.png') no-repeat left top !important; 
   background-size: 720px 100px !important; */
   
background: #017ca9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDE3Y2E5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTNjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); */
background: -moz-linear-gradient(-45deg,  #017ca9 0%, #0093c9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#017ca9), color-stop(100%,#0093c9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #017ca9 0%,#0093c9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #017ca9 0%,#0093c9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #017ca9 0%,#0093c9 100%); /* IE10+ */
background: linear-gradient(135deg,  #017ca9 0%,#0093c9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017ca9', endColorstr='#0093c9',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

/* background: #0093c9  !important;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDA5M2M5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNiUiIHN0b3AtY29sb3I9IiMwMDkzYzkiIHN0b3Atb3BhY2l0eT0iMC45OSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMC45MyIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMC45MiIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiMwMDkzYzkiIHN0b3Atb3BhY2l0eT0iMC44OSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA5M2M5IiBzdG9wLW9wYWNpdHk9IjAuODkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==) !important;
background: -moz-linear-gradient(-45deg,  rgba(0,147,201,1) 0%, rgba(0,147,201,0.99) 6%, rgba(125,185,232,0.93) 60%, rgba(125,185,232,0.92) 68%, rgba(0,147,201,0.89) 96%, rgba(0,147,201,0.89) 100%) !important; 
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,147,201,1)), color-stop(6%,rgba(0,147,201,0.99)), color-stop(60%,rgba(125,185,232,0.93)), color-stop(68%,rgba(125,185,232,0.92)), color-stop(96%,rgba(0,147,201,0.89)), color-stop(100%,rgba(0,147,201,0.89))) !important;
background: -webkit-linear-gradient(-45deg,  rgba(0,147,201,1) 0%,rgba(0,147,201,0.99) 6%,rgba(125,185,232,0.93) 60%,rgba(125,185,232,0.92) 68%,rgba(0,147,201,0.89) 96%,rgba(0,147,201,0.89) 100%) !important; 
background: -o-linear-gradient(-45deg,  rgba(0,147,201,1) 0%,rgba(0,147,201,0.99) 6%,rgba(125,185,232,0.93) 60%,rgba(125,185,232,0.92) 68%,rgba(0,147,201,0.89) 96%,rgba(0,147,201,0.89) 100%) !important; 
background: -ms-linear-gradient(-45deg,  rgba(0,147,201,1) 0%,rgba(0,147,201,0.99) 6%,rgba(125,185,232,0.93) 60%,rgba(125,185,232,0.92) 68%,rgba(0,147,201,0.89) 96%,rgba(0,147,201,0.89) 100%) !important;
background: linear-gradient(135deg,  rgba(0,147,201,1) 0%,rgba(0,147,201,0.99) 6%,rgba(125,185,232,0.93) 60%,rgba(125,185,232,0.92) 68%,rgba(0,147,201,0.89) 96%,rgba(0,147,201,0.89) 100%) !important; 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0093c9', endColorstr='#e30093c9',GradientType=1 ) !important;  */

  width: auto;
  height: 36px;
  /*padding-left: 25px;
  padding-right: 5.8px;*/
  padding: 0px 6px 0px 25px;
  margin: 0px;
}

.critical,
.critical td
{
  color: Red !important;
}

.siteBody .mainZoneBorderWrapper {
  max-width: 980px;
  float: left;
  margin-left: 10px;
 /* background: url('images/main-border-top-bottom.png') no-repeat left bottom; 
    padding-bottom:15px;
    background-size: 720px 100px !important; */
  margin-bottom: 10px;
}

.siteBody .mainZoneBorderWrapper .mainZone {
  /*float: left;*/
  width: 100%; /* 720px; margin: 15px 0px 10px 10px;*/
  margin: 0px;
  padding: 0px 0px 10px 0px; /*margin-left:10px;*/
  min-height: 480px;
  border-left: solid 0px #ccc;
  /*background: url('images/main-border-sides.png') repeat-y 0px 0px #fff;
  background-size: 720px 1px;  */
}

.siteBody .mainZoneBorderWrapper .body {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 20px;
}

/* Full Width Body */
.fullWidthBorderWrapper {
  width: 944px !important;
  margin-left: 0 !important; /*float:none !important;*/
}

.siteBody .fullWidthBorderWrapper, 
.siteBody .welcomeBox {
  /*background: url('images/full-main-border-top-bottom.png') no-repeat left bottom !important;
  background-size: 934px 100px !important;*/
  padding-bottom: 15px;
  margin-bottom: 10px;
  width: 944px !important;
}
.siteBody .welcomeBox {
  clear: both;
}

.siteBody .fullWidthBorderWrapper .border-top {
  /*background: url('images/full-main-border-top-bottom.png') no-repeat 0px 0px !important;*/
  height: 7px;
  width: 944px !important;
  display: none;
}

.siteBody .fullWidthBorderWrapper .headingWrapper,
.siteBody .welcomeBox .headingWrapper {
  /*background: url('images/full-main-border-top-bottom.png') no-repeat left top !important;
  background-size: 934px 100px !important;*/
  height: 40px;
  padding-left: 25px;
  padding-right: 25px;
}


.siteBody .fullWidthBorderWrapper .mainZone,
.siteBody .welcomeBox .welcomeBoxInner {
  width: 944px;
  margin: 0px;
  zpadding: 0px 0px 10px 0px;
  padding: 0px 0px 5px 0px;
  min-height: 450px;
  /* border-left: solid 0px #ccc;
  background: url('images/full-main-border-sides.png') repeat-y 0px 0px #fff;
  background-size: 934px 1px !important;*/
}

.siteBody .welcomeBox .welcomeBoxInner {
  min-height: 70px;
}

.siteBody .fullWidthBorderWrapper .body {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 20px;
}

/*# Border Styles end ++++++++++++++++++++++++++++++++++++++++++++ */




/*# No Border Styles +++++++++++++++++++++++++++++++++++++++++++++++++++ */

.siteBody .fullWidthNoBorderWrapper,
.siteBody .fullWidthNoBorderWrapper .mainZone {
  width: 100%;
  float: none;
  margin-left: 0;
  background: none;
}

.siteBody .fullWidthNoBorderWrapper .mainZone {
  padding-bottom: 5px;
}

.siteBody .fullWidthNoBorderWrapper .body {
  padding: 0px 0px;
}

.siteBody .fullWidthNoBorderWrapper .border-top {
  display: none;
}

.siteBody .mainZoneNoBorderWrapper, 
.siteBody .mainZoneNoBorderWrapper .mainZone {
  background: none;
}

.siteBody .mainZoneNoBorderWrapper .body {
  padding: 0 !important;
}


/*# No Border Styles -end +++++++++++++++++++++++++++++++++++++++++++++++++++ */


/************************ adhocBoxWrapper  ******************************************/
.adhocBoxWrapper {
  /*background: url('images/main-border-top-bottom.png') no-repeat left bottom;
  background-size: 720px 100px !important;
  padding-bottom: 15px;
  margin-bottom: 10px;*/
    position: relative;
    border: 1px solid #afafaf;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;     
    padding: 10px 15px 35px;
    margin: 0px 0px 10px 0px;
}

.adhocBoxContentWrapper {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 20px;
  /*zbackground: url('images/main-border-sides.png') repeat-y 0px 0px #fff;
  zbackground-size: 720px 100px !important;*/
}


/************************ adhocBoxWrapper end ******************************************/


/************************  Products / Manufacturer Detail Wrapper **********************************/
.siteBody .mainZone .productsWrapper,
.siteBody .mainZone .MDWrapper {
  /* background: url('images/main-border-top-bottom.png') no-repeat left bottom; */
  zbackground-size: 720px 100px !important;
}

.siteBody .mainZone .productsContentWrapper
{
    position: relative;
    margin: 0px;
    padding: 0px;    
}

.siteBody .mainZone .productsContentWrapper, 
.siteBody .mainZone .MDContentWrapper {
  /*padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  background: url('images/main-border-sides.png') repeat-y 0px 0px #fff; */
  zpadding: 10px 10px 16px 10px;
  background: #ffffff;
  /* border-left: 1px solid #afafaf;
  border-right: 1px solid #afafaf;
  border-bottom: 1px solid #afafaf; */
  zbackground-size: 720px 1px !important;
}

.MDContentWrapper .left, .MDContentWrapper .right {
  float: left;
}

.MDWrapper .left {
  width: 180px;
  text-align: center;
  margin-right: 20px;
}
.MDWrapper .right {
  width: 480px;
}
.MDWrapper {
  margin-bottom: 10px;
}


/************************  Products Wrapper end **********************************/





/*# Manufacturer Navigator ++++++++++++++++++++++++++++++++++++++++++++ */


.ShopByManufacturer .rmRootGroup {
}
.ShopByManufacturer .rmRootGroup .rmItem {
  clear: both !important;
  display: block !important;
}


.errorBox {
  clear: both;
  float: none;
  margin: 0px;
  padding: 0px;
  border: 1px solid #610B0B;
  background: #E0E1A3;
}
.errorBox .messageBox {
  padding: 0px;
  margin: 3px 10px;
  color: #B80909;
}
.errorBox .controlBox {
  padding: 0px;
  margin: 3px 10px;
}



.inlineMessageBox {
  clear: both;
  display: block;
  padding: 3px 15px;
  margin: 2px 0px;
  border-width: 1px;
  border-style: solid;
  font-size: 11px;
}
.inlineMessageBox.error {
  color: #b20000;
  border-color: #b20000;
  background-color: #feccbf;
}
.inlineMessageBox.warning {
  color: #b27d00;
  border-color: #b27d00;
  background-color: #feffbf;
}
.inlineMessageBox.information {
  color: #00477d;
  border-color: #00477d;
  background-color: #bfe3fe;
}


.vldSummary {
  clear: both;
  display: block;
  padding: 0px;
  margin: 0px;
  font-size: 11px;
  color: #b20000; /*#ff0000; - red*/
}
.vldSummary ul {
  padding: 0px 0px 0px 20px;
  margin: 5px 0px;
  list-style-type: none;
}










.rcbHeader ul, .rcbFooter ul, .rcbItem ul, .rcbHovered ul, .rcbDisabled ul {
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.col1, .col2, .col3, .col4 {
  float: left;
  margin: 0;
  padding: 0 5px 0 0;
  line-height: 14px;
}

.col1 {
  width: 55px;
}
.col2 {
  width: 110px;
}
.col3 {
  width: 200px;
}

.rcbStoreProductSearchHeader .col1, .rcbStoreProductSearchItem .col1 {
  width: 55px !important;
}

.rcbStoreProductSearchHeader .col2, .rcbStoreProductSearchItem .col2 {
  width: 110px !important;
}

.rcbStoreProductSearchHeader .col3, .rcbStoreProductSearchItem .col3 {
  width: 340px !important;
}



















.messageBox {
  clear: both;
  display: block;
  padding: 2px;
  margin: 0px 0px 2px 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #aaa;
  background: #eee;
  font-size: 13px;
  width: auto;
}
.messageBox .infobox {
  color: #00477d;
  background-color: #bfe3fe;
  padding: 5px 5px 5px 10px;
}
.messageBox .warnbox {
  color: #b27d00;
  background-color: #feffbf;
  padding: 5px 5px 5px 10px;
}
.messageBox .errbox {
  color: #b20000;
  background-color: #feccbf;
  padding: 5px 5px 5px 10px;
}
.messageBox ul {
  list-style-type: none;
  padding: 10px 0px 0px 15px;
  margin: 0px;
}

/******** Message Box Goodson styles ************/
.messageBox .infobox ul li {
  background-image: url('images/bullet-info-sign.png') !important;
  background-repeat: no-repeat !important;
  background-position: 0 0em !important;
  padding-left: 25px !important;
  /* padding-bottom: 1px;
  margin-bottom: 0.8em !important; */
}

.messageBox .warnbox ul li {
  background-image: url('images/bullet-warning-sign.png') !important;
  background-repeat: no-repeat  !important;
  background-position: 0 0em !important;
  padding-left: 25px !important;
  /* padding-bottom: 1px;
  margin-bottom: 0.8em !important; */
}

.messageBox .errbox ul li {
  background-image: url('images/bullet-error-sign.png') !important;
  background-repeat: no-repeat !important;
  background-position: 0 0em !important;
  padding-left: 25px !important;
  /* padding-bottom: 1px;
  margin-bottom: 0.8em !important; */
}

.messageBox, .infobox, .warnbox, .errbox {
  background-color: transparent !important;
}

.messageBox .infobox, .messageBox .warnbox, .messageBox .errbox {
  /* padding: 10px 0px;
  padding-top: 0; */
  padding: 0px;
  width: auto;
}
.messageBox .infobox ul li, .messageBox .warnbox ul li, .messageBox .errbox ul li
{
      width: auto;
}

.messageBox {
  border: solid 0px;
}

/******** Message Box Goodson styles - end ************/

.divVolumeSpecial {
  clear: both;
  width: 230px;
  border-top: 1px dotted  #ff2502;
  border-bottom: 1px dotted #ff2502;
  padding: 5px 0px 5px 15px;
}
.divVolumeSpecial .title {
  font-weight: bold;
}




.ManufacturerDetail {
  border: 1px solid #bbb;
}
.ManufacturerDetail .ManufacturerName {
  margin: 1px;
  padding: 2px 15px;
  background: #eee;
  color: #555;
  font-size: 16px;
  font-weight: bold;
}
.ManufacturerDetail .ManufacturerDescriptionLong {
  margin: 2px;
  padding: 5px 15px;
  color: #666;
}


/******************* Home **************************/
.homeWrapper .mainZone {
  min-height: 350px !important; /* was 200px */
}

.homeWrapper .pageBanner #slider {
  margin-bottom: 0px;
}

.HomeTilesWrapper {
  /*margin-top: 20px;*/
}

.HomeTilesWrapper .tile {
  margin-top: 20px;
  float: left;
  width: 302px; /*height:225px;*/
  border: solid 0px;
  margin-right: 19px;
}

.HomeTilesWrapper .last {
  margin-right: 0px;
}

.HomeTilesWrapper .countdownTile {
  background: url('images/bg-countdown-tile.png') no-repeat 0px 0px;
  height: 225px;
}

.HomeTilesWrapper .tile a {
  text-decoration: none;
  cursor: pointer;
  display: block;
}

/******************* Home end **************************/


/******************* About Us  **************************/
.threeColumns {
  width: 100%;
}

.threeColumns .left, .threeColumns .center, .threeColumns .right {
  float: left;
  margin-right: 12px;
  border: solid 0px;
}

.threeColumns .left {
  width: 158px;
}

.threeColumns .center {
  width: 459px;
}

.threeColumns .right {
  width: 302px;
  margin-right: 0;
}




twoColumns {
  width: 100%;
}

.twoColumns .left, .twoColumns .right {
  float: left;
  margin-right: 12px;
  border: solid 0px;
}

.twoColumns .left {
  width: 617px;
}

.twoColumns .right {
  width: 302px;
  margin-right: 0;
}


.BGLeftColumn {
  background: url('images/bg-left-col.png') no-repeat left bottom;
}

.BGLeftColumnTop {
  background: url('images/bg-left-col.png') no-repeat left top;
  height: 15px;
}

.BGLeftColumnBody {
  padding: 25px;
  padding-top: 0px;
}


.BGCenterColumn {
  background: url('images/bg-center-col.png') no-repeat left bottom;
}

.BGCenterColumnTop {
  background: url('images/bg-center-col.png') no-repeat left top;
  height: 40px;
  padding-left: 25px;
}

.BGCenterColumnBody {
  padding: 25px;
  padding-top: 15px;
}


.BGRightColumn {
  background: url('images/bg-right-col.png') no-repeat left bottom;
}

.BGRightColumnTop {
  background: url('images/bg-right-col.png') no-repeat left top;
  height: 40px;
  padding-left: 25px;
}

.BGRightColumnBody {
  padding: 25px;
  padding-top: 15px;
}

.threeColumns .ColHeading {
  padding-top: 5px;
}

.heading-start {
  /* old - background: url('images/heading-start-blue.png') no-repeat 0 0.45em;
  padding-left: 30px; */
  height: 30px;
  float: left;
  margin-left: 0px;
}

.threeColumns .left li {
  background: url("images/arrows-orange-single.png") no-repeat scroll 0em 0.35em transparent;
  list-style: none outside none;
  padding-left: 15px;
}


/******************* About Us - end **************************/

/******************* two column ******************************/
#twocol-left {
    width: 128px;
    float: left;
}

#twocol-main 
{
    width: 760px;
    float: right;
    /*margin-left: 180px;*/
}

#twocol-left .nav 
{
    background: url("images/bg-left-col.png") no-repeat left bottom;;
    padding: 10px 15px;
    width: 100%;
}

#twocol-left .nav h4 {
    color: #54666F;
    font-weight: bold;
}
#twocol-left .nav li {
    background: url("images/arrows-orange-single.png") no-repeat scroll 0 0.35em transparent;
    list-style: none;
    padding-left: 15px;
}


#twocol-main .adhocBoxWrapper {
    background: url("images/main-border-top-bottom-wide.png") no-repeat scroll left bottom transparent;
    margin-bottom: 10px;
    padding-bottom: 15px;
}


.siteBody .mainZoneBorderWrapper #twocol-main .headingWrapper {
    background: url("images/main-border-top-bottom-wide.png") no-repeat scroll left top transparent !important;
    height: 40px;
    padding-left: 25px;
    padding-right: 25px;
}

.siteBody .mainZoneBorderWrapper #twocol-main  .adhocBoxContentWrapper {
    background: url("images/main-border-sides-wide.png") repeat-y scroll 0 0 #FFFFFF;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 20px;
}

/**************** ProductHome override css ****************/
.ProductHomeSiteBodyBase
{
    /* height: 730px !important; */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome, if Chrome rule needed */
    .ProductHomePageBanner img 
    {
        height: auto !important; 
    }
    /* Safari 5+ ONLY */
    ::i-block-chrome, .ProductHomePageBanner img
    {
        height: auto !important; 
    }
}

 /* for safari only*/
::root .ProductHomePageBanner img
{
    height: auto !important; 
}
   
.ProductHomePageBanner img
{
    z-index: -1;
    display: block;
    overflow: hidden;
}

.ProductHomeSiteBody
{
    background: transparent;
    position: relative;
    display: block;
    z-index: 8;
    /*    top: -390px;*/
    top: -285px;
    height: 100% !important;   
    overflow: visible !important; 
}

@media screen and (min-width:1200px)
{
    .ProductHomeSiteBody
    {
	top: -292px;
    }

}

@media screen and (min-width:1300px)
{
    .ProductHomeSiteBody
    {
	top: -317px;
    }
}


@media screen and (min-width:1400px)
{
    .ProductHomeSiteBody
    {
	top: -342px;
    }
}


@media screen and (min-width:1500px)
{
    .ProductHomeSiteBody
    {
	top: -360px;
    }
}

@media screen and (min-width:1600px)
{
    .ProductHomeSiteBody
    {
	top: -378px;
    }
}

@media screen and (min-width:1700px)
{
    .ProductHomeSiteBody
    {
	top: -388px;
    }
}

@media screen and (min-width:1800px)
{
    .ProductHomeSiteBody
    {
	top: -399px;
    }
}

@media screen and (min-width:1900px)
{
    .ProductHomeSiteBody
    {
	top: -422px;
    }
}


@media screen and (min-width:2000px)
{
    .ProductHomeSiteBody
    {
	top: -444px;
    }
}

@media screen and (min-width:2100px)
{
    .ProductHomeSiteBody
    {
	top: -467px;
    }
}

@media screen and (min-width:2200px)
{
    .ProductHomeSiteBody
    {
	top: -490px;
    }
}

@media screen and (min-width:2300px)
{
    .ProductHomeSiteBody
    {
	top: -513px;
    }
}

@media screen and (min-width:2400px)
{
    .ProductHomeSiteBody
    {
	top: -536px;
    }
}

@media screen and (min-width:2560px)
{
    .ProductHomeSiteBody
    {
	top: -572px;
    }
}

.ProductHomeSiteBody .departmentBlock ,
.ProductHomeSiteBody .RadTabStrip,
.RadTabStrip_Office2007 .rtsLevel1
{
    background: transparent !important;   
}
.departmentBlock .tabMultipageWrapper 
{
    /*margin-top: 10px !important; */
    padding-top: 0px !important; 
}
.ProductHomeLeftZone
{
    background: transparent !important;    
            
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity: .80 !important; 
	-moz-opacity: .80 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}


.ProductHomeMainZone
{
    background: #ffffff !important; 
    position: relative;
    top: 272px !important;        
    display: block;
    height: auto;
}


@media screen and (min-width:1200px)
{
    .ProductHomeMainZone
    {
	top: 272px !important;        
    } 
}

@media screen and (min-width:1300px)
{
    .ProductHomeMainZone
    {
	top: 291px !important;        
    } 
}


@media screen and (min-width:1300px)
{
    .ProductHomeMainZone
    {
	top: 313px !important;        
    } 
}

@media screen and (min-width:1400px)
{
    .ProductHomeMainZone
    {
	top: 325px !important;        
    } 
}

@media screen and (min-width:1500px)
{
    .ProductHomeMainZone
    {
	top: 336px !important;        
    } 
}

@media screen and (min-width:1600px)
{
    .ProductHomeMainZone
    {
	top: 360px !important;        
    } 
}

@media screen and (min-width:1700px)
{
    .ProductHomeMainZone
    {
	top: 384px !important;        
    } 
}

@media screen and (min-width:1800px)
{
    .ProductHomeMainZone
    {
	top: 407px !important;        
    }  
}

@media screen and (min-width:2000px)
{
    .ProductHomeMainZone
    {
	top: 452px !important;        
    } 
}

@media screen and (min-width:2200px)
{
    .ProductHomeMainZone
    {
	top: 498px !important;        
    }  
}

@media screen and (min-width:2300px)
{
    .ProductHomeMainZone
    {
	top: 521px !important;        
    }  
}

@media screen and (min-width:2400px)
{
    .ProductHomeMainZone
    {
	top: 544px !important;        
    }  
}

@media screen and (min-width:2560px)
{
    .ProductHomeMainZone
    {
	top: 580px !important;        
    }  
}


.ProductHomeMainZone .mainZone 
{
    height: 100%;
    min-height: 100% !important; 
}

/**************** ProductsTemplateWrapper ****************/
.productsTemplateWrapper {
  padding-bottom: 10px !important;
}

.productsTemplateWrapper .pageBanner img {
  margin-top: 0px !important;
  margin-bottom: 3px; /* offset breadCrumbBar padding */
}

.productsTemplateWrapper .breadCrumbBar {
  padding-top: 7px;
}

/*.productsTemplateWrapper .mainZoneNoBorderWrapper {
  margin-top: 10px !important;
}*/
/**************** ProductsTemplateWrapper - end ****************/

/***************** Home Tile Row ************************/


.DynamicHomeTileRow {
  clear: both;
  /*width: 934px;*/
  overflow: hidden;
}

.TileRowInner {
  /*width: 965px;*/
}

.TileRowInner > div:last-child
{
    margin-right: 0px !important;
}

.DynamicHomeTileRow .tileWrapper {
  float: left;
  margin-left: 0px;
  margin-right: 20px;
  margin-bottom: 20px; /*height:222px;*/
}

/***************** Home Tile Row end ************************/

/***************** TileGenericContent ************************/

.TileGenericContent {
  background: url('images/bg-tile-generic-content.png') no-repeat left bottom;
  width: 302px;
  height: 223px;
}

.TileGenericContentTop {
  background: url('images/bg-tile-generic-content.png') no-repeat left top;
  height: 25px;
}


/*
.TileGenericContentHeading {
  padding:0px 20px;
}*/

.TileGenericContentBody {
  padding: 20px;
  padding-top: 0px;
}

.TileGenericContentTop-Title {
  background: url('images/bg-tile-feature-product.png') no-repeat left top;
  height: 40px;
  padding-left: 20px;
  margin-bottom: 15px;
}



/***************** TileGenericContent end************************/


/***************** Tile Feature Product ************************/

.TileFeatureProduct {
  background: url('images/bg-tile-feature-product.png') no-repeat left bottom;
  width: 302px;
  height: 223px; /* same as .TileGenericContent */
}

.privateFeatureProduct {
  height: 223px;
  position: relative;
}


.TileFeatureProductTop {
  background: url('images/bg-tile-feature-product.png') no-repeat left top;
  height: 40px;
  padding-left: 20px;
}

.TileFeatureProductHeading {
  /*padding:0px 25px;*/
}

.TileFeatureProductBody {
  padding: 20px;
  padding-top: 15px;
}

.TileFeatureProductBody .thumb {
  float: right; /*width:128px;   height:128px;*/
}

.TileFeatureProductBody .thumb a.withBorder img {
  border: solid 1px #fff !important;
  border-bottom: solid 1px #eee !important;
  border-right: solid 1px #eee !important;
  padding: 2px;
  margin-left: 10px;
}

.TileFeatureProductBody .thumb a.withBorder:hover img {
  border-color: #0085b5 !important;
  background-color: #0085b5;
}

.TileFeatureProductBody .title {
}

.TileFeatureProductBody .description {
  margin-bottom: 12px;
}

.TileFeatureProductBody .more_link {
  background: url("images/heading-end-blue-15-14.png") 0 1px no-repeat #e7e7e7;
  padding-left: 20px;
}

.TileFeatureProductBody .AddCart {
  text-align: right;
  width: 100%;
  clear: both; /*margin-top:10px;*/
}

.TileFeatureProductBody table.FProdInfoTbl td {
  padding-left: 0px;
  padding-bottom: 2px;
}

.TileFeatureProductBody .SKU td, .TileFeatureProductBody .vendorSKU td, .TileFeatureProductBody .PriceEx td, .TileFeatureProductBody .PriceInc td {
}

.TileFeatureProductBody .vendorSKU {
}

.TileFeatureProductBody .PriceEx {
}

.TileFeatureProductBody .PriceInc {
}

.privateFeatureProduct .fixBottom {
  width: 190px;
  right: 0;
  margin-bottom: 20px;
  margin-right: 20px;
}

.fixBottom {
  position: absolute;
  bottom: 0;
}

.width30percent {
  width: 30%;
}

.width40percent {
  width: 40%;
}

.width50percent {
  width: 50%;
}

.width60percent {
  width: 60%;
}

.width70percent {
  width: 70%;
}

.td-width65 {
  width: 65px;
}

/***************** Tile Feature Product end************************/

/*+++++++++++++++++++++++++++Shadowbox Styles Goodson +++++++++++++++++++*/
#sb-container {
  z-index: 9999;
}

#sb-title-inner {
  /*background:#54666F;*/
}

#sb-wrapper-inner {
  border: solid 2px #F68E1E; /*border: solid 1px #54666F;*/
}


#sb-info-inner {
  /*background: #F68E1E;*/
  padding: 0 5px;
}

#sb-title-inner {
  text-align: center;
}





/*+++++++++++++++++++++++++++ Rad Tab Styles  +++++++++++++++++++++++++*/
.ConsumableBoxWrapper .rtsLevel
{
    background-color: #fff !important;
}
.ConsumableBoxWrapper .rtsLevel .rtsLink,
.ConsumableBoxWrapper .rtsLevel .rtsOut
{
  /*background-image: url('images/bg-rad-tabs.png') !important;*/
  background-image: none !important;
  background: #858e97 !important;
  margin: 0px 5px 0px 0px !important;
  padding: 2px 6px !important;
}

.ConsumableBoxWrapper .rtsLink:hover, 
.ConsumableBoxWrapper  .rtsSelected,
.ConsumableBoxWrapper  .rtsLink:hover span, 
.ConsumableBoxWrapper  .rtsSelected span,
.ConsumableBoxWrapper .rtsLevel .rtsSelected,
.ConsumableBoxWrapper  .rtsLevel .rtsSelected span
{
    background: #0093c9 !important;
}

.ConsumableBoxWrapper .rtsLI, 
.ConsumableBoxWrapper  .rtsLink 
{
    color: #fff !important;
    font: bold 14px/26px 'Moven Pro' ,sans-serif !important;
}

.RadTabStrip {
  /*position: relative;*/
  z-index: 2;
  /*top: 8px;*/
}

.productTabStrip
{
      position: relative;
      width: 100%;
      
      height: auto;
      min-height: 200px;
      overflow: hidden;
      float:left;
      
      padding: 0px;
      margin: 10px 0px 0px 0px;
      
      border: 1px solid #afafaf !important;
      
    -webkit-border-radius: 5px !important;
    -khtml-border-radius: 5px  !important;
    -moz-border-radius: 5px  !important;
    border-radius: 5px !important;
}

.productsContentWrapper .RadTabStrip 
{   
   float: left !important;
   width: 230px !important;
   height: auto;
   top: 0px !important; 
   border-right: 1px solid #afafaf; 
}

.productsContentWrapper .RadTabStripTop_WebBlue .rtsLevel .rtsLink, 
.productsContentWrapper .RadTabStripTop_WebBlue .rtsLevel .rtsOut, 
.productsContentWrapper .RadTabStripBottom_WebBlue .rtsLevel .rtsLink, 
.productsContentWrapper .RadTabStripBottom_WebBlue .rtsLevel .rtsOut, 
.productsContentWrapper .RadTabStripTop_WebBlue_Baseline .rtsLevel, 
.productsContentWrapper .RadTabStripBottom_WebBlue_Baseline .rtsLevel 
{
    background-image: none !important;
}
.productsContentWrapper  li 
{
    background: none !important;
}
.productsContentWrapper .radMultiPageProductTabs 
{
    border-left: 1px solid #afafaf !important; 
    float: left !important;
    width: 700px !important;
    min-height: 200px;
    height: auto;
    padding: 10px 20px;     
    margin: 0px 0px 0px -1px;       
}

.productsContentWrapper .RadTabStrip .rtsLink:hover,
.productsContentWrapper .RadTabStrip .rtsSelected 
{
    color: #0093c9 !important;
    border-right: 2px solid #0093c9 !important;    
}

.productsContentWrapper .RadTabStrip .rtsLink
{
    color: #54666f;
    padding: 8px 0px;    
    font: bold 12px/20px Helvetica,'Maven Pro',sans-serif !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #afafaf;
    border-right: 2px solid #ffffff;  
    text-align: left;
}
.productsContentWrapper .RadTabStrip .rtsUL, .RadTabStripVertical .rtsUL 
{
    clear: both;
    float: none !important;
}

.productsContentWrapper .RadTabStrip .rtsLI 
{
    clear: both;
    display: block;
    float: none !important;
}
.radMultiPageProductTabs {
  /*border: solid 1px;
  padding: 25px;*/
  position: relative;
  z-index: 1;
  min-height: 45px;
  /*background: #fff url('images/bg-rad-multi-tab.png') repeat-x;*/  
}
/************************ RadComboboxDropDown Styles - do not delete *************************/
.rcbHeader ul, .rcbFooter ul, .rcbItem ul, .rcbHovered ul, .rcbDisabled ul {
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.rcbHeader ul li {
  float: left;
  margin: 0;
  padding: 0 5px 0 0;
  line-height: 14px;
}

ul.rcbList li ul li {
  float: left;
  margin: 0;
  padding: 0 5px 0 0;
  line-height: 14px;
  font-size: 11px;
}
.c20 {
  width: 20px;
}
.c50 {
  width: 50px;
}
.c60 {
  width: 60px;
}
.c70 {
  width: 70px;
}
.c80 {
  width: 80px;
}
.c90 {
  width: 90px;
}
.c100 {
  width: 100px;
}
.c110 {
  width: 110px;
}
.c120 {
  width: 120px;
}
.c130 {
  width: 130px;
}
.c140 {
  width: 140px;
}
.c150 {
  width: 150px;
}
.c160 {
  width: 160px;
}
.c170 {
  width: 170px;
}
.c180 {
  width: 180px;
}
.c190 {
  width: 190px;
}
.c200 {
  width: 200px;
}
.c210 {
  width: 210px;
}
.c220 {
  width: 220px;
}
.c230 {
  width: 230px;
}
.c240 {
  width: 240px;
}
.c250 {
  width: 250px;
}
.c260 {
  width: 260px;
}
.c270 {
  width: 270px;
}
.c280 {
  width: 280px;
}
.c290 {
  width: 290px;
}
.c300 {
  width: 300px;
}
.c310 {
  width: 310px;
}
.c320 {
  width: 320px;
}
.c330 {
  width: 330px;
}
.c340 {
  width: 340px;
}
.c350 {
  width: 350px;
}
.c360 {
  width: 360px;
}
.c370 {
  width: 370px;
}
.c380 {
  width: 380px;
}
.c390 {
  width: 390px;
}
.c400 {
  width: 400px;
}
.c410 {
  width: 410px;
}
.c420 {
  width: 420px;
}
.c430 {
  width: 430px;
}
.c440 {
  width: 440px;
}
.c450 {
  width: 450px;
}
.c460 {
  width: 460px;
}
.c470 {
  width: 470px;
}
.c480 {
  width: 480px;
}
.c490 {
  width: 490px;
}
.c500 {
  width: 500px;
}
.c510 {
  width: 510px;
}
.c520 {
  width: 520px;
}
.c530 {
  width: 530px;
}
.c540 {
  width: 540px;
}
.c550 {
  width: 550px;
}
.c560 {
  width: 560px;
}
.c570 {
  width: 570px;
}
.c580 {
  width: 580px;
}
.c590 {
  width: 590px;
}


.rcbItem.rcbSeparator {
  height: 1px !important;
  background: #bbb !important;
  min-height: 1px !important;
  padding: 0px !important;
  margin: 0px !important;
}

/************************ RadComboboxDropDown Styles - end *************************/




.SumSummary {
  list-style: none;
  margin: 15px 0px 10px 0px;
  padding: 0px;
  border: solid 1px #ccc;
}
.SumSummary li {
  background: none !important;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}
.SumSummary .caption {
  display: inline-block;
  padding: 5px 0px 5px 10px;
  width: 95px;
  font-weight: bold;
  background: #eee;
}
.SumSummary .valueBox {
  padding: 5px 0px 5px 10px;
  display: inline-block;
}

/*  */
.rgMasterTable .StockCount, .rgMasterTable .VendorProductFamilyName {
  display: block;
  text-align: left;
  font-weight: bold;
  font-size: 11px;
  /*margin-top: 4px;*/
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 2px;
  color: #888;
}

/*
.rgMasterTable .VendorProductFamilyName {
  text-align:left;
  margin-left:0px;
}*/

.rgMasterTable .StockCount label, .rgMasterTable .VendorProductFamilyName label {
  margin-right: 5px;
  font-weight: normal;
  font-style: italic;
  color: #888;
}

.welcomeBox .ContactPersonPhoto {
  height: 60px !important;
  width: 50px !important;
  border: solid 1px #ccc;
  padding: 2px;
  background-color: transparent !important;
}

.welcomeBox .ContactPersonPhoto img {
}




.InternalUserLinks {
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom: 2px solid #E9ECD8;
  background: #F7F8F3;
  overflow: auto;
}
.InternalUserLinks div.body {
  margin: 10px 0px 5px 15px;
  font-size: 12px;
}
.InternalUserLinks div.body a {
  color: #555;
  text-decoration: none;
}
.InternalUserLinks div.body a:hover {
  color: #0991A6;
  text-decoration: underline;
}











































/*# Body --> Login ++++++++++++++++++++++++++++++++++++++++++++ */
.loginWrapper {
  /*width: 500px;   margin: 20px 0px 0px 250px;*/
}
.loginIntroWrapper {
  padding: 0px 20px 0px 0px;
  margin: 10px 0px 10px 20px;
  width: 550px;
  height: 500px;
  border-right: solid 1px #ccc;
}
.loginIntroWrapper ul li {
  margin-top: 10px;
  font-size: 14px;
}
.loginFormWrapper {
  /*margin: 20px 0px 0px 0px;*/
}
.forgetPasswordWrapper {
  /*margin: 40px 0px 40px 0px;*/
}

.loginFormLeft, .loginFormRight {
  float: left;
  width: 49%;
}

.loginFormLeft {
  border-right: solid 1px #ccc;
  min-height: 425px;
  margin-right: 25px;
  padding-right: 25px;
  width: 45%;
}

/*# Footer ++++++++++++++++++++++++++++++++++++++++++++ */
#siteFooterBase {
  position:  absolute;
  bottom: 0px;
  left: 0px; 
  padding: 0px;
  margin: 0px;
  background: #171717;
  color: #393939;
  float: none;
  clear: both;
  min-height: 40px;
  width: 100%;
  overflow: hidden;
}

body.sfPageEditor #siteFooterBase 
{
    position: relative !important;
}


#siteFooter 
{
  margin: 0px auto;
  width: 1200px; 
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;  
  background: #171717;
  color: #393939;
  font-family: 'Maven Pro', sans-serif;
  font-size: 11px;
  min-height: 40px;
  overflow: hidden;
}

#siteFooter .contactInfo {
  float: right;
  margin-right: 0px;
}
#siteFooter .footerLinksRight {
  float: right;
  margin-right: 0px;
  width: 400px;
}
#siteFooter a, #siteFooter 
{
  color: #393939;
  text-decoration: none;
}
#siteFooter a:hover {
  text-decoration: underline; /*color: #006699;*/
}
#siteFooter .footer-logo-sml {
  float: left;
  margin-right: 5px;
}
#siteFooterBottom {
  /*border-top: solid 0px #B2B2B2;*/
  margin-top: 0px; /*padding-top: 8px; */
  padding-top: 6px;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 22px; /*color: #B2B2B2;*/
  background: #171717;
  color: #393939; /*background: #f68e1e;*/ /*background: url('images/footer-bottom-bg.png') no-repeat 0px -12px;*/
  /*background: url('images/footer-bottom-bg.png') no-repeat 0px -5px;
  background-size: 954px 45px;*/
  clear: both;  
}
#siteFooterBottom .footerBottomLeft {
  float: left;
}
#siteFooterBottom .footerBottomRight {
  float: right;
}

#siteFooter .footer-logo-sml {
  /*display:none;*/
}












.error, .success {
  padding: 3px 10px;
  color: #fff;
}


















/*# Widget in Home Page ++++++++++++++++++++++++++++++++++++++++++++ */
.widgetWrapper {
  border: solid 1px #ccc;
  margin: 5px 10px 0px 0px;
  overflow: hidden;
}

.widgetHeader {
  margin: 0px;
  padding: 4px 10px;
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  background: #ddd;
  cursor: pointer;
}

.widgetHeader .widgetMessage {
  float: right;
  font-style: italic;
  font-weight: normal;
}

.widgetContent {
  display: none;
  overflow: auto;
  padding: 15px 25px;
}

.widgetController {
  text-align: right;
  margin: 5px 10px 5px 0px;
  color: #999;
  font-size: 11px;
  font-weight: normal;
  display: none;
}
.widgetController a {
  color: #666;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}


.widgetBlock {
  padding: 0px;
  margin: 0px 0px 10px 0px;
  clear: both;
  float: left;
  width: 100%;
  height: auto;
  overflow: auto;
}
.widgetBlock .blockLeft {
  float: left;
  overflow: auto;
  margin: 0px 0px 0px 10px;
}
.widgetBlock .blockRight {
  float: right;
  overflow: auto;
  margin: 0px 10px 0px 0px;
}
/***************************DIALOG WINDOW***********************************/
.RadWindow .rwTitleRow em {
  color: #fff !important;
  font: bold 13px 'Maven Pro',sans-serif !important;
  letter-spacing: 1px;
  
  margin-left: -16px !important;
}

.RadWindow_WebBlue .rwTopLeft, 
.RadWindow_WebBlue .rwTopRight, 
.RadWindow_WebBlue .rwTitlebar,
.RadWindow_WebBlue .rwTopResize,
.RadWindow_WebBlue .rwFooterLeft,
.RadWindow_WebBlue .rwFooterRight,
.RadWindow_WebBlue .rwFooterCenter,
.RadWindow_WebBlue.rwMinimizedWindow .rwCorner
{
    background-image: none !important;
  
    background: #017ca9 !important;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxN2NhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwOTNjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTdjYTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)  !important; */
    background: -moz-linear-gradient(top,  #017ca9 0%, #0093c9 50%, #017ca9 100%)  !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#017ca9), color-stop(50%,#0093c9), color-stop(100%,#017ca9))  !important;
    background: -webkit-linear-gradient(top,  #017ca9 0%,#0093c9 50%,#017ca9 100%)  !important;
    background: -o-linear-gradient(top,  #017ca9 0%,#0093c9 50%,#017ca9 100%)  !important;
    background: -ms-linear-gradient(top,  #017ca9 0%,#0093c9 50%,#017ca9 100%) !important;
    background: linear-gradient(to bottom,  #017ca9 0%,#0093c9 50%,#017ca9 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017ca9', endColorstr='#017ca9',GradientType=0 ) !important;
    
    *background: #017ca9 !important;
    _background: #017ca9 !important;
        
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity: .80 !important; 
	-moz-opacity: .80 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.RadWindow_WebBlue .rwBodyLeft, 
.RadWindow_WebBlue .rwBodyRight, 
.RadWindow_WebBlue .rwStatusbarRow .rwCorner 
{
    background-image: none !important;  
    background: #017ca9 !important;  
      
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity: .80 !important; 
	-moz-opacity: .80 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.rwControlButtons a:hover 
{
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	opacity: .90 !important; 
	-moz-opacity: .90 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	
    background-image: url('images/ButtonSprite.gif') !important;
}

.rwControlButtons a 
{
    background-image: url('images/CommandButtonSprites.gif') !important;
}

.RadWindow_WebBlue a.rwIcon 
{
    background-image: none !important;  
}
/***************************************************************************/
.dashboardWrapper
{
    margin: 10px 5px 5px 5px;
    padding: 0px;
}
.dashboardContent .noRecordBlock
{
    border-top: 1px solid #afafaf;
    
}
.dashboardContent
{
    margin: 20px 0px 0px 0px;
    padding: 0px;   
    
    border-left: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf;
    
    -webkit-border-bottom-left-radius: 2px !important;
    -khtml-border-bottom-left-radius: 2px !important;
    -moz-border-bottom-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important; 
         
    -webkit-border-bottom-right-radius: 2px !important;
    -khtml-border-bottom-right-radius: 2px !important;
    -moz-border-bottom-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;  
}

.widgetBlock
{
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

.widgetTable {
    padding: 0px;
    margin: 0px;
    width: 100%;
    empty-cells: show;
    table-layout: auto;

    font: 12px/16px 'Maven Pro',sans-serif !important; 
    
    border-collapse: collapse;
    border-spacing: 0;       
    /* border-style: none;
    border-bottom: 1px solid #ddd; */
}

.widgetTable th 
{
  padding: 5px 7px 4px 8px;
  color: #ffffff !important;
  
  font: bold 13px/21px 'Maven Pro',sans-serif !important;
  /* padding: 3px;
  background: #eee; 
  font-weight: bold;
  font-size: 10px;
  text-align: center;*/
}

.widgetTable th.center 
{
  text-align: center;
}
.widgetTable th.right {
  text-align: right;
}
.widgetTable th.left {
  text-align: left;
}
.widgetTable th.smaller {
  font-size: 11px;
}
.widgetTable a
{
    margin: 2px 0px 4px 0px;
}
.widgetTable .Row 
{
  /* background: #fff; */
}
.widgetTable .altRow 
{
  /* background: #f7f7f7; */
}
.widgetTable tr:last-child
{
    border-bottom: 0px none !important;
}
.widgetTable tr
{
    border-bottom: 1px solid #afafaf;
}
.widgetTable td {
    /* padding: 3px; */
    padding: 4px 7px 3px 8px; 
    background: #fff;
}
.widgetTable td.center {
  text-align: center;
}
.widgetTable td.right {
  text-align: right;
}
.widgetTable td.left {
  text-align: left;
}
.widgetTable td.smaller {
  font-size: 11px;
}
.th-align-left {
  text-align: left !important;
}


.th-short {
  width: 60px;
}























/*# Body --> Search Box ++++++++++++++++++++++++++++++++++++++++++++ */
#searchBox 
{
    height:22px;
}
.WelcomeBoxSearch #searchTextBox, #searchBox #searchTextBox {
  float: left;
  border: solid 0px #fff;
}
#searchBox #searchTextBox .riTextBox {
  width: 180px !important;
}
.WelcomeBoxSearch #searchButt, #searchBox #searchButt {
  float: left;
  margin: 5px 0px 0px 3px;
}
.WelcomeBoxSearch #searchTextBox input[type='text'], #searchBox #searchTextBox input[type='text'] {
  font-family: Tahoma;
  font-size: 12px;
  padding: 3px 4px;
  border: solid 1px #ccc;
}
.WelcomeBoxSearch #searchButt input[type='submit'], #searchBox #searchButt input[type='submit'] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  background: transparent url('images/searchIcon.png') no-repeat 0px 0px;
  border-style: none;
}

.leftZone #searchBox {
  padding: 3px 1px 3px 10px;
  display: inline-block; /*background: transparent url('images/bg-searchBox.png') no-repeat 0px 0px;*/ /**/
  background: #E5E5E5;
  border: solid 1px #ACACAC;
  width: 190px;
  height: 25px;
  margin-top: 10px;
}


.consumableNav {
}
.WelcomeBoxSearch .consumableNav, #searchBox #searchTextBox {
  float: left;
  border: solid 0px #fff;
}
#searchBox #searchTextBox .riTextBox {
  width: 180px !important;
}
.WelcomeBoxSearch #searchButt, .consumableNav #searchButt {
  float: left;
  margin: 5px 0px 0px 3px;
}
.WelcomeBoxSearch #searchTextBox input[type='text'], .consumableNav #searchTextBox input[type='text'] {
  font-family: Tahoma;
  font-size: 12px;
  padding: 3px 4px;
  border: solid 1px #ccc;
}
.WelcomeBoxSearch #searchButt input[type='submit'], .consumableNav #searchButt input[type='submit'] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  background: transparent url('images/searchIcon.png') no-repeat 0px 0px;
  border-style: none;
}

.leftZone .consumableNav {
  padding: 3px 1px 3px 10px;
  display: inline-block; /*background: transparent url('images/bg-searchBox.png') no-repeat 0px 0px;*/ /**/
  background: #E5E5E5;
  border: solid 1px #ACACAC;
  width: 190px;
  height: 25px;
  margin-top: 10px;
}







/*# Popup Wrapper ++++++++++++++++++++++++++++++++++++++++++++ */
#popupWrapper {
  padding: 0px;
  margin: 0px;
  width: 630px;
  background: #fff;
  z-index: 9999;
}
#popupWrapper h1 {
  font-size: 20px;
}
#popupWrapper h2 {
  font-size: 18px;
}
#popupWrapper h3 {
  font-size: 16px;
}
#popupWrapper h4 {
  font-size: 14px;
}
#popupWrapper .bodyWrapper {
  padding: 0px;
  margin: 20px 40px 0px 20px;
  clear: both;
  float: none;
  min-height: 410px;
}

.RadWindow_WebBlue .rwShadow .rwTopLeft, .RadWindow_WebBlue .rwShadow .rwTopRight, .RadWindow_WebBlue .rwShadow .rwTitlebar, .RadWindow_WebBlue .rwShadow .rwFooterLeft, .RadWindow_WebBlue .rwShadow .rwFooterRight, .RadWindow_WebBlue .rwShadow .rwFooterCenter, .RadWindow_WebBlue .rwShadow .rwTopResize, .RadWindow_WebBlue .rwShadow .rwStatusbar div, .RadWindow_WebBlue .rwShadow .rwStatusbar, .RadWindow_WebBlue .rwShadow .rwPopupButton, .RadWindow_WebBlue .rwShadow .rwPopupButton span, .RadWindow_WebBlue .rwShadow .rwBodyLeft, .RadWindow_WebBlue .rwShadow .rwBodyRight, .RadWindow_WebBlue .rwShadow .rwStatusbarRow .rwBodyLeft, .RadWindow_WebBlue .rwShadow .rwStatusbarRow .rwBodyRight {
  background-image: url('images/popup-bg.png') !important;
}


.RadWindow_WebBlue .rwShadow .rwBodyLeft, .RadWindow_WebBlue .rwShadow .rwBodyRight, .RadWindow_WebBlue .rwShadow .rwStatusbarRow .rwBodyLeft, .RadWindow_WebBlue .rwShadow .rwStatusbarRow .rwBodyRight {
  background-image: url('images/popup-bg-sides.png') !important;
}

.RadGrid_WebBlue .rgSelectedRow {
  background-image: none !important;
  background-color: #73C8E7 !important; /*font-weight: bold;*/
  color: #000 !important;
}

.RadGrid_WebBlue .rgSelectedRow a {
  color: #000 !important;
  text-decoration: none !important;
}
.RadGrid_WebBlue .rgSelectedRow td {
  padding: 4px 7px 3px 7px !important;
}

table td {
  padding-left: 5px;
  padding-right: 5px;
}

table ul {
  margin-left: 0em;
  padding-left: 0;
}

table h1, table h2, table h3, table h4, table h5, table h6 {
  margin-top: 5px;
  margin-bottom: 5px;
}

table h4 {
  margin: 0px;
  line-height: 1;
}

table li {
  margin-bottom: 0.4em !important;
}

/** Colors ***/
table h3 {
  color: black;
}


table.ManufacturerDetail-table .thumb-cell {
  width: 200px;
  text-align: center;
}

table.ManufacturerDetail-table a.vendor-resources-button {
  margin-left: 50px;
}

















/*# Feature Product in Home Page ++++++++++++++++++++++++++++++++++++++++++++ */

h4.featureHeader {
  margin: 15px 0px 5px 0px;
}
.featureProductItems {
  margin-left: -10px;
  overflow: auto;
}
.featureProductItem {
  position: relative;
  display: inline-block;
  float: left;
  width: 237px;
  height: 310px;
  padding: 0px;
  margin: 0px 0px 10px 10px;
  border: solid 1px #ccc;
  color: #666;
}
.featureProductName {
  background: #eee;
  min-height: 30px;
  padding: 5px 10px;
}
.featureProductTitle {
  background: #eee;
  min-height: 30px;
  padding: 5px 10px;
}
.featureProductImage {
  height: 160px;
  text-align: center;
  margin: 0px;
  padding: 10px 0px;
  overflow: hidden;
}
.featureProductDetail {
  padding: 5px 5px 0px 10px;
}
.featureProductItem em {
  font-style: normal;
  font-weight: bold;
  color: #333;
}
.featureProductAddToCart {
  position: absolute;
  right: 10px;
  bottom: 5px;
}
























.myAccountMenu {
  clear: both;
  display: block;
  width: 100%;
  border-bottom: solid 0px #fff;
  margin: 0px;
  padding: 20px 0px;
  float: none !important;
}
.myAccountMenu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.myAccountMenu ul li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.myAccountMenu a {
  height: 18px;
  border-bottom: solid 3px #fff;
}
.myAccountMenu a.rmFocused {
  /*border: solid 3px #BFDBFF;*/
  background: url("images/arrows-orange-single.png") 0 0.285em no-repeat;
  font-weight: bold;
  color: #f68e1e;
}


.rdCommands li {
  margin-bottom: 0 !important;
  background: none !important;
}

.myAccountMenu li {
  background: none !important;
}

.QuoteListDiv, 
.PEListDiv,
.FavouriteListDiv
{
  clear: both;
  padding: 20px;
  margin: 0px;
}

.myAccountMenu ul ul {
  display: none !important; /*Hide lvl2 menu*/
}





















/*# Sitemap ++++++++++++++++++++++++++++++++++++++++++++ */
.sitemapWrapper li {
  padding-left: 0px;
}

.sitemapWrapper .rtPlus, .sitemapWrapper .rtMinus {
  /*background-image: url('images/arrows-blue.png') !important;*/
  background-image: url('images/arrows-orange.png') !important;
}

.sitemapWrapper .rtHover .rtIn {
  border: solid 1px #0084b5 !important;
  color: #0084b5 !important;
  background: #E7F1FF !important;
}

.sitemapWrapper .rtUL .rtLI .rtTop {
  background-image: none !important;
}
.sitemapWrapper .rtUL .rtLI .rtUL .rtLI .rtTop {
  background-image: url("images/dotted-line-top.png") !important;
}

.sitemapWrapper .rtLines, .sitemapWrapper .rtLines .rtUL {
  background-image: none !important;
}

.sitemapWrapper .rtLines .rtMid {
  background-image: none !important;
}

.sitemapWrapper .rtUL .rtLI .rtUL .rtLI .rtMid {
  background-image: url("images/dotted-line-mid.png") !important;
}

.sitemapWrapper .rtLines .rtLI, .sitemapWrapper .rtLines .rtLI .rtUL {
  background-image: none !important;
}


.sitemapWrapper .rtLines .rtLI .rtUL .rtLI .rtUL {
  background-image: url("images/dotted-line-bg.png") !important;
  background-repeat: repeat-y !important;
}

.sitemapWrapper .rtSp {
  height: 20px !important;
}

.sitemapWrapper .rtLines .rtBot {
  background-image: none !important;
}

.sitemapWrapper .rtLines .rtLI .rtUL .rtBot {
  background-image: url("images/dotted-line-bottom.png") !important;
}

.sitemapWrapper .rtLI {
  margin-bottom: 0;
}

.lightGreyBackground
{
    background: rgb(249, 249, 249) !important;
}

.innerContainer
{
    max-width: 1200px;
    margin: 0px auto;
    padding-top: 10px;
}

/*******************************Site Map*******************************************/
.RadTreeView_WebBlue, 
.RadTreeView_WebBlue a.rtIn, 
.RadTreeView_WebBlue .rtEdit .rtIn input 
{
    font: 14px/18px 'Maven Pro',Sans-serif !important;
    background: #ededed;
}

.RadTreeView_WebBlue
{
    margin: 20px;
    padding: 20px 10px;
    width: 224px;
}

.RadTreeView_WebBlue a.rtIn
{
    margin: 1px 0px 0px 0px;
    padding: 4px 3px 2px 0px !important;
} 
.RadTreeView_WebBlue .rtEdit .rtIn input 
{
    margin: 0px;
    padding: 1px 0px 1px 10px;
}

.RadTreeView .rtTop, 
.RadTreeView .rtMid, 
.RadTreeView .rtBot 
{
    padding: 1px 0 1px 20px !important;
}

.RadTreeView_WebBlue .rtLines .rtLI
{
    background-image: none !important;
}

.RadTreeView_WebBlue .rtLines .rtLI .rtUL,
.RadTreeView_WebBlue .rtLines .rtLI .rtUL .rtLI .rtUL 
{
    background-image: url("images/dotted-line-bg.png") !important;
    background-position: 0 0 !important;
    background-repeat: repeat-y !important;
}

.RadTreeView_WebBlue .rtLines .rtLast .rtUL
{
    background-image: none !important;
}

.RadTreeView_WebBlue .rtUL .rtUL .rtPlus, 
.RadTreeView_WebBlue .rtUL .rtUL .rtMinus {
    background-image: url("images/arrows-blue.png") !important;
}

.RadTreeView_WebBlue .rtLines .rtTop,
.rtLast .rtTop
{
    background-image: url("images/top_right_line.png") !important;
}

.RadTreeView_WebBlue .rtPlus, 
.RadTreeView_WebBlue .rtMinus
{
    background-image: url("images/arrows-orange.png") !important;
}

.RadTreeView .rtHover .rtIn
{    
    background: none repeat scroll 0 0 #858e97 !important;
    border: 0 none !important;
    color: #ffffff !important;
    padding: 3px 5px 2px 0px !important;

}
.RadTreeView .rtSelected .rtIn 
{
    background: none repeat scroll 0 0 #0093c9 !important;
    border: 0 none !important;
    color: #ffffff !important;
    padding: 3px 5px 2px 0px !important;
}

.sfvideosTmbList
{
    padding-left: 0px;
}

.sfvideoTmb
{
    display: inline-block !important;
    list-style: none;
    margin-right: 6px;
    margin-left: 6px;
    margin-bottom: 6px;
    margin-top: 6px;
    width: 284px;
    position:relative;
}


.sfvideoTmb .videoPlayImage
{
    position:absolute;
    top: 50px; 
    left: 100px; 
    z-index: 3;
    pointer-events: none;
}


.brandImageCell
{
    width:250px;
    padding-left: 0px;
    padding-right: 30px;
    padding-bottom: 30px;
}

.AccountBox a
{
    line-height: 1.7;
    font-weight: bold;
}

.YouTubeLeft
{
  float: left;
  margin-left: 30px;
}

.YouTubeContainer
{
  width: 100%;
  display: block;
  overflow: hidden;
}

.child-element {
    position: relative;
    width: 100vw;
    left: calc(-50vw + 50%);
    height: 50px;
    background: blue;
}

.parallaxContainer {
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallaxVideoContainer{
        /* Create the parallax scrolling effect */
    background-color: rgba(0,0,0,.65);
  /*  position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;*/
}

.parallaxVideo {
    position: fixed;
    min-width: 100%;
    width: auto;
    z-index: -1;
}

.micrositePageHeader {
    margin: 0px auto;
    padding-top: 150px;
    width: 850px;
	text-align: center;
    height: 400px;
}

.micrositePageHeader h1 {
    color: white;
    font-family: Montserrat, Adobe Blank;
    line-height: 1em;
    text-transform: none;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 100px;
}

.micrositePageHeader h2 {
    color: white;
}

.micrositePageHeader h3 {
    color: white;
}

.footerImage img
{
    width: 100%;
}

.productNoStock
{
    color: red;
}