/* These styles are used in the checkout process */
.content {
            max-width: 940px;
            margin: 0 auto;
            font-family: "Open Sans", Helvetica, Arial, sans-serif;
            font-size: 14px;
        }

        .main-wrapper {
            max-width: 590px;
            float: left;
        }

        .aside-left {
            margin-left: 25px;
            padding-left: 25px;
            max-width: 335px;
        }

        .geo-list-form {
            padding: 0 0 30px;
        }

        .geo-list-form table {
            width: 100%;
        }

        .geo-list-form table.has-margin {
            margin-bottom: 30px;
        }

        .table-header {
            color: rgb(255, 255, 255);
            font-weight: bold;
            font-size: 18px;
            line-height: 24px;
            background: rgb(255, 139, 0) none repeat scroll 0px 0px;
            padding: 9px;
            border: 0 none;
            text-align: center;
        }

        .table-bg-shade {
            border-collapse: collapse;
            border-width: 0px 1px 1px;
            border-style: none solid solid;
            border-color: currentcolor rgb(221, 221, 221) rgb(221, 221, 221);
            -moz-border-top-colors: none;
            -moz-border-right-colors: none;
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            border-image: none;
            margin-bottom: 0 !important;
        }

        table.tableborders tr td {
            border: 1px solid #eee;
        }

        table.tableborders tr td.no-bdr {
            border: 0 !important;
        }

        .border-wrapper-medium {
            border: 3px solid rgb(221, 221, 221);
        }

        .geo-has-bdr {
            border: 1px solid rgb(221, 221, 221);
        }
        
        .geo-has-bdr.imp{
            border: 1px solid rgb(221, 221, 221)!important;
        }

        .gray-bar {
            height: 40px;
            background: rgb(229, 229, 229) none repeat scroll 0% 0%;
            border: 0px none;
            width: 82%;
        }

        .option-name {
            display: block;
            font-size: 16px;
            padding-bottom: 10px;
            font-weight: bold;
        }

        .rightborder {
            border-right: 1px solid rgb(221, 221, 221);
        }

        .pad-18-7 {
            padding: 18px 7px;
        }

        .label-preformatted {
            font-weight: 600;
            font-size: 15px;
            padding: 10px 0;
        }

        .chk-style {
            background: rgb(229, 229, 229) none repeat scroll 0% 0%;
            height: 40px;
            border: 0 none;
            padding: 5px 10px;
            font-size: 13px;
            font-weight: 600;
            min-width: 240px;
        }
        .chk-style.large{
            width:85%;
        }
        
        .chk-style.large.hund{
            width: 100%;
            margin: 10px 0 5px;
        }
        .has-margin-top{
            margin-top: 30px;
        }
        .no-marg,
        .edit-list .no-marg input[type='submit']{
            margin:0;
        }

.section-details a
{
        color: #36a1e3!important; 
    }
.article-guests {
    float: left;
    border-left: 1px solid rgb(221, 221, 221);
    min-height: 423px;
    width: 300px;
    padding: 0 0 0 24px;
    margin-left: 25px;
}

