@import url('/themes/common/ko-base.css');
@import url('/themes/common/stripe.css');
@import url('/themes/common/shippingcalendar.css');

/* these hide the header/footer so they do not flash when embedded in iframe.  set this on the html element*/
.hideme div.headerbg, .hideme div.footerbg {display: none;}
.container {
    width: 974px;
    height: 600px;
    padding: 0;
    margin: 0;
}
.hideme #sidebar
{
    position:absolute;
    right:-10px;
    top:75px;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    font-family: Helvetica, Arial, sans-serif;
    color: #333333;
    background: #fff;
}

p {
    font-size: 14px;
    color: #333333;
    font-weight: 300;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

/*p .light {
  font-weight: 100;
}*/
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    color: #165b9e;
    text-decoration: none;
}

    a a:hover,
    a a:active {
        outline: none;
        text-decoration: none;
    }

    a:hover {
        color: #222222;
    }
    a:focus {
  outline:0;
}

select {
    border: 1px solid #999;
    color: #333333;
}


.black-box {
    background: #222222;
    background: rgba(34, 34, 34, 0.2);
}

.blue-background {
    background: #29abe2;
    background: rgba(41, 171, 226, 0.2);
}

input[type="text"], input[type="email"],
input[type="password"] {
    border: 1px solid #999;
}

input[type=button]:focus, input[type=submit]:focus, button:focus {
outline: 0;
}

#wrapper {
    width: 974px;
}

#main {
    width: 974px;
    background: #ffffff;
    height: 100%;
    bottom: 35px;
}

    #main #content {
        width: 674px;
        float: left;
        overflow-x: hidden;
        position: relative;
        border-right: none;
        margin-right: -10px;
        height: 100%;
    }

#content-orders {
    width: 710px;
    float: left;
    overflow-x: hidden;
    position: relative;
    border-right: none;
    margin-right: -10px;
    height: 100%;
}

#main #sidebar {
    width: 280px;
    float: right;
    margin-right: 10px;
}

#sidebar-orders {
    width: 220px;
    float: right;
    border-left: none;
}

#sidebar .aside-inner .summary {
    font-size: 14px;
}
.button 
{
        height: 40px;
}

.button a:hover {
    background: #ffffff;
    text-decoration: none;
}

/*style for larger 80% buttons*/
.login-popup .continuebtn, .login-popup .button, .login-popup .forgot-password-success .button {
    width: 80%;
    height: 44px;
    font-size: 16px;
}
/*making the fogot pw button a link*/
input.button[value*="forget"], input.button[value*="forget"]:focus {
    border: none;
    outline: none;
    background: none;
    font-size: 12px !important;
    color: #999999 !important;
    font-weight: 300;
    margin: 10px 0;
    background: none!important;
    border: none;
    padding: 0!important;
    /*border is optional*/
    background-color: transparent;
    text-decoration: none;
    border: none;
    color: blue;
    cursor: pointer;
    text-transform: none;
    box-shadow: none;
}



/*orange buttons*/
.highvis, .login-popup .continuebtn, .login-popup .forgot-password-success .button, .b-form .b-buttons .button, .b-product-details .b-product-panel .add-cart, .login-popup .button, #CartSummary .button, .emailbtns .button, #DashboardReport #cancelButton, #btnNewDiscount, input[name="btnChangeUserCancel"], .EditUserInfo .button, #TSSetup .highvis,
.highvis.artBuilder-edit-dialog-button-save, #TSSetup .removeButton, #upload_button, .b-items .b-content .b-buttons .save, .addNewCategoryBtn {
    color: #ffffff;
    font-family: Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 15px;
    height: 40px;
    margin: 0 auto;
    background: #f24c14;
    border: solid;
    border-color: #c42b00;
    border-width: 1px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    /*box-shadow: 0 0 7px #999999;*/
}

