@import url('Controls.css');



/*********************************************************************/
/* ENTIRE SITE */
/*********************************************************************/
body,
.dxeBase,
.dxpnlControl,
.dxbButton,
.dxeButtonEdit,
.dxeTextBox,
.dxpLite,
.dxtcLite,
.dxeCaptionCell,
.dxdvControl,
.dxgvControl {
    font-family: 'Arial', sans-serif !important;
    font-size: 14px;
    font-weight: 400;
}

body,
.dxeBase,
.dxpnlControl,
.dxpLite,
.dxeCaptionCell,
.dxdvControl {
    color: #656565;
}

a {
    color: #ed1c24;
}

a:focus,
a:hover {
    color: #b0050c;
}

.clear {
    clear: both;
}

.noPadding {
    padding: 0;
}

/* used in CustomerOrderStatus and CheckOutShippingOptions (request ship date) Drop Downs */
.dxeTextBoxSys {
    width: auto !important;
    float: none !important;
}

table.dxeButtonEdit,
table.dxeTextBox {
    border-collapse: separate;
    border: none;
}

table.dxeButtonEdit td.dxic,
table.dxeTextBox td.dxic {
    margin-right: 5px;
    border-width: 2px;
    border-style: inset;
    border-color: rgb(238, 238, 238);
    padding: 5px 3px;
}

table.dxeButtonEdit td.dxeButton.dxeButtonEditButton {
    margin-right: 5px;
    border-width: 2px;
    border-style: inset;
    border-color: rgb(238, 238, 238);
    padding: 5px 3px;
    border-left: none;
}

/* end */

button,
input[type="submit"],
input[type="button"] {
    border-radius: 2px;
    padding: 3px 8px 4px;
}

input[type="text"],
input[type="password"] {
    border-radius: 2px;
    padding: 5px 3px;
border-width: 1px;
}

select {
    border-width: 2px;
    border-style: inset;
    border-color: rgb(238, 238, 238);
    padding: 5px 3px;
}

textarea {
    border-width: 2px;
    border-style: inset;
    border-color: rgb(238, 238, 238);
    padding: 5px 3px;
}

:focus {
    outline: none;
}

/************ REMOVE BOOTSTRAP PADDING ON COLUMNS ************/
.no-gutter[class^="col-"],
.no-gutter[class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

/************ END REMOVE BOOTSTRAP PADDING ON COLUMNS ************/

/* used on a links that need to look like buttons */
.btn {
    font-weight: 300;
    padding: 3px 8px 4px;
    margin: 10px 3px;
}

/********** 2 MAIN BUTTONS **********/
.primary-btn-theme {
    color: white;
    border: 1px solid #b0050c;
    border-radius: 4px !important;
    background: #ed1c24;
    margin: 10px 3px;
}

.primary-btn-theme:hover,
.primary-btn-theme:focus {
    color: white;
    background-color: #b0050c;
}

.secondary-btn-theme {
    color: white;
    border: 1px solid black;
    border-radius: 4px !important;
    background: #363636;
    margin: 10px 3px;
}

.secondary-btn-theme:hover,
.secondary-btn-theme:focus {
    color: white;
    background-color: black;
}

/********** END 2 MAIN BUTTONS **********/

/*********************************************************************/
/* HEADER */
/*********************************************************************/
.navbar-header {
    z-index: 10;
    /* position: relative; */
    padding: 0 90px;
}

.navbar-brand {
    height: 62px;
    /*this affects the logo's size*/
}

.navbar-brand img {
    height: auto;
    width: 190px;
}

.navbar-default {
    border: none;
    border-radius: 0;
    background-color: #000000;
    margin-bottom: 0;
    min-height: 110px;
}

.navbar-collapse {
   /* text-align: center;*/
}

.nav.navbar-nav:not(.navbar-right) {
    float: left;
    display: inline-block;
    width: 540px;
    /* position: absolute; */
    margin-left: 130px;
}

/*
.nav.navbar-nav:not(.navbar-right) {
    float: none;
    display: inline-block;
}
*/

.addPadding {
    padding: 25px 5px 0;
}

/* manually setting this based on the image and menu size */
.navbar-toggle {
    margin-top: 24px;
}

.navbar-collapse {
    border: none;
    box-shadow: none;
    max-height: none;
}

.menuLogin {
    color: white;
    padding: 10px 0 0 0px !important;
}

.menuLogin:hover,
.menuLogin:focus {
    color: #ed1c24;
    text-decoration: none;
}

.navbar-default .navbar-nav>li>a {
    color: white;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #ed1c24;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #ed1c24;
}

.dropdown-menu {
    background-color: rgba(7, 0, 0, .9);
    z-index: 99999;
}

/* this is both the desktop dropdown and mobile drop down so they are the same */
.dropdown-menu>li>a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: white;
}

