@charset "utf-8";
/* CSS Document */

img.tool {

    margin: 3px 0 0 0;
}

img.imgEdit {
    border: 1px solid #CCC;
    padding: 2px;
}

img.info {
    margin: 0 5px 0 5px;
    vertical-align: middle;
}

img#vip {
    float: left;
}

.im_al {

    font-size: 1.417em;
    font-family: Arial;
    margin: 4px 8px 4px 8px;
    line-height: 24px;
    color: #777;
    height: 45px;
    overflow: hidden;
}

.im_sm {

    font-size: 0.917em;
    font-family: Arial;
    line-height: 22px;
    float: left;
    margin: 5px 0 0 10px;
    color: #777;
}

.im_al_b {
    font-size: 1.6em;
    font-family: Arial;
    line-height: 24px;
    color: #888;
    width: 100%;
    overflow: hidden;
    margin: 8% 4% 4% 5%;
    padding: 2% 0;
}

.im_sm_b {
    font-size: 1.6em;
    font-family: Arial;
    line-height: 22px;
    float: left;
    text-align: left;
    color: #888;
    overflow: hidden;
    margin: 37% 0 0 8%;
    padding: 5px 0 10px 0;
}

.im_sm_mp {
    font-size: 17px;
    font-family: Arial;
    line-height: 22px;
    float: left;
    text-align: left;
    margin: 180px 0 0 8%;
    color: #888;
    width: 100%;
    overflow: hidden;
}


.n-pic {
    background: url('/images/g_no-pic.png') no-repeat scroll 0% 0% / 100% auto transparent;
    width: 100%;
    height: auto;
    border: 0 solid #CCC;
    margin: 0;
    padding: 0;
}


img.haus {

    border: 0 solid #CCC;
    float: left;
    width: 100%;
    height: auto;

}

.tlink {
    margin: -165px 0 0 0;
    padding: 165px 0 0 0
}

#loader {
    width: 150px;
    height: 25px;
    background: url(images/loading-r.GIF) no-repeat top right;
    display: none;
    margin: 10px 0 0 0;
    overflow: hidden;
    padding: 2px 30px 0 0;
    color: #F70C1C;
    float: right;
}

#c-loader, #s-loader, #m-loader {
    width: 25px;
    height: 25px;
    background: url(images/mload.GIF) no-repeat top right;
    display: none;
    margin: 6px 8px 0 0;
    overflow: hidden;
    padding: 2px 0 0 0;
    color: #F70C1C;
    float: right;
}

.bank {
    background-color: #F4F4F4;
    border-radius: 4px;
    padding: 3px 10px 4px 10px;
    width: 225px;
    margin: 20px 0 15px 10px;
    border: 1px solid #D2D2D2;
}


.edit {
    float: left;
}


img.stat {
    float: right;
    margin: 0 2px 2px 7px;
}

img#info_reg {

    float: right;
    margin: 5px 5px 5px 15px;
}


#usernameresult, #emailresult {
    display: inline-block;
    padding: 0 10px 0 0;
}

.control {


}

/* در انتظار پرداخت مبلغ سفارش */
.or1 {
    background: #FEF7C5 url(images/or_wait.png) no-repeat top right;
    border: 1px solid #FC0;
    padding: 2px 25px 2px 5px;
    width: 160px;
    color: #666;
    font-weight: bold;
    text-align: center;
}

/* در انتظار بررسی توسط مدیر */
.or2 {
    background: #DEF0FE url(images/admin_check.gif) no-repeat top right;
    border: 1px solid #097BD0;
    padding: 2px 25px 2px 4px;

    width: 160px;
    color: #0073AA;
    font-weight: bold;
    text-align: center;
}

/* در حال آماده سازی */
.or3 {
    background: #F3DECF url(images/box.png) no-repeat top right;
    border: 1px solid #DD6F00;
    padding: 2px 25px 2px 5px;

    width: 160px;
    color: #000;
    font-weight: bold;
    text-align: center;
}

/* تحویل به پست */
.or4 {
    background: #D7FDE0 url(images/tick.gif) no-repeat right 5px;
    border: 1px solid #060;
    padding: 2px 25px 2px 5px;

    width: 160px;
    color: #060;
    font-weight: bold;
    text-align: center;
}


#empty {
    background: url(images/card.gif) no-repeat 190px 10px;
    padding: 18px 50px 10px 0;
    color: #666;
    height: 30px;
    margin: 5px 45px 2px 0;
    border: 0 solid #CCC;
}

.u_row {
    height: 20px;
    border: 0 solid #CCC;
    display: inline-block;
    width: 500px;
    color: #606060;
}

.u_td {
    width: 12px;
    border: 0 solid #CCC;
    float: right;
}

.u_td_m {
    width: 70px;
    border: 0 solid #CCC;
    float: right;
}

.u_td_b {
    width: 200px;
    border: 0 solid #CCC;
    float: right;
}


img#avatar {
    padding: 2px;
    border: 1px solid #CCC;
    margin: 8px 5px 5px 10px;
    float: right;
    border-radius: 100px;
}

img.gallery {
    padding: 0;
    border: 1px solid #CCC;
    margin: 0 0 3px;
    width: 17%;
    height: auto;
}

.regmdtxt {
    padding: 5px 4px;
}

.regmdtxt_l {
    padding: 5px 4px;
    direction: ltr;
}

.topar {
    font-family: "Courier new", Arial, Tahoma;
    color: #FFF !important;
    background: none repeat scroll 0% 0% #FE7511;
    padding: 11px 6px 0 6px;
    border-radius: 3px;
    font-size: 27px;
    font-weight: bold;
    text-decoration: none;
    width: 16px;
    margin: 39px 0 0;
    line-height: 16px;
}

#dist {
    float: right;
    margin: 0 0 0 4px;
}

input.inp {
    padding: 2% 5% 2% 5%;
    margin: 0 0 2% 0;
    height: 28px;
    border: 1px solid #F28715;
    border-radius: 3px;

}

input.inpauto {
    padding: 3px 10px 4px 10px;
    height: 28px;
    border: 1px solid #f28715;
    border-radius: 4px;
    width: 98%;
    color: #bbb;
    margin: 0 3px 0 3px;
}

input.inpauto_focus {
    padding: 3px 10px 4px 10px;
    height: 28px;
    border: 1px solid #F28715;
    border-radius: 4px;
    width: 95%;
    color: #000;
    margin: 0 2% 0 0;
}

.inp select {
    padding: 7px 10px 7px 10px;

    border: 1px solid #F28715;
    border-radius: 4px;
    height: 36px;
    float: right;
    width: 100%;
}

.form_lable_s {
    display: inline-block;
    width: 98%;
    height: 22px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 2px 4px 0 0;
    /* background:#F4F4F4;  */
    margin: 0 2px 0 0;
    vertical-align: text-top;
}

#form_lable_g {
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 2px 4px 0 0;
    background: #F4F4F4;
    margin: -16px 0 0 0;
    vertical-align: text-top;
    font-size: 10px;
    height: 24px;
    width: 90px;
}

#form_lable_g a, #form_lable_g a:visited {
    color: #33333A;
    font-size: 1.03em;
}

#form_lable_g a:hover {
    color: #FE7511;
    text-decoration: none;
}

#form_lable_gop {
    display: inline-block;
    width: 272px;
    border: 1px solid #CCC;
    overflow: hidden;
    padding: 4px 10px 4px 10px;
    background: #FFF;
    margin: -5px 0 0 0;
    vertical-align: text-top;
    font-size: 10px;
}

.form_lable_sv {
    display: inline-block;
    width: 99%;
    height: 22px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 2px 4px 0 0;
    background: #deffd7;
    margin: -3px 0 0 0;
    vertical-align: text-top;
}

.form_lable_svw {
    display: inline-block;
    width: 99%;
    height: 22px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 2px 4px 0 0;
    background: #FFF;
    margin: -3px 0 0 0;
    vertical-align: text-top;
}


.form_lable_ss {
    display: inline-block;
    width: 50px;
    height: 25px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 0 0 0 0;
}

.form_input_me {
    display: inline-block;
    width: 200px;
    height: 25px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 0 0 0 0;
    vertical-align: top;
}

.ldWrapper_p {
    border: 1px solid #313132;

    border-radius: 5px;
    padding: 4px 4px 2px 27px;
    margin: 0 0 5px 0;
    word-wrap: break-word;
    background: #FFFFFF url(images/panel.gif) top left no-repeat;
}

.ldWrapper_p a, .ldWrapper_p a:visited {

    color: #E85C00;
}

.cat_min {
    margin: 7% 1% 0;
    color: #333;
    border-bottom: 1px solid #333;
}

.dasteh-t {
    border: 0 solid #0CF;
    margin: 0 4px 5px 0;
    padding: 4px 0 0 0;

}

.spl {
    width: 100%;
    display: inline-block;
    border: 0 solid #0CF;
    vertical-align: text-top;
    margin: 0 0 12px 0;
}

.sp2 {
    width: 45%;
    display: inline-block;
    border: 0 solid #0CF;
    vertical-align: text-top;
    margin: 0 0 12px 0;
}

.spl2 {

    display: inline-block;
    border: 0 solid #0CF;
    vertical-align: text-top;
    margin: 0 0 5px 0;
}

.cat_min_s {
    margin: 7% 1% 0 1%;
    color: #333;
    border-bottom: 1px solid #333;
}

.line {
    margin: 15px auto;
    width: 100%;
    border-bottom: 1px dotted #CCC;

}

input.pl {

    margin: 8px 0 10px 0;
    margin-top: 3px \9;
    vertical-align: middle;
    border: 0;
}

.opt {
    margin: -2px 3px 0 3px;
    padding-top: -5px;
    display: inline-block;

}

#pal {
    color: #454545;
    margin-top: 2px;
}

#update {
    width: 50px;
    height: 50px;
    border: 1px solid #0F0;
}

.show_or {

    background: #F7F7F7;
    border: 1px solid #F7F7F7;
    width: 300px;
    padding: 3px;
}

.big {

    font-size: 18px;
    display: inline-block;
}


#card_price {
    float: right;
}

.right {
    float: right;
}

.left {

    direction: ltr;

}

img#yahoo {
    vertical-align: bottom;
}

.abo {
    border: 1px solid #FFB787;
    font-weight: bold;
    padding: 2px 5px 3px 5px;
    width: 92%;
    margin: 5px 4px 0 0;
    border-radius: 3px;
    background: #FFF7EF;
    line-height: 20px;
}

.flag {

    border: 1px solid #CCC;
    margin: -30px -40px 0 0;
    height: 13px;
    float: right;
    padding: 2px;
    background: #FFF;

}

.small {
    color: #006;
    font-size: 9px;
    margin-bottom: 8px;

}

.comment {
    background: #F4F4F4;

    padding: 6px;
    margin: 3px 0 3px 0;
}

.form_lable_short {
    display: inline-block;
    width: 75px;
    height: 25px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 0 2px 0 0;
    vertical-align: top;

}

.form_lable_short_le {
    display: inline-block;
    width: 67px;
    height: 23px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 0 2px 0 0;
    vertical-align: top;
    text-align: right;
    vertical-align: top;
}

.form_lable_me {
    display: inline-block;
    width: 90px;
    height: 25px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 0 2px 0 0;
    vertical-align: top;
}

.form_lable_mes {
    display: inline-block;
    width: 90px;
    height: 25px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 0 2px 0 0;
    vertical-align: top;
}

.tah {
    margin-bottom: 8px;
}

.continue_brand {
    color: #333;
    font-size: 0.833em;
    float: left;
    padding: 0 0 0 2px;
    margin: -15px 0 0 0;
    border: 0 solid #CCC;
}

.continue {
    color: #000;
    font-size: 0.833em;
    float: left;
    padding: 0 0 0 2px;
    margin: -3px 0 0 0;
    border: 0 solid #CCC;
}

.continue a {
    color: #000 !important;
}

.continue_brand a {
    color: #000 !important;
}

.continue a:hover {
    color: #000 !important;
}

.continue_brand a:hover {
    color: #666 !important;
}

.form_block {
    margin: 8px 0 0 0;
}

.formi {

    border: 1px solid #CCC;
    padding: 5px;
    margin: 0 0 0 5px;
}

.form_te {
    display: inline-block;

    padding: 5px 2px 0 0;
    vertical-align: top;
    border: 0 solid #CCC;
    margin: 5px -10px 0 0;
    font-size: 0.917em;
}

.form_row {
    /* padding:8% 1% 0% 2%; */
    vertical-align: top;
    border: 0 solid #CCC;
    width: 96%;
    margin: 0 0 28px 0;
}

#form_row, #form_row2 , #form_row3  {
    padding: 5px 2px 0 0;
    vertical-align: top;
    border: 0 solid #CCC;
    height: 0;
    width: 0;
    overflow: hidden;
}

textarea.adtext {
    border: 1px solid #b8f5aa;
    margin: 0 0 0 8px;
    line-height: 20px;
    height: 90px;
}

#charNum {
    float: right;
    margin: 0 4px 0 0;
}

.form_col {
    margin: 0 10px 15px 0;
    border: 0 solid #CCC;
    width: 100%;
    display: inline-block;

}

.orhr {
    position: absolute;
    margin: 6px 45.66% 0 0;
    background: none repeat scroll 0% 0% #f4f4f4;
    z-index: 99;
    padding: 0 5px;
}

.form_colb {
    padding: 0 0 18px 0;
    display: inline-block;
    width: 100%;
}

.form_colbright:after, .form_colbleft:before {
    content: "";
    position: absolute;
    width: 32.4%;

}