.highvis:hover, .login-popup .continuebtn:hover, .login-popup .forgot-password-success .button:hover, .b-form .b-buttons .button:hover, .b-product-details .b-product-panel .add-cart:hover, .b-form .b-buttons .button:hover, .login-popup .button:hover, #CartSummary .button:hover, #TSSetup .highvis:hover, .highvis.artBuilder-edit-dialog-button-save:hover, #TSSetup .removeButton:hover, #upload_button:hover,.b-items .b-content .b-buttons .save:hover, .addNewCategoryBtn:hover, .EditUserInfo .button {
        background: #de3100;
        color: #fff;
        text-decoration: none;
}
/**blue buttons*/
.b-form .b-buttons .button, .forgot-password-cancel input.button, #CartSummary .button, .emailbtns .button, #DashboardReport #cancelButton, input[name="btnChangeUserCancel"], #TSSetup .button, #createCustomBtn, .button, .continuebtn, .create-order, .add-cart, .delete, .save,  .b-items .b-content .b-buttons .delete,
.artBuilder-edit-dialog-button-cancel, .EditUserInfo input[value="Cancel"], #TSSetup .addButton {
    font-family: Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    background: #14426f;
    border-color: #177da8;
    border-style: Solid;
    border-width: 1px;
    color: #eeeeee;
    padding: 10px 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-decoration: none;
    /*box-shadow: 0 0 7px #999999;*/
}

.button:hover, .b-form .b-buttons .button:hover, .forgot-password-cancel input.button:hover, .login-popup .button:hover, #CartSummary .button:hover, .emailbtns .button:hover, #DashboardReport #cancelButton:hover, input[name="btnChangeUserCancel"]:hover, .checkout-btn:hover, #TSSetup .button:hover, .button:hover, .continuebtn:hover, .create-order:hover, .add-cart:hover, .delete:hover, .save:hover, .done:hover, .EditUserInfo input[value="Cancel"]:hover, #TSSetup .addButton:hover, .b-items .b-content .b-buttons .delete:hover {
        background: #1a8dbe;
    }
/*smaller buttons*/
#createCustomBtn, .button, .continuebtn, .create-order, .add-cart, .delete, .save, .b-items .b-content .b-buttons .save, .b-items .b-content .b-buttons .delete, .highvis.artBuilder-edit-dialog-button-save {
    padding: 0 13px;
    /*margin: 0 auto;*/
}
.order-search .button, #duplicateItem, #addNewCategoryLink, #manageOrderBtn, .update-cart .button, .b-color .button
{
    height:22px;
}

#btnNewCancel, #btnGuestSubmit, .artBuilder-edit-dialog-button-cancel {
    height: 40px;
}

.hivis.artBuilder-edit-dialog-button-save, .b-items .b-content .b-buttons .save {
    height: 20px;
}

