.close,.desktop .cart_text{
    float:right;
    font-weight:700
}
.desktop .icon_holder{
    float:right;
    width:75px;
    position:relative;
    text-align:center;
    margin-right:-9px
}
.desktop .cart_icon{
    position:absolute;
    right:17px;
    width:44px;
    top:-20px
}
.desktop .cart_count{
    color:#F28944;
    font-size:14px;
    margin-top:-21px;
    display:inline-block;
    z-index:99999;
    position:absolute
}
.desktop .cart_text{
    display:block;
    color:#fff;
    text-transform:uppercase;
    padding:0;
    margin:9px 24px 0 0;
    height:18px
}
.cart_text:hover,.desktop .cart_text a{
    color:#fff;
    text-decoration:none
}
.mobile_menu{
    display:inline-block;
    float:right;
    background:#000;
    height:32px;
    margin-right:8px;
    width:39px;
    padding-left:4px;
    margin-top:11px
}
.mobile_menu .cart_icon{
    width:35px;
    margin-top:6px;
    height:22px
}
.mobile_menu .cart_count{
    color:#F28944;
    font-size:14px;
    display:block;
    z-index:99999;
    margin-top:-20px;
    margin-right:17px;
    right:-16px;
    position:relative;
    top:-4px
}
.modal{
    display:none;
    position:fixed;
    z-index:999999;
    padding-top:20px;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:#000;
    background-color:rgba(0,0,0,.4)
}
.modal-content{
    position:relative;
    background-color:#fefefe;
    margin:auto;
    padding:0;
    border:1px solid #888;
    width:80%;
    box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    max-width:557px
}
@-webkit-keyframes animatetop{
    from{
        top:-250px;
        opacity:0
    }
    to{
        top:0;
        opacity:1
    }
}
@keyframes animatetop{
    from{
        top:-250px;
        opacity:0
    }
    to{
        top:0;
        opacity:1
    }
}
.close{
    color:#fff;
    font-size:1.2em
}
.close:focus,.close:hover{
    color:#000;
    text-decoration:none;
    cursor:pointer
}
.modal-header{
    padding:2px 16px;
    background:#fff;
    background:-moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(229,229,229,1) 56%);
    background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(229,229,229,1) 56%);
    background:linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(229,229,229,1) 56%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 );
    border-radius:12px 16px 0 0;
    -moz-border-radius:12px 16px 0 0;
    -webkit-border-radius:12px 16px 0 0;
    border:0 solid #000
}
.modal-header h2{
    margin:4px;
    font-size:19px
}
#myModal .info_btn{
    float:none!important
}
.ui-dialog-titlebar-close span{
    display:block!important;
    margin:1px!important;
    width:16px;
    height:22px;
    background:url(/assets/icon_close.png) no-repeat!important
}
.ui-dialog-titlebar-close{
    background:0 0!important;
    margin-top:8px
}
.ui-dialog-titlebar-close:hover span{
    background-position:-16px 0!important
}

    #myModal .left_box{
        width:35%;
        float:left;
        clear:none;
        padding:0;
        padding-right: 15px;
    }
    #myModal .right_box{
        width:34%;
        float:right;
        clear:none;
        padding:0;
    }
    #myModal .modal-body .right_box{
        margin-top: 35px;
        margin-left: 15px;
    }
    #myModal .middle_box{
        width:28%;
        float:left;
        clear:none;
        padding:0;
        font-size:13px!important;
        margin-top:35px;
        line-height:2.5
    }
    .modal-body{
        padding:2px 16px;
        float:left;
        height:auto;
        background:#fff;
        width:555px
    }
    .modal-footer{
        background-color:#fff;
        color:#000;
        clear:both;
        width:100%;
        float:left;
        padding:15px;
        border-radius:0 0 10px 10px;
        -moz-border-radius:0 0 10px 10px;
        -webkit-border-radius:0 0 10px 10px;
        border:0 solid #000
    }
    #myModal .left_box img{
        max-width:250px;
        width:100%
	}
.right_border{
    border:2px solid #ccc;
    padding:2px;
    border-radius:12px;
    -moz-border-radius:12px 16px 12px 12px;
    -webkit-border-radius:12px 12px 12px 12px;
    height:100px;
    line-height:2.2;
    font-size:13px!important
}
#myModal .right_box
{
	text-align: center;
}
#myModal .left_box .info_btn
{
    -webkit-box-shadow: inset 0 1px 0 0 #888888;
    box-shadow: inset 0 1px 0 0 #888888;
    background: #888888;
    border: 1px solid #888888;
    text-shadow: 0 1px 0 #888888;
    text-transform: uppercase;
}

#myModal .left_box .info_btn:hover
{
    -webkit-box-shadow: inset 0 1px 0 0 #666666;
    box-shadow: inset 0 1px 0 0 #666666;
    background: #666666;
    border: 1px solid #666666;
    text-shadow: 0 1px 0 #666666;
}

#myModal .right_box .info_btn
{
    -webkit-box-shadow: inset 0 1px 0 0 #f24537;
    box-shadow: inset 0 1px 0 0 #f24537;
    background: #f24537;
    border: 1px solid #f24537;
    text-shadow: 0 1px 0 #f24537;
    text-transform: uppercase;
}
#myModal .right_box .info_btn:hover
{
    -webkit-box-shadow: inset 0 1px 0 0 #c62d1f;
    box-shadow: inset 0 1px 0 0 #c62d1f;
    background: #c62d1f;
    border: 1px solid #c62d1f;
    text-shadow: 0 1px 0 #c62d1f;
}




@media screen and (max-width:767px){
    #myModal .modal-body .left_box{
        text-align:left;
        float:left;
        width:50%;
        padding:10px;
        clear:none
    }
    #myModal .modal-body .left_box img{
        max-width:250px;
        width:100%
    }
    #myModal .modal-body .middle_box{
        float:right;
        width:50%;
        padding:10px;
        clear:none;
        margin-top: 10px;
    	line-height: 1.7;
    }
    #myModal .modal-body .right_box{
        text-align:center;
        float:none;
        margin: 0 auto;
    	width: 65%;
        padding:10px;
        clear:both
    }
    .right_box .right_border
    {
    	height: auto;
    	line-height: 1.7;
    }
    #myModal .modal-body{
        padding:2px 16px;
        float:left;
        height:auto;
        background:#fff;
        width:100%
    }
    #myModal .modal-footer{
        padding:2px 0;
        background-color:#fff;
        color:#000;
        clear:both;
        width:100%;
        display: grid;
    }
    #myModal .modal-footer .left_box, #myModal .modal-footer .right_box
    {
    	float:none;
    	width: 100%;
    	padding: 10px;
    }
    #myModal .modal-footer .left_box
    {
    	order:2;
    }
    #myModal .modal-footer .right_box
    {
    	order:1;
    }
}