@font-face {
    font-family: Dax Offc Wide Medium;
    src: url(../WebFonts/DaxOffc-WideMedi.woff);
}

@font-face {
    font-family: GTWalsheim;
    src: url(../WebFonts/GT-Walsheim-Regular.ttf);
    font-weight: normal;
}

body {
    margin: 10px auto 20px auto;
    max-width: 960px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

input {
    font-size: 14px;
    color: #3c3f36;
    padding: 8px 20px;
    /*margin: 8px 0;*/
    box-sizing: border-box;
    border: 1px solid #b7b7b7;
}

select::-ms-expand {
    display: none;
}

select {
    display: inline-block;
    box-sizing: border-box;
    padding: 8px 20px;
    border: 1px solid #b7b7b7;
    font: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
    background-position: right 15px top 1em, right 10px top 1em;
    background-size: 5px 5px, 5px 5px;
}

img {
    border: 0;
}

form {
    padding: 0px;
    margin: 0px;
}

p {
    color: #666666;
}

ul {
    color: #666666;
}

li {
    margin-bottom: 10px;
}

td {
    color: #666666;
}

a {
    color: #006699;
}

    a:link {
        text-decoration: none;
    }

    a:visted {
        text-decoration: none;
    }

    a:hover {
        text-decoration: underline;
    }

.errorPage {
    background-color: #31a2d9;
}

#leftRightWrapper {
    margin-right: 200px;
    margin-top: 30px;
}

#leftColumn {
    float: left;
    width: 100%;
}

#rightColumn {
    float: right;
    margin-right: -200px;
    margin-top: 60px;
}

#cleared {
    clear: both;
}

#errorOuter {
    padding-right: 450px;
    overflow: hidden;
}

#errorImage {
    padding-top: 90px;
    width: 450px;
    float: left;
    height: 550px;
}

#errorTextOuter {
    margin: 0 -460px 0 auto;
    width: 100%;
    float: right;
    font-family: "Dax Offc Wide Medium",Verdana,"Levenim MT";
    font-variant: small-caps;
    color: white;
}

#errorTextHeader {
    font-size: 92px;
    margin-top: 160px;
}

#errorTextSmall {
    font-size: 32px;
}


#cleared {
    clear: both;
}

#pageContainer {
    width: 97%;
    float: left;
    clear: left;
    margin: 0px 10px 0px 10px;
}

#pageHeader {
    width: 100%;
    float: left;
    clear: left;
    margin: 20px 0 20px 0;
}

#topBar {
    margin-bottom: 10px;
    background: #888;
    color: white;
    font-size: 12px;
}

    #topBar dl {
        display: inline;
        padding: 0px 5px;
    }

    #topBar dt {
        display: inline;
        padding: 0;
        margin: 0 5px 0 0;
    }

    #topBar dd {
        display: inline;
        padding: 0;
        margin: 0 15px 0 0;
    }

#content {
    width: 100%;
    float: left;
    clear: left;
    color: #666666;
}

#contentHeader {
    width: 100%;
    clear: left;
    padding: 0;
    margin: 10px 0 10px 0;
    color: #3c3f36;
    font-size: 22px;
    font-family: GTWalsheim,Verdana,"Levenim MT";
    font-variant: small-caps;
}


#logo {
    float: left;
}

#siteTitle {
    float: right;
}

.subheader {
    clear: left;
    padding: 0px 0px 5px 0px;
    font-size: 14px;
    color: #5b5e56;
    font-family: "GTWalsheim",Verdana,"Levenim MT";
}

.errorheader {
    clear: left;
    background-image: url(../images/redGrad.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    text-align: center;
    margin-top: 20px;
    padding: 12px;
    border: #daa7a6 1px solid;
    color: red;
    font-weight: bold;
}

.infoheader {
    background-image: url(../images/greenGrad.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    text-align: center;
    margin-top: 20px;
    padding: 12px;
    border: #b1d0b1 1px solid;
}

.code {
    font-family: courier, Arial, Helvetica;
    font-size: 11px;
    color: #666666;
}

.greybar {
    background-color: #cbcbcb;
    background-position: center;
    background-image: url(../images/bluebar.png);
    color: white;
    width: 865px;
    font-family: "GTWalsheim",Verdana,"Levenim MT";
    font-size: 16px;
    font-weight: normal;
    height: 42px;
}

.greyBoxTop {
    background: transparent url(../images/greyBorderTop.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 5px;
    padding-bottom: 6px;
}

.greyBoxBottom {
    background: transparent url(../images/greyBorderBottom.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.greyBoxSides {
    background: transparent url(../images/greyBorderSides.gif);
    background-repeat: repeat-y;
    background-position: top left;
}

#resourceBar {
    float: left;
    clear: left;
    width: 100%;
    color: #675C53;
    font-size: 12px;
    margin: 10px 0 20px 0;
    font-family: "GTWalsheim",Verdana,"Levenim MT";
    font-variant: small-caps;
}

#resourceInner {
    float: left;
    clear: left;
    width: 100%;
    color: #675C53;
    font-size: 12px;
    margin: 10px 0 0px 0;
    font-family: Arial, Helvetica, sans-serif;
}


#resourceBar a {
    color: #675C53;
}

#resourceBar h3 {
    font-size: 14px;
    font-weight: normal;
}

#resourceBar ul {
    margin: 10px 0 0 0;
    padding: 0;
}