.headerbg {
    background: -moz-linear-gradient(50% 100% 90deg, #b4d7ff 0%, #d9ebff 100%);
    background: -webkit-linear-gradient(90deg, #b4d7ff 0%, #d9ebff 100%);
    background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0, #b4d7ff), color-stop(1, #d9ebff));
    background: -o-linear-gradient(90deg, #b4d7ff 0%, #d9ebff 100%);
    background: -ms-linear-gradient(90deg, #b4d7ff 0%, #d9ebff 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B4D7FF', endColorstr='#D9EBFF' ,GradientType=0)";
    background: linear-gradient(0deg, #b4d7ff 0%, #d9ebff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9EBFF', endColorstr='#B4D7FF', GradientType=0);
    width: 100%;
}

header {
    height: 80px;
    padding-bottom: 10px;
    position: relative;
}

    header .ts-ko-cobrand {
        width: 50%;
        float: left;
    }

        header .ts-ko-cobrand #ts-logo {
            padding: 25px 0;
            float: left;
        }

        header .ts-ko-cobrand #logo {
            float: left;
            display: block;
            height: 30px;
            padding: 0 5px 0 0;
        }

        header .ts-ko-cobrand span.light {
            padding: 7px 12px 0 0;
            font-size: 12px;
            float: left;
        }

        header .ts-ko-cobrand .ko-logo {
            float: left;
            padding: 10px 0;
        }

            header .ts-ko-cobrand .ko-logo img {
                float: left;
                height: 70px;
            }

    header nav {
        float: right;
        padding: 33px 0 0 0;
    }

        header nav ul li {
            display: inline;
            text-transform: uppercase;
            padding: 0 10px 0 0;
        }

            header nav ul li a {
                font-weight: 200;
                color: #555555;
            }

                header nav ul li a:hover {
                    color: #222222;
                    text-decoration: none;
                }

/*---end Header---*/
/*---Social---*/
.social-icons {
    float: left;
    padding-right: 20px;
}

.ko-logo {
    float: right;
    padding-top: 0;
}
/*---end Social---*/
/*---Footer---*/

.footerbg {
    background: -moz-linear-gradient(50% 100% 90deg, #134077 0%, #1c59b9 100%);
    background: -webkit-linear-gradient(90deg, #134077 0%, #1c59b9 100%);
    background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0, #134077), color-stop(1, #1c59b9));
    background: -o-linear-gradient(90deg, #134077 0%, #1c59b9 100%);
    background: -ms-linear-gradient(90deg, #134077 0%, #1c59b9 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#134077', endColorstr='#1C59B9' ,GradientType=0)";
    background: linear-gradient(0deg, #134077 0%, #1c59b9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C59B9', endColorstr='#134077', GradientType=0);
    width: 100%;
    margin-top: 15px;
    /*height: 40px;*/
}

footer {
    width: 974px;
    margin: 0 auto;
    position: relative;
    padding: 2px 0px 2px 0px;
    height: 40px;
}

    footer .footer-content {
        width: 50%;
        float: left;
        padding: 5px 0;
    }

        footer .footer-content p.light {
            padding: 7px 12px 0 0;
            font-size: 12px;
            float: left;
            color: white;
        }

        footer .footer-content .sc-logo {
            float: left;
        }

    footer .ko-logo {
        width: 50%;
        float: right;
        padding: 5px 0;
    }

        footer .ko-logo p.light {
            padding: 7px 12px 0 0;
            font-size: 12px;
            color: white;
            float: right;
        }

        footer .ko-logo img {
            float: right;
            height: 32px;
        }

/*---end Footer---*/
/*---Home---*/
.error, .passerror {
    color: #d9534f;
    font-weight: bold;
    font-size: 11px;
}

.aside-inner ul li .step {
    color: #f47836; /*override*/
}

.top-menu li a {
    color: inherit;
}

.top-menu .selected a {
    text-decoration: underline;
}

    .top-menu .selected a:hover {
        text-decoration: underline;
    }

.top-menu li a:hover {
    color: inherit;
}

.login-popup .b-form .form-item {
    width: 253px;
}

.login-popup .b-form .register {
    /*font-size: 0;*/
    padding: 0 0 6px;
    /*added to style logon text box sizes*/
    width: 240px;
    display: inline;
    margin-bottom: 15px;
}

.terms a {
    color: inherit; /*override */
}

.langdropdown {
    width: 250px;
    border: 1px solid black;
}

.b-form .orderinfo {
    font-size: 0;
    padding: 0 0 6px;
}

    .b-form .orderinfo .label {
        padding-right: 11px;
        width: 115px;
    }

.ie7 .b-form .form-item .label {
    display: inline;
}

.b-form .form-item .label {
    line-height: 24px;
    padding-right: 11px;
    width: 98px;
}

.label2err {
    width: 240px;
    float: right;
    text-align: right;
}

.labelerr {
    width: 240px;
    float: left;
    padding-left: 112px;
    margin-top: -3px;
    margin-bottom: 3px;
}

.b-form .form-item .form-text {
    border: 1px solid #999;
    color: inherit;
    width: 187px;
}

.b-form .form-item .form-textB {
    border: 1px solid #999;
    color: inherit;
}

.b-form .form-item .input-validation-error {
    border: 1px solid #d9534f;
}

.b-form .form-item .error {
    font-size: 11px;
}

.ie7 .b-form .form-item .form-text {
    display: inline;
}

.b-form .form-item select, .b-form .form-item .labeltime, .b-form .form-item label, .b-form .form-item .custom-url {
    color: #333333;
    font-size: 11px;
}

.b-form .form-item .address {
    width: 508px;
}

.b-form .form-item .address2 {
    width: 489px;
}

.b-form .form-item .disabled,
.b-form .form-item input[readonly],
.b-form .form-item input[disabled="disabled"] {
    background-color: #efefef;
    color: #5889b2;
}

.ie7 .b-form .form-item .disabled, .ie7 .b-form .form-item input[readonly], .ie7 .b-form .form-item input[disabled="disabled"] {
    background-color: #fff;
    color: #aca899;
}

.b-form .form-item .disabled {
    cursor: default;
}

    .b-form .form-item .disabled .select-text {
        cursor: default;
    }

        .b-form .form-item .disabled .select-text .stext-inner {
            color: #5889b2;
            cursor: default;
        }

.ie7 .b-form .form-item .disabled {
    background-color: #fff;
}

    .ie7 .b-form .form-item .disabled .stext-inner {
        color: #aca899;
    }

.b-form .form-item .city {
    width: 90px;
}

.b-form .form-item .state {
    border: 1px solid #999;
}

    .b-form .form-item .state .select-text {
        width: 26px;
    }

    .b-form .form-item .state .sub-select {
        width: 48px;
    }

.b-form .form-item .country {
    width: 193px;
    height: 24px;
    border: 1px solid #999;
}

    .b-form .form-item .country .select-text {
        width: 111px;
    }

    .b-form .form-item .country .sub-select {
        width: 133px;
    }

.b-form .form-item .order-type {
    width: 191px;
}

    .b-form .form-item .order-type .select-text {
        width: 169px;
    }

    .b-form .form-item .order-type .sub-select {
        width: 191px;
    }

.b-form .form-item .team-reminder {
    width: 150px;
}

    .b-form .form-item .team-reminder .select-text {
        width: 128px;
    }

    .b-form .form-item .team-reminder .sub-select {
        width: 150px;
    }

.b-form .form-item .zip {
    width: 74px;
    margin-left: 4px;
    float: right;
}

.b-form .form-item .phone, .b-form .form-item .fax {
    width: 139px;
}

.b-form .form-item .date {
    width: 96px;
}

.b-form .form-item .labeltime {
    padding-right: 2px;
}

.b-form .form-item #SendOrderUserEmail {
    vertical-align: middle;
}

.hint {
    background: url('/themes/teamsnap/images/teamsnap-icons.png') no-repeat -90px 0;
    width: 17px;
    height: 24px;
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
}

    .hint .tooltip {
        background-color: #f0f0f0;
        border: 2px solid #999999;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        width: 160px;
    }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
    .hint {
        /* Reference the @2x Sprite */
        background-image: url('/themes/teamsnap/images/teamsnap-icons2x.png');
        /* Translate the @2x sprite's dimensions back to 1x */
        background-size: 110px 200px;
    }
}


.b-form .b-buttons a {
    color: inherit;
}

    .b-form .b-buttons a:hover {
        color: inherit;
    }

.simple-button {
    background: #f1f1f1;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    height: 22px;
    padding: 0 13px;
    font: 11px Arial, sans-serif;
    margin-left: 18px;
    overflow: visible;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    margin-top: 5px;
}

/*---end Home---*/

/*---Login PAGE STUFF---*/
.incentive-area {
    background: #000000;
    background: rgba(0, 0, 0, 0.6);
    background-image: url(/themes/teamsnap/images/Incentives-white-with-shadow.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 16px 0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 0 7px #333333;
    height: 439px;
    width: 350px;
    float: left;
    position: relative;
    top: 20%;
}

#incentive-img {
    margin: 0 auto;
    display: block;
}


/*---Items---*/
.b-items .b-content {
    float: left;
    margin-right: -20px;
    width: 435px;
}

    .b-items .b-content .menu {
        padding: 0 0 5px 8px;
    }

        .b-items .b-content .menu li {
            color: #7d7d7d;
            display: inline;
            font-size: 12px;
            font-weight: bold;
        }

            .b-items .b-content .menu li a {
                color: #7d7d7d;
            }

                .b-items .b-content .menu li a:hover {
                    /*color: #ff0000;*/
                    text-decoration: none;
                }

            .b-items .b-content .menu li span {
                font-weight: normal;
                padding: 0 18px;
            }

    .b-items .b-content .form-item {
        margin-right: -10px;
    }

        .b-items .b-content .form-item .label {
            padding-right: 8px;
            width: 90px;
        }

        .b-items .b-content .form-item .form-text {
            width: 330px;
        }

        .b-items .b-content .form-item .checkbox {
            margin: 0 5px 3px 0;
        }

            .b-items .b-content .form-item .checkbox + label {
                margin-top: 0;
            }

        .b-items .b-content .form-item span.cart-text {
            color: #a9b1b3;
            display: inline-block;
            font-size: 11px;
            line-height: 28px;
            padding-left: 10px;
            vertical-align: middle;
        }

        .b-items .b-content .form-item .category {
            width: 183px;
        }

            .b-items .b-content .form-item .category .select-text {
                width: 161px;
            }

            .b-items .b-content .form-item .category .sub-select {
                width: 183px;
            }

        .b-items .b-content .form-item .chamois {
            width: 102px;
        }

            .b-items .b-content .form-item .chamois .select-text {
                width: 80px;
            }

            .b-items .b-content .form-item .chamois .sub-select {
                width: 102px;
            }

        .b-items .b-content .form-item a {
            display: inline-block;
            color: #7e7c7d;
            font-size: 12px;
            font-weight: bold;
            line-height: 22px;
            vertical-align: middle;
        }

.ie7 .b-items .b-content .form-item a {
    display: inline;
}
.frame .frame-content .b-sizes li 
{
    width:90px;
}
.b-items .b-content .form-item a:hover, .frame .frame-content .b-actions li a:hover {
    color: inherit;
    text-decoration: none;
}

.b-items .b-content .form-item .b-price {
    display: inline-block;
    font-size: 11px;
    line-height: 22px;
    vertical-align: middle;
    width: 100%;
}

.ie7 .b-items .b-content .form-item .b-price {
    display: inline;
}

.b-items .b-content .form-item .b-price i {
    line-height: 22px;
}

.b-items .b-content .form-item .b-price span b {
    padding-left: 15px;
}

.b-items .b-content .form-item .b-price .price {
    padding: 4px 8px;
    text-align: right;
    width: 35px;
}

.b-items .b-content .form-item .b-price .cost {
    display: inline-block;
    line-height: 24px;
    vertical-align: middle;
}

.ie7 .b-items .b-content .form-item .b-price .cost {
    display: inline;
}

.b-items .b-content .form-item .b-price .cost b {
    font-size: 14px;
    padding: 0 10px 0 5px;
}

.b-items .b-content .form-item .form-desc {
    display: block;
    background: #fff;
    border: 1px solid #4a4a4a;
    color: #000;
    font-size: 11px;
    max-height: 100px;
    min-height: 100px;
    margin-right: 10px;
    padding: 4px 2px;
    vertical-align: top;
    max-width: 385px;
    min-width: 385px;
}

    .b-items .b-content .form-item .form-desc .b-sizes {
        border-color: #b7babc;
        border-style: solid;
        border-width: 1px;
        height: 90px;
        padding: 5px 0 0 5px;
        overflow-x: hidden;
        overflow-y: scroll;
    }

        .b-items .b-content .form-item .form-desc .b-sizes li {
            display: inline-block;
            margin: 0 10px 8px 0;
            width: 65px;
        }

.b-items .b-content .b-options {
    padding-top: 10px;
}

.b-items #productDetail {
    margin-top: 32px;
    width: 415px;
}

    .b-items #productDetail h1 {
        top: 0;
        font-size: 20px;
        font-weight: bold;
        line-height: 20px;
        padding: 0 0 10px;
    }

    .b-items #productDetail h3 {
        font-size: 16px;
    }

    .b-items #productDetail #orderItemForm td {
        vertical-align: top;
    }
/*---end Items---*/
.b-breadcrumbs {
    font-family: Helvetica, sans-serif;
    color: #4d4d4d;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 2px solid #4d4d4d;
    float: left;
    height: 39px;
}

    .b-breadcrumbs li {
        display: inline-block;
        line-height: 39px;
        color: #4d4d4d;
    }

        .b-breadcrumbs li a {
            text-transform: capitalize;
            text-decoration: none;
            color: #4d4d4d;
        }

            .b-breadcrumbs li a:hover {
                color: #4d4d4d;
            }

#shop #content {
    width: 974px;
    overflow: hidden;
}


    #shop #content .b-shop .b-shop-titles h2 {
        font-weight: bold;
        font-size: 18px;
        color: #165B9E;
    }

    #shop #content .b-shop aside h3, #shop #content .b-shop aside h3 a {
        font-family: Arial;
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        color: #165B9E;
        text-decoration: none;
    }

        #shop #content .b-shop aside h3 a:hover {
            text-decoration: none;
        }

    #shop #content .b-shop #ProductListAside ul {
        padding: 10px 10px 10px 5px;
    }

    #shop #content .b-shop aside#ProductListAside, #shop #content .b-shop .b-shop-titles h2 {
        background: -webkit-linear-gradient(90deg, #dee5ee 0, #ffffff 100%);
        background: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0, #dee5ee), color-stop(1, #ffffff));
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEE5EE', endColorstr='#FFFFFF' ,GradientType=0)";
        background: linear-gradient(0, #dee5ee 0, #ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DEE5EE', GradientType=0);
    }


    #shop #content .b-shop aside ul li a {
        font-size: 12px;
        color: #165B9E;
    }

    #shop #content .b-shop .b-products, #shop #content .b-shop .b-shop-titles .b-breadcrumbs {
        width: 700px;
        padding-left:10px;
    }
    /*this is to override the orderitems builder when we want to use css and not
    set the width in the orderitemsbuilder.cshtml.*/
    #shop #content #productlist.b-products-override-productlist {
        width: 420px;
    }
    