.form_colbright {
    float: right;
    width: 32.4%;
    height: 3px;
    margin: 20px 10% 0 0;
}

.form_colbright:after {
    height: 2px;
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#CCC), to(transparent));
    background-image: -webkit-linear-gradient(left, #CCC, transparent);
    background-image: -moz-linear-gradient(left, #CCC, transparent);
    background-image: -o-linear-gradient(left, #CCC, transparent);

}

.form_colbleft {
    float: left;
    width: 32.4%;
    height: 3px;
    margin: 20px 0 0 10%;
}

.form_colbleft:before {
    height: 2px;
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(#CCC));
    background-image: -webkit-linear-gradient(left, transparent, #CCC);
    background-image: -moz-linear-gradient(left, transparent, #CCC);
    background-image: -o-linear-gradient(left, transparent, #CCC);
}

.form_lable {

    display: inline-block;
    width: 135px;
    height: 25px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 0 2px 0 0;
    vertical-align: top;
    margin: -2px 0 0 0;

}

.form_input {
    display: inline-block;
    width: 85%;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 0 2px 0 0;
    line-height: 20px;
}

.form_input_s {
    display: inline-block;
    width: 100%;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 0 2px 0 0;
    top: 0;
    margin: 1px 0 0 0;
    vertical-align: text-top;
}

.form_input_g {
    display: inline-block;
    width: 188px;
    border: 0 solid red;
    overflow: hidden;
    padding: 0 2px 0 0;
    top: 0;
    margin: 0 78px 0 0;
    vertical-align: text-top;

}

.mf {
    display: inline-block;
    float: left;
    width: 90px;
    border: 0 solid red;
    overflow: hidden;
    padding: 0 0 0 0;
    top: 0;
    margin: 0 78px 0 0;
    vertical-align: text-top;
    font-size: 0.833em;

}

.mf a, .mf a:visited, .mf a:hover {
    font-size: 0.833em !important;
}

.adrb {
    width: 100%;
    display: inline-block;
    height: 0;
    margin: 0 0 0 0;
}

.ga {
    height: auto;
    display: inline;
    margin: 0 1.2% 0 0;
}

.ga a {
    text-decoration: none;
}

.mc {


    width: 40px;
    border: 0 solid red;
    overflow: hidden;
    padding: 0 2px 0 0;

    margin: 0 78px 0 0;
    vertical-align: text-top;
    font-size: 10px !important;
    left: 0;
    bottom: 0;
    float: left;
}

.mc a, .mc a:visited, .mc a:hover {
    color: red !important;
}

.form_input_sh {
    display: inline-block;
    width: 100%;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 0 2px 0 0;
    top: 0;
    margin: -2px 0 0 0;
    vertical-align: text-top;
}

.arr {
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;

    border-bottom: 10px solid #EAF1FF;

    margin: -12px 0 0 0;
    position: static;
    float: right;
}

.form_input_l {
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 0 0 0 0;
    top: 0;
    vertical-align: text-top;
}

.form_input_ss {
    display: inline-block;
    width: 190px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 0 2px 0 0;
    top: 0;
    margin: -2px 0 0 0;
    vertical-align: text-top;
}

.form_input_com {
    display: inline-block;
    width: 100%;

    border: 0 solid #CCC;
    overflow: hidden;
    padding: 0 2px 0 0;

}

.small_li {
    font-size: 5px;
}

.menu_link a {
    color: #454545;
}

.menu_link a:visited {
    color: #454545;
}

.menu_link a:hover {
    color: #E85C00;
    text-shadow: #aaa 2px 3px 3px;
    text-decoration: none;
}

.faseleh {
    width: 20px;
    height: 10px;
    border: 0 solid #F00;
    display: inline-block;
}

.catlist {
    list-style-type: none;
    margin: 0 2px 0 0;
    line-height: 20px;
    padding-right: 15px;
    background: transparent url(images/icon_arrow_sm.gif) no-repeat scroll 100% 8px;
    /* mizoon dar nayumadn az 8px akhareh*/
    display: inline-block;
}

.yek_line {
    width: 200px;
    display: inline-block;
    border: 0 solid #F00;

}

.cat_list {
    width: 110px;
    margin: 10px 15px 10px 0;
    padding: 1px;
    float: right;
    overflow: hidden;
    border: 0 solid #CCC;
}

#card_show {
}

.card_row {
    display: inline-block;
    border: 0 solid #F00;
    margin: 3px 0 0 0;
    padding: 2px 0 2px 0;
    overflow: hidden;
    background: #FFE8CC;
    width: 285px;
}

.card_kala {
    display: inline-block;
    width: 150px;
    height: 17px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 0 2px 0 0;
}

.card_tedad {
    display: inline-block;
    width: 28px;
    border: 0 solid #CCC;
    overflow: hidden
}


.inc_dec {
    display: inline-block;
    width: 25px;
    border: 0 solid #CCC;
    overflow: hidden;
    margin: 0 -17px 0 0;
}

.card_gheimat {
    display: inline-block;
    width: 55px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 0 10px 0 0;

}

.card_del {
    display: inline-block;
    width: 10px;
    border: 0 solid #CCC;
    overflow: hidden;
    margin-bottom: 3px;
}

img {
    border: none;

}

.cat_gallery {
    width: 125px;
    height: 132px;
    font-weight: bold;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #3B3A3D;
    word-wrap: break-word;
    background-color: #FFFFFF;
    margin: 0 3px 3px 0;
    padding: 3px 0 0 0;
    display: inline-block;
}

.occ_gallery {
    width: 280px;
    border-radius: 3px;
    border: 1px solid #CCC;
    word-wrap: break-word;
    background-color: #FFF;
    margin: 0 14px 15px 3px;
    padding: 5px;
    display: inline-block;
}


.cat_gallery_on {
    width: 125px;
    height: 132px;
    font-weight: bold;
    border-radius: 3px;
    text-align: center;
    border: 0 solid #DF7014;
    word-wrap: break-word;
    background-color: #fff;
    margin: 0 3px 3px 0;
    padding: 3px 0 0 0;
    display: inline-block;
    font-size: 11px;
}


h1, h1 a, h1 a:visited {
    font-family: Arial, Helvetica, sans-serif;
    margin: 3px 2px 10px 0;
    color: #000;
    line-height: 35px;
    font-size: 22px;
}

h1 a:hover {
    color: #000;
    text-decoration: none;
}

h2.title-top {
    font-family: Arial, sans-serif;
}

h2.title-mm {
    font-family: Arial, Helvetica, sans-serif;
    margin: 10px 3px 10px 0;
    font-size: 20px;
    color: #333;
}

h2.title-menu {
    margin: 10px 15px 10px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #333;
    float: none !important;
}

h2.title-menub {
    margin: 24px 0 0 0;
    font-family: Arial, sans-serif;
    border-bottom: 1px solid #333333;
    width: 630px;
}

h2 {
    font-size: 18px;
    height: 20px;
    margin: 0 0 15px 0;
    padding: 2px 0 2px 0;
}

img.pic-teh {
    background-color: #FFF;
    border: 1px solid #CCC;
    padding: 3px;
    border-radius: 3px;
    margin: 10px 385px 10px 10px;
    position: absolute;
}

p.pt {
    background-color: #FFF;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    padding: 4px;
    border-radius: 3px;
    margin: 220px 385px 10px 10px;
    position: absolute;
    width: 206px;
}

h2 a, h2 a:visited {
    color: #fff;
    text-decoration: none;
}

h2 a:hover {
    color: #fff;
    text-decoration: none;

}

.ad_sp {
    line-height: 20px;
    border: 0 solid #FFA566;
    width: 100%;
    display: inline-block;
    margin: 5px 2px 0 0;
    padding: 0 0 5px 2px;
    font-size: 12px;
    border-bottom: 1px solid #CCC;
}

.ad_spe {
    line-height: 20px;
    border: 0 solid #FFA566;
    width: 100%;
    display: inline-block;
    margin: 1% 1px 1% 0;
    padding: 0 0 5px 2px;
    font-size: 12px;
}

.ad_spl {
    line-height: 20px;
    /* 	border-top:1px solid #CCC; */
    border-bottom: 1px solid #CCC;
    width: 100%;
    display: inline-block;
    margin: 5px 2px 5px 0;
    padding: 7px 0 2px 2px;
    font-size: 12px;
}

.ad_sple {
    line-height: 20px;
    width: 100%;
    display: inline-block;
    margin: 2% 0% 2% 4px;
    padding: 7px 0 2px 2px;
    font-size: 12px;
}

.ad_pic,
.listing-image {
    border: 1px solid #DDD;
    background: #EEE;
    width: 120px;
    height: 85px;
    margin: 0 5px 10px 3px;
    padding: 0 0 0 0;
    float: left;
}

hr {
    color: #fff;
    background-color: #fff;
    height: 0.0826em;
    border: 0;
    margin: 0 5px 5px 3px;
}

.regh {
    display: none;
    background: #F9F9F9;
    border-radius: 3px;
    margin: 0 0 1.7% 0;
    padding: 1.4% 2% 1.4% 0;
    border: 1px solid #FFA566;
    box-shadow: 0 0 2px 0 #FF9C56;
    z-index: 99;
    vertical-align: middle;
    font-size: 1.083em;
}

div#tmpSlideshow {
    position: relative;
    background: #F4F4F4 url('/images/bamsara-w.png') no-repeat 15px -28px;
    background-size: 150px auto;
    border-radius: 4px;
    margin: 2px 10px 2% 10px;
    border: 1px solid #DDD;
    padding: 10px 5px 10px 16px;
    z-index: 99;
}

div.tmpSlide {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

div.tmpSlide img {
    float: right;
    margin: 10px 0 0 450px;
    width: 170px;
    height: 210px;
    border: 0 solid rgb(244, 244, 244);
}

div#tmpSlideshowControls {
    position: relative;
    bottom: 15px;
    float: left;
    margin: 207px 0 0 17px;
}

div.tmpSlideshowControl {
    border: 1px solid #e1dece;
    float: left;
    margin: 0 3px 0 0;
    background: url('/Template/Pictures/Buttons/Feature.png') no-repeat;
    width: 21px;
    height: 20px;
    color: #000;
    font: 12px tahoma, Arial, sans-serif;
    text-align: center;
    cursor: pointer;
}

div.tmpSlideshowControl span {
    line-height: 20px;
    vertical-align: middle;
}

div.tmpSlideshowControlOn {
    background-image: url('/Template/Pictures/Buttons/FeatureOver.png');
}

div.tmpSlideshowControlActive {
    border: 1px solid #DF7014;
}

div.tmpSlideCopy {
    position: absolute;
    left: 20px;
    top: 0;
    width: 370px;
    float: left;
}

div#tmpSlideshow h4 {
    color: #000;
    text-transform: uppercase;
    font: 14px tahoma, Arial, sans-serif;
    font-weight: bold;
    margin: 10px 0;
}

div#tmpSlideshow h4 a {
    color: #000;
}

div.tmpSlideCopy p {
    font: 11px tahoma, Arial, sans-serif;
    line-height: 1.75em;
}

.mini_ekhtar {
    color: #E60000;
    font-size: 10px;
    margin-left: 150px;
}

.ad_block_bottom {
}

.category_tab {
    border-bottom: 2px solid #CCC;
    width: 642px;
    margin: 5px 3px 3px 3px;
    color: #949494 !important;
    padding: 0 3px 2px 0;
    font-weight: bold;
}

.category_tab a {
    margin: 5px 3px 3px 3px;
    color: #949494 !important;
    padding: 0 3px 2px 0;
    font-weight: bold;
}

.category_tab a:hover {
    margin: 5px 3px 3px 3px;
    color: #999 !important;
    padding: 0 3px 2px 0;
    font-weight: bold;
}


.dasteh {
    border: 0 solid #0CF;
    margin-right: 4px;
    padding: 4px 0 0 0;
}


.brand_small {
    display: inline-block;
    padding: 3px;
    display: inline-block;
    direction: ltr;
    border: 1px solid #FFF;
}

.brand_small a {
    display: inline-block;
    padding: 3px;
    display: inline-block;
    direction: ltr;
    border: 1px solid #FFF;
}

.brand_small a:hover {
    padding: 3px;
    display: inline-block;
    direction: ltr;
    border: 1px solid #CCC;
}


.all_block {
    float: right;
    display: block;
}

.dasteh_nav {
    margin: 0;
    display: inline-block;
    width: 95%;
    border: 0 solid #CCC;
}

.nav_block3 {
    border: 0 solid #CCC;
    float: right;
    text-align: center;
    background: #FFF;
    color: #666;
    margin: 13px 3px 13px 4px;
    padding: 2px 0 3px
}

.goto {
    margin: 10% 3px 13px -20px;
    padding: 0 5%;
    display: inline-block;
    width: 95%;
}

input.go {
    background: #CCC;
    width: 99%;
    height: 21px;
    border: 0;
    text-align: center;
    margin: 10px 0 0 0;
    vertical-align: top;
    font-size: 18px;
    padding: 10px 0 20px 0;
    color: #FFF;
    border-radius: 2px;
    line-height: 6px !important;
}

.nav_block_this a {
    border: 1px solid #00509F;
    float: right;
    text-align: center;
    background: #FFF;
    text-decoration: none;
    color: #00509F;
    margin: 13px 3px 0 4px;
    padding: 5px 12px 7px 12px;
    border-radius: 2px;
}

.nav_block a, .nav_block a:visited {
    border: 1px solid #CCC;
    padding: 5px 12px 7px 12px;
    /*   bala  raast  paein chap */
    float: right;
    text-align: center;
    margin: 13px 3px 0 4px;
    background: #FFF;
    color: #666 !important;
    text-decoration: none;
    border-radius: 2px;
}

.nav_block_this a, .nav_block_this a:visited {
    border: 1px solid #FE7511;
    float: right;
    text-align: center;
    background: #FFF;
    text-decoration: none;
    color: #FE7511 !important;
    margin: 13px 3px 0 4px;
    padding: 5px 12px 7px 12px;
    border-radius: 2px;
}

.nav_block a:hover {
    border: 1px solid #FE7511;
    text-decoration: none;
    color: #FE7511;
}

.all_category_block {
    border: 0 solid #DDDDDD;
    padding: 0 0 0 0;
    margin: 10px 0 20px 3px;
    word-wrap: break-word;
    background-color: #FFFFFF;
}

.category_block {
    width: 119px;
    height: 123px;
    font-weight: bold;
    text-align: center;
    border: 3px solid #CCC;
    word-wrap: break-word;
    background-color: #FFFFFF;
    margin: 0 3px 3px 0;
    padding: 3px;
    display: inline-block;
    /* IE */
    filter: alpha(opacity=40);
    /* CSS3 standard */
    opacity: 0.4;
}

.cat_on {
    width: 119px;
    height: 123px;
    text-align: center;
    border: 1px solid #DDDDDD;
    word-wrap: break-word;
    background-color: #FFFFFF;
    margin: 0 3px 3px 0;
    padding: 3px;
    display: inline-block;
}

.ad_big {
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    padding: 1px 4px 4px 4px;
    margin: 0 0 10px 0;
    word-wrap: break-word;
    background-color: #FFFFFF;
}

.ad_big_s {
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    padding: 1px 4px 4px 4px;
    margin: 0 0 0 0;
    word-wrap: break-word;
    background-color: #FFFFFF;
}

.form_lable_s > #gp > span, .form_lable_s > span {
    color: red;
}

.form_lable_me > span, .form_lable_ss > span, .form_lable_short > span {
    color: red;
}

.ad_big_brand {
    border: 1px solid #DDDDDD;
    padding: 1px 4px 4px 4px;
    margin: 0 0 20px 0;
    word-wrap: break-word;
    display: inline-block;
    width: 642px;
}

.place_bar {;
    width: 610px;
    float: right;
    border: 1px solid #DDDDDD;
    padding: 1px 4px 4px 4px;
    margin: -9px 3px 1px 2px;
    word-wrap: break-word;
    background-color: #FFFFFF;
}

.ad_block {
    width: 150px; /*  194 */
    height: 280px;
    display: inline-block;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    padding: 1px 4px 4px 4px;
    margin: 0 0 3px 0;
    word-wrap: break-word;
    background-color: #FFFFFF;
}

.ad_block a, .ad_block a:visited {
    color: #000;
}

.detail {
    margin-top: 0;
    height: 53px;
    border: 1px solid #DDDDDD;
    margin-bottom: 5px;
    overflow: hidden;
    font-size: 12px !important;
    color: #000;
    width: 97%;
}

.ad_image {
    padding: 0 0 8px 0;
    border: 0 solid #F00;
    width: 90px;
    height: 123px;
}

.order_key {
    text-align: left;
    margin-top: -15px;
}

.ekhtar {
    border: 1px solid #F00;
    background: #FFF2F2;
    color: #F00;
    padding: 3px 6px 3px 3px;
    margin: 3px 0 3px 5px;
}

.ekhtar_s {
    border: 1px solid #093;
    background: #ECFFEC;
    color: #093;
    padding: 3px 6px 3px 3px;
    margin: 3px 0 3px 5px;
}

.ekhtar_y {
    border: 1px solid #FC3;
    background: #FFFCE3;
    color: #C46B00;
    padding: 3px 6px 3px 3px;
    margin: 3px 0 15px 5px !important;
}

#ppp {
    width: 100%;
    margin: 0 auto;
}

#right {
    list-style-type: none;
    float: right;
    padding: 0;
    margin: 90px 0 6px 1%;
    width: 100%;
    border: 0 solid #F00;
    font-family: Tahoma;
}

