/** common */

#category-tab {
    min-height: 100vh;
}

li.notfound {
    margin-left: 20px;
}

h2.heading {
    margin: 0;
}

b.required,
span.required,
.error,
.form-error {
    color: #b50000;
}

.required{
    padding-left: 3px;
}

.form-control.error {
    border-color: red;
}

.clear:after{
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: "";
}

.relative {
    position: relative;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.page .heading h2 {
    margin: 0;
}

.section {
    padding-top: 30px;
}

.sidebar .selectmenu .fa {
    font-size: 10px;
}

@media (min-width: 768px) {
    .hidden-md {
        display: none;
    }
}

/** logo */

.navbar-brand {
    padding: 0;
    margin: 0;
    min-width: 70px;
    height: auto;
}

.navbar-brand .img-responsive {
    position: absolute;
    left: 5px;
    top: 0;
}

.navbar-header .navbar-brand {
    display: none;
}

@media (max-width: 768px) {
    .navbar-header .navbar-brand {
        position: absolute;
        top: 15px;
        display: inline-block;
    }
    .user-section .navbar-brand {
        display: none;
    }
    .navbar-brand .img-responsive {
        position: static;
        margin-left: 5px;
        top: 0;
    }

    .navbar-collapse {
        padding-bottom: 10px;
    }

    .navbar-collapse .user-section {
        display: block;
        float: none;
    }

    .navbar-collapse .user-section li i {
        margin-left: 5px;
    }
    .navbar-collapse .user-section li {
        display: block;
    }
}

/** header */

span.unread{
    color: #ffffff !important;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background: #00a651;
    padding: 1px 6px;
}

#header a.btn {
    margin-left: 0;
}

.topbar li {
    margin-right: 0;
}

.post_new_ad {
    margin-top: -7px;
}

.user-section li {
    margin-left: 10px;
}

.user-section ul {
    display: inline !important;
}

/** overlay */

.overlay{
    display: none;
    border: 1px solid #cfcfcf;
    width: 800px;
    background: #ffffff;
}

.overlay .heading{
    border-bottom: 1px solid #dddddd;
    padding: 10px;
    height: 60px;
}

#overlayTitle,
.overlay .heading h2{
    padding-top: 5px;
    font-size: 16pt;
    font-weight: normal;
}

#reviewFormMessage{
    color: #b50000;
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
    position: absolute;
    width: 300px;
    left: 20px;
}

#sendReviewError, #sendReviewError *,
#profileMessage{
    color: #b50000;
}

#inputLabel {
    display: block;
    margin: 5px 0;
}

#profileForm label{
    margin-top: 10px;
    display: block;
}

#profileForm input[type="text"],
#profileForm textarea,
#profileForm select{
    width: 295px;
}

#profileAbout{
    height: 90px;
}

/** quicksearch */

.quicksearch{
    height: 40px;
    line-height: 40px;
}

.quicksearch .title{
    color: #666666;
    padding-top: 5px;
}

.quicksearch .form{
    margin-left: 20px;
    margin-top: 7px;
}

.quicksearch .form input[type="text"],
.quicksearch .form select{
    width: 280px;
    /*background: #f7f7f7;*/
    /*border: 1px solid #cecece;*/
    /*padding: 3px 5px;*/
    height: 27px;
    -webkit-appearance: none;
}

.quicksearch .form label{
    color: #666666;
    width: 140px;
}

.quicksearch .button{
    margin-left: 10px;
}

.quicksearch .form .column{
    margin-left: -1px;
    display: block;
    float: left;
}

.quicksearch .form .column label {
    display: block;
    margin-top: 5px;
    margin-left: 5px;
    width: 120px;
}

.quicksearch .form .quick_type{
    display: none;
}

.quicksearch .quick_submit{
    margin-top: -1px;
}

.quicksearch button{
    padding: 2px 10px;
}

@media (max-width: 768px) {
    .quicksearch .title {
        display: none;
    }

    .quicksearch .form {
        margin-left: 0;
        margin-right: 0;
    }

    .quicksearch .form input[type="text"], .quicksearch .form select {
        width: auto;
    }
}

/** filter panel */

.page .sort{
    margin: 10px 6px;
    border-bottom: 1px solid #e1e1e1;
    text-transform: capitalize;
    padding: 5px 0;
}

