﻿
div.rest-promo-container {
    background-color: white;
    height: 100%;
}

.promo-wrp {
    width: 100%;
    margin-top: 20px;
}

.promo-wrp .promo-frm {
    margin: auto;
    width: 697px;
    height: 187px;
    background:url('/content/images/restaurant/grd-promo-cp.png') top left no-repeat;
    overflow: auto;
}

.promo-wrp .promo-frm .promo-txt {
    width: 495px;
    height: 130px;
    margin-left: 140px;
    margin-top: 33px;
    overflow: hidden;
}

.promo-wrp .promo-frm .promo-txt .no-prm {
    width: 495px;
    height: 20px;
    margin: auto;
    margin-top: 52px;
    text-align: center;
    color: #E1472F;
}

.promo-wrp .promo-frm .promo-txt .hd {
    font-size: 15px;
    line-height: 15px;
}

.promo-wrp .promo-frm .promo-txt .dtl {
    margin-top: 4px;
    font-size: 15px;
    height: 60px;
    line-height: 20px;
}

.promo-wrp .promo-frm .promo-txt .cdt {
    margin-top: 3px;
    font-size: 11px;
    height: 60px;
}

.promo-wrp .promo-frm .promo-txt .cdt .lbl {
    line-height: 15px;
}

.promo-wrp .promo-frm .promo-txt .cdt .con {
    line-height: 15px;
    color: #E1472F;
}

.dtl-wrp {    
    margin: auto;
    margin-top: 25px;
    margin-bottom: 25px;
    width: 620px;
    height: auto;
}

.dtl-wrp .hd-step {
    width: 620px;
    height: 40px;
    overflow: auto;
    background-color: #F4F2EC;
}

.dtl-wrp .hd-step .txt {
    margin-top: 9px;    
    margin-left: 20px;
    height: 20px;
    font-size: 19px;
}

.dtl-wrp .ht-wrp {
    margin-top: 7px;
    width: 620px;
    height: auto;
    overflow: auto;
    background-color: #F4F2EC;
}

.dtl-wrp .ht-wrp .arr {
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 74px;
    height: 74px;
    background:url('/content/images/restaurant/how-to-arr.png') top left no-repeat;
}

.dtl-wrp .ht-wrp .stp-1 {
    margin: auto;
    margin-top: 25px;
    width: 467px;
    height: 161px;
    background:url('/content/images/restaurant/how-to-step-1.png') top left no-repeat;
    overflow: auto;
}

.dtl-wrp .ht-wrp .stp-1 .txt-wrp {
    width: 467px;
    margin-top: 12px;
    font-size: 14px;
    text-align: center;
}

.dtl-wrp .ht-wrp .stp-1 .txt-wrp .txt {
    line-height: 20px;
}

.dtl-wrp .ht-wrp .stp-2 {
    margin: auto;
    margin-top: 25px;
    width: 467px;
    height: 267px;
    background:url('/content/images/restaurant/how-to-step-2.png') top left no-repeat;
    overflow: auto;
}

.dtl-wrp .ht-wrp .stp-2 .txt-wrp {
    width: 467px;
    overflow: auto;
    margin-top: 15px;
    font-size: 14px; 
}

.dtl-wrp .ht-wrp .stp-2 .txt-wrp .txt {
    line-height: 20px;
    text-align: center;
}

.dtl-wrp .ht-wrp .stp-2 .txt-wrp .con {    
    margin-left: 90px;
    margin-top: 90px;
    width: 340px;
    height: 125px;
}

.dtl-wrp .ht-wrp .stp-2 .txt-wrp .con .dtl-row {    
    width: 340px;
    height: auto;
    font-size: 12px;
    line-height: 18px;
}

.dtl-wrp .ht-wrp .stp-2 .txt-wrp .con .dtl-row .stp {    
    float: left;
    width: 45px;
}

.dtl-wrp .ht-wrp .stp-2 .txt-wrp .con .dtl-row .stp-dtl {    
    float: left;    
    width: 295px;
}

.dtl-wrp .ht-wrp .stp-2 .txt-wrp .con .dtl-row .stp-dtl .wn {    
    color: #E1472F;
    font-size: 10px;
}

.dtl-wrp .ht-wrp .stp-3 {
    margin: auto;
    margin-top: 25px;
    width: 467px;
    height: 167px;
    background:url('/content/images/restaurant/how-to-step-3.png') top left no-repeat;
    overflow: auto;
}

.dtl-wrp .ht-wrp .stp-3 .txt-wrp {
    width: 467px;
    margin-top: 12px;
    font-size: 14px;
    text-align: center;
}

.dtl-wrp .ht-wrp .stp-3 .txt-wrp .txt {
    line-height: 20px;
}

.dtl-wrp .ht-wrp .cdt-wrp {
    margin: auto;
    margin-top: 15px;
    width: 467px;
    height: 180px;
}

.dtl-wrp .ht-wrp .cdt-wrp .cdt-wn {
    float: left;
    margin-top: 50px;
    width: 74px;
    height: 74px;
    background:url('/content/images/restaurant/promo-cdt.png') top left no-repeat;
}

.dtl-wrp .ht-wrp .cdt-wrp .cdn {
    float: left;
    margin-left: 5px;
    width: 388px;
    font-size: 12px;
    line-height: 17px;
    margin-top: 20px;
}

.dtl-wrp .ht-wrp .cdt-wrp .cdn .txt {
    font-weight: bold;
}

.dtl-wrp .ht-wrp .cdt-wrp .cdn .txt-rd {
    color: #E1472F;
}