/* set image max width to 100% */

img {
    max-width: 100%;
}

/**
GENERAL STYLING
**/

body {
    background-color: #ffffff;
    color: #565656;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto;
    margin: 0px;
    padding: 0px;
}
::-moz-selection { /* Code for Firefox */
    color: white;
    background: #382265;
}

::selection {
    color: white;
    background: #382265;
}
input[type="checkbox"] {
    margin-right: 5px;
    margin-left: 5px;
    width: 18px;
    height: 18px;
	 accent-color: #008080;
}

input[type="radio"] {
    margin-right: 5px;
    margin-left: 5px;
    width: 20px;
    height: 20px;
	 accent-color: #008080;
}

.gogGreyBorderTop {
    border-top: 1px solid #ccc;
}

.gogGreyBorderLeft {
    border-left: 1px solid #ccc;
}

.gogGreyBorderBottom {
    border-bottom: 1px solid #ccc;
}

.gogGreyBorder {
    border: 1px solid #ccc;
}

.myGridStyle {
    border: 0.2em solid #0024AE;
}

    .myGridStyle tr {
        color: #ffffff;
    }

    .myGridStyle th {
        background-color: #ffffff;
        color: #0024AE;
        border: 0.1em solid #0024AE;
        font-size: 1.25em;
        padding: 1px;
    }

        .myGridStyle th a {
            color: #AA00ff;
        }

    .myGridStyle td {
        background-color: #ffffff;
        color: #0024AE;
        border: 0.1em solid #0024AE;
        padding: 1px;
        font-size: 1em;
    }

.nbGridStyle {
    border: none;
}

    .nbGridStyle tr {
        color: #ffffff;
    }

    .nbGridStyle th {
        background-color: #ffffff;
        color: #0024AE;
        border: none;
        font-size: 1.25em;
    }

        .nbGridStyle th a {
            color: #AA00ff;
        }

    .nbGridStyle td {
        background-color: #ffffff;
        color: #0024AE;
        border: none;
        font-size: 1em;
    }

.footer {
    text-align: center;
    color: gray;
    margin: 15px;
}

.paging td {
    border: none;
    color: #FF00DD;
    font-size: 1.25em;
}

.paging a:link {
    color: #0000ff;
}

.paging a:visited {
    color: #AA00ff;
}

.hiddentextbox {
    border: none;
    background-color: #ffffff;
    color: #ffffff;
}

.button {
    background-color: #ffffff;
    border: 0.15em solid #0024AE;
    color: #382265;
    text-align: center;
    font-size: 0.9em;
    font-Weight: bold;
    padding: 0.25em 0.25em 0.25em 0.25em;
}

    .button:hover {
        border: 0.15em solid #9ec9f0;
        background: #9ec9f0;
    }

    .button:active {
        background-color: #ffffff;
        color: blue;
    }

.btnWhiteBorder {
    border-color: #f8f9fa;
}

.pager {
    background-color: #ffffff;
    border: 0.15em solid #0024AE;
    color: blue;
    text-align: center;
    font-size: 0.8em;
    font-Weight: bold;
    padding: 0.25em 0.25em 0.25em 0.25em;
}

td.bgForSale {
    background-color: #D8F1E9;
}

td.bgWanted {
    background-color: #d8e0f1;
}

td.bgDraft {
    background-color: #f5f0fd;
}

td.bgPending {
    background-color: #fdf7e1;
}

td.bgApproved {
    background-color: #d4edda;
}

.preview {
    overflow: hidden;
}

.highlight-required {
    color: red;
    font-weight: bold;
}

.redBootstrap {
    color: #dc3545;
}

.red {
    color: #bb0000;
}

.green {
    color: #006801;
}

.green-bold {
    font-weight: bold;
    color: #006801;
}

.yellow {
    color: #8c6d00;
}

.noLineBreak {
    white-space: nowrap;
}

.wrap {
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}

.minWidth100 {
    min-width: 100px;
}

.minWidth200 {
    min-width: 200px;
}

.minWidth250 {
    min-width: 250px;
}

.minWidth300 {
    min-width: 300px;
}

.minWidth400 {
    min-width: 400px;
}
.maxWidth75 {
    max-width: 75px;
}
.maxWidth80 {
    max-width: 80px;
}
.maxWidth100 {
    max-width: 100px;
}
.maxWidth120 {
    max-width: 120px;
}
.maxWidth150 {
    max-width: 150px;
}
.maxWidth160 {
    max-width: 160px;
}
.maxWidth170 {
    max-width: 170px;
}
.maxWidth180 {
    max-width: 180px;
}
.maxWidth190 {
    max-width: 190px;
}
.maxWidth200 {
    max-width: 200px;
}

.maxWidth300 {
    max-width: 300px;
}

.maxWidth400 {
    max-width: 400px;
}

.maxWidth500 {
    max-width: 500px;
}

.maxWidth600 {
    max-width: 600px;
}

.maxWidth700 {
    max-width: 700px;
}

.maxWidth800 {
    max-width: 800px;
}

.maxWidth900 {
    max-width: 900px;
}

.maxWidth1000 {
    max-width: 1000px;
}