.page .sort ul.filter{
    margin-left: 10px;
    margin-top: -4px;
}

.page .sort .filter li{
    display: block;
    float: left;
    cursor: pointer;
    margin-right: 10px;
    color: #000000;
    font-size: 10pt;
    padding: 5px;
    position: relative;
}

.page .sort .filter li i.fa{
    color: #000000;
}

.page .sort .filter li:hover{
    background: #000000;
    color: #ffffff;
}

.page .sort .filter li:hover i.fa{
    color: #ffffff;
}

.page .sort .filter li ul.options{
    display: none;
    border: 4px solid #e1e1e1;
    z-index: 20;
    position: absolute;
    left: 0;
    top: 28px;
    width: 630px;
    background: #ffffff;
    padding: 10px;
}

.page .sort .filter li:hover ul.options{
    display: block;
}

.page .sort .filter li ul.options li{
    display: block;
    float: left;
    width: 200px;
    height: 22px;
    padding: 5px 0;
    margin: 0;
    color: #000000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media (max-width: 768px) {
    .page .sort .row > div {
        float: none !important;
        display: block;
        margin-top: 10px;
        padding-left: 10px;
    }
    .page .sort .row > div.pull-right {
        float: left !important;
        text-align: left;
        margin-top: 20px;
    }
    .page .sort .filter li ul.options{
        width: 220px;
    }
}


.page .sort .filter li .options li i.fa{
    color: #000000;
}

.page .sort .filter li ul.options li:hover,
.page .sort .filter li .options li:hover i.fa{
    background: #ffffff;
    color: #00A659;
}


.page .sort .filter li.active,
.page .sort .filter li.active i.fa{
    color: #00A659;
}

.page .sort .filter ul.options li.check,
.page .sort .filter ul.options li.check i{
    color: #00A659;
}

ul.filter {
    position: relative;
}

ul.filter li.class {
    position: absolute !important;
    padding-top: 10px;
    width: 100px;
    top: -20px;
}

/** products list */

.pager-section {
    margin-top: 20px;
    margin-left: 2px;
}

.contact_seller_container {
    text-align: right;
}

.products_list .item-title h3{
    height: 48px;
    overflow: hidden;
}

.item-title h3 .category {
    font-size: 11pt;
}

.small-view-tab .item-info {
    max-height: 160px;
    overflow: hidden;
}

.small-view-tab .item-image {
    height: 230px !important;
    background-color: #ffffff;
}

.small-view-tab .item-post-date {
    display: none;
}

.small-view-tab .item-meta {
    position: absolute;
    right: 5px;
    width: 30px;
    margin-top: 10px;
}

.small-view-tab .contact_seller_container {
    display: none;
}

.small-view-tab .item-description {
    padding-top: 0;
}

.small-view-tab .products_list .item-title h3 {
    height: auto;
}

@media (min-width: 768px) {
    .small-view-tab .item .item-description {
        min-height: 264px;
    }
}

.grid-view-tab .item-image {
    height: 300px !important;
    background-color: #ffffff;
}

.item-wrap .item-image img {
    width: 100%;
}

.grid-view-tab .item-info {
    height: 100px;
    overflow: hidden;
}

.item-stars {
    position: absolute;
    top: 15px;
    z-index: 10;
    font-size: 18px;
    background-color: #00a651;
    color: #fff;
    padding: 4px 10px;
    display: block;
    font-weight: 500;
}

.products_list ul:after {
    display: block;
    content: "";
    font-size: 0;
    clear: both;
}

.ajaxnext {
    text-align: center;
    margin: 10px 0;
}

.item .favorites,
.heading .favorites{
    position: absolute;
    left: -10px;
    top: -16px;
}

.heading .favorites{
    left: 340px;
    top: -4px;
}

.item .favorites a{
    display: block;
}

.item .favorites a span.icon{
    position: relative;
}

.heading .favorites a span.icon i{
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 24pt;
    font-weight: 100;
}

.item .favorites a span.icon i.bg,
.heading .favorites a span.icon i.bg{
    display: none;
}

.item .favorites a:hover span.icon i,
.item .favorites a.active span.icon i,
.heading .favorites a:hover span.icon i,
.heading .favorites a.active span.icon i{
    display: none;
}

