/* PED Nav Bar */
  #css_nav_container { 
    height:37px; width:100%; border-bottom: 1px solid #c5c5c5; list-style-type: none; background:#f1f1f1;
    background: #F5F5F5; /* For browsers that do not support gradients */
    background: -moz-linear-gradient(top,  #f1f1f1 40%, #e3e3e3 60%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f1f1f1 40%,#e3e3e3 60%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f1f1f1 40%,#e3e3e3 60%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
  }

  .nav-item {
  box-sizing:border-box; 
  background: #F5F5F5; /* For browsers that do not support gradients */
  height: 37px; width: auto; float: left; font-size: 12px; line-height: 12px; text-decoration: none; font-family: 'Arial', sans-serif; border-right: 1px solid #c5c5c5;
  list-style-type: none; background:#f1f1f1;
  background: -moz-linear-gradient(top,  #f1f1f1 40%, #e3e3e3 60%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #f1f1f1 40%,#e3e3e3 60%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #f1f1f1 40%,#e3e3e3 60%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
  }
  
  #acd:hover { color: #004f88 !important; border-bottom: 2px solid #004f88; height:37px !important; }
  #cvd:hover { color: #8D4E18 !important; border-bottom: 2px solid #8D4E18; height:37px !important; }
  #csd:hover { color: #59820f !important; border-bottom: 2px solid #59820f; height:37px !important; }
  #ecd:hover { color: #006ba5 !important; border-bottom: 2px solid #006ba5; height:37px !important; }
  #egd:hover { color: #d40012 !important; border-bottom: 2px solid #d40012; height:37px !important; }
  #lbd:hover { color: #a13300 !important; border-bottom: 2px solid #a13300; height:37px !important; }
  #lsd:hover { color: #5e320c !important; border-bottom: 2px solid #5e320c; height:37px !important; }
  #md:hover { color: #05801b !important; border-bottom: 2px solid #05801b; height:37px !important; }
  #ped:hover { color: #005088 !important; border-bottom: 2px solid #005088; height:37px !important; }
  #pwd:hover { color: #0078ae !important; border-bottom: 2px solid #0078ae; height:37px !important; }
  #sbd:hover { color: #006095 !important; border-bottom: 2px solid #006095; height:37px !important; }
  #std:hover { color: #63ac00 !important; border-bottom: 2px solid #63ac00; height:37px !important; }
  #spd:hover { color: #0278DA !important; border-bottom: 2px solid #0278DA; height:37px !important; }
  #td:hover { color: #5d2d01 !important; border-bottom: 2px solid #5d2d01; height:37px !important; }
  #wpd:hover { color: #14868e !important; border-bottom: 2px solid #14868e; height:37px !important; }

  #acd_active { background-color:#005087 !important; height:38px !important; color:white !important; }
  #sbd_active { background-color:#005f93 !important; height:38px !important; color:white !important; }
  #td_active { background-color:#5b2c01 !important; height:38px !important; color:white !important; }
  #lbd_active { background-color:#6a3100 !important; height:38px !important; color:white !important; }
  #cvd_active { background-color:#8d4e19 !important; height:38px !important; color:white !important; }
  #pwd_active { background-color:#0174aa !important; height:38px !important; color:white !important; }
  #egd_active { background-color:#393939 !important; height:38px !important; color:white !important; }
  #md_active { background-color:#193f18 !important; height:38px !important; color:white !important; }
  #wpd_active { background-color:#236c71 !important; height:38px !important; color:white !important; }
  #spd_active { background-color:#0177d1 !important; height:38px !important; color:white !important; }
  #csd_active { background-color:#34560a !important; height:38px !important; color:white !important; }
  #lsd_active { background-color:#5d310c !important; height:38px !important; color:white !important; }
  #std_active { background-color:#4f7f0f !important; height:38px !important; color:white !important; }

  #acd_active:hover { background:#005087 !important; height:38px !important; color:white !important; }
  #sbd_active:hover { background:#005f93 !important; height:38px !important; color:white !important; }
  #td_active:hover { background:#5b2c01 !important; height:38px !important; color:white !important; }
  #lbd_active:hover { background:#6a3100 !important; height:38px !important; color:white !important; }
  #cvd_active:hover { background:#8d4e19 !important; height:38px !important; color:white !important; }
  #pwd_active:hover { background:#0174aa !important; height:38px !important; color:white !important; }
  #egd_active:hover { background:#393939 !important; height:38px !important; color:white !important; }
  #md_active:hover { background:#193f18 !important; height:38px !important; color:white !important; }
  #wpd_active:hover { background:#236c71 !important; height:38px !important; color:white !important; }
  #spd_active:hover { background:#0177d1 !important; height:38px !important; color:white !important; }
  #csd_active:hover { background:#34560a !important; height:38px !important; color:white !important; }
  #lsd_active:hover { background:#5d310c !important; height:38px !important; color:white !important; }
  #std_active:hover { background:#4f7f0f !important; height:38px !important; color:white !important; }
  
  a.nav_links { text-decoration: none; color: #6a6a6a; display: block; padding: 0 16.42px; font-weight: bold; }
  a.nav_links:hover { background:#f1f1f1;
  background: -moz-linear-gradient(top,  #fcfcfc 40%, #f1f1f1 60%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #fcfcfc 40%,#f1f1f1 60%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #fcfcfc 40%,#f1f1f1 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
  }

  .tc { display: table-cell; vertical-align: middle; height: 37px; text-align: center; }
  .css_more { position: relative; display: block; text-decoration: none; float: left; z-index:100; }
  li.nav-subitem, .tc { width:124px; } 
  li.nav-subitem:nth-child(odd) { border-right:1px solid #ccc; }

  ul.nav_inner ul.nav_ul { position: absolute; display: none; background: #F5F5F5; /* For browsers that do not support gradients */ height: auto; width: auto; float: left; margin-left: -178px; 
  font-size: 12px; border-right: 1px solid #c5c5c5; border-top: 1px solid #c5c5c5; line-height: 12px; text-decoration: none; font-family: 'Arial', sans-serif; list-style-type: none; background:#f1f1f1;
  }

  ul.nav_inner ul.nav_ul > li.nav-item { background: #F5F5F5; /* For browsers that do not support gradients */ height: 37px; display: inline-block; width: 50%; font-size: 12px; float: left; border-bottom: 1px solid #c5c5c5; 
  line-height: 12px; text-decoration: none; font-family: 'Arial', sans-serif; list-style-type: none; background:#f1f1f1; 
  background: -moz-linear-gradient(top,#f1f1f1 40%, #e3e3e3 60%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,#f1f1f1 40%,#e3e3e3 60%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,#f1f1f1 40%,#e3e3e3 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e6e6', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
  }

  .css_more:hover .nav_ul { display:block; width:250px; padding:0px; position:absolute; border:1px solid #ccc; }
  ul.nav_inner ul.nav_ul li.nav-item a.nav_links { text-decoration: none; color: #6a6a6a; display: block; padding: 0 24.01px; font-weight: bold; border-left: 1px solid #c5c5c5; }
  .current { color: #ffffff; background-color: none; border-bottom: 0px }

  .nav-subitem { box-sizing:border-box; 
    background: -moz-linear-gradient(top,  #f1f1f1 40%, #e3e3e3 60%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,#f1f1f1 40%,#e3e3e3 60%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,#f1f1f1 40%,#e3e3e3 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e6e6', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
  }

  .nav_inner { margin: auto; padding: 0; list-style-type: none; height:37px; width:997px;}
  .nav_inner li{ margin: 0; padding: 0; list-style-type: none; float:left;}

/* left & right side bar widgets*/
.sidenav {width:187px;}
.b-left, .b-right {box-sizing: border-box;}
.sidenav ul {margin-top:0;}
.sidenav ul li {list-style-type: none; padding-top: 3px; }
.select-box {width: 100%; text-align: center;}
.box-title {line-height: 16px; font-family: 'Arial', sans-serif; text-align: center; font-size: 15px; font-weight: bold; padding: 20px 0px 15px 0px;display: block; max-width: 150px; margin: auto;}
.separate-border {display: block; width:100%;}
.drop-box{padding-bottom: 10px;}
.links-box {padding-top: 20px;}
.qsnumbers {font-size:30px;}
.qsmodels {line-height:14px; font-size:13px;}

.info-box{text-align: center;padding-bottom: 20px}
.image_container{display: block; margin: auto;padding-bottom: 15px; position: relative;}
.image_container img {width:150px; height:100px;}
.image-top {top: 0px; left: 18px; position: absolute;z-index: 100;}
.how-to-text{padding-top: 10px;overflow: hidden;width: 135px;display: block;margin: auto;font-size: 11px;}
.how-to-library{padding-top: 10px; font-size: 13px; line-height: 15px; max-width: 150px; display: block; margin: auto;}
.no-decor{text-decoration: none!important;}
.review-box{display: block;width: 170px; overflow: auto;margin: auto;}
.review-box-img{display: inline-block;float: left;width: 75px; height: 75px;}
.review-box-data{display: inline-block;float: left;width: 75px; padding-left: 10px;padding-top: 23px;}
.review-box-img img{width: 100%; height:auto;}
.review-number{line-height: 18px; font-family: 'Arial', sans-serif; font-size: 27px; font-weight: 700; display: block; width: 100%; margin: auto; padding-bottom: 5px;}
.review-text{font-size: 14px; font-weight: 400; display: block; width: 100%; margin: auto;}
.poll-box {display: block;margin: auto;width: 150px;}
.security-box{display: block; width:100%; }
.security-box img {display: block; margin: auto; max-width: 135px; height: auto;margin-top: 15px;}
.all-brands {display: block;padding-bottom: 10px;}
.expert-box{display:block;overflow:hidden;width: 93%;height: 139px;position: relative;margin: auto; margin-top: 20px;}
.expert-title {padding: 7px 0px 7px 7px;width: 161px;color: #fff;display: block;text-align: left;margin: auto;font-size: 14px;font-weight: 700;margin-top: 2px;}
.expert-text {display:block;text-align: left;padding: 32px 0px 0px 13px;}
.expert-image {display:block;width: 100%;margin:auto; background-repeat: no-repeat; height: 111px;position: absolute;top: 16px;}
.expert-button {position:absolute;top: 107px;}
div.findFast {padding-top:0;}
div.findFast select {display:block; width:175px; margin-bottom: 10px; margin-left:auto; margin-right:auto; border-radius: 3px; border: 1px solid #b0b0b0; height:30px; font-size: 13px; }
div.findFast div.avail {text-align:center; margin-top:3px; font-size:10px;}
.qsdd{padding: 3px 0;}
.hdng {font-family:Arial; font-size:16px; margin: 0px 15px 10px 15px;}
.inline-span {display: block;overflow: auto; cursor: pointer;}

#brand_ul {margin: auto;width: 160px;}
.fl-left{float: left;}
.fl-right{float: right;}
.shop-by-name {}
.shop-by-plus {font-weight: 700; font-size: 14px;}
/* END left & right side bar widgets*/

/*drop-down menu*/
/* for now this css is commented until it will be used as global

.drop-section-title{height: 28px; background-color: #0178b0; margin: 5px 0; color: #fff; text-align: center; text-transform: uppercase; font-size: 23px; font-weight: 700; font-family: 'Roboto', sans-serif;}
.roboto{font-family: 'Roboto', sans-serif;}
.howto-left-box{display: inline-block; float: left;}

.howto-left-box-text{height: 72px;overflow: hidden; width: 234px;}
.howto-right-box{display: inline-block;float: right;}
.howto-right-box-img{width:203px; height: 110px;}
.how-to-pic{color: #1181b3; font-size: 1em; font-weight: 900; font-family: 'Roboto', sans-serif;line-height: 23px;}
.how-to-pic-title{color: #2c5b95;font-weight: 900;font-size: 16px;font-family: 'Roboto', sans-serif;line-height: 23px;}
.popular-brands{width: 100%; height: 35px; background: -webkit-linear-gradient(left, #1d4f82, #0078ad); background: -o-linear-gradient(right, #1d4f82, #0078ad); background: -moz-linear-gradient(right, #1d4f82, #0078ad);
    background: linear-gradient(to right, #1d4f82, #0078ad);}
.str-trimmer-expert{float: right; position: absolute; bottom: -1px; right: -1px;}
.str-trimmer-expert img {width:150px; height: 132px;}
.howto_dd, .recommends_dd{background: -webkit-linear-gradient(#f3fdfc, #def0fa); background: -o-linear-gradient(#f3fdfc,#def0fa); background: -moz-linear-gradient(#f3fdfc,#def0fa);
    background: linear-gradient(#f3fdfc, #def0fa); border: 1px solid #0c3060;}
.dd_Text{font-family:'Roboto', sans-serif; font-weight: 700;color:#FFF;font-size:13px;padding:12px 0 0 18px;height:26px;float:left;width:270px;}
.howto_dd{height:112px;width:445px;padding:11px 11px 9px 10px; margin-top:20px;}*/ /* not everywhere is the same width for .howto-left-box-text and .howto_dd*/
/* END drop-down menu*/