html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 6%;
    font-family: 'Lato','Open Sans', 'Arial Narrow', Arial, sans-serif;
    font-size: 16px;
}



.row {
    margin: 0;
}

.featurette-divider {
    margin: 1em 0px 1em 0px;
}

.dropdown-header {
    padding: 3px 10px;
}

div.caption > p, div.caption > h4 {
    padding-left: 0px !important;
}

.navbar {
    border-radius: 0px;
    padding-left: 7px;
    margin-bottom: 0;
}

.row.panel.panel-default.minboxheight, .panel.panel-default.minboxheight, .minboxheight {
    min-height: 240px;
}

.panel-default {
    /*border-color: #FAAB00;*/
    border-color: transparent;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(250,171,0,1);
    -moz-box-shadow: 0px 1px 5px 0px rgba(250,171,0,1);
    box-shadow: 0px 1px 5px 0px rgba(250,171,0,1);
    padding: 8px;
}

/*#mainnavigation { height: 56px; padding-top: 8px; }*/

div#content {
    margin-top: 1em;
}

    div#content > div.controls {
        margin-top: 1em;
    }

.nav {
    font-size: 12px !important;
    text-align: left;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    color: #eee;
}

div.form-group {
    padding: 0px 4px 4px 4px;
}

.navbar-brand {
    height: auto;
    padding: 0;
}

.site-notification {
    display: none;
    position: fixed;
    z-index: 1000;
}

.row-first {
    margin: 0;
}

.panel {
    border-radius: 0;
}

.panel-default.wide {
    padding: 16px 8px;
}

.form-group.searchButtons .btn-primary, .item-controls .btn-primary, table.table-striped .btn-primary {
    font-size: 12px;
}

.panel-default > .panel-heading {
    background-image: none;
    background-repeat: no-repeat;
}

.pagerwrapper {
    margin-bottom: 48px;
}

.footer-row {
    width: 100%;
    color: #333;
    position: absolute;
    bottom: 0;
    padding: 6px 0 16px 0;
}

.row-footer-last:last-of-type > h4 {
    margin-top: -12px;
}

/*.row-footer-last {
    border-top: #FFF 1px solid;
}*/

.form-control {
    font-size: 16px;
    padding: 5px 12px;
}

.controls.well {
    padding: 1em;
    margin-top: 1em;
}

.form-group > span.alert.alert-danger, .form-group > .controls > span.alert.alert-danger {
    padding: 4px;
}

.form-group {
    margin-bottom: 0;
}

.control-label {
    font-weight: 700;
}

.thumbnail {
    border: 0;
    max-width: 122px;
    max-height: 162px;
    margin: 1rem .25rem;
}

.extLink {
    float: right;
    visibility: hidden;
}

.scrollable-mini-container {
    max-height: 250px;
    overflow: scroll;
    overflow-style: scrollbar;
    overflow-x: hidden;
}

input.form-control.short, select.form-control.short {
    width: 35%;
    text-align: right;
    float: right;
}

input.form-control.medium {
    width: 55%;
}

input.form-control.small {
    width: 6rem;
}

.topmargin {
    margin-top: 2em;
}
/* for report page buttons */

/* Color palette generated from #16427F, corporate EA Blue
http://paletton.com/#uid=33E0u0ksZoejOv1oXsuvLjTFleJ
*/
.actionAdd {
    color: #001A68;
}

.actionCancel {
    color: #9A4A00;
}

.actionConfirm {
    color: #001A68;
}

.actionReset {
    color: #FA7800;
}

.actionBack {
    color: #9A4A00;
}

.actionNext {
    color: #001A68;
}

.active {
    color: #002AA9;
}

.complete {
    color: #A2CEE2;
}

.default {
    color: gray;
}

.green {
    color: #099D4C;
}

.red, .redx {
    color: #E6232B;
}

.yellow {
    color: #FFCE2F;
}

.orange {
    color: #FA7800;
}

.white {
    color: white;
}

.admin-orange {
    color: #FA7800;
}

div.alert p {
    margin-bottom: 1em;
}

/*Basic Colours
-----------------------
Sand Yellow (9183C) #F8F1E1
Dawn Pink (9341C) #F5F2F8
Sky Blue (9400C) #EEF8FD
Field Grey (9103C) #EBEAE4

Complementary Colours
-----------------------
Turquoise (3125C) #009CB1
Light Blue (297C) #A2CEE2
Blue (295C) #16427F
Dark Yellow (7405C) #FFCE2F
Green (362C) #099D4C
Light Green (584C) #BBD736
Red (1795C) #E6232B
Orange (158C) #F56C21
Violet (226C) #DC3A76
Purple *258C) #804090*/

