﻿/* Webfont: Lato-Black */@font-face {font-family: 'LatoWebBlack';src: url('/fonts/Lato-Black.eot'); /* IE9 Compat Modes */src: url('/fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('/fonts/Lato-Black.woff2') format('woff2'), /* Modern Browsers */url('/fonts/Lato-Black.woff') format('woff'), /* Modern Browsers */url('/fonts/Lato-Black.ttf') format('truetype');font-style: normal;font-weight: normal;}
/* Webfont: Lato-Regular */@font-face {font-family: 'LatoWeb';src: url('/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */src: url('/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */url('/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */url('/fonts/Lato-Regular.ttf') format('truetype');font-style: normal;font-weight: normal;}
.brand { padding:10px;border-radius:0px;display:block; }
.brand-hr { width: 100%; height:3px; margin-top:25px; }
#ToolsDetail {background-color:transparent;}
.main { min-width: 100%;display:inline-block;}
.section {width: 100%; float:none !important; margin: 0 auto !important;}
.section-secondary {float:left; }
.section__outer-wrapper {float:left;width:100% !important;max-width:1028px !important;}
.section-top-offers {background-color: #fff;margin-top: 0;min-width:100%;text-align:center;}
.ReviewStars, .ReviewStarsBig {clear:both;display:inline-block !important;padding:0 0 10px;margin-top:20px;}
.ReviewStars img {width:16px !important;height:16px !important;padding:1px !important;display:inline-block !important;}
.ReviewStarsBig img {width:32px !important;height:32px !important;padding:1px !important;display:inline-block !important;}
#ToolsDetailTop {height: auto !important;min-width:100%}
.side-img { margin-bottom: 1.25em !important; float:right; }
#ToolProduct {width:100%;max-width:1200px;background-color:#ffffff;}
#ToolProduct .ToolPromotions a img {max-height:110px;max-width:125px;}
#ToolProduct .ToolPromotions a {max-width:190px;}
.ToolPromotions {display: block !important;float: left;margin: 0;padding-top: 2px;padding-bottom: 25px;width: 100%;background-color:#ebebeb;}
.ToolPromotions .PromotionListing {cursor: pointer;display:inline;font-family:LatoWeb;font-size: 11px;font-weight:normal;height: auto;margin: 0px;position: relative;width: 100%;max-width:190px;height:250px;}
.ToolPromotions a {border-radius: 0;display: block;padding: 4px;text-decoration: none;width: 100%;border: 1px solid #dbdbdb;height:250px;}
.ToolPromotions a img {max-height:101px;max-width:135px;}
.ToolPromotions a:hover {border:0px solid #4e4e55;}
.ToolPromotions .PromotionListing a:hover {border:1px solid #4e4e55;}
.ToolPromotions .PromotionListing .ImageListing {float: left;height: 90px;left: 0;margin: 0 0 5px;overflow: hidden;position: relative;top: 0;width: 100%;}
.ToolPromotions .PromotionListing .ImageListing img {display:block !important;border: 0 none;float: none;margin: 0;position: relative;width: 120px;height:90px;}
.ToolPromotions .PromotionListing .ProductListing {float: left;left: 0;position: relative;top: 0;width: 100%;height:55px;}
.ToolPromotions .PromotionListing .ProductListing .ProductName h2 {color: #333;float: left;font-family:LatoWeb;font-size: 10px;font-weight: lighter;line-height: 15px;margin: 0 !important;padding: 0 !important;text-align: center;width:100%;}
.ToolPromotions .PromotionListing .ProductPrice p {vertical-align:text-bottom;height:190px;color: #ee4224;float: none;font-family:LatoWeb;font-weight:bold;font-size: 28px;margin: 0 !important;padding: 0 !important;text-align: center;width: 100%;}
.ToolPromotions .PromotionListing .AddToBasket {display:none;float: none;left:0;right: 20px;position: absolute;top: 170px;width: 95%;background-color:#f88a3c;height:40px;}
.ToolPromotions .PromotionListing a span abbr {border: 0 none;color: #009800;display: block !important;font-size: 11px;font-weight: normal;line-height: 11px;text-align: center;text-decoration: none;text-transform: uppercase;bottom:0;width: 100%;}
.ToolPromotions .PromotionListing b.buyNow {display:none ;}
.ToolPromotions .PromotionListing b.viewNow {display:none;}
.ToolPromotions .PromotionListing:hover .ProductPrice {display:block;}
.ToolPromotions .PromotionListing:hover b.viewNow {background: #0081c5 none repeat scroll 0 0;bottom: 35px;color: #ffffff;display: none;font-family:LatoWeb;font-size: 14px;font-weight: normal;height: 30px;line-height: 30px;margin: 0 5px 0 5px;max-width: 114px;position: absolute;text-align:center;text-transform: uppercase; width: 100%;max-width:240px;}
.ToolPromotions .PromotionListing:hover b.buyNow {background: #f88a3c none repeat scroll 0 0;bottom: 0px;color: #ffffff;display: none;font-family:LatoWeb;font-size: 14px;font-weight: normal;height: 30px;line-height: 30px;position: absolute;text-align:center;text-transform: uppercase; width: 100%;max-width:240px;}
.ToolPromotions .PromotionListing:hover b.viewNow:hover, .ToolPromotions .PromotionListing:hover b.buyNow:hover {opacity:0.85}
.AddToBasket img {display:none;}



.Cat-Page #ToolProduct {background-color:#0081c5;color:#ffffff;}
#Cat-Page-inner .ToolPromotions {background-color:#0081c5;color:#ffffff;}
.Cat-Page #ToolProduct .ToolPromotions {margin:0;}
#ToolProduct .ListingResults {color:#ffffff;}
#ToolProduct .ToolCatList {background-color: #fff;border: 1px solid #dbdbdb;display: inline-block;height: 230px;margin-bottom: 10px;margin-right: 9px;max-width: 190px;width: 100%;}
.arrow { font-size:18px !important; }
/*dark theme*/
.hr-dark {background-color:#000;}
.text-dark, .PageNumber-dark {color:#000 !important;}
.On-dark {background-color:#1a1a1a !important; outline:1px solid #1a1a1a !important; }
.arrow-disabled-dark {display: none !important;}
.arrow-enabled-dark {color:#000 !important;}

/*light theme*/

.hr-light {background-color:#bfbfbf;}
.text-light, .PageNumber-light {color:#bfbfbf !important;}
.On-light {background-color:#bfbfbf !important; outline:1px solid #bfbfbf !important; color:#000 !important; }
.arrow-disabled-light {display: none !important;}
.arrow-enabled-light {color:#bfbfbf !important;}

.RefineToggle {border: 1px solid #DBDBDB;background-color: #F2F2F2;width:100%;display:inline-block;cursor:pointer;color: #5A6771;font-weight: bold;padding: 10px 0px;margin: 0px 0px;min-width:100%;}
.section__outer-wrapper { min-width: 100% !important; }
.SortBy {width:100%; text-align:right; margin-bottom:10px;}
#ToolRefineBox {margin: 0px 10px 0px 0px;padding: 0px 0px 20px 0px;border: 1px solid #DBDBDB;box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);background-color: #F2F2F2;width:100% !important; height:auto;}
#ToolRefineBox1 { margin: 0px 10px 0px 0px;padding: 0px 0px 20px 0px;border: 1px solid #DBDBDB;box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);background-color: #F2F2F2;width:100% !important; height:auto;overflow:auto;}



.brand-description {text-align:center;}
.brand-description p {text-align:left;}
.brand-logo {margin:0 auto !important;}

@media only screen and (max-width: 374px) {
    #ToolProduct .ToolPromotions a span abbr {display: inline-block !important;padding-left:10px;}
}

@media screen and (min-width: 480px) {
    .brand-description {/*width:60%;*/font-size:14px;vertical-align:bottom;text-align:justify; display:inline-block; }
    /*.brand-featured-img {width:40%;vertical-align:bottom;display:inline-block; }*/
    .section-secondary { display:block !important ;}
     .ReviewStars, .ReviewStarsBig {margin-top:0px;}
    #ToolRefineBox1, .ToolPromotions .PromotionListing:hover .ProductPrice {display: none;}
     .ToolPromotions .PromotionListing  {display:inline-block;margin:5px;}
    .ToolPromotions a span {font-size:20px;}
    .ToolPromotions a span abbr {font-size: 12px; }
    .ToolPromotions .promotion-header { text-align:left; font-size:12px; height:50px;padding:10px; margin-bottom:6px;line-height:1em;}
    #ToolProduct .ToolPromotions a {margin:5px;}
    .RefineToggle {display:none;}
    .main { min-width: 100%; }
    .brand { padding:20px 30px; }
    .section {min-width:1000px !important; max-width:1000px;}
    .ToolRefineBox {float: left;min-width:260px;max-width:260px;}
    .section__outer-wrapper {float: left;min-width:740px !important;max-width:740px !important; padding: 0;}
    .section-top-offers {text-align:left;padding-left:10px;} 
    .ToolPromotions .PromotionListing:hover b.viewNow, .ToolPromotions .PromotionListing:hover b.buyNow {display: block;}
    .ToolPromotions .PromotionListing:hover b.viewNow {max-width: 180px;margin-left:10px;margin-right:0px;}
    .ToolPromotions .PromotionListing:hover b.buyNow {max-width: 180px;margin-left:10px;margin-right:0px;}
}


@media screen and (min-width: 1100px) {

 
    .main { min-width: 100%; }
    .brand { padding:20px 30px; }
    .section {min-width:1200px !important; max-width:1200px;}
    .ToolRefineBox {float: left;min-width:260px;max-width:260px;}
    .section__outer-wrapper {float: left;min-width:940px !important;max-width:940px !important; padding: 0;}
    .section-top-offers {text-align:left;}
    #ToolProduct {max-width:100%;}  
}

@media screen and (min-width:1400px) {
    .main { min-width: 100%; }
    .brand { padding:20px 30px; }
    .section {min-width:1400px; max-width:1400px;}
    .ToolRefineBox {float: left; min-width:260px;max-width:260px;}
    .section__outer-wrapper {float: left;min-width:1140px !important;max-width:1140px !important; padding: 0;}
    .section-top-offers {text-align:left;}
    #ToolProduct {max-width:100%;}  
}

@media screen and (min-width: 1600px) {
    .section {min-width:1600px; max-width:1600px;}
    .section__outer-wrapper {min-width:1340px !important;max-width:1340px !important;}
    .ToolRefineBox {min-width:260px;max-width:260px;}
}