.input-type-submit-style {
            min-width: 130px;
            background: #ff8b00 url(/files/images/buttons/btn-submit.png) no-repeat 90% 17px;
            padding: 10px 40px 10px 10px;
            border: 0;
            border-right: 4px solid #e36b00;
            border-bottom: 4px solid #e36b00;
            border-radius: 0;
            font-weight: normal;
            font-family: 'Open Sans Bold';
            font-size: 15px;
            font-size: 1.5rem;
            color: #fff;
            text-transform: uppercase;
            text-align: left;
             margin-bottom: 10px;
                 display: inline-block;
        }
        .input-type-submit-style:hover
        {
            background-color: #e36b00;
    background-position: 90% -43px;
    border-color: #c15200;
        }
        
        .edit-list input[type='submit'] {
            background: #ff8b00 url(/files/images/buttons/btn-submit.png) no-repeat 93% 17px;
            margin:20px auto;
        }

        table {
            width: 100%;
        }

        .header-gray {
            background: rgb(238, 238, 238) none repeat scroll 0% 0%;
        }

        .text-left {
            text-align: left!important;
        }

        .text-center {
            text-align: center;
        }

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

        .header-gray tr th,
        .header-gray tr td {
            padding: 7px 10px;
            background: #eee;
        }
        
        th{font-weight:bold!important;}

        .item-view {
            padding: 5px 10px;
            font-size: 13px;
            font-family: arial;
            line-height: 18px;
        }

        .qnt-box, input[type='text'].qnt-box {
            text-align: center;
            font-weight: bold;
            font-family: arial;
            font-size: small;
            width: 40px;
            height: 30px;
        }
        

        .text-remove, input[type='submit'].text-remove {
            font-family: arial;
            font-size: 12px;
            line-height: 18px;
            font-weight: bold;
            text-align: center;
            text-decoration: none;
            color: rgb(255, 139, 0);
            background:none;
            border:0;
            padding:0;
        }
        
        input[type='submit'].text-buy
        {font-family: arial;
            font-size: 12px;
            line-height: 18px;
            font-weight: bold;
            text-align: center;
            text-decoration: none;
            color:green;
            background:none;
            border:0;
            padding:0;
        }

        input[type='text'].txtbox-small {
            border: 1px solid rgb(221, 221, 221);
            height: 20px;
            margin-top: 10px;
            max-width:200px;
            height:22px;
        }

        input[type='submit'].button-small {
            background: rgb(255, 139, 0) none repeat scroll 0px 0px;
            border: 0px none;
            color: rgb(255, 255, 255);
            font-family: open sans;
            font-weight: 600;
            padding: 1px 10px 4px;
            position: relative;
            top: -2px;
            min-width:70px;
            height:22px;
        }

        tfoot tr td {
            font-weight: bold;
        }

        .footer-gray {
            background: rgb(238, 238, 238) none repeat scroll 0% 0%;
            font-weight: bold;
            padding: 7px 10px;
            text-align: left;
        }

        .pull-right{
            float: right;
        }
        
        .standardfont.tableheaderborder {
            margin-top: 10px;
        }
        
        .standardfont
        {
            margin-top:30px;
        }
        
        .savetime-chk input,
        .savetime-chk label
        {
            float: left;
            vertical-align: top;
            margin-right: 5px;
            line-height:1;
        }
        
       
        /*chk-out style-----------------------------------------------------------------------------------------------*/
        .float-none
        {
            float:none!important;
            }
            
            .keep-align {
    vertical-align: top;
    line-height: 1;
}
.keep-align input[type="checkbox"]
{float: left;
    margin-right: 5px;
    
    }
    .marg-bot-0
    {
        margin-bottom:0!important;
    }
    
     .marg-bot-10
    {
        margin-bottom:10px;
    }

        .chk-out-form {
            margin-top: 30px;
        }

        .col-left {
            width: 49%;
            float: left;
            margin-bottom: 20px;
        }

        .col-right {
            margin-left: 2%;
            width: 49%;
            float: left;
            margin-bottom: 20px;
        }

        .col-full-width {
            width: 100%;
            margin-bottom: 20px;
            clear: left;
        }

        .chkout-table {
            margin-top: 20px;
        }
        
         .col-left, .col-right, .col-full-width
        {
            position:relative;
            }

        .error-label{
            color: #FF0000;
            font-size: 12px;
            position: absolute;
            bottom: -18px;
            left: 0;
         }
        .box-chk-out {
            background: rgb(255, 255, 255) none repeat scroll 0% 0%;
            border-width: 0px 1px 1px;
            border-style: none solid solid;
            border-color: currentcolor rgb(221, 221, 221) rgb(221, 221, 221);
            -moz-border-top-colors: none;
            -moz-border-right-colors: none;
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            border-image: none;
            padding: 20px;
            float: left;
            margin-bottom: 20px;
            width: 548px;
        }

        input[type='text'], input[type='password'] {
            height: 40px;
        }

        .help-text {
            font-size: 12px;
            color: rgb(153, 153, 153);
        }

        .chk-btn-block {
            text-align: center;
            display: block;
            padding: 15px 0px;
            border-bottom: 1px solid rgb(221, 221, 221);
            border-left: 1px solid rgb(221, 221, 221);
            border-right: 1px solid rgb(221, 221, 221);
            background: rgb(248, 248, 248) none repeat scroll 0% 0%;
            margin-bottom:20px;
        }

        .cart-summary {
            max-width: 300px;
        }
        
        .pull-left
        {
            float:left
            }
            
            .footer-gray .standardfont
            {
                margin-top:0;
                }
         /*.chk-out style-----------------------------------------------------------------------------------------------*/
        /* Zebra striping */

        .table-responsive-custom table tr {
            background: #eee;
        }
        .table-responsive-custom table tr:nth-of-type(odd) {
            background: #fff;
        }
        .table-responsive-custom table th {
            font-weight: bold;
        }
        .table-responsive-custom table td, th {
            padding: 6px;
            text-align: left;
        }
