@charset "UTF-8";

ul li {
    /*background: transparent url(/portal/images/Default/bullet_arrow.gif) 0 .40em
        no-repeat;*/
}

a {
    color: #3a75c4;
}

    a:visited {
        color: #3a75c4;
    }

    a:hover {
        color: #5bbf21;
    }

.module-header h3 {
    color: #3a75c4;
}

/* --- Headers --- */
h1 {
    color: #3a75c4;
}

    h1 a {
        color: #3a75c4;
    }

h2 {
    color: #5bbf21;
}

    h2 a, h2 a:visited {
        color: #5bbf21;
    }

/*h2.icon-check {
    background-image: url("/portal/images/Default/icon-check-med.gif");
}*/

/*h2.icon-plus {
    background-image: url("/portal/images/Default/icon-plus.gif");
}*/

h3 {
    color: #3a75c4;
}

    h3 a, h3 a:visited, h3 a:link, h3 a:active {
        color: #3a75c4;
    }

/*h3.icon-check {
    background-image: url("/portal/images/Default/icon-check-med.gif");
}*/

h4 {
    color: #333;
}

    h4 a {
        color: #333;
    }

h5 {
    color: #3a75c4;
}

/* --- Buttons --- */

/* --- Begin ASP.NET HyperLink-friendly styles for making buttons --- */
/*span.button {
    color: #fff;
}

span.button a:visited {
    color: #fff;
}

span.button a:hover {
    color: #cce226;
}

span.button a {
    color: #fff;
}*/

span.primary {
    background: transparent url(/portal/images/RIC1/rightCap_sm_primary.gif) right top no-repeat;
}

    span.primary a {
        background: transparent url(/portal/images/RIC1/leftCap_sm_primary.gif) left top no-repeat;
    }

span.secondary {
    background: transparent url(/portal/images/RIC1/rightCap_sm_secondary.gif) right top no-repeat;
}

    span.secondary a {
        background: transparent url(/portal/images/RIC1/leftCap_sm_secondary.gif) left top no-repeat;
    }
/* --- End ASP.NET HyperLink-friendly styles for making buttons --- */

/* ---- Small Button Styles --- */
a.buttonSm {
    background: transparent url(/portal/images/RIC1/rightCap_smaller_primary.gif) right top no-repeat;
}

    /*a.buttonSm:visited {
    color: #fff;
}

a.buttonSm:hover {
    color: #cce226;
}*/

    a.buttonSm span {
        background: transparent url(/portal/images/RIC1/leftCap_smaller_primary.gif) left top no-repeat;
    }

/* --- Begin ASP.NET HyperLink-friendly styles for making small buttons --- */
span.buttonSm {
    background: transparent url(/portal/images/RIC1/rightCap_smaller_primary.gif) right top no-repeat;
}

    /*span.buttonSm a:visited {
    color: #fff;
}

span.buttonSm a:hover {
    color: #cce226;
}*/

    span.buttonSm a,
    span.buttonSm input[type=submit],
    span.buttonSm input[type=button] {
        background: transparent url(/portal/images/RIC1/leftCap_smaller_primary.gif) left top no-repeat;
    }

span.buttonSmSecondary {
    background: transparent url(/portal/images/RIC1/rightCap_smaller_secondary.gif) right top no-repeat;
}

    /*span.buttonSmSecondary a:visited {
    color: #fff;
}

span.buttonSmSecondary a:hover {
    color: #cce226;
}*/

    span.buttonSmSecondary a,
    span.buttonSmSecondary input[type=submit],
    span.buttonSmSecondary input[type=button] {
        background: transparent url(/portal/images/RIC1/leftCap_smaller_secondary.gif) left top no-repeat;
    }
/* --- End ASP.NET HyperLink-friendly styles for making small buttons --- */

/* overrides/enhancements for Bootstrap buttons */

.btn-primary {
    background-color: #5bbf21;
    border-color: #346f12;
}

.btn-secondary {
    background-color: #3a75c4;
    border-color: #274d80;
}

.btn-primary:hover {
    background-color: #346f12 !important;
    border-color: #346f12 !important;
}

.btn-secondary:hover {
    background-color: #274d80 !important;
    border-color: #274d80 !important;
}


