/* ---------------------------------------------------------------- */
/* -------- CSS Document for Forethought Superfulfillment Project -- */
/* -------- Created by Marco Morelli @ Veritas Solutions ---------- */
/* -------- MMorelli@Veritas-Solutions.com ------------------------ */
/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
/* --------------------- Global Styles -----------------------------*/
/* ---------------------------------------------------------------- */

html, body, frame {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.page h1 {
    z-index: 1;
}

.clear {
    clear: both;
}

.ClearFloats {
    overflow: hidden;
    width: 100%;
}

.block {
    display: block;
}

.center {
    text-align: center;
}

.AutoMargins {
    margin: auto;
}

.BottomPadding {
    margin-bottom: 18px;
}

.errorMessage, .errorMessageCart {
    color: red !important;
}

.StatusMessage {
    color: #561714;
}

.errorMessageCart {
    padding: 3px 0 3px 0;
}

textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13.3333px;
}

.Inactive {
    color: #999999 !important;
}

.InactiveOrderItem td {
    color: #999999 !important;
    padding: 3px 4px 4px 4px;
}

.hidden, .Hidden {
    display: none;
}

.InactiveRow td {
    color: #999999 !important;
    padding: 3px 4px 4px 4px;
}

.first {
    margin-top: 0 !important;
}

.pointer {
    cursor: pointer;
}

    .ContentRadGrid .RadGrid_Gray, .ContentRadGrid .GridHeader_Gray, .ContentRadGrid .GridPager_Gray td {
        border-color: #cccccc !important;
    }

    .ContentRadGrid .GridPager_Gray td {
        border-bottom: 0px;
    }

.spinner {
    margin-top: 2rem;
    margin: 100px auto;
    width: 70px;
    height: 60px;
    text-align: center;
    font-size: 10px;
}

    .spinner > div {
        background-color: #333;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
        animation: sk-stretchdelay 1.2s infinite ease-in-out;
    }

    .spinner .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .spinner .rect3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .spinner .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .spinner .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modalMaster {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: auto;
    background-color: rgba(255, 255, 255, .8);
}

.modal_overlay {
    position: fixed;
    z-index: 8000;
    background: #000;
    opacity: .5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.modal_content {
    position: absolute;
    z-index: 9000;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modalMaster {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modalMaster {
    display: block;
}

/* grid column container */
.container {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-row .label {
  width: 170px;
  font-weight: bold;
}

.items-center {
  align-items: center;
}

.items-top {
  align-items: flex-start;
}

/* superscript icon tooltip component */
sup.tooltip-icon {
    position: relative;
    cursor: pointer;
    font-size: 12px;
    vertical-align: 6px;
    margin-left: -1px;
}

span.tooltip-content {
    box-sizing: border-box;
    display: none;
    width: 330px;
    background-color: #FFFFFF;
    border: 1px solid #303030;
    border-radius: 4px;
    padding: 1rem;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    z-index: 10;
}

sup.tooltip-icon:hover span.tooltip-content {
    display: block;
    position: absolute;
    left: 8px;
    top: 10px;
}

.form_label-horz {
    width: 250px;
}

.form_label-horz-sm {
    width: 125px;
}

.valign-t {
    vertical-align: top;
}

.align-vert li,
.align-vert a,
.align-vert span {
    display: block;
}

.container {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
}

.pd-md {
    padding: 1rem;
}
.column {
    flex: 1;
}



/* ---------------------------------------------------------------- */
/* --------------------- Main Page ---------------------------------*/
/* ---------------------------------------------------------------- */

#divWrapper {
    width: 930px;
    margin: auto;
    text-align: center; /* overflow: hidden; */
    border-left: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    padding: 0 15px 15px 15px;
    background: #FFFFFF;
    margin-bottom: 15px;
}

div.section {
    text-align: left;
}


/* ---------------------------------------------------------------- */
/* --------------------- Header ------------------------------------*/
/* ---------------------------------------------------------------- */

#divHeader {
    height: 80px;
    background: #ffffff;
}

#mainLogo {
    padding: 0px 0px 0px 25px;
    float: left;
    border: none;
}


#divHeaderContent {
    width: 930px;
    float: left;
    height: 80px;
    overflow: hidden;
}


.divHeaderContentRightMaster {
    float: right;
    text-align: right;
    padding: 30px 19px 0 0;
    font-size: 13px;
}

    .divHeaderContentRightMaster input {
        margin-bottom: 5px;
    }

    .divHeaderContentRightMaster ul li {
        float: left;
    }

        .divHeaderContentRightMaster ul li a {
            color: #515456;
            text-decoration: none;
        }

.divHeaderImage {
    position: relative;
}

    .divHeaderImage h1 {
        position: absolute;
        left: 20px;
        bottom: 15px;
        color: White;
        font-size: 16px;
        font-weight: bold;
    }

    .divHeaderImage h3 {
        position: absolute;
        right: 20px;
        bottom: 15px;
        color: #FFCC66;
        font-size: 16px;
        font-weight: bold;
    }

#LandingMainSection .h3OrderingFor {
    position: absolute;
    right: 20px;
    bottom: 15px;
    color: #FFCC66;
    font-size: 16px;
    font-weight: bold;
}


/* ---------------------------------------------------------------- */
/* --------------------- Content -----------------------------------*/
/* ---------------------------------------------------------------- */


/* ---------------------------------------------------------------- */