#breadcrumbs    
{
    height:30px;
    display:inline-block;
    overflow:hidden;
}

#main #content.b-products-override-content {
    width: 685px;
}


#shop #content .b-shop .b-products > ul li {
    border: none;
    width: 190px;
}

    /*#shop #content .b-shop .b-products > ul li:hover {
  border-color: #eaab00;
}*/

    #shop #content .b-shop .b-products > ul li .b-img {
        height: 250px;
        border-bottom: 2px solid #4d4d4d;
    }

    #shop #content .b-shop .b-products > ul li .name {
        font-size: 12px;
        color: #4D4D4D;
        padding-top: 5px;
    }

    #shop #content .b-shop .b-products > ul li .cost {
        color: #4D4D4D;
        font-size: 11px;
        font-weight: bold;
    }

#shop #content .b-top-panel {
    height: 125px;
}

#shop #content .content-inner.orderitems .b-top-panel {
    height: inherit;
}

.top-panel-left .button {
    margin-top: 0;
    margin-left: 0;
}

#shop #content .b-top-panel .top-panel-left .team {
    display: none;
}

#shop #content .b-top-panel .top-panel-right {
    width: 690px;
}

    #shop #content .b-top-panel .top-panel-right .days {
        display: none;
    }

    #shop #content .b-top-panel .top-panel-right .manager {
        display: none;
        font-size: 12px;
        color: #808080;
        padding: 5px 0 0 0;
    }