.item .favorites a:hover span.icon i.bg,
.item .favorites a.active span.icon i.bg,
.heading .favorites a:hover span.icon i.bg,
.heading .favorites a.active span.icon i.bg{
    display: inline-block;
}

.item.lite .item-description {
    min-height: 105px
}

.list-view-tab .item-description {
    min-height: 158px !important;
}

.list-view-tab .item-post-date {
    font-size: 11pt;
}

.myads .item-title h3 {
    margin-top: 0;
}

#header .sidebar_nav_filter {
    background-color: transparent;
    margin-top: 20px;
    display: none;
}

#header .sidebar_nav_filter label,
#header .sidebar_nav_filter h3,
#header .sidebar_nav_filter h4 {
    color: #666666;
}

@media (max-width: 768px) {
    .myads .item .actions .btn {
        display: block;
        margin: 5px 0;
    }

    .products_list .item-info,
    .products_list .contact_seller_container{
        display: none;
    }

    .products_list .item-description {
        min-height: auto;
    }

    .products_list .item-title h3 {
        height: auto;
        overflow: initial;
    }

    .page .sidebar_nav_filter {
        display: none;
    }

    #header .sidebar_nav_filter {
        display: block;
    }
}

/** product */

.details-description {
    position: relative;
}

.details-description h3.product_title {
    margin: 0;
    padding: 0;
    width: 90%;
}

.details-description .favorites {
    right: 5px !important;
    top: 0 !important;
    left: auto;
    font-size: 14pt;
}

.ad-details .item-stars {
    top: 30px;
}

.ad-details .products_list .favorites {
    left: -30px;
    top: -10px;
}

.ad-details .products_list .item-meta {
    margin-bottom: 8px;
    border: none;
}

.ad-details .products_list .item-description {
    padding-top: 5px;
}

.ad-details .products_list .item-meta {
    padding-bottom: 0 !important;
}

.ad-details .props .prop{
    margin: 5px 0;
}

.ad-details .props .prop label{
    width: 160px;
    display: block;
    float: left;
}

/** modal */

.modal,
.modal-content {
    border-radius: 0;
}

/** searchform */

.searchform.quick{
    background: #f0f0f0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 370px;
    height: 320px;
    padding: 10px;
}

.searchform.quick .column{
    float: left;
    width: 160px;
    margin: 5px 5px 0 5px;
    height: 52px;
}

.searchform.quick .column .column{
    float: left;
    width: 80px;
    margin: 0;
}

.searchform.quick .column label{
    display: block;
    cursor: pointer;
}

.searchform.quick .column input[type="checkbox"],
.searchform.quick .column input[type="radio"]{
    cursor: pointer;
}

.searchform.quick .column input[type="text"],
.searchform.quick .column select{
    width: 160px;
}

.searchform.quick .column .column input[type="text"],
.searchform.quick .column .column select{
    width: 70px;
}

.searchform.quick .column.price .column{

}

.searchform.sidebar{
    padding: 0;
}

.searchform.sidebar .fields_wrapper {
    padding: 0 10px 0 15px;
}

.searchform.sidebar .column{
    width: 100%;
    margin-top: 6px;
}

.searchform.sidebar .column.color,
.searchform.sidebar .column.size{
    margin-top: 0;
    display: none;
}

.searchform.sidebar .column .column{
    float: left;
    width: 50%;
}

.searchform.sidebar .column label{
    display: block;
}

.searchform.sidebar .column select{
    padding: 0 5px;
}

.searchform.sidebar .column input[type="text"],
.searchform.sidebar .column select{
    width: 98%;
}

.searchform.sidebar .column .column input[type="text"],
.searchform.sidebar .column .column select{
    width: 95%;
}

.searchform.sidebar h2,
.searchform.sidebar h3{
    font-weight: normal;
}

/** pagination */

.pagination{
    height: 59px;
    text-align: center;
    margin: 20px auto;
    box-shadow: 0 0 2px #aaa;
}

.pagination a{
    display: block;
    float: left;
    margin: 0;
    padding: 20px;
    background: #ffffff;
    color: #00a651;
    border-right: 1px solid rgba(0,0,0,0.05);
    text-decoration: none;
    max-height: 59px;
}