.maxWidth1100 {
    max-width: 1130px;
}

.w-10 {
    width: 10% !important;
    ;
}

.w-15 {
    width: 15% !important;
    ;
}

.w-20% {
    width: 20% !important;
    ;
}

.bottomline {
    border-bottom: 1px solid #ccc;
}

.topline {
    border-top: 1px solid #ccc;
}

ul.square li {
    list-style-type: square;
	 margin-left: -20px;
}

.myTableStyle {
    border: 0.2em solid #0024AE;
}

    .myTableStyle tr {
        color: #ffffff;
    }

    .myTableStyle th {
        background-color: #ffffff;
        color: #0024AE;
        border: 0.1em solid #0024AE;
        font-size: 1.25em;
        padding: 1px;
    }

        .myTableStyle th a {
            color: #AA00ff;
        }

    .myTableStyle td {
        background-color: #ffffff;
        color: #0024AE;
        border: 0.1em solid #0024AE;
        padding: 1px;
        font-size: 1em;
    }

.myTableStyle2 {
    border: none;
}

    .myTableStyle2 tr {
        color: #ffffff;
    }

    .myTableStyle2 th {
        background-color: #ffffff;
        color: #0024AE;
        border: 0.1em solid #0024AE;
        font-size: 1.25em;
        padding: 1px;
    }

        .myTableStyle2 th a {
            color: #AA00ff;
        }

    .myTableStyle2 td {
        background-color: #ffffff;
        color: #0024AE;
        border: 0.5px solid #0024AE;
        padding: 1px;
        font-size: 1em;
    }

/*Normal grid table*/
table.grid {
    border: 1px solid #382265;
    max-width: 800px;
}

    table.grid th {
        padding: 3px;
        background-color: #382265;
        color: #fff;
        font-weight: bold;
    }

    table.grid td {
        padding: 3px;
    }

/*main grids*/
table.gridWidePrint {
    border: 0;
    margin-bottom: 20px;
    margin-top:20px;
}

    table.gridWidePrint th {
        font-weight: bold;
        border: 0;
        border-bottom: 2px solid #666;*/
        padding: 3px;
    }

        table.gridWidePrint th a {
            text-decoration: none;
            color: #fff;
        }

    table.gridWidePrint td {
        border: 0;
        vertical-align: top;
    }

    table.gridWidePrint tbody td {
        border: 0;
        border-bottom: 1px solid #ccc;
        padding: 8px;
    }

table.gridWide {
    border: 0;
    margin-bottom: 20px;
}

    table.gridWide th {
        font-weight: bold;
        border: 0;
        /* border-bottom: 2px solid #666;*/
        color: #fff;
        background: #382265;
        padding: 3px;
    }

        table.gridWide th a {
            text-decoration: none;
            color: #fff;
        }

    table.gridWide td {
        border: 0;
        vertical-align: top;
    }

    table.gridWide tbody td {
        border: 0;
        border-bottom: 1px solid #ccc;
        padding: 8px;
    }

    table.gridWide tr.gvPager td {
        border-bottom: 0;
        padding: 10px 10px 5px 0px;
        font-size: 1.1em;
    }

    table.gridWide tr.gvPager a {
        border: 1px solid #ccc;
        padding: 6px 10px 6px 10px;
        background: #eee;
    }

        table.gridWide tr.gvPager a:hover {
            background-color: #fff;
            text-decoration: none;
        }

    table.gridWide tr.gvPager span {
        border: 1px solid #ccc;
        padding: 6px 10px 6px 10px;
        background: #eee;
    }

table.gridWideBorderTop tbody td {
    border: 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 8px;
}
.lvpagercurrent {
    margin:3px;
    border: 1px solid #ccc;
    padding: 6px 10px 6px 10px;
    font-size:1.1em;
    display: inline-block;
}

.lvpager a {
    margin: 3px;
    border: 1px solid #ccc;
    padding: 6px 10px 6px 10px;
    background: #eee;
    font-size: 1.1em;
    display: inline-block;
}

table.gridWideRed {
    border: 0;
    margin-bottom: 20px;
}

    table.gridWideRed th {
        font-weight: bold;
        border: 0;
        /* border-bottom: 2px solid #666;*/
        color: #fff;
        background: #8b0000;
        padding: 3px;
    }

        table.gridWideRed th a {
            text-decoration: none;
            color: #fff;
        }

    table.gridWideRed td {
        border: 0;
        vertical-align: top;
    }

    table.gridWideRed tbody td {
        border: 0;
        border-bottom: 1px solid #ccc;
        padding: 8px;
    }

    table.gridWideRed tr.gvPager td {
        border-bottom: 0;
        padding: 10px 10px 5px 0px;
        font-size: 1.1em;
    }

    table.gridWideRed tr.gvPager a {
        border: 1px solid #ccc;
        padding: 6px 10px 6px 10px;
        background: #eee;
    }

        table.gridWideRed tr.gvPager a:hover {
            background-color: #fff;
            text-decoration: none;
        }

    table.gridWideRed tr.gvPager span {
        border: 1px solid #ccc;
        padding: 6px 10px 6px 10px;
        background: #eee;
    }
