@charset "utf-8";
/* CSS Document */


#option_inputs,
#itemImagePath,
.optionalSku {
    display: none;
}

/* credit card */
#usces_cart.delivery #escott-dialog {
    width: 96%!important;
    max-width: 800px!important;
    max-height: 32em!important;
    /*position: absolute;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important;*/
    margin: auto;
    font-size: 87%;
    padding: 0!important;
    border:1px solid #000!important;
    border-radius: 0!important;
}
#usces_cart.delivery #escott-dialog input[type=radio] {
    appearance: radio;
    -webkit-appearance: radio;
}
#usces_cart.delivery #escott-dialog select {
    appearance: menulist;
    -webkit-appearance: menulist;
}
#usces_cart.delivery .ui-resizable-handle {
    display: none!important;
}
#usces_cart.delivery #escott-dialog #escott-token-response-loading {
    text-align: center;
}
#usces_cart.delivery #escott-dialog #escott-token-response-loading img {
    width: 20px!important;
}
#usces_cart.delivery #escott-dialog .ui-dialog-titlebar {
    background: #000!important;
    border-radius: 0!important;
    color: #fff!important;
    font-size: 120%;
    border: 0!important;
}
#usces_cart.delivery #escott-dialog table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 1em 0;
}
#usces_cart.delivery #escott-dialog table th,
#usces_cart.delivery #escott-dialog table td{
    border:1px solid #000;
    padding: 1em;
}
#usces_cart.delivery #escott-dialog table th {
    background:#dedede;
}
#usces_cart.delivery #escott-dialog td input,
#usces_cart.delivery #escott-dialog td select {
    padding: 0.5em;
    border:1px solid #ccc;
    margin: 0 0.5em;
}
#usces_cart.delivery #escott-dialog input[type=button],
#usces_cart.delivery #escott-dialog input[type=submit] {
    background: #333;
    color: #fff;
    border:0;
}
#usces_cart.delivery #escott-dialog .send input {
    width: 10em;
    padding:1em 0;
    margin: 0.5em;
}

@media screen and (max-width: 736px ) {
    #usces_cart.delivery #escott-dialog {
        max-height: 90%!important;
        height: 90%;
        overflow-x: auto;
    }
    #usces_cart.delivery #escott-dialog table {
        border-top:1px solid #000;    
    }
    #usces_cart.delivery #escott-dialog table th,
    #usces_cart.delivery #escott-dialog table td{
        border-top: 0;
        display: block;
    }
}

/*--------------------------------------*/

span.price {
    color: #000;
}
.error_message {
    color: #f00;
}
#usces {
    width: 75%;
    margin: 0 auto;
    padding-bottom: 5.5%;
    max-width: 1280px;
}
#usces table {
    width: 100%;
    margin: 1em 0;
    border:0;
    border-collapse: collapse;
}
#usces table th,
#usces table td {
    box-sizing: border-box;
    border:1px solid #000;
    padding: 0.5em;
}
#usces table td.thumbnail {
    width: 150px;
}
#usces table td.thumbnail img {
    width: 100%;
    height: auto;
}
#usces table th {
    background: #dedede;
    color: #000;
}
#usces table th em {
    font-size: 85%;
}
#usces .currency_code {
    text-align: right;
}
#usces .send {
    text-align: center;
}
#usces textarea {
    width: 100%;
    height: 8em;
    box-sizing: border-box;
    vertical-align: top;
}
#usces input[type=button],
#usces input[type=submit] {
    background: #333;
    color: #fff;
    border:0;
}
#usces .send input {
    width: 20em;
    padding:1em 0;
    margin: 0.5em;
}
#usces input[type=radio] {
    appearance: radio;
    -webkit-appearance: radio;
}
#usces select {
    appearance: menulist;
    -webkit-appearance: menulist;
}

/*cart*/
div.usccart_navi li.ucart {
	background-color: #B3B3B3;
	float: left;
	margin: 0px;
	height: 2em;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	width: 25%;
}
div.usccart_navi li.usccart_cart {
	background:#000;
}
div.usccart_navi li.usccart_customer {
	background:#000;
}
div.usccart_navi li.usccart_delivery {
	background:#000;
}
div.usccart_navi li.usccart_confirm {
	background:#000;
}

