@import url('Fonts/myFonts.css');

/* Common Styles ===> */

*
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #222;
    font: normal 14px LatoRegular;
}

body
{
    background-color: #fff;
}

#MasterPageWrapper
{
    background: #fff;
    width: 100%;
    min-width: 1040px;
}

#MasterMastheadWrapper, #MasterZoneMasthead
{
    background: none;
    width: 100%;
    min-width: 1040px;
    height: auto;
    padding: 0;
}

#MasterContentWrapper
{
    width: 1040px;
    min-width: 1040px;
    border: none;
    overflow: hidden;
    margin: 0 auto;
    min-height: 485px;
    background-color: #fff;
    padding-bottom: 20px;
}

#MasterLeftColumn, #MasterZoneLeft, #MasterRightColumn, #MasterZoneRight
{
    width: auto;
    min-width: 220px;
    max-width: 220px;
    height: auto;
    overflow: hidden;
    padding: 0;
}

#MasterContentColumn
{
    width: auto;
    height: auto;
    overflow: hidden;
    padding: 0;
}

#MasterZoneContent
{
    width: auto;
    height: auto;
    overflow: hidden;
    padding: 0;
    margin: 0 auto;
}

#MasterFooterWrapper, #MasterZoneFooter
{
    height: auto;
    width: 100%;
    min-width: 1040px;
}

a
{
    color: #333;
}

a:hover
{
    color: #0c12a6;
}

a.reverseLinkStyle
{
    color: #0c12a6;
}

a.reverseLinkStyle:hover
{
    color: #333;
}

.noLink, .noLink:hover
{
    color: #333;
    text-decoration: none;
    cursor: default;
}

b, strong
{
    font-family: LatoBold;
    font-weight: normal;
}

.Button, a.Button
{
    background: #1b0dab;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    padding: 12px 16px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    height: auto !important;
    margin: 0;
    width: auto;
    font: normal 14px LatoRegular;
}

.Button:hover, a.Button:hover
{
    background: #343be1;
}

.ButtonGray, a.ButtonGray
{
    background: #fafafa;
    border:1px solid #e5e5e5;
    color: #0c12a6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 15px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    height: auto !important;
    margin: 0;
    width: auto;
    font: normal 14px LatoRegular;
}

.ButtonGray:hover, a.ButtonGray:hover
{
    background: #e7e8fd;
    border:1px solid #0c12a6;
}

.ButtonDarkGray, a.ButtonDarkGray
{
    background: #8c8c98;
    border:1px solid #787887;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 11px 16px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    height: auto !important;
    margin: 0;
    width: auto;
    font: normal 14px LatoRegular;
}

.ButtonDarkGray:hover, a.ButtonDarkGray:hover
{
    background: #787887;
}

.Button:active, a.Button:active,
.ButtonGray:active, a.ButtonGray:active,
.ButtonDarkGray:active, a.ButtonDarkGray:active
{
    outline: none;
}

input[type="text"], input[type="password"], select
{
    height: 38px;
    padding: 0;
    margin: 0;
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
    text-indent: 10px;
    line-height: 25px;
}

textarea
{
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
}

.widget-title-wrap
{
    padding: 0;
    margin: 10px 0;
}

.widget-title-wrap h2
{
    color: #222;
    font: normal 18px LatoBold;
    padding: 0;
    margin: 0;
}

span.SectionHeader
{
    font: normal 1.3em LatoBold;
    color: #222;
    display: block;
    margin: 10px 0;
    padding-bottom: 20px;
    text-transform: uppercase;
}

div.sectionHeader, div.SectionHeader
{
    font: normal 18px LatoBold;
    color: #222;
    line-height: 23px;
    text-align: justify;
    padding: 20px 0;
    text-transform: uppercase;
}

div.validation-summary-errors
{
    text-align: center;
    border: 1px solid #ee3041;
    background-color: #FDEAEC;
    margin: 10px 0;
}

div.validation-summary-errors span
{
    font: normal 11px LatoBold;
}

div.validation-summary-errors span, div.validation-summary-errors ul li, span.field-validation-error
{
    font: normal 11px LatoRegular;
    color: #ee3041 !important;
}

span.field-validation-error
{
    text-transform: lowercase;
}

.required:before
{
    color:Red;
    content:"*";
}

.invalid
{
    color: #ee3041;
}

/*#### GRID ####*/
.t-header, .t-grid-header
{
    background: #fafafa;
    border-color: #ddd;
}

.t-grid-header .t-header .t-link
{
    height: auto;
    margin: 0;
    padding: 0;
}

.t-state-hover
{
    background: #fafafa;
}

.t-widget
{
    border: 1px solid #e5e5e5;
}

/*#### Datepicker ####*/
div.t-picker-wrap span.t-select span.t-icon.t-icon-calendar
{
    background: url(Images/icon_datepicker.png)no-repeat center center;
    height: 100%;
    margin: 0;
}

.t-animation-container
{
    display: none;
}

/* Left Panel */

div.leftPanelShoppingCartWidget
{
    padding-top: 20px;
}

div.leftPanelShoppingCartWidget div.ShoppingCartSummary
{
    color:#888;
    padding:5px 0 0 5px;
}

label.favLabel
{
    padding:0 0 0 10px;
}

/* Right Panel */
span#ctl00_ZoneRightWidgets div.widget-wrapper
{
    padding-left: 10px;
}

/* <=== Common Styles */

/* Header ===> */

div.mainHeaderWrapper
{
    width: 100%;
    min-width: 1040px;
}

