/* 
Hindin Marquip Ltd default skin v1

This document is not to be copied or reproduced in anyway.
    
*/
@import 'media.css';
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,700,500,900);

/* Import Media Queries for responsive design */


.smallyoutube {    
    position: absolute;
    top: -4px;
    right: -15px;
    z-index: 1 !important;
    cursor: pointer;
}
.MiniMenu { display:none; }
.MiniMenu { overflow: hidden; }
.HeaderMenu { display:block;float: left; }
ol.wnsSliderPager { text-align: center; padding-bottom:10px;}
.clear {clear:both; width:100%; line-height:0; font-size:0; height:0; overflow:hidden;}
.Normal, .NormalDisabled, .NormalDeleted {}

/* These are the standard DNN HTML Objects, we need to clear them off all margins / styles */
html{height:100%;margin:0;padding:0;}

#Body { height:100%; color: #aaa; background-color: #282828; font-size: 10px; line-height: 10px;font-family: 'Roboto', sans-serif !important; padding: 0 0 0 0; margin:0; }

a, a:visited{color: #40454a; outline:0;border:0; text-decoration: none; outline:none; cursor:pointer; font-weight: normal;}
    a:hover {color: #5d9732; }

a.redlink {color: #5d9732; outline:0;border:0; text-decoration: none; outline:none; cursor:pointer; font-weight: normal;}
a.redlink:hover{ color: #40454a; }

/*
a.whitelink {color: #fff; outline:0;border:0; text-decoration: none; outline:none; cursor:pointer; font-weight: normal;}
a.whitelink:hover{ color: #d52b1e; font-weight:bold;}
    */

a:hover {text-decoration:none;}
p, ul, ol{margin:0;padding:0 0 0 0;}
ul, ol{list-style:none}
h1{ margin:0 0 0px 0;}
h2, .Head{ margin:0 0 0px 0;}
h3{font-size:18px; margin:0 0 10px 0;}

/* Fonts */
.Normal{}
.SubHead{}
.buttons a:hover {cursor:pointer;}
.clear {clear:both; width:100%; line-height:0; font-size:0; height:0; overflow:hidden;}
.wrapper{width:100%; overflow: hidden; position:relative;}
.extra-wrap{overflow:hidden; display:block;}

/* Top Sat Bar */
.SatBar {float: left; width: 100%; height: 30px; /*margin-top: 30px;*/ background: #f2f2f3; }
.SatBarInner {max-width: 1100px; width:100%; margin: 0 auto; height: 30px; background-color: #f2f2f3; color: #58595b; }
.SatBarLeft { float: left; width: 50%;}
.SatBarRight {float: right; text-align: right;}
.SatBarUser { float: right;}
.SatBarLinks {}
.SatBarLinks a:hover {color: white;}


.footerWapper {
    max-width: 1100px; width:100%; margin: 0 auto; overflow:hidden;}
/* Header Bar */
.HeaderBar { float: left; background-color: #d1d3d4; width: 100%; position:relative;}
.HeaderInner { max-width:1100px; width:100%; margin: 0 auto; background-color: #f1f2f2; } /*{ width:1080px; margin: 0 auto; }*/
.HeaderInnerTopBox { background-color: #d1d3d4; height: 142px; }
.HeaderInnerMenuBox { background-color: green; width: 870px; height: 57px; }
.HeaderLeftBox { float: left; height: 100%; width:20%;}
.HeaderPictureWrapper {}
.HeaderRightBox { float: left; height: 100%; position:relative;  width:78%;  }
.HeaderSearchBox {  float: left; }
/*.megaCSS3menu li:after { display: block; content: ""; width: 1px; height: 37px; background: transparent url('../../../0/SkinObjects/Menudivider.png') no-repeat; float: right; position: relative; top: -29px; left: 10px; }*/
.megaCSS3menu li, .megaCSS3menu li:hover {
    padding: 18px 5px 12px 5px !important;
}

.Megadrop li, .Megadrop li:hover{
     padding: 10px 0px !important;
}

.megaCSS3menu {
    width:70% ;
}

.HeaderRightBottom {
    width: 97%;
    float:right;
    height:50px;
}

/* Top Menu */
.TopMenuGrey {
    float: right;
    width: 108px;
    height: 20px;
    font-size: 12px;
    display: block;
    margin-right: 2px;
    color: #fff!important;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    background: -webkit-linear-gradient(#bdbfc1, #a4a4a4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#bdbfc1, #a4a4a4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#bdbfc1, #a4a4a4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#bdbfc1, #a4a4a4); /* Standard syntax */
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}
/*5d9732*/
.LoginLink {
    float: right;
    width: 97px;
    height: 20px;
    display: block;
    z-index: 1000;
    color: white;
    padding-top: 10px;
    text-align: center;
    font: bold 12px/10px arial;
    text-transform: uppercase;
    vertical-align: top;
    background: #5d9732;
    background: -webkit-linear-gradient(#5d9732, #4f802a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5d9732, #4f802a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5d9732, #4f802a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5d9732, #4f802a); /* Standard syntax */
}

.LoginLink::after {
    content: url(/Portals/_default/Skins/HMLSkin/images/WhiteLoginLock.png);
    position: relative;
    top: -3px;
    left: 10px;
}

/* Body Holder */
.BodyHolder { width: 100%; background-color: #f1f2f2; height: 100%; }
.CenteredBodyHolder { max-width:1100px; width:100%; margin: 0 auto; background-color: #fff;  -webkit-box-shadow: inset 0 8px 8px -8px rgba(0,0,0,0.8); -moz-box-shadow: inset 0 8px 8px -8px rgba(0,0,0,0.8); box-shadow: inset 0 8px 8px -8px rgba(0,0,0,0.8); }
.CenteredBodyHolderRightShadow { overflow:hidden; max-width: 1100px; width:100%; margin: 0 auto; 
                                 /*-webkit-box-shadow: 4px 0px 8px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 4px 0px 8px 0px rgba(50, 50, 50, 0.5); box-shadow: 4px 0px 8px 0px rgba(50, 50, 50, 0.5);*/ 
                                 background-color: #f1f2f2;   }
.CenterMe { width:90%; margin: 0 auto;}
.CenterMeNoWidth {  margin: 0 auto;}

/* Slider NAV */
.wnsSliderPagerItemLink { 
background: url("../../../0/SkinObjects/SliderNavOff.png") no-repeat 0 transparent; 
width: 20px;
height: 20px;
display: inline-block;}

.activeSlide .wnsSliderPagerItemLink{
    background: url("../../../0/SkinObjects/SliderNavOn.png") no-repeat 0 transparent !important; 
}

/* Inputs */
input.SearchBox {border: 1px solid #b5bdbf;border-right: 0px;color: #636971;height: 26px;margin-left: 8px;width: 324px;font-size: 12px;padding-left: 10px;line-height: normal !important;vertical-align: middle;margin-top: 30px;-moz-box-shadow: inset 0 0 5px #b5bdbf;-webkit-box-shadow: inset 0 0 5px #b5bdbf;box-shadow: inset 0 0 5px #b5bdbf;margin-bottom:25px;}
input.SearchButton {border: none;color: #636971;height: 30px;width: 97px;line-height: normal !important;vertical-align: middle;margin-left: -3px;margin-top: 5px;font-size: 12px;color: white;text-align: center;font-weight: bold;background: -webkit-linear-gradient(#5d9732, #4f802a); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(#5d9732, #4f802a); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#5d9732, #4f802a); /* For Firefox 3.6 to 15 */background: linear-gradient(#5d9732, #4f802a); /* Standard syntax */text-transform: uppercase;font-family: 'Roboto', sans-serif;}
input.SearchButton:hover { cursor: pointer; }
input.remove { background: url('../../../0/SkinObjects/RemoveButton.png') no-repeat; cursor: pointer; padding-left: 20px; font-size: 10px; vertical-align: text-bottom; line-height: 10px; border: none; color: #d52b1e; margin-top: 3px; }

input.GreenButton {
    background: url('/Portals/_default/Skins/HMLSkin/images/ShoppingCartWhite.png') no-repeat left center #5d9732;
    /*background-color: #5d9732;*/
    color: white;
    min-height: 45px;
    min-width: 50px;
    float: left;
    border: none;
    margin: 0;
    padding: 5px 10px 5px 23px;
    font-family: 'Roboto';
    font-weight: 900;
    font-size: 15px;
    text-transform: uppercase;
    /*background: url('images/myimg') -webkit-linear-gradient(#5d9732, #4f802a);
    background-image: url('images/myimg.png');
    background-color:*/
}

input.GreenButton:hover {
    background: url('/Portals/_default/Skins/HMLSkin/images/ShoppingCartWhiteHover.png') no-repeat left center #5d9732;
    text-shadow: 2px 1px 2px rgba(255, 255, 255, 0.5);
}

input.TextboxGreenAngle {
    background: url('/Portals/_default/Skins/HMLSkin/images/TextboxGreenAngle.png') no-repeat right center #fff;
    -webkit-box-shadow: inset 3px 3px 5px 0px rgba(168,176,178,1);
    -moz-box-shadow: inset 3px 3px 5px 0px rgba(168,176,178,1);
    box-shadow: inset 3px 3px 5px 0px rgba(168,176,178,1);
    float: left;
    min-height: 45px;
    width: 30px;
    border: none;
    margin: 0;
    border-bottom: none;
    padding: 0px 0px 0px 10px;
    width: 55px;
}

input.GreenLink {
    border:none;
    background-color:transparent;
    cursor:pointer;
}
a.GreenLink, input.GreenLink {
    color: #5d9732;
    text-transform: uppercase;
    font-size: 12px;
    font-family:'Roboto', sans-serif;
    font-weight:400;
}
a.GreenLink:hover {
    /*text-shadow: 2px 2px 1px #aaa;*/
}

.GrayTextUppercase {
    color: #323232;
    text-transform: uppercase;
    font-size:12px;
    font-weight:400;
    font-family:'Roboto', sans-serif;
    line-height: 20px;
    vertical-align: top;
}

.GreenLinkWrapper {
    margin: 5px 0px 0px 0px;
    text-align:center;
}

.CatLeft {
    background-color: #5d9732;
    text-align: center;
    padding: 5px 0px;
    color: white;
    min-height: 57px;
}

.CatRight {
    background-color: #bcbec0;
    margin: 3px 0;
    min-height: 57px;
    color: white;
}

.catalogue {background-color: white;padding-bottom: 12px;margin: 0 0 35px 0;}
/* /Portals/_default/Skins/HMLSkin/images */
article {display:block;}
.catalogue a.box-border {padding: 30px 0 20px 0;display: block;text-align: center;text-decoration:none;font-weight:600;}
.catalogue a.box-border img {display: inline;-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .3);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .3);border :none; vertical-align:central;}

/* Boxes holding Each Top Deal */
.TopDealsButton {margin-left: 10px;}
.TopDealsButtonMargin { margin-top: 30px; }
.TopDealsButtonMarginForPerc { margin-top: 10px; }
.TopDealsButton:hover {}
.TopDealsButton a {}
.TopDealTiny { font-size: 9px !important; line-height: 9px !important; }
.TopDealPerc { font-size: 15px; }

/* Buttons */
.button_shopnow{padding: 6px 10px 10px 10px;text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;background-image:url("../../../0/SkinObjects/ArrowButton.png"); background-repeat: no-repeat; background-position:right top; cursor: pointer; Color: white !important; width: 50%; height: 19px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.button_shopnow:hover{ background-image:url("../../../0/SkinObjects/ArrowButton.png"); background-repeat: no-repeat; background-position:right bottom;}
.button_details{padding: 9px 30px 10px 10px;text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;background-image:url("../../../0/SkinObjects/ArrowButton.png"); background-repeat: no-repeat; background-position:right top; cursor: pointer; Color: white !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 86%; height: 39px; }
.button_details:hover{ background-image:url("../../../0/SkinObjects/ArrowButton.png"); background-repeat: no-repeat; background-position:right bottom;}
.button_std{ 
border: none;
background-color: #4f802a;
text-decoration: none;
display: inline-block;
font-weight: bold;
color: #FFFFFF;
cursor: pointer;
color: white !important;
padding: 3px 10px;
transition: all 0.5s;
}

.button_std_links {
    line-height:1.5em;
}
.button_std:hover{background-color: #666;}

/*.button_std{padding: 2px 30px 10px 12px;text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;background-image:url("../../../0/SkinObjects/ButtonBG.png"); background-repeat: repeat-x; background-position:right top; cursor: pointer; Color: white !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 86%; height: 26px; }
.button_std:hover{ background-image:url("../../../0/SkinObjects/ButtonBG_on.png"); background-repeat:  repeat-x; background-position:right bottom;}*/


/* Extra Skin Components */
.mainWrapper {width:85%; margin:0 auto;}
.marginright2px {margin-right: 2px; }
.marginright20px {margin-right: 20px; }
.marginright15px {margin-right: 15px; }
.marginleft10 { margin-left: 10px; }
.marginleft15 { margin-left: 15px; }
.marginleft20 {  margin-left: 20px; }
.margintop5 { margin-top: 5px;}
.margintop15 { margin-top: 15px;}
.margintop25 { margin-top: 25px;}
.marginbottom5px { margin-bottom: 5px;}
.lineheight20 { line-height: 20px;}
.whitetext {color: #fff;}
a.whitelink {color: #fff;}
a.whitelink:hover {color: #7d7d7d; }
table.SideFilterList {width: 100%; margin: 0;}
    table.SideFilterList tbody tr td {
        padding-bottom: 5px;
        background-color: white;
        border-bottom: 1px solid #bcbec0;
        width: 100%;
        padding-left: 20px;
        font: bold 14px/30px 'Roboto';
        text-transform: uppercase;
    }
    table.SideFilterList tbody tr td:hover {
        background-color: #5d9732;
        color: white;
    }
        table.SideFilterList tbody tr td:hover a {
        color: white;
    }
.marginright3 { margin-right: 3%;}
.paddingtop3px { padding-top: 3px; }
.paddingtop5px { padding-top: 5px; }
.paddingtop10px { padding-top: 10px; }
.paddingtop25px { padding-top: 25px; }
.paddingtop8px { padding-top: 8px; }
.paddingleft20px { padding-left: 20px; }
.bottombordergrey { border-bottom: 1px solid #d4d4d4; }
.Size85 { font-size: 85%; }
.width18 { width: 18%; }
.width58 { width: 58%; }
.centerme { text-align: center; }
.redtext { color: #d52b1e !important; }
.boldgreentext { color: #529c00; font-weight: bold; }
.boldredtext { color: red; font-weight: bold; }
    
/* Content Panes */
.Pane30 { float: left; width: 27%; }
.Pane20 { float: left; width: 22.5%; margin: 0 2.5% 0 0px; }
.Pane25 { float: left; width: 25%; }
.Pane50 { float: left; width: 50%; }
.Pane70 { float: left; width: 67%; margin-right: 30px; }
.Pane80 { float: right; width: 75%; }
.Pane100 { float: left; width: 100%; }
.QuarterToHalf { float: left; width: 25%; }
.QuarterToHalfToWhole  { float: left; width: 25%; }

/*.FooterColumnOne { margin-left: 75px; width: 270px; float: left; }
.FooterColumnTwo { margin-left: 30px; width: 247px; float: left; }
.FooterColumnThree { margin: 0 65px; width: 247px; float: left; }
.FooterColumnFour { margin: 0; width: 247px; float: left; }*/

.FooterColumnOne ,.FooterColumnTwo ,.FooterColumnThree,.FooterColumnFour { margin: 0; width: 25%; float: left;padding-bottom: 20px; }
/* Margins */


/* Top Deals */
.TopDealsHolder {float: left; height: 180px;  width: 100%; font-size: 18px; line-height: 18px; }
    .TopDealsHolder span { font-size: 30px; font-weight: bold; line-height: 30px; }
.TopDealsText { margin: 10px 0px 0px 10px;}
.TopDealNewProducts { background: url("../../../0/SkinObjects/TopDealsLeftNewProducts.png") no-repeat scroll 0 #fff; background-position: right bottom;  }
.TopDealRomac { background: url("../../../0/SkinObjects/TopDealsLeftRomac.png") no-repeat scroll 0 #fff; background-position: right bottom;  }
.TopDealClearance { background: url("../../../0/SkinObjects/TopDealsLeftClearance.png") no-repeat scroll 0 #fff; background-position: right bottom;  }
.TopDealEmail { background: url("../../../0/SkinObjects/TopDealsLeftEmail.png") no-repeat scroll 0 #fff; background-position: right bottom;  }

/* Slider Fix */
.wns-slideshow-wrapper { margin: 5px 0 20px 0; z-index:0 !important; width:100% !important; max-width:860px !important; min-height:300px;}
    .wns-slideshow-wrapper img {
        width:100% !important;
    }

/* Footer */
.FooterHolder { background-color: #d1d3d4; min-height: 40px; width: 100%; float: left;}
.FooterPadding { height: 100%; width: 100%; padding: 28px 0px 0px 43px; }
.CopyrightHolder {
    height: 50px;
float: left;
width: 100%;
}

.CopyrightHolder {
color: #ffffff;
background-image: url('/Portals/_default/Skins/HMLSkin/images/FooterGreenLine.png');
font-style: normal;
background-repeat: repeat-x;
background-color: #f1f2f2;
background-size: 100% 100%;
font-variant: normal;
font-weight: normal;
font-size: 12px;
line-height: 45px;
font-family: arial;
}

h1.FooterHeader { color: #323232; text-transform: uppercase; margin-bottom: 20px; font-size:14px; font-weight:700; font-family: 'Roboto', sans-serif; }
.FooterText { color: #323232; font-family: 'Roboto', sans-serif; font-size:12px; font-weight:400;}

a.FooterEmailLink { color: #323232; font-family: 'Roboto', sans-serif; font-size:12px; font-weight:400;}
a.FooterEmailLink:hover { color: #5d9732; }

/* Unordered List Designs */
ul.FooterLinkList { font-family: 'Roboto', sans-serif; font-size:12px; font-weight:700; margin-left: -20px; }
ul.FooterLinkList li { height: 24px; }
ul.FooterLinkList li a{ font-family: 'Roboto', sans-serif; font-size:12px; font-weight:700; padding: 0px 0px 0px 20px; height: 20px; color: #323232; }
ul.FooterLinkList li a:hover { color: #5d9732; }
.nomargin { margin: 0 !important; }

a.FooterFacebookLink {
    background: url('/Portals/_default/Skins/HMLSkin/images/GreenSymbolFacebook.png') no-repeat;
}
a.FooterTwitterLink {
    background: url('/Portals/_default/Skins/HMLSkin/images/GreenSymbolTwitter.png') no-repeat;
}
a.FooterRSSkLink {
    background: url('/Portals/_default/Skins/HMLSkin/images/GreenSymbolRSS.png') no-repeat;
}

/* Product Displays */
.ProductDisplayTabContainer { float: left; width: 100%; }



/* Acumen Online Additions */
/* Acumen Online Additions */
/* Acumen Online Additions */
/* Acumen Online Additions */
/* Acumen Online Additions */

/* Product Displays */
.ProductDisplayGrid {float: left;width: 29%;min-height: 430px;padding: 10px;background-color: #fff;margin-bottom: 15px; cursor:pointer;
                     background-image: -ms-linear-gradient(bottom, #E0DFDC 0%, #FFFFFF 40%);
background-image: -moz-linear-gradient(bottom, #E0DFDC 0%, #FFFFFF 40%);
background-image: -o-linear-gradient(bottom, #E0DFDC 0%, #FFFFFF 40%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E0DFDC), color-stop(0.4, #FFFFFF));
background-image: -webkit-linear-gradient(bottom, #E0DFDC 0%, #FFFFFF 40%);
background-image: linear-gradient(to top, #E0DFDC 0%, #FFFFFF 40%);
}  
.ProductDisplayGrid:hover {box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.75);-moz-box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.75);-webkit-box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.75);}
.ProductDisplayGrid:nth-of-type(3n+2) { margin: 0 1.5%; margin-bottom: 10px;}
.ProductDisplayGridName { width: 95%;  padding-top: 5px; height:3.5em; overflow: hidden;  }
    .ProductDisplayGridName a {
        font-size:13px; font-weight: bold; color: #323232; text-transform:uppercase; line-height: 1.5em; font-family: 'Roboto', sans-serif;
    }
.ProductDisplayGridPartNo { width: 100%; padding-top: 6px; } 
.ProductDisplayGridRating { width: 100%; padding-top: 5px; }
.ProductGridName { color: #000; font-size:16px; line-height:1.5em;}
.ProductDisplayGridImageHolder { width: 100%; height: 100%; position: relative; }
.ProductDisplayGridBrand { width: 100%; height: 100%; }
.ProductDisplayGridBrand img{ border-right: 1px dotted red; border-bottom: 1px dotted red; }
.ProductDisplayGridShortDesc { overflow: hidden; width: 100%; height: 3em; line-height: 1.5em; margin-bottom: 8px; font-family: 'Roboto', sans-serif; font-size:13px; font-weight:400; color: #777777; }
.ProductDisplayGridImageHolder_IMG, .ProductDisplayGridImageHolder_Sale { width: 100%; height: 100%;  top: 0; left: 0; }
.ProductDisplayGridImageHolder_IMG {width:260px; height:260px; vertical-align: middle;display: table-cell; text-align:center;}
.ProductDisplayGridImageHolder_Sale { z-index: 10; }
.ProductDisplayGridPrice { float: left; width: 100%; padding-top: 5px; height:21px; }
.ProductImageGroup { max-width: 100%; max-height:100%; width:100%;}
.ProductGridMainPrice { font-family: 'Roboto', sans-serif; font-size:21px; font-weight:700; color: #000;  line-height: 21px; }
.ProductGridSubPrice { font-family: 'Roboto', sans-serif; font-size:13px; font-weight:400; color: #777777; text-decoration: line-through; text-decoration-color: #5d9732; }
.ViewProductImage_Main {max-height:400px;}

.mainShop_btdWrapper {
    max-width: 199px;
display: block;
margin: auto;
float: right;
}

.FilteredListHeader { width: 100%; float: left; padding: 5px 0 30px 0; }
.PadTextByImage { padding: 4px 0px 0px 10px }


.ProductDisplayList { 
    float: left;cursor: pointer;
    width: 100%;
    margin-bottom: 15px;
background-image: -ms-linear-gradient(bottom, #E0DFDC 0%, #FFFFFF 70%);
background-image: -moz-linear-gradient(bottom, #E0DFDC 0%, #FFFFFF 70%);
background-image: -o-linear-gradient(bottom, #E0DFDC 0%, #FFFFFF 70%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E0DFDC), color-stop(0.7, #FFFFFF));
background-image: -webkit-linear-gradient(bottom, #E0DFDC 0%, #FFFFFF 70%);
background-image: linear-gradient(to top, #E0DFDC 0%, #FFFFFF 70%);
    height:90px;
}
.ProductDisplayList:hover { box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.75); -moz-box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.75); -webkit-box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.75); border: none; }
.ProductListName { color: #000; font-size: 12px; } 

.ProductListMainPrice { font-family: 'Roboto', sans-serif;font-size: 20px;font-weight: 700;color: #5d9732;line-height: 35px;display: block;}
.ProductListSubPrice { font-family: 'Roboto', sans-serif; font-size:13px; font-weight:400; color: #777777; text-decoration: line-through; text-decoration-color: #5d9732; display: block; line-height: 15px; }

.ProductDisplayListAddToCompare {margin-bottom:10px; margin-top:10px;}
.ProductDisplayListAddToCompare span {line-height: 17px;font-size: 13px; display:inline-block;}
    .ProductDisplayListAddToCompare input {margin-top:3px; display:inline-block;   }
.ProductDisplayListName { width: 100%;
padding-top: 5px;
height: 3em;
line-height: 1.5em;
overflow: hidden; }
    .ProductDisplayListName a {
        font-size:13px; font-weight: bold; color: #323232; text-transform:uppercase; line-height:20px; font-family: 'Roboto', sans-serif;
    }
.ProductDisplayListPartNo { width: 100%; padding-top: 6px; }
.ProductDisplayListAvailable { margin: 5px 0 5px 0; }
.ProductDisplayListBrand { width: 100%; height: 100%; }
.ProductDisplayListBrand img{ border-right: 1px dotted red; border-bottom: 1px dotted red; }
.ProductDisplayListShortDesc { overflow: hidden; width: 100%;  line-height: 1.5em; margin-bottom: 8px; font-family: 'Roboto', sans-serif; font-size:13px; font-weight:400; color: #777777; }
.ProductDisplayListImageHolder_IMG, .ProductDisplayListImageHolder_Sale { width: 100%; height: 100%;  top: 0; left: 0; position:relative;}
.ProductImageZoomedWrapper {position:absolute; top: 0px; left:120%; padding:10px;
                            background-color: rgba(0, 0, 0, 0.8);
border-radius: 6px;
color: #FFF;
line-height: 1.5em;
z-index: 1000;
cursor: pointer;

}

    .ProductImageZoomedWrapper:before {
        content: "";
position: absolute;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
margin-top: -5px;
top: 15%;
border-right: 10px solid rgba(0, 0, 0, 0.8);
left: -10px;
    }
/* 
/* Reusable twopaneholder */
.TwoPaneHolder { width: 100%; float: left;   min-height:1px;}
.TwoPaneInnerHolder { float: left; width: 100%; min-height: 20px; }
.TwoPaneLeftHolder { float: left;width: 48%;margin-right: 2%;text-align: left; min-height:1px;} 
.TwoPaneRightHolder { float: left; width: 50%;  min-height:1px;}
.TwoPaneRightHolderRight { float: left; width: 50%; text-align: right;  min-height:1px;}
.TwoPaneLeftHolder div {  float: left;  min-height:1px; }


/* Reusable threepaneholderthin */
.ThreePaneHolder { float: left; width: 100%; }
.ThreePaneInnerHolder { float: left;  width: 100%; }
.ThreePaneLeftHolder { float: left; }
.ThreePaneMidHolder { float: left;}
.ThreePaneRightHolder { float: left; }


/* This is the CSS holders that are copies of the DNN admin menu. It allows us to quickly
knock up our own management system. */
.LargeIconContentHolder { float: left; width: 95%; height: 100%; position: relative; margin-bottom: 50px; }
.ListItemHolder { float: left; width: 100%; }
.ListItemHolder div { width: 140px; padding: 0px; cursor: pointer; text-align: center; float: left; overflow: hidden; }
.AdminMenuLinkText { float: left; margin: 2px; width: 130px; text-align: center; overflow: hidden; }
.ListItemHolder a { text-decoration: none; }
    .ListItemHolder a:hover { text-decoration: none; }
.ListItemHolder img { float: none; padding: 10px 0px 0px 0px; border: none; }
.AdminMenuHeaderText { font-size: 14px; font-weight: bold; color: #333;}


/* Paging Buttons */
input[type="submit"].MainPagingButton{ background: none; background-color:none; border:none; }
input[type="submit"].MainPagingButtonActive{ background: none; background-color:none; border:none; color: #d52b1e;}
input[type="submit"].PagingButton{ border:none; color: #5d9732; background-color:none; background: none; height: 45px;}
input[type="submit"].PagingButton:hover {color:#c4c5c7; }
input[type="submit"].PagingButton.Active{ color:#c4c5c7; }
/*input[type="submit"].PagingButton.Active:hover{ color:#ff8328; background:url("/Images/PagingActive.png") no-repeat;}*/
input[type="checkbox"] { margin-left: 0px; margin-bottom: 0px; }


/* Mycart Summary*/
.HeaderCartSummary {  float: left; width: 23%; height: 57px; cursor: pointer; padding-left: 5%; background: -webkit-linear-gradient(#5d9732, #4f802a); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(#5d9732, #4f802a); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#5d9732, #4f802a); /* For Firefox 3.6 to 15 */background: linear-gradient(#5d9732, #4f802a); /* Standard syntax */}
.HeaderCartSummary::before {
    content: url('/Portals/_default/Skins/HMLSkin/images/HeaderGrayLine.png');
    width: 0;
    position: relative;
    float: left;
    left: -30px;
} 
.HeaderCartSummary:hover { color: #323232; }
/*.HeaderCartSummary:before { display: block; content: ""; width: 1px; height: 37px; background: transparent url('../../../0/SkinObjects/Menudivider.png') no-repeat; float: left; }
.HeaderCartSummary:after { display: block; content: ""; width: 1px; height: 37px; background: transparent url('../../../0/SkinObjects/Menudivider.png') no-repeat; float: right; }*/
.CartSmallImg { float: left; padding-left: 10px; padding-top: 10px;}
.HeaderCartText { float: left;line-height: 67px;color: #fff;font-size: 24px;text-transform: uppercase;font-family: 'Roboto', sans-serif;padding-left: 8px;font-weight: bold; }
.HeaderCartTextSub {line-height: 69px;color: #fff;font-size: 15px;padding-left: 2px;opacity: .7;font-weight: bold;}

.CartHidden { float: right; width: 245px; background-color: #fff; position: relative; z-index: 5000; border: 1px solid #ddd;}
.CartHiddenTop { float: left; padding: 5px 5px 0px 5px; width: 100%; }
.CartHiddenTop .TwoPaneHolder{}
.CartHiddenTop .ThreePaneHolder { width:95%; border-bottom:1px solid #ddd; padding-bottom: 6px; padding-top:6px;}
.CartHiddenBottom { float: left;
padding: 0 5% 0 5%;
width: 90%;
overflow: hidden;
height: 64px;
background-color: #eeeeee;
border-top: 1px solid #cccccc;}
.CartHiddenProdName {  font-weight: 700;
color: #000;
line-height: 1.2em;
}
.CartHiddenProdPrice {
    float: left;
    padding-top: 5px;
}
.CartPrice {
    font-weight: 700;
text-align: right;
color: #5D9733;
}

.CartHiddenProdDesc {  padding-top: 5px; }
.button_mycart {
    text-decoration: none;
    display: inline-block;
    font-family: 'Roboto', sans-serif; font-size:12px; font-weight:700;
    cursor: pointer;
    border: none;
    float:right;
    height: 23px;
    padding-top: 7px;
    width: 97px;
    line-height: normal !important;
    vertical-align: middle;
    color: #ffffff!important;
    text-align: center;
    background: -webkit-linear-gradient(#5d9732, #4f802a);
    background: -o-linear-gradient(#5d9732, #4f802a);
    background: -moz-linear-gradient(#5d9732, #4f802a);
    background: linear-gradient(#5d9732, #4f802a);
    text-transform: uppercase;
}
.button_mycart:hover {
    /*color: white;
    text-shadow: 2px 1px 2px rgba(255, 255, 255, 0.5);*/
}

/* Search Box */
.SearchHolder {height: 85px;}
.SearchTxt {width: 450px;display: block;float: right; text-align:right;}
.SearchChk { background: transparent url('../../../0/SkinObjects/SearchWithinResults.png') no-repeat center; padding-left: 35px; color: #fff; font-size: 12px; line-height: 20px; padding-top: 2px; }
.SearchCheckBox input { vertical-align: text-bottom; }



/*-------------------------------------*/
/* MESSAGE STYLES */
/*-------------------------------------*/
.dnnFormMessage { padding: 2px 0px 2px 20px; margin-bottom: 0px !important; border: none; /* blue */   background:#ffefcc url('../../../0/SkinObjects/MsgTick.png') no-repeat left top !important;max-width: 100% !important; margin-bottom: 10px !important; }

.LightGreySideHeader { border: 1px solid #585858; padding: 3px 0px 3px 15px; background-color: #484848; color: #fff; margin-bottom: 2px; line-height: 20px; font-size: 12px; }
.DarkGreySideHeader { border: 1px solid #585858; padding: 0; margin: 0 0 0px 0; background: url('../../../0/SkinObjects/SideFilterListBg.png') no-repeat; margin-bottom: 2px; height: 27px; line-height: 27px; padding-left: 25px; cursor: pointer; color: #fff; }
.DarkGreySideHeader:hover { color: #bcc5cf; }
.DarkGreySideHeader > active { background-position: left bottom; }
.acc_container { border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; margin-bottom: 10px; padding: 9px 0 0 10px; }

/* Added for Kinjal to see TFS */


/* Added For Vasanth */





.PopularProductsDataListHolder {


}




/*-------------------------------------*/
/* TABS : JQUERY UI TABS 1.8.14 */
/*-------------------------------------*/
/* Tabs */
ul.TestTAb, ul.TestTAbF {
    display: inline-block;
    margin-left: 0;
    margin-bottom: 20px;
    width: 100%;
    height: 37px;
}
    ul.TestTAb li,  ul.TestTAbF li {
        float: left;
        list-style: none;
        width:45%;
    }

        ul.TestTAb li a , ul.TestTAbF li a {
            /* most styles are inherited from typography.css */
            margin-bottom: 0;
            border-bottom: 0;
        }

        ul.TestTAb li.ui-tabs-active a , ul.TestTAbF li.ui-tabs-active a {
            background-color: #5d9732;
            text-align: center;
            padding: 0;
            margin: 0;
            color: white;
            min-height: 57px;
            line-height: 56px;
            font-size: 16px;
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            padding-left: 2px;
            width:98%;
        }

/* Panels */
.ui-tabs .ui-tabs-panel {
    position: relative;
    display: block;
}

.ui-tabs .ui-tabs-hide {
    display: none;
}



ul.TestTAb li a, ul.TestTAbF li a {
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background-color: #bcbec0;
    margin: 3px 0;
    min-height: 52px;
    color: white;
    line-height: 51px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    width:100%;
}


.CatMidGreenGray {
    background: url('images/GreenGrayAngleSplit.png') no-repeat;
    min-height: 57px;
    width: 20px !important;
    margin: 0;
    padding: 0;
}

.CatMidGrayGreen {
    background: url('images/GrayGreenAngleSplit.png') no-repeat;
    min-height: 57px;
    width: 20px !important;
    margin: 0;
    padding: 0;
}

.GrayText {
    color: #c4c5c7;
}

.GreenText {
    color: #5d9732;
}

.Uppercase {
    text-transform: uppercase;
}

.StandardFont {
    font-family: 'Roboto', sans-serif; font-size:12px; font-weight:400; line-height:1.5em;
}

div.SaveOrderMenu {
    float: right;
    padding-right:2px;
    text-align: left;
}


/* Pricing Menu */

div.PricingMenu {
    width: 108px;
    float: right;
    text-align: left;
}

div.PricingMenu::after {
    content: square;
}

div.PricingMenu:hover ul.PricingSub {
    display: block;
    visibility: visible;
    width: 108px;
    height: auto;
    z-index: 100;
    background-color: rgba(255,255,255,.7);
    position: relative;
    left: -2px;
}

ul.PricingSub {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0;
    font-family: 'Roboto', sans-serif; font-size:12px; font-weight:700;
    margin-top: 30px;
}

ul.PricingSub li.PricingSubItem {
    position: relative;
}

ul.PricingSub li.PricingSubItem a {
    display: block;
    height: 30px;
    font-family: 'Roboto', sans-serif; font-size:14px; font-weight:700;
    line-height:30px;
    color: #5d9732;
    border: none;
    width: 100%;
    background: none;
    text-align: center;
}

ul.PricingSub li.PricingSubItem a:hover {
    color: #323232;
    background-color: #5d9732 !important;
    cursor: pointer;
}

ul.PricingSub li.PricingSubItem a.selected {
    /*font-style: italic;
    background-color: #bcbec0;
    color: #323232;*/
    display:none;
}

.GreenDropDownList {
    color: white;
    font-family: 'Roboto', sans-serif; font-size:12px; font-weight:700;
    height: 30px;
    text-transform: uppercase;
    background-color: #5D9733;
    overflow: hidden;
    border: none;
    margin-right:5px;
    max-width:95px;
}

.GrayDefaultButton {
    /*background: #bcbec0;*/
    color: white;
    min-height: 45px;
    min-width: 50px;
    border: none;
    margin: 0;
    padding: 5px 15px;
    text-transform: uppercase;
    background: -webkit-linear-gradient(#bcbec0, #a7a7a6);
    background: -o-linear-gradient(#bcbec0, #a7a7a6);
    background: -moz-linear-gradient(#bcbec0, #a7a7a6);
    background: linear-gradient(#bcbec0, #a7a7a6);
}

.GrayDefaultButton:hover {
    text-shadow: 2px 1px 2px rgba(255, 255, 255, 0.5);
}

.GreenDefaultButton {
    /*background: #5d9732;*/
    color: white;
    min-height: 45px;
    min-width: 50px;
    border: none;
    margin: 0;
    padding: 5px 15px;
    text-transform: uppercase;
    background: -webkit-linear-gradient(#5d9732, #4f802a);
    background: -o-linear-gradient(#5d9732, #4f802a);
    background: -moz-linear-gradient(#5d9732, #4f802a);
    background: linear-gradient(#5d9732, #4f802a);
}

.GreenDefaultButton:hover {
    text-shadow: 2px 1px 2px rgba(255, 255, 255, 0.5);
}

span.GreenTextForDropDownList {
    background-color: #5D9733;
    padding: 0px 6px 0px 6px;
    margin-right: -5px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    line-height: 30px;
    color: white;
    text-transform: uppercase;
}

/* GREEN TABLE STYLE */
tr.GreenTable {
    font-family: 'Roboto', sans-serif; font-size:12px; font-weight:400;
    color: #323232;
    border: 1px solid white;
    border-bottom: 0px solid #ffffff;
}

tr.GreenTable:last-of-type {
    border-bottom: 0px solid white;
}

tr.GreenTable th {
    color: white;
    background-color: #5d9732;
    font-family: 'Roboto', sans-serif; font-size:12px; font-weight:700;
    border: 1px solid white;
    text-transform: uppercase;
}

tr.GreenTable td {
    background-color: white;
    border-right: 1px solid #5d9732;
    padding-left: 35px;
}

tr.GreenTable.Alternating td {
    background-color: #DFEAD6;
    border-right: 1px solid #5d9732;
}



tr.GreenTable td:first-child {
    border-left: 0px solid white;
    border-right: 1px solid #5d9732;
}

tr.GreenTable td:last-child {
    border-right: 0px solid white;
}

.DetailLog_Table {width:100%;}
.GridView {width:100%; border-style:solid;border-color:#CCCCCC;border-width:1px;background-color:white;color:black;}
.HeaderStyle, .ReoccuringOrderCellHeader {background: -webkit-linear-gradient(#5d9732, #4f802a);
background: -o-linear-gradient(#5d9732, #4f802a);
background: -moz-linear-gradient(#5d9732, #4f802a);
background: linear-gradient(#5d9732, #4f802a);
border-top: #333;height:50px;font-weight:bold;color:white;font-size:larger;}
.AlternatingRowStyle { background-color:#d3f5b9;height:40px;}
.RowStyle, ReoccuringOrderLine {color:#333333;background-color:white;height:40px;}
.FooterStyle {background-color: #6F6E6E;font-weight: bold;height: 30px;color: white;}
.txtSearch {
margin: 2px 5px 2px 5px;
}
.fieldset {
border: 1px solid #999797;
padding: 1% 1% 2% 1%;
margin: 1% 0 1% 0;
color:#000;
}
.FilterOptionsHolder {
width: 50%;
float: left;
padding-top: 5px;
}

    .FilterOptionsHolder span, .searchLabel {
        width: 120px;
display: inline-block;
height: 22px;
line-height: 22px;
    }
    .searchWrapper {
width: 100%;
float: left;
padding-top: 5px;
}
    .searchWrapper span, .searchBoxHolder, .searchWrapper input {
float: left;
}
.ItemCountHolder {
    overflow:hidden;
    margin-top:10px;
    color:#000;
}

.ItemCountOneThird {
display: block;
width: 33%;
float: left;
}

.LeftText {
text-align: left;
}

.CenterText {
text-align: center;
}
.RightText {
text-align: right;
}

.InfoHolder, .ChartHolder {
    width: 99%;
display: block;
overflow: hidden;
}

.AverageOrderSizeWrapper, .pieChartLengendWrapper,  .TotalSaleByMonthWrapper {
    width:100% !important;
    float:left !important;
    padding:10px 0px;
}

    .AverageOrderSizeWrapper .NormalRed {
        display:none;
    }

.CompanyInfo_Table, .ProfileInfo_Table {
    float:left;
    width: 95% !important;
}

.DashboardHeader {
    padding:10px 0px 5px 0px;
}

.DashboardLink {
    line-height:1.5em;
}

.ProfileInfo_Table td{
    height: 1em;
line-height: 1.5em;
}

.CompanyInfo_Table .dnnLabel , .ProfileInfo_Table .dnnLabel  {
    text-align: left!important;
    line-height: 1.5em;
    width: 100px;
}

.pieChartLengend {
    float: left;
line-height: 2em;
text-align: left;
padding-left: 10px;
}

#myStockGroup {
    width: 150px;
height: 150px;
float: left;
}


#ui-datepicker-div {
	font-size: 90%;
}

#ui-datepicker-div .ui-widget {
	font-family: Helvetica Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
}

#ui-datepicker-div{
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color1: #ede9e3;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.85);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.85);
	box-shadow: 0 1px 3px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.85);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDI4MSAyMjEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjQ1Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjQ1Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMjgxIiBoZWlnaHQ9IjIyMSIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top, #f5f3f0 0%, #e5e1d8 100%);
	background-image: -o-linear-gradient(top, #f5f3f0 0%, #e5e1d8 100%);
	background-image: -webkit-linear-gradient(top, #f5f3f0 0%, #e5e1d8 100%);
	background-image: linear-gradient(top, #f5f3f0 0%, #e5e1d8 100%);

}

#ui-datepicker-div .ui-state-disabled {
	opacity: 1;

}

#ui-datepicker-div .ui-widget-header {
	color: #653d84;
	background: transparent;
	border: none;
	text-transform: uppercase;
	font-size: .9em;
	box-shadow: 0 1px 0 #ddcda8, 0 2px 0 #fff;
}

#ui-datepicker-div .ui-datepicker {
	padding: 0;
}

#ui-datepicker-div .ui-datepicker table {
	font-size: .8em;
	margin: 0;
}

#ui-datepicker-div .ui-datepicker td {
	padding: 0;
}

#ui-datepicker-div .ui-datepicker th,
#ui-datepicker-div .ui-datepicker td {
	box-shadow: 0 1px 0 #ddcda8, 0 2px 0 #fff;
	border-right: 1px solid #cfc8bc;
}

#ui-datepicker-div .ui-datepicker th:last-child,
#ui-datepicker-div .ui-datepicker td:last-child {
	border-right: none;
}

#ui-datepicker-div .ui-datepicker table {
	margin: 0;
}

#ui-datepicker-div .ui-datepicker th {
	color: #cfc8bc;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: normal;
}

#ui-datepicker-div .ui-datepicker td {
	padding: 0;
}

#ui-datepicker-div .ui-datepicker tr:last-child td {
	box-shadow: none;
}

#ui-datepicker-div .ui-state-default {
	background: transparent;
	border: none;
	color: #ab9f8d;
	font-weight: normal;
}

#ui-datepicker-div .ui-state-disabled .ui-state-default {
	color: #cfc7bb;
	text-align: center;
}

#ui-datepicker-div .ui-datepicker table a {
	padding: .5em .6em; 
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	border: 1px solid transparent;
	border-bottom: none;
}

#ui-datepicker-div .ui-datepicker-header .ui-state-hover {
	background: transparent;
	border-color: transparent;
	cursor: pointer;
}

#ui-datepicker-div td a.ui-state-hover,
#ui-datepicker-div td a.ui-state-active {
	border: 1px solid #999e00;
	border-bottom: none;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.21);
	background-color: #bec110;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 1px 0 rgba(255,255,255,.42);
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 0 rgba(255,255,255,.42);
	box-shadow: 0 1px 0 #fff, inset 0 1px 0 rgba(255,255,255,.42);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjQ1Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjQ1Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.45) 0%, rgba(255,255,255,.45) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.45) 0%, rgba(255,255,255,.45) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.2) 0%, rgba(255,255,255,.2) 100%);
	background-image: linear-gradient(bottom, rgba(0,0,0,.45) 0%, rgba(255,255,255,.45) 100%);
}

#ui-datepicker-div .ui-icon-circle-triangle-e {
	background-image: url(images/ui-icons_222222_256x240.png);
	background-position: -32px -16px;
}

#ui-datepicker-div .ui-icon-circle-triangle-w {
	background-image: url(images/ui-icons_222222_256x240.png);
	background-position: -96px -16px;
}


/*Addthis*/

.addthis_sharing_toolbox {
    display:inline-block;
    width:120px !important;
}

.at-share-btn span {
    width:24px;
    height:20px;
}

.at-svc-compact {
    display:none;
}

.at15t_facebook {
    background:url('/images/GreenFacebook.png') no-repeat !important;
}

.at15t_email {
    background:url('/images/GreenEmail.png') no-repeat !important;
}

.at15t_pinterest_share {
    background:url('/images/GreenPinterest.png') no-repeat !important;
}

.at15t_twitter {
    background:url('/images/GreenTwitter.png') no-repeat !important;

}

input.cbticked {
background: url("images/Checkbox_ticked.png") no-repeat center center;
height: 15px;
width: 15px;
border: 0px;
margin: 0;
margin-right:5px;
}

input.cbnotticked {
background: url("images/Checkbox_notticked.png") no-repeat center center;
height: 15px;
width: 15px;
border: 0px;
margin-right:5px;
margin-left:8px;
}

.dnnFormInfo span {
    width: 95%;
/*background: #fff;*/
display: block;
/*padding-top: 10px;
padding-left: 5%;*/

}

a.PartNoLink {
    font-size: 15px;
    text-transform: uppercase;
}

.ForTabletBelow_inline, .OnlyForMobile {
    display: none;
}
.ReoccuringOrderTable {
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.ReoccuringOrderLineHeader {
    display: table-row;
    width: 100%;
    color: White;
    background-color: #333333;
    font-weight: bold;
}

.ReoccuringOrderCellHeader {
    display: table-cell;
    padding: 0 5px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
background-color: #FFFFFF;
height: 30px;
font-weight: bold;
font-size: larger;
}
.Alternating {
background-color: #F1F1F1;
}

.DnnModule-AO_ReoccuringOrders h1 {
font-size: 16px;
line-height: 7px;
letter-spacing: -0.03em;
margin-top: 8px;
}

.ReoccuringOrderHeader {
    background: url(/Portals/0/skinobjects/chevron23_white.png) no-repeat right #5d9732 !important;
    background-color: #5d9732;
    padding: 0px 0px 0px 10px;
    color: #ffffff;
    box-shadow: none;
    background-position: 99% 50% !important;
}

.ReoccuringOrders  .ui-accordion-header-active {
    background: url(/Portals/0/skinobjects/chevron23_whiteUp.png) no-repeat right #5d9732 !important;
    background-position: 99% 50%  !important;
}

.ReoccuringOrderCell {
    display: table-cell;
    padding: 0 5px;
    vertical-align: middle;
}

    .ReoccuringOrderCell .dnnCheckbox {
        width: 20px;
        margin: auto;
        display: block;
    }

    .ReoccuringOrderCell > input[type="text"] {
        width: 50px;
        text-align: right;
    }

.ReoccuringOrderFooter, .LastPurchasedProductsFooter {
    text-align: right;
    width: 100%;
    max-height: 60px;
    height:auto !important;
}
.pnlReoccuringOrderBtn {
    padding: 10px 0px;
}

.ui-progressbar {
    height: 15px !important;
    border-radius: 4px  !important;
    background-color: #eee  !important;
    -webkit-box-shadow: inset 1px 1px 1px 1px #bbb !important;
    box-shadow: inset 1px 1px 1px 1px #bbb !important;
    margin: 5px 0px;width: 220px;
}

.ProgressRed {
    background-color: #cf0404 !important;
    background: -moz-linear-gradient(left, #cf0404 0%, #ff3019 100%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cf0404), color-stop(100%,#ff3019)) !important;
    background: -webkit-linear-gradient(left, #cf0404 0%, #ff3019 100%) !important;
    background: linear-gradient(left, #cf0404 0%, #ff3019 100%) !important;
}
.ProgressOrange {
    background-color: #ff7b0d !important;
    background: -moz-linear-gradient(left, #ff7b0d 0%, #ffa84c 100%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff7b0d), color-stop(100%,#ffa84c)) !important;
    background: -webkit-linear-gradient(left, #ff7b0d 0%, #ffa84c 100%) !important;
    background: linear-gradient(left, #ff7b0d 0%, #ffa84c 100%) !important;
}
.ProgressLightGreen {
    background-color: #cf0404 !important;
    background: -moz-linear-gradient(left, #91e842 0%, #d2ff52 100%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#91e842), color-stop(100%,#d2ff52)) !important;
    background: -webkit-linear-gradient(left, #91e842 0%, #d2ff52 100%) !important;
    background: linear-gradient(left, #91e842 0%, #d2ff52 100%) !important;
}

/* BEGIN Original page CSS */
.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both; }
.clearLeft {clear: left;}
/* Original page CSS END */



.b4bddmenu {
	width: 1000px;
height: 500px;
background-color: #fff;
padding: 20px;

}
.ddmenucolumn {
float: left;
width: 100%;
height: 100%;
  z-index:999;
}
.ddmenucolumn {
	list-style:none;
	padding:0;
	margin:0;
}
.ddmenucolumn ul li {
	display:block;
    float:left;
    width:25%;
}
.ddmenucolumn li a:hover {
	text-shadow:1px 0px 0px #999;
	opacity:0.8;

}

    .ddmenucolumn li:hover {
        background:#fff !important;
    }
.ddmenucolumn ul {
height: 100%;
list-style: none;
margin: 0;
padding: 0;
}
.ddmenucolumn li a {
height: 75px;
display: block;
padding-top: 50px;
padding-left: 110px;
opacity: 1;
background-position: left 50%;
background-size: 90px;
background-repeat: no-repeat;
}
.ddmenucolumn img {
float:right;
}




.menu-PowerTool {
    background-image:url(/Portals/0/dropbox/productimages/bhc18.jpg);
}
.menu-Lubricants {
    background-image:url(/Portals/0/dropbox/productimages/10421_UL.jpg);
}
.menu-HoseFitting {
    background-image:url(/Portals/0/dropbox/productimages/452892.jpg);
}
.menu-Heater {
    background-image:url(/Portals/0/dropbox/productimages/SD2000i.jpg);
}
.menu-Generator {
    background-image:url(/Portals/0/dropbox/productimages/16RFE-DC.jpg);
}
.menu-Fans {
    background-image:url(/Portals/0/dropbox/productimages/spx500.jpg);
}
.menu-BodyFiller {
    background-image:url(/Portals/0/dropbox/productimages/102224.jpg);
}
.menu-AirFilter {
    background-image:url(/Portals/0/dropbox/productimages/498044.jpg);
}
.menu-Compressor {
    background-image:url(/Portals/0/dropbox/productimages/AC01.jpg);
}
.menu-AirTool{
    background-image:url(/Portals/0/dropbox/productimages/CT26LE.jpg);
}
.menu-handtool{
    background-image:url(/Portals/0/dropbox/productimages/DMAC1A10.jpg);
}
.menufestool {
    background-image:url(/Portals/0/Festool_logo.jpg);
    background-size:220px !important;
}

.menu-t-Abrasives {
    background-image:url(/Portals/0/dropbox/productimages/495625.jpg);
}

.menu-t-AUTRF_AUTMTRF {
    background-image:url(/Portals/0/dropbox/productimages/499021.jpg);
}

.menu-t-PAEQ {
    background-image:url(/Portals/0/dropbox/productimages/497101.jpg);
}

.menu-t-PWTLSM_PWTLSM {
    background-image:url(/Portals/0/dropbox/productimages/dscag125.jpg);
}

.menu-t-PowerTool {
    background-image:url(/Portals/0/dropbox/productimages/bhc18.jpg);
}
.menu-t-Lubricants {
    background-image:url(/Portals/0/dropbox/productimages/10421_UL.jpg);
}
.menu-t-HoseFitting {
    background-image:url(/Portals/0/dropbox/productimages/452892.jpg);
}

.menu-t-AirTool {
    background-image:url(/Portals/0/dropbox/productimages/KAAA1650.jpg);
}

.menu-t-handtool {
    background-image:url(/Portals/0/dropbox/productimages/pa-pouch.jpg);
}

.menu-t-ENGHTLS_ENGHN {
    background-image:url(/Portals/0/dropbox/productimages/JGAI4001.jpg);
}

.menu-t-MSEQ_MSREQ {
    background-image:url(/Portals/0/dropbox/productimages/IAAB1905.jpg);
}

.menu-t-HNDTLST_HNDTL {
    background-image:url(/Portals/0/dropbox/productimages/GZC2005.jpg);
}

.menu-t-WRKSEQP_WRKSEQP {
    background-image:url(/Portals/0/dropbox/productimages/JCA-350A.jpg);
}

.menutoptul{
    background-image:url(/Portals/0/Toptul_logo.jpg);
    background-size:220px !important;
}


.menu-t-BRND_ANDRE{background-image:url(/Portals/0/dropbox/productimages/Andreae.jpeg);}
.menu-t-BRND_DEVLBS{background-image:url(/Portals/0/dropbox/productimages/DeVilbiss.jpg);}
.menu-t-BRND_EVRCT{background-image:url(/Portals/0/dropbox/productimages/Evercoat.jpg);}
.menu-t-BRND_FESTL{background-image:url(/Portals/0/dropbox/productimages/Festool.jpg);}
.menu-t-BRND_FESTO{background-image:url(/Portals/0/dropbox/productimages/Festo.jpg);}
.menu-t-BRND_FIN_SPTFR{background-image:url(/Portals/0/dropbox/productimages/FiniSpitfire.jpg);}
.menu-t-BRND_FUSHNG{background-image:url(/Portals/0/dropbox/productimages/FuSheng.png);}
.menu-t-BRND_GRVIN{background-image:url(/Portals/0/dropbox/productimages/Garvin.jpg);}
.menu-t-BRND_HNDN{background-image:url(/Portals/0/dropbox/productimages/Hindin.jpg);}
.menu-t-BRND_IDXPRO{background-image:url(/Portals/0/dropbox/productimages/IndexPro.jpg);}
.menu-t-BRND_JSJSHNUN{background-image:url(/Portals/0/dropbox/productimages/JSJinshun.jpg);}
.menu-t-BRND_MACHNWRKS{background-image:url(/Portals/0/dropbox/productimages/Machineworks.jpg);}
.menu-t-BRND_MARQP{background-image:url(/Portals/0/dropbox/productimages/Marquip.jpg);}
.menu-t-BRND_MAXCLW{background-image:url(/Portals/0/dropbox/productimages/Maxclaw.jpg);}
.menu-t-BRND_OEM{background-image:url(/Portals/0/dropbox/productimages/OEM.jpg);}
.menu-t-BRND_PAACHE{background-image:url(/Portals/0/dropbox/productimages/Paasche.jpg);}
.menu-t-BRND_SKRA{background-image:url(/Portals/0/dropbox/productimages/Sakura.jpg);}
.menu-t-BRND_TITN{background-image:url(/Portals/0/dropbox/productimages/Titan.jpg);}
.menu-t-BRND_TOPTL{background-image:url(/Portals/0/dropbox/productimages/Toptul.jpg);}
.menu-t-BRND_TORIN{background-image:url(/Portals/0/dropbox/productimages/Torin.jpg);}
.menu-t-BRND_ULTRA{background-image:url(/Portals/0/dropbox/productimages/UltraLube.jpg);}
.menu-t-BRND_WATRBLT{background-image:url(/Portals/0/dropbox/productimages/Waterbullet.jpg);}
.menu-t-BRND_WELMDE{background-image:url(/Portals/0/dropbox/productimages/Wellmade.jpg);}
.menu-t-BRND_WLDMSTR{background-image:url(/Portals/0/dropbox/productimages/Weldmaster.jpg);}
.menu-t-BRND_WSE{background-image:url(/Portals/0/dropbox/productimages/WSE.jpg);}


.menu-t-BRND_ORBIS{background-image:url(/Portals/0/dropbox/productimages/ORBIS_Logo.jpg);}
.menu-t-BRND_WESTHOUSE{background-image:url(/Portals/0/dropbox/productimages/Westinghouse_Logo.jpg);}
.menu-t-BRND_SPITFIRE{background-image:url(/Portals/0/dropbox/productimages/spitfirelogo.jpg);}




/***Contact Us***/

.contactAuckland {
    float:left;width:35%;
}

.gm_holder {
    float:left; width:65%;
}


    .contactAuckland h3 {
        color: #4e8d3a; 
        margin-top: 0px; 
    }

    .contactAuckland h4 {
        color: #4e8d3a; 
        margin-top: 0px; 
        padding-top: 1em; 
    }

.contactNoul {
    margin-bottom: 0px; 
    margin-left: 0px; 
    padding: 0.8px; 
    list-style-type: none;
}

    .contactNoul li {
        padding: 0.8px;
    }

        .contactNoul li span {
            color: #4e8d3a;
        }


.otherlocationWrapper {
    height: 10em; 
    width: 30%;
    float:left; 
    margin-right: 1em; 
    margin-bottom: 1em;
}


.megaCSS3menu > li > a {
    display:block;
}



.dnnFormMessage {
padding: 1% 1% 1% 40px;
color: #fff;
width: 85%;
text-align: left;
margin: 5px;
border-radius: 5px;
}


.dnnFormWarning {background: url(/Portals/0/skinobjects/warning.png) no-repeat left #fdc008 !important; border:none;background-size: 20px !important;
-moz-background-size: 20px !important;
-o-background-size: 20px !important;
-webkit-background-size: 20px !important;
background-position: 10px 50%!important;
padding: 1% 1% 1% 40px;
color: #fff;
width: 85%;
text-align: left;
margin: 5px;line-height: 1.3em;
border-radius: 5px;
}

.dnnFormValidationSummary, .CheckoutMajorWarning {background: url(/Portals/0/skinobjects/No_sign.png) no-repeat left #f84b4a !important; border:none;background-size: 20px !important;
-moz-background-size: 20px !important;
-o-background-size: 20px !important;
-webkit-background-size: 20px !important;
background-position: 10px 50% !important;
padding: 1% 1% 1% 40px;
color: #fff;
width: 85%;
text-align: left;
margin: 5px;line-height: 1.3em;
border-radius: 5px;
}

.dnnFormSuccess {background: url(/Portals/0/skinobjects/success.png) no-repeat left #69ba5c !important; border:none;background-size: 20px !important;
-moz-background-size: 20px !important;
-o-background-size: 20px !important;
-webkit-background-size: 20px !important;
background-position: 10px 50% !important;
padding: 1% 1% 1% 40px;
color: #fff;
width: 85%;
text-align: left;
margin: 5px;line-height: 1.3em;
border-radius: 5px;
}

.dnnFormInfo {background: url(/Portals/0/skinobjects/info.png) no-repeat left #4ab4f8 !important; border:none;background-size: 20px !important;
-moz-background-size: 20px !important;
-o-background-size: 20px !important;
-webkit-background-size: 20px !important;
background-position: 10px 50% !important;
padding: 1% 1% 1% 40px;
color: #fff;
width: 85%;
text-align: left;
margin: 5px;line-height: 1.3em;
border-radius: 5px;
}

.zoomContainer {
    min-height:300px;
}

.HMLContactForm {

}

    .HMLContactForm input[type=text], .HMLContactForm textarea {
        border-radius:0px!important;
        border: 1px solid #b5bdbf ;
color: #636971 !important;
height: 26px !important;
font-size: 12px !important;
padding: 0px 10px !important;
line-height: normal !important;
vertical-align: middle !important;
-moz-box-shadow: inset 0 0 5px #b5bdbf !important;
-webkit-box-shadow: inset 0 0 5px #b5bdbf !important;
box-shadow: inset 0 0 5px #b5bdbf !important;
    }

    .HMLContactForm textarea {
        width: 100% !important;
display: block;
max-width: none;
height: 300px !important;
    }

    .HMLContactForm .dnnFormRequired {

    }

    .HMLContactForm span {
        font-size:1.2em;
    }

    .HMLContactForm .dnnLabel {
        display: block;
float: none;
text-align: left;
padding-bottom: 10px;
width:160px;
    }

.dnnLeft div {
    padding: 10px 0px;
}

.HMLContactForm .dnnPrimaryAction,.HMLContactForm .dnnPrimaryAction:hover, .HMLContactForm .dnnSecondaryAction {
    background: #5d9732;
/* background-color: #5d9732; */
color: white;
min-height: 45px;
min-width: 110px;
float: left;
border: none;
margin: 0;
padding: 5px 10px 5px 10px;
font-family: 'Roboto';
font-weight: 900;
font-size: 15px;
text-transform: uppercase;
line-height:45px;
}

.HMLContactForm .dnnSecondaryAction, .HMLContactForm .dnnSecondaryAction:hover {
    background: #666666;
    margin-left:10px;
}

    .HMLContactForm .dnnSecondaryAction:hover {
        color:#ffffff;
    }

.Holder {
    padding-bottom:20px;
}

.RelateProductFV {
    width:100%;
}

#CartHolder {
    height:auto!important;
}

.megaCSS3menu li:hover .Megadrop {
    left: 0px;
top: 40px;

}
#PriceStyle_selectNet, #PriceStyle_selectRRP {
    background: url(/Portals/0/skinobjects/success_green.png) no-repeat left !important;
    background-size: 15px !important;
    -moz-background-size: 15px !important;
    -o-background-size: 15px !important;
    -webkit-background-size: 15px !important;
    height: 15px;
    width: 20px;
    display: inline-block;
vertical-align: middle;
margin-left:10px;
}

.Apple-tab-span a {
    color:#ffffff !important;
}

.brochures_ul {
    list-style:disc !important;
    padding-left: 20px;
    line-height: 2em;
}

    .brochures_ul a {
        color:#5d9732 !important;
    }

.SideFeatureWrapper {
    padding-bottom:15px;
}

.ProductGridDesc b, .ProductGridDesc h1,.ProductGridDesc h2, .ProductGridDesc h3, .ProductGridDesc h4, .ProductGridDesc h5{
    font: normal 11px Arial !important;
color: #777777 !important;
line-height:1.5em;
letter-spacing: 0px !important;
}


/*******Firefox fig********/

div.HomepageOfferBox .ProductImage img {
    width:100%;
}

div.HomepageOfferBox .ProductGridName {
    font-size:13px;
}

.LoginLink {
    height:30px !important;
    line-height:30px !important;
    padding-top:0px !important;
}

    .LoginLink:after {
        top:3px !important;
    }

.Filter_Table, .Filter_Table tr, .Filter_Table td, .Filter_Table th {
    border-style:none !important;
}

.ProductDetailInnerHolder {
    float: left;
width: 100%;
min-height: 20px;
}

.ProductDetailLeftHolder {
    float: left;
width: 28%;
margin-right: 2%;
text-align: left;
min-height: 1px;
}

.ProductDetailRightHolder {
    float: left;
width: 70%;
min-height: 1px;
}

.dnnFormItem > .dnnLabel {
    margin-top: 5px;
width: 100%;
text-align: left !important;
margin-bottom:5px;
}

.dnnFormItem > .dnnLabel a.dnnFormHelp {
    position:relative !important;
    margin-left: 5px !important;
}

    .dnnFormItem > .dnnLabel .dnnTooltip {
        left:0 !important;
    }

.ControlNav a, #ControlBar a, span.controlBar_editPageTxt, #ControlEditPageMenu .dnnCheckbox + label {
font-size:18px !important;
line-height:18px !important;
}

.subNav.advanced dl ul li {
    height:5em !important;
}

.MobileNavPane {
    display:none;
    width: 20%;
    float: left;
}

#MBMenuWrapper {
    display:none;
    position:absolute;
    width:100%;
    z-index:99999;
    
}
 
.MBMenuBtn {
    height:55px;
}

.Mbmenu {
    background:#fff;
    float:left;
    top:100%;
}
 
 
.SpeedyDropDown .nav > li:not(.current) > a {
background-color: transparent;
border-color: rgb(255, 255, 255);
color: #333333;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
 
.SpeedyDropDown .nav > li > a:hover{background-color : #5d9732;
border-color : rgb(255, 255, 255);
color : #fbf7f7;
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
 
.nav > li {
display: block;
}
 
.nav:before, .nav:after {
display: table;
content: " ";
}
 
.SpeedyDropDown .nav > li.current > a {
background-color: #5d9732;
border-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
 
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin: 8px;
background-color: #333333;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
 
/*Bootstrap css*/
 
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
 
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
background: #fff;
}
.Mbmenu .nav > li {
float: none;
width: 100%;
margin: 0;
}
 
.nav > li {
float: left;
text-align: left;
-moz-transition: all 300ms ease-in-out 0s;
-ms-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
list-style: none;
}
 
.nav > li {
    float: left;
    text-align: left;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    list-style:none;
}
 
.nav li a {
    display: block;
    text-decoration: none;
    -moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    white-space: normal;
}
 
.nav > li > a {
    color: #ffffff;
    display: block;
    margin-right:3px;
    line-height: 30px;
    padding: 0px 10px 3px 10px !important;
    font-family:'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;text-transform: capitalize;
    font-size: 1.1em;
    font-style: normal;
    font-weight: 600;
}
.nav > li > a:hover{ 
    background:#5d9732;
    color: #fff;border-radius:4px;
}
 
.nav li.current > a { background-color:inherit; color: #fff;border-radius:4px;}
 
.nav li li.active > a { background-color:inherit; color: #fff; border-radius:0px;}
 
 
.nav li li.active > a:hover{ color:#ffffff;}
.nav li.current > a li.current {color: #b9f100; border-top:none;}
.nav li.current li.current.parent a {
  border-top: medium none;
}
 
/* Typography */
.HeaderTitle { padding-right:0%; }
.MenuTitle { font-size:24px; font-weight:bold; color: #212121; text-shadow: 1px 1px 1px #FFFFFF; line-height:50px; 
               border-bottom: 1px solid #e4e4e4; }
.MenuText { padding:10px 0 0 0; line-height:18px; }
 
 
/* submenu */
.nav li:hover ul.subs {  }
 
.SubTitle > li > a { font-size:16px; font-weight:normal; color:#333; line-height:18px; padding:10px 0; border-bottom:1px dashed #333333; }
.SubTitle > li > a:hover { background-color:#5d9732; color:#ffffff; }
 
.SubTitle > li li a { color:inherit; line-height:24px; margin-bottom:2px; transition:all .5s ease; }
.SubTitle > li li a:hover { color:#ffffff; padding:0 0 0 10px;  background-color:#5d9732; }
.SubTitle > li li {
    float: none;
    -moz-transition: padding .5s ease 0s;
    -ms-transition: padding .5s ease 0s;
    -o-transition: padding .5s ease 0s;
    -webkit-transition: padding .5s ease 0s;
    transition: padding .5s ease 0s;
}
 
.nav li li.parent > ul { padding: 0px; }
.SpeedyDropDown .nav li li.parent > .flyout { display:none; }
.SpeedyDropDown .nav .subs .current > a { border-radius:0px; color:#5d9732;}
 
 
/****** Dropdown Navigation ******/
ul.Dropdown { width:197px; padding:0px; position:absolute; box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1); -webkit-box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1); -ms-box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1);
    behavior: url(/Portals/_default/Skins/Mirror/PIE.htc); }
 
.Dropdown  li  a { color:inherit; line-height:32px; padding:0 10px; transition:all .5s ease; margin-botton:2px; }
.Dropdown  li { float: none; list-style:none; }
.Dropdown > li a:hover { background-color:#5d9732; padding:0 15px; color:#ffffff;}
 
 
/****** dropdown Navigation ******/
.SpeedyDropDown .nav > li ul.subs, ul.Dropdown ul.subs { background:#ffffff; border-bottom:4px solid #5d9732; }
ul.Dropdown ul.subs { 
    list-style: none; 
    width:197px;
    padding:0; border-style:solid;
    position: absolute; 
    left:100%; margin-top:-33px;
 
}
 
ul.Dropdown ul.subs ul.subs{
     margin-top:0px;
}
 
 
 
ul.Dropdown ul li {
    clear:both;
    width:100%;
    border:0 none;
    display:block; 
}
 
ul.Dropdown ul li a {
    color:inherit; line-height:32px;
    text-decoration:none;
    border:0 none;
    float:left; padding:0 10px;
    display:block;
    width:100%;  transition:all .5s ease; 
}
.Dropdown li li{ padding:0px;}
ul.Dropdown ul li a:hover{ background-color:#5d9732; padding-left:15px; width:100%; color:#ffffff; }
 
.leftmenu { left:-96% !important;}
.lastColumn { padding-right: 0; }
 
.nav span {
display: none;
}
 
.Dropdown li a {
color: inherit;
line-height: 32px;
padding: 0 10px;
transition: all .5s ease;
margin-botton: 2px;
}
 
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
background: #fff;
}
 
.SpeedyDropDown .nav > li > ul.subs {
background-color: #ffffff;
color: #333333;
border-bottom: 4px solid #5d9732;
display: none;
position: absolute;
margin: 0px;
z-index: 9999;
}

.MobileCartPane {
    float: left;
    width: 80%;
    height:55px;
    display:none;
}

.MobileWrapper {
    display:none;
        width: 100%;
    height: auto;
    float:left;
}

.MobileCartPane .HeaderCartSummary{
    width:auto !important;
    background:none !important;
    padding:0;
    height:50px;
}

.MobileCartPane .HeaderCartText, .MobileCartPane .HeaderCartTextSub, .MobileCartPane .CartSmallImg  {
    padding:0;
    line-height:50px;
    color:#333333;
    font-size:16px;
}

    .MobileCartPane .CartSmallImg img {
            height: 35px;
    -webkit-filter: invert(100%);
    }

.ShareThisHolder {
    display:none;
}

.BtnWrap {
    margin-top:5px;
}


.als-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 0;
}

#demo2 {
    margin: 10px auto !important;
}

.als-viewport {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    float: left;
}
.als-prev, .als-next {
    cursor: pointer;
    z-index: 200;
    float: left;
    padding: 8px;
    display: none;
}

.als-wrapper {
    list-style: none;
    overflow: hidden;
    margin: 0 !important;
    padding: 0px !important;
}

#demo2 .als-item {
    margin: 5px 5px 0px 0px;
    min-height: 45px;
    min-width: 85px;
    text-align: center;
}
 
.als-item {
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    float: left;
}

#demo2 .als-item img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
}
.BrandPanel .als-viewport img {
    width: 80px;
    height: 40px;
}


div.ProductDisplayGridPartNo, .ProductDisplayGridPartNoHeader {
    font-size: 15px;
    color: #777;
}

div.ProductDisplayGridPartNo a {
    font-size: 15px;
    line-height:1.5em;
}
a.GreenLink, input.GreenLink {
    color: #5d9732;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
.dontdisplayme {
display:none;}

.EnableFilterHolder input.cbticked {
        width: 100% !important;
    font: bold 12px/35px 'Roboto';
    height: 30px;
    text-align: left;
    padding-left: 30px;
    background-position: 10px 10px;
}

.SideFeatureHeader {
        text-align: left;
    margin: 0;
    color: #333333;
    line-height: 31px;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding-left: 5%;
    border-bottom: 1px solid #bcbec0;
    width: 95%;
    display: inline-block;
}
.CategoryItem {
        /* padding-bottom: 5px; */
    background-color: white;
    border-bottom: 1px solid #bcbec0;
    max-width: 250px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 30px;
    font-family: 'Roboto' Arial sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.SideFeatureWrapper {
    margin-top:10px;
}

.EnableFilterHeader, .CategoryAccordionHeader {
       background: #5d9732 !important;
    text-decoration: none;
    display: inline-block;
    text-shadow: none !important;
    font-weight: bold;
    color: #ffffff;
    height: 45px;
    width: 92%;
    padding-left: 8%;
    line-height: 45px;
    text-transform: uppercase;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #ccc;
}

.EnableFilterHolder {
        padding-bottom: 5px;
    background-color: white;
    border-bottom: 1px solid #bcbec0;
    width: 100%;
    font: bold 14px/30px 'Roboto';
    text-transform: uppercase;
}

.btn_Deleteallfilters {
        line-height: 2em;
    border-radius: 2px;
    transition: ease 1.5s;
}

.CategoryAccordionHeader {
}

.CategoriesAllHolder {
}

.BrowseCategoryItem {
        /* padding-bottom: 5px; */
    background-color: white;
    border-bottom: 1px solid #bcbec0;
    max-width: 250px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 30px;
    font-family: 'Roboto' Arial sans-serif;
    font-weight: 700 !important;
    text-transform: uppercase;
    height:30px;
}

.CategoryArrow, .CategoryArrowLeft {
    padding-left: 3px;
    display: inline-block;
    width: 20px;
    height: 30px;
    float: left;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
}

.BrowseCategoryItem .ViewCategoryHeader {
    color: #40454a;
    text-transform: Capitalize;
    padding-left: 5px;
    display: inline-block;
    font-weight:700;
    float: left;
}

.CategoryArrowLeft .fa, .CategoryArrowHeader .fa{
        line-height: 30px;
    padding-left: 5px; font-weight:700;
}

.DeptItem a{
    font-weight:700;
}

.lbtnApplyCategoryImage img {
    width:200px !important;
}

.lbtnApplyCategoryDescription {
        font-weight: 600;
    line-height: 1.5em;
    font-size: 13px;
    padding-bottom: 5px;
    display: block;
    color:#5d9732 !important;
}

.ProductRangeLineDescription h1, .ProductRangeLineDescription h2, .ProductRangeLineDescription h3, .ProductRangeLineDescription h4, .ProductRangeLineDescription h5 {
    font-weight: 400;
    font-size: 1em;
    margin: 0px;
    line-height: 1em;
}

.ProductRangeLineDescription br {
    display: none;
}

.Deleteable a:before, .EnabledFilter a:before {
       content: "\f14a";
    display: block;
    padding-right: 6px;
    float: left;
        font: normal normal normal 14px/1 FontAwesome;
}

.SubCategory a:before{
       content: "\f096";
    display: block;
    padding-right: 6px;
    float: left;
        font: normal normal normal 14px/1 FontAwesome;
}

.EnabledFilter, .Deleteable {
        padding-left: 15px !important;
}

.ThreePaneMidHolder .ProductDisplayGridPartNo{
    padding:0px !important;
}