#left {
    list-style-type: none;
    float: left;
    padding: 0;
    margin: 0 0 0 0;
    width: 100%;
    font-family: Tahoma;
    border: 0 solid #0C0;
}

#page {
    margin: 0 5px 0 1px;
    padding: 4px;
    width: 96%;
    min-height: 1000px;
    border: 0 solid #000000;
    border-radius: 6px;
    background: #FFFFFF;
    display: table;
}

#credits {
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    /* box-shadow: 0 4px 5px 2px #999; */
    background: #F9F9F9;
    padding: 5px 5px 5px 5px;
    bottom: 0;
}

.credit-sp {
    width: 70%;
    display: inline-block;
    margin: 0 40px 10px 0;
    vertical-align: text-top;
}

.credit-sp a, .credit-sp a:visited {
    color: #F76C09 !important;
}

.credits-c {
    width: 95%;
    margin: 0 auto;
}

ul li.list:before {
    content: "- ";
}

ul li.list {
    background: #FFF;
    margin: 2px -15px 0 0;
    width: 100%;
}

input {
    border: 1px solid #CCC;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    padding: 2px 5px 2px 5px;
    width: 80%;
    height: 24px;
}

input[type="checkbox"] {
    height: auto;
}

textarea {
    border: 1px solid #CCC;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    padding: 2px;
    margin: 0;
    width: 98%;
}

select {
    border: 1px solid #CCC;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    padding: 2px;
    margin: 0;
    width: 99%;
}

select {
    /* height:24px; */
}

input.rdo {
    vertical-align: middle;
    margin: 0 0 0 7px;
}

input.rdoad {
    vertical-align: top;
    margin: 3px 0 0 5px;
    width: auto;
}

.ad_big_s ul {
    padding: 0;
    margin: 0 5% 0 0;
}

.ad_big_s ul li {
    text-decoration: none;
    list-style: none;
    /* text-indent:-4%; */
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.ad_big_s ul li:before {
    content: "- ";
    position: relative;
}

.adds {
    float: left;
    width: 90%;
    border-radius: 3px;
    background: #eef3ff;
    padding: 2px 7px 4px 7px;
    margin: 10px 3px 5px 0;
    color: #013761;
    font-size: 11px;
    line-height: 18px;
    display: inline-block;
}

#rdoc {
    vertical-align: bottom;
    margin: 0;
    padding: 10px 7px 15px 10px;
    border: 0;
    font-weight: bold;
    background: #deffd7;
    overflow: hidden;
    height: 17px;
    z-index: 999;
    width: 100%;
}

.rdoc {
    vertical-align: bottom;
    margin: 0 0 0 0;
    padding: 10px 7px 15px 10px;
    border: 0;
    border-radius: 15px;
    background: #d9f6ff;
    overflow: hidden;
    height: 17px;
    z-index: 999;
}

input.sub {
    margin: 7px 5px 10px 0;
}

input.button {
    padding: -2px 0 0 0 !important;
    height: 10px;
}

#order {
    list-style-type: none;
    float: right;
    width: 61%;
    font-family: Tahoma;
    position: static;
    border: 1px solid #DDDDDD;
    padding: 1px 4px 4px 4px;
    margin: 6px 3px 0 -5px;
    word-wrap: break-word;
    background-color: #FFFFFF;
}

.postfooter {
    margin-bottom: 0;
    background-color: #F7F7F7;
    height: 17px;
    padding: 3px;
}

.p1 {
    float: right;
    margin-left: 35px;
}

.p2 {
    float: right;
}

.p3 {
    float: left;
}

.ads {
    margin-top: 3px;
    text-align: center;
}

a.button {
    background: url(http://mdc.ir/wp-content/plugins/quick-shop/images/cart_go.png);
    display: block;
    color: #555555;
    font-weight: bold;
    height: 30px;
    line-height: 29px;
    margin-bottom: 14px;
    text-decoration: none;
    width: 19%;
}

a:hover.button {
    color: #0066CC;
}

.postgrav {
    float: left;
    padding: 3px;
    margin-right: 5px;
    margin-left: 5px;
    border: 1px solid #000;
    background: #fff;
}

body {
    font-family: Tahoma, Trebuchet MS;
    font-size: 13px;
    color: #333333;
    background: #fff !important;
    margin: 0;
    padding: 0;
    direction: rtl;
    line-height: 22px;
}

a {
    color: #1E4BB5;
    text-decoration: none;
}

a:visited {
    color: #1E4BB5;
    text-decoration: none;

}

a:hover {
    color: #9E9E9E;
    text-decoration: underline;

}

img {
    border: none;
}

img#captcha-pic {
    vertical-align: middle;
    border: none;
    width: 120px;
    height: 30px;
    margin: 5px 0 0 0;

}

img.del {
    width: 10px;
    height: 10px;
}

img.thumb {
    width: 90px;
    height: 123px;
}

img#brand {
    float: right;
}

img.brand {
    float: right;
    display: table-row;
    margin: 3px;
    width: 100px;
    height: 100px;
}

img.cat {
    margin: -2px 7px 0 0;
    border: 0 solid #999;
    width: 100px;
    height: 100px;
}

.cat_pic {
    padding: 4px;
    width: 100px;
    height: 100px;
}

p {
    margin: 2px 4px 0 4px;
}

h3 {
    font-weight: bold;
    font-size: 17px;
    color: #000;
    font-family: Arial;
    padding-bottom: 2px;
    margin: 8px 8px 16px 0;
    height: 18px;
    overflow: hidden;

}

h3 a, h3 a:visited {
    color: #000 !important;
    text-decoration: none;
}

h3 a:hover {
    color: #E27616 !important;
    text-decoration: none;
}


h4 {
    font: normal 98%/100% "Tahoma", Tahoma, Tahoma;
    color: #000;
    margin: 10px 0 5px;
}

form {
    margin: 0;
    padding: 0;
}


/* header area */

#header {
    margin: 0 auto;
    background: #ffffff url(images/header.png) repeat-x 60% 95%;
    background-size: auto 90%;
    height: 100%;
    width: 100%;
}

#bghin {
    border-bottom: 1px solid #000;
    box-shadow: 0 2px 7px -2px #999;
    height: 80px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #FFF;
    z-index: 9000;
}

#logo {

    background: url(images/logo.png) no-repeat 98% -5px;
    background-size: 190px auto;

    height: 73px;

    padding: 0 3px 0 0;
    float: right;
    margin: -0.5% 0 0 4%;
    z-index: 999999;

}

#agv {

    background: url(images/agahiv.png) no-repeat;
    background-size: 98px auto;
    width: 110px;
    height: 44px;

    padding: 0 5px 0 0;
    position: absolute;
    left: 0;
    margin: 4px 0 0 0;
    z-index: 99;

}


#headerimg .description {
    position: absolute;
    right: 80px;
    bottom: 3px;
    color: #c9eefe;
    font-size: 14px;
    font-weight: bold;
}

#nav {
    list-style: none;
    width: 10%;


    padding: 0;
    margin: 5px 0 0 2px;
    position: absolute;
    top: 10px;


}

#meb {
    list-style: none;
    width: 95%;
    margin: 0 auto;

}


#nav li {
    z-index: 9002;
    float: right;
    margin-right: 0;

}


/* content area */

#content {
    padding: 0 0 0 0;
    list-style-type: none;
    width: 49%;
    overflow: hidden;
    margin: -3px -9px -3px -9px;

    position: static;
}

.post {
    clear: both;
    padding-top: 2px;
}

.post-date {
    width: 45px;
    height: 49px;
    float: right;
    background: url(images/date-bg.gif) no-repeat;
}

.post-month {
    font-size: 10px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
    display: block;
    line-height: 11px;
    padding-top: 4px;
    padding-right: -5px;

}

.post-day {
    font-size: 18px;
    text-transform: uppercase;
    color: #999999;
    text-align: center;
    display: block;
    line-height: 18px;
    padding-top: 8px;
    margin-left: 0;
}

.post-title {
    float: right;
    margin-right: 10px;
    width: 410px;

}

.entry {
    clear: both;
    padding-top: 10px;
    font-family: Tahoma, Tahoma;
}

.post-cat {
    background: url(images/mini-category.gif) no-repeat right;
    padding-right: 20px;
    float: right;
    font-size: 100%;
    color: #999999;
    font-family: Tahoma, Tahoma;
}

.post-comments {
    background: url(images/mini-comments.gif) no-repeat right;
    padding-right: 20px;
    float: left;
    font-size: 100%;
    font-family: Tahoma, Tahoma;
}

.post-calendar {
    background: url(images/mini-calendar.gif) no-repeat right;
    padding-right: 20px;
    float: left;
    font-size: 100%;
    color: #999999;
}

.mini-add-comment {
    background: url(images/mini-down-arrow.gif) no-repeat right;
    padding-right: 18px;
    float: left;
}

.navigation {
    clear: both;
    padding: 10px 0;
}

.navigation a, .navigation a:visited {
    color: #59770e;
}

.previous-entries a {
    float: left;
    padding-left: 18px;
    background: url(images/mini-nav-left.gif) no-repeat left center;
    font-family: Tahoma, Tahoma;
}

.next-entries a {
    float: right;
    padding-right: 18px;
    background: url(images/mini-nav-right.gif) no-repeat right center;
    font-family: Tahoma, Tahoma;
}

/* comments area */

#comments, #respond {
    border-bottom: 1px dotted #CCCCCC;
    padding: 10px 0 5px 0;
    clear: both;
}