#resourceBar li {
    float: left;
    width: 300px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    #resourceBar li a {
        float: left;
        width: 250px;
    }

    #resourceBar li img {
        float: left;
        width: 30px;
        margin: 0 12px 10px 0;
    }

.results {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}



.warning {
    color: #CC0000;
    font-weight: bold;
}

.formTable {
    width: 100%;
    border: 0px none;
    border-collapse: collapse;
}

    .formTable td {
        border: 0;
        padding: 3px 10px 6px 3px;
        vertical-align: middle;
    }

    .formTable tr td:first-child {
        width: 200px;
    }

.formFooter {
    margin: 12px 0px 0px 0px;
}

.button {
    background-color: #ffffff;
    border: 1px solid #b7b7b7;
    color: #5b5e56;
    outline-style: none;
    padding: 5px 10px;
    width: 100px;
    height: 36px;
    padding-left: 35px;
}

    .button:hover {
        border-color: #31a2d9;
        border-width: 2px;
    }

.proceed {
    background-image: url(../images/chevron-circle-right.svg);
    background-position: 2px 5px;
    background-repeat: no-repeat;
    background-size: 25px;
    float: right;
}

.back {
    background-image: url(../images/chevron-circle-left.svg);
    background-position: 2px 5px;
    background-repeat: no-repeat;
    background-size: 25px;
    float: left;
}

.fieldLabel {
    padding: 12px 20px;
    margin: 8px 0;
    color: #575C53;
    font-weight: normal;
}

.fieldData {
    color: #575C53;
}

.fieldLabel .warning {
    padding-right: 2px;
}

.inputBoxDisable {
    background-color: #DDDDDD;
    border: 1px solid #999999;
}

.inputBoxEnable {
    background-color: #FFFFFF;
    border: 1px solid #999999;
}

.greyHzShadeBar {
    clear: left;
    height: 20px;
    background-image: url(../images/bluebar.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    margin-top: 20px;
}

.errorLabel {
    color: Red;
}

.captured {
    font-size: 10px;
    color: #666666;
}

.orderStatusMessage {
    font-size: 10px;
    word-wrap: break-word;
}

.vendorTxCode {
    font-size: 10px;
}

.addressCheckDetails {
    font-size: 10px;
}

.protocolMessage {
    word-wrap: break-word;
    word-break: break-all;
}

table.adminOrders {
    font-size: 12px;
}

td.orderActions {
    width: 50px;
}

div.selectCheckout {
}

div.basket {
}

.basket th.img {
    padding-left: 20px;
}

.basket td {
    padding: 15px 0 0 0;
    margin: 0;
}

.basket .img {
    text-align: left;
}

.basket .name {
    text-align: left;
}

.basket .price {
    text-align: right;
}

.basket .qty {
    text-align: right;
}

div.deleteAll {
    clear: both;
    float: left;
    margin: 20px 0;
}

div.loginForm .errorheader {
    margin: 10px 0;
    float: left;
    width: 100%;
}

.adminCustomers {
    width: 50%;
}


.Grid {
    border: solid 1px Tan;
}

    .Grid td {
        border: solid 3px #FFFFFF;
        margin: 3px 3px 3px 3px;
        font-family: Arial;
        padding: 5px 5px 5px 5px;
        text-align: center;
    }

.GridHeader {
    font-weight: bold;
    background-color: Tan;
}

.GridItem, .GridAltItem {
    font-size: smaller;
}

.GridItem {
    background-color: LightGoldenrodYellow;
}

.GridAltItem {
    background-color: PaleGoldenrod;
}