#divContentWrapper {
    /* #CDCCC7 url(../images/pageBackgroundLine.png) repeat-x center top; */
    width: 930px;
    text-align: left;
    padding-bottom: 0;
    display: block;
}

#divContent {
    background: #ffffff; /*url(../images/navDropShadow.gif) repeat-x left top;*/
    width: 930px; /*padding: 23px 18px 0 18px;*/
    margin: 0;
    text-align: left;
}

#divPageFooter {
    display: block;
    width: 923px;
    height: 10px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    margin-left: 2px;
    margin-bottom: 10px;
    background-color: Transparent;
    background: url(../images/pageBottom.png) no-repeat top center;
}


/* ---------------------------------------------------------------- */
/* --------------------- Main Page ---------------------------------*/
/* ---------------------------------------------------------------- */

#imgMain {
    margin-bottom: 20px;
}

div.PageSection {
    width: 930px;
    text-align: left;
    /* overflow: hidden; */
    margin-top: 15px;
}

    div.PageSection .content, #divContent {
        border: 1px solid #cccccc;
    }

div.splitBigSmall {
    margin: 15px;
    border: 1px solid #cccccc;
    background: #cccccc;
}

div.PageSection h1, #smallSide h1, #bigSide h1 {
    display: block;
    height: 30px;
    padding-left: 20px;
    padding-top: 2px;
    line-height: 30px;
    color: #FFFFFF;
    font-size: 14px;
    position: relative;
    z-index: 1 !important;
    font-weight: normal;
}

/* ----- Conetent Layout ----- */

div.PageSection h1,
.pageContent h1 {
    width: 888px;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: bold;
    color: White;
}

div.PageSection h1 {
    width: 890px;
}

#bigSide {
    background: #ffffff;
    width: 670px;
    overflow: visible;
    float: left;
}

#smallSide {
    background: #ffffff;
    width: 227px;
    overflow: hidden;
    float: left;
    margin-left: 1px;
}

#bigSide h1 {
    width: 650px;
    font-weight: bold;
}

#smallSide h1 {
    width: 181px;
    color: #561714;
}

.full h1 {
    width: 930px;
    height: 30px;
}


div.splitBigSmall #bigSide h1 {
    background: #666666;
}

div.splitBigSmall #smallSide h1 {
    background: #dddddd;
}

div.splitSmallBig #bigSide h1 {
    background: url(../images/contentHeaderSmallBig.gif) top right no-repeat;
}

div.splitSmallBig #smallSide h1 {
    background: url(../images/contentHeaderSmallBig.gif) top left no-repeat;
}

.full #CommandBar, .full .CommandBar {
    /*position: relative;*/
    width: 842px;
    background: #e6e6e6;
    padding: 10px 17px 11px 12px;
    z-index: 1 !important;
    border-left: solid 1px #CCCCCC;
    border-Right: solid 1px #CCCCCC;
}

.full .CommandBar {
    color: #515456;
    font-weight: bold;
}

    .full .CommandBar div {
        padding-top: 3px;
        font-size: 12px;
    }

#CommandBar table {
    z-index: 1 !important;
}

#BottomCommandBar {
    /* position: relative; */
    width: 898px;
    margin: -16px;
    padding: 15px;
    background: #dfdfdf;
    border: solid 1px #828282;
}


.content {
    padding: 15px;
    display: block;
}

.contentMain {
    padding: 20px;
    display: block;
    border: solid 1px #F1E6B2;
    color: Black;
}

.contentHeader {
    background-color: #b5d5ff;
    display: block;
    color: black;
    padding: 20px;
}

/* ----- Page Bottom ----- */

.PageBottomFull {
    height: 0px;
}


.splitSmallBig #pageDiv, .splitBigSmall #pageDiv {
    float: left;
    height: 381px;
    width: 8px;
}

.splitBigSmall #pageDiv {
    background: url(../images/pageDivBigSmall.gif) top center no-repeat;
}

.splitSmallBig #pageDiv {
    background: url(../images/pageDivSmallBig.gif) top center no-repeat;
}

#big-side {
    width: 670px !important;
    float: left;
}

.small-side {
    width: 201px !important;
    float: left;
}

#mainImage, .mainImage {
    margin-bottom: 20px;
}

.divButtons {
    text-align: right;
    padding-top: 10px;
}


/* --------------------- Divided Template ----------------------------*/

.pageDividedSection {
    width: 930px;
    text-align: left;
    background-color: #FFFFFF; /* overflow:hidden; */
    margin-top: 15px;
}

/* ---------- Right Site ---------- */

#RightSideHeader {
    float: right;
    width: 700px;
}

    #RightSideHeader img {
        margin-bottom: 15px;
    }

#RightSide {
    float: right;
    width: 700px;
    background: url(../images/pageDividedRightBG.gif) top left repeat-y;
    clear: right;
}

    #RightSide h1 {
        width: 698px;
        height: 32px;
        z-index: 1;
        border: solid 1px #666666;
        background: #666666 url(../images/grad34.png) repeat-x top left;
    }

        #RightSide h1 span {
            width: 683px;
            height: 32px;
            display: block;
            height: 30px;
            padding-left: 15px;
            padding-top: 2px;
            line-height: 30px;
            color: #FFFFFF;
            font-size: 13px;
            z-index: 1 !important;
        }

    #RightSide #CommandBar,
    #RightSideHeader #CommandBarTop {
        /*position: relative;*/
        width: 668px;
        background: #e6e6e6;
        padding: 10px 15px 10px 15px;
        border-left: solid 1px #CCCCCC;
        border-Right: solid 1px #CCCCCC;
    }

    #RightSide .content {
        padding: 15px;
        overflow: hidden;
    }