.commentlist {
    margin: 10px 0;
    padding-right: 20px;
    line-height: 130%;
    font-family: Tahoma, Tahoma;
}

.commentlist li {
    padding: 5px 7px 0 10px;
}

.commentlist .alt {
    background: #F8F8F8;
}

.commentlist cite {
    font-weight: bold;
    font-style: normal;
    font-size: 85%;
    color: #0A3361;
}

.commentlist cite a, .commentlist cite a:visited {
    color: #0A3361;
}

.commentlist small {
    margin-bottom: 5px;
    display: block;
    font-size: 85%;
}

#commentform {
    font-family: Tahoma, Tahoma;
}

#commentform #author {
    background: url(images/author.gif) #FFF no-repeat right;
    font-family: Tahoma, Tahoma;
    padding: 6px 28px 4px 4px;
    font-size: 12px;
}

#commentform #email {
    background: url(images/email.gif) #FFF no-repeat right;
    font-family: Tahoma, Tahoma;
    padding: 6px 28px 4px 4px;
    font-size: 12px;
    direction: ltr;
}

#commentform #url {
    background: url(images/website.gif) #FFF no-repeat right;
    font-family: Tahoma, Tahoma;
    padding: 6px 28px 4px 4px;
    font-size: 12px;
    direction: ltr;
}

#commentform #captcha {
    background: url(images/cap.png) #FFF no-repeat right;
    font-family: Tahoma, Tahoma;
    padding: 6px 28px 4px 4px;
    font-size: 12px;
    width: 70px;
    direction: ltr;
}

#commentform p {
    padding: 6px 0;
    font-family: Tahoma, Tahoma;
    margin: 0;
}

#commentform label {
    color: #787878;
    font-size: 100%;
}

#commentform input {
    width: 200px;
    background: #F8F8F8;
    border: 1px solid #CBE0E7;
    padding: 3px;
}

#commentform textarea {
    width: 98%;
    height: 115px;
    background: #FFF;
    border: 1px solid #CBE0E7;
    padding: 6px 4px 4px 4px;
    margin-top: 5px;
    font-family: Tahoma, Tahoma;
    font-size: 12px;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
    background: #ffffff;
}

#commentform #submit {

    background: #F5F5F5;
    color: #333;
    border: 1px solid #CCC;

    width: 55px;
    height: 25px;
    text-align: center;
    cursor: pointer;
}

/*sidebar */

/*search form */

/*search form */

#search_res {
    margin: 0;
}

#searchform {
    margin: 1px 0 0 10px;
    float: left;
}

#searchform br {
    display: none;
}

#loginform #s {
    width: 89%;
    color: #aaa;
    font-size: 12px;
    margin: 0 0 3% 0;
}

#loginform #s2 {
    width: 89%;
    color: #sss;
    font-size: 12px;
    margin: 0 0 3% 0;
}

#loginform #su {
    width: 89%;
    color: #aaa;
    font-size: 12px;
}

#loginform #s2u {
    width: 89%;
    color: #sss;
    font-size: 12px;
}

/* search form button - to specify button only use input[type="submit"] */
#searchform input {

    background: url(images/GoIcon.png) no-repeat right;
    width: 21px;
    height: 21px;
    border: 0;
    text-align: center;
    padding: 5px;
    margin-right: 2px;
    margin-top: 3px;
    vertical-align: middle;
    font-size: 11px;
}


/* footer area */

#footer {
    clear: both;
    color: #ACD7EE;
    font-size: 100%;
    line-height: 130%;
    padding-bottom: 10px;
    font-family: Tahoma, Tahoma;

}

#footer a, #footer a:visited {
    color: #ffffff;
}

#footer h4 {
    font: normal 146%/100% Tahoma, Tahoma;
    color: #9cdbfb;
    margin: 10px 0 5px;
}

.footer-recent-comments {
    width: 240px;
    float: left;
    margin-left: 10px;
}

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

.footer-recent-comments ul li {
    background: url(images/mini-footer-comments.gif) no-repeat right;
    padding: 0 20px 10px 0;
}

.footer-recent-posts {
    width: 240px;
    float: left;
    margin-left: 10px;
}

.footer-recent-posts strong {
    font-size: 107%;
    line-height: 135%;
    font-weight: bold;
}

.footer-recent-posts ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 100%;
    line-height: 110%;
}

.footer-recent-posts ul li {
    background: url(images/mini-footer-post.gif) no-repeat right;
    padding: 0 20px 10px 0;
}

.footer-about {
    width: 220px;
    float: right;
    padding-right: 10px;
    padding-left: 10px;
    background: url(images/footer-right-bg.gif) no-repeat;
}


#credits a, #credit a:visited {
    color: #909;
    line-height: 35px;
}

.rss {
    padding-bottom: 2px;
    margin-right: 8px;
}

.loginout {
    padding-bottom: 2px;
    margin-right: 8px;
}

/* alignments */

.center {
    text-align: center;
}

img.center, img[align="center"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

img.alignleft, img[align="left"] {
    float: left;
    margin: 2px 10px 5px 0;
}

.alignright {
    float: right;
}

img.alignright, img[align="right"] {
    float: right;
    margin: 2px 0 5px 10px;
}

.clear {
    clear: both;
}

hr.clear {
    clear: both;
    visibility: hidden;
    margin: 0;
    padding: 0;
}

.wp-pagenavi {
    text-align: center;
    direction: ltr;
}

input.btn {
    color: #2173B6;
    font: 100% "tahoma", helvetica, sans-serif;
    background-color: #ffffff;
    border: 1px solid;
    border-color: #2173B6;
}

input.btnhov {
    color: #2173B6;
    font: 100% "tahoma", helvetica, sans-serif;
    background-color: #ffffff;
    border: 1px solid;
    border-color: #ffffff;
}

.ldWrapperl {
    border: 0 solid #313132;

    border-radius: 5px;
    padding: 1px 4px 4px 4px;
    margin: 0 0 5px 0;
    word-wrap: break-word;
    background-color: #FFFFFF;
}

.ldWrapperl a {

    padding: 10px 0 5px 0;

}

.ldWrapperl a:visited {

    padding: 10px 0 5px 0;

}

/*
.ldSearch::before {
	content: "⌄";
    color: #000;
    font-size: 18px;
    font-weight: bold;
    float: right;
    vertical-align: middle;
    padding: 0 6px 16px 4px;
    border-bottom: 1px solid #a7a7a7;
    margin: 0 -4px 0 0;
}

 */
.ldSearch {
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
    /* min-height: 500px; */
    padding: 1px 4px 4px 4px;
    margin: 0 -21px 5px 0;
    word-wrap: break-word;
    background-color: #F9F9F9;
    /* display: none; */
    position: absolute;
    height: 35px;
    width: 186px;
    left: 0;
    overflow: hidden;
    top: 204px;
    z-index: 8000;
}

.ldSearch .form_row {
    margin: 0 0 10px 0;
}

.flxselect {
    padding: 2px 4px 4px;
    background: #FFF url("/images/arrow3.png");
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: 0 center;
    width: 125px;
}

.form_input_ssb input[type="checkbox"] {
    margin: 8px 0 0;
}

.form_input_ssb {
    display: inline-block;
    width: 200px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 0 2px 1px 0;
    top: 0;
    margin: -2px 0 0 0;
    vertical-align: top;
}

.cross {
    vertical-align: top;
    display: inline-block;
    margin: 8px 5px 0 0;
    background-color: #F04D4D;
    color: #FFF;
    line-height: 18px;
    height: 19px;
    width: 18px;
    border-radius: 2px;
    padding: 2px 4px 1px 1px;
    font-size: 18px
}


.ldWrapperlb a {
    color: #000;
    text-decoration: none;
}

.ldWrapperlb a:hover {
    color: #000;
    text-decoration: none;
}

.ldWrapperlb {
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    padding: 1px 4px 4px 4px;
    margin: 0 9px 10px 9px;
    word-wrap: break-word;
    background-color: #FFFFFF;

}


.ldWrapperlb ul {
    list-style-type: none;
    margin: 0;
    padding-right: 0;
    background: #FFF;
}


.ldWrapperlb ul li {
    margin: 4px 0 0 0;
    padding: 0 4px 1px 1px;
    line-height: 20px;
    background-color: #FFF1E8;
    direction: rtl;

    text-decoration: none;
}

.ldWrapperlb ul li:hover {
    background: #FFE2B7;
    text-decoration: none;
}

.ldWrapperlb ul li a:hover {
    background: #FFE2B7;
    text-decoration: none;
}

.ldWrapperlb ul li.wl {
    margin: 4px 0 0 0;
    padding: 1px 4px 1px 1px;
    line-height: 20px;
    background-color: #EFEFEF;
    direction: rtl;


}


.ldWrapperlb ul li.wl:hover {
    background: #FFE2B7;
}


.ldWrapperlb ul li.liTit {
    display: none;
    list-style-type: none;
    margin: 4px 0 0 0;
    line-height: 20px;
    padding: 0 4px 0 0;
    background-color: #FFF1E8;
    direction: rtl;
    width: 700px;
    color: #666;
}

.ldWrapperlb ul li.liTit:hover {
    border: 0;
    margin: 4px 0 0 0;
}


.ldWrapperlb ul {
    list-style-type: none;
    margin: 0;
    padding-right: 0;
    background: #FFF;
}

textarea.detail {
    width: 98%;
    border: 1px solid #CCC;
    margin: 1% 0 0 0;
}


.ldWrapperlb ul li.liTit {
    list-style-type: none;
    margin: 4px 0 0 0;
    line-height: 20px;
    padding: 1px 4px 1px 1px;
    background-color: #FFF1E8;
    direction: rtl;
    width: 69%;
    color: #666;
}

.ldWrapperlb ul li.liTit:hover {
    border: 0;
    padding: 1px 4px 1px 1px;
}


.ldWrapper {
    border: 0 solid #313132;
    display: table-column; /* temporary */
    border-radius: 5px;
    padding: 1px 4px 4px 4px;
    margin: 40px 0 5px 0;
    word-wrap: break-word;
    background-color: #FFFFFF;
}

.ldWrapper_blue {
    border: 1px solid #E85C00;

    border-radius: 5px;
    padding: 1px 4px 4px 4px;
    margin: 0 0 5px 0;
    word-wrap: break-word;
    background-color: #FFFFFF;
}

.ldWrapper_blue a, .ldWrapper_blue a:visited {

    color: #000;
}


.ldWrapper ul {
    list-style-type: none;
    margin: 0;
    padding-right: 0;
    text-indent: -11px;
    margin: 0 11px 0 0;
}

.ldWrapper ul li::before {
    content: "› ";
    display: inline;
    font-size: 18px;
    vertical-align: middle;
    color: #FF8040;
    font-family: Arial;
    font-weight: bold;
}

.ldWrapper ul li {
    list-style-type: none;
    margin: 2px 2px 0 2px;
    line-height: 20px;
    padding-right: 0;
    /*    background:transparent url(images/icon_arrow_sm.gif) no-repeat scroll 100% 8px; */
    /* mizoon dar nayumadn az 8px akharehhhhh*/
    content: ' ';
    direction: rtl;
}


.ldWrapper ul li a,
.ldWrapper ul li a:visited {
    color: #535355;
    text-decoration: none;
}

.ldWrapper ul li a:hover {
    color: #FE7715;

    text-decoration: none;
}

.cform {
    margin-bottom: 5px;
}

/* nahveye namayeshe onvane menu ha */
.ldTitle {
    font-weight: bold;
    font-size: 16px;
    color: #444;
    font-family: Arial;
    border-bottom: 1px solid #D4D4D4;
    padding: 4px;
}

/* .ldTitle::before{content:"»  ";display:inline} */

.hazf {
    margin-top: 0;
    margin-bottom: 0;
}

table {
    text-align: right;

    margin-top: 5px;
    background: #F2F9FF;

}

tr {
    padding-right: 10px;
    border: 1px solid #FFF;

}

td {
    padding-right: 10px;
    border: 1px solid #FFF;
}

th {
    padding-right: 10px;
    border: 1px solid #FFF;
}

/* ------*/
div.hoverme, div.category_block

;
div.hoverme:hover, div.cat_on

;

div.hoverme, div.off {
    width: 150px;
    display: inline-block;

    border: 1px solid #E27616;

    border-radius: 5px;
    padding: 1px 4px 4px 4px;
    margin: 0 0 3px 0;
    word-wrap: break-word;
    background-color: #FFFFFF;
    height: 280px;
}

div.hoverme a, div.off a {
    color: #000;
}

div.hoverme:hover, div.on {
    width: 150px;
    display: inline-block;

    border: 1px solid #E27616;

    border-radius: 5px;
    padding: 1px 4px 4px 4px;
    margin: 0 0 3px 0;
    word-wrap: break-word;
    background-color: #FFFFFF;
    height: 280px;
}

div.hoverme a:hover, div.on a {
    color: #000;
}

div.hoverme a:hover, div.on a {
    color: #000;
}


.phl {
    width: 31%;
    min-height: 22px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 2px 4px 0 0;
    background: #EFEFEF;
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
}

.phl-b {
    width: 62%;
    min-height: 22px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 1% 2% 0 0;
    background: #FFF1E8;
    display: inline-block;
    color: #000;
    font-size: 12px;
}

.phl-bs {
    width: 62%;
    min-height: 22px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 1% 2% 0 0;
    background: #FFF1E8;
    display: inline-block;
    color: #3DCE42;
    font-size: 20px;
    font-weight: 1000;
}


.phl-bb {
    width: 63%;
    height: 22px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 1% 2% 0 0;
    background: #FFF1E8;
    display: inline-block;
    color: #000;
    font-size: 12px;
}

.phl-bbb {
    width: 62%;

    border: 0 solid #CCC;
    overflow: hidden;
    padding: 2px 4px 0 0;
    background: #FFF1E8;
    display: inline-block;
    color: #000;
    font-size: 12px;
}

.phl-bt {
    width: 94%;
    min-height: 22px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 3px 6px 6px 6px;
    background: #FFF1E8;
    display: inline-block;
    color: #000;
    font-size: 12px;
}

.list {
    display: inline-block;
}

.list-s {
    display: inline-block;
    width: 4%;
    border: 0 solid #CCC;
    margin: 0 0 0 7px;
    overflow: hidden;
    height: 20px;
    padding: 1px 0 0 0;
    color: #000
}

.list-ss {
    display: inline-block;
    width: 35px;
    border: 0 solid #CCC;
    margin: 0 0 0 2px;
    overflow: hidden;
    height: 20px;
    padding: 1px 1px 0 0;
    color: #000
}

.list-ssk {
    display: inline-block;
    width: 30px;
    border: 0 solid #CCC;
    margin: 0 0 0 4px;
    overflow: hidden;
    height: 20px;
    padding: 1px 1px 0 0;
    color: #000
}

.list-sm {
    display: inline-block;
    width: 45%;
    border: 0 solid #CCC;
    margin: 0 0 0 7px;
    overflow: hidden;
    height: 20px;
    padding: 1px 1px 0 0;
    color: #000
}

.list-sm:after {
    content: 'متری';
}

.list-m {
    display: inline-block;
    width: 45%;
    border: 0 solid #CCC;
    margin: 0 0 0 7px;
    overflow: hidden;
    height: 20px;
    padding: 1px 1px 0 0;
    color: #000
}

.list-lm {
    display: inline-block;
    width: 20%;
    border: 0 solid #CCC;
    margin: 0 0 0 7px;
    overflow: hidden;
    height: 20px;
    padding: 1px 1px 0 0;
    color: #000
}

.list-mk {
    display: inline-block;
    width: 50px;
    border: 0 solid #CCC;
    margin: 0 0 0 2px;
    overflow: hidden;
    height: 20px;
    padding: 1px 1px 0 0;
    color: #000
}

.list-mpic img {
    width: 190px;
    height: 120px;
    margin: 10px 7px 0 0;
}


.list-ln {
    display: inline-block;
    border: 0 solid #CCC;
    margin: 0 4px 0 14px;
    overflow: hidden;
    height: 20px;
    padding: 1px 1px 0 0;
    color: #000
}

.list-l {
    display: inline-block;
    width: 45%;
    border: 0 solid #CCC;
    margin: 0 0 0 2px;
    overflow: hidden;
    height: 20px;
    padding: 1px 1px 0 0;
    color: #000
}

.list-lk {
    display: inline-block;
    width: 90%;
    border: 0 solid #CCC;
    margin: 0 0 0 2px;
    overflow: hidden;
    height: 20px;
    padding: 1px 1px 0 0;
    color: #000
}

.update_bar {
    float: left;
    width: 69%;
    background: #FFFFDF;
    border: 1px solid #F4D10B;
    padding: 2px 5px 4px 5px;
    font-size: 11px;
    margin: 0 4px 0 4px;
}


optgroup {
    font-family: Tahoma, Arial;
    font-weight: normal;
    color: #FE7511;
}

option {
    font-family: Tahoma, Arial;
    font-weight: normal;
    color: #000;
}

.file_input_textbox {
    float: left;
    color: #999;
    width: 11%;
    margin: 0 5px 0 5px;
    direction: ltr;
}

#shk {
    float: left;
    color: #000;
    width: 60%;
    margin: 0 5px 0 5px;
    padding: 1px 4px 0 4px;
    direction: ltr;
    border: 1px solid #CCC;
    height: 22px;
    font-size: 11px;
}