.conditions {
    background-color: #e9f1f8;
}


.gvListPagerSpan {
    border: 1px solid #ccc;
    background: #eee;
    border: 1px solid #ccc;
    padding: 10px 10px 5px 10px;
    margin: 0 3px 0 3px;
    font-size: 1.1em;
    display: inline-block;
}

.gvListPager span:nth-child(2) {
    border: 1px solid #ccc;
    background: #eee;
    border: 1px solid #ccc;
    padding: 10px 10px 5px 10px;
    margin: 0 3px 0 3px;
    font-size: 1.1em;
    display: inline-block;
}

.gvListPager a {
    border: 1px solid #ccc;
    background: #eee;
    border: 1px solid #ccc;
    padding: 10px 10px 5px 10px;
    margin: 0 3px 10px 3px;
    font-size: 1.1em;
    display: inline-block;
}

    .gvListPager a.aspNetDisabled {
        color: #565656;
    }

        .gvListPager a.aspNetDisabled:hover {
            background: #eee;
        }

    .gvListPager a:hover {
        background-color: #fff;
        text-decoration: none;
    }

.headerIcon {
    padding: 0 3px 0 3px;
    margin: 0 3px 0 3px;
}

.alt {
    background-color: #eee;
}
/**
STRUCTURE
**/


h1 {
    font-size: 2rem;
    color: #ffffff;
    margin: 0px;
    font-weight: 200;
}

h2 {
    font-size: 2em;
    margin: 30px 0 10px 0;
    padding: 0px;
    font-weight: 200;
}

h3 {
    font-size: 1.5em;
    margin: 20px 0 10px 0;
    padding: 0px;
    font-weight: 200
}

h4 {
    font-size: 1.4em;
    margin: 20px 0 10px 0;
    padding: 0px;
    font-weight: 200
}

h5 {
    font-size: 1.1em;
    margin: 10px 0 5px 0;
    padding: 0px;
    font-weight: 200
}

h6 {
    font-size: 0.8em;
    margin: 10px 0 5px 0;
    padding: 0px;
    font-weight: 200
}
.pageTitle{
	text-align: :left;
	font-size: 1.8em;
    margin: 20px 0 10px 0;
    padding: 0px;
    font-weight: 200
}

.newscontent h1 {
    font-size: 1.8rem;
    color: #565656;
    margin: 5px 0 10px 0;
    padding: 0;
    font-weight: 200;
}

.newscontent h2 {
    font-size: 1.5em;
    color: #565656;
    margin: 5px 0 10px 0;
    padding: 0;
    font-weight: 200;
}

.newscontent h3 {
    font-size: 1.4em;
    color: #565656;
    margin: 5px 0 10px 0;
    padding: 0;
    font-weight: 200
}

.newscontent h4 {
    font-size: 1.2em;
    color: #565656;
    margin: 5px 0 10px 0;
    padding: 0;
    font-weight: 200
}

.newscontent h5 {
    font-size: 1.1em;
    color: #565656;
    margin: 5px 0 10px 0;
    padding: 0;
    font-weight: 200
}

.newscontent h6 {
    font-size: 1em;
    color: #565656;
    margin: 5px 0 10px 0;
    padding: 0;
    font-weight: 200
}

.newscontent img{	
	margin:10px;
}

a:link {
    color: #382265;
    font-weight: bold;
    text-decoration: none;
    outline: none !important;
}

a:hover {
    color: #382265;
    text-decoration: underline;
    outline: none !important;
}

a:visited {
    color: #382265;
    text-decoration: none;
    outline: none !important;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

a.white {
    color: #fff;
    text-decoration: none;
    font-Weight: normal;
}

a.red {
    color: #bb0000;
    text-decoration: none;
}

a.redBootstrap {
    color: #dc3545;
    text-decoration: none;
}

a.plain{
	text-decoration:none;
	font-weight:normal;
}
a.news {
    color: #1f5f39;
    text-decoration: none;
}
.news {
    color: #1f5f39;
}
a.event {
    color: maroon;
    text-decoration: none;
}
.event {
    color: maroon;
}
a.green {
    color: #00c102;
    text-decoration: none;
}

a.greenLogin {
    color: #52994D;
    text-decoration: none;
}

a.basketIcon {
    text-decoration: none;
}

a.btn {
    color: white;
    font-Weight: normal;
}

a.header {
    font-Weight: normal;
}

a.timetable {
    color: gold;
    font-weight: normal;
    text-decoration: none;
}

    a.timetable:hover {
        color: gold;
        text-decoration: underline;
    }

    a.timetable:visited {
        color: gold;
        text-decoration: none;
    }


h3.reducedMargin {
    font-size: 1.2em;
    margin: 3px;
    padding-left: 0px;
    font-weight: bold;
}

.white {
    color: #fff;
    font-Weight: normal;
}

/**
HEADER
**/
.topStrap {
    background-image: url("/gaugeosales/graphics/gos-slice.png");
}

.navStrap {
    background-color: #382265;
}

.bottomStrap {
    background-color: #382265;
    ;
}

.gogColour {
    color: #382265;
}

.gogColourBack {
    background-color: #003054;
}

.gogColourSecondary {
    color: #EB740F;
}

.gogColourBackSecondary {
    background-color: #EB740F;
}

.gogColourHeaderSecondary {
    background-color: #9bd0ca;
    color: #003054;
    font-size: 1.3em;
    padding: 0 5px 0 6px;
    border-radius: 0.25rem;
}

.gogColourHeaderSecondaryTradeNews {
    background-color: #382265;
    color: #EB740F;
    font-size: 1.3em;
    padding: 0 5px 0 6px;
    border-radius: 0.25rem;
}

a.gogColourHeaderSecondaryTradeNews {
    color: #EB740F;
    text-decoration: none;
    font-weight: normal;
}

a.gogColourHeaderSecondary {
    text-decoration: none;
    font-weight: normal;
}


#bannerHeader {
    padding-left: 6px;
    padding-right: 0px;
}