/*confirm*/
#usces.confirm #cart_table tr td:last-child,
#usces.confirm #cart_table tr th:last-child {
    display: none;
}
#usces.confirm #confirm_table .ttl {
    text-align: center;
    background: #000;
}
#usces.confirm #confirm_table .ttl h3 {
    color: #fff;
}

/*customer_form*/
#usces .customer_form input,
#usces .customer_form select {
    margin: 0 0.5em;
}
#usces .customer_form th {
    width: 16em;
}
/*completion*/
#usces.completion .message {
    margin-top:3em;
    text-align: center;
}

/*member*/
#memberinfo h3 {
    background: #000;
}

/*login*/
#usces .loginbox {
    width: 400px;
    margin: 0 auto;
}
#usces .loginbox input {
    width: 100%;
    box-sizing: border-box;
}
#usces .submit input {
    padding: 1em 0;
}
#usces .forgetmenot input {
    width: auto;
}
/*new*/
#usces #newmember th {
    width: 15em;
}

@media screen and (max-width: 1024px ) {
    #usces {
        width: 94%;
    }
    #usces table td.thumbnail {
        width: 100px;
    }
}
@media screen and (max-width: 736px ) {
    #usces table {
        border:0;
    }
    #usces table tr {
        display: block;
        width: 100%!important;
        border:0;  
    }
    #usces table th,
    #usces table td {
        display: block;
        width: 100%!important;
        border:0;
        border-bottom: 1px solid #ccc;
    }
    #usces #cart_table th {
        display: none;
    }
    #usces #cart_table td {
        text-align: right!important;
    }
    #usces #cart_table td.num {
        background: #dedede;
        text-align: center!important;
    }
    #usces #cart_table td.thumbnail {
        text-align: center!important
    }
    #usces #cart_table td.thumbnail img {
        max-width: 200px;
    }
    #usces #cart_table td.productname {
        text-align: left!important;
    }
    #usces #cart_table td.quantity input {
        width: 5em;
    }
    #usces #cart_table td.action input {
        width: 5em;
    }

    /*cart*/
    div.usccart_navi li.ucart {
        display: block;
        width: 100%;
        display: none;
    }
    div.usccart_navi li.usccart_cart,
    div.usccart_navi li.usccart_customer ,
    div.usccart_navi li.usccart_delivery,
    div.usccart_navi li.usccart_confirm {
        display: block;
    }

    /*confirm*/
    #usces.confirm #cart_table tfoot tr {
        text-align: right;
        border-bottom: 1px solid #ccc;
    }
    #usces.confirm #cart_table tfoot th,
    #usces.confirm #cart_table tfoot td {
        display: inline-block;
        width: auto!important;
        border:0;
    }
    #usces.confirm #cart_table tfoot th {
        width: 50%!important;
        float: left;
        font-weight: bold;
    }
    
    /*member*/
    #usces table.retail td.cartrownum {
        background: #dedede;
        text-align: center!important;
    }
    #usces table.retail td.thumbnail {
        text-align: center!important
    }
    #history_head.history {
        display: block;
    }
    #history_head.history:after {
        content:'';
        display: block;
        clear: both;
    }
    #history_head.history thead,
    #history_head.history tbody {
        width: 50%;
        display: block;
        float: left;
        border-top: 1px solid #ccc;
    }
    #history_head.history td,
    #history_head.history th {
        height: 2em;
        padding: 0 0.5em!important;
        box-sizing: border-box;
        font-size: 12px!important;
        line-height: 2em!important;
    }
    #history_head.history td {
        text-align: right!important;
    }
    #usces table.retail thead {
        display: none;
    }
    #usces table.retail tbody td {
        display: inline-block;
        width: auto!important;
        border: 0;
    }
    #usces table.retail tbody td.cartrownum {
        display: block;
        width: 100%!important;
    }
    #usces table.retail tbody td.thumbnail {
        width: 30%!important;
    }
    #usces table.retail tbody td.aleft {
        width: 68%!important;
    }
    #usces table.retail tbody td.price {
        margin-left: 31%;
    }
    
    /*login*/
    #usces .loginbox {
        width: 100%;
        max-width: 400px;
    }

    /*new*/
    #usces #newmember th {
        width: 15em;
    }    
}