/* for Versioned Product preview */
#previewoverlay {
    display: none;
    width: 100%;
    height: 225px;
    padding: 3em;
    background-color: #fff;
    border: solid 1px #000;
    filter: alpha(opacity=10);
    -moz-opacity: 0.1;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    z-index: 10000;
}

#progressBackgroundFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=30);
    opacity: 0.1;
    z-index: 1000;
}

#processMessage {
    position: fixed;
    top: 40%;
    left: 42%;
    padding: 10px;
    width: 285px;
    z-index: 1001;
    background-color: #fff;
    border: solid 1px #000;
}

#previewImg {
    width: 375px;
}

.disabled.btn, [disabled].btn, fieldset[disabled] .btn {
    opacity: .3;
}

span.resultLabel {
    font-size: 14px;
    font-weight: 500;
    color: #001A68;
    line-height: 1.4;
    display: block;
}

h4 {
    color: #001A68;
    font-size: 20px;
}

span.resultLabel-sm {
    font-size: 11px;
    font-weight: 700;
    color: #555;
    text-transform: uppercase;
}

span.resultLabelLit {
    font-size: 18px;
    font-weight: 700;
    color: #555;
}

.row-no-pad {
    padding: 3em 0 0 0;
}

.col-no-pad {
    padding: 0;
}

.btn-toolbar {
    padding: 0 1px 8px 1px;
}

    .btn-toolbar .dropdown-toggle {
        padding: 10px 12px;
        font-size: 16px;
    }

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

#cbMainBrands {
    margin-right: 4px;
}

sup {
    font-family: 'Droid Sans', Arial;
}

.productDetails {
    font-size: 18px;
    font-weight: 500;
}

.noResultsFound {
    padding: 2em;
}

span.iconInText {
    border-bottom: 1px dotted #16427F;
    display: inline-block;
    color: #16427F;
}

div.panel-collapse > div.panel-body {
    line-height: 1.8em;
}

.tooltip.right .tooltip-inner {
    background-color: #FFF;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #FFF;
}

/*product search paging*/
#MainContent_SearchPager td {
    padding: 0 5px 5px 5px;
}

    #MainContent_SearchPager td a[disabled] {
        text-decoration: none;
        font-weight: bold;
        color: black;
    }

.grid-paging td {
    padding: 0 5px 5px 5px;
}

div.videoFrame {
    width: 680px;
}

.item-controls {
    padding: .5em .25em;
}

.item-control {
    padding: .25em;
}

#mNotification {
    top: 25%;
}

.searchDetails {
    font-weight: 700;
    padding: .5em;
}

.pdfavailable {
    margin-left: 2em;
}

.pdflabel.ea-blue {
    padding-left: .5em;
    font-size: 18px;
    font-weight: 700;
}

.goToCart {
    float: right;
}

.logoShim {
    margin-top: 4.5em;
}

.liMenuStub {
    width: 10em;
}

#mainnav.nav > li > a {
    padding: .5em 1em;
    font-size: 14px;
}

#mainnav.nav li > span.badge {
}

.cartContainer {
    /*margin: 10px 0;
    float: right;*/
}

#toast-container {
    top: 78px;
}

.row.con-instruction {
    /*margin-top: 140px;*/
}

.navbar-collapse {
    padding-top: .25em;
}

.media p {
    font-size: 16px;
    padding-left: 1em;
}

.oos-blue {
    color: #16427F;
    font-weight: 500;
}

.cartColumnLeft {
    text-align: left;
}

.cartColumnRight {
    text-align: right;
}

.cartColumnCenter {
    text-align: center;
}

.subtotal {
    display: block;
    min-width: 5em;
}

.navbar-collapse.collapse.in {
    display: block !important;
}

@media all and (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #FFF;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        color: #efefef;
        text-decoration: underline;
    }

    .nav#mainnav > li > a {
        font-size: 14px;
        padding: .5em 2em;
    }

    .cartContainer {
        margin: 10px 30px;
        float: none;
    }

    #toast-container {
        top: 78px;
    }
}