#shop #content .content-inner.dashboard .b-top-panel .top-panel-right .days, #shop #content .content-inner.dashboard .b-top-panel .top-panel-right .manager {
    display: block;
}


.b-product-details .b-product-info {
    width: 310px;
}

.b-product-details .b-product-panel {
    width: 200px;
}

    .b-product-details .b-product-panel .label {
        width: 82px;
    }

    .b-product-details .b-product-panel .add-cart {
        float: right;
    }


/*---Orders---*/
.b-orders h1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 20px;
    padding: 0 0 3px;
}

.b-orders a.create-order {
    background: url('/themes/teamsnap/images/teamsnap-icons.png') no-repeat -90px -34px;
    color: #7d7d7d; /*override*/
    font-size: 14px;
}

.b-orders .tblock {
    width: 100%;
    font-size: 14px;
}


    .b-orders a.create-order:hover, .b-orders .tblock tfoot .b-pager ul li a:hover {
        color: #de3100;
    }

    .b-orders .tblock thead th {
        background-color: #999; /*override*/
        border-color: #dfdfe0 transparent #969698;
        border-style: solid;
        border-width: 1px 0;
        color: #fff;
        font-size: 14px;
        height: 30px;
        text-align: left;
        vertical-align: middle;
    }


    .b-orders .tblock tbody td {
        border-color: #c9cbcd transparent #edeeef;
        border-style: solid;
        border-width: 1px 0;
    }

        .b-orders .tblock tbody td span {
            color: #b8b3b3;
        }

            .b-orders .tblock tbody td span.line {
                color: #7d7d7d;
            }

    .b-orders .tblock tbody .GrayOut {
        color: Gray;
    }

    .b-orders .tblock tfoot td {
        background-color: #fff;
        font-size: 14px;
    }