.shk_m {
    float: left;
    color: #000;
    width: 50%;
    margin: 0 5px 0 5px;
    padding: 0 3px 0 3px;
    direction: ltr;
    border: 1px solid #CCC;
    height: 22px;
    font-size: 11px;
    background: #FFF;
}

.file_input_div {
    position: relative;
    width: 100%;
    height: 22px;
    border: 0 solid #666;
    padding: 2px 4px 3px 4px;
    font-size: 11px;
}

.file_input_button {
    margin: 0 0 0 0;
    width: 30%;
    padding: 1px 3px 3px 3px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #EEE;
    color: #333;
    border: 1px solid #666;
    border-radius: 3px;
    font-size: 11px;
    font-family: Tahoma, "Times New Roman", Arial;
}

.file_input_button_m {
    margin: 0 0 0 0;
    width: 40%;
    padding: 0 2px 2px 2px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #EEE;
    color: #333;
    border: 1px solid #666;
    border-radius: 3px;
    font-size: 10px;
    font-family: Tahoma, "Times New Roman", Arial;
}

.file_input_hidden {
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid red;
    z-index: 8000;
    width: 36%;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    ms-filter: "alpha(opacity=0)";
    khtml-opacity: 0;
    moz-opacity: 0;
}

input[type=checkbox] {
    margin: 3px 0 0 0;

}

#upgrade {
    border: 1px solid #FC0;
    border-radius: 3px;
    padding: 1px 4px 3px 4px;
    background: #FFC;
    display: inline-block;
    box-shadow: 0 1px 3px 0 #FC0;
    margin: 0 0 12px 0;
}

#upgrade a, #upgrade a:visited {

    color: #000;
    text-decoration: none;
}

sss {
    border: 1px solid #7373FF;
    background-color: #DDD;
    font-weight: 700;
    padding: 4px 6px 5px 6px;
    margin: 5px 0 0 30px;
    float: left;
}

input#se {
    background-color: #FFA42D;

    background-image: linear-gradient(center top, #FFA42D, #d14836);

    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA42D', endColorstr='#d14836'); */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA42D), to(#d14836));
    background: -moz-linear-gradient(center top, #FFA42D, #d14836);

    border: 1px solid #F28715;
    color: #fff;
    border-radius: 2px;
    font-size: 14px;
    height: 30px;
    width: 100%;
    white-space: nowrap;

    padding: 2px 4px 6px 2px;
    font-weight: 500px;
    display: inline-block;
    margin: 3px 2px 0 0;
}

input#se:hover {
    background-color: #FFA42D;
    background-image: linear-gradient(center top, #FFA42D, #C53727);

    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA42D', endColorstr='#C53727'); */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA42D), to(#C53727));
    background: -moz-linear-gradient(center top, #FFA42D, #C53727);

    border: 1px solid #F28715;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

input.inpb {
    background-color: #FFA42D;

    background-image: linear-gradient(center top, #FFA42D, #d14836);

    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA42D', endColorstr='#d14836'); */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA42D), to(#d14836));
    background: -moz-linear-gradient(center top, #FFA42D, #d14836);

    border: 1px solid #F28715;
    color: #fff;
    border-radius: 2px;
    font-size: 14px;
    height: 34px;
    width: 100%;
    white-space: nowrap;
    float: left;
    padding: 0 4px 5px 2px;
    font-weight: 500px;
    display: inline-block;
    margin: 0 0 9% 0;
}

input.inpb:hover {
    background-color: #FFA42D;
    background-image: linear-gradient(center top, #FFA42D, #C53727);

    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA42D', endColorstr='#C53727'); */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA42D), to(#C53727));
    background: -moz-linear-gradient(center top, #FFA42D, #C53727);

    border: 1px solid #F28715;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.layer1, .layer2, .layer3 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    font-size: 12px;
}

.suglist {
    font-size: 12px;
    min-width: 16%;

}

#searchbox {
    margin: 60px 0 10px 0;
    height: 1530px;
}

a.reg-sub {
    background-color: #FFA42D;

    background-image: linear-gradient(center top, #FFA42D, #d14836);

    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA42D', endColorstr='#d14836'); */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA42D), to(#d14836));
    background: -moz-linear-gradient(center top, #FFA42D, #d14836);

    border: 1px solid #F28715;
    color: #fff;
    border-radius: 2px;
    font-size: 14px;
    height: 20px;
    min-width: 70px;
    white-space: nowrap;
    bottom: 1px;
    padding: 4px 4px 5px 2px;
    font-weight: 500px;
    display: inline-block;
    margin: 10px 0 5px 2.5%;
    text-align: center;
    vertical-align: top;
    float: left;
}

a.reg-sub:hover {
    background-color: #FFA42D;
    background-image: linear-gradient(center top, #FFA42D, #C53727);

    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA42D', endColorstr='#C53727'); */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA42D), to(#C53727));
    background: -moz-linear-gradient(center top, #FFA42D, #C53727);

    border: 1px solid #F28715;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    text-decoration: none;
}

.up-sub a {
    background-color: #FFA42D;
    background-image: linear-gradient(center top, #FFA42D, #d14836);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA42D', endColorstr='#d14836'); */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA42D), to(#d14836));
    background: -moz-linear-gradient(center top, #FFA42D, #d14836);
    border: 1px solid #F28715;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    height: 23px;
    line-height: 20px;
    min-width: 10%;
    white-space: nowrap;
    padding: 2px 3px 3px 2px;
    font-weight: 500px;
    display: inline-block;
    margin: -4px 30% 12px 40px;
}

.up-adv a {
    background-color: #FFA42D;

    background-image: linear-gradient(center top, #FFA42D, #d14836);

    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA42D', endColorstr='#d14836'); */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA42D), to(#d14836));
    background: -moz-linear-gradient(#FFA42D, #d14836);

    border: 1px solid #F28715;
    color: #fff;
    border-radius: 2px;
    font-size: 10px;
    height: 14px;
    float: left;
    white-space: nowrap;
    padding: 0 3px 3px 3px;
    font-weight: 500px;
    display: inline-block;
    margin: 1px 0 0 0;
    line-height: 16px;
}

.up-adv a:hover {
    background-color: #FFA42D;
    background-image: linear-gradient(center top, #FFA42D, #C53727);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA42D', endColorstr='#C53727');*/
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA42D), to(#C53727));
    background: -moz-linear-gradient(#FFA42D, #C53727);
    border: 1px solid #F28715;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    text-decoration: none;
}

.Trest {

    width: 250px;
    height: 15px;
    float: right;
    margin: -14px 0 17px 0;
    border: 0 solid #F28715;
}

.up-sub a:hover {
    background-color: #FFA42D;
    background-image: linear-gradient(center top, #FFA42D, #C53727);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA42D', endColorstr='#C53727');*/
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA42D), to(#C53727));
    background: -moz-linear-gradient(#FFA42D, #C53727);
    border: 1px solid #F28715;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    text-decoration: none;
}

input.sbm {
    background-color: #FFA42D;
    background-image: linear-gradient(center top, #FFA42D, #d14836);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA42D', endColorstr='#d14836');*/
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA42D), to(#d14836));
    background: -moz-linear-gradient(#FFA42D, #d14836);
    border: 1px solid #F28715;
    color: #fff;
    border-radius: 2px;
    font-size: 14px;
    height: 34px;
    width: 99%;
    white-space: nowrap;
    padding: 2px 3px 7px 2px;
    font-weight: 500px;
    display: inline-block;
    margin: 0 0 12px 0;
    font-weight: 500;
}

.vad {
    width: 72px;
    background-color: #EEE;
    padding: 2px 8px 2px 4px;
    float: right;
    margin: 32px 0 0 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 11px;
}

/* baraye agahi vije*/
.ad-k {
    border-top: 1px solid #DDDDDD;

    border-radius: 3px;
    padding: 1px 1px 0 3px;
    margin: 56px 0 0 0;
    word-wrap: break-word;
    background-color: #FFFFFF;

}


input.sbm:hover {
    background-color: #FFA42D;
    background-image: linear-gradient(center top, #FFA42D, #C53727);
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA42D', endColorstr='#C53727'); */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA42D), to(#C53727));
    background: -moz-linear-gradient(#FFA42D, #C53727);
    border: 1px solid #F28715;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    text-decoration: none;
}

.accb {
    display: inline-block;
    height: 12px;
    text-align: right;
    direction: ltr !important;
    width: 146px;
    border: 0 solid red;
}

#ontop {
    position: absolute;
    margin: 0 0 0 0;
    padding: 3px 6px 0 6px;
    width: 90%;
    height: 50px;
    z-index: 999;
    display: block;
}


#ontop a, #ontop a:visited {
    color: #216CB2;
}

#ontop a:hover {
    color: #FE7511;
    text-decoration: none;
}

#hover {
    position: relative;
    height: 20px;

    margin: -20px 0 0 0;
    width: 100%;
}

#bubble {
    margin: -96px 0 0 0;
    padding: 3px 6px 0 6px;
    position: absolute;
    width: 75%;
    height: 80px;
    display: block;
    border-radius: 4px;
    z-index: 9999;
}

#bubble:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 20px;
    border-top: 10px solid blue;
    border-top-color: inherit;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

}

#t-hover {
    position: relative;
    height: 20px;
    margin: -20px 0 0 0;
    width: 140px;
}

#t-hover:hover {
    overflow: visible;
}

.t-tooltip {
    opacity: 1;
    width: 170%;
    margin: -100px 10px 0 0;
    padding: 1px 5px 2px 5px;
    overflow: visible;
    background-color: #004A8A;
    color: #FFF;
    font-weight: 500;
    border-radius: 3px;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    position: relative;
    display: block;
}


#t-hover :before {
    border: solid;
    border-color: #004A8A transparent;
    border-width: 7px 7px 0 7px;
    bottom: -6px;
    content: " ";
    left: 70%;
    position: absolute;
    z-index: 99;
}

#t-hoverB {
    position: relative;
    height: 22px;
    margin: -20px 135px 0 0;
    margin: -22px 0 0 2px \0;
    overflow: hidden;
    width: 22px;
    font-size: 11px;
}

#t-hoverB:hover {
    overflow: visible;
    cursor: pointer;
}

.t-tooltipB {
    position: absolute;
    opacity: 1;
    height: 60px;
    overflow: visible;
    padding: 20px 0 0 0;
}

#t-hoverB:hover .t-tooltipB {
    opacity: 1;
    width: 140px;
    height: 60px;
    margin: 30px -130px 0 0;
    padding: 1px 5px 2px 5px;
    overflow: visible;
    background-color: #FFF;
    color: #555555;
    font-weight: 500;
    border: 1px solid #777777;
    border-radius: 3px;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    direction: rtl;
    text-align: right;
    box-shadow: 1px 2px 8px -1px rgba(153, 153, 153, 1);
}

#t-hoverB:hover :before {
    border: solid;
    border-color: #555555 transparent;
    border-width: 0 7px 7px 7px;
    top: -6px;
    content: " ";
    left: 3%;
    position: absolute;
    z-index: 99;
}

#t-hoverB:hover :after {
    border: solid;
    border-color: #FFF transparent;
    border-width: 0 7px 7px 7px;
    top: -5px;
    content: " ";
    left: 3%;
    position: absolute;
    z-index: 99;
}


#t-hoverC {
    height: 22px;
    width: 22px;
    font-size: 11px;
    overflow: hidden;
    float: left;
    position: absolute;
    display: inline-block;
    margin: -22px 0 0 110px;
    margin: -22px 0 0 110px; \0;
    -webkit-margin-start: 30px;
    z-index: 999;
    left: 0;
}

#t-hoverC:hover {
    overflow: visible;
    cursor: pointer;
}

.t-tooltipC {
    position: absolute;
    opacity: 1;
    height: 60px;
    overflow: visible;
    padding: 20px 0 0 0;
}

.tooltipCactive {
    background-color: #FFF;
    color: #555;
    font-weight: 500;
    border: 1px solid #777;
    border-radius: 3px;
    text-align: right;
    box-shadow: 1px 2px 8px -1px #999;
    padding: 1px 5px 2px;
    margin: -12px 0 0 26px;
    width: 180px;
    height: 185;
    position: absolute;
    font-size: 11px;
    transition: opacity 0.5s ease 0s;
    direction: rtl;
}

#t-hoverC:hover .t-tooltipC {
    opacity: 1;
    width: 140px;
    height: 60px;
    margin: 30px -130px 0 0;
    padding: 1px 5px 2px 5px;

    overflow: visible;
    background-color: #FFF;
    color: #555555;
    font-weight: 500;
    border: 1px solid #777777;
    border-radius: 3px;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    direction: rtl;
    text-align: right;
    box-shadow: 1px 2px 8px -1px rgba(153, 153, 153, 1);
}

#t-hoverC:hover :before {
    border: solid;
    border-color: #555555 transparent;
    border-width: 0 7px 7px 7px;
    top: -6px;
    content: " ";
    left: 3%;
    position: absolute;
    z-index: 99;
}

.tooltipCactive:before {
    border: solid;
    border-color: #555555 transparent;
    border-width: 0 7px 7px 7px;
    top: -6px;
    content: " ";
    left: 3%;
    position: absolute;
    z-index: 99;
}

#t-hoverC:hover :after {
    border: solid;
    border-color: #FFF transparent;
    border-width: 0 7px 7px 7px;
    top: -5px;
    content: " ";
    left: 3%;
    position: absolute;
    z-index: 99;
}

.tooltipCactive:after {
    border: solid;
    border-color: #FFF transparent;
    border-width: 0 7px 7px 7px;
    top: -5px;
    content: " ";
    left: 5%;
    position: absolute;
    z-index: 99;
}


#mapSitu {
    width: 140px;

    height: 20px;
    float: right;

}

.pin {
    background: url(images/map-pin.jpg) no-repeat;
    background-size: 55% auto;
    width: 40px;
    height: 60px;
    padding: 2px 4px 0 0;
    margin: 30px -15px 0 0;
    float: right;
}

small.mp {
    margin: 0 20px 0 0;
    color: red;
}

small.mp a {

    color: red;
}

#tabs_wrapper {
    width: 100%;
    float: left;
    margin: 2% 0 8% .5%;
}

#tabs_container {
    border-bottom: 1px solid #333;

}