#urgnews {
    position: fixed;
    width: 50%;
    top: 0%;
    left: 25%;
    text-align: center;
    padding: 0px;
    margin: 0px;
    background-color: #ffffff;
    border-color: #484880;
}

#carouselMarkers {
    max-width: 1440px;
    left: 0;
    right: 0;
    margin: auto;
}

.carousel-indicators {
}

ol.carousel-indicators li {
    display: none;
}

.carousel-layout-container {
    min-height: 1.5em;
}

.carousel-layout {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.carousel-overlay {
    position: absolute;
    background-color: rgba(0,0,0,0.65);
    bottom: 35px;
    left: 10px;
    right: 10px;
    z-index: 10;
    padding-top: 5px;
    padding-bottom: 10px;
    color: #fff;
    text-align: left;
}

/**Selection table **/
table.sel_table {
    background-color: #E2E2EA;
}

table.pgrid th {
    background-color: #A7AFED;
    color: #0024AE;
    border: 0.1em solid #0024AE;
}

table.pgrid td {
    background-color: #f0f0f0;
}

input[type="submit"] {
    background-color: #382265;
    border: 0.15em solid #0024AE;
    color: #ffffff;
    text-align: center;
    font-size: 0.9em;
    font-Weight: bold;
    padding: 0.25em 0.25em 0.25em 0.25em;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    "
}

    input[type="submit"] :hover {
        border: solid 0.15em #9ec9f0;
        background: #9ec9f0;
    }

.salesLineTop {
    border-top: 1px solid #ccc;
}

.salesImg {
    max-height: 300px;
}

.previewImg {
    max-height: 100px;
    max-width: 200px;
}

/**Navigation**/
/*link color */

.navbar-nav .nav-link {
    font-weight: normal;
}

.navbar-gog .navbar-nav .nav-link {
    color: #ffffff;
    background-color: #382265;
    font-weight: normal;
}

.navbar-gog .nav-item {
    white-space: nowrap;
}

    /*active or hovered links */
    .navbar-gog .nav-item.active .nav-link,
    .navbar-gog .nav-item .nav-link:focus,
    .navbar-gog .nav-item:hover .nav-link {
        color: #ffffff;
        font-weight: normal;
        text-shadow: none;
    }

a.navbar-brand {
    font-Weight: normal;
}

.navbar-gogdropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

a.navbar-gogdropdown-item {
    font-weight: normal;
    text-decoration: none;
    color: #000;
}

/*collapse login/facebook buttons on small screens*/
a.colMore {
    text-decoration: none;
    font-size: 1.5em;
    display: inline;
    margin-left: 5px;
}

    a.colMore:after {
        font-family: "FontAwesome";
        content: "\f0d8"; /* taken from font-awesome.css */
        color: #fff;
    }

    a.colMore.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\f0d7";
        color: #fff;
    }

.dropdown-menu {
    margin: 0;
}


    .dropdown-menu a:hover {
        background: #eee !important;
    }

a.dropdown-item:visited,
a.dropdown-item:link,
a.dropdown-item:hover,
a.dropdown-item:active {
    color: #000;
    font-weight: normal;
}

.fixedWidth110 {
    width: 110px;
    padding: 0px;
    margin-top: 10px;
}

.fixedWidth60 {
    width: 60px;
    padding: 0px;
    margin-top: 10px;
}

.fixedHeightButton {
    padding: 1x 4px 1px 4px;
    margin-top: 10px;
}

.sectionText {
    max-width: 250px;
    margin: auto;
}

/**Front page images **/
.splashImg {
    top: 40px;
    z-index: 100;
    position: relative;
    border: 0px solid white;
    border-radius: 12px;
    moz-border-radius: 12px;
    khtml-border-radius: 12px;
    webkit-border-radius: 12px;
}