/* ------- Header for Gradient Green Skin ------- */
.primary-header .module-header h3 {
    color: #5bbf21;
}

/* ------- Header for Gradient Secondary Skin ------- */
.secondary-header .module-header h3 {
    color: #3a75c4;
}

#utility-nav {
    color: #fff;
}

    #utility-nav a {
        color: #fff;
    }

        #utility-nav a:link, #utility-nav a:visited, #utility-nav a:active {
            color: #fff;
        }

        #utility-nav a:hover {
            color: #cce226;
        }

        #utility-nav a.button {
            color: #cce226;
        }

            #utility-nav a.button:hover {
                color: #cce226;
            }

table.calendar td.selecteddate {
    background-color: #5bbf21 !important;
}

table.calendar td.today {
    border: 1px solid #3a75c4 !important;
}

/* Selection colours (easy to forget) */

::selection {
    background: rgb(208,208,208);
}

::-moz-selection {
    background: rgb(208,208,208);
}

img::selection {
    background: transparent;
}

img::-moz-selection {
    background: transparent;
}

body header {
    -webkit-tap-highlight-color: rgb(208,208,208);
}


    /*		Default Layout: 992px. 
        Gutters: 24px.
        Outer margins: 48px.
        Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

    /*body {
    background:url(/portal/images/Default/bg_04.png) 50% 0 repeat-y;
}*/
body header {
    background-color: rgb(232,232,232);
    color: rgb(60,60,60);
    background: url(/portal/images/RIC1/header.png) 50% -450px no-repeat;
}

body header.login {
    background: url(/portal/images/Default/header.png) 50% -450px no-repeat;
}

/*h3.icon-check {
    background-image: url("/portal/images/Default/icon-check-med.gif");
}*/

.menu menuitem a {
    color: #3a75c4;
}

/*  Begin RIC1 custom styles */

.primarycolor {
    color: #5bbf21;
}

.secondarycolor {
    color: #3a75c4;
}

/* End RIC1 custom styles */

/*.order-module .overlay-image {
    background-image: url(/portal/images/Default/icon-check-basket.png);
}*/

.category-label {
    color: #5bbf21;
}

    .category-label a:visited {
        color: #5bbf21;
    }

/*		Tablet Layout: 768px.
        Gutters: 24px.
        Outer margins: 28px.
        Inherits styles from: RIC1 Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    body {
        background: url(/portal/images/RIC1/bg_03.png) 50% 0 repeat-y;
    }

    body header {
        background: url(/portal/images/RIC1/header.png) 50% -300px no-repeat;
    }

    body header.login {
        background: url(/portal/images/Default/header.png) 50% -300px no-repeat;
    }
}
/* end medium width directive */


/*		Mobile Layout: 320px.
        Gutters: 24px.
        Outer margins: 34px.
        Inherits styles from: RIC1 Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 479px) {

    body {
        background: url(/portal/images/RIC1/bg_01.png) 50% 0 repeat-y;
    }

        body header {
            background: url(/portal/images/RIC1/header.png) 50% 0 no-repeat;
        }

            body header.login {
                background: url(/portal/images/Default/header.png) 50% 0 no-repeat;
            }
    #utility-nav .container-b input {
        margin-left: 60px;
        width: 100px;
    }
}
/* end narrow width directive */

/*		Wide Mobile Layout: 480px.
        Gutters: 24px.
        Outer margins: 22px.
        Inherits styles from: RIC1 Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {

    body {
        background: url(/portal/images/RIC1/bg_02.png) 50% 0 repeat-y;
    }

    body header {
        background: url(/portal/images/RIC1/header.png) 50% -150px no-repeat;
    }

    body header.login {
        background: url(/portal/images/Default/header.png) 50% -150px no-repeat;
    }

}
/* end wide moblie width directive */

@media only print {
    body header {
        background: url(/portal/images/RIC1/header.png) 50% -450px no-repeat !important;
    }
    /*  This style shifts the header grapic to the right slightly to avoid clipping logo elements 
        Apply a similar adjustment to other themes where the logo elements encroach too far to the left margin.
    */
    body.packing-list header {
        background: url(/portal/images/RIC1/header.png) 46% -450px no-repeat !important;
    }
}