div.mainHeaderWrapper div.subMenuWrapper
{
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    min-width: 1040px;
    height: 45px;
    overflow: hidden;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent
{
    display: table;
    margin: 0 auto;
    width: 1040px;
    height: 45px;
    overflow: hidden;
    table-layout: fixed;
}

div.mainHeaderWrapper ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

div.mainHeaderWrapper ul li
{
    display: inline-block;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.leftSubMenu
{
    display: table-cell;
    width: 50%;
    height: 100%;
    vertical-align: middle;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.leftSubMenu ul li a.noLink
{
    font: normal 15px LatoBold;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.leftSubMenu ul li a span, div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.leftSubMenu ul li a.mailTo
{
    font: normal 15px LatoBold;
    color: #0c12a6;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu
{
    display: table-cell;
    width: 50%;
    height: 100%;
    text-align: right;
    vertical-align: middle;
    height: 45px;
    overflow: hidden;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu > ul > li
{
    border-left: 1px solid #e5e5e5;
    height: 45px;
    vertical-align: top;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu > ul > li:last-child
{
    border-right: 1px solid #e5e5e5;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu > ul > li > a
{
    display: block;
    font: normal 14px LatoBold;
    padding: 14px 40px 15px 40px;
    height: 45px;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu > ul > li:hover > a
{
    color: #0c12a6;
    text-decoration: none;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu ul li a[name="SignInOrRegister"]:before
{
    content: "";
    background: url(Images/icon_sign_in_register.png)no-repeat center center;
    width: 19px;
    height: 19px;
    display: inline-block;
    position: absolute;
    margin: -3px 0 0 -25px;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu ul li a[name="SignInOrRegister"]:after
{
    content: "";
    background: url(Images/icon_drop_down_blue.png)no-repeat center center;
    width: 19px;
    height: 19px;
    display: inline-block;
    position: absolute;
    margin: -2px 0 0 8px;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu ul li div.childMenuWrapper
{
    display: none;
    background-color: #f0f0f0;
    border: 1px solid #e5e5e5;
    position: absolute;
    text-align: left;
    margin: -1px 0 0 -1px;
    width: 195px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

/*start browser specific width*/
div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu ul li.Chrome div.childMenuWrapper
{
    width: 196px;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu ul li.loggedIn div.childMenuWrapper
{
    width: 167px;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu ul li.loggedIn.Safari div.childMenuWrapper, div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu ul li.loggedIn.IE div.childMenuWrapper
{
    width: 169px;
}
/* end browser specific width*/

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu ul li:hover div.childMenuWrapper
{
    display: block;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu ul li div.childMenuWrapper ul li
{
    display: block;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu ul li div.childMenuWrapper ul li a
{
    padding: 10px;
    display: block;
    font: normal 14px LatoBold;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu ul li div.childMenuWrapper ul li a:hover
{
    color: #0c12a6;
    text-decoration: none;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu > ul > li.Facebook a
{
    overflow: hidden;
    padding: 14px 20px 15px 20px;
    position: relative;
    text-indent: 9999px;
    white-space: nowrap;
    width: 50px;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu > ul > li.Facebook a:before 
{
    color: #1b0dab;
    content: "\ea44";
    font-family: 'icomoon';
    font-size: 21px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu > ul > li.Instagram a
{
    overflow: hidden;
    padding: 14px 20px 15px 20px;
    position: relative;
    text-indent: 9999px;
    white-space: nowrap;
    width: 50px;
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu > ul > li.Instagram a:before 
{
    color: #1b0dab;
    content: "\ea45";
    font-family: 'icomoon';
    font-size: 21px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu > ul > li.Facebook a:hover:before,
div.mainHeaderWrapper div.subMenuWrapper div.subMenuContent div.rightSubMenu > ul > li.Instagram a:hover:before 
{
    color: #3a2aef;
}

div.mainHeaderWrapper div.companyLogoWrapper
{
    background: url(Images/delivering-more-than-plywood.png)no-repeat right center;
    width: 1040px;
    margin: 0 auto;
    padding: 8px 0;
}

div.mainHeaderWrapper div.mainMenuWrapper
{
    width: 100%;
    min-width: 1040px;
}

div.mainHeaderWrapper div.mainMenuWrapper div.mainMenuContent
{
    width: 1040px;
    margin: 0 auto;
    background-color: #e5e5e5;
    border: 1px solid #d5d5d5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

div.mainHeaderWrapper div.mainMenuWrapper div.mainMenuContent div.leftMainMenu
{
    display: inline-block;
    width: 615px;
    height: 60px;
    white-space: nowrap;
    position: relative;
}

/* ##### Products Category ##### */

div.mainHeaderWrapper div.productsButtonWrapper
{
    display: inline-block;
    width: 100px;
    height: 62px;
    background-color: #0c12a6;
    position: absolute;
    margin-top: -1px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    z-index: 98;
}

div.mainHeaderWrapper div.productsButtonWrapper > label
{
    background: url(Images/icon_drop_down_shop.png)no-repeat 15px center;
    color: #fff;
    display: block;
    text-align: center;
    font: normal 18px LatoBold;
    padding: 20px 0;
    height: 62px;
    text-indent: 20px;
}

div.mainHeaderWrapper div.productsButtonWrapper div.productsWrapper
{
    background-color: #0c12a6; /*fallback*/
    background-color: rgba(12, 18, 166, 0.9);
    display: none;
    width: 250px;
    margin-top: -1px;
    padding: 10px 0;
    position: relative;
    z-index: 99;
}

div.mainHeaderWrapper div.productsButtonWrapper:hover div.productsWrapper
{
    display: inline-block;
}

div.mainHeaderWrapper div.productsButtonWrapper div.productsWrapper ul li
{
    display: block;
}

div.mainHeaderWrapper div.productsWrapper div.mainCategoryWrapper > ul > li > a
{
    color: #fff;
    display: inline-block;
    padding: 4px 20px;
    text-transform: capitalize;
    width: 100%;
    white-space: normal;
    font-size: 11px;
    letter-spacing: 0.8px;
}

div.mainHeaderWrapper div.productsWrapper div.mainCategoryWrapper > ul > li:hover > a
{
    background-color: #333ae0;
    text-decoration: none;
}

div.mainHeaderWrapper div.productsWrapper div.mainCategoryWrapper > ul > li > div.subCategoryWrapper
{
    display: none;
    position: absolute;
    top: 0;
    height: 100%;
    width: auto;
    padding: 50px 20px 0 20px;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
    z-index: 99;
}

div.mainHeaderWrapper div.productsWrapper div.mainCategoryWrapper.IE > ul > li > div.subCategoryWrapper
{
    margin-left: -3px;
}

div.mainHeaderWrapper div.productsWrapper div.mainCategoryWrapper > ul > li:hover > div.subCategoryWrapper
{
    display: inline-block;
    background-color: #fff; /*fallback*/
    background-color: rgba(255, 255, 255, 0.9);
    min-width: 200px;
}

div.mainHeaderWrapper div.productsWrapper div.mainCategoryWrapper > ul > li > div.subCategoryWrapper > h2
{
    color: #888;
    padding: 0;
    margin: 0;
    font: normal 16px LatoBold;
    white-space: normal;
    position: absolute;
    top: 10px;
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
}

div.mainHeaderWrapper div.productsWrapper div.mainCategoryWrapper > ul > li > div.subCategoryWrapper > ul.subCategory
{
    -webkit-columns: 230px auto;
    -moz-columns: 230px auto;
    columns: 230px auto;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -webkit-column-rule: 1px solid #e5e5e5;
    -moz-column-rule: 1px solid #e5e5e5;
    column-rule: 1px solid #e5e5e5;
    -webkit-column-fill: auto;
    -moz-column-fill: auto;
    column-fill: auto;
    width: 100%;
    height: 100%;
    z-index: 99;
}

div.mainHeaderWrapper div.productsWrapper div.mainCategoryWrapper > ul > li > div.subCategoryWrapper > ul > li > a
{
    color: #0c12a6;
    font: normal 11px LatoBold;
    padding: 4px 0;
    display: block;
    white-space: normal;
}

div.mainHeaderWrapper div.productsWrapper div.mainCategoryWrapper > ul > li > div.subCategoryWrapper > ul > li ul > li a
{
    padding: 4px 20px;
    display: block;
    white-space: normal;
}

/* ##### Search ##### */

div.mainHeaderWrapper div.mainMenuWrapper div.mainMenuContent div.leftMainMenu form
{
    display: inline-block;
    width: 516px;
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
    height: 100%;
    padding: 10px 4px 10px 10px;
    margin-left: 100px;
}

div.mainHeaderWrapper div.mainMenuWrapper div.mainMenuContent div.leftMainMenu form div.searchWidgetWrapper
{
    height: 100%;
    width: 100%;
    white-space: nowrap;
}

div.mainHeaderWrapper div.mainMenuWrapper div.mainMenuContent div.leftMainMenu form div.searchWidgetWrapper input#keywords
{
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: 0;
    text-indent: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #0c12a6;
    padding-right: 40px;
    font: normal 14px LatoRegular;
}

div.mainHeaderWrapper div.mainMenuWrapper div.mainMenuContent div.leftMainMenu form div.searchWidgetWrapper input#searchsubmit
{
    display: inline-block;
    width: 35px;
    height: 34px;
    margin: 3px 0 0 -38px;
    position: absolute;
    moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 3px 3px 0;
    border: none;
    background-color: #0c12a6;
    cursor: pointer;
    background-image: url(Images/icon_search.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center center;
}

div.mainHeaderWrapper div.mainMenuWrapper div.mainMenuContent div.leftMainMenu form div.searchWidgetWrapper input#searchsubmit.IE
{
    margin: 3px 0 0 -40px;
}

div.mainHeaderWrapper div.mainMenuWrapper div.mainMenuContent div.leftMainMenu form div.searchWidgetWrapper input#searchsubmit:hover
{
    background-color: #111;
}

/* ##### Main Menu ##### */

div.mainHeaderWrapper div.mainMenuWrapper div.mainMenuContent div.rightMainMenu
{
    display: inline-block;
    width: 420px;
    text-align: right;
    float: right;
    height: 100%;
    max-height: 60px;
    overflow: hidden;
}

div.mainHeaderWrapper div.mainMenuWrapper div.mainMenuContent div.rightMainMenu > ul
{
    display: block;
    width: 100%;
    height: 100%;
}

div.mainHeaderWrapper div.mainMenuWrapper div.mainMenuContent div.rightMainMenu > ul > li
{
    display: inline-block;
    background-color: #f0f0f0;
    border-left: 1px solid #d5d5d5;
    height: 100%;
}

div.mainHeaderWrapper div.mainMenuWrapper div.mainMenuContent div.rightMainMenu > ul > li:last-child
{
    border-right: none;
}

div.mainHeaderWrapper div.mainMenuWrapper div.mainMenuContent div.rightMainMenu > ul > li.ShoppingCart
{
    background: url(Images/icon_shopping_cart.png)no-repeat 15px center;
    background-color: #f0f0f0;
    padding-left: 20px;
}

div.mainHeaderWrapper div.mainMenuWrapper div.mainMenuContent div.rightMainMenu > ul > li > a
{
    display: block;
    font: normal 17px LatoBold;
    line-height: 60px;
    padding: 0 22px;
}

div.mainHeaderWrapper div.mainMenuWrapper div.mainMenuContent div.rightMainMenu > ul > li:hover > a
{
    color: #0c12a6;
    text-decoration: none;
}

/* <=== Header */

/* Footer Wrapper ===> */

div.footerWrapper
{
    border-top: 2px solid #0c12a6;
    width: 100%;
    min-width: 1040px;
}

div.footerWrapper ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

div.footerWrapper ul li
{
    display: inline-block;
}

div.footerWrapper div.mainMenuWrapper
{
    width: 100%;
    min-width: 1040px;
    min-height: 140px;
}

div.footerWrapper div.mainMenuWrapper > ul
{
    display: table;
    width: 1040px;
    margin: 20px auto 0 auto;
}

div.footerWrapper div.mainMenuWrapper > ul > li
{
    display: table-cell;
}

div.footerWrapper div.mainMenuWrapper > ul > li.PlywoodCompany
{
    width: 25%;
}

div.footerWrapper div.mainMenuWrapper > ul > li.CompanyInfo
{
    width: 50%;
    padding: 0 20px;
}

div.footerWrapper div.mainMenuWrapper > ul > li.GreenLeed
{
    width: 25%;
}

div.footerWrapper div.mainMenuWrapper > ul > li > a
{
    font: normal 15px LatoBold;
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid #e5e5e5;
}

div.footerWrapper div.mainMenuWrapper > ul > li div.childMenuWrapper
{
    padding: 5px 0;
}

div.footerWrapper div.mainMenuWrapper > ul > li div.childMenuWrapper ul
{
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

div.footerWrapper div.mainMenuWrapper > ul > li div.childMenuWrapper ul li
{
    width: 50%;
}

div.footerWrapper div.mainMenuWrapper > ul > li.CompanyInfo div.childMenuWrapper ul li
{
    width: 33.33%;
}

div.footerWrapper div.mainMenuWrapper > ul > li div.childMenuWrapper ul li a
{
    display: block;
    font: normal 13px LatoRegular;
    color: #888;
    padding: 5px 0;
    text-decoration:none;
}

div.footerWrapper div.mainMenuWrapper > ul > li div.childMenuWrapper ul li a:hover
{
    color: #0c12a6;
}

div.footerWrapper div.subMenuWrapper
{
    border-top: 1px solid #e5e5e5;
    width: 100%;
    min-width: 1040px;
    height: 40px;
}

div.footerWrapper div.subMenuWrapper ul
{
    display: block;
    width: 1040px;
    margin: 0 auto;
}

div.footerWrapper div.subMenuWrapper ul li
{
    height: 40px;
}

div.footerWrapper div.subMenuWrapper ul li a
{
    font: normal 14px LatoBold;
    line-height: 40px;
    padding: 0 10px;
    border-right: 1px solid #e5e5e5;
}

div.footerWrapper div.subMenuWrapper ul li:last-child a
{
    border-right: none;
}

div.footerWrapper div.subMenuWrapper ul li a:not(.noLink):hover
{
    color: #0c12a6;
    text-decoration: none;
}

/* <=== Footer Wrapper */

/* Text Slider ===> */

div#MainTextSliderWrapperSection div#SubTextSliderWrapperSection
{
    display: block;
    width: 1040px;
    margin: 10px auto;
    background-color: #f0f0f0;
    padding: 20px 0;
}

div#MainTextSliderWrapperSection hr
{
    background-color: #e5e5e5;
    border: 2px solid #e5e5e5;
    width: 1040px;
    margin: 0 auto;
}

div#slideShowWrapper
{
    width: 1040px;
    line-height: 20px;
    min-height: 20px;
    height:auto;
    overflow: hidden;
    text-align: center;
    position: relative;
}

div#slideShowWrapper div.contentWrapper
{
    z-index: 1;
}

div#slideShowWrapper div.contentWrapper li.contentItem
{
    line-height: 20px;
    min-height: 20px;
    height:auto;
    width: 100%;
    display: inline-block;
    left: 200%;
    position: absolute;
    z-index: 2;
}
div#slideShowWrapper div.contentWrapper li.contentItem.active
{
    left: 0%;
}

div#slideShowWrapper div.sliderBtns
{
    width: 100%;
    height: 30px;
    vertical-align: bottom;
    background-color: #fff;
    display: block;
    position: absolute;
    bottom: 0;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    display: none;
}
div#slideShowWrapper div.sliderBtns div.btn
{
    background-color: #fff;
    border: 1px solid #B8C4CF;
    width: 10px;
    height: 10px;
    margin: 5px;
    display: inline-block;
}
div#slideShowWrapper div.sliderBtns div.btn.active
{
    background-color: #B8C4CF;
}
div#slideShowWrapper div.navWrapper
{
    z-index: 3;
    display: none;
}
div#slideShowWrapper:hover div.navWrapper:not(.disabled)
{
    display: block;
}

div#slideShowWrapper div.navWrapper div
{
    display: inline-block;
    width: 30px;
    height: 20px;
    margin: 0 15px;
    z-index: 4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    cursor:pointer;
}

div#slideShowWrapper div.navWrapper div.prev
{
    float: left;
    background: url('Images/icon_arrow_left_slider.png') no-repeat center center;
    z-index: 5;
    position: relative;
}

div#slideShowWrapper div.navWrapper div.next
{
    float: right;
    background: url('Images/icon_arrow_right_slider.png') no-repeat center center;
    z-index: 5;
    position: relative;
}

/* <=== Text Slider */

/* Breadcrumbs ===> */

div.breadcrumbsWrapper 
{
    padding-bottom: 10px;
}

div.breadcrumbsWrapper div.ProductCategoryBreadcrumbWrapper
{
    width: 1040px;
    margin: 0 auto;
    padding: 20px 0;
    border-bottom: 5px solid #e5e5e5;
}

div.breadcrumbsWrapper div.ProductCategoryBreadcrumbWrapper ul li a,
div.breadcrumbsWrapper div.ProductCategoryBreadcrumbWrapper span a span
{
    font: normal 15px LatoBold;
}

div.breadcrumbsWrapper div.ProductCategoryBreadcrumbWrapper ul li:after,
div.breadcrumbsWrapper div.ProductCategoryBreadcrumbWrapper span:after
{
    padding: 0 5px 0 10px;
    font: normal 10px LatoBold;
    color:#222;
    position:relative;
    top: -2px;
}

div.breadcrumbsWrapper div.ProductCategoryBreadcrumbWrapper ul li:not(:last-child) a,
div.breadcrumbsWrapper div.ProductCategoryBreadcrumbWrapper span:not(:last-child) a span
{
    color:#0c12a6;
}

div.breadcrumbsWrapper div.ProductCategoryBreadcrumbWrapper ul li:last-child a:hover,
div.breadcrumbsWrapper div.ProductCategoryBreadcrumbWrapper span:last-child a:hover span
{
    color:#0c12a6;
}

/* <=== Breadcrumbs */

/* Register ===> */

div#regAcctTypes
{
    width: 600px;
    margin: 0 auto;
}

div#regAcctTypes span.SectionHeader
{
    text-align:center;
}

div#regAcctTypes div.CheckoutOptionSection div.loginWrapper, div#regAcctTypes div.CheckoutOptionSection div.b2bWrapper
{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
    margin-bottom: 10px;
}

div#regAcctTypes div.CheckoutOptionSection div.title
{
    font: normal 18px LatoRegular;
    color: #333;
    padding: 20px 0;
}

div#regAcctTypes div.CheckoutOptionSection div.contentWrapper
{
    background: #fafafa;
    padding: 20px;
}

div#regAcctTypes div.CheckoutOptionSection div.contentWrapper div.content
{
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 20px;
}

div#regAcctTypes div.CheckoutOptionSection div.contentWrapper div.content label
{
    display: block;
    padding: 10px 0 5px 0;
}

div#regAcctTypes div.CheckoutOptionSection div.contentWrapper div.content input[type="text"], div#regAcctTypes div.CheckoutOptionSection div.contentWrapper div.content input[type="password"]
{
    display: block;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
}

div#regAcctTypes div.CheckoutOptionSection div.contentWrapper button#regAcctTypesLogin
{
    float: right;
    width: auto;
    margin: 10px 0;
}

div#regAcctTypes div.CheckoutOptionSection div.contentWrapper div.btn
{
    text-align: right;
}

div#regAcctTypes div.CheckoutOptionSection div.b2cWrapper div.contentWrapper div.content span
{
    line-height: 38px;
}

div#regAcctTypes div.CheckoutOptionSection div.b2cWrapper div.contentWrapper div.content a
{
    float: right;
    margin: 0;
}

div#regAcctTypes div.CheckoutOptionSection div.contentWrapper div.btn button
{
    width: auto;
    margin: 10px 0;
}

div#regAcctTypes div.CheckoutOptionSection div.contentWrapper div.recovery
{
    line-height: 60px;
}

div#regAcctTypes div.CheckoutOptionSection div.contentWrapper div.recovery label
{
    display: inline-block;
    cursor: pointer;
    color: #333;
}

div#regAcctTypes div.CheckoutOptionSection div.contentWrapper div.recovery input
{
    display: inline-block;
    position: relative;
    top: 2px;
    cursor: pointer;
}

div#regAcctTypes div.CheckoutOptionSection div.contentWrapper div.recovery a
{
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
}

div#regAcctTypes div.CheckoutOptionSection div.contentWrapper div.recovery a:hover, div#regAcctTypes div.CheckoutOptionSection div.contentWrapper div.recovery label:hover
{
    color: #0c12a6;
    text-decoration: underline;
}

/*B2B */

div.registerB2BWrapper, div.createAccountWrapper
{
    width: 650px;
    margin: 0 auto;
}

div.registerB2BWrapper span.SectionHeader, div.createAccountWrapper span.SectionHeader
{
    text-align: center;
    width: 60%;
    margin: 0 auto;
    padding: 20px 0 0 0;
}

div.registerB2BWrapper p
{
    text-align: center;
    width: 50%;
    margin: 0 auto;
}

div.createAccountWrapper p
{
    text-align: center;
}

div.registerB2BWrapper div.accountWrapper, div.createAccountWrapper div.accountWrapper
{
    background-color: #fafafa;
    padding: 20px;
}

div.registrationAcceptedVerifyEmail
{
    margin: 50px auto 0 auto;
    width: 600px;
    padding: 10px 20px;
}

div.registrationAcceptedVerifyEmail div.notice
{
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
    font: normal 14px LatoBold;
    padding: 10px;
    text-align: center;
}

div.registrationAcceptedVerifyEmail p
{
    line-height: 20px;
    text-align: justify;
    font-size: 14px;
    line-height: 30px;
}

div.registrationAcceptedVerifyEmail p.title
{
    font: normal 18px LatoBold;
}

div.registrationAcceptedVerifyEmail div.btn
{
    text-align: right;
}

/*B2C*/

div.registerB2CWrapper
{
    width: 600px;
    margin: 0 auto;
}

div.registerB2CWrapper span.SectionHeader
{
    text-align: center;
    padding: 10px 0 0 0;
}

div.registerB2CWrapper p
{
    text-align: center;
}

div.registerB2CWrapper div.accountWrapper
{
    background-color: #fafafa;
    padding: 20px;
    width: 100%;
}

div.registerB2CWrapper div.accountWrapper div.title, div.registerB2BWrapper div.accountWrapper div.title, div.createAccountWrapper div.accountWrapper div.title
{
    font: normal 18px LatoRegular;
    color: #333;
    padding-bottom: 20px;
}

div.registerB2CWrapper div.accountWrapper div.content, div.registerB2BWrapper div.accountWrapper div.content, div.createAccountWrapper div.accountWrapper div.content
{
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 20px;
}

div.registerB2CWrapper div.accountWrapper div.content label, div.registerB2BWrapper div.accountWrapper div.content label, div.createAccountWrapper div.accountWrapper div.content label
{
    display: block;
    padding: 10px 0 5px 0;
}

div.registerB2CWrapper div.accountWrapper div.content input[type="text"], div.registerB2CWrapper div.accountWrapper div.content input[type="password"], div.registerB2BWrapper div.accountWrapper div.content input[type="text"], div.registerB2BWrapper div.accountWrapper div.content input[type="password"], div.createAccountWrapper div.accountWrapper div.content input[type="text"], div.createAccountWrapper div.accountWrapper div.content input[type="password"]
{
    display: block;
    height: 28px;
    line-height: 28px;
    width: 100%;
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
    padding: 0;
    margin: 0;
}

div.registerB2CWrapper div.accountWrapper div.content div.captcha input, div.registerB2BWrapper div.accountWrapper div.content div.captcha input, div.createAccountWrapper div.accountWrapper div.content div.captcha input
{
    width: 200px;
}

div.registerB2CWrapper div.accountWrapper div.content div.btn, div.registerB2BWrapper div.accountWrapper div.content div.btn, div.createAccountWrapper div.accountWrapper div.content div.btn
{
    text-align: right;
    padding: 10px 0;
}

/* <=== Register */

/* Forgot Password ===> */

div.forgotPassword
{
    padding: 20px;
    width: 600px;
    margin: 0 auto;
}

div.forgotPassword > P
{
    text-align: justify;
    line-height: 20px;
}

div.forgotPassword div.info
{
    width: 560px;
    padding: 20px;
    background-color: #fafafa;
}

div.forgotPassword div.info div.title
{
    font: normal 16px LatoRegular;
    margin-bottom: 10px;
}

div.forgotPassword div.info table
{
    width: 560px;
    padding: 20px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}

div.forgotPassword div.info table td input
{
    width: 100%;
}

div.requestNewPasswordProcessed
{
    background-color: #fafafa;
    border: 1px solid #888;
    margin: 50px auto 0 auto;
    width: 800px;
    padding: 10px 20px;
}

div.requestNewPasswordProcessed p
{
    line-height: 20px;
    text-align: justify;
    font-size: 14px;
}

div.changePasswordNotFoundWrapper
{
    text-align: center;
    padding: 20px;
}

/* <=== Forgot Password */

/* Logout ===> */

div.logoutNotificationWrapper
{
    background-color: #fafafa;
    margin: 0 auto;
    padding: 20px;
    width: 80%;
    margin-top: 50px;
}

div.logoutNotificationWrapper div.contentWrapper
{
    background-color: #fff;
    border: 1px solid #e5e5e5;
    text-align: center;
    padding: 0 20px 20px 20px;
}

div.logoutNotificationWrapper div.contentWrapper p
{
    font: normal 18px LatoBold;
}

/* <=== Logout */

/* Contact Us ===> */

div.contactUsWrapper
{
    display: table;
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
}

div.contactUsWrapper span.SectionHeader
{
    padding: 0;
}

div.contactUsWrapper div.ContentSnippet
{
    margin: 0 0 20px 0;
}

div.contactUsWrapper div.leftPanel
{
    padding: 20px;
    background-color: #fafafa;
    display: table-cell;
    width: 50%;
}

div.contactUsWrapper div.leftPanel div.contentWrapper
{
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 20px;
}

div.contactUsWrapper div.leftPanel div.contentWrapper td.dataEntry
{
    padding-bottom: 10px;
}

div.contactUsWrapper div.leftPanel div.contentWrapper > table > tbody > tr > td
{
    width: 100%;
    display: block;
    padding: 2px 0;
}

div.contactUsWrapper div.leftPanel div.contentWrapper td.dataEntry > input
{
    width: 100%;
}

div.contactUsWrapper div.leftPanel div.contentWrapper td.btn input
{
    width: 100%;
    margin-bottom: 5px;
}

div.contactUsWrapper div.leftPanel div.contentWrapper table.captcha td input#captcha
{
    width: 100%;
}

div.contactUsWrapper div.rightPanel
{
    padding: 20px;
    display: table-cell;
    width: 50%;
}

/* <=== Contact Us */

/* Left Panel Menus ===> */

ul.ProductCategoryNavigator
{
    margin: 10px 0;
}

ul.ProductCategoryNavigator li.ProductCategoryNavigatorCell
{
    border-bottom: none;
    padding: 5px 10px; /*background:url(Images/icon_arrow_right_blue.jpg)no-repeat right center;     background-size: 5px 10px;*/
}

ul.ProductCategoryNavigator li.ProductCategoryNavigatorCell a
{
    color: #222;
}

ul.ProductCategoryNavigator li.ProductCategoryNavigatorCell a:hover
{
    color: #0c12a6;
}

/* <=== Lef Panel Menus */

/* My Account Nav Menus ===>*/

div.verticalMenuWrapper
{
    padding: 10px;
}

ul.verticalMenuList
{
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.verticalMenuList > li
{
    padding-bottom: 10px;
}

ul.verticalMenuList > li > label
{
    font: normal 15px LatoBold;
}

ul.verticalMenuList > li > ul.subMenuList
{
    padding: 0 0 0 20px;
    margin: 0;
    list-style: none;
}

ul.verticalMenuList > li > ul.subMenuList > li a
{
    display: block;
    font: normal 15px LatoRegular;
    padding: 5px 0;
}

/* <=== My Account Nav Menus */

/* My Accounts Pages ===> */

.menuContent
{
    margin: 0 10px;
}

.menuContent li
{
    list-style: none;
    padding: 5px 10px 5px 0;
    border-bottom: 1px dotted #e5e5e5;
}

.menuContent > li > label
{
    color: #333;
    font-family: 'LatoBold';
}

.menuContent > li > a
{
    padding: 0 0 0 20px;
}

div.AccountsToolBar
{
    position: absolute;
    width: 778px;
    text-align: right;
}

div.AccountsToolBar > a
{
    height: 12px;
    padding: 10px;
}

div.changePasswordWrapper div.accountWrapper
{
    width: 500px;
    background-color: #fafafa;
    padding: 20px;
}

div.changePasswordWrapper div.accountWrapper div.title
{
    font: normal 14px LatoBold;
    margin-bottom: 10px;
}

div.changePasswordWrapper div.accountWrapper div.content
{
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 20px;
}

div.changePasswordWrapper div.accountWrapper div.content label
{
    display: block;
    padding: 10px 0 5px 0;
}

div.changePasswordWrapper div.accountWrapper div.content input[type="password"]
{
    display: block;
    width: 100%;
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    height: 28px;
    line-height: 28px;
    padding: 0;
    margin: 0;
}

div.changePasswordWrapper div.accountWrapper div.content div.btn
{
    margin: 10px 0;
    text-align: right;
}

td > table.WidgetPanel
{
    padding: 10px 0;
}

table.WidgetPanel td.WidgetTitleHeader
{
    font: normal 18px LatoBold;
    background:none;
    border:none;
}

table.WidgetPanel td.WidgetContent
{
    padding: 10px 0 0 0;
}

table.WidgetPanel td.WidgetContent div.statementSummaryWidgetWrapper table.summaryDetailsDataTable td > table td
{
    width: 50%;
}

table.WidgetPanel td.WidgetContent div.padding5
{
    padding: 0;
}

table.WidgetPanel td.WidgetContent div.padding5 div.width650
{
    width: 100%;
}

table.WidgetPanel td.WidgetContent > div.padding5 > div.width650 > div[style="text-align: right"]
{
    margin: 10px 0;
    display: inline-block;
    width: 120px;
    float: right;
}

table.WidgetPanel td.WidgetContent > div.padding5 > div.width650 > div[style="text-align: right"] > a
{
    background: #0c12a6;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
    padding: 5px 15px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    height: auto;
    margin: 0;
    width: auto;
    text-transform: capitalize;
}

table.WidgetPanel td.WidgetContent > div.padding5 > div.width650 > div[style="text-align: right"] > a:hover
{
    background: #343be1;
}

table.WidgetPanel td.WidgetContent > div.padding5 > div.width650 > div.ContentSnippet
{
    width: 550px;
    margin: 0;
    padding: 5px;
    display: inline-block;
}

table.WidgetPanel td.WidgetContent > div.SubHeader > table.DataTable td
{
    display: inline-block;
}

span#ctl00_MainContent_B2BCurrentActivityWidgets table div.WidgetPanel > div > h3
{
    font: normal 1.5em LatoBold;
}

span#ctl00_MainContent_B2BCurrentActivityWidgets table div.WidgetPanel > div > div.title
{
    font: normal 16px LatoRegular;
    padding: 10px 0;
}

span#ctl00_MainContent_B2BCurrentActivityWidgets > table
{
    width: 98%;
}

span#ctl00_MainContent_B2BCurrentActivityWidgets > table td > div.WidgetPanel > center table.DataTable.AccountInfo tr.DataRow td.DataCell.FieldLabel:first-child, span#ctl00_MainContent_B2BCurrentActivityWidgets > table td > div.WidgetPanel > center table.DataTable.AccountInfo tr.DataRow td.DataCell.FieldLabel:nth-child(3)
{
    width: 15%;
}

/**********GENERAL INFO**********/
td.DataCell
{
    font: normal 16px LatoRegular;
}

/**********B2B JOBS/STATEMENTS**********/
div.b2bCustomerSelectWrapper
{
    background-color: #f5f5f5;
    padding: 20px;
    width: 100%;
    margin-bottom: 20px;
}

div.b2bCustomerSelectWrapper div#SalesPersonSetCurrentCustomer
{
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 20px;
    width: 100%;
}

div.b2bCustomerSelectWrapper div#SalesPersonSetCurrentCustomer span.ibos-vertical-align-middle.bold-text
{
    display: block;
    margin-bottom: 5px;
}

div.b2bCustomerSelectWrapper div#SalesPersonSetCurrentCustomer div#currentCustomerID
{
    width: 100% !important;
    z-index: 9;
}

div.b2bCustomerSelectWrapper div#SalesPersonSetCurrentCustomer div#currentCustomerID div.t-dropdown-wrap.t-state-default
{
    border: 0px solid #e5e5e5;
    padding: 4px 0;
}

div.b2bCustomerSelectWrapper div#SalesPersonSetCurrentCustomer div#currentCustomerID div.t-dropdown-wrap.t-state-default span.t-select
{
    margin-top: 5px;
}

/**********QUOTE/INVOICE/ORDER Search Filter Wrapper**********/
div.myAccountSearchFilterWrapper
{
    background-color: #f5f5f5;
    padding: 20px;
}

div.myAccountSearchFilterWrapper div.title
{
    font: normal 14px LatoBold;
    margin-bottom: 10px;
}

div.myAccountSearchFilterWrapper div.content
{
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 10px 20px 20px 20px;
}

div.myAccountSearchFilterWrapper div.content div#SalesPersonSetCurrentCustomer span.ibos-vertical-align-middle.bold-text
{
    display: block;
    margin-bottom: 5px;
    font: normal 14px 'LatoRegular';
}

div.myAccountSearchFilterWrapper div.content div#SalesPersonSetCurrentCustomer div#currentCustomerID
{
    width: 100% !important;
    z-index: 9;
}

div.myAccountSearchFilterWrapper div.content div#SalesPersonSetCurrentCustomer div#currentCustomerID div.t-dropdown-wrap.t-state-default
{
    border: 0px solid #e5e5e5;
    padding: 4px 0;
}

div.myAccountSearchFilterWrapper div.content div#SalesPersonSetCurrentCustomer div#currentCustomerID div.t-dropdown-wrap.t-state-default span.t-select
{
    margin-top: 5px;
}

div.myAccountSearchFilterWrapper div.content table tr.info td > label
{
    display: block;
    padding: 10px 0 5px 0;
}

div.myAccountSearchFilterWrapper div.content table tr.info td > input
{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding: 0 !important;
    margin: 0;
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
}

div.myAccountSearchFilterWrapper div.content table tr.info td > select
{
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 !important;
    margin: 0;
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
}

div.myAccountSearchFilterWrapper div.content table tr.info td div.t-widget.t-datepicker
{
    border: none;
    height: 30px;
    width: 45%;
    border: 0px solid #e5e5e5;
    display: inline-block;
    white-space: nowrap;
}

div.myAccountSearchFilterWrapper div.content table tr.info td div#SpecificDate.t-widget.t-datepicker
{
    width: 100%;
}

div.myAccountSearchFilterWrapper div.content table tr.info td div span.separator
{
    display: inline-block;
    padding: 0 5px;
    line-height: 30px;
    height: 30px;
}

div.myAccountSearchFilterWrapper div.content table tr.info td div.t-widget.t-datepicker div.t-picker-wrap input
{
    height: 28px;
    line-height: 28px;
    padding: 0;
    margin: 0;
    border: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    width: 100%;
}

div.myAccountSearchFilterWrapper div.content table tr.info td div.t-widget.t-datepicker div.t-picker-wrap
{
    padding: 0;
}

div.myAccountSearchFilterWrapper div.content table tr.info td div.t-widget.t-datepicker div.t-picker-wrap > span
{
    position: absolute;
    display: inline-block;
    margin: 5px 5px 0 0;
}

div.myAccountSearchFilterWrapper div.content table tr td.btn
{
    padding: 10px 0;
}

div.myAccountSearchFilterWrapper div.content table tr td.btn input#btnClear
{
    background: #aaa;
    padding: 12px 16px;
}

div.myAccountSearchFilterWrapper div.content table tr td.btn input#btnClear:hover
{
    background: #bbb;
}

/**********B2B QUOTES DETAILS**********/
table.mQuoteDataTable td
{
    padding: 5px 0;
}

table#print-buttons tr td
{
    padding-right: 10px;
}

/**********B2B ORDER DETAILS**********/
table.myAccountDataTable td
{
    padding: 5px 0;
}

table#summary-buttons tr td
{
    padding-right: 10px;
}

/**********B2B INVOICE DETAILS**********/
table.mInvoiceDataTable td
{
    padding: 5px 0;
}

/**********B2B EMULATE CUSTOMER**********/
div.emulateContentWrapper
{
    background-color: #f5f5f5;
    padding: 20px;
}

div.emulateContentWrapper div.content
{
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 20px;
}

div.emulateContentWrapper div.content label
{
    padding: 0 0 5px 0;
    display: block;
}

div.emulateContentWrapper div.content input[type="text"]
{
    padding: 0;
    margin: 0;
    line-height: 28px;
    height: 28px;
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    width: 100%;
}

div.emulateContentWrapper div.content div.btn
{
    text-align: right;
    padding: 10px 0;
}

/**********SALES PERSON HOME**********/
div.salesPersonAccountHomeWrapper span.right
{
    font: normal 16px LatoBold;
}

div.salesPersonAccountHomeWrapper div.section-panel div.section-header
{
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
}

div.salesPersonAccountHomeWrapper div.section-panel div.section-header span.section-title span.vertical-align
{
    font: normal 14px LatoBold;
}

div.salesPersonAccountHomeWrapper div.section-panel div div.padding5
{
    padding: 0;
    margin: 10px 0 20px 0;
}

div.salesPersonAccountHomeWrapper div.section-panel div div.padding5 div.width650.center
{
    width: 100%;
}

div.salesPersonAccountHomeWrapper div.section-panel div div.padding5 div.width650.center > div[style="text-align: right"]
{
    margin: 10px 0;
}

div.salesPersonAccountHomeWrapper div.section-panel div div.padding5 div.width650.center > div[style="text-align: right"] > a
{
    background: #0c12a6;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
    padding: 5px 15px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    height: auto;
    margin: 0;
    width: auto;
    text-transform: capitalize;
}

div.salesPersonAccountHomeWrapper div.section-panel div div.padding5 div.width650.center > div[style="text-align: right"] > a:hover
{
    background: #343be1;
}

/**********SALES PERSON CART ENTRY**********/
div.salesPersonCartEntryWrapper div#CartEntry div.gray
{
    background-color: #f5f5f5;
    padding: 20px;
    margin-bottom: 20px;
}

div.salesPersonCartEntryWrapper div#CartEntry div.gray div.white
{
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 20px;
}

div.salesPersonCartEntryWrapper div#CartEntry div.gray div.white div#SalesPersonSetCurrentCustomer
{
    text-align: left;
    margin: 0 0 10px 0;
}

div.salesPersonCartEntryWrapper div#CartEntry div.gray div.white span.ibos-vertical-align-middle.bold-text
{
    display: block;
    margin-bottom: 5px;
}

div.salesPersonCartEntryWrapper div#CartEntry div.gray div.white div#currentCustomerID
{
    width: 100% !important;
    z-index: 9;
}

div.salesPersonCartEntryWrapper div#CartEntry div.gray div.white div#currentCustomerID div.t-dropdown-wrap.t-state-default
{
    border: 0px solid #e5e5e5;
    padding: 3px 0;
}

div.salesPersonCartEntryWrapper div#CartEntry div.gray div.white div#currentCustomerID div.t-dropdown-wrap.t-state-default span.t-select
{
    margin-top: 5px;
}

div.salesPersonCartEntryWrapper div#CartEntry div.gray div.white div#filtersContainer > div
{
    width: 49%;
    display: inline-block;
    white-space: nowrap;
}

div.salesPersonCartEntryWrapper div#CartEntry div.gray div.white div#filtersContainer
{
    height: auto;
    display: block;
    height: 50px;
    margin: 0;
    float: none;
}

div.salesPersonCartEntryWrapper div#CartEntry div.gray div.white div#filtersContainer > div > label
{
    display: block;
    padding-bottom: 5px;
}

div.salesPersonCartEntryWrapper div#CartEntry div.gray div.white div#filtersContainer > div > input[type="text"]
{
    height: 28px;
    line-height: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    width: 100%;
    padding: 0;
}

div.salesPersonCartEntryWrapper div#CartEntry div.gray div.white div#filtersContainer > div > div > input[type="text"]
{
    height: 28px;
    line-height: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    width: 68%;
    padding: 0;
}

div.salesPersonCartEntryWrapper div#Cart button#UpdateCart
{
    float: right;
}

div.salesPersonCartEntryWrapper td.t-pager-wrapper, div.salesPersonCartEntryWrapper td div.t-status
{
    background-color: #eee;
}

div.salesPersonCartEntryWrapper tr.t-no-data td
{
    text-align: left;
}

/**********SALES PERSON ORDER**********/
div.salesPersonOrderListWrapper td.t-pager-wrapper, div.salesPersonOrderListWrapper td div.t-status
{
    background-color: #eee;
}

/**********SALES PERSON QUOTE**********/
div.salesPersonQuoteListWrapper td.t-pager-wrapper, div.salesPersonQuoteListWrapper td div.t-status
{
    background-color: #eee;
}

/**********SALES PERSON QUOTE/ORDER SUBMIT**********/
div.submitQuoteWrapper div.contentWrapper, div.submitOrderWrapper div.contentWrapper
{
    background-color: #fafafa;
    padding: 20px;
    width: 500px;
}

div.submitQuoteWrapper div.contentWrapper div.content, div.submitOrderWrapper div.contentWrapper div.content
{
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 20px;
}

div.submitQuoteWrapper div.contentWrapper div.content table td.label, div.submitOrderWrapper div.contentWrapper div.content table td.label
{
    width: 28%;
    padding: 5px;
}

div.submitQuoteWrapper div.contentWrapper div.content table td.info, div.submitOrderWrapper div.contentWrapper div.content table td.info
{
    width: 68%;
    padding: 5px;
}

div.submitQuoteWrapper div.contentWrapper div.content table td.info input, div.submitOrderWrapper div.contentWrapper div.content table td.info input
{
    width: 100%;
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
    height: 30px;
    line-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.submitQuoteWrapper div.contentWrapper div.content table td.info select, div.submitOrderWrapper div.contentWrapper div.content table td.info select
{
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 30px;
    line-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.submitQuoteWrapper div.contentWrapper div.content table td.info textarea, div.submitOrderWrapper div.contentWrapper div.content table td.info textarea
{
    width: 100%;
    background-color: #fafafa;
    height: 60px;
}

div.submitQuoteWrapper div.contentWrapper div.content table td.info div.t-widget.t-datepicker, div.submitOrderWrapper div.contentWrapper div.content table td.info div.t-widget.t-datepicker
{
    border: none;
    height: 30px;
    width: 50%;
    border: 0px solid #e5e5e5;
    display: inline-block;
    white-space: nowrap;
}

div.submitQuoteWrapper div.contentWrapper div.content table td.info div.t-widget.t-datepicker div.t-picker-wrap input, div.submitOrderWrapper div.contentWrapper div.content table td.info div.t-widget.t-datepicker div.t-picker-wrap input
{
    height: 30px;
    line-height: 28px;
    padding: 0 5px;
    margin: 0;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
    width: 99%;
}

div.submitQuoteWrapper div.contentWrapper div.content table td.info div.t-widget.t-datepicker div.t-picker-wrap, div.submitOrderWrapper div.contentWrapper div.content table td.info div.t-widget.t-datepicker div.t-picker-wrap
{
    padding: 0;
}

div.submitQuoteWrapper div.contentWrapper div.content table td.info div.t-widget.t-datepicker div.t-picker-wrap > span, div.submitOrderWrapper div.contentWrapper div.content table td.info div.t-widget.t-datepicker div.t-picker-wrap > span
{
    position: absolute;
    display: inline-block;
    margin: 5px 5px 0 0;
}

div.submitQuoteWrapper div.contentWrapper div.content div.btn, div.submitOrderWrapper div.contentWrapper div.content div.btn
{
    text-align: right;
}

div.submitQuoteWrapper div.contentWrapper div.content div.btn input#submitQuoteButton, div.submitOrderWrapper div.contentWrapper div.content div.btn input#submitOrderButton
{
    float: none;
    clear: both;
}

/**********SALES PERSON CALENDAR**********/
div.SalesPersonContent div.rsHeader
{
    background: #f5f5f5 !important;
    border-bottom: none !important;
    height: 50px;
}

div.SalesPersonContent div.rsInnerFix table.rsHorizontalHeaderTable th
{
    background: #f5f5f5 !important;
    background-image: none !important;
}

div.SalesPersonContent div.rsHeader ul > li > a
{
    display: block;
    border: 1px solid #e5e5e5;
    padding: 6px 10px;
    background: #f5f5f5;
    margin: 10px 5px 10px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.SalesPersonContent div.rsHeader ul > li > a:hover
{
    background: #fff !important;
    background-image: none !important;
}

div.SalesPersonContent div.rsHeader ul > li, div.SalesPersonContent div.rsHeader ul > li:hover
{
    color: #333 !important;
    background: none !important;
    background-image: none !important;
    padding: 0 5px;
}

div.SalesPersonContent div.rsHeader ul > li > a > span, div.SalesPersonContent div.rsHeader ul > li > a > span:hover
{
    color: #333 !important;
    background: none !important;
    background-image: none !important;
    padding: 0;
}

div.SalesPersonContent div.rsHeader ul > li.rsSelected
{
    background: none !important;
    background-image: none !important;
    padding: 0;
}

div.SalesPersonContent div.rsHeader ul > li.rsSelected em
{
    background: #0c12a6 !important;
    background-image: none !important;
    padding: 0 10px;
    margin: 10px 5px 10px 0;
    line-height: 26px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.SalesPersonContent div.rsHeader > p > a
{
    background: #e5e5e5 !important;
}

div.SalesPersonContent div.rsHeader > p > a:hover
{
    background: #f5f5f5 !important;
}

div.SalesPersonContent div.rsHeader > p > a.rsPrevDay
{
    background: url(Images/icon_accordion_left.png)no-repeat center center !important;
    background-size: contain !important;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 25px;
    width: 25px;
    margin: 12px 5px 10px 5px;
}

div.SalesPersonContent div.rsHeader > p > a.rsPrevDay:hover
{
    border: 1px solid #343be1;
}

div.SalesPersonContent div.rsHeader > p > a.rsNextDay
{
    background: url(Images/icon_accordion_right.png)no-repeat center center !important;
    background-size: contain !important;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 25px;
    width: 24px;
    margin: 12px 5px 10px 5px;
}

div.SalesPersonContent div.rsHeader > p > a.rsNextDay:hover
{
    border: 1px solid #343be1;
}

div.SalesPersonContent div.rsHeader a.rsToday
{
    color: #333;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 5px 5px 5px;
    text-decoration: none;
    line-height: 50px;
    text-transform: uppercase;
    margin: 0 5px;
}

div.SalesPersonContent div.rsHeader a.rsToday:hover
{
    border: 1px solid #343be1;
}

div.SalesPersonContent div.rsHeader a.rsDatePickerActivator
{
    background: url(Images/icon_accordion_down.png)no-repeat center center !important;
    background-size: contain !important;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 25px;
    width: 24px;
    margin: 12px 5px 10px 5px;
}

div.SalesPersonContent div.rsHeader a.rsDatePickerActivator:hover
{
    border: 1px solid #343be1;
}

div.SalesPersonContent div.rsHeader > h2
{
    display: inline-block;
    width: 400px;
    text-align: center;
    font: normal 18px LatoBold;
    color: #333;
    padding: 10px 0;
}

div.SalesPersonContent div.rsContent.rsMonthView table td.rsContentWrapper table.rsContentTable td div.rsDateBox
{
    background-color: #f5f5f5 !important;
}

div.SalesPersonContent div.rsAptContent, div.SalesPersonContent div.rsAptIn
{
    background-color: #343be1 !important;
}

div.SalesPersonContent div.rsOverlay
{
    position: fixed;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
}

div.SalesPersonContent div.rsModalDialog
{
    left: 40% !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: fixed !important;
}

/****** Quickbooks ******/

div.quickbooksSetup
{
    padding: 0 10px;
}

div.quickbooksSetup p
{
    text-align: justify;
    line-height: 20px;
}

div.quickbooksSetup div.detailsWrapper
{
    padding: 20px;
    background-color: #fafafa;
    margin-bottom: 10px;
}

div.quickbooksSetup div.detailsWrapper div.title
{
    padding: 10px 0;
    font: normal 14px LatoBold;
}

div.quickbooksSetup div.detailsWrapper div.details
{
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 0 20px 20px 20px;
}

div.quickbooksSetup div.detailsWrapper div.details input[type="text"]
{
    width: 98%;
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
    line-height: 28px;
    height: 28px;
    padding: 0 5px;
    margin: 0;
}

div.quickbooksSetup div.detailsWrapper div.details div.t-widget.t-datepicker
{
    border: none;
    height: 30px;
    width: 99%;
    border: 0px solid #e5e5e5;
    display: inline-block;
    white-space: nowrap;
}

div.quickbooksSetup div.detailsWrapper div.details div.t-widget.t-datepicker div.t-picker-wrap input
{
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    margin: 0;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
    width: 99%;
}

div.quickbooksSetup div.detailsWrapper div.details div.t-widget.t-datepicker div.t-picker-wrap
{
    padding: 0;
}

div.quickbooksSetup div.detailsWrapper div.details div.t-widget.t-datepicker div.t-picker-wrap > span
{
    position: absolute;
    display: inline-block;
    margin: 5px 5px 0 0;
}

div.quickbooksSetup div.detailsWrapper div.details div.btn
{
    text-align: right;
}

div.quickbooksSetup div.downloadLink a
{
    display: block;
    padding: 10px 10px 10px 20px;
}

/* <=== My Accounts Pages */

/* Product Search Result ===> */
div.searchResultWrapper
{
    padding: 20px;
}

div.searchResultWrapper ul#SearchResultList
{
    list-style: none;
    padding: 0;
}

div.searchResultWrapper ul#SearchResultList > li
{
    display: block;
    margin: 0;
    padding: 5px 0;
    white-space: nowrap;
}

div.searchResultWrapper ul#SearchResultList > li > img, div.searchResultWrapper ul#SearchResultList > li > ul > li > img
{
    width: 50px;
    height: 50px;
    border: 1px solid #e5e5e5;
}

div.searchResultWrapper ul#SearchResultList > li > div.noImgAvail, div.searchResultWrapper ul#SearchResultList > li > ul > li > div.noImgAvail
{
    display: inline-block;
    width: 50px;
    height: 50px;
    white-space: normal;
    border: 1px solid #e5e5e5;
}

div.searchResultWrapper ul#SearchResultList > li > span, div.searchResultWrapper ul#SearchResultList > li > ul > li > span
{
    display: inline-block;
    vertical-align: top;
    padding: 15px 0 0 5px;
}

div.searchResultWrapper ul#SearchResultList > li > a, div.searchResultWrapper ul#SearchResultList > li > ul > li > a
{
    display: inline-block;
    vertical-align: top;
    padding: 15px 0 0 5px;
}

div.searchResultWrapper ul#SearchResultList > li > ul
{
    padding-left: 90px;
    white-space: normal;
    list-style-type: none;
}

div.searchResultWrapper ul#SearchResultList > li > ul > li
{
    padding: 5px 0;
}

div.searchResultWrapper ul#SearchResultList > li > ul > li ul
{
    padding-left: 90px;
    white-space: normal;
}

div.searchResultWrapper ul#SearchResultList > li > ul > li ul li
{
    padding: 5px 0;
}

/* <=== Product Search Result */

/* Main Promotion Page ===> */

div.mainPromotionListWrapper div.CategoryPromotions:not(:last-child)
{
    padding: 10px 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 3px solid #e5e5e5;
}

div#CategoryPromotionsWrapper
{
    padding-bottom: 20px;
}

div#CategoryPromotionsWrapper h3
{
    font-family: LatoBold;
}

div#CategoryPromotionsWrapper ul.CategoryPromotions
{
    margin: 0;
    padding: 0;
    width: 100%;
}

div#CategoryPromotionsWrapper ul.CategoryPromotions li.Cell
{
    display: inline-block;
    width: 24%;
    float: none;
    margin: 0 5px 10px 0;
}

div#CategoryPromotionsWrapper ul li div.imageWrapper
{
    display: table-cell;
    width: 30%;
    vertical-align: top;
}

div#CategoryPromotionsWrapper ul li div.imageWrapper a img
{
    height: auto;
    max-height: 80px;
    max-width: 80px;
    width: auto;
    border: 1px solid #e5e5e5;
}

div#CategoryPromotionsWrapper ul li div.imageWrapper a img:hover
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    border: 1px solid #0c12a6;
}

div#CategoryPromotionsWrapper ul li div.infoWrapper
{
    display: table-cell;
    width: 70%;
    vertical-align: top;
    padding-left: 10px;
}

div#CategoryPromotionsWrapper ul li div.infoWrapper a.ProductName, 
div#CategoryPromotionsWrapper ul li div.infoWrapper div.SalesPrice,
div.mainPromotionListWrapper ul li div.infoWrapper div.SalesPrice
{
    font: normal 14px LatoBold;
    line-height: 18px;
    font-weight:normal;
}

/* <=== Main Promotion Page */

/* Top Promotion ===> */



/* <=== Top Promotion */

/* Sitemap ===> */

div.sitemapContentWrapper h3
{
    font: normal 16px LatoBold;
    padding: 0;
    margin: 0;
}

div.sitemapContentWrapper ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}

div.sitemapContentWrapper ul li
{
    display: inline-block;
    width: 100%;
}

div.sitemapContentWrapper ul li a
{
    color: #0c12a6;
    display: block;
    padding: 5px 0;
}

div.sitemapContentWrapper ul li a:hover
{
    color: #222;
    text-decoration: underline;
}

div.sitemapContentWrapper div.subCategoryWrapper
{
    display: none;
}

div.sitemapContentWrapper
{
    display: table;
    width: 100%;
}

div.sitemapContentWrapper div.shopWrapper
{
    display: table-cell;
    width: 50%;
    vertical-align: top;
}

div.sitemapContentWrapper div.shopWrapper div.mainCategoryWrapper > ul.mainCategory
{
    display: block;
    width: 100%;
    padding: 5px 0;
    -webkit-columns: 250px 2;
    -moz-columns: 250px 1; /* not working if you put 2 or auto */
    columns: 250px 2;
    -webkit-column-gap: 1px;
    -moz-column-gap: 1px;
    column-gap: 1px;
    -webkit-column-fill: auto;
    -moz-column-fill: auto;
    column-fill: auto;
}

div.sitemapContentWrapper div.shopWrapper div.mainCategoryWrapper > ul.mainCategory > li
{
    display: inline-block;
    width: 250px;
}

div.sitemapContentWrapper div.companyWrapper
{
    display: table-cell;
    width: 25%;
    vertical-align: top;
}

div.sitemapContentWrapper div.companyWrapper > ul > li
{
    padding-bottom: 30px;
}

div.sitemapContentWrapper div.companyWrapper > ul > li > a
{
    font: normal 16px LatoBold;
    color: #222;
}

div.sitemapContentWrapper div.miscWrapper
{
    display: table-cell;
    width: 25%;
    vertical-align: top;
}

div.sitemapContentWrapper div.miscWrapper > ul > li.ContactUs
{
    display: none;
}

div.sitemapContentWrapper div.miscWrapper > ul
{
    padding-bottom: 30px;
}

div.sitemapContentWrapper div.miscWrapper > ul > li.SignInOrRegister > a, div.sitemapContentWrapper div.miscWrapper > ul > li.Copyright > a > span
{
    font: normal 16px LatoBold;
    color: #222;
}

div.sitemapContentWrapper div.miscWrapper > ul > li.AllRightsReserved, div.sitemapContentWrapper div.miscWrapper > ul > li.Help
{
    display: none;
}

/* <=== Sitemap */

/* Category Home ===> */

div.categoryHomeWrapper h1.ProductCategoryHeaderLink
{
    font:normal 22px LatoBold;
    margin:  0;
}

div.categoryHomeWrapper div.categoryItemDesc
{
    width: 100%;
    text-align:justify;
}

div.categoryHomeWrapper div.categoryItem
{
    width: 200px;
    height: 200px;
    position: relative;
    margin: 20px auto;
    vertical-align:top;
    overflow:hidden;
}

div.categoryHomeWrapper div.categoryItem a
{
    display:block;
    width: 100%;
    height: 100%;
}

div.categoryHomeWrapper div.categoryItem img
{
    max-width: 200px;
    max-height: 200px;
    height: auto;
    width: auto;
    cursor:pointer;
}

div.categoryHomeWrapper div.categoryItem:hover
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

div.categoryHomeWrapper div.categoryItem img.noImageAvailable
{
    margin-top: 20px;
}

div.categoryHomeWrapper div.categoryItem div.productName
{
    position: absolute;
    bottom: 0;
    display:table;
    background-color:#333;
    background-color: rgba(51, 51, 51, 0.9);
    width: 100%;
    color:#fff;
    height: 60px;
    text-align:left;
    vertical-align:middle;
    text-decoration: none;
    font: normal 14px LatoBold;
}

div.categoryHomeWrapper div.categoryItem div.productName span
{
    display:table-cell;
    vertical-align:middle;
    padding: 5px 10px;
    line-height: 20px;
    position:relative;
    color:#fff;
}

/* <=== Category Home */

/* Product List ===> */

div.productListWrapper div.categoryAndPrintWrapper
{
    display:table;
    width:100%;
    padding: 10px 0;
}

div.productListWrapper div.categoryAndPrintWrapper div.subCategoryName
{
    display:table-cell;
    width: 80%;
    vertical-align:middle;
}

div.productListWrapper div.categoryAndPrintWrapper div.subCategoryName h1
{
    font: normal 22px LatoBold;
    padding: 0;
    margin:0;
}

div.productListWrapper div.categoryAndPrintWrapper div#PrintButtonContainer
{
    display:table-cell;
    width: 20%;
    vertical-align:middle;
}

div.productListWrapper div.pagerView
{
    background-color:#fafafa;
    border-bottom:1px solid #e5e5e5;
    border-top:1px solid #e5e5e5;
    padding: 10px 0;
    display:table;
    width:100%;
}

div.productListWrapper div.pagerView div.ProductListPager
{
    display:table-cell;
    width:90%;
    vertical-align:middle;
    padding:10px 0;
}

div.productListWrapper div.pagerView div.ProductListPager span
{
    text-transform:lowercase;
}

div.productListWrapper div.pagerView div.ProductListPager span#CurrentPage
{
    color:#0c12a6;
}

div.productListWrapper div.pagerView div.ProductListPager span a
{
    text-transform:lowercase;
    color:#222;
    padding: 0;
}

div.productListWrapper div.pagerView div.ProductListPager span a:hover
{
    text-decoration:underline;
    color:#0c12a6;
    background:none;
    border:1px solid transparent;
}

div.productListWrapper div.pagerView div.view
{
    /*display:table-cell;*/
    display:none;
    width:10%;
    background:url(Images/list-view.png)no-repeat center center;
}

div.productListWrapper div.pagerView div.view.thumbnails
{
    background:url(Images/grid-view.png)no-repeat center center;
}

div.productListWrapper div.pagerView div.view ol
{
    padding:0;
    margin:0;
    white-space:nowrap;
}

div.productListWrapper div.pagerView div.view ol li
{
    display:inline-block;
    width:49%;
    height:30px;
    cursor:pointer;
}

div.productListWrapper div.itemWrapper
{
    display: table;
    border: 1px solid #fff;
    border-bottom-color: #e5e5e5;
    margin: 10px 0;
    padding: 5px 0px 15px 0px;
    width:100%;
}

div.productListWrapper div.itemWrapper:hover
{
    border-color: #0c12a6 !important;
}

div.productListWrapper div.itemWrapper.pagebreak:not(:last-child)
{
    page-break-after: always;
}

div.productListWrapper div.itemWrapper.thumbnails
{
    display:inline-table;
    width:47%;
    margin-right: 20px;
    border-right:1px solid #e5e5e5;
}

div.productListWrapper div.itemWrapper div.imageWrapper
{
    display:table-cell;
    width: 200px;
    vertical-align:top;
    text-align:center;
}

div.productListWrapper div.itemWrapper.thumbnails div.imageWrapper
{
    width: 90px;
}

div.productListWrapper div.itemWrapper div.imageWrapper a
{
    display:block;
    height:100%;
    width:100%;
}

div.productListWrapper div.itemWrapper div.imageWrapper a img
{
    max-width: 200px;
    width: auto;
    height:auto;
}

div.productListWrapper div.itemWrapper.thumbnails div.imageWrapper a img
{
    max-width: 90px;
}

div.productListWrapper div.itemWrapper div.detailsWrapper
{
    display:table-cell;
    width: auto;
    vertical-align:top;
}

div.productListWrapper div.itemWrapper div.detailsWrapper div.infoWrapper
{
    display:table;
    width:100%;
}

div.productListWrapper div.itemWrapper div.detailsWrapper div.infoWrapper ul.infoList
{
    padding: 0 0 0 10px;
    margin: 0;
    list-style: none;
    width:75%;
    display:table-cell;
}

div.productListWrapper div.itemWrapper.thumbnails div.detailsWrapper div.infoWrapper ul.infoList
{
    width:60%;
}

div.productListWrapper div.itemWrapper div.detailsWrapper div.infoWrapper ul.priceList
{
    padding: 0 0 0 10px;
    margin: 0;
    list-style: none;
    width:25%;
    display:table-cell;
}

div.productListWrapper div.itemWrapper.thumbnails div.detailsWrapper div.infoWrapper ul.priceList
{
    width:40%;
}

div.productListWrapper div.itemWrapper div.detailsWrapper ul li
{
    display:block;
    width:100%;
    padding-bottom: 5px;
}

div.productListWrapper div.itemWrapper div.detailsWrapper ul li.hidePrice
{
    display:none;
}

div.productListWrapper div.itemWrapper div.detailsWrapper ul li h3
{
    padding: 0;
    margin: 0;
}

div.productListWrapper div.itemWrapper div.detailsWrapper ul li h3 a
{
    font:normal 18px LatoBold;
}

div.productListWrapper div.itemWrapper.thumbnails div.detailsWrapper ul li h3 a
{
    font:normal 16px LatoBold;
}

div.productListWrapper div.itemWrapper div.detailsWrapper ul li div.prodDesc
{
    color:#333;
    font:normal 14px LatoItalic;
}

div.productListWrapper div.itemWrapper div.detailsWrapper ul li input[type="Submit"]
{
    opacity: 0;
    visibility: hidden;
}

div.productListWrapper div.itemWrapper:hover div.detailsWrapper ul li input[type="Submit"]
{
    opacity: 1;
    visibility: visible;
}

div.productListWrapper div.itemWrapper div.detailsWrapper ul li span.price
{
    font:normal 16px LatoBold;
}

div.productListWrapper div.itemWrapper.thumbnails div.detailsWrapper ul li span.price
{
    font:normal 14px LatoBold;
}


/* <=== Product List */

/* Product Details ===> */

div#ProductDetailsRegular
{
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 2px solid #e5e5e5;
}

div#ProductDetailsRegular div.titleWrapper
{
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
    margin-bottom: 20px;
    display:table;
    width:100%;
}

div#ProductDetailsRegular div.titleWrapper h1
{
    font:normal 18px LatoBold;
    margin:0;
    padding:0;
    display:table-cell;
    width:80%;
    vertical-align:middle;
}

div#ProductDetailsRegular div.titleWrapper div.btn
{
    display:table-cell;
    width:20%;
    text-align:right;
    vertical-align:top;
}

div#ProductDetailsRegular div#lightBox
{
    text-align:center;
}

div#ProductDetailsRegular div#lightBox img
{
    max-width: 200px;
    width:auto;
    height:auto;
}

div#ProductDetailsRegular div#lightBox img.noImageAvailable
{
    padding-top:20px;
}

div#ProductDetailsRegular td.ProductPrimaryDetailLabel
{
    font:normal 15px LatoBold;
}

div#ProductDetailsRegular td.ProductPrimaryDetailInfo
{
    font:normal 15px LatoRegular;
    color:#888;
}

div#ProductDetailsRegular div.ProductAddToCartSection label.qty
{
    font:normal 15px LatoBold;
    padding: 3px;
    display:inline-block;
    width:123px;
}

div#ProductDetailsRegular div.ProductAddToCartSection input#quantity
{
    background-color:#fafafa;
    border: 1px solid #e5e5e5;
    height:26px;
    width: 80px;
    margin-right: 10px;
}

div#ProductDetailsRegular a#RemoveFav
{
    padding: 12px 16px;
}

div#ProductDetailsRegular button#AddToFav 
{
    background:none;
    background: #fafafa;
    padding: 12px 16px;
}

div#ProductDetailsRegular button#AddToFav:hover
{
    background: #e7e8fd;
}

div#ProductDetailsRegular button#AddToFav .ui-button-text
{
    color: #0c12a6;
    padding: 0;
}


/* <=== Product Details */

/* Client Price Sheet ===> */

div.priceSheetCatalogWrapper div.noPriceSheetAvail
{
    padding: 20px;
    text-align:center;
}
 
div.priceSheetCatalogWrapper table td div.itemWrapper
{
    padding:20px 10px;
    overflow:hidden;
}

div.priceSheetCatalogWrapper table td div.itemWrapper a
{
    display:block;
    text-align:center;
    text-decoration:none;
    width: 100%;
    height: 100%;
}

div.priceSheetCatalogWrapper table td div.itemWrapper a img
{
    border:1px solid #e5e5e5;
}

div.priceSheetCatalogWrapper table td div.itemWrapper a img:hover
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

div.priceSheetCatalogWrapper table td div.itemWrapper a div.name
{
    color:#222;
    font:normal 15px LatoBold;
    text-align:left;
    padding: 10px 0;
}

div.priceSheetCatalogWrapper table td div.itemWrapper div.desc
{
    line-height: 20px;
    text-align:justify;
}

/* <=== Client Price Sheet */

/* Favorites Folder ===> */

div#CustomProductListFolderGrid > table > tbody > tr > td:nth-child(2)
{
    white-space: nowrap;
}

div#CustomProductListFolderGrid form#CustomProductListFolderGridform > table > colgroup > col
{
    width:auto !important;
}

div#CustomProductListFolderGrid form#CustomProductListFolderGridform > table > tbody > tr > td
{
    border: none;
    border-bottom: 1px solid #e5e5e5 !important;
    background-color:#fafafa;
}

div#CustomProductListFolderGrid form#CustomProductListFolderGridform > table > tbody > tr > td > input#Name
{
    height:auto;
    margin:1px 0 0 1px;
    width:100%;
    min-width: 100% !important;
    max-width: 100% !important;
}

div#CustomProductListFolderGrid form#CustomProductListFolderGridform > table > tbody > tr > td[style="text-align:left;vertical-align: middle;"]:first-child
{
    width:233px;
}

div.ProductListAddToCart + table.ProductListGrid td.ProductListHeader
{
    background:none;
    background-color:#fafafa;
    border:1px solid #e5e5e5;
    font: normal 14px LatoBold;
    height: 30px;
}

div#favorites-list a
{
    padding: 0 0 10px 5px;
}

/* <=== Favorites Folder*/

/* Unknown Error ===> */

div.unknownErrorWrapper
{
    text-align:center;
    padding: 50px;
}

div.unknownErrorWrapper h2
{
    font:normal 18px LatoBold;
}

div.unknownErrorWrapper p
{
    line-height:20px;
}

/* <=== Unknown Error */

/* Empty Cart ===> */

div.emptyShoppingCartWrapper div.ShoppingCartDetails p
{
    text-align: justify;
}

div.emptyShoppingCartWrapper div.ShoppingCartDetails p.title
{
    font: normal 16px LatoBold;
}

div.emptyShoppingCartWrapper div.ShoppingCartDetails h2
{
    font: normal 1.5em LatoBold;
    color: #333;
}

/* <=== Empty Cart */

/* Shopping Cart ===> */

/*##### progress bar #####*/
ul.shoppingCartProgressBar
{
    display: table;
    margin: 20px 0;
    padding: 0;
    width: 100%;
}

ul.shoppingCartProgressBar li
{
    background: url(Images/bg_cart_prog_circle.jpg)no-repeat right top, url(Images/bg_cart_prog_line.jpg)repeat-x;
    display: table-cell;
    height: 26px;
    position: relative;
    width: auto;
    vertical-align: middle;
}

ul.shoppingCartProgressBar li.noCircleBg
{
    background: url(Images/bg_cart_prog_line.jpg)repeat-x;
}

ul.shoppingCartProgressBar li.active
{
    background: url(Images/bg_cart_prog_circle_dot.jpg)no-repeat right top, url(Images/bg_cart_prog_line.jpg)repeat-x;
}

ul.shoppingCartProgressBar li:first-child
{
    background: url(Images/bg_cart_prog_circle.jpg)no-repeat right, url(Images/bg_cart_prog_left.jpg)no-repeat left top, url(Images/bg_cart_prog_line.jpg)repeat-x;
    padding-left: 10px;
    width: 10%;
}

ul.shoppingCartProgressBar li.active:first-child
{
    background: url(Images/bg_cart_prog_circle_dot.jpg)no-repeat right, url(Images/bg_cart_prog_left.jpg)no-repeat left top, url(Images/bg_cart_prog_line.jpg)repeat-x;
    padding-right: 10px;
}

ul.shoppingCartProgressBar li:last-child
{
    background: url(Images/bg_cart_prog_right.jpg)no-repeat right top, url(Images/bg_cart_prog_line.jpg)repeat-x;
    padding-right: 0;
    width: 10%;
}

ul.shoppingCartProgressBar li div
{
    background-color: transparent;
    height: 5px;
    width: 100%;
}

ul.shoppingCartProgressBar li.active div
{
    background-color: #343434;
}

ul.shoppingCartProgressBar li:first-child div
{
    -moz-border-radius:20px 0 0 20px;
	-webkit-border-radius:20px 0 0 20px;
	border-radius:20px 0 0 20px;
}

ul.shoppingCartProgressBar li.active:not(:first-child) div
{
    margin-left: -10px;
}

ul.shoppingCartProgressBar li.active:last-child div
{
    -moz-border-radius:0 20px 20px 0;
	-webkit-border-radius:0 20px 20px 0;
	border-radius:0 20px 20px 0;
}

/* ##### My Cart ##### */
h1.cartTitle
{
    font:normal 18px LatoBold;
}

div.lineSeparator
{
    background-color: #e5e5e5;
    height: 3px;
    margin: 20px 0;
}

div.shoppingCartWrapper div.ShoppingCartDetailSectionTopHeader
{
    display: table;
    width: 100%;
    margin: 10px 0;
}

div.shoppingCartWrapper div.ShoppingCartDetailSectionTopHeader h2
{
    display: table-cell;
    font:normal 15px LatoBold;
    width: 50%;
    vertical-align: middle;
}

div.shoppingCartWrapper div.ShoppingCartDetailSectionTopHeader div.ShoppingCartUpdateBtn
{
    display: table-cell;
    text-align: right;
    width: 50%;
}

div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid thead tr th
{
    border: none;
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 10px;
    color: #9d9d9d;
}

div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid thead tr th.remove
{
    width: 70px;
}

div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid thead tr th.img
{
    width: 150px;
}

div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid thead tr th.details
{
    text-align:left;
}

div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid thead tr th.qty
{
    width: 60px;
}

div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid tbody tr td
{
    background-color:#fff;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 5px
}

div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid td.details span
{
    display:block;
    color:#333;
    line-height: 25px;
}

div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid td.img a img
{
    width: auto;
    max-width: 100px;
    height: auto;
}

div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid tbody tr td a.productName
{
    color:#333;
    font: normal 15px LatoRegular;
}

div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid tbody tr td span.productPrice
{
    font: normal 15px LatoBold;
}

div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid tbody tr td.qty input
{
    background-color:#fafafa;
    border:1px solid #e5e5e5;
    height: 30px;
    width: 40px;
    text-align: right;
    padding-right: 5px;
}

div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid tfoot tr td
{
    padding: 10px 0;
}

div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid tfoot tr td.ShoppingCartGridFooterCell span,
div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid tfoot tr td.ShoppingCartGridFooterCell label
{
    font:normal 14px LatoBold;
}

div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid tfoot tr td div.ContentSnippet
{
    margin: 0;
}

div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid tfoot tr td div.ContentSnippet div
{
    line-height: 25px;
}

div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid tfoot tr td div.ContentSnippet div label,
div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid tfoot tr td div.ContentSnippet div span,
div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid tfoot tr td div.totalWeightWrapper label
{
    color: #9d9d9d;
}

div.shoppingCartWrapper div.ShoppingCartDetailSection table.ShoppingCartGrid tfoot tr td div.totalWeightWrapper span
{
    color: #9d9d9d;
    display: inline-block;
    min-width:50px;
    text-align:right;
    line-height: 25px;
}

div.shoppingCartWrapper a.removeItem
{
    display:block;
    height: 16px;
    width: 16px;
    background: url(Images/icon_remove.png)no-repeat center center;
}

div.shoppingCartWrapper div.ShoppingCartDetailSection
{
    background-color: #f0f0f0;
    border: 1px solid #e5e5e5;
    padding: 15px;
}

div.shoppingCartWrapper table.btnWrapper td a
{
    min-width: 150px;
    text-align: center;
}

div.shoppingCartWrapper table.btnWrapper td a:first-child
{
    margin-right: 10px;
}


/* <=== Shopping Cart */

/* Quote Details ===> */
h2.cartSubTitle
{
    font:normal 15px LatoBold;
}

div.quoteContentWrapper
{
    display:table;
    width: 100%;
}

div.quoteContentWrapper div.summaryWrapper
{
    display:table-cell;
    width: 40%;
}

div.quoteContentWrapper div.summaryWrapper div.existingAccountWrapper
{
    padding-bottom: 10px;
}

div.quoteContentWrapper div.summaryWrapper div.existingAccountWrapper > div
{
    background-color:#f0f0f0;
    border:1px solid #e5e5e5;
    padding: 20px 10px;
}

div.quoteContentWrapper div.summaryWrapper div.existingAccountWrapper > div *
{
    line-height: 25px;
}

div.quoteContentWrapper div.summaryWrapper div.existingAccountWrapper > div label
{
    color: #333;
    display:block;
    font:normal 14px LatoBold;
}

div.quoteContentWrapper div.summaryWrapper div.existingAccountWrapper > div span
{
    color: #9d9d9d;
}

div.quoteContentWrapper div.summaryWrapper div.quoteSummaryMsg
{
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

div.quoteContentWrapper div.summaryWrapper div.quoteSummaryMsg p
{
    line-height: 20px;
    text-align: justify;
    color:#9d9d9d;
}

div.quoteContentWrapper div.contentWrapper
{
    display:table-cell;
    width: 60%;
    padding-left: 50px;
}

div.quoteContentWrapper div.contentWrapper div.contactInfo
{
    background-color:#f0f0f0;
    border:1px solid #e5e5e5;
    padding: 30px;
}

div.quoteContentWrapper div.contentWrapper div.contactInfo > table > tbody > tr > td
{
    padding: 5px;
}

div.quoteContentWrapper div.contentWrapper div.contactInfo > table > tbody > tr > td:first-child
{
    text-align:right;
    width: 120px;
}

div.quoteContentWrapper div.contentWrapper div.contactInfo > table > tbody > tr > td > input,
div.quoteContentWrapper div.contentWrapper div.contactInfo > table > tbody > tr > td > select,
div.quoteContentWrapper div.contentWrapper div.contactInfo > table > tbody > tr > td > textarea
{
    width: 100%;
}

div.quoteContentWrapper div.contentWrapper div.contactInfo td input#captcha
{
    width: 200px;
}

div.quoteContentWrapper div.summaryWrapper div.quoteSummaryTotal
{
    margin-bottom: 10px;
    padding: 10px 0;
}

div.quoteContentWrapper div.summaryWrapper div.quoteSummaryTotal table td
{
    text-align: right;
    color: #9d9d9d;
    padding: 10px 0;
}

div.quoteContentWrapper div.summaryWrapper div.quoteSummaryTotal table td.value
{
    width: 100px;
}

div.quoteContentWrapper div.summaryWrapper div.quoteSummaryTotal table tr.totalItemsWrapper td
{
    text-align: left;
    padding-bottom: 10px;
}

div.quoteContentWrapper div.summaryWrapper div.quoteSummaryTotal table tr.totalAmountWrapper td
{
    border-top: 1px solid #e5e5e5;
}

div.quoteContentWrapper div.summaryWrapper div.customerInfoWrapper
{
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

div.quoteContentWrapper div.summaryWrapper div.customerInfoWrapper td
{
    color: #9d9d9d;
    padding: 5px 0;
}

div.quoteDetailsWrapper div.buttonWrapper:after,
div.shoppingCartWrapper div.reviewButtonWrapper
{
	clear: both;
	content: "";
	display: block;
}

div.quoteDetailsWrapper div.buttonWrapper a,
div.shoppingCartWrapper div.reviewButtonWrapper a#ReturnContactInformation
{
    float:left;
    min-width: 150px;
    text-align:center;
}

div.quoteDetailsWrapper div.buttonWrapper input,
div.shoppingCartWrapper div.reviewButtonWrapper a#SubmitQuote
{
    float:right;
    min-width: 150px;
    text-align:center;
}

div.quoteDetailsWrapper .quoteDeliveryModeWrap
{
    background-color: #f0f0f0;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
    padding: 20px;
}

div.quoteDetailsWrapper .quoteDeliveryModeWrap input 
{
    margin-right: 5px;
    position: relative;
    top: 2px;
}

div.quoteDetailsWrapper .quoteDeliveryModeWrap label 
{
    margin-right: 20px;
}

/* <=== Quote Details */

/* Quote Review ===> */

div.quoteReviewWrapper div.ContentSnippet
{
    margin: 20px 0;
}

div.quoteReviewWrapper div.ContentSnippet div label
{
    display: block;
    color:#333;
    margin: 10px 0 5px 0;
    font: normal 14px LatoBold;
}

div.quoteReviewWrapper div.ContentSnippet div span
{
    color:#9d9d9d;
    line-height: 20px;
}

div.quoteReviewWrapper div.quoteContentWrapper div.summaryWrapper div.existingAccountWrapper > div
{
    margin-top:23px;
}

/* <=== Quote Review */

/* Quote Submitted ===> */

div.submittedInfoWrapper
{
    display: table;
    width: 100%;
}

div.submittedInfoWrapper > div
{
    display: table-cell;
    width: 50%;
    vertical-align: top;
}

div.submittedInfoWrapper > div > div.referrenceWrapper
{
    background-color:#f0f0f0;
    border: 1px solid #e5e5e5;
    padding: 10px;
    margin-left: 30px;
}

div.submittedInfoWrapper > div > div.referrenceWrapper p
{
    text-align: center;
}

div.cartItemsSubmittedWrapper div.contactInfo
{
    padding: 50px 0;
}

div.submittedInfoWrapper em
{
    font: normal 14px LatoBold;
    color:#0c12a6;
    line-height: 25px;
}

div.submittedInfoWrapper em.referrenceId
{
    font: normal 16px LatoBold;
}

div.submittedInfoWrapper p
{
    text-align: justify;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

div.submittedInfoWrapper p.padBtm
{
    padding-bottom: 10px;
}

div.submittedInfoWrapper div ul
{
    padding: 0 0 0 20px;
    margin: 0;
}

div.submittedInfoWrapper div ul li
{
    list-style-type: none;
}

div.submittedInfoWrapper div ul li:before
{
    content:"\2014\00a0";
}

div.submittedInfoWrapper div ul li > a
{
    line-height: 25px;
}

div.submittedInfoWrapper table.summary td
{
    vertical-align: top;
    padding: 5px 0;
}

div.submittedInfoWrapper table.summary td:first-child
{
    width: 150px;
    padding-left: 30px;
}

div.cartItemsSubmittedWrapper div.printButtonWrapper
{
    text-align:center;
}

a#print.PrintButton
{
    background: url(Images/icon_print.png) no-repeat 10px center, #fafafa;
    padding: 12px 16px 12px 35px;
}

a#print.PrintButton:hover
{
    background: url(Images/icon_print.png) no-repeat 10px center, #e7e8fd;
}

/* <=== Quote Submitted */


/* Order Details ===> */

div.orderContentWrapper
{
    display: table;
    width: 100%;
}

div.orderContentWrapper div.summaryWrapper
{
    display:table-cell;
    width: 40%;
}

div.orderContentWrapper  div.summaryWrapper div.deliveryModeWrapper,
div.orderContentWrapper  div.summaryWrapper div.shippingDateWrapper
{
    background-color: #f0f0f0;
    border: 1px solid #e5e5e5;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}

div.orderContentWrapper  div.summaryWrapper div.shippingDateWrapper td.label
{
    width: 15%;
    text-align: right;
    padding-right: 10px;
}

div.orderContentWrapper  div.summaryWrapper div.shippingDateWrapper td input[type="text"],
div.orderContentWrapper  div.summaryWrapper div.shippingDateWrapper div#preferreddate
{
    width: 100%;
}

div.orderContentWrapper  div.summaryWrapper div.shippingDateWrapper div > div
{
    margin: 0 auto;
    width: 100%;
}

/* start Datepicker */
div.orderContentWrapper .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all
{
    background: #d9d9d9;
    background: -moz-linear-gradient(top,  #d9d9d9 0%, #b3b3b3 51%, #d9d9d9 100%);
    background: -webkit-linear-gradient(top,  #d9d9d9 0%,#b3b3b3 51%,#d9d9d9 100%);
    background: linear-gradient(to bottom,  #d9d9d9 0%,#b3b3b3 51%,#d9d9d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#d9d9d9',GradientType=0 );
    border: 1px solid #999;
}

div.orderContentWrapper div.ui-datepicker-title span
{
    color:#000;
    font:normal 14px LatoBold;
}

div.orderContentWrapper table.ui-datepicker-calendar thead th span
{
    color:#000;
    font:normal 14px LatoBold;
}

div.orderContentWrapper table.ui-datepicker-calendar tbody td span,
div.orderContentWrapper table.ui-datepicker-calendar tbody td a
{
    font:normal 14px LatoRegular;
    color:#000;
}

div.orderContentWrapper table.ui-datepicker-calendar tbody td a.ui-state-default.ui-state-active
{
    color: #0c12a6;
    border: 1px solid #0c12a6;
}

/* end Datepicker */

div.orderContentWrapper div.contentWrapper
{
    display:table-cell;
    width: 60%;
    padding-left: 50px;
}

div.orderContentWrapper div.contentWrapper div.customerInfo
{
    background-color: #f0f0f0;
    border: 1px solid #e5e5e5;
    padding: 20px;
    position: relative;
    z-index: 1;
}

div.orderContentWrapper div.contentWrapper div.customerInfo div.customerInfo__overlay,
div.orderContentWrapper div.summaryWrapper div.shippingDateWrapper div.shippingDateWrapper__overlay
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    height: 100%;
    width: 100%;
    background-color: #000;
}

div.orderContentWrapper div.contentWrapper div.customerInfo > table > tbody > tr > td
{
    padding: 5px;
}

div.orderContentWrapper div.contentWrapper div.customerInfo > table > tbody > tr > td:first-child
{
    text-align:right;
    width: 180px;
}

div.orderContentWrapper div.contentWrapper div.customerInfo > table > tbody > tr > td > input[type=text],
div.orderContentWrapper div.contentWrapper div.customerInfo > table > tbody > tr > td > select,
div.orderContentWrapper div.contentWrapper div.customerInfo > table > tbody > tr > td > textarea#orderShippingComments
{
    width: 100%;
}

div.orderDetailsWrapper div.buttonWrapper a
{
    float:left;
    min-width: 150px;
    text-align:center;
}

div.orderDetailsWrapper div.buttonWrapper input
{
    float:right;
    min-width: 150px;
    min-width: 150px;
    text-align:center;
}

div.orderDetailsWrapper h3.title
{
    color: #9d9d9d;
    font: normal 15px LatoBold;
    padding: 5px 0;
    margin: 0;
}

div.orderDetailsWrapper div.deliveryModeWrapper div.padLeft
{
    padding: 5px 5px 5px 20px;
}

div.orderDetailsWrapper label#lblBranch
{
    display: inline-block;
    line-height:20px;
}

div.orderDetailsWrapper div.deliveryModeWrapper input[type="radio"]
{
    vertical-align: top;
    padding-left: 10px;
}

div.orderDetailsWrapper div.summaryWrapper div.orderSummaryTotal
{
    margin-bottom: 10px;
    padding: 10px 0;
}

div.orderDetailsWrapper div.summaryWrapper div.orderSummaryTotal table td
{
    text-align: right;
    color: #9d9d9d;
    padding: 10px 0;
}

div.orderDetailsWrapper div.summaryWrapper div.orderSummaryTotal table td.value
{
    width: 100px;
}

div.orderDetailsWrapper div.summaryWrapper div.orderSummaryTotal table tr.totalItemsWrapper td
{
    text-align: left;
    padding-bottom: 10px;
}

div.orderDetailsWrapper div.summaryWrapper div.orderSummaryTotal table tr.totalAmountWrapper td
{
    border-top: 1px solid #e5e5e5;
}

/* <=== Order Details */

/* Order Shipment Method ===> */

div.orderContentWrapper em.deliveryPrice
{
    color:#0c12a6;
}

div.orderContentWrapper em.deliveryPrice:before
{
    content: "(";
}

div.orderContentWrapper em.deliveryPrice:after
{
    content: ")";
}

div.orderContentWrapper div.reviewTopHeaderWrapper
{
    display: table;
    width: 100%;
    padding-bottom: 10px;
}

div.orderContentWrapper div.reviewTopHeaderWrapper h2.cartSubTitle
{
    display: table-cell;
    width: 50%;
}

div.orderContentWrapper div.reviewTopHeaderWrapper div.ShoppingCartUpdateBtn
{
    display: table-cell;
    width: 50%;
    text-align: right;
}

div.orderReviewWrapper h2.cartSubTitle
{
    padding: 10px 0;
}

div.orderReviewWrapper div.totalWeightWrapper
{
    padding-top: 10px;
}

div.shipmentFormFedexWrapper th.qty
{
    width: 70px;
}

div.shipmentFormFedexWrapper th.weight
{
    width: 80px;
}

div.shipmentFormFedexWrapper th.subtotal
{
    width: 100px;
}

div.shipmentFormFedexWrapper td
{
    padding: 5px 0;
}

div.shipmentFormFedexWrapper td.info
{
    color: #9d9d9d;
}

div.shipmentFormFedexWrapper td.details div
{
    line-height: 20px;
}

div.shipmentFormFedexWrapper td.subtotal
{
    position:relative;
}

div.shipmentFormFedexWrapper td.subtotal div.comment
{
    line-height: 20px;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

div.shipmentFormFedexWrapper td.subtotal em
{
    font:normal 10px LatoBold;
}

div.ShippingNote
{
    margin: 20px 0;
    padding: 20px;
    text-align:center;
    background-color:#ffe6e6;
    border: 1px solid #ff0000;
    color: #ee3041;
}

div.errorShipmentWrapper span.field-validation-error
{
    display: block;
    margin: 20px 0;
    padding: 20px;
    text-align:center;
    background-color:#ffe6e6;
    border: 1px solid #ff0000;
    color: #ee3041;
}

div.orderReviewWrapper input#checkOutDescription
{
    width: 100%;
}

/* <=== Order Shipment Method */

/* Order Review ===> */

div#b2cOrderCheckoutWrapper td,
div#b2bOrderCheckoutWrapper td
{
    padding: 5px 0;
}

div#b2cOrderCheckoutWrapper td.ShoppingCartGridCell,
div#b2bOrderCheckoutWrapper td.ShoppingCartGridCell
{
    padding: 5px;
}

div#b2cOrderCheckoutWrapper td.info,
div#b2cOrderCheckoutWrapper div.info,
div#b2bOrderCheckoutWrapper td.info,
div#b2bOrderCheckoutWrapper div.info
{
    color: #9d9d9d;
}

div#b2cOrderCheckoutWrapper div.buttonWrapper
{
    display: table;
    width: 100%;
}

div#b2cOrderCheckoutWrapper div.buttonWrapper a
{
    float: left;
    min-width: 150px;
    text-align:center;
}

div#b2cOrderCheckoutWrapper div.buttonWrapper button
{
     float: right;
     min-width: 150px;
     text-align:center;
}

div#b2cOrderCheckoutWrapper th.qty,
div#b2bOrderCheckoutWrapper th.qty
{
    width: 70px;
}

div#b2cOrderCheckoutWrapper th.weight,
div#b2bOrderCheckoutWrapper th.weight
{
    width: 80px;
}

div#b2cOrderCheckoutWrapper th.subtotal,
div#b2bOrderCheckoutWrapper th.subtotal
{
    width: 100px;
}

/* <=== Order Review */

/* PaymentMethod ===> */

div.creditCardInputsWrapper
{
    padding: 20px;
    background-color:#f0f0f0;
    border: 1px solid #e5e5e5;
} 

div.creditCardInputsWrapper td
{
    padding: 5px 0;
}

div.creditCardInputsWrapper td.label
{
    text-align: right;
    width: 150px;
    padding-right: 10px;
}

div.creditCardInputsWrapper td.info *
{
    width: 100%;
}

div.creditCardInputsWrapper div.cardExpireYearMonth
{
    display: table;
}

div.creditCardInputsWrapper div.cardExpireYearMonth *
{
    display: table-cell;
    width: 49%;
}

div.creditCardInputsWrapper div.cardExpireYearMonth select#ExpirationMonth
{
    float: left;
}

div.creditCardInputsWrapper div.cardExpireYearMonth select#ExpirationYear
{
    float: right;
}

div.shoppingCartButtonWrapper
{
    display: table;
    width: 100%;
}

div.shoppingCartButtonWrapper .ButtonDarkGray
{
    float: left;
    min-width: 150px;
    text-align:center;
}

div.shoppingCartButtonWrapper .Button
{
     float: right;
     min-width: 150px;
     text-align:center;
}

div.paymentDetails div#BillingContainer
{
    background-color: #f0f0f0;
    border: 1px solid #e5e5e5;
    padding: 20px;
    position: relative;
}

div.paymentDetails div#BillingContainer td
{
    padding: 5px 0;
}

div.paymentDetails div#BillingContainer td:first-child
{
    width: 150px;
    text-align:right;
    padding-right: 10px;
}

div.paymentDetails div#BillingContainer td:last-child input[type="text"],
div.paymentDetails div#BillingContainer td:last-child select
{
    width: 100%;
}

div.paymentInfo div.itemTypeWrapper
{
    padding: 10px;
    border: 1px solid #999;
    background-color: #e5e5e5;
}

div.paymentMethodWrapper div.itemContentWrapper,
div.paymentMethodWrapper div.paymentDetails
{
    display: none;
}

/* <=== Payment Method */

/* Other Info ===> */

div#b2bOrderOtherInfoWrapper td
{
    padding: 5px 0;
}

div#b2bOrderOtherInfoWrapper div.contentWrapper td:first-child
{
    width: 180px;
    text-align: right;
    padding-right: 10px;
}

div#b2bOrderOtherInfoWrapper div.contentWrapper td:last-child *
{
    width: 100%;
}

div.poWrapper
{
    background-color:#f0f0f0;
    border:1px solid #e5e5e5;
    padding: 20px;
}

div#b2bOrderOtherInfoWrapper div.customerInfoWrapper td:last-child
{
    color: #9d9d9d;
}

/* <=== Other Info */

/* Billing/Shipping Address ===> */

div.billingAddressWrapper table.mOrderDataTable,
div.shippingAddressWrapper table.mOrderDataTable
{
    width: 80%;
}

div.billingAddressWrapper table.mOrderDataTable td.DataCell.FieldLabel,
div.shippingAddressWrapper table.mOrderDataTable td.DataCell.FieldLabel
{
    width: 30%;
}

div.billingAddressWrapper table.mOrderDataTable td.DataCell.FieldValue,
div.shippingAddressWrapper table.mOrderDataTable td.DataCell.FieldValue
{
    width: 70%;
}

div.billingAddressWrapper table.mOrderDataTable td.DataCell.FieldValue input,
div.billingAddressWrapper table.mOrderDataTable td.DataCell.FieldValue select,
div.shippingAddressWrapper table.mOrderDataTable td.DataCell.FieldValue input,
div.shippingAddressWrapper table.mOrderDataTable td.DataCell.FieldValue select
{
    width: 100%;
}

div.billingAddressWrapper table.mOrderDataTable td.DataCell.FieldValue input.hidden-holder,
div.shippingAddressWrapper table.mOrderDataTable td.DataCell.FieldValue input.hidden-holder
{
    height: 0;
    width: 0;
}

div.billing__overlay 
{
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    top: 0;
}

/* <=== Billing/Shipping */

/* Register Confirmation ===> */

div.registerConfirmation
{
    padding: 25px;
}

div.registerConfirmation div.header
{
    border-bottom: 3px solid #e5e5e5;
    padding-bottom: 10px;
}

div.registerConfirmation div.header div.title
{
    font:normal 18px LatoBold;
    padding-bottom: 10px;
}

div.registerConfirmation div.content
{
    margin-top: 20px;
}

div.registerConfirmation div.content > div
{
    width: 48%;
    display:inline-block;
    vertical-align:top;
}

div.registerConfirmation div.content > div > div.title
{
    font:normal 15px LatoBold;
}

div.registerConfirmation div.content > div > div.context
{
    min-height: 220px;
}

div.registerConfirmation div.content > div > div.context > p > span
{
    color: #1b0dab;
}

div.registerConfirmation div.content > div > div.context > div.btn
{
    text-align:center;
    padding: 10px 0 30px 0;
}

div.registerConfirmation div.content > div > div.context > div.btn > button
{
    display: inline-block;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
    border:none;
    color:#fff;
    cursor:pointer;
    height: 30px;
    width: 100%;
}

div.registerConfirmation div.content > div.leftPanel
{
    padding-right: 10px;
    border-right: 1px solid #e5e5e5;
}

div.registerConfirmation div.content > div.leftPanel > div.context > ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
            
div.registerConfirmation div.content > div.leftPanel > div.context > ul > li
{
    padding: 2px 0 5px 25px;
}
            
div.registerConfirmation div.content > div.leftPanel > div.context > ul > li:before
{
    content: "• ";
    color: #1b0dab;
    left: -5px;
    position: relative;
}

div.registerConfirmation div.content > div.rightPanel
{
    padding-left: 20px;
}

div.registerConfirmation div.content > div.rightPanel > div.context
{
    padding: 20px;
    background-color: #f0f0f0;
    margin-top:20px;
}

div.registerConfirmation div.content > div.rightPanel > div.context > div.title
{
    font:normal 16px LatoRegular;
    margin-bottom: 20px;
}

div.registerConfirmation div.content > div.rightPanel > div.context > div.loginWrapper
{
    padding: 20px 30px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}

div.registerConfirmation div.content > div.rightPanel > div.context > div.loginWrapper > div
{
    padding: 10px 0;
}

div.registerConfirmation div.content > div.rightPanel > div.context > div.loginWrapper > div > label
{
    display: inline-block;
    width: 100px;
}

div.registerConfirmation div.content > div.rightPanel > div.context > div.loginWrapper > div > label[for="rememberMe"]:hover
{
    color: #343be1;
}

div.registerConfirmation div.content > div.rightPanel > div.context > div.loginWrapper > div > input#rememberMe
{
    position: relative;
    top: 2px;
}

div.registerConfirmation div.content > div.rightPanel > div.context > div.loginWrapper > div > span.field-validation-error
{
    display:block;
    padding-left: 105px;
}

div.registerConfirmation div.content > div.rightPanel > div.context > div.loginWrapper > div.captcha > div
{
    padding-left: 105px;
}

div.registerConfirmation div.content > div.rightPanel > div.context > div.loginWrapper > div.recovery > span.separator
{
    padding:0 20px 0 5px;
}

div.registerConfirmation div.content > div.rightPanel > div.context > div.loginWrapper > div.recovery > a
{
    text-decoration: none;
}

div.registerConfirmation div.content > div.rightPanel > div.context > div.btn > input#loginButton
{
    display: inline-block;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
    border:none;
    color:#fff;
    cursor:pointer;
    height: 30px;
    width: 100%;
}

div.registerConfirmation div.footer
{
    border: 1px solid #e5e5e5;
    background-color:#fafafa;
    margin-top:20px;
    text-align:center;
}

div.registerConfirmation div.footer p
{
    font: normal 13px LatoItalic;
}

/* <=== Register Confirmation */


.ContentSnippet>div>label,
.ContentSnippet>div>span{
    font-weight: 600;
    font-size: 15px;
}