/* this is both the desktop dropdown and mobile drop down so they are the same */
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    background-color: transparent;
    color: #ed1c24;
}

/********** Products multi-column menu **********/
.dropdown-menu.columns-4 {
    min-width: 900px;
}

.multi-column-dropdown {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.multi-column {
    padding: 10px 0px 10px 25px;
    left: -150%;
    margin-top: 15px !important;
}

.multi-column li {
    font-size: 16px;
    padding: 1px 0;
}

.multi-column li:not(.redHeading) {
    margin-left: 15px;
}

.dropdown-menu a {
    color: white;
}

.redHeading a {
    color: #ed1c24;
}

@media (max-width: 767px) {
    .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
    }

}

/********** End Products multi-column menu **********/

/* this is only for desktop */
@media (min-width: 768px) {
    .nav.navbar-nav {
/*        padding-top: 32px;
        padding-bottom: 10px;*/
    }

    .navbar-right {
/*        position: absolute;
        right: 0;*/
    }

    .navbar>.container .navbar-brand {
        margin-left: 0;
    }

    .navbar-brand {
        padding: 0;
        margin-top: 25px;
        /*so logo looks centered with the menu*/
    }

    .navbar-nav:not(.navbar-right)>li>a {
        padding: 5px 19px;
        font-size: 14px;
    }

    .navbar-right.navbar-nav>li {
        float: none;
        text-align: right;
        display: block;
    }

    .navbar-right.navbar-nav>li>a {
        padding-top: 1px;
        padding-bottom: 1px;
    }
}

/*********************************************************************/
/* HOME PAGE */
/*********************************************************************/
.homeContent {
    overflow: hidden;
}

.homeContent .container {
    margin-top: -55px;
}

.homeContent .container .col-xs-12,
.serviceBlock {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.homeContent .container .img-responsive {
    width: 100%;
}

@media (min-width: 300px) {
    .homeContent .container {
        margin-top: 5px;
    }

}

/*********************************************************************/
/* SOCIAL BUTTONS */
/*********************************************************************/
@media (min-width: 297px) {
    .dxis-nbBottom {
        width: 85% !important;
    }
        .socialButtons {
        background: #e7e7e7;
        padding: 20.5px 0;
        text-align: center;
    }
        .socialButtons img {
        max-width: 40px;
    }
}

@media (min-width: 375px) {
    .socialButtons {
        background: #e7e7e7;
        padding: 20.5px 0;
        text-align: center;
    }

    .socialButtons img {
        width: 40px;
    }

}


@media (min-width: 768px) {
    .socialButtons {
        background: #e7e7e7;
        padding: 9.5px 0;
        text-align: center;
    }

    .socialButtons img {
        width: 35px;
    }
}


@media (min-width: 992px) {
    .socialButtons {
        background: #e7e7e7;
        padding: 15.5px 0;
        text-align: center;
    }

    .socialButtons img {
        width: 40px;
    }

}


@media (min-width: 1200px) {
    .socialButtons {
        background: #e7e7e7;
        padding: 22.5px 0;
        text-align: center;
    }

    .socialButtons img {
        width: 40px;
    }
}




/*********************************************************************/
/* SIDEBAR AND SUBPAGE THEME */
/*********************************************************************/
.pageContent {
    margin-top: 15px;
    margin-bottom: 40px;
    min-height: 420px;
}

.leftSidebar {
    background-color: #ebebec;
    padding: 0 15px 15px;
}

/*********************************************************************/
/* FOOTER */
/*********************************************************************/
footer {
    background: #000000;
    padding-top: 25px;
}

.footerContent,
.footerContent a {
    color: white;
}

.copyRight {
    margin-top: 50px;
}

.copyRight p {
    font-size: 10px;
}

/*********************************************************************/
/* Content (htm) Styles */
/*********************************************************************/

/********** ACCOUNT/CHECKBOX FLEXBOX **********/
.thisStep {
    color: #D22020;
    font-weight: bold;
}

.anotherStep,
.flex-item i.fa {
    color: #C0C1C1;
    font-weight: bold;
}

.anotherStepTitle {
    color: #CAC8C4;
}

.flex-item a:hover,
.flex-item a:focus {
    color: #C0C1C1;
}

.flex-container {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flex-item {
    margin: 0 25px 25px 0;
}

/********** END ACCOUNT/CHECKBOX FLEXBOX **********/

#mainContent h2 {
    /*    background: transparent url(/ECommerce/site/Themes/images/h2-bkg.jpg) repeat-x 0 0;
    height: 65px;
    padding: 24px 0 0 24px;
    font-size: 24px;
        line-height: 24px;
    */
    margin-bottom: 5px;
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    margin-top: 0;
}

#mainContent .content_header {
    background-color: #318033;
    color: #FFFFFF;
    font-size: 14px;
    height: 37px;
    padding: 10px 0 0 22px;
}