/* ---------- Left Side --------- */

#LeftSide {
    float: left;
    width: 215px;
}

/* ---------------------------------------------------------------- */
/* --------------------- Footer ------------------------------------*/
/* ---------------------------------------------------------------- */

.footer {
    width: 930px;
    clear: both;
    margin: auto;
    display: block;
}


    .footer a {
        float: right;
        margin-bottom: 15px;
    }

        .footer a img {
            border: 0px;
        }

.footerLogin {
    width: 464px;
    clear: both;
    margin: auto;
    margin-top: 10px;
    padding-left: 20px;
    margin-bottom: 20px;
}

#divFooterLogin img {
    float: right;
    margin-bottom: 20px;
}

#divFooterLogin a img {
    border: 0px;
}

/* ---------------------------------------------------------------- */
/* --------------------- Disclaimer ==------------------------------*/
/* ---------------------------------------------------------------- */

.pnlDisclaimer {
    width: 930px !important;
    clear: both;
    margin: auto;
    display: block;
    text-align: left;
    margin-bottom: 15px;
}

/* ---------------------------------------------------------------- */
/* --------------------- Annoucements ------------------------------*/
/* ---------------------------------------------------------------- */

#divAnnouncements {
    padding-bottom: 8px;
}

    #divAnnouncements hr {
        height: 1px;
        color: #dedede;
        background-color: #cccccc;
        border: 0;
    }

.Announcements table tr td.content {
    overflow: hidden !important;
}

#ctl00_ctl00_cphContent_cphSection_rgrdAnnouncements_ctl00_ctl02_ctl02_FilterTextBox_Sort {
    width: 30px !important;
}

/* ---------------------------------------------------------------- */
/* --------- Client Collaboration & Special Projects -------------- */
/* ---------------------------------------------------------------- */


.CollaborationSearch .RadPicker_Gray {
    width: 90px !important;
    display: block;
    float: left;
}


.CollaborationDetails {
    float: left;
    width: 285px;
}

.SpecialProjectsDetails {
    float: left;
    width: 270px;
}

.CollaborationDetails .rcbInputCell, .CollaborationDetails .rcbArrowCell {
    border-color: #969696 !important;
}

.CollaborationDetails .rcbDisabled .rcbInputCell, .CollaborationDetails .rcbDisabled .rcbArrowCell {
    background-color: #F5F4EA;
    overflow: hidden;
}

    .CollaborationDetails .rcbDisabled .rcbInputCell input, .CollaborationDetails .rcbDisabled .rcbArrowCell input {
        color: #646464 !important;
        background-color: #F5F4EA;
    }

    .CollaborationDetails .rcbDisabled .rcbInputCell .rcbInput {
        border-right: 1px #C9C7BA solid !important;
    }

.FormItem {
    margin-bottom: 6px;
}

    .FormItem .label {
        padding-bottom: 2px;
        margin-bottom: 0;
    }

#CollaborationComments, #SpecialProjectsDescription {
    width: 554px;
    float: right;
}

#SpecialProjectsComments {
    float: right;
    clear: right;
    width: 554px;
    margin-top: 15px;
}

.rgrdCollaborationComments, .rgrdSpecialProjectsComments {
    width: 554px;
}

.SpecialProjectsDetails input, .SpecialProjectsDetails select {
    width: 270px;
}

.SpecialProjectsDetails .cbx input {
    width: 20px;
}

#FooterButtons {
    padding-bottom: 15px;
}

    #FooterButtons input {
        float: right;
    }

/* ---------------------------------------------------------------- */
/* --------------------- Disabled ----------------------------------*/
/* ---------------------------------------------------------------- */

.txtDisabled {
    background-color: #F5F4EA;
    border: 1px #C9C7BA solid;
    color: #646464 !important;
}

.ddlDisabled {
    background-color: #F5F4EA;
    border: 1px #C9C7BA solid;
    color: #646464 !important;
}


/* ---------------------------------------------------------------- */
/* --------------------- Loading Panel -----------------------------*/
/* ---------------------------------------------------------------- */

.loadingPanel {
    color: #561714;
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-top: 10px;
}

/* ---------------------------------------------------------------- */

.FullRadGrid {
    margin: 0 2px;
    border-color: #C6BBBB !important;
    border-bottom: 0px !important;
}

/* ---------------------------------------------------------------- */
/* --------------------- Overwriting Rad Styles --------------------*/
/* ---------------------------------------------------------------- */

.RadCalendar_Default .rcWeek .rcViewSel, .RadCalendar_Default .rcRow th {
    display: none !important;
}

.rgrdShoppingCart {
    margin: -1px 2px 0 2px;
    border-color: #C6BBBB !important;
}

/* RadDockZone */
.rdzLeft, .rdzRight, .rdzSideBar {
    float: left;
    border-width: 0px !important;
}

.select {
    border: 1px #000000 solid;
    background-color: #56595c;
    color: #FFFFFF;
}

.GridRow_Default td, .GridAltRow_Default td, .GridFooter_Default td, .GridGroupFooter_Default td {
    border-left: none !important;
}

input[type="checkbox"] {
    margin-left: 0px !important;
}