/*Small devices (tablets, 320px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 320px) {
    h1 {
        font-size: 1.8rem;
    }

    body {
        padding-bottom: 440px;
    }
}

/*Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    h1 {
        font-size: 2.2rem;
    }

    body {
        padding-bottom: 350px;
    }
}

/*Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    h1 {
        font-size: 2.5rem;
    }

    body {
        padding-bottom: 330px;
    }
}

/*Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    h1 {
        font-size: 2.8rem;
    }

    body {
        padding-bottom: 300px;
    }
}


/* media queries for overlay text on carousel*/
@media (min-width: 320px) {
    .img-logo-header {
        height: 75px;
        ;
        width: 75px;
        ;
    }

    .home-tile-content > p {
        font-size: 1rem;
        margin-bottom: 2px;
        padding: 0px;
    }

    .home-carousel-content > h3 {
        font-size: 1.8rem;
        margin-bottom: 2px;
        margin-top: 2px;
        margin-left: 10px;
        padding: 0px;
    }

    .home-carousel-content > p {
        font-size: 1.2rem;
        margin-bottom: 2px;
        padding: 0px;
        margin-left: 10px;
    }

    .carousel-control-prev,
    .carousel-control-next {
        height: 60%;
    }

    .carousel-layout {
        font-size: 0.8rem;
    }
}

@media (min-width: 540px) {
    .img-logo-header {
        height: 80px;
        width: 80px;
    }

    .home-tile-content > p {
        font-size: 0.9rem;
        margin-bottom: 5px;
        padding: 0px;
    }

    .home-carousel-content > h3 {
        font-size: 2rem;
        margin-bottom: 5px;
        margin-top: 5px;
        margin-left: 20px;
        padding: 0px;
    }

    .home-carousel-content > p {
        font-size: 1.2rem;
        margin-bottom: 5px;
        padding: 0px;
        margin-left: 20px;
    }

    .carousel-layout {
        font-size: 1rem;
    }
}

@media (min-width:767px) {
    .img-logo-header {
        height: 85px;
        width: 85px;
    }

    .home-tile-content > p {
        font-size: 1rem;
        margin-bottom: 5px;
        padding: 0px;
    }

    .home-carousel-content > h3 {
        font-size: 2.2rem;
        margin-bottom: 5px;
        margin-top: 5px;
        margin-left: 25px;
        padding: 0px;
    }

    .home-carousel-content > p {
        font-size: 1.5rem;
        margin-bottom: 5px;
        padding: 0px;
        margin-left: 25px;
    }

    .carousel-control-prev,
    .carousel-control-next {
        height: 70%;
    }
}


/*Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .img-logo-header {
        height: 90px;
        width: 90px;
    }

    .home-tile {
        height: 177px;
        overflow-y: hidden;
        font-size: 0.9em;
    }

    .home-tile-news {
        max-height: 375px;
        font-size: 0.9em;
    }

    .home-tile-content {
        overflow: hidden;
    }

        .home-tile-content > p {
            font-size: 0.9rem;
            margin-bottom: 5px;
            padding: 0px;
        }

    .home-carousel-content > h3 {
        font-size: 1.9rem;
        margin-bottom: 5px;
        margin-top: 5px;
        padding: 0px;
    }

    .home-carousel-content > p {
        font-size: 1.2rem;
        margin-bottom: 5px;
        padding: 0px;
        margin-left: 25px;
    }

    .carousel-control-prev,
    .carousel-control-next {
        height: 80%;
    }
}

/*Large devices (desktops, 992px and up) */
@media (min-width: 1200px) {
    .home-tile {
        height: 217px;
        overflow-y: hidden;
        font-size: 1em;
    }

    .home-tile-news {
        max-height: 445px;
        font-size: 1em;
    }
}

@media (min-width: 576px) {
    #overlaidText {
        font-size: 1.5rem;
    }
}

@media (min-width: 768px) {
    #overlaidText {
        font-size: 2rem;
    }
}

@media (min-width: 992px) {
    #overlaidText {
        font-size: 2.8rem;
    }
}

@media (min-width: 1200px) {
    #overlaidText {
        font-size: 3.2rem;
    }
}
/*Move the navbar to the left on small screens*/
  @media (max-width: 991px) {
  #navbarNavDropdown {
    margin: 0;
    margin-left: -100px;
  }
}


.caption-below {
    text-align: left;
}

#overlaidText {
    position: absolute;
    bottom: 50px;
    left: 10px;
    color: #fff;
    text-align: left;
    text-shadow: 2px 2px #000;
    font-size: 1.5rem;
}

#imgContainer {
    position: relative;
    text-align: center;
    color: white;
}
/* end of media queries for overlay text on carousel*/

a.new {
    color: #EB740F;
    text-decoration: none;
}

    a.new:hover {
        color: #954909;
    }

.greyLine100 {
    width: 100%;
    border-bottom: 0px;
    border-top: 1px solid #ccc;
}

.darkGreyLine100 {
    width: 100%;
    border-bottom: 0px;
    border-top: 1px solid #8b8b8b;
}

.btn-new {
    color: #fff;
    background-color: #EB740F;
    border-color: #C3600B;
    -webkit-appearance: none !important;
}

    .btn-new:hover {
        color: #fff;
        background-color: #954909;
        border-color: #C3600B;
    }

    .btn-new:focus, .btn-new.focus {
        box-shadow: 0 0 0 .2rem rgba(0,90,90,0.5)
    }

    .btn-new.disabled, .btn-new:disabled {
        color: #fff;
        background-color: #99cccc;
        border-color: #C3600B;
    }

    .btn-new:not(:disabled):not(.disabled):active, .btn-new:not(:disabled):not(.disabled).active, .show > .btn-new.dropdown-toggle {
        color: #fff;
        background-color: #C3600B;
        border-color: #000;
    }

        .btn-new:not(:disabled):not(.disabled):active:focus, .btn-new:not(:disabled):not(.disabled).active:focus, .show > .btn-new.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,90,90,0.5)
        }