#tabs {
    list-style: none;
    padding: 5px 0 1px;
    margin: 0 0 0 10px;
    font: 11px;
    color: #333;
}

#tabs li {
    display: inline;
}

#tabs li a {
    border: 1px solid #333;
    padding: 4px 6px 3px 6px;
    text-decoration: none;
    background-color: #eeeeee;
    border-bottom: none;
    outline: none;
    color: #333;
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
}

#tabs li a:hover {
    background-color: #dddddd;
    padding: 4px 6px 3px 6px;

}

#tabs li.active a {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    padding: 4px 6px 4px 6px;
    border-bottom: 2px solid #FFF

}

#tabs li.active a:hover {
    background-color: #eeeeee;
    padding: 4px 6px 4px 6px;
    border-bottom: 2px solid #fff;
}

#tabs li a.icon_accept {
    background-image: url(accept.png);
    background-position: 5px;
    background-repeat: no-repeat;
    padding-left: 24px;
}

#tabs li a.icon_accept:hover {
    padding-left: 24px;
}

#tabs_content_container {
    border: 1px solid #ccc;
    border-top: none;
    padding: 4px 0 0 0;
    width: 100%;
    height: auto;
}

.tab_content {
    display: none;

}

.maptitle {
    font-size: 12px;
    margin: 0;
    text-align: right;
    line-height: 17px;
}

#gmap {
    margin: 10px 0 0 0;
    width: 100%;
    height: 300;
}

#tabmap {
    display: none;
}

/*-----*/

#chicken_contentDiv {
    width: 215px !important;
    height: 100% !important;
    z-index: 1 !important;
    right: 34px !important;
    text-align: right !important;
    line-height: 17px !important;
    overflow: hidden !important;
    padding-bottom: 15px !important;
}

#photos {
    height: 50px;
    position: relative;
    white-space: nowrap;
    margin: 40px 0 0 0;
}

.shift {
    height: 25px;
    line-height: 25px;
    background-color: #fefefe;
    text-align: center;
    position: absolute;
    bottom: 10px;
    font-size: 28px;
    color: #696969;
    width: 24px;
}

#scroll-start {
    left: 0;
}

#scroll-end {
    right: 0;
}

#scroll {
    left: 30px;
    width: 85%;
    height: 100px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
}

#photos ul {
    position: absolute;
    bottom: 0;
    padding: 0;
    margin: 0;
}

#photos ul.start {
    left: 0;
}

#photos ul.end {
    right: 80px;
}

#photos ul li {
    padding: 10px;
    margin: 0;
    list-style: none;
    display: inline;
}

img.thumb {
    height: 30px;
}

img.big {
    height: 90px;
}

/*-----*/

#mapsearch {
    width: 100%;
    height: 520px;
}


#mmap {
    width: 100%;
    height: 230px;
}

#mpbig {
    position: absolute;
    z-index: 990;
    background: #ffd6aa;
    width: 65px;
    text-align: center;
    padding: 1px 4px 4px;
    margin: -26px 0 0 1px;
    left: 9px;
}

#mpbig a:hover {
    color: #F75448;
    text-decoration: none;
}

#mpbig a {
    display: block;
}

p.tg {

    margin: 0 5px 10px 0;


}

.tg a {
    display: inline-block;
    margin: 0 0 20px 20px;
    padding: 2px 6px 5px 6px;
}

.tg a:hover {
    background: #FFE2B7;

    text-decoration: none;
    border-radius: 2px;
}


/*media queries*/

/* Tablet ----------- */
@media screen and (max-width: 1024px) {


    #intro {
        width: 100%;
    }

    #intro-img {
        display: none;
    }

    #intro h1 {
        margin: 0 0 5% 0;
    }

    #logo {
        width: 100%;
        text-align: center;
    }

    #logo img {
        max-width: 55%;
    }

    #nav {
        width: 100%;
    }

    #nav ul {
        margin: 0;
    }

    #nav ul li {
        float: left;
        margin: 5% 0 0 0;
    }

    #nav ul li.about {
        width: 15%;
    }

    #nav ul li.pricing {
        width: 35%;
    }

    #nav ul li.locations {
        width: 25%;
    }

    #nav ul li.contact {
        width: 25%;
        margin: 5% 0 2% 0;
    }


}


/* Small ----------- */
@media screen and (max-width: 480px) {

    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12 {
        width: 100%;
    }

    .form_col {
        margin: 0 0 15px 0;
        border: 0 solid #CCC;
        width: 105%;
        display: inline-block;

    }

    #logo img {
        max-width: 100%;
    }

    #nav ul {
        margin: 5% 0;
    }

    #nav ul li a {
        -webkit-user-select: none;
        font-size: 0.750em;
    }

    #nav ul li {
        float: left;
        margin: 5% 0;
    }

    #nav ul li.about {
        width: 20%;
        text-align: left;
    }

    #nav ul li.pricing {
        width: 55%;
        text-align: center;
    }

    #nav ul li.locations {
        width: 25%;
        text-align: right;
    }

    #nav ul li.contact {
        width: 100%;
        margin: 0;
        font-size: 1em;
    }


    #intro, #about {
        display: none;
    }

    #featured-cupcake, #new-cupcakes {
        margin: 5% 0;
    }

}

input#ci {
    width: 100%;
}

h5 {
    font-family: Arial, Sans-serif, Tahoma;
    font-size: 1.35em;
    margin: 25px 2px 0 0;
    padding: 0 0 5px 0;
    display: inline-block;
    width: 89%;
    font-weight: normal;
}

h5.hlp {
    font-family: Arial, Sans-serif, Tahoma;
    font-size: 1.35em;
    margin: 25px 2px 0 0;
    padding: 0 0 5px 0;
    display: inline-block;
    width: 85%;
    font-weight: normal;
}

h5 a, h5 a:visited {
    color: #000 !important;
}

h5 a:hover {
    text-decoration: none;
    color: #FF6C00 !important;
}

.top::after {
    content: "  ↑";
    display: inline
}

a.top {
    width: 10%;
    display: inline-block;
    font-size: 0.8em;
    color: #FE7511;

}

.mlink::before {
    content: "›  "
}

.mlink {
    width: 90%;
    display: inline-block;
    font-family: Arial, Sans-serif, Tahoma;
    font-size: 1.24em;
    padding: 4px 0 6px 0;
}

a.blink {
    margin: -135px 0 0 0;
    padding: 135px 0 0 0;
    visibility: hidden;
}

#menu {
    width: 62px;
    display: block;
    color: #494949;
    font-size: 1.45em;
    text-align: center;
    top: 0;
    left: 0;
    position: absolute;
    margin: 0 0 0 0;
    height: 80px;
    z-index: 99999999;
    background-color: rgba(254, 117, 17, 0.2);
    /*
			opacity: 0.6;
			filter:alpha(opacity=60);
			 */
    border-right: 1px solid #FE7511;
    box-shadow: 0 0 2px 0 #FF9C56;
}

#menu:hover {
    cursor: pointer;
}

.iconm {
    width: 1.4em;
    font-size: 2.05em;
    height: 30px;
    margin: 16px auto;
}

#nav.js {
    display: none;
}

#navcont.js {
    display: none;

}

#nav ul {
    width: 100%;


}

ul#nav {
    background-color: #FFFFFF;
    border: 1px solid #CCC;
    cursor: default;
    margin: 80px 0 0 10px;
    width: 90%;
    padding: 1px 5px 5px 5px;
    border-radius: 2px;
    box-shadow: 0 1px 1000px #5E5E5E;
    font-size: 12px;
    z-index: 99999;
}

#nav li {
    width: 100%;
    background-color: #FFFFFF;

}

#nav li:last-child {
    border-right: none;
}

#nav li a {
    display: inline-block;
    width: 80%;
    padding: 4% 10% 5% 10%;
    font-size: 1.35em;
    text-decoration: none;
    border-right: none;
    color: #F48100;
    background: #EEE;
    margin: 4px 0 0 0;
}

#nav li a:hover {
    display: inline-block;
    padding: 4% 10% 5% 10%;
    font-size: 1.35em;
    text-decoration: none;
    border-right: none;
    color: #000;
    background: #FFEEDB;
}


.arrm:after, .arrm:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    z-index: 999999;
    left: 5%;
}

.arrm:after {
    border-width: 12px;
    margin: 0 0 0 5px;
    border-bottom-color: #FFF;
    top: 71px;
}

.arrm:before {
    border-width: 10px;
    margin: 0 0 0 7px;
    border-bottom-color: #CCC;
    top: 72px;

}


.messagepop {
    background-color: #FFFFFF;
    border: 1px solid #CCC;
    cursor: default;
    display: none;
    margin: -5px 0 0 0;
    position: absolute;
    text-align: left;
    width: 285px;
    z-index: 50;
    padding: 15px 15px 15px 25px;
    border-radius: 2px;
    box-shadow: 0 2px 5px #CCC;
    font-size: 12px;
}