.MasterTable_Gray, .GridHeader_Gray {
    font-size: 11px !important;
}


ul.rcbList li {
    padding: 0px !important;
}

    ul.rcbList li div.RadGrid {
        border: 0 !important;
    }

.GridRow_Gray a, .GridRow_Gray a:link, .GridAltRow_Gray a, .GridAltRow_Gray a:link {
    float: left;
    display: block;
    clear: left;
    color: #134371;
    border-color: #134371;
    text-decoration: none;
    outline: 0; /* added to remove border in FF */
}

    .GridRow_Gray a:visited, .GridAltRow_Gray a:visited {
        color: #c64c3b;
        text-decoration: none;
        outline: 0; /* added to remove border in FF */
    }

    .GridRow_Gray a:hover, .GridAltRow_Gray a:hover {
        color: #60207f; /* #561714; */
        border-color: #60207f; /* #561714; */
    }

td.ddclBox, td.ddclText {
    border-top: 0px !important;
    border-bottom: 0px !important;
}

td.ddclBox {
    padding: 0 !important;
}

    td.ddclBox input {
        width: 28px;
        height: 25px;
        margin-top: 0;
        margin-bottom: 0;
    }

.RadComboBoxDropDown_Gray li.rcbItem {
    padding: 2px !important;
}

.RadComboBoxDropDown_Gray li.rcbHovered {
    padding: 1px 2px 1px 2px !important;
}

/* ---------------------------------------------------------------- */


.costCenters {
    margin-top: 4px;
    margin-bottom: 8px;
}

.importantNumbers {
    color: #515456;
}

/* ---------------------------------------------------------------- */
/* --------------------- Shopping Cart -----------------------------*/
/* ---------------------------------------------------------------- */

#ctl00_cphContent_lblEmailAsterisk {
    display: none;
}

.cartDetails .inventoryType {
    font-style: italic;
}

.cartCost {
    display: inline-block;
}

    .cartCost hr {
        margin: 3px 0;
    }

    .cartCost label {
        width: 65px;
        display: inline-block;
    }

    .cartCost .total {
        font-weight: bold;
    }



#divTotal {
    float: right;
}

.highlightBackorder {
    background: none repeat scroll 0% 0% rgb(214, 153, 153);
}

.total {
    color: #561714;
    font-weight: bold;
}

.MailListUpload {
    float: left;
    clear: left;
}

#UploadLabel {
    float: left;
}

.cartLabel {
    display: block;
    padding-bottom: 8px;
}


.CheckoutButton {
    float: right;
    margin-left: 5px;
}

.ClearCart {
    float: right;
}

.Checkout .cartLabel {
    float: right;
    clear: right;
}

.UpdateCartButton {
    float: right;
}

.MailListUploadButton {
    float: left;
}

.MailList {
    float: left;
    width: 400px;
}

.CostCenters {
    float: left;
}

.Checkout {
    float: right;
}

.RequiredItems {
    background-color: #c64c3b;
    color: #FAEAAC !important;
    display: block;
    padding: 2px 2px 2px 5px;
    margin-top: 3px;
    width: 85px;
    background: #C64C3b url(../images/leftNavLsHover.gif) right top no-repeat;
}

.cartButton {
    display: block;
    margin: 3px 0;
}

.RadGrid_Default .rgMasterTable tr .addInput {
    float: left;
}

.ddlCartState {
    display: block;
}

.cartLabelItem {
    display: block;
}

.rgrdShoppingCart img.CartThumbnail {
    border: #6c6c71 1px !important;
}

.rgrdShoppingCart a img.CartThumbnail {
    border: #c64c3b 1px !important;
}

.ProductList img {
    border: 1px solid #6c6c71 !important;
}

.ProductList a img {
    border: 1px solid #c64c3b !important;
}

.rgrdShoppingCart a img.CartThumbnail:hover {
    border-color: #571714;
}

/* ---------------------------------------------------------------- */

.BC {
    color: White !important;
    text-decoration: none;
}

    .BC:hover {
        text-decoration: underline;
        color: White;
    }

/* ---------------------------------------------------------------- */
/* --------------------- MailList Upload ---------------------------*/
/* ---------------------------------------------------------------- */


.divMailList {
    display: block;
    margin-top: 5px;
}

    .divMailList span {
        color: #515456;
    }

/* ---------------------------------------------------------------- */
/* --------------------- Landing Page ------------------------------*/
/* ---------------------------------------------------------------- */

#LandingMainSection {
    position: relative;
    z-index: 1;
    width: 930px;
}

    #LandingMainSection .links {
        display: none;
    }

    #LandingMainSection a {
        display: block;
    }

a.MainLinks {
    height: 23px;
    width: 283px;
    display: block;
    margin-bottom: 8px;
    padding: 7px 0 0 8px;
    color: #ffffff;
    font-weight: bold;
    font-size: 15px;
    background: url(../images/LandingMainLinks.png) top left;
}

    a.MainLinks:hover {
        background-position: left bottom;
        color: #FFFFFF;
        text-decoration: none;
    }

/* ---------------------------------------------------------------- */
/* --------------------- Widgets -----------------------------------*/
/* ---------------------------------------------------------------- */

.left {
    float: left;
}

.right {
    float: right;
}

.right-button {
    float: right;
    margin: 10px 0 10px 0;
}

.divExpressCheckout .quantity,
.divNewItems .quantity {
    float: right;
}