.btn-new-sm {
    color: #fff;
    background-color: teal;
    border-color: #C3600B;
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    -webkit-appearance: none !important;
}

    .btn-new-sm:hover {
        color: #fff;
        background-color: #004d4d;
        border-color: #C3600B;
    }

    .btn-new-sm:focus, .btn-new.focus {
        box-shadow: 0 0 0 .2rem rgba(0,90,90,0.5)
    }

    .btn-new-sm.disabled, .btn-new:disabled {
        color: #fff;
        background-color: #99cccc;
        border-color: #C3600B;
    }

    .btn-new-sm:not(:disabled):not(.disabled):active, .btn-new:not(:disabled):not(.disabled).active, .show > .btn-new.dropdown-toggle {
        color: #fff;
        background-color: #C3600B;
        border-color: #000;
    }

        .btn-new-sm:not(:disabled):not(.disabled):active:focus, .btn-new:not(:disabled):not(.disabled).active:focus, .show > .btn-new.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,90,90,0.5)
        }


a.btn-outline-new {
    color: teal;
    background-color: transparent;
    background-image: none;
    border-color: teal;
    -webkit-appearance: none !important;
}

.btn-outline-new:hover {
    color: #222;
    background-color: #009a9a;
    border-color: teal;
    -webkit-appearance: none !important;
}

.btn-outline-new:focus, .btn-outline-new.focus {
    box-shadow: 0 0 0 .2rem rgba(0,128,128,0.5);
    -webkit-appearance: none !important;
}

.btn-outline-new.disabled, .btn-outline-new:disabled {
    color: #99cccc;
    background-color: transparent;
    -webkit-appearance: none !important;
}

.btn-outline-new:not(:disabled):not(.disabled):active, .btn-outline-new:not(:disabled):not(.disabled).active, .show > .btn-outline-new.dropdown-toggle {
    color: #fff;
    background-color: #009a9a;
    border-color: teal;
    -webkit-appearance: none !important;
}

    .btn-outline-new:not(:disabled):not(.disabled):active:focus, .btn-outline-new:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-new.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(0,128,128,0.5);
    }



.btn-edit {
    color: #fff;
    background-color: #bb8d02;
    border-color: #bb8d02;
    -webkit-appearance: none !important;
}

    .btn-edit:hover {
        color: #fff;
        background-color: #a27a02;
        border-color: #a27a02;
    }

    .btn-edit:focus, .btn-edit.focus {
        box-shadow: 0 0 0 .2rem rgba(213, 178, 88, 1)
    }

    .btn-edit.disabled, .btn-edit:disabled {
        color: #000;
        background-color: #fee28d;
        border-color: #a27a02;
    }

    .btn-edit:not(:disabled):not(.disabled):active, .btn-edit:not(:disabled):not(.disabled).active, .show > .btn-edit.dropdown-toggle {
        color: #fff;
        background-color: #bb8d02;
        border-color: #000;
    }

        .btn-edit:not(:disabled):not(.disabled):active:focus, .btn-edit:not(:disabled):not(.disabled).active:focus, .show > .btn-edit.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(213, 178, 88, 1)
        }

a.btn-outline-edit {
    color: #bb8d02;
    background-color: transparent;
    background-image: none;
    border-color: #bb8d02;
    -webkit-appearance: none !important;
}

.btn-outline-edit:hover {
    color: #fff;
    background-color: #a27a02;
    border-color: #a27a02;
}

.btn-outline-edit:focus, .btn-outline-edit.focus {
    box-shadow: 0 0 0 .2rem rgba(213, 178, 88, 1)
}

.btn-outline-edit.disabled, .btn-outline-edit:disabled {
    color: #fee28d;
    background-color: transparent;
}

.btn-outline-edit:not(:disabled):not(.disabled):active, .btn-outline-edit:not(:disabled):not(.disabled).active, .show > .btn-outline-edit.dropdown-toggle {
    color: #fff;
    background-color: #009a9a;
    border-color: #009a9a;
}

    .btn-outline-edit:not(:disabled):not(.disabled):active:focus, .btn-outline-edit:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-edit.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(213, 178, 88, 1)
    }


.btn-gog {
    color: #fff;
    background-color: #382265;
    border-color: #382265;
    -webkit-appearance: none !important;
}

    .btn-gog:hover {
        color: #fff;
        background-color: #275179;
        border-color: #382265;
    }

    .btn-gog:focus, .btn-gog.focus {
        box-shadow: 0 0 0 .2rem rgba(38, 105, 171, 0.5)
    }

    .btn-gog.disabled, .btn-gog:disabled {
        color: #fff;
        background-color: #a2bfda;
        border-color: #382265;
    }

    .btn-gog:not(:disabled):not(.disabled):active, .btn-gog:not(:disabled):not(.disabled).active, .show > .btn-gog.dropdown-toggle {
        color: #fff;
        background-color: #382265;
        border-color: #000;
    }

        .btn-gog:not(:disabled):not(.disabled):active:focus, .btn-gog:not(:disabled):not(.disabled).active:focus, .show > .btn-gog.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(38, 105, 171, 0.5)
        }

