.cbox .img-responsive {width:100%;}

.product-list .name-desc .name a {
    font-size: 16px;
    color: #0e3154 !important;
    font-weight: bold;
}


.note{border:1px solid #e6e6e6}

.category-title{font-size:24px; margin-bottom: 27px;}

.category-title::after {
    height: 5px;
    background: rgba(21,57,93,1);
    content: '';
    display: block;
    margin-top: 4px;
}
.product-filter {
    padding: 12px;
    margin: 15px 0px 15px 0px;
    border: 0px solid #ddd;
    background-color: #0e3154;
    color: #fff;
border-radius:7px;
}

.product-filter .options .button-group button {
    color: #fff;
}

 .product-filter .options .button-group button:hover, .product-filter .options .button-group .active{

color:#38b6ff
}

.product-compare a{
    color: #fff;
}
.product-compare a:hover{
color: #38b6ff
}

.category-list a {
    display: block;
    color: #fff;
    text-align: center;
    padding: 5px;
    min-height: 52px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    line-height: 19px;
    background-color: #15395d; border:1px solid #15395d;
}

.category-list a:hover
{background-color:#F8F8F8; color:#15395d;}

.drillbod{
	background-image: url(/image/catalog/yestool/drillbodybg.png);
	background-repeat: no-repeat;
	background-position: 145% bottom;
}

.insertbg{
	background-image: url(/image/catalog/yestool/inserts-bg.png);
	background-repeat: no-repeat;
background-position: 145% bottom;
}


.scribingbg{
	background-image: url(/image/catalog/yestool/scribingbg.png);
	background-repeat: no-repeat;
background-position: 145% bottom;
}



.holderbg{
	background-image: url(/image/catalog/yestool/holders-bg.png);
	background-repeat: no-repeat;
background-position: 145% bottom;
}


.sleevebg{	background-image: url(/image/catalog/yestool/sleeve-bg.png);
	background-repeat: no-repeat;
background-position: 145% bottom;
}


.torxbg{
	background-image: url(/image/catalog/yestool/torx-bg.png);
	background-repeat: no-repeat;
background-position: 145% bottom;
}

.capscrewbg{
	background-image: url(/image/catalog/yestool/capscrewbg.png);
	background-repeat: no-repeat;
background-position: 145% bottom;
}







.toolpostsm{
	background-image: url(/image/catalog/aloristool/toolpostbg.png);
	background-repeat: no-repeat;
background-position: 145% bottom;
}

.holderm{
	background-image: url(/image/catalog/aloristool/toolholderbg.png);
	background-repeat: no-repeat;
background-position: 145% bottom;
}

.toolpostholderm{
	background-image: url(/image/catalog/aloristool/setsbg.png);
	background-repeat: no-repeat;
background-position: 145% bottom;
}

.bladesm{
	background-image: url(/image/catalog/aloristool/bladesbg.png);
	background-repeat: no-repeat;
background-position: 145% bottom;
}

.boringm{
	background-image: url(/image/catalog/aloristool/barsbg.png);
	background-repeat: no-repeat;
background-position: 145% bottom;
}

.spindm{
	background-image: url(/image/catalog/aloristool/stopsbg.png);
	background-repeat: no-repeat;
background-position: 145% bottom;
}


.scribingbg:hover,
.toolpostsm:hover,
.holderm:hover,
.toolpostholderm:hover,
.bladesm:hover,
.boringm:hover,
.spindm:hover,
.sleevebg:hover,
.holderbg:hover,
.torxbg:hover,
.insertbg:hover,
.capscrewbg:hover,
.drillbod:hover{
	background-repeat: no-repeat;
	background-position: 100% bottom;
}


.topcats ul{margin:0px; padding:0px;}


.topcats li {display:inline-block !important; width:32%; list-style-type: none;margin:.5%; }
.topcats li a{display:block !important; width:100%; background-color:#ffffff; padding:10px; border:1px solid #cccccc; line-height:80px; text-align:center; font-size:18px;}
.catym, .topcats li a:hover{background-color:#F8F8F8;}


.catym{display:block; width:100%; text-align:center;margin:.5%;background-color:#ffffff; padding:10px; border:1px solid #cccccc; line-height:40px; text-align:center; font-size:18px; max-width: 1064px;}





.product-list .actions > div .price::before{content:"Price: "; padding-right:7px;}

.price-new::before {
    content: "Price:";
    padding-right: 12px;
    color: #333333;
    font-size: 14px;
}


.category-list img {
    
    margin-bottom: 0px;
    border: 1px solid #ffffff; 
}

.category-list img:hover {
    
    margin-bottom: 0px;
    border: 1px solid #D21F11 !important;
}





.refine_search{display:none}

ul.box-filter ul li {
    list-style: none;
    display: inline-block;
    padding: 2px 10px 5px 5px;
    background-color: #f8f8f8;
    margin-bottom: 3px;
    margin-right: 1px; color:#000000;
}
ul.box-filter ul {
    list-style: none;
    background-color: #fff;
    padding: 5px 5px 2px 5px;
    border: 1px solid #ebebeb;
}

ul.box-filter > li > span::before{ content: "Select a "}

.fbut {
    background-color: #ffffff !important;
    padding-top: 6px !important;
    margin-bottom: 0px !important;
}

#button-filter{margin-bottom:0px}

ul.box-filter > li > span {
    font-weight: bold;
    font-size: 20px;
    color: #000;
    margin-bottom: 4px;
    display: block;
}
.box-heading2,
#column-left .box-heading:first-of-type{display:none !important;}

.adbut{display:inline-block; width:50%; text-align:center; background-color:#2662B2; padding-top:10px; padding-bottom:10px; color:#ffffff; margin-top:-10px; font-weight:bold;}
.adbut:hover{background-color:#555555; color:#ffffff}

.cms-embed {
  position: relative;
  max-width:100%; margin-top:20px; margin-bottom:10px;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%; /* 16:9, calculated as 9÷16 */
}

/* The embedded iframe */
.cms-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



.layout-3.wide-bnr {
    background: url(/image/catalog/version-03/main-bg-slider-wide.jpg) no-repeat;
        background-size: auto; border: 2px dashed #ebebeb;
}
.center-column .panel-body .buttons {
    margin: 0px;
    display: block;
    clear: both;
}

#payment .form-group:nth-child(4) {display:none;}
#payment .form-group:nth-child(7) {display:none;}

.layout-3.wide-bnr:hover {
     border: 2px dashed #555555;
}
.mailchimp-integration h3, .mailchimp-integration h4 {
    margin: 0 !important;
    color: #fff !important;
}


.mailchimp-integration .button {
    background-color: #D32211 !important;
    margin-top: 25px;
    width: 100%;
    font-size: 18px;
    line-height: 20px;}

 .box .box-heading {
    margin: 0px 0px 15px 0px !important;
 
    border-bottom: 1px solid #e5e5e5;

}
.box .box-heading::after {

    width: 0px !important;
    left: 0px;
}
.mailchimp-integration h3
{margin-top: 10px;
font-size: 26px;
line-height: 1.1;}

.mailchimp-integration input[type="text"]{border-radius:30px;}
.mailchimp-integration .mi-block {
    display: inline-block;
    margin: 5px;
    min-width: 150px;
    vertical-align: top;
    width: 30%;
}

.mailchimp-integration {
    overflow: hidden;
    margin-bottom: 40px !important;
}

.mailchimp-integration .mi-block, .mailchimp-integration .mi-block a{
  
    color: #fff;
}


#clear{width:100%; height:20px; clear:both;}

#biobox {
    width: 47%;
    margin-right: 25px;
    float: left;
    background-color: #F4F4F4;
    padding: 8px;
    border: 1px solid #DBDEE1;
    margin-bottom: 20px;
    font-size: 13px;
    min-height: 186px;
}

.buttons .left .button, .buttons .center .button, .btn-default, .input-group-btn .btn-primary {    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; !important

}


.nomo{margin-left:230px;}
.nomo2{margin-right:-70px;}
.sld{max-height:459px;}
.wide-bnr h5{
    
    color: #1E5AAC;

}

.layout-3.wide-bnr h5 span{    color: #D32211;}


.blft{border-left:1px solid #ffffff;}
.tags_product{display:none;}
.lrgr p{font-size:17px;}
.copyright {
    position: relative;
    border-top: 5px solid #1E5AAC;
}

.box-category > ul > li:last-child{border-bottom:none !important;}
.product-list > div {
    position: relative;
    margin: 0px 0px 20px 0px;
    padding: 7px;
    border: 1px solid #ebebeb;
    background: #fff;
}

.product-list > div:hover {
    border: 1px solid #ebebeb;
    background: #F8F8F8;
}


.button-product-question{margin-top:10px;}

.product-list .name-desc .rating {
    display: none;
}


.box-with-categories
 {
  
    background-color: #ffffff;

-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);


}

.col-sm-3 .box .box-heading, .col-sm-4 .box .box-heading, .col-md-3 .box .box-heading, .col-md-4 .box .box-heading {
    padding: 14px 10px 10px 10px;
    border: none;
    font-size: 16px;
    margin: 0px 0px 0px 0px;
    background-color: #ffffff;

background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );




}


.box-category ul li ul li {
    padding: 0px 0px 0px 0px;
border-top: 1px dashed #ebebeb;
background-color: #f6fafe;




}
.box-category > ul > li {
    padding: 0px;
    border-bottom: 1px dashed #ebebeb;


}
.box-category > ul > li a:hover{
background-color:#F8F8F8}


.center-column {
    padding-top: 5px;
   
}


.box-category ul li a {padding:10px;
    display: block; line-height:normal;
    font-weight: bold;
}




.box-category ul li ul li a{
 
font-size: 13px !important;
font-weight: normal;
color: #555555;



}


#column-left
.panel .accordion-toggle{position:absolute}

#top .logo {
    padding: 12px 0px 5px 0px;
    margin-top: -37px;
    display: block;
    background-color: #ffffff;
    max-width: 270px;
    text-align: center;
    width: 100%;

-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);



}
#column-left
.panel .accordion-toggle {
    position: absolute;
    right: 19px;
    margin-top: -34px;
}

.box {
    padding-top: 0px;
    margin-top: 5px;
    margin-bottom: 20px;
}


.box-category ul li .head a
 {
    display: block;
    width: 30px; padding:0px !important; 
    text-align: center; 
    height: 30px;
    background-color: #F8F8F8;  border: 1px solid #ebebeb; border-radius:4px;
}












.call-mun i {

    margin-right: 0px;
}

.panel-title a{display:block}
.breadcrumb .container ul {
 border-bottom: 1px dashed #ebebeb;
}
.fa{padding-right:7px !important;}
.scrollup .fa {

    padding-right: 0px !important;
}

ul.megamenu li .sub-menu .content .static-menu a.main-menu{font-size:13px; border-bottom:1px dashed #ebebeb; display:block;padding:5px 4px 4px 4px; color:#555555; font-weight:normal;}

ul.megamenu li .sub-menu .content .static-menu a.main-menu:hover{display:block;color:#1E5AAC; font-weight:normal; background-color:#F8F8F8}

ul.megamenu li .sub-menu .content .static-menu a.main-menu::before {
    content: "\f0c8";
    float: left;
    color: #1E5AAC;
    font-family: FontAwesome;
    font-size: 7px;
    margin: 5px 7px 5px 2px;
}



.product-info .product-image {
    margin: 0px 0px 20px 0px;
    background: #fff;
    text-align: center;
    border: 1px solid #ebebeb;
}



ul.megamenu li .sub-menu .content .static-menu > .menu > ul > li{padding-top:0px;}
#top .search_form .search-cat {
    display: none;
}

#currency_form{display:none !important;}

 .shipping-info { margin-top: 60px; }




@media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

    tr {
      margin: 0 0 1rem 0;
    }
      
    tr:nth-child(odd) {
      background: #ffffff;
    }
    
		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}




		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
		td:nth-of-type(1):before { content: "Drill Dia"; }
		td:nth-of-type(2):before { content: " Shank OD"; }
		td:nth-of-type(3):before { content: "Cut Depth "; }
		td:nth-of-type(4):before { content: "Drill body P/N "; }
		td:nth-of-type(5):before { content: "Insert P/N"; }
		td:nth-of-type(6):before { content: "Cap Screw"; }
		td:nth-of-type(7):before { content: "Torx Driver"; }
 		td:nth-of-type(8):before { content: "RPM"; }
		td:nth-of-type(9):before { content: "Feed IN/REV"; }


.tab-content  td, .tab-content  th {
  border: 0px solid #ddd;   border-bottom: 1px solid #ddd;
}

.tab-content table {
    text-align: left;
    line-height: 32px;
}



.topcats li {display:inline-block !important; width:99%; list-style-type: none;margin:1%}

.topcats li a{text-align:left; font-size:18px;}






	}








#top .container {
padding-top:0px;
    padding-bottom: 0px;
}

#top #cart_block, .header-type-2 #top .horizontal {
    padding-top: 30px !important;
}




.ftrc, .ftrc li, .ftrc li a, .ftrc h4{color:#ffffff !important}
 .ftrc li a{display:block;}
.ftrc li {border-bottom: 1px solid #444444 !important;}


.ftrc li a:hover{color: #1E5AAC !important;}


.ftrc ul li::before {
    content: "\f0c8";
    float: left;
    color: #1E5AAC;
    font-family: FontAwesome;
    font-size: 7px;
    margin: 10px 7px 5px 2px;
}

.footer .pattern{padding-bottom:0px;}





@media all and (max-width: 991px) { 


.ads{margin-top:12px;}
.adbut{display:inline-block; width:50%; text-align:center; background-color:#2662B2; padding-top:10px; padding-bottom:10px; color:#ffffff; margin-top:-10px; font-weight:normal; font-size:12px;}

#top-bar{
   display:none !important;
}



#top .logo {
padding: 7px 0px 0px 0px;
    margin-top: 0px;
    display: block;
    background-color: #ffffff;
    max-width: 70px;
    text-align: center;
    width: 100%;

-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);

}



.responsive #top #cart_block .cart-heading p {
    display: inline-block !important;
    padding-left: 12px;
}


.responsive #top .container {
    padding-top: 0px;
    padding-bottom: 0px;
}

.responsive .header-type-2 #top .horizontal .megaMenuToggle {
    position: absolute;
    top: 100% !important;
    right: 0 !important;
    margin-top: 3px !important;
}



.nomo{margin-left:0px !important;}
.nomo2{margin-right:0px !important;}


.mailchimp-integration .mi-block {
    display:block;
    margin: 5px;
    min-width: 150px;
    vertical-align: top;
    width: 100%;
}


#top #cart_block, .header-type-2 #top .horizontal {
    padding-top: 12px !important;
    padding-bottom: 7px !important;
}

.header-type-2 #top .horizontal{float:none !important;}


}