.shop-content{
    max-width: 900px;
    margin: 0 auto;
    padding: 1em;
}
.shop-content hr{
    background: #eaeaea;
    margin: 0px !important;
    margin-top: 5px !important;
    margin-bottom: 20px !important;
}
.shop-steps{
    display: table;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    border-spacing: 10px;
    border-collapse: separate;
}
.shop-step{
    display: table-cell;
    border: 1px solid #3b82ae;
    border-radius: 15px 5px 5px 15px;
    padding: 10px;
}
.shop-step.on{
    background: #e3eff6;
}
.shop-step.gray{
    background: #f9f9f9;
}
.shop-step.blank{
    
}
.shop-content h2{
    text-align: left;
    font-weight: normal;
    font-size: 1.4em;
    color: #2D3E52;
    margin-bottom: 5px;
}
.shop-content h4{
    text-align: left;
    font-weight: normal;
    font-size: 1.3em;
    color: #2D3E52;
    margin-bottom: 10px;
}
.shop-content h5{
    text-align: left;
    font-weight: normal;
    font-size: 1.2em;
    color: #2D3E52;
    margin-bottom: 5px;
}
.shop-content h5{
    font-size: 1.4em;
}
.shop-content h5 a{
    text-decoration: none;
}
.shop-content .small{
    font-size: 1em;
}
.shop-content .price{
    font-size: 1.4em;
    font-weight: normal;
}
.shop-content .small, .shop-content .price{
    line-height: 1.5em;
}
.article{
    display: table;
    border-spacing: 5px;
    border-collapse: separate;
    width: 100%;
}
.article.r2{
    background: #E3EFF6;
}
.article.r2 img{
    box-shadow: 0px 0px 1px #BBB;
}
.article .image{
    text-align: center;
    width: 120px;
}
.article > div{
    display: table-cell;
}
.article .info, .article .count{
    vertical-align: middle;
}
.article .count{
    text-align: right;
}
.article .count .content{
    display: inline-block;
}
.article .count .label{
    text-align: center;
}
.article .small a{
    text-decoration: none;
}
.shop-content a.button{
    display: inline-block;
    background: #98CE44;
    white-space: nowrap;
    text-align: center; 
    text-decoration: none;
}
.shop-content button, .shop-content a.button {
    box-sizing: border-box;
    border: none;
    color: #fff !important;
    cursor: pointer;
    padding: 0 15px;
    white-space: nowrap; 
}
@media all and (max-width: 700px){
    .shop-steps{
        max-width: 400px !important;
    }
    .shop-step.blank{
        display: none;
    }
}
.order-details{
    font-size: 1.1em;
}
.order-details .left{
    color: #01B7F2;
}
.order-details .right{
    color: #838383;
}
.order-details .left.large{
    font-weight: normal;
    font-size: 1.45em;
    color: #2D3E52;
}
.order-details .right.large{
    color: #98CE44;
    font-size: 1.45em;
}
.order-details .underline{
    border-bottom: #dbdbdb 1px solid;
}
.box-shadow{
    position: relative;
    background: #FFF;
    padding: 2em;
}
.box-shadow:after{
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    bottom: 0px;
    left: 10%;
    right: 10%;
    width: 80%;
    height: 50%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.order-detail{
    border-bottom: #dbdbdb 1px solid;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.order-detail:after {
    content: "";
    display: table;
    clear: both;
}
.shop-content .btn-large.button {
    display: inline-block;
    font-size: 0.9167em;
    font-weight: normal;
    background: #98ce44;
    width: 33%;
    line-height: 2em;
    height: 2em;
    font-size: 1.25em;
    border:0px transparent none;
    color: #FFF;
    white-space: normal;
}
.mod-cart{
    font-size: 1.5em;
}
.shop-content input[type="text"], .shop-content input[type="password"]{
    background: none repeat scroll 0% 0% #F5F5F5;
    border: medium none;
    line-height: normal;
    padding-left: 15px;
    padding-right: 15px;
    height: 34px;
    box-sizing: border-box;
}
.form-group.login label{
    display: block;
}
.shop-content .form-group:after{
    content: "";
    display: table;
    clear: both;
}
.shop-content .mid-section{
    margin-top: 15px;
    margin-bottom: 15px;
}
#pragmatic-shipment-data{
    display: none;
}
.pragmatic-shipment:checked ~ #pragmatic-shipment-data{
    display: block;
}
#alter-shipment-data{
    display: none;
}
.alter-shipment:checked ~ #alter-shipment-data{
    display: block;
}
.checkbox, .radio {
  position: relative;
  margin-top: 0;
  line-height: 20px; 
}
.checkbox:before, .radio:before{
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 15px;
  height: 15px;
  border: 1px solid #d1d1d1;
  z-index: 0;
  font-family: "soap-icons";
  line-height: 12px;
  text-align: center; 
}
.checkbox.checked:before, .radio.checked:before{
    border-color: #01b7f2;
    color: #fff;
    background: #01b7f2 url(../images/tiles.png);
    background-position: -93px -182px;
    background-repeat: no-repeat;
}
.checkbox label, .checkbox.label {
  font-size: 1.0833em;
  line-height: 20px;
  color: #9e9e9e; 
}
.checkbox input[type="checkbox"] {
  position: relative;
  z-index: 1;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; 
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0px !important;
}
.radio, .checkbox {
    box-sizing: border-box;
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px !important;
}
.radio label, .checkbox label{
    padding-left: 10px !important;
}
.error{
    color: #CC0000;
}
.tile{
    border: 5px solid #F5F5F5;
    width: 160px;
    height: 160px;
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
    position: relative;
    text-align: center;
}
.tile input{
    margin-top: 5px;
}
.tile.checked{
    border: 5px solid #c6c6c6;
    background: #F5F5F5;
}
.tile div{
    text-align:center;
}
.tile label{
    display: inline-block;
    margin: 0;
    text-transform: none;
    padding: 0px;
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.tile img{
    display: inline-block;
    margin-top: 15px;
    border:0;
    padding:0;
}
.width-33{
    width: 33%;
}
.right-text{
    text-align: right;
}
.width-33 .btn-large{
    width: 100% !important;
}
.ideal-bank-table
{
    width:50%;
    border: 1px solid #0351a3;
    background-color:#ebf0f9;
}
.ideal-bank-table-header
{
    background-color:#297cca;
    color:#FFF
}
#pragmaticYes:checked{
    border:1px solid #000;
}
#pragmatic{
    display: none !important;
}
#pragmaticYes:checked ~ #pragmatic{
    display: block !important;
}
.errlabel{
    color: #D00;
}
.width-75{
    width: 75%;
}
.field-label{
    width: 100%;
    max-width: 25%;
    line-height: 40px;
    float: left;
}
.field-content{
    line-height: 40px;
}
.left-50{
    float: left;
    width: 100%;
    max-width: 75%;
}
.fields-left{
    float: left;
    margin-left: 10px;
}
.left-field{
    float: left;
}
@media all and (max-width: 625px){
    .field-label{
        max-width: 100% !important;
    }
    .fields-left{
        float: none;
        margin-left: 0 !important;
    }
    .left-field{
        float: none;
    }
    .left-50{
        float: none;
        max-width: 100% !important;
    }
    .float-left{
        float: none !important;
    }
    .user_tile{
        margin-top: 10px;
    }
    .fields-left .user_tile{
        float: left;
        margin-right: 10px;
    }
    .field-content{
        line-height: normal;
    }
}
.forgot-password{
    float: right;
    font-size: 0.75em;
    line-height: 2em;
}
.button1a{
    display: none !important;
}
.button1b{
    display: none !important;
}
.button1c{
    display: none !important;
}
@media all and (max-width: 1000px){
    .button1a{
        display: inline-block !important;
    }
    .button1b{
        display: inline-block !important;
    }
    .button1c{
        display: inline-block !important;
    }
    .button2a{
        display: none !important;
    }
    .button2b{
        display: none !important;
    }
    .button2c{
        display: none !important;
    }
}
input.input-text, select, textarea, span.custom-select {
    background: #f5f5f5;
    border: none;
    line-height: 1.5em;
    padding: 0.5em;
}
.full-width {
    width: 100% !important; 
}
.half-width {
    width: 50% !important; 
}