a.btn-outline-gog {
    color: #382265;
    background-color: transparent;
    background-image: none;
    border-color: #382265;
    -webkit-appearance: none !important;
}

.btn-outline-gog:hover {
    color: #fff;
    background-color: #275179;
    border-color: #275179;
}

.btn-outline-gog:focus, .btn-outline-gog.focus {
    box-shadow: 0 0 0 .2rem rgba(38, 105, 171, 0.5)
}

.btn-outline-gog.disabled, .btn-outline-gog:disabled {
    color: #382265;
    background-color: transparent;
}

.btn-outline-gog:not(:disabled):not(.disabled):active, .btn-outline-gog:not(:disabled):not(.disabled).active, .show > .btn-outline-gog.dropdown-toggle {
    color: #fff;
    background-color: #382265;
    border-color: #382265;
    -webkit-appearance: none !important;
}

    .btn-outline-gog:not(:disabled):not(.disabled):active:focus, .btn-outline-gog:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gog.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(38, 105, 171, 0.5)
    }

a.btn-outline-secondary {
    color: #6c757d;
    -webkit-appearance: none !important;
}

a.btn-outline-dark {
    color: #343a40;
    -webkit-appearance: none !important;
}

input[type="submit"].btn-gog {
    color: #fff;
    background-color: #382265;
    border-color: #382265;
    -webkit-appearance: none !important;
}

    input[type="submit"].btn-gog:hover {
        color: #fff;
        background-color: #275179;
        border-color: #382265;
    }

    input[type="submit"].btn-gog:focus, input[type="submit"].btn-gog.focus {
        box-shadow: 0 0 0 .2rem rgba(38, 105, 171, 0.5)
    }

    input[type="submit"].btn-gog.disabled, input[type="submit"].btn-gog:disabled {
        color: #fff;
        background-color: #a2bfda;
        border-color: #382265;
    }

    input[type="submit"].btn-gog:not(:disabled):not(.disabled):active, input[type="submit"].btn-gog:not(:disabled):not(.disabled).active, .show > input[type="submit"].btn-gog.dropdown-toggle {
        color: #fff;
        background-color: #382265;
        border-color: #000;
    }

        input[type="submit"].btn-gog:not(:disabled):not(.disabled):active:focus, input[type="submit"].btn-gog:not(:disabled):not(.disabled).active:focus, .show > input[type="submit"].btn-gog.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(38, 105, 171, 0.5)
        }