.section table {
    width: 100% !important;
}

.tbox {
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #8E8E8E #B8B8B8 #B8B8B8 #8E8E8E;
    padding: 2px 1px 3px;
    color: Black;
}

    .tbox:hover {
        border-color: #515151;
    }

.section,
.divNewItems .section {
    width: 100% !important;
    margin-bottom: 8px !important;
}

.RadComboBoxDropDown_Gray .rcbScroll, .RadComboBoxDropDown_Gray .rcbList, .RadComboBoxDropDown_Default rcbScroll, .RadComboBoxDropDown_Default .rcbList {
    height: 200px !important;
}

/* ---------------------------------------------------------------- */
/* --------------------- Shipping Information --------------------- */
/* ---------------------------------------------------------------- */

/* FormItem, label, div.input */

.ShippingInformation {
    margin-bottom: 15px;
}

    .ShippingInformation .FormItem {
        clear: both;
        float: left;
        width: 100%;
    }

    .ShippingInformation .label {
        float: left;
        margin-top: 3px;
        width: 120px;
    }

    .ShippingInformation div.input {
        float: left;
    }


/* ---------------------------------------------------------------- */
/* --------------------- Customize Variables  --------------------- */
/* ---------------------------------------------------------------- */

.CustomizableVariablesSectionLeft {
    width: 400px;
    float: left;
}

.CustomizableVariablesSectionRight {
    width: 49%;
    float: right;
}

.CustomizableVariablesSection {
    width: 839px;
}

.CustomizableVariablesSectionLeft .CustomizableVariablesSection,
.CustomizableVariablesSectionRight .CustomizableVariablesSection {
    width: fit-content;
}

.CustomizableVariablesSection label.CusVarLabel {
    display: block;
    width: 210px !important;
    float: left;
    margin-top: 3px;
    margin-left: 10px;
}

.CustomizableVariablesSection .InputDetails {
    display: block;
    float: left;
}

.CustomizableVariablesSection {
    clear: both;
    float: left;
    margin-bottom: 10px;
}

    .CustomizableVariablesSection .ruFakeInput {
        margin-left: 0 !important;
    }


/* ---------------------------------------------------------------- */
/* --------------------- Other Froms ------------------------------ */
/* ---------------------------------------------------------------- */

.horiFormSection {
    clear: both;
    float: left;
    margin-bottom: 10px;
}

    .horiFormSection label {
        display: block;
        width: 220px;
        float: left;
        margin-top: 3px;
    }

    .horiFormSection .InputDetails {
        display: block;
        float: left;
    }

/* ---------------------------------------------------------------- */
/* --------------------- Mini Shoppin' Cart Widget  --------------- */
/* ---------------------------------------------------------------- */

.MiniShoppingCartWidget {
    padding: 5px;
}

    .MiniShoppingCartWidget li {
        margin-bottom: 5px;
        width: 203px;
        /* overflow: hidden; */
    }

.MiniShoppingCartFormNumber {
    float: left;
    padding-top: 4px;
    vertical-align: top;
}

    .MiniShoppingCartFormNumber a {
        height: 16px;
        display: inline-block;
    }

.MiniShoppingCartQuantity {
    float: right;
    vertical-align: top;
}

.BottomCommandBar {
    padding: 0 5px 5px 5px;
}

.TopCommandBar {
    padding: 0 5px 5px 5px;
}

/* ---------------------------------------------------------------- */
/* --------------------- Drip Campaigns --------------------------- */
/* ---------------------------------------------------------------- */

#ctl00_cphContent_radlstChannels tr td {
    padding-top: 5px;
}

.DripCampaign div.label {
    margin-bottom: 8px;
}

.CampaignListItem {
    margin-bottom: 5px;
}

/* ---------------------------------------------------------------- */
/* --------------------- Customize Varibles ----------------------- */
/* ---------------------------------------------------------------- */

.ruProgressArea {
    margin-top: 10px;
}

/* ---------------------------------------------------------------- */
/* --------------------- Collaboration Widget --------------------- */
/* ---------------------------------------------------------------- */

.WidgetCollaboration li {
    margin-bottom: 8px;
}

/* ---------------------------------------------------------------- */
/* --------------------- My Orders Widget ------------------------- */
/* ---------------------------------------------------------------- */

.divOrderList {
    margin-bottom: 5px;
    padding: 0;
}

    .divOrderList .WidgetSection {
        clear: both;
    }

    .divOrderList .NoOrders {
        font-style: italic;
    }

    .divOrderList .Title span {
        font-weight: bold;
        text-decoration: underline;
        margin-top: 0px;
        display: block;
        float: left;
    }

    .divOrderList .WidgetSection .OrderNumber {
        float: left;
        display: block;
        clear: none;
        margin: 0;
        padding: 0;
    }

    .divOrderList .Title .OrderNumber {
        width: 60px;
    }

    .divOrderList .WidgetSection div {
        float: left;
        display: block;
        width: 60px;
    }

    .divOrderList .WidgetSection .OrderStatus, .divOrderList .WidgetSection span {
        float: left;
        display: block;
        clear: none;
        margin: 0;
        padding: 0;
    }




/* ------------------------ Current Spend ----------------------------- */

.CurrentSpendSection {
    margin-top: 10px;
}


    .CurrentSpendSection h3 {
        font-weight: bold;
        margin-bottom: 4px;
        display: block;
        text-decoration: underline;
    }

    .CurrentSpendSection label {
        font-weight: bold;
    }