.table-responsive.table-responsive-custom input[type="text"] {
    width: 40px;
    text-align: center;
}

input[type='submit'].button-small{
top:0;
}


einput-type-submit-style{
   display: inline-block;
   margin-bottom: 10px;
}
        /*custom table style*/  
       @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px){

            /* Force table to not be like tables anymore */
            .table-responsive-custom table, .table-responsive-custom thead, .table-responsive-custom tbody, .table-responsive-custom th, .table-responsive-custom td, .table-responsive-custom tr {
                display: block;
            }
            
            

            /* Hide table headers (but not display: none;, for accessibility) */
            .table-responsive-custom table thead tr, 
            .saved-mailing-list.table-responsive-custom table thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            .table-responsive-custom table tr,
            .saved-mailing-list.table-responsive-custom table tr {
                border: 1px solid #ccc;
            }

            .table-responsive-custom table td,
            .saved-mailing-list.table-responsive-custom table td {
                /* Behave  like a "row" */
                border: none;
                border-bottom: 1px solid #eee;
                position: relative;
                padding-left: 50%;
            }

            .table-responsive-custom table td:before,
            .saved-mailing-list.table-responsive-custom table td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                /*width: 45%;*/
                padding-right: 10px;
                white-space: nowrap;
            }

            /*
            Label the data
            */
            .table-responsive-custom table td:nth-of-type(1):before {
                content: "Item";
            }

            .table-responsive-custom table td:nth-of-type(2):before {
                content: "Quantity";
            }

            .table-responsive-custom table td:nth-of-type(3):before {
                content: "Price";
            }
            
             .saved-mailing-list.table-responsive-custom table td:nth-of-type(1):before {
                content: "Type";
            }

            .saved-mailing-list.table-responsive-custom table td:nth-of-type(2):before {
                content: "Description";
            }

            .saved-mailing-list.table-responsive-custom table td:nth-of-type(3):before {
                content: "Count";
            }
            
            .saved-mailing-list.table-responsive-custom table td:nth-of-type(4):before {
                content: "Price";
            }
            
            .saved-mailing-list.table-responsive-custom table td:nth-of-type(5):before {
                content: "Date";
            }
            

            .table-responsive-custom table .item-view {
                text-align: left;
                padding: 10px 30%;
            }
            
            .saved-mailing-list.table-responsive-custom table .item-view {
                text-align: left;
                padding: 10px 38%;
            }


            .table-responsive-custom table .item-view:before,
            .saved-mailing-list.table-responsive-custom table .item-view:before{
                font-weight: bold;
                text-transform: uppercase;
                padding:10px 0;
            }
            
            .saved-mailing-list.table-responsive-custom table td.item-view
            {
                min-height:32px;
            }



        }

      

        /*custom table style*/

@media all and (max-width: 992px) {
    
}

@media all and (max-width: 800px) {
    #cse-search-form{
        margin-left: 15px;
            width: 89%;
    }

    .article-guests {
        float: none;
        border-left: 0;
        min-height: 0;
        width: 100%;
        padding: 0 20px 30px;
        margin-left: 0;
    }
    
    .main-wrapper 
    {
        width:auto;
        max-width:100%;
        float:none;
        
        }
        
       .box-chk-out
       {
           width:100%;
           box-sizing: border-box;
        
        }
        .aside-left 
        {
            margin-top:30px;
            margin-left: 0;
            max-width: 100%;
            padding:0 15px;
            margin-bottom:30px;
            float:none!important;
        }
        
         .col-left {
            width: 100%;
            float: none;
            margin-bottom: 20px;
            clear: left;
        }

        .col-right {
            margin-left: 0;
            width: 100%;
            float: none;
            margin-bottom: 20px;
            clear: left;
        }

        .col-full-width {
            width: 100%;
            margin-bottom: 20px;
            clear: left;
        }
        
      
    .chk-btn-block{
        width: 100%;
    float: none;
    padding: 20px;}
    .cart-summary {
    max-width: 100%;
}
        
        
}