.pagination span.current, .pagination a.current{
    display: block;
    float: left;
    background: #00a651;
    color: #ffffff;
    padding: 20px;
    margin: 0;
    font-weight: bold;
}
.pagination a:hover{
    background: #00a651;
    color: #ffffff;
}

.pagination .first, .pagination .last {
    display: none;
}

.pagination .previous a span, .pagination .next a span{
    font-size: 22pt;
    max-height: 57px;
    margin-top: -13px;
    display: inline-block;
}

.pagination .next{
    float: right;
}

.pagination .next a {
    border-left: 1px solid rgba(0, 0, 0, 0.05);
}

/** profile show */

.profile_show .description-param{
    margin-top: 5px;
    clear: both;
}

.profile_show .description-param label{
    display: block;
    float: left;
    width: 100px;
    font-weight: bold;
}

/** table */

table,td {
    border: 1px solid #CCC;
    border-collapse: collapse;
}

table {
    border: none;
    border: 1px solid #CCC;
}

thead th,
tbody th {
    background: #FFF;
    color: #666;
    padding: 5px 10px;
    border-left: 1px solid #CCC;
}

tbody th {
    background: #fafafb;
    border-top: 1px solid #CCC;
    text-align: left;
    font-weight: normal;
}

tbody tr td {
    padding: 5px 10px;
    color: #666;
}

tfoot td,
tfoot th {
    border-left: none;
    border-top: 1px solid #CCC;
    padding: 4px;
    background: #FFF;
    color: #666;
}

caption {
    text-align: left;
    font-size: 120%;
    padding: 10px 0;
    color: #666;
}

table.message{
    width: 100%;
}

table.message div.message,
table.message div.message a{
    text-decoration: none;
}

table.message .new .subject,
table.message .new .subject a{
    font-weight: bold;
}

thead tr td, thead td,
thead tr th, thead th{
    background: #fafafa;
}

/** messages */
table.message th {
    background-color: #f1f1f1;
}

table.message td {
    position: relative;
}

table.message .date {
    max-width: inherit;
    background-color: transparent;
    border: none;
    color: inherit;
    top: 25px;
    right: 0;
    left: initial;
    font-size: 11pt;
}

/** footer */

footer .links{
    margin-top: 20px;
}

footer .links a{
    color: #ffffff;
    text-decoration: none;
    margin: 0 20px;
}

@media (max-width: 768px) {
    footer .links a{
        display: block;
    }
}

footer .links a:hover{
    text-decoration: underline;
}

footer .languages {
    margin: 20px 0;
}

footer .copyright{
    padding-bottom: 20px;
}

/** edit ad */

#frm_post .group{
    border: 1px solid #dddddd;
    padding: 10px;
    margin-bottom: 10px;
    background: #f0f0f0;
}

#frm_post .group h4{
    font-weight: normal;
    margin-bottom: 10px;
    color: #000000;
}


#frm_post .properties .property{
    float: left;
    width: 230px;
    margin: 3px;
    min-height: 50px;
}

#frm_post .properties .property textarea{
    width: 100%;
    height: 140px;
}

#frm_post .properties .property.x2{
    width: 460px;
}

#frm_post .properties .property.x3,
#frm_post .properties .property.x4{
    width: 690px;
}

#frm_post .properties .property b{
    display: block;
}

#frm_post .properties .property input[type="text"],
#frm_post .properties .property select{
    width: 200px;
}

#frm_post .properties .property.x3 input[type="text"],
#frm_post .properties .property.x4 input[type="text"]{
    width: 435px;
}

/*#frm_post .properties .property.price input[type="text"]{*/
/*    width: 100px;*/
/*}*/

#frm_post .photos{
    width: 100%;
}

.main .photos .notice{
    text-align: center;
    border: 1px dotted #ccc;
    padding: 3px;
}

.main .photos .upload-photos-btn{
    text-align: center;
    margin: 16px;
}

#photoUploadMessage{
    text-align: center;
    margin: 15px;
}

#photoUploadMessage .error{
    color: #b50000;
    font-weight: bold;
}

.upth{
    float: left;
    width: 114px;
    height: 144px;
    margin: 0 3px;
    position: relative;
}