/* -- FIXES -- */

#ReportViewerControl {
    display: table !important;
}

ul#TrainingGuideMenu a.guidesection {
    color: #6c6c71 !important;
    border-color: #6c6c71;
}

ul#TrainingGuideMenu li {
    margin-bottom: 4px;
}

    ul#TrainingGuideMenu li ul {
        margin-left: 15px;
        list-style: disc;
    }

        ul#TrainingGuideMenu li ul li {
            margin: 3px;
        }

.Spacer-10 {
    height: 10px;
    clear: both;
    display: block;
}

.Spacer-15 {
    height: 15px;
    clear: both;
    display: block;
}

.Spacer-20 {
    height: 20px;
    clear: both;
    display: block;
}

.Spacer-25 {
    height: 25px;
    clear: both;
    display: block;
}

.MailListLink {
    margin: 5px 0 0 20px;
}

/* ---------------------- MarcosOverlay ----------------------- */
.MarcosModalWindowOverlay {
    position: absolute;
    top: 0pt;
    left: 0pt;
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0;
}

    .MarcosModalWindowOverlay .RelativeFix {
        position: relative;
        z-index: 999997;
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .MarcosModalWindowOverlay .Overlay {
        background-color: rgb(170,170,170);
        opacity: 0.5;
        filter: alpha(opacity = 50);
        height: 100%;
        width: 100%;
        position: fixed;
        left: 0pt;
        top: 0pt;
        z-index: 999998;
    }

    .MarcosModalWindowOverlay .Window {
        margin: auto;
        text-align: center;
        padding: 6px;
        position: fixed;
        top: 80px;
        left: 50%;
        margin-left: -148px;
        width: 300px;
        background-color: #4f4f4f;
        z-index: 999999;
    }

    .MarcosModalWindowOverlay .Box {
        padding: 10px;
        background-color: white;
        color: #CC3300;
        width: 280px;
        font-size: 16px;
        text-align: center;
    }


.divHeaderContent a img {
    border: none !important;
}

.divHeaderContentRight {
    display: none !important;
}

.divHeaderContentRightMaster a {
    border-color: #515456;
}

.GridInContent {
    margin: -16px;
    width: 928px !important;
}

div.navTabbed {
    margin-top: 15px;
    margin-bottom: -15px;
}

.liMenuItem ul {
    margin-left: -2px;
}

.GridCommandRow_Gray a {
    border-color: #ffffff;
}

.RadGrid thead a, .RadCalendarPopup a, .RadPicker_Default a, .RadComboBox a, .rdTitlebar a, .navigation a {
    border: none;
}

a.BC {
    border-color: #ffffff;
}

    a.BC:Hover {
        text-decoration: none;
    }

.linkButton a:hover {
    text-decoration: none;
}

.NoSelectionOrHover .rtSelected .rtIn, .NoSelectionOrHover .rtHover .rtIn {
    background: none !important;
    border: none !important;
    padding-left: 3px !important;
    color: #000000 !important;
}

#tabs div.PageSection h1.sptabs {
    border-bottom-width: 0;
}

#tabs div.PageSection div.content {
    border-top: 0;
}

/* ----------- Hides buttons on checkbox treeviews ----------- */

.rgrdUsers div.RadTreeView .rtTop, .rgrdUsers div.RadTreeView .rtMid, .rgrdUsers div.RadTreeView .rtBot {
    padding: 0;
}

.LinkNoUnderline a, .LinkNoUnderline a:hover, .LinkNoUnderline {
    text-decoration: none;
    border-color: #134371; /* #515456; */
    color: #134371; /* #515456; */
}

/* ----------- Landing Page : Add Widgets ----------- */

.landingPage {
    position: relative;
}

.BigSideLanding {
    position: relative;
}

.SpecialProjectWidgetItem div {
    float: left;
}

.SpecialProjectWidgetItem {
    clear: left;
    padding-top: 8px;
    position: relative;
}

    .SpecialProjectWidgetItem .hidden {
        position: absolute;
        top: 30px;
        left: 20px;
        background: #56595c;
        color: white;
        padding: 8px;
        z-index: 99999;
        width: 240px;
    }

    .SpecialProjectWidgetItem .item {
        clear: both;
    }

    .SpecialProjectWidgetItem label {
        font-weight: bold;
    }

.SpecialProjectWidgetSearch {
    padding: 8px 0 5px 0;
    font-weight: bold;
}

    .SpecialProjectWidgetSearch .actSpecialProjectWidget {
        width: 220px;
        margin-top: 1px;
    }

    .SpecialProjectWidgetSearch input {
        float: left;
    }

    .SpecialProjectWidgetSearch label {
        display: block;
    }

    .SpecialProjectWidgetSearch input {
        float: right;
    }

    .SpecialProjectWidgetSearch RadComboBox {
        margin-top: 1px;
    }

.SpecialProjectErrorMessage {
    clear: both;
    color: maroon;
    display: block;
}

.WidgetTitle {
    color: #56595c;
    font-weight: bold;
}


.rcbItem {
    padding: 2px;
}

.ManageSecurity label {
    width: 100px;
    display: block;
    margin-top: 10px;
    margin-bottom: 4px;
}

.ManageSecurity h2 {
    font-size: 16px;
    font-weight: normal;
    text-decoration: underline;
}