#mainContent .redContent {
    color: #C21F26;
    font-weight: bold;
}

#mainContent a {
    color: #C21F26;
}

/***********  static contentn style  ********/
.contentHeader {
    font-weight: 700;
}

.Highlight {
    color: #ee1c24;
}

.specialContent ul {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.specialContent ol {
    margin-bottom: 30px;
}

.specialContent ul.bullet {
    margin-top: 30px;
}

.specialContent li.sub {
    text-indent: 20px;
}

.specialContent ul li:before {
    content: '✓';
    font-weight: 700;
    margin-right: 5px;
    color: #000;
    font-size: 16px;
}

.specialContent .bullet li:before {
    content: "";
}

.specialContent .contentBlock {
    margin: 30px 0;
    width: 70%;
}

section {
    margin: 60px 0;
}

#rectangle {
    width: 47%;
    height: auto;
    min-height: 110px;
    background: #ee1c24;
    float: left;
    margin-top: 25px;
    padding: 15px 15px 15px 10%;
}

#triangle-right {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 80px 0 80px 100px;
    border-color: transparent transparent transparent #ee1c24;
    /*   border-top: 80px solid transparent;
    border-left: 100px solid #ee1c24;
    border-bottom: 80px solid transparent; */
    float: left;
    display: block;
}

#triangle-bottom {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 187px 0 187px;
    border-color: #ee1c24 transparent transparent transparent;
}

#rectangle h3 {
    color: #fff;
    margin: 0;
}

#rectangle span {
    color: #fff;
    font-size: 15px;
    white-space: normal;
}

#rectangle a {
    color: #ffda4b;
}

img.nsit {
    width: 265px;
    margin-top: -25px;
    margin-left: 15px;

}

.col-sm-12.imageWrap {
    height: auto;
}

.row.contentFooter {
    margin-top: 86px;
}

.contentFooter img.img-responsive {
    margin: 0 auto;
    height: 85px;
    padding: 15px;
}

.leftText {
    font-weight: 700;
    text-align: left;
}

.rightText {
    font-weight: 700;
    text-align: right;
}

.rightText span,
.leftText span {
    font-weight: 400;
}

@media (min-width: 375px) {
    #rectangle {
        width: 85%;
        float: unset;
        margin: 25px auto;
    }

    #triangle-right {
        display: none;
    }

    img.nsit {
        position: relative;
        margin: auto;
        display: block;
    }
}

@media (min-width: 1000px) {
#triangle-right {
    border-width: 100px 0 100px 100px; display: block;
}
#rectangle {
    width: 47%;
    float: left;
    margin-top: 25px;
}
img.nsit {
    margin-top: -25px;
    margin-left: 15px;
    display: inline-block;
}
}
@media (min-width: 1225px) {
#triangle-right {
    border-width: 80px 0 80px 100px; display: block;
}
}