a.homeCard {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

    a.homeCard:hover {
        background-color: #595959;
    }

a.bottomCircle {
    color: #fff;
    background-color: #0024AE;
    text-decoration: none;
}

    a.bottomCircle:hover {
        background-color: #595959;
    }


#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

.uploader .ajax__fileupload {
    border: 0px;
    overflow: hidden;
}

.sectionHighlight {
    border: 1px solid #8da6de;
    background: #eee;
}
.boxHighlight {
    border: 1px solid #d1d1d1;
    background: #f8f8f8;
}
.modal-content .ajax__fileupload {
    border: 0px;
    height: 200px;
}

.ajax__fileupload .ajax__fileupload_selectFileContainer {
    line-height: 1;
}

.ajax__fileupload_queueContainer.ajax__fileupload_fileItemInfo {
    height: auto;
    line-height: 1;
}

.ajax__fileupload_selectFileContainer .ajax__fileupload_selectFileButton {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    font-weight: 200;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .1rem .2rem;
    font-size: 1rem;
    line-height: 1;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.ajax__fileupload_selectFileContainer .ajax__fileupload_selectFileContainer:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.ajax__fileupload_queueContainer .ajax__fileupload_fileItemInfo .removeButton {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    font-weight: 200;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .1rem .2rem;
    height: auto;
    width: auto;
    font-size: 1rem;
    line-height: 1;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.uploader .ajax__fileupload_footer {
    height: auto;
}

.ajax__fileupload_footer .ajax__fileupload_uploadbutton {
    margin-top: 20px;
    background-color: #28a745;
    border-color: #28a745;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    width: auto;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.ajax_fileupload_cancelbutton {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .1rem .2rem;
    font-size: 1rem;
    line-height: 1.5;
    width: auto;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.ajax__fileupload_queueContainer .ajax__fileupload_fileItemInfo .pendingState {
    color: #6c757d;
}
/*End of ajax upload styles*/

/*necessary to make font awesome icons render reliably*/
.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.ajaxUpdateInfo {
    text-align: center;
    width: 100%;
    border: 1px solid #aeecff;
    display: inline-block;
    border-radius: 10px;
    font-size: 1.2em;
    padding: 15px;
    color: #000000;
    background: #D9F7FF;
    display: inline-block;
}

    .ajaxUpdateInfo::before {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        content: "\f05a";
        margin-right: 10px;
    }

.ajaxUpdateFailed {
    text-align: center;
    width: 100%;
    border: solid 1px #F9B9B0;
    display: inline-block;
    border-radius: 10px;
    font-size: 1.2em;
    padding: 15px;
    color: #000000;
    background: #ffcccc;
    display: inline-block;
}

    .ajaxUpdateFailed::before {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        content: "\f057";
        margin-right: 10px;
    }

.ajaxUpdateSuccess {
    text-align: center;
    color: #000000;
    border: solid 1px #AEC8AF;
    display: inline-block;
    border-radius: 10px;
    font-size: 1.2em;
    padding: 15px;
    width: 100%;
    background: #CAE5C8;
}

    .ajaxUpdateSuccess::before {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        content: "\f058";
        margin-right: 10px;
    }

.ajaxUpdateWarning {
    text-align: center;
    width: 100%;
    border: 1px solid #E6B800;
    display: inline-block;
    border-radius: 10px;
    font-size: 1.2em;
    padding: 15px;
    color: #000000;
    background: #FFDF5B;
}

    .ajaxUpdateWarning::before {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        content: "\f06a";
        margin-right: 10px;
    }

#sticky-element {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10000;
    margin-left: auto;
    width: 100%;
    margin-right: auto;
    max-width: 1150px;
}

.smallText {
    font-size: 0.8em;
}

.medText {
    font-size: 1.1em;
}

.normalText{
	font-size:1em;
}

.largeText {
    font-size: 1.3em;
}

div.radioStars {
    width: 250px;
    display: inline-block;
}

input.radioStars {
    display: none;
}

label.radioStars {
    float: right;
    padding: 5px 10px 5px 10px;
    font-size: 30px;
    color: #6a6a6a;
    transition: all .2s;
}

input.radioStars:checked ~ label.radioStars:before {
    content: '\f005';
    color: #e7711b;
    transition: all .25s;
}

input.radioStars-5:checked ~ label.radioStars:before {
    color: #e7711b;
    text-shadow: 0 0 20px #a2a2a2;
}

input.radioStars-1:checked ~ label.radioStars:before {
    color: #F62;
}

label.radioStars:hover {
    transform: scale(1.3);
}

label.radioStars:before {
    content: '\f005';
    font-family: FontAwesome;
    color: #c5c5c5;
}

.star-ratings {
    unicode-bidi: bidi-override;
    color: #ccc;
    font-size: 25px;
    position: relative;
    margin: 0;
    padding: 0;
}

    .star-ratings .fill-ratings {
        color: #e7711b;
        padding: 0;
        position: absolute;
        z-index: 1;
        display: block;
        top: 0;
        left: 0;
        overflow: hidden;
    }

        .star-ratings .fill-ratings span {
            display: inline-block;
        }

    .star-ratings .empty-ratings {
        padding: 0;
        display: block;
        z-index: 0;
    }

.pointer {
    cursor: pointer;
}

.shopMembersOnly {
    background: #7c6824;
    color: #fff;
    font-size: 0.9em;
    margin-top: 10px;
}

.shopFeatured {
    background: #ffdede;
    color: #900603;
    font-size: 0.9em;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-left: 5px;
}

.shopDownload {
    background: #ceffdb;
    color: #034E0F;
    font-size: 0.9em;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-left: 5px;
}

.sidemenu li {
    padding: 0px;
}

.sidemenu ul li a {
    margin: 0px;
    display: block;
    width: 100%;
    height: 100%;
    padding: 12px 12px 12px 25px;
}

    .sidemenu ul li a:hover {
        background: #eee;
    }

.salesWantsStatusGreen {
    color: #fff;
    background: #006801;
    font-size: 1em;
    padding: 3px 8px 3px 8px;
    margin-bottom: 10px;
}

.salesWantsStatusGrey {
    color: #fff;
    background: gray;
    font-size: 1em;
    padding: 3px 8px 3px 8px;
    margin-bottom: 10px;
}

.blueBold {
    color: #003054;
    font-weight: bold;
}

.invalid-text-red {
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.invalid-border-red {
    border-radius: 0.25rem;
    border: 1px solid #dc3545;
}

.home-tile {
    border: 1px solid #a8a8a8;
    width: 100%;
    border-radius: 0.25rem;
    overflow-y: hidden;
}

.home-tile-news {
    border: 1px solid #a8a8a8;
    width: 100%;
    border-radius: 0.25rem;
    overflow-y: hidden;
}

.home-tile-content {
    width: 100%;
    font-size: 1em;
}

.home-tile-content-news {
    width: 100%;
    font-size: 1em;
}

.home-carousel {
    position: relative;
}

.home-carousel-content {
    background-color: rgba(0,0,0,0.50);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 1em;
}
.home-carousel-content-trans {
    background-color: rgba(0,0,0,0);
    width: 100%;
	 min-height:100px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 1em;
}
.home-tile-title {
    font-size: 0.7em;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    background-color: #0564a1;
    top: -16px;
}
.thin-scroll::-webkit-scrollbar {
    width: 8px;
}
.thin-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.thin-scroll::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
}

.orange {
     color: #EB740F;
}