.WidgetLinkContainer {
    width: 220px;
    display: block;
}

    .WidgetLinkContainer a {
        float: left;
    }


/* --------------------------- Contact Search ------------------------------- */

.AgentType_A {
    color: Red;
}

.AgentType_P {
    color: Blue;
}

.AgentType_L {
    color: Green;
}

/* --------------------------- Main Section "mashead" ------------------------------- */

.mainSection {
    position: relative;
    width: 915px;
    padding: 0;
}

    .mainSection h1 {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 20px;
        width: 885px;
        background: url(../images/header/h1-bg.png) repeat top left;
        color: White;
        padding: 15px;
        font-size: 20px;
    }

.h1Details {
    padding-left: 10px;
    color: #FFCC66;
}

.mainSection h1.nobg {
    background: none;
}



.gridFull {
    width: 913px !important;
    border-color: #3E2B0B !important;
}

    .gridFull .GridHeader_Gray, .gridFull .GridFilterRow_Gray, .gridFull .GridCommandRow_Gray, .gridFull .GridPager_Gray {
        background: #b5d5ff !important; /* color for background of secondary sections */
        border-color: #a2cbff !important;
        color: #3e2b0b;
    }

        .gridFull .GridCommandRow_Gray table tr td a {
            color: #3e2b0b !important;
            border-color: #a2cbff !important;
        }

    .gridFull .GridRow_Gray {
        background-color: White !important;
    }

    .gridFull .GridAltRow_Gray {
        background-color: #edf5ff !important; /* Color for alt rows */
    }

        .gridFull .GridRow_Gray td, .gridFull .GridAltRow_Gray td {
            border-width: 0;
        }

    .gridFull .GridCommandRow_Gray td, .gridFull .GridCommandRow_Gray table, .gridFull .GridPager_Gray, .gridFull .GridPager_Gray td {
        border-bottom-width: 0;
        border-color: #a2cbff !important;
    }

    .gridFull .GridFilterRow_Gray td {
        border-color: #a2cbff !important;
    }



/* ------------------------------------------------------------------- */

.txtSearch {
    height: 13px;
    color: #124B7C;
    padding: 1px;
    float: right;
    width: 145px;
    font-size: 13px;
    border: solid 1px #124B7C;
}

a.aSearch {
    border-bottom: 0;
    float: right;
    display: block;
    float: right;
    display: -moz-inline-stack;
}

    a.aSearch img {
        display: block;
    }

.lblSearch {
    float: right;
    color: #124B7C;
    font-size: 13px;
    display: block;
    margin: 2px 5px 0 0;
}


.divHeaderContentRightMaster ul {
    font-size: 13px;
}

    .divHeaderContentRightMaster ul li a {
        color: #124B7C;
        border-color: #124B7C;
    }

/* ------------------------------------------ Products Grid ------------------------------------------ */
.productListMainDetails {
    padding: 4px 0;
}

.productListFormNumber {
    display: block;
}

.productListMainDetails .description {
    font-weight: bold;
    padding: 4px 0 4px 0;
    display: block;
}

.productListMainDetails .longDescription {
    color: #666666;
    padding: 0 0 4px 0;
    display: block;
    max-width: 465px;
    overflow: hidden;
}



/*
.productListDescription {font-weight: bold; display: inline-block;  z-index: 10; padding: 3px 0 3px 0; position: relative;}

.productListLongDescription {display: block;position: absolute; display: none; padding: 5px; 
	background: white; border: solid 1px #666666; width: 350px; margin-top: -1px; z-index: 5;}
	
.productListDescription:hover {border-left: solid 1px #666666; border-top: solid 1px #666666; 
	border-right: solid 1px #666666; background: white; z-index: 20; padding: 3px;}
	
.productListDescription:hover + .productListLongDescription {display: block !important; z-index: 15;}

.productListLongDescription:hover {display: block !important; z-index: 15;}

.productListLongDescription:hover + .productListDescription {border-left: solid 1px #666666; border-top: solid 1px #666666; 
	border-right: solid 1px #666666; background: white; z-index: 20; padding: 2px;}
*/

.productListInventoryType {
    font-style: italic;
    display: block;
}
.headerDescription {
    font-weight: bold;
}

.headerInventoryType {
    font-style: italic;
}


a.HideAdvancedSearch,
a.ShowAdvancedSearch {
    background: #999999 center right no-repeat;
    padding-right: 13px;
}

a.HideAdvancedSearch {
    background-image: url(../images/arrowUp.gif);
}

a.ShowAdvancedSearch {
    background-image: url(../images/arrowDown.gif);
}

/* rad combo boxes */

.RadComboBox table tr td.rcbInputCell, .RadComboBox .rcbInputCell .rcbInput {
    padding-left: 0;
}

/* ---------- Blue Buttons ---------- 
a.buttonAction,
.RadGrid_Default .rgMasterTable tr a.buttonAction
 {height: 16px; line-height:15px; text-align: center; font-weight: bold; font-size: 11px;
			border: solid 1px #ED1C24; background: #AA0A1C; display: block; float: left; color: white; margin: 3px 3px 0 0; padding:0 2px;}

a.buttonAction:hover,
.RadGrid_Default .rgMasterTable tr a.buttonAction:hover {background-color: #ED1C24;}

a.HideAdvancedSearch,
a.ShowAdvancedSearch {background: #AA0A1C center right no-repeat; padding-right: 13px;}
a.HideAdvancedSearch {background-image: url(../images/arrowUp.gif);}
a.ShowAdvancedSearch {background-image: url(../images/arrowDown.gif);}
*/