/*---end Orders---*/

/*---Login---*/
/*---Login---*/
#login-title {
    color: #ffffff;
    text-shadow: 0 0 7px #333333;
    font-size: 36px;
    text-align: center;
    font-weight: 900;
}

body.site-background {
    background: url(https://content.kitorder.com/teamsnap/images/tifway2.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login-popup {
    background: transparent;
    position: relative;
    width: 450px;
    height: auto;
    padding: 13px 0 0 0;
    float: right;
    top: 20%;
}

    /*.login-popup div:first-child {
        padding-bottom: 40px;
    }*/

    .login-popup h1 {
        color: #ffffff;
        text-shadow: 0 0 7px #333333;
        font-size: 36px;
        text-align: center;
        font-weight: 900;
        padding-bottom: 40px;
    }
    /* title of box */
    .login-popup h2 {
        text-align: center;
        font-size: 18px;
        font-weight: 900;
        padding: 0 0 20px 0;
        text-shadow: 0 0 4px #b3b3b3;
    }

    /* labels, forms */
    .login-popup .b-form {
        width: 80%;
        margin: 0 auto;
        padding: 0 0 15px 0;
        text-align: center;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #999999;
        box-shadow: 0 0 7px #333333;
        background: white;
    }

        /* inner box under the title 
*   this wraps the messaging, label and form and Keep me Logged In area.  It pads the bottom to make room for the three buttons under the form
*/
        .login-popup .b-form .b-form-inner {
            margin-top: 15px;
            margin-bottom: 15px;
            background: none;
            border: none;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            -o-border-radius: 4px;
            -ms-border-radius: 4px;
            -khtml-border-radius: 4px;
            border-radius: 4px;
            padding: 5px;
            color: #000000;
            font-weight: 600;
        }
        /* messaging */
        .login-popup .b-form p {
            text-align: center;
            font-size: 18px;
            font-weight: 900;
            padding: 0 0 20px 0;
            text-shadow: 0 0 4px #b3b3b3;
        }
    /* end messaging */

    .login-popup #UserName.form-item,
    .login-popup #Password.form-item, .login-popup #ResetCode.form-item, .login-popup #Verify.form-item, .login-popup #AccessCode.form-item {
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        -khtml-border-radius: 4px;
        border: 1px solid #999999;
    }
    /*ugh some glyph is being generated and breaking this*/
    .login-popup #Verify.form-item {
        margin-left: 10px;
    }

    .login-popup .b-form .form-item {
        padding: 12px 6px 12px 6px;
        width: 80%;
        display: inline;
        margin-bottom: 15px;
        font-size: 14px;
        color: #555;
    }


    .login-popup .b-form div.login-invalid-email-error {
        margin-left: 0;
        margin-bottom: 5px;
    }

    .login-popup .b-form div.forgot-password-wrapper {
        float: none;
    }

    .login-popup .b-form div.continue {
        float: none;
    }

    .login-popup .b-form div.forgot-password-continue {
        float: none;
    }

    .login-popup .b-form div.forgot-password-cancel {
        float: none;
        padding: 10px 0;
    }

    .login-popup .b-form span.forgot-password-error {
        margin-left: 0;
    }

    .login-popup .b-form div.forgot-password-success {
        padding-top: 0;
        float: none;
    }

    .login-popup .b-form div.reset-password-continue {
        float: none;
    }

    .login-popup .b-form div.reset-password-cancel {
        float: none;
        padding: 10px 0;
    }

    .login-popup .b-form span.reset-password-error {
        margin-left: 0;
    }

    .login-popup label[for=rememberMeCheckBox] {
        color: #999999 !important;
        font-size: 10px;
        vertical-align: middle;
        border: none;
        background: none;
        font-size: 12px !important;
        font-weight: 300;
        margin: 10px 0 20px 0;
    }



    .login-popup .b-form input[type="checkbox"] {
        vertical-align: middle;
    }

        .login-popup .b-form input[type="checkbox"] + label {
            color: #000;
            font-size: 10px;
            vertical-align: middle;
            margin-left: 5px;
        }

    .login-popup .b-form .b-buttons {
        font-size: 12px;
        text-align: left;
    }

        .login-popup .b-form .b-buttons a.forgot {
            color: #7c7c7c;
            font-size: 10px;
        }

            .login-popup .b-form .b-buttons a.forgot:hover {
                color: #29abe2;
            }

    /* end labels, forms */
    .login-popup .b-form .label {
        width: 70px;
        display: none;
    }

    .login-popup .b-form .form-text {
        width: 258px;
        margin-right: 0;
    }

    .login-popup .b-form .b-buttons .button {
        float: right;
    }