.namadleft {
    display: inline-block;
    float: left;
    margin: 0 0 0 12%;
    width: 30%;
}

.namadright {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.srtitle {
    /*font-size: 12px;*/
    /*font-family: Tahoma, Arial, sans-serif;*/
    /*font-weight: normal;*/
    /*margin: -40px 120px 0 0;*/

    font-family: Arial, Sans-serif, Tahoma;
    font-size: 18px;
    height: 20px;
    margin: 33px 6px 15px 0;
    padding: 2px 0 2px 0;
}

.ltrfield {
    direction: ltr;
}

h5 {
    font-family: Arial, Sans-serif, Tahoma;
    font-size: 1.24em;
    margin: 25px 0 0 0;
    padding: 0 0 5px 0;
    display: inline-block;
    width: 90%;
    font-weight: normal;
}

.top::after {
    content: "  ↑";
    display: inline
}

a.top {
    width: 10%;
    display: inline-block;
    font-size: 0.8em;
    color: #FE7511;

}

.mlink::before {
    content: "›  "
}

.mlink {
    width: 90%;
    display: inline-block;
    font-family: Arial, Sans-serif, Tahoma;
    font-size: 1.24em;
    padding: 4px 0 6px 0;
}

a.blink {
    margin: -135px 0 0 0;
    padding: 135px 0 0 0;
    visibility: hidden;
}

img.cnt {
    border: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 80%;
    height: auto;
}


.datem {
    font-size: 10px;

    margin: 0 0 10px 0;
    text-align: left;
    color: #8A8A8A;
}

.newsicon:after {
    content: '  ←';
    font-size: 18px;
}

.newsicon {
    float: left;
    margin: -1px 0 0 -4px;
    border-right: 1px solid #D4D4D4;
    border-left: 0;
    border-bottom: 1px solid #D4D4D4;
    font-family: Arial, Sans-serif, Tahoma;
    font-size: 16px;

    border-bottom-right-radius: 3px;
    padding: 5px 20px 5px 20px;
    color: #8A8A8A;
    display: inline-block;

}

a.newsicon:hover {

    text-decoration: none;
    color: #FF6C00;
    display: inline-block;
}

a.newsicon {
    color: #8A8A8A;
    display: inline-block;
}

.category_news a {
    text-decoration: none;
    background: #EEE;
    padding: 5px 1% 5px;
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    /* box-shadow: 2px 2px 6px #858585; */
    width: 90px;
    margin: 19px 1% 10px;
    color: #666 !important;
    float: right;
    text-align: center;

    z-index: 998;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.category_news_b a {
    text-decoration: none;
    background: none repeat scroll 0% 0% #FFF;
    padding: 6px 1% 5px;
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    /* box-shadow: 2px 2px 6px #1F93CE; */
    width: 90px;
    color: #555555 !important;
    float: right;
    text-align: center;
    margin: 19px 1% 10px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;

}

.category_news a:hover {
    background: none repeat scroll 0% 0% #F9F9F9;
}

.topcat {
    margin: 2% 5% 0 5%;
    width: 90%;
    border-bottom: 1px solid #CCC;
    height: 50px;
    z-index: 1000;
    overflow: hidden;
}

.newsfr {
    margin: 2% 5% 0 5%;
    width: 90%;
}

.date {
    text-align: left;
    font-size: 10px;
    margin: 0 0 5px 0;
    text-align: left;
    color: #8A8A8A;
}

.dateb {
    text-align: left;
    font-size: 10px;
    margin: 10px 0 5px 10px;
    text-align: left;
    color: #8A8A8A;
}

.date a, .dateb a {
    color: #FF6C00;
}


.seprator {
    border-bottom: 1px solid #CCC;
}

.ifr {
    width: 118px;
    height: 150px;
    overflow: hidden !important;
    border: none;

}

.valid {
    margin: 10px -9px 0 0;
}

.setting {
    float: right;
    background-image: url("images/setting.png");
    background-position: right -1px;
    background-repeat: no-repeat;
    padding: 0 22px 0 0;
    margin: 5px 34px 0 0;
}

.setting a, .setting a:hover, .setting a:visited {
    color: #666666;
}

.bookmark {
    margin: 15px 0 0 0;
}

#reqform {
    display: none;
}

#req-sub {
    margin-top: 5px;
}

#send-res {
    float: left;
}

#ReqSub {
    background-image: url("images/info-ico.png");
    background-position: 98% 5px;
    background-size: 11% auto;
    background-repeat: no-repeat;
    margin: 25px 5px 0 5px;
    border: 1px solid #DDDDDD;
    padding: 10px 15% 10px 10px;
    border-radius: 3px 3px 3px 3px;
    color: #888;
    font-size: 12px;
}

a.request-b {
    background: -moz-linear-gradient(center top, rgb(235, 235, 235), rgb(170, 170, 170)) repeat scroll 0% 0% transparent;
    background-image: linear-gradient(center top, #EBEBEB, #AAAAAA);

    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA42D', endColorstr='#C53727'); */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EBEBEB), to(#AAAAAA));
    background: -moz-linear-gradient(center top, #EBEBEB, #AAAAAA);

    border: 1px solid #CCC;
    color: rgb(255, 255, 255);
    border-radius: 2px 2px 2px 2px;
    font-size: 13px;
    height: 20px;
    min-width: 100px;
    white-space: nowrap;
    padding: 1px 1px 4px;
    display: inline-block;
    margin: 8px 0 0;
    text-align: center;
}

a.request-b:hover {
    background-color: #FFA42D;
    background-image: linear-gradient(center top, #FFA42D, #C53727);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA42D', endColorstr='#C53727'); */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA42D), to(#C53727));
    background: -moz-linear-gradient(center top, #FFA42D, #C53727);
    border: 1px solid #F28715;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    text-decoration: none;
    color: #FFF !important;
}


/************************************* AutoComplete Search CSS start here *****************************************************/


/* highlight results */
.ui-autocomplete span.hl_results {
    background-color: #ffff66;
}

/* loading - the AJAX indicator */
.ui-autocomplete-loading {
    background: white url(/images/mload.GIF) 6px 6px no-repeat;
}

/* scroll results */
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
}

.ui-autocomplete li {
    font-size: 16px;
    font-family: Tahoma, Arial;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 250px;
}


.ui-autocomplete {
    cursor: default;
    left: 0;
    position: absolute;
    top: 0;
}

.ui-menu {
    display: block;
    list-style: none outside none;
    margin: 0;
    outline: medium none;
    padding: 0 !important;
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
}

.ui-menu .ui-menu-divider {
    border-width: 1px 0 0;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 5px -2px;
}

.ui-menu .ui-menu-item ::after {
    content: "› ";
    float: left;
    font-size: 22px;
    line-height: 18px;
    font-family: Arial, sans-serif;
    color: #10c210;
    font-weight: bold;
    margin: 0 0 0 4px;
}

.ui-menu .ui-menu-item a {
    display: block;
    font-weight: normal;
    line-height: 1.5;
    min-height: 0;
    padding: 7px 7px 9px 5px !important;
    text-decoration: none;
    /* font-size: .72em; */
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
}

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    line-height: 1.5;
    margin: 0.4em 0 0.2em;
}

.ui-menu .ui-state-disabled a {
    cursor: default;
}

.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item a {
    padding-left: 2em;
    position: relative;
}

.ui-menu .ui-icon {
    left: 0.2em;
    position: absolute;
    top: 0.2em;
}

.ui-menu .ui-menu-icon {
    float: right;
    position: static;
}

.ui-progressbar {
    height: 2em;
    overflow: hidden;
    text-align: left;
}

.ui-progressbar .ui-progressbar-value {
    height: 100%;
    margin: -1px;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("images/animated-overlay.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100%;
    opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}


.ui-tabs {
    padding: 0.2em;
    position: relative;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
    border-bottom: 0 none;
    float: left;
    list-style: none outside none;
    margin: 1px 0.2em 0 0;
    padding: 0;
    position: relative;
    top: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: 0.5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-width: 0;
    display: block;
    padding: 1em 1.4em;
}

.ui-widget {
    font-family: arial;
    font-size: 0.9em;

}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
    font-size: 1em;
}

.ui-widget-content {
    background: #fff;
    border: 1px solid #DDDDDD;
    color: #333333;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    background: url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #F6A828;
    border: 1px solid #E78F08;
    color: #FFFFFF;
    font-weight: bold;
}

.ui-widget-header a {
    color: #FFFFFF;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: url("images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #F6F6F6;
    border: 1px solid #CCCCCC;
    color: #1C94C4;
    font-weight: bold;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #1C94C4;
    text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #eeeeee;
    color: #000;
}

.ui-progressbar {
    height: 2em;
    overflow: hidden;
    text-align: left;
}

.ui-progressbar .ui-progressbar-value {
    height: 100%;
    margin: -1px;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url(/images/loading.gif) repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100%;

}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

input.flexselect {
    display: block !important;
}

select.flexselect {
    display: block !important;
}

#mb0 {
    margin-bottom: 40px !important;
}

#mb1, #mb2, #mb3 {
    margin-bottom: 30px !important;
}

.colsm {
    background: #EEE;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    width: 16%;
    height: 25px;
    margin: 2px 0 0;
    padding: 6px 0 0 0;
    overflow: hidden
}

#colprice {
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #CCC;
    text-align: center;
    vertical-align: top;
    height: 23px;
    margin: 0 0 0;
    padding: 3px 0 0;
    overflow: hidden;
    height: 28px;
}

.colptitle {
    background: #EEE;
    vertical-align: top;
    height: 25px;
    margin: 2px 0 0;
    padding: 3px 5px 0 0
}

.coltitle {
    background: #EEE;
    vertical-align: top;
    height: 25px;
    margin: 2px 0 0 0;
    padding: 3px 5px 0 0
}

.colpricetitle {
    background: #EEE;
    vertical-align: top;
    height: 25px;
    margin: 2px 0 0;
    padding: 3px 5px 0 0
}

.colp {
    background: #EEE;
    vertical-align: top;
    height: 25px;
    margin-top: 0 !important;
    padding: 0 0 0 0
}

.colt {
    background: #EEE;
    color: #57D259;
    font-size: 22px;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    width: 91px;
    height: 25px;
    margin: 2px 0 0;
    padding: 6px 0 0 0;
    overflow: hidden
}

.colt {
    background: #EEE;
    color: #57D259;
    font-size: 22px;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    width: 91px;
    height: 25px;
    margin: 2px 0 0;
    padding: 6px 0 0 0;
    overflow: hidden
}

img.bu {
    margin: -2px 0 0
}

.SumoSelect > .optWrapper {
    overflow: visible !important;
}

.SumoSelect > .optWrapper > .options > li label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    cursor: pointer;
    margin: 0 26px 0 0;
    padding: 4px 12px 6px !important;
}

.SumoSelect .select-all {
    border-radius: 3px 3px 0 0;
    position: relative;
    border-bottom: 1px solid #DDD;
    background-color: #FFF;
    padding: 8px 0 3px 35px;
    height: 20px;
    display: none !important;
}

.SumoSelect > .optWrapper.isFloating {
    z-index: 9999 !important;
    bottom: auto !important;
    top: 50px !important;
    bottom: 50px !important;
}

.SumoSelect > .optWrapper.isFloating > .options {
    max-height: 90%;
    box-shadow: 0 0 100px #595959;
    margin: 0 0 0 0 !important;
}

.colp {
    background: #EEE none repeat scroll 0% 0%;
    vertical-align: top;
    height: 25px;
    margin: 2px 0 0;
    padding: 0;
}

.fdown {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    opacity: 0.8;
    width: 16px;
    height: 16px;
    top: 10px;
    position: absolute;
    left: 8px;
}

.slidingDiv {
    top: 52px;
    transition: opacity 200ms ease-out 0s, top 200ms ease-out 0s, visibility 200ms ease-out 0s;
    background: #FFF none repeat scroll 0% 0%;
    border: 1px solid #DDD;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
    padding: 5px;
    left: 0;
    z-index: -100;
    margin: -1px 0 0;
    cursor: default;
    border-top: 0;
}

#city_list {
    border: 1px solid #ccc;
}

ul.tagEditor {
    margin: 0;
    padding: 0;
}

ul.tagEditor li:before {
    content: '' !important;
}

ul.tagEditor li:after {
    content: " x" !important;
    color: red;
    font-family: Arial;
    font-size: 10px;
    margin: 0 2px 0 1px;
}

ul.tagEditor li {
    content: "" !important;
    display: inline-block;
    background: none repeat scroll 0% 0% rgb(255, 242, 229);
    border-radius: 3px;
    margin: 0 0 10px 3px;
    cursor: pointer;
    padding: 5px 12px 5px 12px;
}

#city_id_flexselect, #ostan_id_flexselect {
    display: none !important;
}

#city_id, #ostan_id, #mah, #year, #room, #floo, #bran {
    display: inline-block !important;
    margin: 2px 0 17px 0;
    height: 30px;

}