.radLoadingPanel {
    background: url(../images/loading.gif) center center no-repeat;
}


.noPad {
    padding: 0 !important;
}

.noMarg {
    margin: 0 !important;
}

.messageErrorLite {
    color: #CC0000;
    display: inline-block;
}

.messageError,
.messageWarn,
.messageInfo {
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    display: inline-block;
    font-weight: bold;
}

.messageError {
    color: #ff0000;
    background-color: #ffd0d0;
    border-color: #ff9999;
}

.messageWarn {
    color: #666666;
    background-color: #B3C4B5;
    border-color: #B3C4B5;
}

ul#Announcements {
    border-color: #CCCCCC;
    border-width: 0 1px 0 1px;
    border-style: solid;
}

    ul#Announcements li {
        padding: 15px;
        border-bottom: solid 1px #cccccc;
    }


#divShoppingCartHeader {
    position: relative;
}

.divCommandBar {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 15px;
    width: 622px;
    text-align: right;
}


/* -- Fix for Shopping Cart Arrow Column -- */

.RadGrid_Default .rgMasterTable td.rgGroupCol,
.RadGrid_Default .rgMasterTable td.rgExpandCol {
    border-width: 0 !important;
    background-color: Transparent !important;
}


.fItem {
    display: block;
}

.messagesWarning {
    border: solid 1px #ffde00;
    background-color: #fff0ab;
    padding: 8px 8px 0 8px;
    color: #cab000;
    margin-bottom: 15px;
    font-weight: bold;
}

    .messagesWarning span, .messagesWarning li {
        margin-bottom: 8px;
        display: block;
    }

.WidgetLinkContainer {
    position: relative;
}

    .WidgetLinkContainer #tooltip,
    #divOrderTemplates div.OrderName #tooltip {
        float: left;
        clear: left;
        position: absolute;
        margin-top: 20px;
        margin-left: 5px;
        z-index: 999999;
        padding: 5px;
        border: solid 1px #ffde00;
        background: #fff0ab;
        color: #666666;
    }

#divOrderTemplates div.OrderName #tooltip {
    margin-top: 3px;
}

#divOrderTemplates div.OrderName {
    position: relative;
}

/* -- ul.MiniShoppingCartWidget li div a div#tooltip div.inner -- */

    ul.MiniShoppingCartWidget li #tooltip {
        position: absolute;
        z-index: 3;
        margin: 8px 0 0 12px;
    }

        ul.MiniShoppingCartWidget li #tooltip .inner {
            position: relative;
            margin: 0;
            z-index: 999999999;
            padding: 5px;
            border: solid 1px #ffde00;
            background: #fff0ab;
            color: #666666;
        }

/* ------------------------------- Product Details --------------------------------- */
.divKitBuild {
    padding: 12px 15px 20px 10px;
    z-index: 999999;
    min-height: 50px !important;
}

    .divKitBuild ul {
        padding-left: 15px;
    }

        .divKitBuild ul li {
            list-style-type: square;
            list-style-position: outside;
            padding-top: 3px;
        }

table.rtWrapper,
table.rtWrapper .rtWrapperContent {
    height: auto !important;
}
/* .RadToolTip {z-index: 999999; position: absolute;} */


/* -------------------------------- Form Items ---------------------------------------- */
.fItem {
    display: block;
    margin-bottom: 5px;
    clear: both;
}

    .fItem:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

* html .fItem {
    height: 1%;
}

    .fItem .label {
        float: left;
        width: 120px;
        padding-right: 5px;
    }
    .fItem .labelCrossOver {
        float: left;
        width: 90px;
        padding-right: 2px;
    }
    .fItem .input {
        float: left;
    }

.ShippingInformation .fItem .label {
    padding-right: 0;
}

hr {
    display: block;
    clear: both;
}


/* ------------------------------------------ Tooltips ------------------------------------------- */
.tooltip {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    display: none;
    padding: 5px;
    background: #FFCC66;
    color: #666666;
    border: solid 1px #FFC050;
}


/* --------------------------------------- Excel Files ------------------------------------------- */
.excel {
    display: inline-block;
    background: url(../images/excel.png) no-repeat left center;
    padding-left: 20px;
    height: 18px;
    cursor: pointer;
    line-height: 18px;
    vertical-align: middle;
}


/* ------------------------------------ Mini Shopping Cart --------------------------------------- */

#miniShoppingCartContent .TopCommandBar .errorMessage div {
    padding-top: 7px;
}

/* */

.NormalSearchPanel #CommandBar div {
    float: left;
}


/*
.MiniShoppingCartWidget li {z-index: 5;}
.MiniShoppingCartWidget .divTooltip {z-index: 7;}
*/
.MiniShoppingCartWidget .divTooltip div {
    z-index: 9;
}


.contentGrid .GridInContent {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.contentGrid {
    padding: 0 !important;
}


#quickAdd input {
    margin-top: 0;
}

.CampaignListItem {
    font-weight: bold;
    font-size: 14px;
}
/*Custom loading panel*/

.loadingpaneloverlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(255,255,255,0.8) url('img/loader.gif') center no-repeat;
}

body.loading {
    overflow: hidden;
}

body.loading .loadingpaneloverlay {
    display: block;
}