@media all and (max-height: 920px) {
    .scrollable-menu {
        height: auto;
        max-height: 510px;
        overflow-x: hidden;
    }
}

#navSearch {
    margin: .75em 1em .5em 1em;
}

.navbar-nav {
    padding-top: .5em;
}

.nav-tabs > li.previousstep > a, .nav-tabs > li.previousstep > a:hover, .nav-tabs > li.previousstep > a:focus {
    color: #099D4C;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    cursor: default;
}

.nav-tabs > li.nextstep > a, .nav-tabs > li.nextstep > a:hover, .nav-tabs > li.nextstep > a:focus {
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    cursor: default;
}

.nav-tabs > li.activestep > a, .nav-tabs > li.activestep > a:hover, .nav-tabs > li.activestep > a:focus {
    color: #4800ff;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    cursor: default;
}

#privacycontent {
    margin-bottom: 4em;
}

    #privacycontent h4, #privacycontent h4.italics {
        color: #16427F;
        margin-top: 1.25em;
    }

        #privacycontent h4.italics {
            font-style: italic;
        }

span.emphasis {
    font-weight: 700;
}

#privacycontent > ol > li > ol {
    list-style-type: lower-alpha;
}

a.footerlink, a.footerlink:hover {
    color: #0029a9;
}

div.copyright > p {
    margin-left: -6em;
}

.totalInformation {
    margin-bottom: .5em;
}

.subTotalInformation, .totalInformation {
    font-weight: 600;
}

    .subTotalInformation .symbol, .totalInformation .symbol {
        color: #666;
    }

.priceInformation {
    margin-bottom: .5em;
}

.currencyestimate {
    font-size: .8em;
}

.price {
    color: #333;
}

.symbol {
    font-weight: 700;
    color: #999;
}

.invoice-rbl label {
    margin-right: 5px;
}

/* KOMATSU */

/* Blue #0029a9 */

.navbar-inverse {
    background-color: #F8F8F8;
    border-color: transparent;
    padding: 12px 0;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(250,171,0,1);
    -moz-box-shadow: 0px 1px 5px 0px rgba(250,171,0,1);
    box-shadow: 0px 1px 5px 0px rgba(250,171,0,1);
}

.footer-row {
    background-color: #F8F8F8;
    color: #0029a9;
    font-weight: 700;
    -webkit-box-shadow: 0px -1px 5px 0px rgba(250,171,0,1);
    -moz-box-shadow: 0px -1px 5px 0px rgba(250,171,0,1);
    box-shadow: 0px -1px 5px 0px rgba(250,171,0,1);
}

.brand-first, .brand-blue {
    color: #0029a9;
}

.brand-second, .brand-yellow {
    color: #FAAB00;
}

hr.brand-second {
    border-color: #FAAB00;
    opacity: .9;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(250,171,0,1);
    -moz-box-shadow: 0px 1px 5px 0px rgba(250,171,0,1);
    box-shadow: 0px 1px 5px 0px rgba(250,171,0,1);
}

button.brand-first.btn.btn-info {
    background-color: #0029a9;
}

.row-footer-last {
    background-color: #F8F8F8;
    border-color: none;
}