input.subtle-text {
    border: none;
    background: none;
    font-size: 12px !important;
    color: #999999 !important;
    font-weight: 300;
    margin: 10px 0;
}

label.subtle-text {
    border: none;
    background: none;
    font-size: 12px !important;
    color: #555555;
    font-weight: 300;
    margin: 10px 0 20px 0;
}

input#rememberMeCheckBox {
    margin: 0;
}

.login-popup h3 {
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    padding: 0 0 20px 0;
    text-shadow: 0 0 4px #b3b3b3;
}

.new-user-area {
    background: #eeeeee;
    border-top: 1px solid #d9d9d9;
    padding: 25px 0 30px 0;
    border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -o-border-bottom-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -o-border-bottom-left-radius: 10px;
    -ms-border-bottom-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
}

#createAccountBtn {
    float: none;
    display: none;
}

.subtle-text {
    font-size: 12px !important;
    color: #999999 !important;
    font-weight: 300;
    margin: 10px 0 0 0;
}
/*---End Login---*/
/*---Catalog---*/
/*---End Catalog---*/

/*---Cart----*/
.checkout-btn {
    border: none;
    float: right;
    position: relative;
    padding: 0 0 5px 0;
    display: inline;
    height: 40px;
    margin-top: 60px;
    margin-left: 0;
    color: #000000;
    width: 132px;
    height: 30px;
    background: #14426f;
    border-style: Solid;
    border-color: #177da8;
    border-width: 1px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-decoration: none;
}

    .checkout-btn .logo {
        display: none;
    }

    .checkout-btn .text {
        text-transform: uppercase;
        text-decoration: none;
        color: #eeeeee;
        text-align: center;
        padding: 10px 15px;
        font-size: 12px;
    }

    .checkout-btn .price, .checkout-btn .num_items {
        font-family: Helvetica;
        font-weight: bold;
        font-size: 14px;
        color: #666666;
        display: inline;
        text-align: right;
        font-size: 14px;
        float: right;
        padding-left: 5px;
        padding-top: 5px;
        text-align: left;
    }

    .checkout-btn .num_items {
        font-family: Helvetica;
        font-weight: bold;
        font-size: 14px;
        color: #666666;
        text-align: right;
        display: block;
        float: left;
        padding-right: 5px;
        text-align: right;
    }