input.inpsub {
    background: transparent -moz-linear-gradient(center top, #FFA42D, #D14836) repeat scroll 0% 0%;
    background-image: linear-gradient(center top, #FFA42D, #C53727);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA42D), to(#d14836));
    border: 0 solid #F28715;
    color: #FFF;
    border-radius: 2px;
    font-size: 14px;
    padding: 4px 15px 7px;
    direction: ltr;
    display: inline-block;
    width: 100%;
    line-height: 30px;
    height: 36px;
}

input.inpsub:hover {
    background: transparent -moz-linear-gradient(center top, #FFA42D, #C53727) repeat scroll 0% 0%;
    border: 0 solid #F28715;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

#subscriptionMsg {
    padding: 0 0 4px;
    margin: 20px 5px 0;
    width: 93.5%;
    line-height: 22px;
}

#subscriptionMsg u, .form_input u {
    text-decoration: none;
    border-bottom: 1px solid #CCC;
    padding: 0 0 3px 0;
}

.warn {
    background: #FFF url("/images/warn.png");
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: 0 center;
    padding: 0;
    border-radius: 2px;
    font-family: Arial, Tahoma;
    color: rgb(254, 157, 141);
    width: 22px;
    height: 22px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
}

.abk {
    padding: 0;
    border-radius: 2px;
    font-family: Arial, Tahoma;
    color: #51D054;
    width: 22px;
    height: 22px;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    font-weight: 1000;
}

#priceMsg {
    padding: 0 0 4px;
    margin: 10px 5px 10px 5px;
}

#priceMsg strong {
    font-size: 15px;
}

#sb_status, #cat, #sb_room, #sb_tell, #sb_flr, #sb_year, #category_id, #brand_id {
    display: block !important;
}

#sb_status_flexselect, #cat_flexselect, #sb_room_flexselect, #sb_tell_flexselect, #sb_flr_flexselect, #sb_year_flexselect, #mah_flexselect, #brand_id_flexselect, #category_id_flexselect, #bran_flexselect, #floo_flexselect, #room_flexselect, #year_flexselect {
    display: none !important;
}

#vrud {
    margin: 20px 20px 0 0;
    width: 25%;
    height: 32px;
    cursor: pointer;
    float: right;
}

#nmvsi {
    margin: 20px 30px 0 0;
    width: 25%;
    height: 32px;
    border: 1px solid #ccc;
    float: right;
    text-align: center;
    line-height: 32px;
}

#OpenLayers_Map_2_OpenLayers_Container {
    z-index: 1 !important;
}

.olControlAttribution {
    bottom: 5px !important;
    display: none !important;
}

#searchbasis, #ordertype {
    margin: 8px 3px 10px 1px;
    height: 28px;
}

.opbox {
    float: left;
    margin: -1px 0 0 -4px;
    border-right: 1px solid #DDD;
    /* border-left: 1px solid #DDD; */
    border-bottom: 1px solid #DDD;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 16px;
    /* border-bottom-left-radius: 3px; */
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    /* padding: 2px 5px 5px; */
    background-color: #EFEFEF !important;
}

.opbox:hover {
    background-color: #FFF;
}

.opbox select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    filter: Alpha(Opacity=60);
    border: 0 none;
    color: rgb(0, 0, 0);
    background: url("/images/arr-down.png") no-repeat scroll 3px 7px / 18px auto rgb(255, 255, 255);
    opacity: 0.6;
    cursor: pointer;
    width: 100%;
    padding: 0 1px 0 20px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 2px;
    background-color: #EFEFEF;
    height: 30px;
}

.opbox select:hover {
    opacity: 0.6;
    filter: Alpha(Opacity=60);
    background-color: #FFF;
}

h2.title-mmenu {
    margin: 10px 10px 25px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #333;
    /*float: right;*/
    display: block;
}

.pp_pic_holder, .pp_default {
    width: 96% !important;
    height: auto !important;
    left: 4% !important;
    overflow: hidden;

}

.ppt {
    width: 96% !important;
    display: none !important;
}

.pp_content {
    width: 100% !important;
    height: auto !important;
}

a.pp_close {
    position: unset !important;
    float: left !important;
    margin: 10px 0 0 0;
}

#fullResImage {
    height: 100% !important;
    width: 96% !important;
    margin: 0 0 0 9px;
}

.pp_details {
    width: 100% !important;
}

.pp_hoverContainer {
    width: 90% !important;
}

input.inpauto_focus {
    font-size: 13px;
}

.SumoSelect > .CaptionCont {
    line-height: 26px;
}

#city_list {
    line-height: 26px !important;
    padding: 2px 6px 3px 0 !important;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p {
    width: 46% !important;
}

.SumoSelect > .optWrapper.isFloating > .options > li {
    padding: 6px 6px !important;
}

.SumoSelect > .optWrapper.open {

}

.SumoSelect > .optWrapper.multiple > .MultiControls > p {
    padding: 5px !important;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
    border: 1px solid #dbdbdb;
    border-radius: 0 0 0 3px;
    margin: 5px 5px 5px 5px;
    border-radius: 2px;
}

#addTagButton, #addReport {
    width: 99%;
    font-family: Tahoma, Arial;
    text-align: center;
    font-size: 12px;
    padding: 4px;
    border: 1px solid rgb(255, 201, 36);
    cursor: pointer;
    background: #ffe9a5;
    border-radius: 3px;
    margin: 0 0 5px 0;
}

#btxt {
    width: 96%;
}

#cname, #ctel, #cemail, #caddress {
    cursor: pointer;
    color: #1E4BB5;
}

/*
#pp_full_res img {
	width: 100% !important;
	height: auto !important;
}
 */
/*
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }

.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 7%!important; top: 10px!important; }

*/
#mapview {
    float: left;
    margin: 29px 5px;
    border: 1px solid #ccc;
    padding: 25px 18px 25px 18px;
    border-radius: 3px;
    cursor: pointer;
}

#searchbg {
    position: absolute;
    width: 100%;
    height: 100%;
    float: right;
    min-height: 3500px;
    display: none;
    background: rgba(238, 234, 230, 0.74);
    z-index: 1999;
}

a .list-1 {
    width: 100%;
    background-color: #fff1e8;
    display: inline-block;
}

.search_order {
    display: block;
    width: 65%;
}

.olControlZoom a {
    font-size: 18px !important;
    line-height: 25px !important;
    height: 30px !important;
    width: 30px !important;
    display: none !important;
}

.olControlZoom, .olControlTextButtonPanel {
    right: 8px !important;
    left: auto !important;
    display: none !important;
}

#tabmap {
    margin: 28px 0 0 0;
}

a.showbutt, a.showbutt:visited {
    border: 1px solid #596fcd;
    margin: 15px 0 0 0;
    display: block;
    padding: 0 5px 4px 5px;
    width: 40px;
    border-radius: 3px;
    background-color: #f9f9f9;
}


/* The container */
.container {
    display: inline-block;
    position: relative;
    padding-top: 1px;
    padding-left: 30px;
    margin-bottom: 8px;
    margin-left: 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The container */
.containerb {
    display: inline-block;
    position: relative;
    padding-top: 1px;
    padding-left: 31px;
    margin-bottom: 8px;
    margin-left: 6px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 13px;
}

.mcontainer {
    display: inline-block;
    position: relative;
    padding-top: 1px;
    padding-left: 40px;
    margin-bottom: 8px;
    margin-left: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
}

/* Hide the browser's default checkbox */
.container input, .containerb input, .mcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 1px;
    height: 23px;
    width: 23px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark, .containerb:hover input ~ .checkmark, .mcontainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark, .containerb input:checked ~ .checkmark, .mcontainer input:checked ~ .checkmark {
    background-color: #ff8b21;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after, .checkmarkb:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after, .containerb input:checked ~ .checkmark:after, .mcontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark::after, .containerb .checkmark::after, .mcontainer .checkmark::after {
    left: 8px;
    top: 2px;
    width: 5px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mform_lable {
    display: inline-block;
    width: 135px;
    height: 25px;
    border: 0 solid #CCC;
    overflow: hidden;
    padding: 0 2px 0 0;
    vertical-align: top;
    margin: 0 35% 20px 0;
    line-height: 24px;
}


small.map-not {
    line-height: 21px;
    margin: -1px 5px 0 0;
    position: absolute;
    display: inline-block;
}

.form_lable_s.broker, .form_lable_me.broker {
    font-size: 11.3px !important;
}

#tb {
    width: 90%;
    margin: 0 auto;
    border-radius: 5px;
}


.searchbtm {
    color: #FFF;
    background-color: #FF8825;
    background-image: url("/images/radiosearch.png");
    background-size: 65% auto;
    background-position: 8px 4px;
    background-repeat: no-repeat;

    /* -ms-interpolation-mode: bicubic; */

    width: 30px;
    height: 26px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    display: inline-block;
    vertical-align: top;
    padding: 8px 8px 3px 6px;
    -webkit-padding-after: 4px;
    padding: 8px 8px 4px 6px \0; /* for IE */
    margin: 0 -1px 0 0 \0;

    left: 2.8%;
    position: absolute;
    margin: -36px 0 0 0;
}

_:-ms-fullscreen, :root .searchbtm {
    background-image: url("/images/radiosearch-ie.png");
    background-position: 7px 6px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* webkit specific CSS */
    .searchbtm {
        color: #FFF;
        background-color: #FF8825;
        background-image: url("/images/radiosearch.png");
        background-size: 65% auto;
        background-position: 8px 4px;
        background-repeat: no-repeat;

        /* -ms-interpolation-mode: bicubic; */

        width: 30px;
        height: 25px !important;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        display: inline-block;
        vertical-align: top;
        padding: 8px 8px 3px 6px;
        -webkit-padding-after: 4px;
        padding: 8px 8px 4px 6px \0; /* for IE */
        margin: 0 -1px 0 0 \0;
    }
}

.form_input_s .inp #dist {
    width: 100%;
}

.ui-menu .ui-menu-item {
    padding: 1px 0 3px 0;
}

#mapd {
    margin: 100px 0 30px 0;
}

#mapSitu {
    width: 140px;
    height: 20px;
    float: right;
    margin: 50px 0 10px 0;
}

.suggest_link_over, .sugglist {
    cursor: pointer;
    background-color: Highlight;
    color: HighlightText;
    padding: 10px 7px 10px 20px;

}

.suglist, .suggest_link {
    cursor: pointer;
    padding: 15px 7px 15px 20px;
}

.pp_nav {
    width: auto !important;

}

div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
    margin: 13px 13px 13px 18px !important;
}

div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {
    margin: 10px !important;
}

.pp_gallery {
    left: 42% !important;
}

div.pp_default .pp_nav .currentTextHolder {
    margin: 7px 7px 7px 10px !important;
}

div.pp_default .pp_close {
    margin: 13px 0 0 0 !important;
}

#sp-ad {
    width: 40px !important;
}

.box {
    height: auto !important;
    margin: -2px 0 0 40px !important;
    width: 63% !important;
}

.popbox {
    width: auto !important;
}


#star {
    margin: 0 135px 0 0;
    font-size: 25px;
    width: 40px;
    color: #c7c7c7;
}

.open#mob {
    float: left;
    width: 22px;
    height: 22px;
    font-size: 19px;
    font-family: Arial, Tahoma;
    color: #CACAD9;
    border: 1px solid rgb(255, 255, 255);
    margin: -23px 0 0 110px !important;
}

textarea[name="good_detail"] {
    height:205px;
}

#lgn{
    margin: 20px 20px 10px 10px;
}

.content p .wl {
    margin: 4px 0 0 0;
    padding: 4px 5px 4px 1px;
    line-height: 20px;
    background-color: #EFEFEF;
    direction: rtl;
    width: 100%;
}

.content p .yl {
    margin: 4px 0 0 0;
    padding: 4px 5px 4px 1px;
    line-height: 20px;
    background-color: #FFF1E8;
    direction: rtl;
    text-decoration: none;
    width: 100%;
}

.wl .list-lm, .yl .list-lm{
    width: 45%;
}

.content p .wl:hover, .content p .yl:hover {
    background: #FFE2B7;
    text-decoration: none;
}

.content p a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.content p {
    margin: 2px 2px 0 2px;
}

.content p .wlpi {
    margin: 4px 0 0;
    line-height: 20px;
    background-color: #EFEFEF;
    direction: rtl;
    display: inline-block;
    vertical-align: top;
    padding: 0 3px 0 1px;
    width: 100%;
    height: 215px;
}


.content p .wlpi:hover {
    background: #FFE2B7;
    text-decoration: none;
}

.content p .wlpi a:hover {
    text-decoration: none;
}

.content p .pi {
    line-height: 20px;
    background-color: #FFF1E8;
    direction: rtl;
    display: inline-block;
    vertical-align: top;
    margin: 4px 0 0;
    padding: 0 3px 0 1px;
    width: 100%;
    height: 215px;
}

.content p .pi:hover {
    background: #FFE2B7;
}

.content p .pi a:hover {
    text-decoration: none;
}

.wlpi .list-mpic, .pi .list-mpic {
    display: inline-block;
    width: 100%;
}

.list-lmpi {
    display: inline-block;
    width: 101%;
}

.tab_content {
    /*background-image:url('images/loading-r.GIF');*/
    background-repeat:no-repeat;
    background-position:center;
}


#tabs_content_container img {
    transition: transform 0.5s ease;
    background-repeat:no-repeat;
    background-position:center;
}

p.description-text {
    margin: 0;
    border-top: 1px solid #DFDFDF;
    padding: 13px 10px 14px 10px;
    font-size: 12px;
    color: #000;
}


.promo-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 10px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
    z-index: 1000;
}

.promo-bar a {
    color: #ffcc00;
    text-decoration: none;
    font-weight: bold;
    position: relative;
    padding-left: 20px;
    padding-right: 32px;
}

.promo-bar a::before {
    content: " \1F69A ";
    position: absolute;
    font-size: 29px;
    right: -19px;
    line-height: 13px;
}

.promo-bar a::after {
    content: " › ";
    font-size: 16px;
}

.close-btn {
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 21px;
    cursor: pointer;
    outline: none;
}