.footer-first-col {
    margin-left: 62px;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a:active,
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a:visited {
    color: #0029a9;
    font-weight: 600;
}

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

a.topofpagearrow {
    position: relative;
    display: inline;
    cursor: pointer;
    padding: 0 32px 18px 0;
    background-image: url("/Images/chevron-up-blue.png");
    background-repeat: no-repeat;
    background-position: left 5px;
    text-transform: capitalize;
    text-decoration: none;
}

span.goToArrow {
    position: relative;
    cursor: pointer;
    padding: 0 32px 18px 0;
    background-image: url("/Images/chevron-down-blue.png");
    background-repeat: no-repeat;
    background-position: left 5px;
    text-transform: capitalize;
    text-decoration: none;
}

div.footer-row ul {
    list-style-type: none;
}

    div.footer-row ul li {
        margin-left: -36px;
        line-height: 1.4;
    }

span.current-tier {
    font-size: 24px;
    font-weight: 900;
    color: #FAAB00;
    text-transform: uppercase;
    opacity: .4;
}

.well {
    min-height: 260px;
    font-size: 14px;
    padding: 8px 36px 0px 36px;
    margin: 20px 0;
    background-color: #f8f8f8;
    border: 1px solid #FAAB00;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
}

div.well > h4 {
    font-family: "Open Sans", Arial, sans-serif;
}

div.main.container {
    padding: 16px 0 32px 0;
    margin-bottom: 16rem;
}

.modal-xlg {
    width: 1100px;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.visited {
    color: #ffffff;
    background-color: #001A68;
    border-color: #001A68;
    font-family: "Open Sans", "Arial Narrow", Arial, sans-serif;
}

.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.visited {
    color: #ffffff;
    background-color: #134DFB;
    border-color: #002AA9;
    font-family: "Open Sans", "Arial Narrow", Arial, sans-serif;
}

    .btn-primary:hover, .btn-info:hover {
        background-color: #0029a9;
    }

.row.mini-hero {
    text-align: center;
    min-height: 144px;
}

    .row.mini-hero .btn-lg {
        min-width: 200px;
    }

    .row.mini-hero .col-md-6 h3 {
        padding-left: 24px;
    }

#shoppingCartBadge {
    background-color: #FAAB00;
    position: relative;
    top: -12px;
    left: -12px;
    font-size: 16px;
    opacity: .5;
}

.alert-info {
    color: #333;
    background-color: #f8f8f8;
    border: 1px solid #FAAB00;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
}

.row.searchDetails.alert.alert-info {
    margin: 16px 32px 32px 32px;
    padding: 16px;
}

#LoginPanel .panel-default, #ForgotPasswordPanel .panel-default {
    padding: 12px;
    margin: 24px;
}

#pnlSearch {
    padding-top: 16px;
}

.form-group.searchButtons {
    text-align: center;
}

a {
    color: #002AA9;
}

    a:hover {
        color: #134DFB;
    }

.btn.btn-primary.cancel {
    display: none;
}

#checkout-buttons-bottom {
    margin: 16px 0 48px 0;
}

div.actioncol {
    padding: 0 1em 1em 1em;
}

.table-bordered > tbody > tr > td:first-child {
    text-align: center;
}

#gvSearchResults > tbody > tr > td:nth-child(3) {
    width: 48rem;
}

#gvSearchResults > tbody > tr > td:nth-child(1) {
    width: 12rem;
}

.panel.panel-default.wide .form-group.searchButtons .btn-primary.btn-large {
    font-size: 16px;    
}

.form-group.searchButtons .btn-primary.btn-large i {
    padding-right: .5rem;  
}

.row-footer-last > ul > li > a {
    font-family:'Open Sans', Arial;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .bs-callout p:last-child {
        margin-bottom: 0;
    }

    .bs-callout code {
        border-radius: 3px;
    }

    .bs-callout + .bs-callout {
        margin-top: -5px;
    }

.bs-callout-default {
    border-left-color: #777;
}

    .bs-callout-default h4 {
        color: #777;
    }

.bs-callout-primary {
    border-left-color: #428bca;
}

    .bs-callout-primary h4 {
        color: #428bca;
    }

.bs-callout-success {
    border-left-color: #5cb85c;
}

    .bs-callout-success h4 {
        color: #5cb85c;
    }

.bs-callout-danger {
    border-left-color: #d9534f;
}

    .bs-callout-danger h4 {
        color: #d9534f;
    }

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

    .bs-callout-warning h4 {
        color: #f0ad4e;
    }

.bs-callout-info {
    border-left-color: #5bc0de;
}

    .bs-callout-info h4 {
        color: #5bc0de;
    }

.landing-bg {
    background-image: url(../Images/LandingHeader_h.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 75rem;
    min-width: 1330px;
    padding-left: 0;
}

    .landing-bg .panel.panel-landing {
        border-radius: 5px;
        border-color: #000;
        border-width: 2px;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,1)
    }
    .landing-bg .panel .panel-heading {
        font-weight: 900;
        font-size: 2.5rem;
        padding: 0;
        text-align: center;
        background: none;
        border: none;
    }
    .landing-bg .panel .panel-body {
        font-weight: bolder;
        font-size: 2rem;
        padding: 0;
        text-align: center;
        background: none;
        border: none;
    }

    .landing-bg .panel .panel-footer {
        background:none;
        padding:0;
        border:none;
    }

    .landing-bg .panel .btn-primary {
        font-weight: 900;
        font-size: 2.5rem;
        padding: 0;
/*        text-align: center;
        align-self: center;
*/        border-radius: 5px;
    }