@font-face {
        font-weight: normal;
        font-style: normal;
    }

    body {
        font-size: 13px;
        color: #333;
        background: #ececec;
    }

    * {
        margin: 0;
        padding: 0;


        /*    font-family: 'DiavloBook-Regular';*/
    }

    h9,
    .btn_submit {
        font-weight: bold;
        font-style: normal;
        font-size: 16px;
        background: url("../images/order_table_header.png") repeat-x scroll 0 0 transparent;
        color: #fff;
        padding: 7px 20px 10px 20px;
        border-radius: 7px;
        margin-top: 20px;
    }

    .float_left {
        float: left;
    }

    .float_right {
        float: right;
    }

    .clear {
        clear: both;
    }

    div {
        position: relative;
    }

    .hidden {
        position: absolute;
        top: -999999px;
    }

    a img {
        border: none;
    }

    li.clear {
        display: block;
        float: none;
        height: 0;
    }

    /*---------------------------------- Start : main_style --------------------------------------*/
    .wrapper {
        width: 1000px;
        margin: 0 auto;
    }

    #header {
        background: url(../images/top_bg.png) repeat-x 0 0;
        position: relative;
        /*z-index: 99;*/
    }

    #header_inner {
        height: 105px;
        position: relative;
    }

    h1.logo {
        left: 34px;
        position: absolute;
        top: 24px;
    }

    ul.navigation {
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        top: 35px;
        right: 0;
    }

    ul.navigation li {
        float: left;
        display: inline-block;
        margin-left: 5px;
    }

    ul.navigation li a {
        color: #FFFFFF;
        display: inline-block;
        /*    font-family: 'DiavloBook-Regular';*/
        font-size: 14px;
        font-weight: bold;
        height: 30px;
        line-height: 30px;
        padding: 0 25px;
        text-decoration: none;
        text-transform: uppercase;
    }

    ul.navigation li a:hover,
    ul.navigation li.active a {
        background: url("../images/menu_bg.png") repeat-x scroll 0 0 transparent;
        border-radius: 15px 15px 15px 15px;
        box-shadow: 2px 2px 2px #852901;
    }


    #content {}

    .welcome_text {
        width: 615px;
    }

    .testimonial {
        width: 300px;
    }

    #content_inner {
        padding: 0 0 35px;
    }

    .welcome_text h1 {
        font-size: 32px;
        font-weight: bold;
        line-height: 35px;
        padding-bottom: 15px;
    }

    .testimonial h2 {
        font-size: 40px;
        font-weight: bold;
        line-height: 35px;
    }

    .testimonial h2 span {
        color: #0090ff;
        font-size: 30px;
        display: block;
        text-align: right;
        text-transform: uppercase;
    }

    h10 {
        font-size: 28px;
        font-weight: bold;
        line-height: 35px;
        margin-left: 42%;
        color: #D10202;

    }


    h11 {
        font-size: 20px;
        color: #D10202;
        line-height: 25px;
    }

    #content p {
        font-size: 14px;
        line-height: 20px;
        padding: 0 0 10px;
    }

    .featured_items {
        padding: 20px 0;
    }

    .featured_item_02 {
        margin: 0 60px;
    }

    .featured_items li {
        list-style: none outside none;
    }

    .service_title {
        line-height: 32px;
        background: #c83d00;
    }

    .service_title span {
        background: #000;
        display: inline-block;
        height: 32px;
        line-height: 32px;
        padding: 0 15px;
        color: #fff;
        text-transform: uppercase;
        font-size: 19px;
    }

    .testimonial p.name {
        color: #000000;
        font-size: 16px !important;
        text-align: right;
    }

    .testimonial img {
        margin-right: 5px;
    }

    .service_links {
        background: none repeat scroll 0 0 #F6F5F5;
        border-bottom: 1px solid #7b7b7b;
    }

    .service_links_box {
        width: 218px;
        padding: 15px 15px 25px;
    }

    .service_links_box.odd {
        background: #fff;
    }

    .service_links_box li {
        list-style: none;
    }

    .service_links_box li a {
        color: #414142;
        display: block;
        font-size: 14px;
        line-height: 24px;
        text-decoration: none;
        text-transform: uppercase;
    }

    #footer {
        background: url(../images/footer_btm.png) repeat-x 0 bottom #1c1c1c;
    }

    #footer_inner {
        height: 350px;
    }

    .footer_top {
        height: 200px;
        padding-top: 45px;
    }

    .footer_top .about_us {
        width: 415px;
    }

    .footer_top .twitter {
        margin-left: 45px;
        padding-left: 45px;
        width: 260px;
        background: url(../images/footer_top_sepharator.png) 0 0 no-repeat;
    }

    .footer_top h2 {
        color: #C9C9C9;
        padding-bottom: 15px;
    }

    .footer_top p {
        color: #C9C9C9;
        padding-bottom: 15px;
        font-size: 12px;
    }

    #footer_inner .social_links {
        bottom: 65px;
        position: absolute;
    }

    #footer_inner .copyright {
        bottom: 20px;
        color: #777777;
        position: absolute;
    }

    .footer_payment {
        bottom: 22px;
        position: absolute;
        right: 0;
    }

    .newsletter {
        bottom: 68px;
        position: absolute;
        right: 0;
    }


    .footer_top .fb {
        padding-left: 45px;
        width: 150px;
        background: url(../images/footer_top_sepharator.png) 0 0 no-repeat;
    }

    .newsletter span {
        color: #000000;
        display: inline-block;
        float: left;
        font-size: 18px;
        line-height: 24px;
        padding-right: 10px;
    }

    .newsletter .input {
        background: url("../images/newsletter_bg.png") no-repeat scroll 0 0 transparent;
        border: medium none;
        height: 26px;
        line-height: 25px;
        margin-right: 5px;
        padding: 0 5px;
        width: 181px;
        float: left;
    }

    .newsletter .submit {
        background: url("../images/n_submit.png") no-repeat scroll 0 0 transparent;
        border: medium none;
        cursor: pointer;
        font-size: 0;
        height: 24px;
        width: 71px;
        float: right;
        margin-top: 6px;
    }


    /*------------------------ search ---------------------------------------*/
    .inner_page {
        background: url(../images/inner_top.png) repeat-x center top #fff;
        position: relative;
        top: -10px;
    }

    .bredcam ul {
        background: url(../images/bredcam_bg.png) no-repeat 0 0;
        width: 587px;
        height: 35px;
    }

    .bredcam li {
        display: inline-block;
        float: left;
        list-style: none outside none;
    }

    .bredcam li a {
        color: #444444;
        display: inline-block;
        font-size: 16px;
        line-height: 32px;
        text-align: center;
        text-decoration: none;
        width: 143px;
    }


    .search_inner_page .submit {
        background: url("../images/btn_s.png") no-repeat scroll 0 0 transparent;
        border: medium none;
        font-size: 0;
        height: 35px;
        width: 36px;
        cursor: pointer;
        float: left;
    }

    .search_inner_page .input {
        background: url("../images/input_s.png") no-repeat scroll 0 0 transparent;
        border: medium none;
        color: #555555;
        height: 35px;
        padding: 0 5px;
        width: 162px;
        float: left;
    }

    .search_inner_page label {
        height: 35px;
        line-height: 32px;
        padding-right: 10px;
        color: #c20101;
        font-size: 14PX;
    }

    .top_bar {
        padding: 35px 0 15px;
    }

    .category_filter {
        background: url(../images/category_filter.png);
        border: 1px solid #e2e2e2;
        height: 156px;
    }

    .category_filter h2 {
        background: url("../images/category_filter_header.png") no-repeat scroll 0 0 transparent;
        color: #000000;
        font-size: 19px;
        height: 38px;
        line-height: 38px;
        padding-left: 15px;
    }

    .category_filter li {
        background: url("../images/category_filter_li_bg.png") no-repeat scroll 0 5px transparent;
        display: inline-block;
        height: 24px;
        list-style: none outside none;
        padding-left: 15px;
        width: 220px;
    }

    .category_filter li a {
        color: #3F3F3F;
        font-size: 12px;
        text-decoration: none;
    }

    .category_filter ul {
        padding: 13px 15px 0px;
    }

    ul.tab_group {
        height: 115px;
        padding-top: 15px;
    }

    ul.tab_group li {
        list-style: none outside none;
        background: url(../images/tab_bg.png) no-repeat 0 0;
        margin-left: 4.6px;
        cursor: pointer;
    }

    .tab_group li:hover {
        background: none repeat scroll 0 0 #FFFFFF;
    }

    .tab_group li.active {
        background: none repeat scroll 0 0 #FFFFFF;
    }

    ul.tab_group li.first {
        margin: 0;
    }

    ul.tab_group li.last {
        margin: 0;
    }

    .product_listing {
        border: 1px solid #E2E2E2;
    }

    .product_box {
        padding: 15px;
        border-bottom: 1px solid #e3e3e1;
    }

    .product_box.odd {
        background: #f8f7f7;
    }

    .product_img_box {
        border: 1px solid #E2E2E2;
        height: 133px;
        width: 135px;
        margin-right: 30px;
        cursor: pointer;
    }

    .product_img_box img.status {
        border: medium none;
        margin-top: -85px;
        position: relative;
        right: -137px;
    }

    .product_img_box img {
        border: 6px solid #FFFFFF;
    }

    .product_box .short_des {
        width: 360px;
    }

    .product_box .product_name {
        color: #D10202;
        font-size: 22px;
        font-weight: bold;
        margin: 2px 0 5px;
        cursor: pointer;
    }

    .product_box p.description {
        padding-top: 10px !important;
    }

    .product_box .shipping_details {
        color: #D30202;
        font-size: 13px;
    }

    .product_box .shipping_details_info {
        float: left;
        color: #000;
        font-size: 13px;
    }

    .other_details .delivery_info img {
        float: left;
        margin-right: 5px;
    }

    .other_details .collection_info {
        width: 170px;
    }

    .other_details .collection_info img {
        float: left;
        margin-right: 5px;
    }

    .product_box .other_details {
        padding-top: 25px;
    }

    .other_details span {
        font-size: 12px;
    }

    .other_details .bottom_link {
        padding-top: 45px;
        width: 390px;
    }

    .other_details .bottom_link img {
        margin-left: 10px;
    }

    #filter_price_content {
        margin: 0 10px 15px;
        font-weight: bold;
    }

    /*-------------------------------- Place_order -------------------------------------*/

    .bredcam li.active a {
        color: #C20101;
    }

    ul.place_order_tab_group {
        padding: 0;
    }

    .place_order_product .product_box {
        background: none repeat scroll 0 0 #FFFFFF;
        border: medium none;
        margin-bottom: 3px;
        padding-bottom: 19px;
    }

    .bredcam_search ul {
        background: url("../images/bredcam_search_bg_place_order.png") no-repeat scroll 0 0 transparent;
    }

    .bredcam_place_order ul {
        background: url("../images/bredcam_bg_place_order.png") no-repeat scroll 0 0 transparent;
    }

    .bredcam li.active a {
        color: #FFFFFF;
        padding-left: 18px;
        width: 125px;
    }

    .menu_selection {
        /*width: 100%;*/
    }

    .order_menu {
        width: 100%;
    }

    .your_order {
        width: 100%;
    }

    .order_table {
        background: none repeat scroll 0 0 #F8F7F7;
        border: 1px solid #E3E3E3;
        padding: 15px;
        text-align: left;
    }

    .order_table h2.headeing {
        background: url("../images/order_table_header.png") repeat-x scroll 0 0 transparent;
        color: #FFFFFF;
        font-size: 18px;
        height: 39px;
        line-height: 39px;
        text-align: center;
        margin: 0;
        padding-left: 15px;
        border-radius: 7px 7px 0 0;
    }

    .menu_selection li a {
        border-bottom: 1px dotted #888888;
        color: #616161;
        display: block;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        line-height: 25px;
        text-decoration: none;
        /*    width: 150px;*/
    }

    .menu_selection ul {
        padding-top: 5px;
    }

    .menu_selection li {
        list-style: none outside none;

    }

    .order_menu table {
        background: none repeat scroll 0 0 #FFFFFF;
        border-left: 1px solid #D2D2D2;
        border-right: 1px solid #D2D2D2;
        border-top: 1px solid #D2D2D2;
    }

    .order_menu table td {
        border-bottom: 1px solid #D2D2D2;
        color: #D10202;
        padding: 4px 10px;
        vertical-align: middle;
    }

    .order_menu table td span {
        display: block;
        text-align: right;
    }

    .order_menu table td span img {
        margin-left: 3px;
    }

    .order_menu h3 {
        font-size: 14px;
        padding: 15px 0 7px;
    }

    .order_details {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 0px solid #CF0202;
        box-shadow: 0;
        padding: 15px 10px;
    }

    .order_details table td {
        border-bottom: 1px dashed #D4D4D4;
        padding: 4px 0 5px;
    }

    .order_details table td span {
        display: inline;
        text-align: right;
    }

    .order_details table td span img {
        margin-left: 1px;
    }

    .order_details h3 {
        color: #CF0202;
        font-weight: normal;
        padding: 5px 0;
        text-align: center;
        text-transform: uppercase;
    }

    #content .order_details p.submit_order {
        padding: 30px 0 20px;
        text-align: center;
    }

    /* order page extended */
    .tabContent {
        text-align: justify;
        z-index: 2;
        width: 100%;
        display: inline-block;
    }

    #record_tabs {
        padding: 0px;
    }

    #record_tabs li {

        background: none repeat scroll 0 0 #C80101;
        display: inline-block;
        margin: 0 5px 0 0;
        border-radius: 7px 7px 0 0;

        /*    display: table-cell;
            overflow: hidden;
            list-style-type: none;                */
    }

    #record_tabs a {
        /*    background: url(../images/menu/tab_normal.png) no-repeat;
        margin:0;
        padding:0;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        font-weight: bold;
        color: #444444;
        width: 147px;
        height: 25px;
        float: left;
        display: inline-block;*/
        color: #FFFFFF;
        display: inline-block;
        height: 40px;
        width: 147px;
        line-height: 40px;

        text-decoration: none;
        text-align: center;
        padding: 0;
        text-transform: uppercase;
    }

    #record_tabs a p {
        margin: 0;
        padding-top: 8px;
        font-weight: bold;
    }

    #record_tabs a.active {
        background: none repeat scroll 0 0 #FFFFFF;
        color: #CC0202;
        border-radius: 7px 7px 0 0;
        /*	background: url(../images/menu/tab_active.png) no-repeat;	*/
    }

    #record_tabs a.active:hover {
        background: none repeat scroll 0 0 #FFFFFF;
        color: #CC0202;
        border-radius: 7px 7px 0 0;
    }

    #record_tabs a.normal:hover {
        background: none repeat scroll 0 0 #FFFFFF;
        color: #CC0202;
        text-decoration: none;
        border-radius: 7px 7px 0 0;
        /*background: url(../images/menu/tab_hover.png) no-repeat;*/
    }

    #productHeader {
        width: 100%;
        position: relative;
        border-radius: 5px;
        color: #666666;
        background: #f0f0f0;
        display: inline-block;
        border-radius: 5px;
    }

    #productHeader .text {
        float: left;
        width: 100%;
        padding: 15px;
    }

    #productHeader .text .textHeader {
        font-size: 20px;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 10px;
        color: #AA0A19;
    }

    #productHeader .text .textcontent {
        text-align: justify;
    }

    #productHeader .image {
        float: left;
        width: 285px;
        padding: 20px;
        position: relative;
        min-height: 270px;
    }

    #productHeader .image img {
        width: 290px;
        height: 218px;
        float: right;
        border-radius: 5px;
    }

    #productHeader .image .overlayImage {
        position: absolute;
        left: 20px;
        top: 20px;
        border: none;
        padding: 0;
    }

    #productHeader .triangle {
        position: absolute;
        left: 470px;
        top: 50%;
        background: url("/images/menu/triangle_right.png") no-repeat;
        height: 14px;
        width: 11px;
        z-index: 100;
    }


    #productHeader .rating {
        border-top: 1px dotted #b0b0b0;
        border-bottom: 1px dotted #b0b0b0;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    /* box */
    .box {
        background-color: #F0F0F0;
        border: 1px solid #D2D2D2;
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        padding: 20px;
    }

    .box_inner {
        background-color: #FFFFFF;
        border: 1px solid #D2D2D2;
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        padding: 20px;
        margin: 0 auto;

    }

    .box_inner h2 {

        background-attachment: scroll;
        background-color: transparent;
        background-image: url(http://localhost/tomafood.com/images/order_table_header.png);
        background-position: 0 0;
        background-repeat: repeat no-repeat;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        color: #FFFFFF;
        font-size: 18px;
        height: 39px;
        line-height: 39px;

        padding-left: 15px;

    }

    .box_inner .submit-button {
        margin-bottom: 18px;
        padding: 0;
        border: none;
        height: 40px;
        background: url(../images/order_table_header.png) repeat-x scroll 0 0 transparent;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #fff;
        border-radius: 7px;
        font-weight: bold;
        width: 144px
    }

    .box_inner td.text {

        color: #000;
        font-size: 18px;
        padding-left: 15px;


    }

    .box_inner fieldset {
        background: #fff;
        border-radius: 7px;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .box_inner legend {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

        font-size: 17px;
        font-weight: normal;
    }

    .box_inner label {
        font-family: Arial;
        width: 120px;
        display: inline-block;
        padding-left: 22%;
    }

    input[type=submit],
    input[type=button] {

        border: medium none;
        border-radius: 7px 7px 7px 7px;
        color: #FFFFFF;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        height: 40px;
        font-size: 14px;
        padding: 0;
        min-width: 100px;

        cursor: pointer;
    }

    legend {
        font-size: 14px;
        font-weight: bold;
    }


    /*------------------------------------- Checkout -------------------------------------*/
    .step_box {
        height: 135px;
        padding-top: 15px;
    }

    #content .step_title.float_left p {
        color: #CC0202;
        font-size: 22px;
        font-weight: bold;
        padding: 25px 0 0;
        text-transform: uppercase;
    }

    .steps {
        background: url("../images/step_bar.png") no-repeat scroll 0 20px transparent;
        height: 95px;
        width: 765px;
    }

    .step_list .every_step {
        width: 165px;
        list-style: none;
        background: none;
    }

    .active .step_no {
        background: url("../images/step_active.png") no-repeat scroll center top transparent;
        color: #FFFFFF;
        padding: 10px 0 0;
    }

    .step_no {
        background: url("../images/step_00.png") no-repeat scroll center top transparent;
        color: #CC0202;
        font-family: arial;
        font-size: 24px;
        font-weight: bold;
        height: 47px;
        line-height: 47px;
        text-align: center;
        padding-bottom: 10px;
    }

    .step_name {
        font-family: arial;
        font-size: 13px;
        text-align: center;
    }

    .active .step_name {
        font-weight: bold;
    }

    .step_list .step_02 {
        margin: 0 33px;
    }

    .wrapper.payment_pages {
        padding-bottom: 0 !important;
    }

    .white_bg {
        background: none repeat scroll 0 0 #FFFFFF;
        margin-top: 5px;
    }

    .customer_information {
        /*background: url("../images/customer_info_bg.png") no-repeat scroll 435px 35px transparent;*/
        font-family: arial !important;
        padding-bottom: 30px;
        padding-top: 35px;
    }

    .customer_information td {
        font-family: arial !important;
        padding-bottom: 12px;
    }

    h2.form_title {
        color: #CC0202;
        font-size: 22px;
        padding-bottom: 30px;
    }

    .login_form h2.form_title {
        padding-bottom: 13px;
    }

    .payment_information input[type=submit] {
        background: url("../images/order_table_header.png") repeat-x scroll 0 0 transparent;
        border: medium none;
        border-radius: 7px 7px 7px 7px;
        color: #FFFFFF;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        height: 40px;
        font-size: 17px;
        padding: 0;
        width: 144px;
        cursor: pointer;
    }

    textarea {
        border: 1px solid #DAD9D9;
        border-radius: 3px 3px 3px 3px;
        box-shadow: 0 0px 0 0 #BFBFBF;
        height: 28px;
        line-height: 28px;
        width: 300px;
        padding: 0 5px;
    }

    select {
        background-color: #F5F5F5;
        border: 1px solid #DAD9D9;
        border-radius: 3px 3px 3px 3px;
        box-shadow: 0 0px 0 0 #BFBFBF;
        height: 37px;
        line-height: 28px;
        width: 300px;
        padding: 8px;
    }



    .checkout_bottom {
        padding-top: 10px;
        border-top: 1px dotted #666666;
    }

    .checkout_bottom .amount {
        color: #CC0202;
        font-size: 22px;
        font-weight: bold;
        padding: 0 10px;
        position: relative;
        top: -2px;
    }

    .checkout_bottom .button a {
        display: inline-block;
        padding-left: 5px;
    }

    .customer_information .login_form input.checkbox {
        display: inline-block;
        float: left;
        width: 20px;
        position: relative;
        top: -3px;
        margin: 0;
    }

    .login_form p.facebook img {
        float: left;
        margin-right: 5px;
    }

    .login_form p.facebook {
        padding-top: 5px !important;
    }

    a {
        color: #CC0202;
        text-decoration: none;
    }

    #content .delivery_details p {
        font-family: arial !important;
        font-size: 12px;
    }

    #content .delivery_details p span {
        font-family: arial !important;
        font-size: 12px;
    }

    input.radio {
        height: 15px;
        margin: 0 0 0 15px;
        position: relative;
        top: 2px;
        width: 25px;
    }

    .resturant_status span {
        color: #CC0202;
        padding-left: 17px;
        font-weight: bold
    }

    .delivery_details_left select {
        margin-left: 12px;
        width: 150px;
    }

    .delivery_details {
        padding-top: 45px;
        padding-bottom: 35px;
    }

    #content .delivery_details .delivery_details_left p {
        padding-bottom: 20px;
    }

    .delivery_details_left {
        border-right: 1px solid #C1C1C1;
        padding-right: 35px;
        width: 420px;
    }

    .delivery_details_right {
        width: 500px;
    }

    .delivery_details_right input {
        width: 490px;
        margin-bottom: 10px;
    }

    .delivery_details_right textarea {
        width: 490px;
        height: 50px;
        overflow: auto;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .delivery_details_right h2.form_title {
        padding-bottom: 15px;
    }

    .choose_address img {
        margin-left: 16px;
        position: relative;
        top: 5px;
    }

    #content .delivery_details .delivery_details_right p {
        padding-bottom: 5px;
    }

    #content .payment_information p {
        font-family: arial !important;
        font-size: 12px;
    }

    #content .payment_information li {
        font-family: arial !important;
        font-size: 12px;
    }

    .payment_information {
        padding-top: 45px;
        padding-bottom: 35px;
    }

    .payment_information_left {
        width: 530px;
        border-right: 1px solid #c1c1c1;
    }

    .payment_information_left li {
        border-bottom: 1px dashed #D4D4D4;
        line-height: 37px;
        list-style: none outside none;
        margin-bottom: 10px;
        padding-bottom: 12px;
        width: 245px;
        height: 37px;
    }

    .payment_information_left li img {
        float: left;
    }

    .payment_information_left li span {
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        padding-left: 15px;
    }

    .payment_information_right.float_right {
        width: 400px;
    }

    .payment_information_right.float_right input {
        width: 300px;
    }

    #content p.next_step {
        font-size: 18px !important;
        font-weight: bold;
        padding-bottom: 35px;
    }

    .payment_information_left li input.radio {
        float: left;
        position: relative;
        top: 10px;
    }

    .card_details {
        padding-top: 45px;
        padding-bottom: 35px;
    }

    .card_details_left {
        width: 610px;
        border-right: 1px solid #c1c1c1;
    }

    #content .card_details p {
        font-family: arial !important;
        font-size: 12px;
    }

    #content .card_details li {
        font-family: arial !important;
        font-size: 12px;
    }

    #content .card_details td {
        font-family: arial !important;
        font-size: 12px;
        padding-bottom: 10px;
    }

    #content .card_details span {
        font-family: arial !important;
        font-size: 12px;
        padding-bottom: 10px;
    }

    .card_details_left select {
        width: 115px;
    }

    .card_details .city input {
        width: 103px;
    }

    .card_details .checkbox {
        float: left;
        margin: 0 15px 0 0;
        width: 15px;
    }

    .my_credit_billing {
        float: left;
        padding-top: 5px;
    }

    .card_details_left input {
        width: 409px;
    }

    .card_details_right {
        width: 350px;
    }

    .card_details_right h2.form_title {
        padding-bottom: 25px;
    }

    /*------------------------------------- Place_order New --------------------------------------*/

    .place_order_product_title {
        border-bottom: 1px solid #E2E2E2;
        font-size: 22px;
        font-weight: normal;
        margin-bottom: 12px;
        padding-bottom: 5px;
    }

    .place_order_product_title span {
        color: #C80101;
        float: right;
        font-size: 13px;
        position: relative;
        top: 5px;
    }

    .place_order_product h1 {

        color: #000;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        height: 24px;
        line-height: 29px;
        font-weight: normal;
        margin: 10px;
    }

    .place_order_product p {

        color: #000;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: normal;

    }

    .tab_group.place_order_new_tab_group {
        height: 60px;
    }

    ul.place_order_new_tab_group li {
        background: none repeat scroll 0 0 #C80101;
        display: inline-block;
        margin: 0 5px 0 0;
    }

    ul.place_order_new_tab_group li a {
        color: #FFFFFF;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        padding: 0 45px;
        text-transform: uppercase;
        display: inline-block;
    }

    ul.place_order_new_tab_group li.active a {
        color: #C80101;
    }

    ul.place_order_new_tab_group li a:hover {
        color: #C80101;

    }

    .other_details .special_offer {
        width: 190px;
    }

    .other_details .collection_info {
        /*    margin-top: 15px;*/
        width: 170px;
    }

    .pop_up_body {
        background: url("../images/full_page.png") repeat-x scroll center top #FFFFFF;
    }

    #popup_bg {
        background-color: rgba(0, 0, 0, 0.7);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
    }

    .pop_up_container {
        margin: 7% auto 0;
        width: 800px;
    }

    .pop_up_content img {
        max-width: 772px;
    }

    .pop_up_content {
        border: 14px solid #FFFFFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
    }

    .pop_up_close {
        position: absolute;
        right: -38px;
        top: 0;
    }

    .pop_up_close a {
        background: none repeat scroll 0 0 #FFFFFF;
        color: #000000;
        display: inline-block;
        font-family: arial !important;
        font-size: 23px;
        height: 35px;
        line-height: 36px;
        padding: 0;
        width: 36px;
        text-align: center;
        position: relative;
        z-index: 999;
    }

    .pop_up_close a:hover {
        color: #C80101;
    }

    .add_menu tr,
    .show_menu_option tr {
        height: 50px;
        font-size: 15px !important;

    }

    .add_menu tr:hover,
    .show_menu_option tr:hover,
    .add_menu tr td:hover {
        background: #FFE9B5 !important;
        font-weight: bold !important;
        color: #000 !important;
    }

    /*
@media(max-width: 720px) {
    .wrapper {
        width: 100%;
    }
    .wrapper.payment_pages {
        display: none;

    }
    #checkoutContent{
         width: 100% !important;
    }
    .customer_information{
        background: none;
         width: 100%;
    }
    .float_left {
        float: left;
        width: 100%;
        clear: both;
    }
    .float_right {
        float: left;
        width: 100%;
        clear: both;
    }
.customer_information .login_form input,input[type="text"], [type="password"],.payment_information_right.float_right input
  {
        width: 90%;
  }  
    .customer_information input{
  
        width: 100%;
        float: left;
    }

  
    .customer_information table,.payment_information_left {
        width: 100% !important;
    }
    .customer_information td {
        clear: both;
        float: left;
        width: 90%;
          font-size: 18px;
    }
    .checkout_bottom .button a {
    float: left;
    margin-left: 22px;
}

.delivery_details_right input{
     width: 90%;
        float: left;
}
#content p{
       font-size: 18px !important;;
}
#content .delivery_details p{
    width: 100%;
    font-size: 18px;
    text-align: left;
}

.payment_information_right.float_right {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
textarea{
    width: 90% !important;
    height: 100px;
}

  .order_details table td{
            padding: 0px !important;
        }




}

*/


    /**
 * @file
 * Columns with automatic width, similar to .col-xs-1 and friends.
 */

    .col-xs-auto,
    .col-xs1-auto,
    .col-sm-auto,
    .col-md-auto,
    .col-lg-auto,
    .col-xs-auto-right,
    .col-xs1-auto-right,
    .col-sm-auto-right,
    .col-md-auto-right,
    .col-lg-auto-right,
    .col-middle {
        position: relative;
        min-height: 1px;
        padding: 5px;

    }

    .col-middle {
        display: table;
    }

    .col-xs-auto {
        float: left;
    }

    .col-xs-auto-right {
        float: right;
    }

    .footer-link ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .footer-link ul li a {
        color: #fff;
        text-decoration: underline;
    }

    .footer-link strong {
        color: #fff;
    }

    .footer-link p {
        font-size: 14px;
    }

    .footer-link {
        margin-top: 15px;
    }

    #footer .footer_top {
        height: 320px;
    }

    .footer_top h2 {
        padding-left: 0;
    }

    #footer .footer_top .fb {
        width: 300px;
    }

    @media (max-width: 1040px) {
        .footer_top p {
            text-align: center !important;
        }
    }