.shopping-cart {
    width: 690px;
}

#cartLoginControl {
    width: 210px;
    margin: -170px 0 0 -100px;
}

    #cartLoginControl #registerdUser, #cartLoginControl .verticalLine {
        display: none;
    }

    #cartLoginControl #guest {
        margin-left: 0;
        width: 100%;
    }

    #cartLoginControl .header {
        width: 100%;
        font-size: 18px;
    }

    #cartLoginControl #guest #guestDescription {
        width: 100%;
        font-size: 14px;
    }

    #cartLoginControl #registerdUser #txtRegisteredPassword, #cartLoginControl #guest #txtGuestEmail {
        width: 195px;
    }

    #cartLoginControl #registerdUser #registeredError, #cartLoginControl #guest #guestError {
        width: 100%;
    }




.cart-summary {
    margin-left: 10px;
}

.gsqp-info {
    width: 180px;
}

.gsqp2 {
    padding-left: 10px;
}

.popup {
    border: 1px solid #000;
    height: 150px;
    width: 450px;
}

    .popup .b-form .b-buttons {
        text-align: center;
    }

   .popup #upload_cancel, .popup #upload_button, .popup #upload_file {
        line-height: 20px;
    }

    .popup #upload_file {
        height: 20px;
    }

.edit-item-wrapper {
    float: left;
    width: 637px;
}

.edit-remove a, .edit-remove a:hover, .update-cancel a, .update-cancel a:hover {
    color: inherit;
}

.dashside {
    width: 280px;
    font-size: 14px;
}

.loading h2 {
    font-size: 12px;
}


.userinfobox {
    width: 661px;
}

.userinfobox .form-item .address2 {
    width: 515px;
}

.userinfobox #BillingZipCodeError, .userinfobox #ShippingZipCodeError {
    margin-top: -5px;
    margin-bottom: 5px;
}
.UserInfoBottom 
{
    width:830px;
    float:left;
    margin:10px;
}
    

#payment-form {
    font-size: 14px;
}
/*---end cart---*/
#editImageControls {
    height: 550px;
}

#editImageControls.artBuilder-add-logo-dialog {
    width: 370px;
    height: 387px;
}

.artBuilder-image-uploader {
    border: solid 4px #999;
}

.artBuilder-edit-dialog {
    height: 535px;
}
.artBuilder-edit-dialog-description {
    width: 90px;
}

.artBuilder-edit-dialog-default {
    width: 85px;
}

.artBuilder-edit-dialog-logo {
    height: 450px;
    max-height: none;
}

.artBuilder-add-logo-dialog .artBuilder-image-description-title {
    width: 90px;
    margin-top: 14px;
}

.artBuilder-image-description input{
    width: 175px;
    padding: 5px;
}

.artBuilder-add-logo-dialog #editImageControlsContent {
    width: auto;
}
.artBuilder-image-uploader {
    
    width: auto;
}
.artBuilder #ImageLogoControls
{
    position:absolute; 
    bottom:10px;
}

#TSHelpPopup 
{
    height:auto;
}
#TSHelpPopup p
{
    margin-bottom:10px;
}
#btnTSGetHelp
{
    position:absolute;
    top:10px;
    right:10px;
}
#manageOrderBtn
{
    position:absolute;
    top:100px;
    left:10px;
}