.upth .img{
    text-align: center;
    position: relative;
    width: 121px;
    height: 100px;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}

.upth .img img{
    border: 1px solid #ccc;
    width: 110px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -25%;
    bottom: -25%;
    /*right: 0;
    bottom: 0;*/
}

.upth .img .preloader{
    position: absolute;
    width: 48px;
    height: 48px;
    left: 0px;
    top: -20px;
    visibility: hidden;
    border: none;
}

.upth .controls{
    margin-top: 1px;
    text-align: right;
    display: none;
    padding-right: 6px;
}

.upth .controls .rotateleft{
    width: 14px;
    height: 12px;
    background: url("../images/rotatephoto.gif") left 12px;
    cursor: pointer;
    display: block;
    float:left;
    text-decoration: none;
    margin: 3px 4px 0 4px;
}

.upth .controls .rotateright{
    width: 14px;
    height: 12px;
    background: url("../images/rotatephoto.gif") left 25px;
    cursor: pointer;
    display: block;
    float:left;
    text-decoration: none;
    margin: 3px 0 0 0;
}

.upth .controls .delete{
    cursor: pointer;
    display: block;
    float: right;
    text-decoration: none;
    padding: 1px 8px;
    line-height: 14px;
    font-size: 11px;
}

.upth .controls .moveleft,
.upth .controls .moveright{
    font-size: 15px;
    text-decoration: none;
    padding: 1px 6px;
    line-height: 12px;
    margin-top: 4px;
}

#uploadThumbnails1,
#uploadThumbnails2{
    margin-top: 10px;
}

#uploadThumbnails1:after,
#uploadThumbnails2:after{
    display: block;
    content: "";
    clear: both;
    font-size: 0;
    height: 0;
}


#frm_post .properties .property.make select,
#frm_post .properties .property.model select,
#frm_post .properties .property.class select{
    width: 128px;
    float: left;
}

#frm_post .properties .property.make input[type="text"],
#frm_post .properties .property.model input[type="text"],
#frm_post .properties .property.class input[type="text"]{
    width: 170px;
}

a.addyour,
a.addcancel{
    float: right;
    margin-right: 30px;
    font-weight: normal;
    margin-top: 1px;
    padding: 10px 6px;
}

a.addcancel{
    display: none;
}

.editadbutton-wrapper {
    float: left;
}

.postadprice-wrapper {
    float: left;
    font-size: 24px;
    margin-left: 10px;
    color: #444444;
    font-weight: bold;
    padding: 1px 5px;
    letter-spacing: 3px;
}

/* country-notice */

.country-notice {
    position: relative;
    background: #000000;
    color: #f1f1f1;
    text-align: center;
    font-size: 12pt;
    padding-right: 20px;
}

.country-notice img{
    vertical-align: middle;
}

.country-notice a{
    color: #f1f1f1;
}

.country-notice .close{
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 10px;
    font-size: 18pt;
    border: none;
    background: none;
    outline: none;
    color: white;
}


#popup_newsletter {
    border: 1px solid #dddddd;
    background: #ffffff;
    height: 280px;
    position: fixed;
    top: initial;
    right: 5px;
    bottom: -280px;
    left: initial;
    padding: 10px;
    z-index: 1000;
}

#popup_newsletter * {
    font-family: Arial, 'sans-serif';
}

#popup_newsletter h3{
    text-transform: uppercase;
    text-align: center;
    margin-top: 40px;
    font-weight: normal;
    color: #aaaaaa;
    font-size: 16pt;
}

#popup_newsletter p{
    color: #cccccc;
    font-size: 11pt;
    text-align: center;
    margin: 10px 95px 0 95px;
}

#popup_newsletter_email {
    font-size: 14pt;
    width: 100%;
    height: 40px;
    margin-top: 20px;
}

#popup_newsletter_email.error {
    border-color: red;
}

#popup_newsletter_email.ok {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

#popup_newsletter button.submit {
    font-size: 14pt;
    width: 100%;
    height: 50px;
    text-transform: uppercase;
    margin-top: 15px;
}

#popup_newsletter .close{
    float: right;
    background: none;
    border: none;
    color: #aaaaaa;
    font-size: 14pt;
    outline: none;
}

#popup_newsletter .close:hover{
    color: #aaaaaa;
}