/*----- PHONE DETAILS -----*/

div.phone-thumb-holder img {
    display: block;
    width: auto;
    margin: 0 auto !important;
}

div.phone-height-fixer {
    height: 70px;
    margin-bottom: 10px;
    margin-top: 20px;
}

div.phone-height-fixer-new {
    height: 85px;
    margin-bottom: 10px;
    margin-top: 20px;
}

div.phone-height-fixer-two {
    height: 140px;
    margin-bottom: 12px;
    margin-top: 20px;
}

div.framed-content a.magenta-btn {
    margin-bottom: 6px;
}

div.phone-height-fixer img {
    float: left;
}

div.phone-image-holder {
    width: 240px;
    float: left;
    margin-right: 24px;
    padding: 6px 0 12px 0;
}

div.phone-image-holder-new {
    width: 90px;
    float: left;
    margin-right: 10px;
}

div.phone-image-holder-old {
    width: 200px;
    float: left;
    margin-right: 10px;
    padding: 6px 0 12px 0;
}

div.phone-image-holder-new img {
    display: block;
    max-width: 90px;
    max-height: 180px;
}

div.phone-image-holder-old img {
    width: 200px;
    display: block;
    margin: 0 auto;
}

div.phone-image-holder img {
    display: block;
    margin: 0 auto;
}

div.phone-details {
    width: 250px;
    float: left;
    padding-top: 24px;
}

    div.phone-details .comparison-box {
        padding: 0 !important;
    }

div.phone-details-new {
    float: right;
    width: 130px;
}

div.phone-details-new2 {
    float: right;
    width: 130px;
}


.phone-details-new.t-table {
    border: none !important;
}

    .phone-details-new.t-table ul {
        margin-left: 20px !important;
    }

div.phone-details-old {
    width: 530px;
    float: left;
    padding-top: 24px;
    margin-bottom: 5px;
}

div.tabs-holder-old {
    clear: both;
    padding-top: 20px;
}

.magenta-btn-dopolnitelna {
    width: 200px !important;
}

div.phone-details ul {
    margin: 2px 0 0 0;
}

div.phone-details input[type="checkbox"], div.phone-details label, div.phone-wrapper div.checkbox, div.phone-wrapper div.label {
    display: block;
    float: left;
    margin: 6px 6px 8px 0;
}

div.phone-details label, div.phone-wrapper div.label {
    font-size: 11px;
    font-weight: 700;
    color: #333;
}

div.phone-details p.tariff, div.phone-details .price, div.phone-details .currency,
div.phone-wrapper p.tariff, div.phone-wrapper .price, div.phone-wrapper .currency {
    display: block;
    float: left;
    font-weight: bold;
    margin-top: 10px;
}

div.phone-details p.tariff, div.phone-wrapper p.tariff {
    width: 100%;
    font-size: 14px;
}

div.phone-details .price, div.phone-wrapper .price {
    font-size: 30px;
    white-space: nowrap;
    letter-spacing: -1px;
    text-align: left;
}

div.phone-details .currency, div.phone-wrapper .currency {
    font-size: 11px;
    padding: 17px 0 0 4px;
    text-align: left;
}

div.phone-details a.magenta-btn {
    float: right;
    clear: both;
    width: 135px;
    margin-top: 12px;
}

img.eyecatcher {
    display: block;
    float: left;
    z-index: 500;
    margin: 110px -50px 0 0;
    position: relative;
}

img.large-phone-image {
    display: block;
    float: left;
    z-index: 150;
}

span.price-text {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}


span.price-value {
    display: block;
    clear: both;
    font-size: 27px;
    font-weight: bold;
    color: #e20074;
    letter-spacing: -1px;
    white-space: nowrap;
    margin-bottom: 10px;
}

span.price-value-old {
    display: block;
    clear: both;
    font-size: 26px;
    font-weight: bold;
    color: #e20074;
    letter-spacing: -1px;
    white-space: nowrap;
}

span.price-value-two {
    float: left;
    display: block;
    clear: both;
    font-size: 28px;
    font-weight: bold;
    color: #e20074;
    letter-spacing: -1px;
    white-space: nowrap;
}



/*----- PHONE DETAILS TABS -----*/

.content-semi .ui-tabs .ui-tabs-nav, .content-full .ui-tabs .ui-tabs-nav {
    padding-left: 0 !important;
}

div.tabs-container ul.ui-tabs-nav li, div.tabs-container5 ul.ui-tabs-nav li, div.tabs-container6 ul.ui-tabs-nav li {
    list-style-type: none;
    display: block;
    float: left;
    height: 30px;
    white-space: normal !important;
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 132px !important;
}

div.tabs-container5 ul.ui-tabs-nav li {
    width: 106px !important;
}

div.tabs-container6 ul.ui-tabs-nav li {
    width: 88px !important;
}

    div.tabs-container ul.ui-tabs-nav li a, div.tabs-container5 ul.ui-tabs-nav li a, div.tabs-container6 ul.ui-tabs-nav li a {
        display: block;
        float: left;
        padding: 0 8px 0 6px !important;
        height: 30px !important;
        font-size: 10px !important;
        line-height: 10px !important;
        text-align: center !important;
        font-weight: 700 !important;
        white-space: normal !important;
        color: #666;
    }

/*--- IDLE ---*/

div.tabs-container ul.ui-tabs-nav li a {
    width: 118px !important;
    background: url(../images/standard-tabs-bg.png) 0 0 no-repeat;
}

div.tabs-container5 ul.ui-tabs-nav li a {
    width: 91px;
    background: url(../images/standard-tabs5-bg.png) 0 0 no-repeat;
}

div.tabs-container6 ul.ui-tabs-nav li a {
    width: 73px;
    background: url(../images/standard-tabs6-bg.png) 0 0 no-repeat;
}

/*--- HOVER ---*/

div.tabs-container ul.ui-tabs-nav li a:hover {
    color: #fff !important;
    background: url(../images/standard-tabs-bg.png) 0 -30px no-repeat;
}

div.tabs-container5 ul.ui-tabs-nav li a:hover {
    color: #fff !important;
    background: url(../images/standard-tabs5-bg.png) 0 -30px no-repeat;
}

div.tabs-container6 ul.ui-tabs-nav li a:hover {
    color: #fff !important;
    background: url(../images/standard-tabs6-bg.png) 0 -30px no-repeat;
}

/*--- ACTIVE ---*/

div.tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, div.tabs-container li.ui-state-active a {
    color: #fff !important;
    background: url(../images/standard-tabs-bg.png) 0 -60px no-repeat !important;
}

div.tabs-container5 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, div.tabs-container5 li.ui-state-active a {
    color: #fff !important;
    background: url(../images/standard-tabs5-bg.png) 0 -60px no-repeat;
}

div.tabs-container6 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, div.tabs-container6 li.ui-state-active a {
    color: #fff !important;
    background: url(../images/standard-tabs6-bg.png) 0 -60px no-repeat;
}

div.tabs-table {
    height: 30px;
    overflow: hidden;
    display: table;
    position: static;
}

div.tabs-row {
    display: table-cell;
    vertical-align: middle;
    width: 118px;
    *left: 6px !important;
    _left: 6px !important;
}

div.tabs-container5 div.tabs-row {
    width: 91px !important;
}

div.tabs-container6 div.tabs-row {
    width: 73px !important;
}


.content-semi .ui-tabs, .content-full .ui-tabs {
    padding-top: 6px !important;
}

ul.list-no-margin, ul.list-no-margin li {
    margin-left: 2px !important;
}

.ui-tabs .ui-tabs-nav {
    padding: 0 !important;
}



div#tabsDetails-1 div.tariff-select-area, div#tabsDetails-2 div.tariff-select-area, div#tabsDetails-3 div.tariff-select-area,
div#tabsDetails-1 label, div#tabsDetails-2 label, div#tabsDetails-3 label {
    display: block;
    padding-bottom: 12px;
}

div.tariff-select-area select {
    display: block;
    padding: 1px;
    width: 180px;
    border: solid 1px #ccc;
}

/*----- PHONE LIST -----*/

div.phone-wrapper {
    width: 179px;
    margin-right: 11px;
    float: left;
}

    div.phone-wrapper div.framed-content {
        padding: 10px 10px 2px 10px;
        border: solid 1px #ccc;
        border-bottom: 0;
        background: url(../images/block-wrapper-bg.png) #fff bottom left repeat-x;
    }

.height-phone-fixer {
    min-height: 455px;
}

div.phone-thumb-holder-two {
    padding-top: 8px;
    height: 140px;
}

div#phoneAttributes {
    width: 100% !important;
}

div.phone-thumb-holder img.phone-thumb {
    display: block;
    margin: 0 auto;
}

div.phone-thumb-holder img.eyecatcher {
    margin: 50px -10px 0 10px;
    position: absolute;
}

div.phone-wrapper a.magenta-btn {
    clear: both;
    margin-top: 4px;
}

div.phone-wrapper div.price-area {
    clear: both;
}

    div.phone-wrapper div.price-area .price, div.phone-wrapper div.price-area .currency {
        float: right;
        text-align: right;
        margin-top: 6px;
    }

div.phone-wrapper h4.framed-content-subtitle {
    display: none;
    visibility: hidden;
}


.check-all {
    display: block;
    margin: 1px 0 6px 0;
    width: 164px;
    font-size: 11px;
    float: left;
}

    .check-all input {
        display: block;
        float: left;
        margin-top: 3px;
    }

    .check-all label {
        display: block;
        float: left;
        padding: 3px 0 0 6px;
        white-space: nowrap;
    }

input.compare-btn {
    display: block;
    float: right;
    clear: both;
    padding: 1px 0 4px 0;
    width: 130px;
    border: 0;
    background: url(../images/compare-btn-bg.png) top left no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #333;
    text-align: center;
    cursor: pointer;
    margin-bottom: 6px;
}

    input.compare-btn:hover {
        color: #FFF;
        background: url(../images/compare-btn-bg.png) 0 -20px no-repeat;
    }

div.framed-content-monochrome {
    border: solid 1px #D0D0D0;
    border-bottom: 0;
    padding: 12px 14px 7px 14px;
    background: #F2F2F2;
}

    div.framed-content-monochrome select {
        padding: 1px;
        border: solid 1px #ccc;
        margin-right: 8px;
    }

div.framed-content-paging {
    padding: 24px 14px;
    height: 19px;
}

.desc-cell-label, .desc-cell-value {
    float: left;
    width: 45%;
    vertical-align: middle;
}

.desc-cell-label {
    font-weight: bold;
}

.desc-cell-wrap {
    padding: 4px;
}

.desc-cell-wrap-even {
    background-color: rgb(213, 213, 213);
}

.desc-cell-wrap-odd {
    background-color: White;
}

div.result-holder {
    overflow: visible;
    width: 570px;
}

div.result-holder-webshop {
    overflow: visible;
    width: 765px;
}

/*----- BUSINESS CALCULATOR -----*/

div.row-input {
    padding: 4px 12px;
}

    div.row-input span, div.row-input label {
        font-size: 11px;
        font-weight: 700;
        display: block;
        float: left;
        padding-top: 1px;
        margin-right: 12px;
        width: 240px;
    }

        div.row-input span.colapsing, div.row-input span.businessCalculatorError {
            display: none;
        }

        div.row-input span.colapsing {
            font-weight: normal;
        }

    div.row-input input, div.row-input select {
        display: block;
        float: left;
        font-size: 11px;
    }

.descExpanderPlus {
    display: block;
    float: left;
    background: url('../images/faq_clapper_plus.gif') no-repeat left center;
    height: 17px;
    padding-left: 23px;
    cursor: pointer;
}

.expanderPlusStep2 {
    display: inline-block;
    background: url('../images/faq_clapper_plus.gif') no-repeat;
    width: 17px;
    height: 17px;
}

.descExpanderMinus {
    display: block;
    float: left;
    background: url('../images/faq_clapper_minus.gif') no-repeat left center !important;
    height: 17px;
    padding-left: 23px;
    cursor: pointer;
}

.descExpanderMinusStep2 {
    display: inline-block;
    background: url('../images/faq_clapper_minus.gif') no-repeat !important;
    width: 17px;
    height: 17px;
}

.colapsing {
    display: none;
}

.businessCalculatorError {
    display: none;
    color: Red;
}

.last-item {
    display: block;
    clear: both;
    width: 550px;
    padding-top: 10px;
}


.hide {
    display: none;
    margin-top: 10px;
    clear: both;
}

.basic-packet-row, .additional-services label {
    display: block;
    clear: both;
    padding: 5px 0;
}

    .additional-services label span {
        display: block;
        float: left;
        width: 100px;
    }

    .basic-packet-row input, .additional-services label input {
        display: block;
        float: left;
        width: 100px;
    }

.category-image, .recomendation, .user-choice, .category-content, .additional-services {
    display: block;
    float: left;
    margin-right: 12px;
}

.recomendation {
    width: 445px;
}

p.additionalInfo {
    display: block;
    clear: both;
    background: transparent url(../images/long-strelka-down.png) no-repeat right bottom;
    width: 130px;
    padding-top: 12px;
    cursor: pointer;
}

.category-content {
    width: 450px;
}

.additional-services {
    width: 250px;
}

.submit-btn-additional-offer {
    display: block;
    clear: both;
}

.additional-packet-full {
    padding-bottom: 6px;
}

.descExpanderPlus {
    margin-right: 6px;
}

.apply-for-packet-heading {
    display: block;
    clear: both;
    text-decoration: underline;
    padding-bottom: 3px;
    font-weight: bold;
    color: #E20074;
}

.add-packet-heading {
    display: block;
    float: left;
    width: 100px;
    font-weight: bold;
}

.add-packet-heading-left {
    display: block;
    float: left;
    width: 115px;
    font-weight: bold;
}

.additional-services .label-text {
    width: 115px !important;
}

.colored {
    color: #E20074;
    clear: left;
    /*display:block;
	float:left;*/
}

.aditional-packet {
    display: block;
    clear: both;
}

.collapsing-active {
    display: block;
    clear: both;
    padding: 12px 0;
    font-size: 11px;
    line-height: 150%;
}

.apply-form-row {
    display: block;
    clear: both;
    padding-bottom: 6px;
}

.businessCalculatorError-active {
    display: block !important;
    margin-left: 6px;
    font-size: 11px !important;
    color: #e20074 !important;
    font-weight: bold;
    padding-top: 2px;
    float: left;
}

#savedOfferInfo {
    clear: both;
    margin: 3px 0 !important;
}

#step3 .businessCalculatorError-active {
    display: block;
    float: left;
}

#step3 .block-wrapper {
    padding-top: 0 !important;
}


#step3 .required {
    display: block;
    float: left;
    margin-bottom: 3px;
}

#step3 .submit-btn-100 {
    clear: both;
}

.additional-services .businessCalculatorError-active {
    display: block !important;
    font-size: 11px !important;
    color: #e20074 !important;
    font-weight: bold;
    padding-top: 6px;
    padding-left: 0 !important;
}


a:focus, a:active {
    outline: none;
}


img {
    margin: 0;
    padding: 0;
    border: 0;
}

.heading {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #E20074;
}

.priceInfo {
    width: 190px;
    height: 80px;
    background: url(../images/baloon-bg.png) no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    margin: 10px 10px 10px 0;
}

.minus {
    width: 25px;
    height: 80px;
    background: url(../images/minus.png) no-repeat center center;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    margin: 10px 10px 10px 0;
}

.equal {
    width: 25px;
    height: 80px;
    background: url(../images/equal.png) no-repeat center center;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    margin: 10px 10px 10px 0;
}

.priceInfo .upper-span {
    display: block;
    font-size: 16px;
    color: #666666;
    padding: 10px;
}

.priceInfo .down-span {
    font-size: 14px;
    color: #666666;
    padding-left: 10px;
}

.priceInfo .standardPrice, .discount, .priceWithDiscount {
    font-size: 15px;
    color: #666666;
    padding-left: 10px;
}

.priceInfo .currency {
    font-size: 25px;
    color: #666666;
    padding-left: 10px;
}

.captcha {
    display: inline-block;
    width: 130px;
    float: left;
}

.captcha-input {
    margin-top: 4px;
}

.cbNewPaketi {
    margin-left: 25px;
}

.subItems-shown {
    border: 1px solid #F2CCCC;
    border-radius: 10px;
    margin-left: -3px;
    padding-left: 2px !important;
    margin-bottom: 4px;
}

.with-subItems {
    width: 210px;
}

.subItems {
    clear: both;
}

/*----- HOME LEFT BAR -----*/

h2.acc_trigger {
    background: url(../images/light-title-bg.png) #f3f3f3 top left repeat-x;
    border: solid 1px #ccc;
    cursor: pointer;
}

    h2.acc_trigger, h2.acc_trigger a {
        font-size: 12px;
        font-weight: 700;
        color: #121111;
        line-height: 23px;
        height: 23px;
        padding-left: 3px;
        text-decoration: none;
        margin-bottom: 0 !important;
    }

div.acc_container, div.norton_login_container {
    border-left: solid 1px #d0d0d0;
    border-right: solid 1px #d0d0d0;
    background: url(../images/link-info-bg.png) bottom left repeat-x;
    padding: 12px;
}

div.first-row-norton {
    padding-bottom: 7px;
}

    div.first-row-norton select {
        font-size: 11px;
        color: #3A3A3A;
        padding: 3px 5px;
        margin-bottom: 5px !important;
    }

    div.first-row-norton span {
        padding-right: 20px;
    }

#mytp-login {
    padding: 5px 10px !important;
}

    #mytp-login span {
        font-size: 13px;
    }

.norton_login_container span {
    display: block;
    margin-bottom: 3px;
}

div#login-block {
    margin-bottom: 12px;
    border-bottom: solid 1px #d0d0d0;
}

h2.link-banner {
    background: url(../images/link-banner-bg.png) top left no-repeat;
    border: solid 1px #d0d0d0;
    font-size: 12px;
    font-weight: 700;
    color: #121111;
    line-height: 27px;
    height: 27px;
    padding-left: 25px;
}

div.link-info {
    border-left: solid 1px #d0d0d0;
    border-right: solid 1px #d0d0d0;
    padding: 12px;
    background: url(../images/link-info-bg.png) #fdfdff bottom left repeat-x;
}

ul.home-small-links, ul.home-small-links li {
    display: block;
    list-style-type: none;
}

ul.home-small-links {
    border: solid 1px #d0d0d0;
    border-bottom: 0;
    margin-bottom: 12px;
}

    ul.home-small-links li {
        line-height: 26px;
        height: 26px;
        border-bottom: solid 1px #d0d0d0;
        background: url(../images/home-list-bg.png) top left no-repeat;
    }

        ul.home-small-links li a {
            display: block;
            line-height: 26px;
            height: 26px;
            font-size: 12px;
            font-weight: normal;
            color: #121111;
            text-decoration: none;
            padding-left: 25px;
        }

        ul.home-small-links li.phonebook-link a {
            background: url(../images/ico-imenik.png) 6px 5px no-repeat;
        }

        ul.home-small-links li.career-link a {
            background: url(../images/ico-career.png) 6px 6px no-repeat;
        }

        ul.home-small-links li.procurement-link a {
            background: url(../images/ico-procurement.png) 5px 7px no-repeat;
        }

        ul.home-small-links li.investors-link a {
            background: url(../images/ico-investors.png) 6px 5px no-repeat;
        }

        ul.home-small-links li.media-link a {
            background: url(../images/ico-media.png) 5px 6px no-repeat;
        }

        ul.home-small-links li.links-link a {
            background: url(../images/ico-links.png) 6px 7px no-repeat;
        }

        ul.home-small-links li.sales-link a {
            background: url(../images/ico-sales.png) 6px 6px no-repeat;
        }

/*------------- Telefonski imenik -------------*/
div.searchPanel, div.resultPanel {
    font-size: 11px;
}

    div.searchPanel label {
        float: left;
        margin-bottom: 10px;
    }

label span.label-text {
    display: block;
    float: left;
    width: 120px;
    padding-top: 8px;
}

label input[type="text"].row-space, .area-row-space {
    width: 260px;
    padding: 1px;
    border: 1px solid #ccc;
}

.area-row-space {
    height: 150px;
}

label select.row-space {
    width: 263px;
    border: 1px solid #ccc;
}

div.searchPanel button {
    margin-bottom: 10px;
}

table.phones-results tr.header {
    background: #e20074 !important;
    color: #fff;
    font-weight: 700;
}

table.phones-results td, table.phones-results th {
    padding: 5px 0;
}

div.resultPanelInner {
    margin-top: 10px;
}

td.details img.details {
    cursor: pointer;
    margin-right: 10px;
}

label.note-info {
    font-size: 11px;
    line-height: 150%;
}

span.request-bold {
    font-weight: bold;
}

div.pb-search-results-actions {
    padding-top: 12px;
}

    div.pb-search-results-actions a.magenta-btn {
        float: right;
        margin-right: 6px;
        padding-right: 12px;
    }

        div.pb-search-results-actions a.magenta-btn span {
            padding-left: 12px;
        }

div.searchPanel div.min-input-error {
    display: none;
}

div.input-container {
    width: 80%;
}

    div.input-container .row-space, div.input-container label {
        float: right;
    }

span.note, i.note {
    font-size: 11px;
    color: #e20074;
    float: left;
    font-weight: bold;
    padding: 0 5px 0 0;
}

select.ddlStyle {
    font-family: Arial;
    font-size: 11px;
    color: #666;
    padding: 2px;
}
/*------------- BlackBerry kontrola -------------*/

label.input-row input {
    border: 1px solid #ccc;
    padding: 3px;
    font-size: 12px;
}

    label.input-row input[type='password'], label.input-row input[type='text'] {
        width: 190px;
    }

label.input-row {
    margin-bottom: 15px;
}

    label.input-row span, div.input-row span {
        padding-top: 4px;
    }

#dubble-row-frm {
    padding-top: 0;
}

div.input-row {
    margin: 5px;
    margin-bottom: 15px;
}

    div.input-row span.input-text {
        display: block;
        float: left;
        width: 200px;
    }

    div.input-row input {
        width: 140px;
        padding: 3px;
        border: 1px solid #ccc;
    }

    div.input-row select {
        border: 1px solid #ccc;
        padding: 2px;
        font-size: 12px;
    }

    div.input-row span.check-wrap {
        display: block;
        float: left;
        padding-top: 0;
    }

        div.input-row span.check-wrap label.check-wrap input {
            width: 15px;
        }

    div.input-row label.check-wrap input {
        width: 15px;
    }

    div.input-row > label.check-wrap {
        width: 250px;
        margin-left: 205px;
    }

label.input-row textarea {
    border: 1px solid #ccc;
    width: 257px;
    height: 100px;
    padding: 3px;
}

#ctl00_ctl00_ctl00_cmscontent_CmsMain_pArea2_ctl00_btnSubmit {
    margin-left: 205px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 80px;
    height: 25px;
    padding-bottom: 2px;
}

#error-msg-bb {
    color: #e20074;
    font-weight: bold;
    font-size: 11px;
}

#ctl00_ctl00_ctl00_cmscontent_CmsMain_pArea2_ctl00_txtNumberSimCardsApplyingFor {
    margin-top: 5px;
}

.tip-holder {
    display: none;
    border: 1px solid #ccc;
    width: 248px;
    min-height: 30px;
    background: #fff url("../images/ct-bg-popup.png") repeat-x bottom;
    z-index: 50;
      padding: 12px;
  padding-left: 0px;
}

/*----- DIAL UP & ADSL CALCULATOR -----*/

div.main-question {
    float: left;
}

div.adslContainer span {
    white-space: normal;
    padding: 0 !important;
    line-height: 27px !important;
}

div.adslContainer select {
    margin-bottom: 5px !important;
}

div.dialupContainer span {
    white-space: normal;
    width: 450px;
}

    div.dialupContainer span.error {
        white-space: normal;
        width: auto;
    }

div.main-choice {
    padding: 10px 0 0 13px;
    float: left;
    clear: both;
}

    div.main-choice span {
        width: auto;
    }

    div.main-choice label {
        display: inline-block;
    }

        div.main-choice label.no-label {
            margin-left: 20px;
        }

div.first-row {
    clear: both;
}

div.adslContainer {
    clear: both;
    padding: 20px 0;
}

    div.adslContainer label {
        display: block;
        margin: 10px 0;
    }

    div.adslContainer select {
        float: right;
        width: 100px;
    }

div.dialupContainer {
    clear: both;
    padding: 20px 0;
}

    div.dialupContainer label {
        display: block;
        margin: 5px 0 15px;
    }

    div.dialupContainer input[type='text'] {
        float: left;
        width: 150px;
        clear: both;
    }

    div.dialupContainer label.input-holder {
        display: block;
        clear: both;
    }

div.adslContainer div.note-info {
    padding-top: 20px;
}

span.error {
    padding-left: 3px;
    color: red;
    font-size: 11px;
}

span.offer {
    color: #e20074;
}

div.fifty-width {
    width: 50%;
}

div.left-info {
    float: left;
}

div.right-info {
    float: right;
}

div.note-info, label.note-info {
    display: block;
    clear: both;
    font-size: 11px;
}

div#order {
    padding-top: 10px;
}

.colorful-text {
    font-size: 13px;
    color: #e20074;
    font-weight: bold;
}

span#total {
    font-size: 46px;
    color: #e20074;
}

span#GB {
    font-size: 18px;
    color: #000000;
}

a.optionText:hover {
    font-size: 18px;
    color: gray;
    font-family: arial, helvetica, geneva, sans serif;
    text-decoration: underline;
}

a.optionText:link {
    font-size: 18px;
    color: gray;
    font-family: arial, helvetica, geneva, sans serif;
    text-decoration: none;
}

label#lblOffer span {
    width: auto;
    float: none;
    display: inline;
}

/*---------- POP UP T-CENTRI ----------- */

.tip-holder .popupArticlePlaceholder {
    width: 232px;
    min-height: 50px;
    float: right;
    padding-left: 18px;
    padding-top: 3px;
    background: url("../images/ct-ico-popup.png") no-repeat 0 3px;
      height: auto;
  float: none;
  position: relative;
}

    .tip-holder .popupArticlePlaceholder p {
        color: #666;
        font-size: 11px;
        font-family: Arial;
        line-height: 18px;
        margin: 0;
          height: auto;
    }

        .tip-holder .popupArticlePlaceholder p span {
            color: #e20074;
            font-size: 12px;
        }

        .tip-holder .popupArticlePlaceholder p a {
            text-decoration: underline;
            color: #666;
        }

.tip-holder .popupWrapper {
    width: 249px;
    min-height: 20px;
      height: auto;

  position: relative;
}

.tip-holder .popupArrowLeft {
    position: relative;
    top: 30px;
    left: -13px;
    float: left;
}

/* Smart office */
.double-input {
    display: block;
    clear: both;
    margin: 5px;
}

    .double-input span, .double-input input, .double-input select {
        display: block;
        float: left;
    }

        .double-input span.label-text {
            display: block;
            float: left;
            width: 150px;
        }

    .double-input input {
        border: 1px solid #CCCCCC;
        padding: 1px;
        width: 200px;
        margin-left: 10px;
    }

    .double-input select {
        border: 1px solid #CCCCCC;
        padding: 1px;
        width: 55px;
    }

/* MobilePhoneBook & SmartOffice */
.val-summary, .error-message, .warning-text {
    padding: 9px;
    font-size: 11px !important;
    color: #e20074 !important;
    font-weight: bold;
    display: block;
}

.warning-text {
    display: block;
    padding: 3px !important;
    clear: both;
}

.surver-wrapper .row-space-sms {
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

.surver-wrapper span.label-text-sms {
    display: block;
    float: left;
    width: 425px;
    margin-top: 5px;
}

.surver-wrapper h3 {
    display: block;
    margin-top: 12px;
}

div.block-wrapper-full {
    border: solid 1px #CCC;
    border-top: 0;
    border-bottom: 0;
    background: url(../images/block-wrapper-bg.png) white bottom left repeat-x;
    padding: 0 0 0 0;
}

    div.block-wrapper-full p {
        margin: 6px 12px 0 12px;
    }

.submit-btn-80 {
    display: block;
    width: 80px;
    height: 18px;
    background: url(../images/btn-80.png) no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    border: none;
    text-align: center;
    font-weight: bold;
    margin-top: 6px;
    cursor: pointer;
}

/*.submit-btn-100{
	display:block;
	width:100px;
	height:18px;
	background:url(../images/btn-100.png) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	border:none;
	text-align:center;
	font-weight:bold;
	margin-top:6px;
	cursor:pointer;
}*/

.submit-btn-120 {
    display: block;
    width: 120px;
    height: 18px;
    background: url(../images/btn-120.png) no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    border: none;
    text-align: center;
    font-weight: bold;
    margin-top: 6px;
    cursor: pointer;
}

.submit-btn-150 {
    display: block;
    width: 150px;
    height: 18px;
    background: url(../images/btn-150.png) no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    border: none;
    text-align: center;
    font-weight: bold;
    margin-top: 6px;
    cursor: pointer;
}

.submit-btn-inline {
    display: inline !important;
    cursor: pointer;
}

/* Server colocation */
.small-drop-down {
    width: 60px;
    font-size: 11px;
}

.city-selector {
    display: block;
    clear: both;
}

    .city-selector span {
        display: block !important;
        float: left !important;
        width: 100px !important;
        padding-top: 4px;
    }

    .city-selector select {
        display: block !important;
        float: left !important;
        width: 200px !important;
        font-size: 11px;
        margin-bottom: 12px;
    }

table .total-row td {
    font-weight: bold;
}

/* International prefixes */
.letter-list {
    display: block;
    clear: both;
    margin-bottom: 12px;
    list-style: none;
}

    .letter-list a {
        width: 20px;
        height: 21px;
        text-align: center;
        background: transparent url(../images/alphabet-bg.png) no-repeat left top;
        display: block;
        padding-top: 2px;
        color: #121111;
        margin: 3px;
    }

        .letter-list a:hover {
            color: #fff;
            background: transparent url(../images/alphabet-bg-hover.png) no-repeat left top;
            text-decoration: none;
        }

    .letter-list li {
        display: block;
        float: left;
        padding: 5px;
        cursor: pointer;
        background: transparent !important;
    }

.prefix-list {
    display: block;
    clear: both;
}

/* SMS Advertizing*/
.error-active {
    padding-left: 3px;
    padding-top: 3px;
    color: red;
    font-size: 11px;
}

.error-active-text {
    border-style: solid !important;
    border-color: red !important;
    border-width: 1px !important;
}

.prompt-active {
    padding: 6px;
    font-size: 11px !important;
    color: #e20074 !important;
    font-weight: bold;
}
/*Kontakt forma*/

span.left-text {
    margin-left: 40px;
    display: block;
    float: left;
    clear: both;
    width: 150px;
}

span.right-text {
    display: block;
    float: left;
    margin-left: 25px;
}

label.kontaktFormRb {
    margin-left: 75px !important;
}
/*
div.kontaktFormService {
    padding-left: 5px;
    padding-top: 10px;
}*/
/*nov block*/
div.block-container-wider {
    text-align: left;
    width: 272px;
    float: left;
    background: url(../images/3column-block-bg.png) no-repeat;
}

div.block-4 {
    height: 174px;
    margin-right: 0;
    margin-left: 14px;
    padding: 0 !important;
}

div.block-container-wider p {
    display: block;
    padding: 0 6px 0 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #1b1b1b;
    font-weight: normal;
    line-height: 120%;
    margin-bottom: 0 !important;
}

.block-4-first {
    margin-left: 0 !important;
}

.content-pusher {
    clear: both;
    height: 105px;
}

.content-pusher-2 {
    clear: both;
    height: 155px;
}

div.date-view {
    display: block;
    text-align: right;
    margin-top: 20px;
    font-size: 10px;
    color: #aaaaaa;
}

.social-media {
    font-size: 9px;
    color: #666;
    display: block;
    width: 960px;
    padding: 3px 0;
    text-align: right;
    margin-top: 6px;
}

    .social-media ul {
        list-style: none;
        float: right;
    }

        .social-media ul li {
            display: block;
            float: left;
            margin-right: 3px;
        }

            .social-media ul li.first {
                padding-top: 5px;
            }

            .social-media ul li.last {
                margin-right: 0;
            }

/* Stock price */
.stock-wrap {
    font-weight: bold;
    font-size: 12px;
    margin: 6px 0;
    color: #e20074;
}

.stock-ticker {
    margin-right: 100px;
}

.stock-date {
    color: #666;
    font-size: 10px;
}



.caption {
    font-weight: normal;
    color: #004583 !important;
    text-align: center;
}
/*Phone list*/

div.phoneList-filters label {
    /*float:left !important;*/
    clear: none !important;
}

div.phoneList-filters span {
    width: auto !important;
    padding-top: 3px;
    font-weight: bold !important;
    font-size: 11px !important;
    color: #666 !important;
}
/*--- EVENTS ---*/

/*----- SITEMAP -----*/

div.sitemap-wrapper, div.results-wrapper {
    padding: 0 24px;
}

    div.sitemap-wrapper h3 {
        color: #333 !important;
    }

    div.sitemap-wrapper ul, div.sitemap-wrapper ul li {
        list-style-type: none;
        margin-left: 6px;
        line-height: 150%;
    }

        div.sitemap-wrapper ul.container2 li {
            background: none !important;
        }

        div.sitemap-wrapper ul.container3 li, div.sitemap-wrapper ul.container4 li, div.sitemap-wrapper ul.container5 li {
            background: url(../images/bullet.png) 0 6px no-repeat !important;
            padding-left: 10px;
        }

            div.sitemap-wrapper ul.container3 li a {
                color: #333;
            }

        div.sitemap-wrapper ul.container4 {
            margin-top: 5px !important;
        }

            div.sitemap-wrapper ul.container4 li a {
                color: #333;
                font-weight: normal;
            }

        div.sitemap-wrapper ul.container5 {
            margin-top: 5px !important;
        }

            div.sitemap-wrapper ul.container5 li a {
                color: #666;
                font-weight: normal;
            }

/* GSM roaming */
.roam-header {
    height: 16px;
    background: transparent url(../content/images/tab-bac-bl.gif) repeat-x left top;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    display: block;
    float: left;
    padding-top: 2px;
}

.corner {
    display: block;
    float: left;
}

.title-row {
    border-bottom: 1px solid #999;
    padding: 0 !important;
}

.highlight {
    color: #e20074;
}

.price-row td {
    background: transparent url(../content/images/siva-back.gif) repeat-x left top;
}

.price-header {
    color: #427BAB;
    font-weight: bold;
    font-size: 12px !important;
}

.roaming-wrapper {
    color: #666;
}

.filter-wrapper {
    margin-bottom: 12px;
    font-size: 10px !important;
}

table.roaming-tbl tr td {
    padding: 3px 0;
}
/*.filter-btn { text-indent:-9999px; background:transparent url(../content/images/butt-prikazi.gif) no-repeat center center; height:20px; width:124px; border:0 none; margin-left:6px; }*/
.country-list {
    border: 1px solid #999;
    color: #666;
    font-family: Arial,Tahoma,Sans-Serif;
    font-size: 11px;
}

.offpeak-row td, .sms-row td {
    padding-bottom: 12px !important;
}

.gprs-row td, .tax-row td {
    font-size: 11px !important;
}

/* Norton support */
.norton-filter select {
    border: 1px solid #CCC;
    padding: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #3a3a3a;
}

.norton-filter {
    display: block;
    clear: both;
    padding: 6px;
    background: #efefef;
}

    .norton-filter span {
        color: #666 !important;
        padding: 0 5px;
    }

.support-record {
    display: block;
    clear: both;
    border-bottom: 1px solid #999;
}

.question-wrapper {
    display: block;
    float: left;
    /*width: 583px;*/
    padding: 6px;
}

ul.norton-record-details {
    display: block !important;
    float: left !important;
    width: 122px !important;
    padding: 6px !important;
    list-style: none !important;
}

    ul.norton-record-details li {
        font-size: 11px !important;
        margin-bottom: 6px !important;
        color: #666 !important;
        background: transparent !important;
        padding: 0 !important;
    }

.norton-question {
    padding-left: 30px;
    background: url(../content/images/oblak.png) no-repeat left top;
    margin-bottom: 12px;
    font-weight: bold;
    color: #121111;
}

.norton-answer {
    padding-left: 30px;
    background: url(../content/images/T.gif) no-repeat left top;
    font-weight: bold;
    color: #666 !important;
}

ul.norton-record-details li.norton-date {
    padding-left: 20px !important;
    background: url(../content/images/sat.png) no-repeat left center !important;
}

.norton-post-wrapper {
    display: block;
    clear: both;
    margin-top: 12px;
}

    .norton-post-wrapper label {
        clear: both;
        display: block;
        margin: 5px;
    }

        .norton-post-wrapper label span {
            display: block;
            float: left;
            width: 150px;
        }

        .norton-post-wrapper label input, .norton-post-wrapper label textarea {
            border: 1px solid #CCCCCC;
            padding: 1px;
            width: 260px;
        }

.norton-pager a, .norton-pager span {
    line-height: 13px;
    height: 13px;
    padding: 0 4px;
    display: inline-block;
    font-weight: bold;
}

.norton-pager a {
    color: #666;
    text-decoration: underline;
}

.norton-pager span {
    color: #E20074 !important;
    text-decoration: none;
}

.norton-pager {
    display: block;
    float: right;
}

/*----- SEARCH RESULTS -----*/

ul.search-results, ul.search-results li {
    display: block;
    list-style-type: none;
}

    ul.search-results li {
        padding: 6px 0;
        border-bottom: solid 1px #eee;
    }

        ul.search-results li p {
            line-height: 150% !important;
        }

p.result-ttl a {
    font-size: 12px !important;
}

p.result-info {
    color: #666 !important;
}

p.result-lnk a {
    font-weight: normal !important;
}

.error-active-text {
    border-style: solid !important;
    border-color: red !important;
    border-width: 1px !important;
}

.block input[type="text"], .block input[type="password"] {
    border-radius: 4px 4px;
    width: 150px;
    margin-bottom: 7px;
}

/*----- STANDARD TABLE (STYLEGUIDE) -----*/

table.t-table-standard {
    border: solid 1px #dadada;
}

    table.t-table-standard tr td {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #444;
        padding: 4px 8px;
        text-align: left;
    }

    table.t-table-standard tr.odd-row td.odd-cell {
        background: #ebebeb;
    }

    table.t-table-standard tr.odd-row td.even-cell {
        background: #fff;
    }

    table.t-table-standard tr.even-row td.odd-cell {
        background: #e2e2e2;
    }

    table.t-table-standard tr.even-row td.even-cell {
        background: #f0f0f0;
    }

    table.t-table-standard tr.header td, table.t-table-standard tr.subheader td {
        font-weight: 700 !important;
    }

    table.t-table-standard tr.header td {
        background: url(../images/t-table-standard-header-bg.png) #fff bottom left repeat-x !important;
    }

    table.t-table-standard tr.subheader td.even-cell {
        background: url(../images/t-table-standard-header-bg.png) #fff bottom left repeat-x !important;
        border-top: solid 1px #dadada;
        border-bottom: solid 1px #dadada;
    }

    table.t-table-standard tr.subheader td.odd-cell {
        background: url(../images/t-table-standard-dark-header-bg.png) #dedede bottom left repeat-x !important;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #bbb;
    }

.ui-tooltip-cluetip, .ui-tooltip-shadow {
    _width: 280px !important;
}

/*Custom Google search control*/
.search-result, .result-title-holder, .result-link-holder, .result-content-holder {
    width: 100%;
    clear: both;
    font-family: Arial, Helvetica, sans-serif;
}

.result-link-holder {
    padding-bottom: 3px;
}

.search-result {
    padding-bottom: 12px;
    padding-top: 12px;
    border-bottom: solid 1px #ccc;
}

.result-title-holder {
    padding-bottom: 4px;
}

.result-title {
    font-size: 12px;
    color: #E20074;
}

.result-link {
    font-size: 10px;
    color: #777;
}

.search-title {
    font-size: 14px;
    font-weight: 700;
    color: #121111;
    line-height: 24px;
    height: 24px;
    clear: both;
}

div.search-content {
    padding: 0 16px 6px 16px;
}

/*----- LIVE STREAM CLASSES -----*/

div.ls-holder {
    width: 723px;
    height: 473px;
    padding: 137px 0 0 237px;
    background: url(../images/ls-bg.jpg) top left no-repeat;
}

div.ls-video-holder {
    width: 512px;
    height: 304px;
    margin-bottom: 15px;
}

a.ls-fb-link {
    display: block;
    float: left;
    width: 26px;
    height: 26px;
    background: url(../images/ls-fb-link.png) top left no-repeat;
}

/*----- INTEGRIS MASTER & SLIDER, CONTACT MASTER -----*/

div.integris-full, div.integris-slider-gallery, div.contact-full {
    clear: both;
    margin-bottom: 12px;
}

div.integris-third-block, div.contact-third-block {
    width: 178px;
    float: left;
    margin: 0 13px 12px 0;
}

div.contact-third-block {
    margin: 0 13px 0 0 !important;
}

div.contact-half-block {
    width: 274px;
    float: left;
    margin: 0 12px 0 0;
}

    div.contact-half-block h2 {
        background: url(../images/contact-dark-title-bg.png) top left no-repeat !important;
    }

div.integris-third-block div.block-wrapper, div.contact-third-block div.block-wrapper {
    padding: 6px !important;
}

div.integris-third-block h2.dark-title, div.contact-third-block h2.dark-title {
    background: url(../images/integris-dark-ttl-bg.png) top left no-repeat !important;
}

div.integris-last, div.contact-last {
    margin-right: 0 !important;
}

div.integris-slider-gallery .nivoSlider {
    position: relative;
    width: 560px;
    height: 260px;
}

    div.integris-slider-gallery .nivoSlider img {
        position: absolute;
        top: 0;
        left: 0;
    }

    div.integris-slider-gallery .nivoSlider a.nivo-imageLink {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        padding: 0;
        margin: 0;
        z-index: 6;
        display: none;
        cursor: default !important;
    }

div.integris-slider-gallery .nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
}

div.integris-slider-gallery #slider .nivo-controlNav {
    position: absolute;
    right: 15px;
    bottom: 16px;
    z-index: 8;
}

    div.integris-slider-gallery #slider .nivo-controlNav a.nivo-control {
        display: block;
        float: left;
        width: 66px;
        height: 33px;
        cursor: pointer;
        padding: 10px 5px 5px 5px;
        margin-right: 2px;
        background: url(../images/integris-slider-thumb.png) top left no-repeat;
    }

    div.integris-slider-gallery #slider .nivo-controlNav a.active {
        background: url(../images/integris-slider-thumb-active.png) top left no-repeat;
    }

    div.integris-slider-gallery #slider .nivo-controlNav img {
        display: inline;
        position: relative;
        width: 66px;
        height: 33px;
    }

/*---------------PhoneComparsion------------------------------------------*/

.comp-msg {
    line-height: 16px !important;
}

div.phone-comparison {
    padding: 20px;
}

div.framed-content-monochrome-comparison {
    border: solid 1px #e5e5e5;
    padding: 10px 15px 25px 15px;
    background: #f2f2f2;
}

label.pcomp-label, select.pcomp-select {
    display: block;
    float: left;
    margin-bottom: 6px;
}

label.pcomp-label {
    font-size: 11px;
    font-weight: 700;
    color: #333;
    width: 147px;
    line-height: 100%;
    padding-top: 4px;
    width: 140px !important;
}

select.pcomp-select {
    font-size: 11px;
    font-weight: normal;
    color: #333;
    border: solid 1px #ccc;
    padding: 1px;
    width: 119px;
    margin-right: 12px;
}

    select.pcomp-select.comp-sel {
        font-size: 12px;
        font-weight: normal;
        color: #333;
        border: solid 0 #ccc;
        padding: 10px;
        width: 100%;
        margin-right: 0;
    }

.last-pcomp-select {
    margin-right: 0;
}

label.top-message {
    font-size: 12px;
    font-weight: normal;
    color: #666;
    display: block;
    float: left;
    line-height: 100%;
    padding: 20px 0 0 0;
}

div.framed-content-monochrome-comparison .submit-btn-120 {
    float: right;
    margin: 15px 0 15px 0;
    width: inherit;
    font-size: 15px;
    font-family: tele-groteskhalregular;
}

div.pcomp-chart {
    border-left: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    padding-bottom: 0;
}

    div.pcomp-chart table tr td {
        padding: 7px 8px;
        border-right: solid 1px #eaeaea;
        line-height: 120%;
    }

td.specs-column {
    background: #f6f6f6;
}

tr.pcomp-tbl-regular-row-1 td {
    background: #f6f6f6;
}

    tr.pcomp-tbl-regular-row-1 td.specs-column {
        background: #f0f0f0;
    }

.last-pcomp-cell {
    border-bottom: solid 1px #dadada !important;
}

div.pcomp-chart table tr td.column-3 {
    border-right: 0;
}

tr.pcomp-tbl-header td img {
    display: block;
    margin: 0 auto;
    margin-bottom: 4px;
}

tr.pcomp-tbl-header td.column-1, tr.pcomp-tbl-header td.column-2, tr.pcomp-tbl-header td.column-3 {
    text-align: center !important;
    font-weight: 700 !important;
    color: #333 !important;
}

td.specs-column {
    font-size: 11px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    width: 168px;
    text-align: left;
}

td.column-1, td.column-2, td.column-3 {
    font-size: 12px;
    font-weight: normal;
    color: #555;
    text-align: left;
    width: 130px;
}

tr.pcomp-tbl-header td {
    background: url(../images/pcomp-shadow.png) #fff top left repeat-x !important;
}

    tr.pcomp-tbl-header td.specs-column {
        background: url(../images/pcomp-shadow-darker.png) #f6f6f6 top left repeat-x !important;
    }

div.redirect-button-holder {
    padding: 0 0 12px 0;
}

    div.redirect-button-holder .submit-btn-120 {
        float: right;
        margin: 0;
    }

div.comparison-box {
    font-weight: 700;
    color: #333;
    padding: 0 0 6px 0;
}

div.comparison-box-new {
    font-size: 11px;
    font-weight: 700;
    color: #333;
    padding: 10px 0 6px 0;
}

div.comparison-box .comparison-label {
    margin-top: 6px;
    display: block;
    float: left;
}

div.comparison-box td.comparison-label-list {
    padding-left: 5px;
}

.pcomp-label.comp-lab {
    font-size: 12px;
    font-weight: 700;
    color: #555;
    line-height: 100%;
    padding-top: 4px;
    width: 100% !important;
}

/*---------------- INTEGRIS INQUERY FORM ----------------*/

div.row-input-wide label {
    font-size: 11px;
    font-weight: 700;
    display: block;
    float: left;
    padding-top: 1px;
    margin-right: 12px;
    width: 240px;
}

.sub-header {
    display: block;
    padding-top: 8px;
    clear: both;
}

.answer-note, .final-note, .required-fields {
    font-size: 9px;
    font-weight: 500;
    padding-top: 5px;
    color: #E20B7B;
}

.container-service-info, .container-basic-info, .container-financical-info {
    padding: 0 0 8px 8px;
}

.sub-section-header, .sub-header {
    font-size: 12px;
    font-weight: 700;
    color: #E20B7B;
    background: #eee;
    border-bottom: solid 1px #e0e0e0;
    line-height: 100%;
    padding: 6px 12px;
    margin: 12px 0;
}

.error-validation {
    border: 2px solid #F2CCCC;
}

.hidden {
    display: none;
}

.succes-msg {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    padding-top: 10px;
}

p.error-active {
    color: #F2CCCC;
}


/*Phone details new*/

div.rating {
    width: 170px;
}

div.rating-new {
    width: 90px;
    margin: auto;
    margin-top: 12px;
}

.img-star-rate {
    float: left;
    padding-right: 5px;
}

.star-active {
    background: url(../images/star_full.png) no-repeat !important;
}

#ratingStars li {
    width: 15px;
    height: 15px;
    background: url(../images/star_empty.png) no-repeat;
    float: left;
    margin-left: 3px;
}

#ratingStars {
    list-style-type: none;
    margin-bottom: 10px;
    display: block;
    height: 15px;
}

.hidden-validation {
    display: none;
}

.left-side-box {
    float: left;
    margin-left: 10px;
    width: 60px !important;
}

    .left-side-box img {
        padding-top: 5px;
    }

.right-side-box {
    float: left;
    margin: 0 20px 0 20px;
}

.box-row, .box-row-captcha {
    padding-top: 12px;
    display: block;
}

    .box-row-captcha label {
        display: block;
        clear: both;
    }

    .box-row-captcha img {
        float: left;
        width: 100px;
        display: block;
        height: 30px;
        margin: 0 0 5px 0;
    }

    .box-row-captcha input {
        padding-left: 8px;
        float: left;
        margin: 3px 0 0 6px;
        width: 66px;
        display: block;
        height: 20px;
    }

    .box-row input, .box-row textarea {
        width: 250px;
    }

    .box-row, .box-row label, .box-row input, .box-row ul, .box-row textarea {
        display: block;
        clear: both;
    }

        .box-row input {
            height: 20px;
        }

        .box-row label, .box-row-captcha label {
            color: #222;
            font-weight: bolder;
            margin-bottom: 5px;
        }

.img-rank-1 {
    display: block;
    float: left;
    background: url('../images/rankings.png');
    background-position: 0 75px;
    width: 108px !important;
    height: 15px !important;
    position: absolute;
}

.img-rank-2 {
    display: block;
    float: left;
    background: url('../images/rankings.png');
    background-position: 0 60px;
    width: 108px !important;
    height: 15px !important;
    position: absolute;
}

.img-rank-3 {
    display: block;
    float: left;
    background: url('../images/rankings.png');
    background-position: 0 45px;
    width: 108px !important;
    height: 15px !important;
    position: absolute;
}

.img-rank-4 {
    display: block;
    float: left;
    background: url('../images/rankings.png');
    background-position: 0 30px;
    width: 108px !important;
    height: 15px !important;
    position: absolute;
}

.img-rank-5 {
    display: block;
    float: left;
    background: url('../images/rankings.png');
    background-position: 0 15px;
    width: 108px !important;
    height: 15px !important;
    position: absolute;
}

.num-rates {
    display: block;
    float: right;
    font-weight: bolder;
}

.rate-it {
    display: block;
    clear: both;
    padding-top: 8px;
}

.rate-it-new {
    display: block;
}
/****arrows for bussiness*/
.pricing-row-long .left-arrow-bussiness, .pricing-row-short .left-arrow-bussiness {
    display: block;
    background: url('../images/left.png') no-repeat;
    width: 15px !important;
    height: 15px !important;
    float: left;
}

.pricing-row-long .active, .pricing-row-long .display-info {
    padding-top: 0 !important;
}

.left-arrow-bussiness, .right-arrow-bussiness {
    cursor: pointer;
}

.pricing-row-long .left-arrow-bussiness {
    margin-top: 4px;
}

.pricing-row-short .left-arrow-bussiness {
    margin-top: 10px;
}

.pricing-row-long .right-arrow-bussiness, .pricing-row-short .right-arrow-bussiness {
    display: block;
    background: url('../images/right.png') no-repeat;
    width: 15px !important;
    height: 15px !important;
    float: left;
    margin-left: 2px;
}

.pricing-row-long .right-arrow-bussiness {
    margin-top: 4px;
}

.pricing-row-short .right-arrow-bussiness {
    margin-top: 10px;
}

.pricing-row-old {
    height: 60px !important;
}

/*************************/

.pricing-row-long .left-arrow, .pricing-row-short .left-arrow {
    display: block;
    background: url('../images/left.png') no-repeat;
    width: 15px !important;
    height: 15px !important;
    float: left;
}

.left-arrow, .right-arrow {
    cursor: pointer;
}

.pricing-row-long .left-arrow {
    margin-top: 4px;
}

.pricing-row-short .left-arrow {
    margin-top: 10px;
}

.pricing-row-long .right-arrow, .pricing-row-short .right-arrow {
    display: block;
    background: url('../images/right.png') no-repeat;
    width: 15px !important;
    height: 15px !important;
    float: left;
    margin-left: 2px;
}

.pricing-row-long .right-arrow {
    margin-top: 4px;
}

.pricing-row-short .right-arrow {
    margin-top: 10px;
}

.pricing-row-long {
    padding-top: 8px;
    display: block;
    clear: both;
    height: 25px;
}

.package-holder {
    float: left;
}

.link-saznaj-vise {
    display: block;
    float: left;
    width: 65px;
    padding: 5px 0 0 10px;
    font-size: 12px;
    font-weight: 700;
    color: #aaa !important;
    cursor: pointer;
}


.link-saznaj-vise-dukati {
    display: block;
    float: left;
    width: 65px;
    padding: 0 0 0 10px;
    font-size: 11px;
    font-weight: 700;
    color: #aaa !important;
    cursor: pointer;
    margin-left: 26px;
}

.middle-big, .middle-small, .pricing-row-short, .middle-big-new {
    display: block;
    text-align: center;
    float: left;
}

.ritam-club-dukati {
    display: block;
    float: left;
    padding-right: 6px;
    margin-top: 0 !important;
}

.ritam-club-dukati-bussiness {
    display: block;
    float: left;
    padding-right: 6px;
    margin-top: 0 !important;
}

.opaque {
    -moz-opacity: .40;
    filter: alpha(opacity=40);
    opacity: .40;
}

.middle-big {
    width: 237px;
    height: 24px;
    background: url('../images/bg-opcija.png') no-repeat;
}

.middle-big-new {
    width: 205px;
    height: 24px;
    background: url('../images/bg-opcija.png') no-repeat;
}

.price-holder-old {
    width: 237px;
    height: 40px;
    background: url('../images/bg-cijena.png') no-repeat;
    padding-top: 3px;
    margin-left: 135px;
    text-align: center;
    font-weight: bold;
    color: white !important;
    margin-bottom: 30px !important;
}

    .price-holder-old label, .price-holder-old span {
        font-size: 30px;
        display: block;
        float: left;
        color: #fff !important;
        margin-top: 0 !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 40px !important;
        text-align: center !important;
        float: none !important;
    }


.price-holder {
    width: 237px;
    height: 40px;
    background: url('../images/bg-cijena.png') no-repeat;
    padding-top: 3px;
    margin-left: 136px;
    text-align: center;
    font-weight: bold;
    color: white;
}

    .price-holder label, .price-holder span {
        font-size: 30px;
        display: block;
        float: left;
        margin-top: 0 !important;
    }

    .price-holder label {
        margin-left: 100px;
    }


.middle-small {
    width: 120px;
}

.display-info {
    text-align: center;
    margin-top: 5px;
    font-weight: bold;
    font-size: 12px;
}

.row-name {
    width: 120px;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    float: left;
    margin-top: 3px;
}

.middle-small .display-info {
    width: 117px;
    height: 24px;
    background: url('../images/bg-dukat.png') no-repeat;
    background-position: 0;
}

    .middle-small .display-info span {
        display: block;
        padding-top: 5px;
    }

.dukati-holder {
    margin-left: 40px;
    clear: both !important;
    padding-top: 0 !important;
    display: block;
    margin-bottom: 5px;
}

.ritam-club-dukati span {
    font-weight: bold;
    font-size: 11px;
    vertical-align: top;
    width: 100px !important;
}

.dukati-holder input {
    margin-right: 3px;
}

.rating-header {
    color: #E20074;
    font-weight: bolder;
    font-size: 24px;
}

.rating-validation {
    background-color: white;
    border: 1px solid #E20074;
    color: #E20074;
    font-weight: bold;
    padding: 7px 17px;
    vertical-align: top;
    font-size: 12px;
    width: 320px;
    height: 20px;
    margin: 0 0 10px 12px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

    .rating-validation span {
        display: block;
        float: left;
    }

    .rating-validation div {
        float: left;
        left: 0;
        top: -16px;
        margin-right: 10px;
        position: relative;
    }

.pricing-row-short {
    position: relative;
    margin-top: -12px;
}

.phone-name-holder {
    font-weight: bolder;
    font-size: 24px;
}

.box-row-response {
    margin-top: 20px;
}

    .box-row-response span {
        position: relative !important;
    }

.review-result-holder {
    margin: 30px 0 0 75px;
}

.box-row-response label {
    width: 255px !important;
    overflow: hidden;
    display: block;
}

#rateBox {
    height: 470px;
    padding-top: 20px;
    width: 400px;
}

.pricing-disclamer, .global-disclamer {
    margin: 8px 0 8px 0;
}

.back-btn {
    display: block;
    clear: both;
    margin: 5px 0 5px 15px;
    color: #CECECE;
    font-size: 12px;
    font-weight: bold;
    width: 70px;
}

    .back-btn div {
        background: url('../images/back-arrow.png') no-repeat;
        width: 9px;
        height: 9px;
        float: left;
        margin-top: 3px;
        margin-right: 6px;
    }

#responseRateBox {
    margin-bottom: 30px;
}

.right-side-box .rating-header {
    width: 270px;
}

#termsBox {
    width: 550px !important;
    padding: 20px !important;
    text-align: left !important;
}

/*----- SELFCARE MASTER CLASSES -----*/

div.selfcare-full {
    clear: both;
    margin-bottom: 12px;
}

div.selfcare-third-block {
    width: 180px;
    float: left;
    margin: 0 10px 12px 0;
}

    div.selfcare-third-block div.block-wrapper {
        padding: 6px !important;
    }

div.selfcare-last {
    margin-right: 0 !important;
}

div.selfcare-third-block h2 {
    width: 180px;
    height: 58px;
    text-indent: -9999px;
}

    div.selfcare-third-block h2.users-guide {
        background: url('../images/users-guide-ttl.png') top left no-repeat;
    }

    div.selfcare-third-block h2.tarrifs-packages-rest {
        background: url('../images/tarrifs-packages-rest-ttl.png') top left no-repeat;
    }

    div.selfcare-third-block h2.bills {
        background: url('../images/bills-ttl.png') top left no-repeat;
    }

    div.selfcare-third-block h2.support-advices {
        background: url('../images/support-advices-ttl.png') top left no-repeat;
    }

    div.selfcare-third-block h2.online-help {
        background: url('../images/online-help-ttl.png') top left no-repeat;
    }

    div.selfcare-third-block h2.self-care-assistant {
        background: url('../images/self-care-assistant-ttl.png') top left no-repeat;
    }

div.selfcare-third-block div.self-care-block-content {
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    padding: 0 12px;
    height: 230px;
}

div.selfcare-third-block div.bottom-corners {
    height: 6px;
    background: url('../images/self-care-block-corners.png') top left no-repeat;
}

/*----- PARTNERS MASTER CLASSES -----*/

div.partners-quarter-block {
    width: 180px;
    float: left;
    margin: 0 12px 12px 0;
}

    div.partners-quarter-block div.block-wrapper {
        padding: 6px !important;
    }

div.partners-last {
    margin-right: 0 !important;
}

div.partners-quarter-block h2 {
    background: url('../images/light-title-quarter-bg.png') top left no-repeat;
}

div.phone-thumb-holder img {
    display: block;
    margin: auto;
}
/*Zakup vodova kalkulator*/

.selection-row {
    float: left;
}

    .selection-row input[type=text] {
        margin-top: 0;
        width: 140px;
        height: 28px;
    }

    .selection-row label {
        width: 100%;
        font-weight: bold;
        display: block;
        clear: both;
        padding-bottom: 8px;
    }

    .selection-row input[type=button] {
        margin-top: 33px;
        display: block;
    }

    .selection-row span {
        font-weight: bold;
    }

    .selection-row .down-span {
        display: block;
        font-size: 10px;
        padding-left: 10px;
        font-size: 10px;
    }

.row-30 {
    width: 30%;
    margin-right: 20px;
}

.row-25 {
    width: 25%;
    margin-right: 20px;
}

.row-15 {
    width: 15%;
}

#totalAmount {
    display: block;
    float: left;
    font-size: 20px;
    padding: 0px 0 0 0px;
}

#msgholder {
    display: block;
    float: left;
    font-size: 16px;
    padding: 2px 0 0 10px;
}

div.footer-menu a {
    display: block;
    float: right;
    font-size: 10px;
    font-weight: 700;
    color: #333;
    text-decoration: none;
    padding-top: 2px;
}

    div.footer-menu a span {
        color: #e20074;
    }

    div.footer-menu a:hover {
        color: #e20074;
    }

div.footer-menu-uslovi a {
    display: block;
    float: left;
    font-size: 10px;
    font-weight: 700;
    color: #333;
    text-decoration: none;
    padding-top: 2px;
    padding-left: 12px;
    margin-top: -3px;
}

    div.footer-menu-uslovi a:hover {
        color: #e20074;
    }


/*Web Shop New*/
.ItemContainer {
    line-height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    clear: both;
}

.btn-details-new {
    display: block;
    width: 27px;
    height: 27px;
    border: none;
    outline: none;
    position: absolute;
    z-index: 50;
    top: 30px;
    left: 10px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    cursor: pointer;
    background: url(../content/webshop/button-detalji.png) no-repeat;
}

    .btn-details-new:hover {
        width: 116px;
        height: 25px;
        background: url(../content/webshop/button-detalji-big.png) no-repeat;
    }

.btn-addToCart {
    display: block;
    width: 27px;
    height: 27px;
    border: none;
    outline: none;
    position: absolute;
    z-index: 50;
    top: 10px;
    left: 6px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    cursor: pointer;
}

.btn-addToCart-new {
    display: block;
    width: 27px;
    height: 27px;
    border: none;
    outline: none;
    z-index: 50;
    top: 10px;
    left: 6px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    cursor: pointer;
}


.btn-addToCart-item-not-added {
    background: url(../content/webshop/add-to-cart-small.png) no-repeat;
}


    .btn-addToCart-item-not-added:hover {
        width: 75px;
        height: 27px;
        background: url(../content/webshop/ukorpu.png) no-repeat;
    }

.btn-addToCart-item-added {
    width: 73px !important;
    height: 27px !important;
    background: url(../content/webshop/korpa.png) no-repeat;
}

div.cart-item-thumb {
    width: 55px;
    float: left;
    min-height: 98px;
}

.item-pic-img {
    display: block;
    float: left;
    max-width: 55px !important;
}

.phone-right-holder {
    width: 156px;
    float: left;
    margin-left: 20px;
    /*position:relative;*/
}

.item-name-span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #e20074;
    margin-bottom: 12px;
    line-height: 120%;
}

.item-prop-ul {
    list-style: none;
    margin-bottom: 20px;
}

    .item-prop-ul li {
        display: block;
        background: url(../content/webshop/t-bullet.png) left center no-repeat;
        font-size: 11px;
        color: #333333;
        font-weight: normal;
        margin-bottom: 8px;
        padding-left: 10px;
    }

.item-quantity-txt {
    display: block;
    width: 54px !important;
    height: 18px !important;
    text-align: center;
    padding: 0 !important;
    border: 0;
    outline: 0;
    margin: 0;
    float: left;
    margin-right: 8px !important;
    margin-left: 3px !important;
}

.how-much-number {
    display: block;
    float: left;
    width: 50px !important;
    font-size: 11px;
    color: #1b1b1b;
    font-weight: bold;
    padding-top: 3px;
}

.btn-quantity {
    display: block;
    width: 13px;
    height: 13px;
    float: left;
    border: none;
    outline: none;
    margin-top: 2px;
    cursor: pointer;
}

.addQuantity {
    background: url(../content/webshop/plus.png) no-repeat;
    margin-right: 4px;
}

.substractQuantity {
    background: url(../content/webshop/minus.png) no-repeat;
}

.details-ul {
    list-style: none;
    width: 130px;
    margin: auto;
}

    .details-ul li {
        display: block;
        background: url(../content/webshop/t-bullet.png) 0 5px no-repeat;
        font-size: 15px;
        color: #333333;
        font-weight: normal;
        margin-bottom: 8px;
        padding-left: 10px;
        line-height: 110%;
    }

.item-price-li {
    background: none !important;
    display: block;
    text-align: center;
    font-size: 17px;
    color: #010101;
    font-weight: bold;
    margin-bottom: 10px;
}

.item-price-span {
    display: block;
    text-align: center;
    font-size: 22px;
    color: #010101;
    font-weight: bold;
    margin-bottom: 10px;
}

.item-price-details-span {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #3b3b3b;
    font-weight: normal;
    margin-bottom: 15px;
}

.phone-table-holder {
    width: 100%;
}

.phone-table-holder-mobile {
    width: 100%;
}

.firs-wrapper {
    width: 45%;
    padding: 15px 30px;
    border-right: solid 1px #c7c7c7;
    border-left: solid 1px #c7c7c7;
    border-bottom: solid 1px #c7c7c7;
    position: relative;
}

.second-wrapper {
    width: 20%;
    border-right: solid 1px #c7c7c7;
    border-bottom: solid 1px #c7c7c7;
    position: relative;
    vertical-align: middle;
}

.third-wrapper {
    width: 15%;
    border-right: solid 1px #c7c7c7;
    border-bottom: solid 1px #c7c7c7;
    /*padding:60px 25px 0 25px;*/
    vertical-align: middle;
}

.fourth-wrapper {
    width: 15%;
    border-right: solid 1px #c7c7c7;
    border-bottom: solid 1px #c7c7c7;
    /*padding:60px 25px 0 25px;*/
    vertical-align: middle;
}

.phone-table-holder th {
    background: #b8b8b8;
    height: 20px;
    padding-top: 10px;
    text-align: center;
    /*padding-left:15px;*/
    font-size: 15px;
    font-weight: normal;
    color: #fff;
    border: solid 1px #c7c7c7;
}

.phone-table-holder-mobile th {
    background: #b8b8b8;
    height: 20px;
    padding-top: 10px;
    text-align: center;
    /*padding-left:15px;*/
    font-size: 17px;
    font-weight: normal;
    color: #fff;
    border: solid 1px #c7c7c7;
}

.delete-phone-button {
    display: block;
    height: 27px;
    /* background:url(../content/webshop/delete-item.png) no-repeat;*/
    position: absolute;
    top: 10px;
    right: 15px;
    color: #b8b8b8 !important;
}

div.cart-item-modify {
    position: relative;
}


.edit-phone-button {
    display: block;
    height: 27px;
    /*background:url(../content/webshop/but-edit.png) no-repeat;*/
    position: absolute;
    top: 8px;
    right: 14px;
    color: #b8b8b8 !important;
}

.shopping-basket-wraper {
    border: 2px solid #e20074;
    border-radius: 5px;
}

.shopping-basket-title {
    display: block;
    background-color: #e20074;
    background-image: -ms-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -moz-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -o-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FD8ED3), color-stop(1, #E20074));
    background-image: -webkit-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: linear-gradient(to bottom, #FD8ED3 0%, #E20074 100%);
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 6px;
}

.small-basket {
    padding: 10px;
}

.basket-img {
    display: block;
    float: left;
    margin-right: 5px;
    max-width: 35px;
}

.prices-holder {
    display: block;
    width: 105px;
    float: left;
}

.broj-artikli, .span-total-price {
    white-space: nowrap;
    display: block;
    font-size: 11px;
    font-weight: normal;
    color: #8d8d8d;
    margin-bottom: 3px;
}

.pink-price {
    font-size: 13px;
    font-weight: bold;
    color: #e20074;
}

.shop-basket-link-a {
    display: block;
    clear: both;
}

.shop-basket-link-a {
    font-size: 11px;
    font-weight: bold;
    color: #1b1b1b;
    text-decoration: underline;
    padding-top: 5px;
}

.go-to-shopping {
    display: block;
    clear: both;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    background-color: #dfdfdf;
    background-image: -ms-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: -moz-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: -o-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F6F6F6), color-stop(1, #DFDFDF));
    background-image: -webkit-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: linear-gradient(to bottom, #F6F6F6 0%, #DFDFDF 100%);
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    padding: 4px 0;
    margin-top: 10px;
    border: solid 1px #ffffff;
    -webkit-box-shadow: 1px 1px 1px #ececec;
    box-shadow: 1px 1px 1px #ececec;
}

.short-logout {
    display: block;
    clear: both;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    background-color: #dfdfdf;
    background-image: -ms-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: -moz-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: -o-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F6F6F6), color-stop(1, #DFDFDF));
    background-image: -webkit-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: linear-gradient(to bottom, #F6F6F6 0%, #DFDFDF 100%);
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    padding: 4px 0;
    margin-top: 10px;
    border: solid 1px #ffffff;
    -webkit-box-shadow: 1px 1px 1px #ececec;
    box-shadow: 1px 1px 1px #ececec;
    width: 80px;
    float: right;
}



.login-info-span {
    display: block;
    font-weight: bold;
    font-size: 12px;
    color: #e20074;
    margin-bottom: 12px;
}

.basket-details {
    margin-top: 12px;
}

.basket-details-item {
    padding: 9px 0;
    border-top: 1px dashed #cccccc;
}

.basket-details-h4-span {
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    background-color: #e20074;
    margin-right: 8px;
    padding: 2px 5px;
    float: left;
}

.basket-remove-button {
    background: url(../content/webshop/minus.png) no-repeat;
    display: block;
    width: 13px;
    height: 13px;
    border: none;
    outline: none;
    cursor: pointer;
    float: right;
}

.basket-h4-span-holder {
    width: 130px;
    float: left;
}

.basket-details-h4 {
    display: block;
    font-size: 10px;
    font-weight: bold;
    color: #3e3e3e;
    float: left;
    max-width: 114px;
}

.basket-details-span-quantity {
    display: block;
    font-size: 10px;
    font-weight: normal;
    color: #3e3e3e;
    margin-top: 2px !important;
}

.basket-details-span-totalprice {
    display: block;
    font-size: 10px;
    font-weight: normal;
    color: #3e3e3e;
    margin-top: 2px !important;
}

.update-items-label {
    display: block;
    width: 100px;
    float: left;
    margin-top: 15px !important;
    margin-left: 0 !important;
}

.checkout-order-label {
    display: block;
    width: 140px;
    float: right;
    clear: none !important;
    margin: 0;
    margin-right: 89px !important;
    margin-top: 15px !important;
}

.low-price-error-div {
    max-width: 500px;
    margin-left: 10px;
    word-wrap: break-word;
    color: red;
    margin-top: 5px;
    display: none;
    font-size: 11px !important;
}

.item-cart-buttons-update-checkout {
    float: right;
}


#btnUpdadeItems {
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #999;
    background-color: #DFDFDF;
    background-image: -ms-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: -moz-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: -o-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F6F6F6), color-stop(1, #DFDFDF));
    background-image: -webkit-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: linear-gradient(to bottom, #F6F6F6 0%, #DFDFDF 100%);
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    padding: 5px 25px;
    border: solid 1px white;
    -webkit-box-shadow: 1px 1px 1px #ececec;
    box-shadow: 1px 1px 1px #ececec;
    cursor: pointer;
}


.button-passive {
    background-color: #D38EB2;
    background-image: -ms-linear-gradient(top, #D38EB2 0%, #F049A5 100%) !important;
    background-image: -moz-linear-gradient(top, #D38EB2 0%, #F049A5 100%) !important;
    background-image: -o-linear-gradient(top, #D38EB2 0%, #F049A5 100%) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D38EB2), color-stop(1, #F049A5)) !important;
    background-image: -webkit-linear-gradient(top, #D38EB2 0%, #F049A5 100%) !important;
    background-image: linear-gradient(to bottom, #D38EB2 0%, #F049A5 100%) !important;
    color: #dedede !important;
}


.button-active {
    color: #333 !important;
    cursor: pointer;
}

.shopping-cart-total-td {
    height: 12px;
    background-color: #868686;
    text-align: right;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 15px 20px;
    text-transform: uppercase;
}


.shopping-cart-total-price {
    border-right: solid 1px #C7C7C7;
    border-bottom: solid 1px #C7C7C7;
    background-color: #f5f5f5;
}

.shopping-cart-price {
    display: block;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #e20074;
    margin-top: 15px;
}


.create-acc-link {
    font-size: 11px;
    font-weight: bold;
    color: #1B1B1B;
    text-decoration: underline;
    display: block;
    padding-top: 10px;
}

.align-left {
    text-align: left !important;
}

.login-info-div label span {
    display: block;
    width: 135px;
    font-size: 11px !important;
    font-weight: normal;
    color: #333333;
    padding-top: 7px;
}

.login-info-div label input {
    display: block;
    width: 300px !important;
    height: 25px !important;
    border: 1px solid #c0c0c0;
    padding: 0 !important;
}

.login-info-div label {
    display: block;
    margin: 0 0 10px 0 !important;
}

.forgot-password-div {
    padding: 30px;
}


    .forgot-password-div label span {
        display: block;
        width: 175px;
        font-size: 11px;
        font-weight: normal;
        color: #333333;
        padding-top: 7px;
    }

    .forgot-password-div label input {
        display: block;
        width: 300px !important;
        height: 25px !important;
        border: 1px solid #c0c0c0;
        padding: 0 !important;
    }

    .forgot-password-div label {
        display: block;
        margin: 0 0 10px 0 !important;
    }


.checkout-login-btn {
    display: block;
    clear: both;
    float: left;
    background-color: #E20074;
    background-image: -ms-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -moz-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -o-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FD8ED3), color-stop(1, #E20074));
    background-image: -webkit-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: linear-gradient(to bottom, #FD8ED3 0%, #E20074 100%);
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: white;
    border: none;
    outline: none;
    padding: 3px 20px;
    border: 1px solid #E20074;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 6px;
    margin-left: 212px;
}

.check-out-visible {
    border: solid 1px #C7C7C7 !important;
    margin-top: 10px;
}

.checkout-header-h4 {
    display: block;
    background-color: #b8b8b8;
    padding: 8px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}

.login-info-div {
    padding: 30px;
}

.createAcc-div {
    clear: both;
    padding-top: 10px;
}

.create-acc-span {
    display: block;
    font-weight: bold;
    font-size: 12px;
    color: #E20074;
}

.user-info-div {
    padding: 0 30px;
    max-width: 600px;
}

    .user-info-div label p span.magenta {
        font-size: 11px !important;
        font-weight: normal;
        color: #e20074;
        padding-top: 6px;
        display: inline;
        width: 100%;
        margin-bottom: 5px;
    }

.magenta {
    font-size: 12px !important;
    font-weight: normal;
    color: #e20074;
    padding-top: 6px;
    display: inline;
    width: 100%;
    margin-bottom: 5px;
}

.user-info-div label span {
    font-size: 12px !important;
    font-weight: normal;
    color: #333333;
    padding-top: 6px;
    text-align: left;
}

.user-info-div label {
    display: block;
    margin: 0 0 10px 0;
    clear: both;
}


.napomena-lbl {
    display: block !important;
    border: #e20074 solid 2px;
    border-radius: 5px;
    width: 430px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    clear: both !important;
    padding: 10px;
}

    .napomena-lbl span {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 430px !important;
        text-align: left !important;
        float: none !important;
    }

.post-paid-user-label {
    display: block;
    width: 340px !important;
    float: left;
    margin-left: 115px !important;
    margin-bottom: 15px !important;
}

.post-paid-user-span {
    display: block;
    float: right !important;
    width: 260px !important;
}

    .post-paid-user-span.new {
        display: block;
        float: left !important;
        max-width: 300px !important;
    }

.post-paid-user-span-inner {
    display: block;
    float: left;
    width: 10px !important;
    padding-top: 9px !important;
    margin-right: 10px !important;
    margin-left: 40px;
}


.newsletter-span-inner {
    display: block;
    float: left;
    width: 10px !important;
    padding-top: 9px !important;
    margin-right: 10px !important;
    margin-left: 40px;
}

    .newsletter-span-inner.new {
        margin-left: 0;
        float: left;
        margin-right: 20px !important;
    }

    .newsletter-span-inner input[type="checkbox"] {
        float: left;
        width: 15px !important;
        height: 15px !important;
    }

.e-racun-span-inner {
    display: block;
    float: left;
    width: 10px !important;
    padding-top: 9px !important;
    margin-right: 10px !important;
    margin-left: 40px;
}

    .e-racun-span-inner input[type="checkbox"] {
        float: left;
        width: 10px !important;
        height: 10px !important;
    }

.create-account-button {
    background-color: #E20074;
    background-image: -ms-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -moz-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -o-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FD8ED3), color-stop(1, #E20074));
    background-image: -webkit-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: linear-gradient(to bottom, #FD8ED3 0%, #E20074 100%);
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border: none;
    outline: none;
    padding: 5px 35px;
    border: 1px solid #E20074;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 10px;
    margin-left: 313px;
}

.error {
    color: #ff0000;
}

.error-lbl {
    display: block;
    padding: 25px;
    color: #ff0000;
    font-size: 12px;
}

.logged-user-div {
    padding: 25px 30px 5px 30px;
}


.logged-in-user-value-span {
    color: #e20074;
    font-weight: bold;
}

.log-out-button {
    float: right !important;
    background-color: #E20074;
    background-image: -ms-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -moz-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -o-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FD8ED3), color-stop(1, #E20074));
    background-image: -webkit-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: linear-gradient(to bottom, #FD8ED3 0%, #E20074 100%);
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border: none;
    outline: none;
    padding: 3px 20px;
    border: 1px solid #E20074;
    border-radius: 3px;
    cursor: pointer;
}

.user-info-delivery-div {
    padding: 0 30px 0 30px;
}

    .user-info-delivery-div label input[type="text"] {
        display: block;
        width: 300px !important;
        height: 25px !important;
        border: 1px solid #c0c0c0;
        padding: 0 !important;
        float: left;
        margin-bottom: 10px;
    }

    .user-info-delivery-div label span {
        display: block;
        width: 140px;
        font-size: 11px !important;
        font-weight: normal;
        color: #333333;
        padding-top: 7px;
        text-align: right;
        margin-right: 15px;
        float: left;
    }

    .user-info-delivery-div label {
        display: block;
        margin: 0 0 10px 0;
        clear: both;
        padding-top: 5px !important;
    }

.user-delivery-info-span {
    display: block;
    font-weight: bold;
    font-size: 12px;
    color: #E20074;
    margin-bottom: 12px;
}

.chbChangeDeliveryInfo input {
    margin-top: 8px;
}

.payment-type span, .payment-type input, .payment-type label {
    display: block;
    float: left;
    clear: none !important;
    font-size: 11px;
    color: #333;
}

.payment-type span {
    width: 140px;
    margin-right: 15px;
    text-align: right;
}

.payment-type input {
    margin-right: 4px;
}

.payment-type label {
    margin-right: 30px;
}


.terms-of-use {
    width: 168px !important;
}


    .terms-of-use label {
        width: 140px !important;
        float: left;
        clear: none !important;
    }

    .terms-of-use input {
        float: right;
        margin-top: 8px;
    }

.confirm-order-button {
    display: block;
    float: right !important;
    background-color: #E20074;
    background-image: -ms-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -moz-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -o-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FD8ED3), color-stop(1, #E20074));
    background-image: -webkit-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: linear-gradient(to bottom, #FD8ED3 0%, #E20074 100%);
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border: none;
    outline: none;
    padding: 3px 20px;
    border: 1px solid #E20074;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 420px !important;
    margin-bottom: 20px;
}


.check-out {
    /*width: 935px;
    border: solid 1px #C7C7C7 !important;*/
    margin-top: 10px;
    padding-bottom: 30px;
    background-color: #ffffff;
}

.user-info-div .error {
    margin-left: 40px;
}

/*Inner 3 col master webshop*/


.two-row-left {
    width: 372px;
    float: left;
}

.two-row-right {
    width: 180px;
    float: right;
}

.two-row-holder {
    margin: 15px 0;
}

.three-row-box {
    width: 180px;
    float: left;
    margin-right: 10px;
}

.three-row-box-last {
    margin-right: 0 !important;
}


/*Web Shop end*/

/*****************************************************
                        Web shop 
    ***************************************************/

.web-shop-user-login-holder {
    width: 947px;
    height: 435px;
    background: url(../images/web-shop.jpg) no-repeat;
    margin-top: -3px;
    position: relative;
    z-index: 9000;
    padding: 50px 0 0 25px;
}

.shop-login-wrap {
    width: 190px;
    background: #fff;
}

.shop-login-bakset {
    padding: 7px !important;
}

    .shop-login-bakset label {
        display: block;
        margin-bottom: 7px;
    }

        .shop-login-bakset label span {
            display: block;
            margin-bottom: 3px;
            color: #8b8b8b;
        }

        .shop-login-bakset label input[type="text"], .shop-login-bakset label input[type="password"] {
            display: block;
            height: 22px !important;
            background: url(../images/web-shop-field.jpg) no-repeat;
            border: none;
            outline: none;
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important;
        }

    .shop-login-bakset input[type="submit"] {
        display: block;
        width: 74px;
        height: 20px;
        background: url(../images/submit-button.png) no-repeat;
        border: none;
        outline: none;
        margin-top: 10px;
        float: right;
        cursor: pointer;
    }

.ui-widget-header {
    font-weight: bold;
    padding-left: 6px;
    background: transparent;
    text-decoration: none;
    border-bottom: 1px solid #E20074;
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    margin-bottom: 3px;
    border-radius: 0 !important;
}

.ui-state-default a {
    width: 118px !important;
    background: url(../images/standard-tabs-bg.png) 0 0 no-repeat !important;
}

li.ui-tabs-selected a {
    color: #fff;
    background: url(../images/standard-tabs-bg.png) 0 -60px no-repeat !important;
}

.ui-state-hover a {
    color: #fff;
    background: url(../images/standard-tabs-bg.png) 0 -30px no-repeat !important;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff !important;
    border-bottom: 1px solid #e20074;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: none;
}

.ui-tabs .ui-tabs-nav li {
    margin: 0 .2em 1px 0;
}

    .ui-tabs .ui-tabs-nav li a {
        padding: 0 8px 0 6px !important;
        line-height: 30px !important;
        height: 30px !important;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
        padding: 0 !important;
    }

.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 {
    border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
}

    .ui-state-default a {
        color: #555 !important;
    }

.ui-state-hover a {
    color: #fff !important;
}

.btn-logout {
    display: block;
    clear: both;
    font-size: 11px;
    font-weight: bold;
    color: #333;
    background-color: #F6F6F6;
    background-image: -ms-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: -moz-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: -o-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F6F6F6), color-stop(1, #DFDFDF));
    background-image: -webkit-linear-gradient(top, #F6F6F6 0%, #DFDFDF 100%);
    background-image: linear-gradient(to bottom, #F6F6F6 0%, #DFDFDF 100%);
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    padding: 4px 8px;
    margin: 0 0 15px 0;
    border: solid 1px white;
    -webkit-box-shadow: 1px 1px 1px #ECECEC;
    box-shadow: 1px 1px 1px #ECECEC;
    float: right;
    clear: both;
    cursor: pointer;
}

table.t-tabela {
    border: 0;
    border: solid 1px #CCC;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

    table.t-tabela th {
        background: #E20074;
        color: white;
        font-weight: 700;
        padding: 4px 0;
    }

    table.t-tabela tr td {
        text-align: center;
        padding: 5px 0;
    }



    table.t-tabela tr.order-row td {
        background: #eaeaea;
        border-bottom: 1px solid #dedede;
    }

    table.t-tabela tr.order-items td {
        background: #fff;
        border-bottom: 1px solid #dedede;
    }

.ui-tabs .ui-tabs-panel {
    padding: 0;
}

table.t-tabela ul {
    list-style: none;
}

.order-items th {
    background: #5a5a5a !important;
}

#changeInfo label, #contactAdmin label {
    display: block;
    margin: 0 0 10px 0;
}

    #changeInfo label span, #contactAdmin label span {
        display: block;
        width: 170px;
        font-size: 11px;
        font-weight: normal;
        color: #333;
        padding-top: 7px;
        text-align: right;
        margin-right: 15px;
        float: left;
    }

    #changeInfo label input[type="text"], #contactAdmin label input[type="text"], #changeInfo label input[type="password"] {
        display: block;
        width: 300px !important;
        height: 25px !important;
        border: 1px solid silver;
        padding: 0 !important;
    }

#contactAdmin, #changeInfo {
    padding: 15px 0;
}


#chbChangePassword {
    margin-top: 8px;
}



.update-info-btn, .shop-send-btn {
    display: block;
    float: right;
    background-color: #E20074;
    background-image: -ms-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -moz-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -o-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FD8ED3), color-stop(1, #E20074));
    background-image: -webkit-linear-gradient(top, #FD8ED3 0%, #E20074 100%);
    background-image: linear-gradient(to bottom, #FD8ED3 0%, #E20074 100%);
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border: none;
    outline: none;
    padding: 3px 20px;
    border: 1px solid #E20074;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 264px;
    margin-top: 5px;
}

.txt-mail-body {
    width: 300px;
}

.logged-user-div-user-profile {
    padding: 5px 15px 15px 15px;
}

#orderViewPager {
    width: 55px;
    margin: auto;
}

.numForPage {
    margin-right: 5px;
}

    .numForPage a {
        color: #888;
    }

        .numForPage a:hover, .numForPage a.selected {
            color: #e20074;
        }

.chbChangeDeliveryInfo span {
    float: left;
}



/* sliderMainWebshop start  */
.div-in-carousel-item {
    position: absolute;
    top: 5px;
    margin-left: 5px;
    padding-left: 70px;
    z-index: -1;
    width: 100px;
    height: 238px;
}

h2.product-price {
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 26px;
    color: #121111;
}

.btn-addToCart-jcarousel {
    display: block;
    width: 27px;
    height: 27px;
    border: none;
    outline: none;
    position: absolute;
    z-index: 50;
    top: -29px;
    left: 70px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    cursor: pointer;
}

h2.product-price-single-item {
    margin-left: 5px;
    padding-top: 5px;
}

.product-itm-holder {
    padding-left: 105px !important;
}

.btn-addToCart-singleItem {
    display: block;
    width: 27px;
    height: 27px;
    border: none;
    outline: none;
    position: absolute;
    z-index: 50;
    top: 3px;
    left: 75px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    cursor: pointer;
}

.webshop-slider-img:hover {
    cursor: pointer;
    z-index: 1500;
    max-width: 100px;
    max-height: 170px;
}

.webshop-slider-img {
    z-index: 1500;
    max-width: 100px;
    max-height: 170px;
}

.jcarousel-item-characteristics-div {
    margin-top: 10px;
    margin-bottom: 10px;
}

.carousel-item-wrapper {
    margin-left: 5px;
    margin-right: 5px;
}

.accordion-container {
    max-width: 560px !important;
}


/*********************************************/




.jcarousel-container {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.jcarousel-item-characteristics-div ul.t-list {
    margin-left: 12px;
}
/********************************************/


.web-shop-slider {
    margin-bottom: 15px;
    /*border:1px solid #d0d0d0;*/
}


.border-gray {
    border: 1px solid #CACACA;
    padding: 10px 7px;
}

    .border-gray p {
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #1b1b1b;
        line-height: 130%;
        font-weight: normal;
        padding: 3px 0 2px 0;
    }

.w-header {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #E20074;
    font-weight: bold;
    padding: 3px 0;
}

.w1, .w2, .w3, .w4 {
    padding: 7px 10px 7px 27px;
    border-bottom: 1px dashed #cbcbcb;
}

.w1 {
    background: url(../images/w1.png) 0 8px no-repeat;
}

.w2 {
    background: url(../images/w2.png) 0 8px no-repeat;
}

.w3 {
    background: url(../images/w3.png) 0 8px no-repeat;
}

.w4 {
    background: url(../images/w4.png) 0 8px no-repeat;
}

.check-compare-new {
    margin-top: 0 !important;
}

a.acc-trigger {
    display: block;
    text-decoration: none;
}

    a.acc-trigger p {
        display: none;
    }

    a.acc-trigger:hover p {
        display: block;
    }


/*********************************
            Media Box
**************************************/

.register-box {
    width: 261px;
    float: left;
}

    .register-box h2, .register-box-2 h2 {
        font-size: 12px;
        font-weight: 700;
        color: #121111;
        line-height: 24px;
        height: 24px;
        padding: 1px 0 0 8px;
        border: 1px solid #cccccc;
        background: #f7f7f7;
    }

.register-box-content {
    padding: 10px;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    border-right: solid 1px #CCC;
    background: #fff;
}

    .register-box-content label {
        display: block;
        margin: 0;
        margin: 0 3px 4px 3px;
    }

    .register-box-content input[type="text"], .register-box-content input[type="password"] {
        display: block;
        margin: 0;
        margin: 0 3px 7px 3px;
        width: 160px;
        border: 1px solid #ccc;
        border-radius: 3px;
        background: #ffffff;
        padding: 0 5px;
        height: 18px;
    }

    .register-box-content .magenta-btn {
        width: 170px;
    }

.lastot {
    margin-bottom: 10px !important;
}

.media-box-number {
    float: left;
    font-size: 12px;
    color: #fff;
    background: #e20074;
    padding: 3px 7px;
    margin-right: 10px;
    font-weight: bold;
    margin-top: 2px;
}

.media-radio-buttons label {
    display: inline;
}

.media-radio-buttons {
    line-height: 10px !important;
    margin-bottom: 15px;
}

.reg-left {
    float: left;
}

.reg-right {
    float: left;
    margin: 19px 0 0 13px;
    width: 131px !important;
}

.reg-right-2 {
    float: right;
    margin-top: 20px;
}

.clearer {
    clear: both;
    float: none;
}

.clear {
    clear: both;
    float: none;
}

.pink-light {
    color: #e20074 !important;
}

.off-title {
    position: relative;
}

.media-box-check {
    position: absolute;
    ;
    top: 6px;
    right: 6px;
}

.errorMessage {
    font-size: 11px;
    font-weight: 700;
    color: red;
    margin-bottom: 10px;
    display: block;
}

/* NEW SELF CARE CLASSES */

div.sc-items-row {
    background: url(../images/sc-items-row-bg.png) bottom left no-repeat;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

div.sc-item {
    width: 244px;
    float: left;
    margin-right: 12px;
}

div.last-sc-item {
    margin-right: 0 !important;
}

div.sc-item h2 {
    display: block;
    width: 244px;
    height: 58px;
    text-indent: -9999px;
}

    div.sc-item h2.vodic {
        background: url(../images/vodic-ttl-bg.png) top left no-repeat;
    }

    div.sc-item h2.tarife {
        background: url(../images/tarife-ttl-bg.png) top left no-repeat;
    }

    div.sc-item h2.racuni {
        background: url(../images/racuni-ttl-bg.png) top left no-repeat;
    }

    div.sc-item h2.podrska {
        background: url(../images/podrska-ttl-bg.png) top left no-repeat;
    }

    div.sc-item h2.pomoc {
        background: url(../images/pomoc-ttl-bg.png) top left no-repeat;
    }

    div.sc-item h2.assistant {
        background: url(../images/assistant-ttl-bg.png) top left no-repeat;
    }

div.sc-item div.item-content {
    width: 218px;
    padding: 2px 12px 2px 12px;
    border-left: solid 1px #d5d5d5;
    border-right: solid 1px #d5d5d5;
}


div.tipsy-text-holder {
    max-width: 205px;
    border: #e20074 none medium;
    border-radius: 5px;
    position: absolute;
    bottom: 35px;
    left: -87px;
}

    div.tipsy-text-holder ul {
        padding-left: 25px;
    }

    div.tipsy-text-holder li {
        padding-left: -5px;
    }

div.tipsy-text-holder {
    padding: 5px;
}

.dukatiSlika {
    width: 15px;
    height: 16px;
    display: block;
    position: absolute;
    right: 4px;
    top: -13px;
    background: #fafafa;
}

.dukatiPromotionSlika {
    position: absolute;
    top: 95px;
    left: 190px;
}

.gray-color {
    color: rgb(116, 113, 113) !important;
}

.phone-price-with-rates-border {
    padding: 6px;
    border: 1px solid #cacaca;
    border-radius: 5px;
    position: relative;
    margin: 15px 20px;
    clear: both !important;
}

.phone-wrapper .phone-price-with-rates-border {
    padding: 9px 0 14px 12px !important;
}

    .phone-wrapper .phone-price-with-rates-border h3 {
        margin: 0 !important;
        padding: 0 0 8px 0 !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    .phone-wrapper .phone-price-with-rates-border .price-btn-holder {
        margin: 0 !important;
        padding: 0 !important;
    }

.phone-wrapper h3.gray-color {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 0 0 8px 0 !important;
    margin: 0 0 0 20px !important;
}

.phone-wrapper .btn-addToCart {
    top: -5px !important;
}

.ratePhone {
    position: absolute !important;
    top: 17px;
    left: -8px;
}

.phone-wrapper .ratePhone {
    top: 17px !important;
    left: -8px !important;
}

.phone-wrapper .ratePhoneTablet {
    top: 28px !important;
    left: -8px !important;
}

.dukatiSlikaInfo {
    display: block;
    float: left !important;
    height: 16px;
    width: 15px;
    margin-right: 5px;
    margin-top: -2px;
}

.monthlyPriceInfo {
    display: block;
    float: left !important;
    height: 16px;
    width: 15px;
    margin-right: 5px;
}

/*******************************/

h2.pricing-header {
    font-size: 14px;
    color: #e51982;
    display: block;
}

#tabs .tabs-container ul.ui-tabs-nav {
    margin-bottom: 0 !important;
}

.payment-hold {
    margin-top: 15px;
    padding: 10px;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
}

    .payment-hold h3 {
        font-weight: bold;
    }

    .payment-hold p {
        font-size: 11px;
        margin-bottom: 6px;
    }

    .payment-hold ul li {
        font-size: 11px !important;
    }

    .payment-hold img {
        max-width: 150px;
        display: block;
        margin: auto;
    }

.tbl-detali {
    width: 235px;
    margin-left: 120px;
    background: #f7f7f7;
    margin-top: 10px;
}

    .tbl-detali tr th {
        color: #999999;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
        padding: 5px;
    }

    .tbl-detali tr td {
        color: #333333;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        padding: 2px;
    }

    .tbl-detali .right-border {
        border-right: 1px solid #e5e5e5;
    }

.phone-details-header-first {
    margin: 12px 0 6px 0;
}

/* WEB SHOP INSTRUCTIONS ACCORDION */



span.steps-acc-trigger {
    display: block;
    background: #fff;
    font-size: 11px;
    font-weight: 700;
    color: #e20074;
    border-top: solid 1px #cacaca;
    cursor: pointer;
    line-height: 15px;
}

span.step-01 {
    background: url(../images/steps-acc-step-01.png) #fff 0 8px no-repeat;
}

span.step-02 {
    background: url(../images/steps-acc-step-02.png) #fff 0 8px no-repeat;
}

span.step-03 {
    background: url(../images/steps-acc-step-03.png) #fff 0 8px no-repeat;
}

span.steps-acc-trigger span {
    display: block;
    padding: 1px 0 0 30px;
    height: 33px;
    line-height: 33px;
    background: url(../images/steps-arrow.png) 157px 7px no-repeat;
}

div.steps-acc-content {
    background: url(../images/steps-acc-content-shadow.png) #e0e0e0 top left repeat-x;
    display: none;
    padding: 11px 12px 0 12px;
    height: 85px;
}

    div.steps-acc-content p {
        font-size: 11px;
        font-weight: normal;
        color: #333;
        line-height: 15px;
    }

/**************  Webshop Updated  ******************/

.details-left-wrapper {
    margin-right: 10px;
    margin-bottom: 10px;
}

.details-left {
    padding: 0 15px 15px 15px;
    min-height: 415px;
}

.details-left-article {
    min-height: 236px !important;
}

.details-right-article {
    min-height: 235px !important;
}


.details-right {
    padding: 10px;
    min-height: 400px;
}


.gray-title-css {
    display: block;
    height: 24px;
    border: 1px solid #cccccc;
    border-radius: 5px 5px 0 0;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
    font-size: 12px;
    font-weight: 700;
    color: #121111;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 24px;
    padding: 0 8px;
}

.details-left .back-btn {
    margin-top: 0 !important;
    margin-left: 0 !important;
    padding-top: 15px !important;
}

.deatils-left-prices {
    clear: both;
    padding-top: 15px;
}

.phone-name-holder-new {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 100%;
    color: #3a3a3a;
}

.deatils-left-prices {
    clear: both;
}

.recomended-price {
    display: block;
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline;
    margin-bottom: 5px;
    color: #1b1b1b;
}

.phone-details-new-cena {
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 130%;
    color: #3a3a3a;
}

.phone-details-new-pink-price {
    display: block;
    float: left;
    padding: 7px;
    background: #ffd76d;
    color: #fff;
    box-shadow: 0 2px 3px #5c5c5e;
    font-size: 25px;
    font-weight: bold;
    border-radius: 5px;
    -webkit-transform: scale(1) rotate(-10deg);
    -webkit-transform-origin: 0% 0%;
    -moz-transform: scale(1) rotate(-10deg);
    -moz-transform-origin: 0% 0%;
    -o-transform: scale(1) rotate(-10deg);
    -o-transform-origin: 0% 0%;
    -ms-transform: scale(1) rotate(-10deg);
    -ms-transform-origin: 0% 0%;
    transform: scale(1) rotate(-10deg);
    transform-origin: 0% 0%;
    margin-top: 15px;
}

.fancy-box-transformation {
    -webkit-transform: scale(1) rotate(-10deg) !important;
    -webkit-transform-origin: 0% 0% !important;
    -moz-transform: scale(1) rotate(-10deg) !important;
    -moz-transform-origin: 0% 0% !important;
    -o-transform: scale(1) rotate(-10deg) !important;
    -o-transform-origin: 0% 0% !important;
    -ms-transform: scale(1) rotate(-10deg) !important;
    -ms-transform-origin: 0% 0% !important;
    transform: scale(1) rotate(-10deg) !important;
    transform-origin: 0% 0% !important;
    margin-top: 15px !important;
}

.gift-mask-fancy-box {
    width: 85px;
    height: 85px;
    margin-left: 20px;
}


div.price-without-contract {
    margin-bottom: 10px;
}

div.price-without-contract-old {
    width: 140px;
    float: left;
    border-right: #DDD solid 1px;
    padding-right: 25px;
    margin-right: 10px;
    min-height: 73px;
}

span.price-text-new {
    display: block;
    width: 136px;
    float: left;
    font-size: 13px;
    font-weight: normal;
    margin-right: 7px;
}


span.price-text-old {
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin-top: 10px;
    /*height:30px;*/
}

.left-value-wrap {
    width: 54px;
    float: left;
    position: relative;
}

.price-value-new {
    display: block;
    clear: both;
    font-size: 16px;
    white-space: nowrap;
}

.price-holder-new {
    position: relative;
    text-align: center;
    padding: 7px 20px;
    width: 180px;
    min-width: 150px;
    color: #545454;
    border-radius: 3px;
    background: #eeeeee;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #F5F5F5 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top, #F5F5F5 0%,#eeeeee 100%);
    background: -o-linear-gradient(top, #F5F5F5 0%,#eeeeee 100%);
    background: -ms-linear-gradient(top, #F5F5F5 0%,#eeeeee 100%);
    background: linear-gradient(to bottom, #F5F5F5 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#eeeeee',GradientType=0 );
    -webkit-box-shadow: inset 0 -3px 0 #999;
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 -3px 0 #999;
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    box-shadow: inset 0 -3px 0 #999;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-bottom: 3px solid #bfbfbf\9;
    font-size: 18px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    font-family: tele-groteskhalregular;
    transition: all 0.2s ease-in;
}

    .price-holder-new .div-product-info {
        width: 27px;
        height: 27px;
        position: absolute;
        right: 15px;
        top: 3px;
        z-index: 20;
    }

.tipsy-text-holder {
    /*background: #fff !important;*/
    background: #333 !important;
    color: white;
    padding: 10px !important;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
}

div.current-rating {
    margin: auto;
    margin-top: 12px;
}
/* iphone nav **/
.iphone-nav {
    margin: 20px 0 0 0;
    padding-left: 10px;
    width: 745px;
    border-bottom: #e20074 2px solid;
}

    .iphone-nav ul.tabs {
        list-style-type: none;
        padding: 0;
        margin: 0 !important;
        height: 25px;
    }

        .iphone-nav ul.tabs li {
            float: left;
            display: inline;
            height: 25px;
            padding: 0 0 0 6px;
            display: inline;
            margin: 0 5px 0 0 !important;
            cursor: pointer;
            background: url(../gfx/tabs-sprite.gif) no-repeat top left !important;
        }

        .iphone-nav ul.tabs a {
            display: inline;
            float: left;
            height: 25px;
            padding: 6px 12px 0 4px;
            text-decoration: none !important;
            color: #000 !important;
            font-size: 1em;
            font-weight: bold;
            background: url(../gfx/tabs-sprite.gif) no-repeat top right;
            width: auto !important;
        }

        .iphone-nav ul.tabs li.activestyle {
            background-position: left -50px !important;
        }

            .iphone-nav ul.tabs li.activestyle a {
                background-position: right -50px;
            }

    .iphone-nav li.activestyle a {
        color: #FFFFFF !important;
    }


table.compare tbody td {
    padding-left: 20px;
}

    table.compare tbody td.rowHead {
        padding-left: 10px;
    }

        table.compare tbody td.rowHead p {
            padding: 0;
            margin-right: 0;
            font-size: 14px;
            line-height: 17px;
            position: relative;
            display: inline-block;
        }

            table.compare tbody td.rowHead p span.sup {
                font-size: 9px;
                line-height: 12px;
                margin: 1px 0 0 1px;
                position: absolute;
                padding-bottom: 20px;
            }

                table.compare tbody td.rowHead p span.sup a {
                    padding: 0;
                    margin: 0;
                    border-style: none;
                    font-weight: normal;
                    cursor: pointer;
                    text-decoration: none;
                    color: #4b4b4b;
                }

                    table.compare tbody td.rowHead p span.sup a:hover {
                        cursor: pointer;
                        text-decoration: underline;
                        color: #4b4b4b;
                    }

table.compare thead th,
table.compare tbody td {
    font-size: 12px;
    line-height: 16px;
    border-bottom: 2px solid #dddddd;
    padding-top: 20px;
    padding-bottom: 17px;
}

    table.compare tbody td ul li {
        font-size: 11px;
        line-height: 15px;
    }

    table.compare tbody td img {
        margin-bottom: 16px;
    }

table.compare ul,
table.compare ol {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    clear: both;
}

table.compare {
    text-align: left;
}

.iphone-fixed {
    position: relative;
    width: 180px;
    /*height:250px;*/
}


.iphone-link {
    display: block;
    width: 490px;
    height: 212px;
    background: url(../content/images/iphone/ip-4s.jpg);
}

a.iphone-link:hover {
    background: url(../content/images/iphone/ip-4s-hover.jpg);
}


.iphone-link4 {
    display: block;
    width: 490px;
    height: 197px;
    background: url(../content/images/iphone/ip-4.jpg);
}

a.iphone-link4:hover {
    background: url(../content/images/iphone/ip-4-hover.jpg);
}



.iphone-link-en {
    display: block;
    width: 560px;
    height: 241px;
    background: url(../content/images/iphone/ip-4s-en.jpg);
}

a.iphone-link-en:hover {
    background: url(../content/images/iphone/ip-4s-en-hover.jpg);
}


.iphone-link4-en {
    display: block;
    width: 555px;
    height: 226px;
    background: url(../content/images/iphone/ip-4-en-img.jpg);
}

a.iphone-link4-en:hover {
    background: url(../content/images/iphone/ip-4-en-img-hover.jpg);
}

/* ----- WEBSHOP LOGIN NEW ----------- */




.webshop-login-short-error {
    background: #f3dbe7;
    padding: 15px 20px;
    border-radius: 2px;
    color: #e20074;
    margin-bottom: 20px;
    margin: 0 15px;
    /* width: 100%; */
    display: block;
    margin-bottom: 10px;
}

.webshop-login-short-body1 label {
    display: block;
    margin-bottom: 7px;
}


div.webshop-login-short-loginbtn-div:hover a {
    background-position: bottom left;
    color: white;
    text-decoration: none;
}

h2.new-titles {
    margin-top: 12px;
    margin-bottom: 10px;
}

.new-holder {
    float: left;
    width: 100%;
}

/* 3D MODEL ICON */

a.view-model3d {
    display: block;
    float: left;
    clear: both;
    line-height: 35px;
    padding: 0 0 0 32px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    background: url(../images/3d-ico.jpg) 0 0 no-repeat;
    width: 42px;
    margin-left: 25px;
}



/***************/

/* TopUP */

.top-up-main-holder {
    width: 950px;
}

.top-up-first-holder {
    margin-bottom: 6px;
}


.top-up-second-holder {
    /* border:solid 1px #ccc; */
    border-top: 0;
    padding: 15px 20px;
    background: #fafafa; /* Old browsers */
    background: -moz-linear-gradient(top, #fafafa 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fafafa 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fafafa 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fafafa 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fafafa 0%,#f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

.top-up-second-holder-left-holder {
    float: left;
    width: 340px;
    margin-right: 50px;
    margin-top: 10px;
}

.top-up-second-holder-right {
    float: left;
    width: 335px;
}

.top-up-main-holder p {
    display: block;
    margin-top: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3a3a3a;
    line-height: 150%;
    margin-bottom: 15px;
}

.top-up-label label, .top-up-label span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3a3a3a;
    line-height: 150%;
}

.top-up-result-message {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
    line-height: 150%;
    margin-top: 10px;
	line-height:1;
}

.top-up-result-message-magenta {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #e20074;
    line-height: 150%;
    margin-top: 10px;
}

.top-up-second-holder-result-msg
{
margin-top:10px;
}

.top-up-normal-text {
    display: block;
    float: left;
    width: 190px;
    padding-top: 4px;
}

.top-up-label {
    margin-bottom: 8px;
}

    .top-up-label input[type="text"] {
        max-width: 250px;
        border: 1px solid #ccc;
    }

.top-up-text-box-short {
    width: 60px !important;
}

.mr20 {
    margin-right: 20px;
}

.top-up-button {
    float: right;
    display: block;
    margin-right: 22px;
    margin-top: 5px;
}


.top-up-second-holder-right-form .top-up-button {
    padding: 0 15px !important;
    font-size: 16px !important;
    line-height: 26px !important;
    height: 28px !important;
}

.magenta-click {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    height: 24px;
    background: #fc89cf; /* Old browsers */
    background: -moz-linear-gradient(top, #fc89cf 0%, #e20074 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc89cf), color-stop(100%,#e20074)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fc89cf 0%,#e20074 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fc89cf 0%,#e20074 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fc89cf 0%,#e20074 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fc89cf 0%,#e20074 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc89cf', endColorstr='#e20074',GradientType=0 ); /* IE6-9 */
    border: 1px solid #e20074;
    outline: none;
    cursor: pointer;
    padding: 0 10px;
}

    .magenta-click:hover {
        background: #e20074; /* Old browsers */
        background: -moz-linear-gradient(top, #e20074 0%, #fc89cf 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e20074), color-stop(100%,#fc89cf)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #e20074 0%,#fc89cf 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e20074 0%,#fc89cf 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #e20074 0%,#fc89cf 100%); /* IE10+ */
        background: linear-gradient(to bottom, #e20074 0%,#fc89cf 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20074', endColorstr='#fc89cf',GradientType=0 ); /* IE6-9 */
    }
/* TopUP END */

/* ADSL */


.extraTekstB {
    display: block;
    float: left;
    width: 180px;
    padding-top: 5px;
    line-height: 100%;
    color: #333;
    font-size: 12px;
    font-weight: 700;
}

div.ps-form-row {
    padding: 8px 6px;
}

.no-padding {
    padding: 0 !important;
}

div.block-wrapper-2 select, div.block-wrapper-2 input.extraTextbox400 {
    display: block;
    float: left;
    border: solid 1px #b0b0b0;
    padding: 1px;
    font-size: 12px;
    color: #666;
    line-height: 100%;
}

div.block-wrapper-2 textarea {
    height: 80px !important;
}

div.block-wrapper-2 input.extraTextbox400, div.block-wrapper-2 textarea {
    width: 400px;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
}

.abstractTitle, div.block-wrapper-2 a {
    font-size: 12px !important;
}

.extraNaslovRegular {
    font-weight: 700;
    color: #e20074;
    padding-left: 180px;
}

.adslTekst {
    color: #e20074;
}

.extraDDL {
    width: 406px;
}

div.grayed-area {
    background: #f0f0f0;
    padding: 0 0 6px 6px;
    border-bottom: solid 1px #e0e0e0;
}

.extraBroj {
    display: block;
    float: left;
    font-weight: 700;
    font-size: 12px;
    color: #e20074;
    line-height: 100%;
    padding-top: 5px;
}

div.bottom-bordered {
    border-bottom: solid 1px #e0e0e0;
    padding-bottom: 12px;
}

.adminTextbox {
    font-weight: 700;
    font-size: 12px;
    color: #333;
    background: #f0f0f0;
    border: solid 1px #ccc;
    padding: 2px;
}

div.block-wrapper-2 .magenta-btn {
    margin: 0 6px 0 0;
}

div.extra-pad {
    padding-left: 250px;
}

.extraNapomenaLarge {
    font-size: 12px;
}

.error-registration {
    color: red;
    border-color: red;
    border: 1px solid !important;
}

/*----- MAIN NAV FORMS -----*/

div#divADSL form, div#divExtraTV form {
    padding: 0 0 6px 10px;
}

div#divPrijavaS form {
    padding: 0 0 10px 10px;
}


.hiden-label {
    display: none !important;
}


div.service-number-initial label {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #333;
    line-height: 100%;
    width: 90px;
    margin: 0 -20px 10px 0;
}

div.service-number-initial div.service-number-fields {
    clear: both;
}

div.service-number-initial select, div.service-number-initial input.service-number-box, div.service-number-initial input.service-number-btn {
    display: block;
    float: left;
    margin-right: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #666;
}

div.service-number-initial select {
    width: 60px;
    padding: 2px;
    border: solid 1px #b0b0b0;
    height: 23px;
}

div.service-number-initial input.service-number-box {
    width: 160px;
    padding: 3px 5px;
    line-height: 15px;
    border: solid 1px #b0b0b0;
}

div.service-number-initial input.service-number-btn {
    height: 23px;
    line-height: 22px;
    border: solid 1px #e20074;
    font-weight: 700;
    color: #fff;
    background: url(../images/magenta-btn-bg.png) #e20074 top left repeat-x;
    outline: 0;
    padding: 0 10px;
    cursor: pointer;
}


div.service-number-initial {
    padding: 0;
}

h3.service-number-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    color: #e20074;
    line-height: 100%;
    margin-bottom: 15px;
}

div.service-top-image-holder {
    margin-bottom: 15px;
}

.service-tab-container {
    border-bottom: 2px solid #e0e0e0;
}

.service-tabs-box {
    float: left;
    margin-right: 15px;
    padding: 7px 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.service-tabs-box-active {
    background: #e0e0e0;
}

.service-tab-text {
    font-size: 15px;
    font-weight: bold;
    padding-left: 4px;
}

.services-label-info-text {
    display: block;
    float: left;
    padding-left: 5px;
}

.ps-form-row input[type="checkbox"] {
    display: block;
    float: left;
}

.extraTekst input[type="checkbox"], .extraTekst input[type="radio"] {
    display: block;
    float: left;
}

.with-margin-left {
    margin-left: 180px;
}

.services-napomena {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    display: block;
    clear: both;
    padding-top: 7px;
}

table.extraTekst tr td {
    padding: 4px 0;
}

table.extraTekst label {
    padding-left: 6px;
}

.adslBtn {
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    border: solid 1px #e20074;
    padding: 0 32px;
    line-height: 16px;
    height: 17px;
    background: url(../images/magenta-btn-bg.png) #e20074 top left repeat-x;
    white-space: nowrap;
    margin: 0 6px 0 0;
}

/* Adsl end */

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png) !important;
}

/* FIREFOX FIXES */

/*@-moz-document url-prefix() { 
	
	div.webshop-login-short-loginbtn-div {
		clear:both !important;
		height:19px !important;
		padding:0 8px 0 0 !important;
		overflow:hidden !important;
	}

	input.webshop-login-short-loginbtn {
		display:block !important;
		float:left !important;
		line-height:17px !important;
		padding:1px 0 3px 8px !important;
		border:0 !important;
		outline:0 !important;
	}
	  
	input#btnCheckOutOrder {
		width:200px !important;
	}

	input.checkout-login-btn {
		width:90px !important;
	}

	input.create-account-button {
		width:144px !important;
	}

	input.confirm-order-button {
		width:138px !important;
	}

	input#btnCheckOutOrder, input.checkout-login-btn, input.create-account-button, input.confirm-order-button {
		padding-left:0 !important;
		padding-right:0 !important;
		text-align:center !important;
	}

	div.left-usb-chars {
		clear:both !important;
		width:100% !important;
	}
    
}*/

.price-right-text {
    text-align: right !important;
    padding-right: 30px !important;
}

/* WEBSHOP EMPTY CART ALERT */

a.empty-cart-alert {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #e20074;
    text-decoration: none;
    line-height: 100px;
    background: url(../images/cart-alert-ico.png) #eee 185px 38px no-repeat;
    text-align: center;
    border-radius: 5px;
    text-shadow: 1px 1px 0 #ffffff;
    text-shadow: 1px 1px 0 rgba(255,255,255,.7);
    position: relative;
    z-index: 5;
    margin: -19px 0 6px 0;
}

    a.empty-cart-alert:hover {
        text-decoration: underline;
    }



/****************Phone details tabs***************************/
div.tabs-holder {
    border-bottom: 2px solid #E20074;
}

    div.tabs-holder ul.tabs {
        list-style: none;
        margin-left: 0;
    }

        div.tabs-holder ul.tabs li {
            float: left;
            margin-right: 5px;
            display: block;
            background: rgb(219, 218, 218);
            height: 27px;
            width: 119px;
            padding: 5px;
            white-space: normal !important;
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;
            text-align: center;
            color: Black !important;
        }

            div.tabs-holder ul.tabs li a {
                color: black;
                width: 100%;
                height: 100%;
                display: block;
            }

                div.tabs-holder ul.tabs li a:hover {
                    color: white !important;
                    display: block;
                }

            div.tabs-holder ul.tabs li:hover {
                cursor: pointer;
                background: rgb(60, 58, 58) !important;
                color: White !important;
            }

            div.tabs-holder ul.tabs li.activeTab {
                background: #E20074 !important;
                color: White !important;
            }

                div.tabs-holder ul.tabs li.activeTab a {
                    color: white !important;
                }

/********end PHONE DETAILS TABS******************/

/* ADSL Prijava */

div#opsto123 * {
    box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
}

div#opsto123 table {
    margin: 0 !important;
    border: 0 !important;
}

    div#opsto123 table tr td {
        border: 0 !important;
    }

div#opsto123 #btnCheck span {
    display: block !important;
    margin-top: -2px !important;
}

div.adsl-form-wrap {
    width: 558px;
    float: left;
    margin: 0 12px 12px 0;
    overflow: hidden;
}

div.adsl-forms-holder {
    border: solid 1px #ccc;
    background-color: #ffffff;
    border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
}

ul.adsl-form-tabs, ul.adsl-form-tabs li {
    display: block;
    float: left;
    list-style: none;
}

ul.adsl-form-tabs {
    position: relative;
    margin-bottom: -1px;
}

    ul.adsl-form-tabs li {
        margin-right: 4px;
    }

        ul.adsl-form-tabs li a {
            display: block;
            font-size: 14px;
            font-weight: 700;
            color: #333;
            line-height: 100%;
            padding: 65px 0 0 0;
            height: 90px;
            border: solid 1px #ccc;
            width: 130px;
            text-align: center;
            background: url(../images/adsl-form-tabs.png) -2px 0 no-repeat;
            border-top-left-radius: 5px;
            -webkit-border-top-left-radius: 5px;
            -moz-border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-top-right-radius: 5px;
        }

        ul.adsl-form-tabs li.extra-tv a {
            background-position: -142px 0;
        }

        ul.adsl-form-tabs li.extra-tv-adsl a {
            background-position: -282px 0;
        }

        ul.adsl-form-tabs li.extra-trio a {
            width: 138px;
            background-position: -420px 0;
        }

        ul.adsl-form-tabs li a:hover, ul.adsl-form-tabs li.active-tab a {
            color: #e20074;
            text-decoration: none;
        }

        ul.adsl-form-tabs li.active-tab a {
            border-bottom: solid 1px #fff;
        }

        ul.adsl-form-tabs li.adsl a:hover, ul.adsl-form-tabs li.adsl.active-tab a {
            background-position: -2px -92px;
        }

        ul.adsl-form-tabs li.extra-tv a:hover, ul.adsl-form-tabs li.extra-tv.active-tab a {
            background-position: -142px -92px;
        }

        ul.adsl-form-tabs li.extra-tv-adsl a:hover, ul.adsl-form-tabs li.extra-tv-adsl.active-tab a {
            background-position: -282px -92px;
        }

        ul.adsl-form-tabs li.extra-trio a:hover, ul.adsl-form-tabs li.extra-trio.active-tab a {
            background-position: -420px -92px;
        }

div.adsl-forms-holder {
    clear: both;
    padding: 25px 0 5px 35px;
}

    div.adsl-forms-holder label.row-name, div.adsl-forms-holder label.adsl-medium-lbl, div.adsl-forms-holder label.adsl-long-lbl {
        display: block !important;
        float: left !important;
        width: 180px !important;
        text-align: left !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #333 !important;
        padding: 5px 0 0 0 !important;
        margin: 0 !important;
    }

    div.adsl-forms-holder label.adsl-long-lbl {
        width: 440px !important;
    }

    div.adsl-forms-holder label.adsl-medium-lbl {
        width: 210px !important;
    }

    div.adsl-forms-holder .pricing-row-long {
        clear: both !important;
        padding: 0 0 22px 0 !important;
        height: auto !important;
        position: relative;
    }

    div.adsl-forms-holder .middle-big-new {
        width: 220px !important;
    }

    div.adsl-forms-holder div.adsl-slider-bar {
        float: left;
    }

    div.adsl-forms-holder span.adsl-explanatory {
        display: block;
        clear: both;
        padding: 25px 35px 0 0;
        line-height: 150%;
        color: #666;
    }

    div.adsl-forms-holder input.adsl-txt-box {
        display: block;
        float: left;
        height: 16px;
        line-height: 16px;
        padding: 4px 6px;
        border: solid 1px #dadada;
    }

    div.adsl-forms-holder input.email-txt-box {
        width: 130px;
    }

    div.adsl-forms-holder input.adsl-account-email {
        width: 215px;
    }

    div.adsl-forms-holder span.email-domain {
        display: block;
        float: left;
        line-height: 26px;
        padding: 0 8px 0 5px;
    }

div#opsto123 .check-btn {
    display: block;
    float: left;
    width: auto !important;
    text-align: center;
    height: 26px !important;
    line-height: 24px !important;
    font-size: 12px !important;
    font-weight: 700;
    padding: 0 20px;
    color: #fff;
    border: solid 1px #e20074;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    background: #e20074;
    background: -moz-linear-gradient(top, #fe92d5 0%, #e20074 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe92d5), color-stop(100%,#e20074));
    background: -webkit-linear-gradient(top, #fe92d5 0%,#e20074 100%);
    background: -o-linear-gradient(top, #fe92d5 0%,#e20074 100%);
    background: -ms-linear-gradient(top, #fe92d5 0%,#e20074 100%);
    background: linear-gradient(to bottom, #fe92d5 0%,#e20074 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe92d5', endColorstr='#e20074',GradientType=0 );
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}



div#opsto123 .submit-btn {
    float: right !important;
}

@media screen (max-width:767px) {
    div#opsto123 .check-btn {
        float: right;
        width: 70px !important;
    }

    div#opsto123 .submit-btn {
        margin: 0 10px;
        width: 80px !important;
    }
}

div.adsl-forms-holder input.adsl-radio-btn, input.adsl-check-btn, div.adsl-forms-holder label.adsl-check-radio-lbl {
    display: block;
    float: left;
    margin: 5px 6px 0 0;
}

div.adsl-forms-holder label.adsl-check-radio-lbl {
    margin: 5px 15px 0 0;
}

div.adsl-forms-holder div.table-holder {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    overflow: hidden;
    border: solid 1px #e0e0e0;
    padding: 0 !important;
    margin: 0 35px 22px 0;
    -webkit-box-shadow: 0 1px 5px #ddd;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 5px #ddd;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 5px #ddd;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
}

div.adsl-forms-holder table {
    width: 100%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

    div.adsl-forms-holder table tr td {
        background: url(../images/adsl-table-arrow.png) #f2f2f2 top center no-repeat;
        padding: 10px;
        color: #e20074;
        font-weight: 700;
        text-align: center;
    }

    div.adsl-forms-holder table tr.header td {
        background: #6d6d6d;
        color: #fff;
    }

div.adsl-forms-holder div#extraPackages {
    width: 100%;
    clear: both;
    padding: 10px 0 0 0;
}

div.adsl-framed-content {
    border: solid 2px #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 12px 0 5px 18px !important;
    margin: 0 0 12px 0 !important;
    clear: both;
}

div.adsl-sub-row {
    clear: both;
    padding: 12px 0 0 0;
}

div.adsl-forms-holder div.adsl-sub-row a {
    display: block;
    float: left;
    font-size: 12px;
    padding: 4px 0 0 0;
    text-decoration: underline;
}

span.adsl-tax-info {
    display: block;
    line-height: 100%;
    clear: both;
    margin: 0 0 16px 0;
}

div.adsl-sliding-bar {
    float: left;
}

span.adsl-package-price {
    display: block;
    float: none !important;
    clear: both;
    text-align: left;
    font-weight: normal;
    color: #333;
    line-height: 100%;
    padding: 5px 0 0 0;
    font-size: 12px;
}

    span.adsl-package-price span {
        font-size: 12px;
        color: #e20074;
        font-weight: 700;
    }

span.adsl-alert-msg {
    display: block;
    clear: both;
    color: #e20074;
    line-height: 150%;
    padding-top: 16px;
}

div#opsto123 span.gear-ico {
    font-size: 14px !important;
    font-weight: normal;
    line-height: 145% !important;
    display: block;
    padding: 9px 20px 9px 65px;
    border: solid 1px #ccc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    margin-right: 35px;
    background: url(../images/adsl-gear-ico.png) 12px 7px no-repeat;
}

div.adsl-extra-packages-holder {
    clear: both;
    padding-top: 20px;
}

div.adsl-extra-package {
    border: solid 2px #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px 0 6px 7px;
    width: 120px;
}

    div.adsl-extra-package label {
        font-weight: 700;
    }

.uspesna_prijava {
    border: 1px solid #ccc;
    padding: 13px;
    border-radius: 5px;
    background: #f9f9f9;
}

    .uspesna_prijava > div > img {
        width: 50px;
    }

    .uspesna_prijava > div > h2.pricing-header {
        font-size: 24px !important;
        margin: 0 !important;
        padding: 10px 0 10px 60px !important;
        font-weight: bold;
    }

    .uspesna_prijava > h2.pricing-header {
        font-size: 18px !important;
        display: block;
        width: 100%;
        text-align: center;
        padding: 25px !important;
        margin: 0 !important;
    }

    .uspesna_prijava > span.adsl-successful-submit-text {
        color: #606060;
        font-size: 14px;
        font-weight: normal;
        padding-left: 60px;
    }

/* ADSL User Info */

div.adsl-user-info {
    /*width: 324px;*/
    width: 353px;
    float: left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 0 20px 20px 20px;
    /*background: #efeeef;*/
    background: #FAFAFA;
    border: 1px solid #ccc;
    border-top: none;
}

    div.adsl-user-info h2 {
        border: solid 1px #ccc;
        border-top-left-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        -moz-border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-top-right-radius: 6px;
        line-height: 24px;
        padding: 0 0 0 10px;
        margin: 0 0 20px -20px;
        width: 352px;
        font-size: 12px;
        background: #fff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3));
        background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
    }

    div.adsl-user-info p.adsl-user-alert-info {
        display: block;
        font-size: 12px;
        font-weight: 700;
        color: #e20074;
        margin-bottom: 20px;
    }

    div.adsl-user-info label, div.adsl-user-info input.txt-box, div.adsl-user-info select, div.adsl-user-info textarea {
        display: block;
        float: left;
        margin-bottom: 12px;
    }

    div.adsl-user-info label {
        font-weight: 700;
        color: #333;
        width: 120px;
        line-height: 26px;
    }

    div.adsl-user-info input.txt-box {
        height: 16px;
        line-height: 16px;
        padding: 4px 6px;
        border: solid 1px #dadada;
        width: 190px;
    }

    div.adsl-user-info input.short-txt-box {
        width: 124px;
    }

div#opsto123 div.adsl-user-info select {
    height: 26px !important;
    padding: 2px !important;
    border: solid 1px #dadada !important;
    width: 60px !important;
    margin-right: 6px !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}

div.adsl-user-info textarea {
    height: 60px;
    padding: 4px 6px;
    border: solid 1px #dadada;
    width: 190px;
}

div.adsl-user-info span {
    display: block;
    font-size: 11px;
    color: #666;
    line-height: 150%;
    margin: -4px 0 12px 120px;
    clear: both;
}

label.ebill-lbl {
    width: 280px !important;
    line-height: 140% !important;
    padding: 4px 0 0 0 !important;
}

label.ebill-lbl2 {
    margin: -8px 0 -8px 19px;
}

div.adsl-framed-content input.txt-box {
    width: 240px !important;
    margin-left: 19px;
}

div.adsl-user-info .check-btn {
    float: right;
}

h2.adsl-submit-success-title {
    line-height: 30px;
    background: url(../images/magenta-check-mark.png) center left no-repeat;
    padding-left: 40px;
}

span.adsl-submit-success-text {
    font-size: 12px;
    font-weight: 700;
    line-height: 180%;
    padding-left: 40px;
    color: #e20074;
}

span.adsl-successful-submit-text {
    font-size: 12px;
    font-weight: 700;
    line-height: 180%;
    padding-left: 9px;
    color: #e20074;
}

@media screen and (max-width: 601px) {
    span.adsl-successful-submit-text {
        display: block;
        width: 100%;
        text-align: left;
    }
}

#opsto123 input.txt-box, #opsto123 input#txtUsername {
    height: 28px !important;
}

div.ebill.adsl-pstn.main.adsl-etv.extra-trio-etv.adsl-plus-etv.extra-trio-pstn > div > input.adsl-check-btn {
    float: left;
    margin-top: 16px;
}

div.ebill.adsl-pstn.main.adsl-etv.extra-trio-etv.adsl-plus-etv.extra-trio-pstn > div > label {
    float: right;
    width: 67% !important;
    line-height: 18px !important;
    margin-bottom: 26px !important;
}

#UserInfo > div.ebill.adsl-pstn.main.adsl-etv.extra-trio-etv.adsl-plus-etv.extra-trio-pstn > div > input.txt-box {
    width: 100%;
}

/* End of ADSL prijava */


.user-login-info {
    background: #efeeef;
    padding: 20px 20px 13px 20px;
    min-height: 285px;
}

@media only screen and (max-width:768px) {
    .img-adsl {
        float: none !important;
        padding-bottom: 15px;
    }
}

div#opsto123 .user-login-info h2 {
    display: block;
    line-height: 100%;
    color: #e20074;
    font-size: 18px !important;
    font-family: Arial,Helvetica,Sans-Serif;
    margin-bottom: 15px;
}


.user-login-info p {
    display: block;
    line-height: 140%;
    color: #666;
    font-size: 12px;
    font-family: Arial,Helvetica,Sans-Serif;
    margin-bottom: 15px;
}



.user-login-info-success {
    padding: 20px;
}

    .user-login-info-success h2 {
        display: block;
        line-height: 142%;
        color: #e20074;
        font-size: 18px;
        font-family: Arial,Tahoma,Sans-Serif;
        margin-bottom: 15px;
    }

.user-login-info #txtTelNumber {
    display: block;
    float: left;
    height: 16px;
    line-height: 16px;
    padding: 4px 6px;
    border: solid 1px #dadada;
    background: #fff;
    width: 200px;
    margin-right: 6px;
    box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
}

div#opsto123 h3.adsl-equipment-title {
    font-size: 18px !important;
    font-weight: normal !important;
    color: #333 !important;
}

.oprema-subtitle {
    display: block;
    float: left;
    margin-left: 65px;
    line-height: 100%;
    color: #333;
    font-size: 12px;
    font-family: Arial,Tahoma,Sans-Serif;
    margin-bottom: 15px;
    font-weight: bold;
    margin-top: 5px;
}

.validationMessage {
    color: #D8000C !important;
}

.username .validationMessage {
    color: #D8000C !important;
    display: block;
    position: absolute;
    left: 0;
    top: 32px;
}

.username .green-span {
    display: block;
    clear: both;
    padding-top: 20px;
}

.username .red-span {
    display: block;
    clear: both;
    padding-top: 20px;
}

div.adsl-user-info span {
    color: #D8000C !important;
}

.red {
    border: solid 2px rgb(226, 35, 9) !important;
}

.green-span {
    color: green !important;
}

.red-span {
    color: #D8000C !important;
}

.user-login-info-inputs {
    margin-bottom: 10px;
    position: relative;
}

    .user-login-info-inputs .validationMessage {
        color: #D8000C !important;
        display: block;
        position: absolute;
        left: 0;
        bottom: -22px;
    }

#btnCheck {
    margin-left: 5px;
}

div#map-canvas, div#map-canvas div, div#map-canvas:after, div#map-canvas div:after {
    content: "" !important;
}



/*Nov CSS*/

.pricing-disclamer.contracts label {
    color: #e20074;
    margin-right: 10px;
    font-weight: bold;
}



/*WebShop*/

.gray-title-css {
    margin-bottom: 0 !important;
}

.rate-it-new {
    display: block;
    font-size: 11px;
}

.tabs-holder .tabs {
    margin-bottom: 0 !important;
}

    .tabs-holder .tabs li {
        padding-left: 0 !important;
        line-height: 120% !important;
        margin-bottom: 0 !important;
        height: 37px !important;
    }

        .tabs-holder .tabs li.poslovni, .tabs-holder .tabs li.privatni {
            background: rgb(219, 218, 218) !important;
        }

.pricing-disclamer {
    font-size: 13px !important;
}

.pricing-header {
    font-size: 17px !important;
    margin-bottom: 10px !important;
}

.pricing-disclamer.contracts label {
    display: inline-block !important;
}

.phone-monthly-rate {
    padding-top: 13px;
    border-top: 1px solid #ccc;
    margin-top: 20px;
    position: relative;
}

.phone-monthly-rate-item {
    padding-top: 4px;
    margin-top: 0;
    position: relative;
}

.rati-korpa {
    right: -39px !important;
    top: -14px !important;
}

.monthlyPriceInfo {
    position: absolute;
    right: 0;
}

.mjesecna {
    display: block;
    font-size: 11px;
    color: #3a3a3a;
    float: left;
    margin-top: 0;
    font-family: arial;
    width: 81px;
}

.cena-rati {
    font-size: 20px !important;
    font-weight: bold;
    color: #e20074;
    margin-left: 42px;
    margin-top: 3px;
}

.show-all-attributes img {
    display: block;
}

.show-all-attributes {
    font-size: 15px;
}

    .show-all-attributes:hover {
        text-decoration: underline;
    }

    .show-all-attributes.shown {
        padding-top: 15px;
        display: block;
    }

.ritam-club-dukati span {
    font-size: 11px !important;
}

.link-saznaj-vise-dukati {
    width: 90px !important;
}

.top-up-label input[type="text"] {
    display: inline-block !important;
}

.optika-block-wrap {
    background: #fff;
}


.registration-title {
    display: block;
    font-family: 'tele-groteskhalregular';
    font-size: 30px;
    color: #3d3d3d;
    line-height: 110%;
    font-weight: normal;
    margin: 0 25px 35px;
    border-bottom: 1px dotted #e5e5e5;
    padding-bottom: 10px;
}

.capt {
    display: block;
    float: left;
    margin-bottom: 10px;
}

.txt-Captcha {
    clear: both;
    /*margin-left: 146px !important;*/
}


.forgot-pass-label .dukatiSlika {
    top: 19px !important;
    right: 14px !important;
}

    .forgot-pass-label .dukatiSlika.new {
        display: block;
        top: -25px !important;
        right: 5px !important;
        position: relative;
        float: right !important;
    }

#ctl00_ctl00_ctl00_cmscontent_CmsMain_pArea11_ctl00_ShopingCart1_lblCaptcha img {
    width: 150px !important;
    margin-bottom: 5px !important;
}

.webshop-slider ul {
    margin-bottom: 0 !important;
}

    .webshop-slider ul li {
        background: none !important;
        margin-bottom: 0 !important;
        padding-left: 0 !important;
    }

        .webshop-slider ul li img {
            margin-bottom: 0 !important;
        }

.webshop-slider .orbit-bullets li {
    display: block;
    width: 22px;
    height: 19px;
    background: url(../images/bullets.png) no-repeat;
    background-position: 0 -21px !important;
    border: none;
    border-radius: 0 !important;
    margin-right: 0;
}

    .webshop-slider .orbit-bullets li.active {
        border: none !important;
        background: url(../images/bullets.png) no-repeat;
        background-position: 0 0 !important;
    }

.webshop-slider .orbit-timer {
    visibility: hidden;
}


.inner-content-container input[type="text"], .inner-content-container input[type="password"] {
    margin-bottom: 10px;
}


.btn-addToCart-item-not-added-new {
    background: url(../images/naruci.png) no-repeat;
    margin: auto;
    margin-top: 10px;
    width: 150px;
    height: 34px;
}

    .btn-addToCart-item-not-added-new:hover {
        background: url(../images/naruci-hover.png) no-repeat;
    }

.btn-addToCart-item-added-new {
    background: url(../images/narudzbu.png) no-repeat !important;
    margin: auto;
    margin-top: 10px;
    width: 150px;
    height: 34px;
}

    .btn-addToCart-item-added-new:hover {
        background: url(../images/narudzbu-hover.png) no-repeat !important;
    }

.fer-politika .link-saznaj-vise {
    width: 100% !important;
}

.webshop-slider .orbit-bullets {
    position: absolute;
    left: 50%;
    margin: 0;
    margin-left: -80px;
    bottom: 10px;
}

#phoneAttributes, .phoneAttributes-hidden, .product-attribute-holder, .desc-cell-label {
    font-size: 12px !important;
    font-family: Arial !important;
}

.delete-phone-button, .edit-phone-button {
    font-size: 14px;
}

#ctl00_ctl00_ctl00_cmscontent_CmsMain_pArea11_ctl00_ShopingCart1_napomenaSpan {
    width: 305px !important;
    text-align: left;
}

div.pricing-row-long label.adsl-caption {
    width: 160px !important;
}

.link-saznaj-vise {
    padding: 3px !important;
    width: 70px !important;
}

    .link-saznaj-vise:hover {
        text-decoration: underline;
    }

.adsl-sliding-bar .link-saznaj-vise {
    padding: 4px 0 0 10px !important;
    white-space: nowrap;
}


.top-up-label.div-for.internet select {
    width: 100px !important;
}

#redirectToAdsl .check-btn {
    display: block;
    float: left;
    width: 80px !important;
    text-align: center;
    height: 26px !important;
    line-height: 24px !important;
    margin-top: 0 !important;
    color: #fff;
    border: solid 1px #e20074;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    cursor: pointer;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}

.user-login-info #txtTelNumber {
    display: block;
    float: left;
    height: 16px;
    line-height: 16px;
    padding: 4px 6px;
    border: solid 1px #dadada;
    background: #fff;
    width: 200px;
    margin-right: 6px;
    box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
}


.user-login-info-inputs .validationMessage {
    font-size: 12px;
    display: block;
    margin-top: -6px !important;
    padding-bottom: 12px;
    color: #ff0000 !important;
}

.product-item-container-info .radio {
    display: block;
    margin: auto;
    margin-top: 17px;
}

.product-item-container-info input {
    cursor: pointer;
}

.related-gifts .jcarousel-item {
    padding: 7px !important;
}


.user-login-info-inputs-inner {
    background-image: url('../images/box-poklon2.png');
    background-repeat: no-repeat;
    height: 185px;
    margin-bottom: 10px;
    position: relative;
}

.user-login-info-inputs .validationMessage {
    color: #D8000C !important;
    display: block;
    position: absolute;
    left: 0;
    bottom: -22px;
}

.user-login-info-inputs-inner #txtTelNumber {
	float: left;
    /*margin-top: -4px;*/
    /*margin-left: 20px;*/
    height: 34px !important;
	margin-right: 15px;
}

#redirectToAdsl .check-btn {
    height: 34px !important;
    width: 45px !important;
    margin-top: -4px;
    display: block;
    float: left !important;
    text-align: center;
    line-height: 24px !important;
    color: #fff;
    border: solid 1px #e20074;
    background: #e20074;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    cursor: pointer;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    color: white;
    font-size: 16px;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #aaa;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
}

.user-login-info-inputs-inner h3 {
    padding-top: 15px;
}

.user-login-info-inputs-inner p {
    display: block;
}

.user-login-info-inputs-inner .validationMessage {
    color: #D8000C !important;
    display: block;
    position: absolute;
    margin-left: 0;
    margin-top: 37px;
}

.promotion-error {
    color: red;
    font-weight: bold;
}

.promotion-info-login {
    color: #E00074;
}


.custom-tip {
    position: relative;
}

    .custom-tip span {
        display: none;
        padding: 15px !important;
        position: absolute;
        font-size: 13px;
        margin-bottom: 5px;
        top: -101px;
        left: 40px;
        width: 350px;
        padding: 5px;
        z-index: 100;
        border: 3px #babd5a solid;
        background: #fff;
        color: #000;
        opacity: 0.9;
        border-radius: 5px;
        -moz-border-radius: 5px; /* this works only in camino/firefox */
        -webkit-border-radius: 5px; /* this is just for Safari */
    }

        .custom-tip span p {
            font-size: 15px;
            margin-top: 10px;
            font-weight: bold;
        }

        .custom-tip span:before {
            content: '';
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
            border-top: 8px solid #babd5a;
            left: 147px;
            top: 132px;
        }

    .custom-tip:hover {
        font-size: 99%; /* this is just for IE */
    }

        .custom-tip:hover span {
            display: block;
        }

.dukati-promo-image {
    margin-bottom: 15px;
    margin-left: -13px;
}

.promo-border {
    border: 2px #E20074 solid;
}

.promo-catcher {
    position: absolute;
    display: block;
    font-size: 15px;
    line-height: 14px;
    width: 200px;
    color: #E20074;
}

div.inra {
    float: left;
}


@media only screen and (max-width:978px) {
    div.input-container label {
        float: left;
        width: 255px;
        clear: both;
    }

    .shop-box-holding .white-webshop-box {
        min-height: 0;
        margin-top: 20px;
    }

    #bottom-box-webshop-1 {
        background: url(../images/box1-racun.png) top left no-repeat;
        margin-left: 10px;
    }

    div.input-container .row-space {
        float: left;
    }

    label input[type="text"].row-space {
        width: 100%;
        padding: 1px;
        border: 1px solid #ccc;
    }

    label select.row-space {
        width: 100%;
        border: 1px solid #ccc;
    }

    .monthlyPriceInfo {
        position: absolute;
        right: 8px;
    }

    .details-left-wrapper {
        width: 100%;
        float: left;
    }

    .details-right-wrapper {
        width: 100%;
        float: right;
        margin-top: 20px;
    }

    a.empty-cart-alert {
        display: block;
        font-size: 16px;
        font-weight: 700;
        color: #e20074;
        text-decoration: none;
        line-height: 25px;
        background: url(../images/cart-alert-ico.png) #eee 22px 21px no-repeat;
        text-align: left;
        border-radius: 5px;
        text-shadow: 1px 1px 0 #ffffff;
        text-shadow: 1px 1px 0 rgba(255,255,255,.7);
        position: relative;
        z-index: 5;
        padding: 23px;
    }

        a.empty-cart-alert span {
            margin-left: 40px !important;
        }

    div.price-without-contract {
        margin-bottom: 10px;
        float: left;
        margin-right: 30px;
    }

    div.phone-details-new {
        float: left;
        width: 65%;
    }

    div.result-holder-webshop {
        overflow: visible;
        width: 100% !important;
    }

    div.comparison-box {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    div.phone-details-new2 {
        float: left;
        width: 65%;
        padding-left: 20px;
    }


    div.phone-image-holder-new {
        width: 30%;
        float: left;
        max-width: 187px;
    }

    div.rating-new {
        width: 90px;
        margin: 12px auto auto;
        float: left;
    }

    .num-rates {
        float: right;
        margin-right: 15px;
    }

    span.price-text-new {
        display: block;
        width: 115px;
        float: left;
        font-size: 13px;
        font-weight: normal;
        margin-right: 7px;
    }

    .price-right-text {
        text-align: left !important;
        padding-right: 5px !important;
        padding-left: 5px;
    }

    .cena-rati {
        font-size: 18px !important;
        font-weight: bold;
        color: rgb(226, 0, 116);
        margin-left: 25px;
        margin-top: 3px;
    }

    .rati-korpa {
        right: -20px !important;
        top: -14px !important;
    }

    .details-left {
        min-height: 405px;
        height: 100% !important;
        overflow: hidden;
    }

    .details-right {
        min-height: 405px;
        height: 100% !important;
        overflow: hidden;
    }


    div.tipsy-text-holder {
        max-width: 205px;
        border: #e20074 none medium;
        border-radius: 5px;
        position: absolute;
        bottom: 35px;
        left: -87px;
    }

    .pricing-disclamer {
        font-size: 13px !important;
        line-height: 16px;
    }

        .pricing-disclamer.contracts {
            padding: 5px 5px 12px 0;
            border-bottom: 1px dotted rgb(222, 222, 222);
        }

            .pricing-disclamer.contracts label {
                color: rgb(226, 0, 116);
                margin-right: 5px;
                font-weight: bold;
            }

    div.radio {
        margin-right: 0;
    }

    div.inra {
        float: left;
    }

    .pricing-row-long {
        padding-top: 8px;
        display: block;
        clear: both;
        height: 25px;
        width: 100%;
    }

    .row-name {
        width: 30%;
        max-width: 50px;
        display: block;
        text-align: left;
        font-weight: bold;
        font-size: 11px;
        float: left;
        margin-top: 3px;
        margin-left: 0;
    }

    .link-saznaj-vise {
        padding: 2px 0 0 5px !important;
        width: 30% !important;
        max-width: 45px;
        text-align: left;
        font-size: 11px;
    }

    .link-saznaj-vise2 {
        padding: 2px 0 0 5px !important;
        width: 30% !important;
        text-align: left;
    }


    .middle-big-new {
        width: 129px;
        height: 24px;
        font-size: 12px;
        border-right: 1px solid #d3d3d3;
        background: url("../images/bg-opcija.png") no-repeat scroll 0% 0% transparent;
    }

    .tbl-detali {
        width: 100% !important;
        margin-left: 0;
        background: none repeat scroll 0% 0% rgb(247, 247, 247);
        margin-top: 10px;
    }


    .package-holder {
        float: left;
        width: 100%;
    }


    .price-holder-new {
        width: 200px;
        height: 30px;
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(243, 243, 243) 100%) repeat scroll 0% 0% transparent;
        border: 1px solid rgb(222, 222, 222);
        border-radius: 3px;
        position: relative;
        margin: 0 auto;
    }

    .dukati-holder {
        margin-left: 10px;
        clear: both !important;
        padding-top: 0px !important;
        margin-bottom: 5px;
    }

    .middle-small .display-info {
        width: 80px;
        height: 24px;
        background: url('../images/bg-dukat.png') no-repeat;
        background-position: 0px;
        border-right: 1px solid #dddddd;
    }

    .display-info {
        font-size: 10px;
    }

    .middle-small {
        width: 80px;
    }


    .link-saznaj-vise-dukati {
        width: 29px !important;
        margin-left: 3px;
    }


    .custom-tip span {
        display: none;
        padding: 10px !important;
        position: absolute;
        font-size: 12px;
        margin-bottom: 5px;
        top: -120px;
        left: -10px;
        width: 265px;
        padding: 5px;
        z-index: 100;
        border: 3px #babd5a solid;
        background: #fff;
        color: #000;
        opacity: 0.9;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        height: 137px !important;
    }


    .desc-cell-label {
        text-align: left !important;
    }

    .desc-cell {
        text-align: right;
    }

    /************* zaklucuvanje na naracka***************/

    .check-out {
        width: 100%;
        margin-top: 10px;
        padding-bottom: 30px;
    }

    .user-info-delivery-div label input[type="text"] {
        width: 100%;
        padding: 0 !important;
        float: left;
        margin-bottom: 10px;
    }

    .user-info-delivery-div label span {
        width: 140px;
        padding-top: 7px;
        text-align: left;
        margin-right: 15px;
        float: left;
    }

    .chbChangeDeliveryInfo input {
        margin-top: 8px;
        margin-left: 0 !important;
    }



    .payment-type span {
        width: 100%;
        margin-right: 15px;
        padding-bottom: 10px;
    }

    .payment-type label {
        margin-right: 15px;
    }

    .napomena-lbl {
        width: 100% !important;
        margin-top: 15px !important;
        margin-bottom: 15px !important;
        clear: both !important;
        padding: 10px;
    }

        .napomena-lbl span {
            margin: 0 !important;
            padding: 0 !important;
            width: 100% !important;
            text-align: left !important;
            float: none !important;
        }



    .user-info-delivery-div label span {
        display: block;
        width: 80%;
        padding-top: 7px;
        text-align: left;
        margin-right: 15px;
        float: left;
    }

    .user-info-delivery-div label {
        display: block;
        margin: 0 10px 10px 0;
        clear: both;
    }

    .payment-type span {
        width: 100%;
        margin-right: 15px;
        text-align: left !important;
    }

    .payment-type {
        width: 170px;
    }

    .post-paid-user-span {
        display: block;
        float: right !important;
        width: 80% !important;
    }

    .post-paid-user-label {
        display: block;
        width: 80% !important;
        margin-left: 0 !important;
        margin-bottom: 15px !important;
    }

    .post-paid-user-span-inner {
        margin-left: 0 !important;
    }

    .confirm-order-button {
        margin-right: 10px !important;
        float: left !important;
    }

    .chbChangeDeliveryInfo input {
        margin-top: 8px;
        margin-left: 0;
    }



    .logged-in-user-text-span {
        float: left !important;
    }

    .logged-in-user-value-span {
        float: left !important;
        clear: both;
    }

    .user-info-delivery-div label input[type="text"] {
        width: 100% !important;
    }

    /************* end of zaklucuvanje na naracka***************/
}



@media only screen and (max-width:640px) {
    .phone-table-holder {
        width: 0 !important;
    }

    .mini {
        float: left;
    }

    .shopping-cart-price {
        display: initial !important;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        color: #fff !important;
        margin-top: 15px;
    }

    .pdvz {
        margin-left: 0 !important;
    }

    .item-cart-buttons-update-checkout {
        float: left !important;
        margin-bottom: 20px;
    }

    .fourth-wrapper {
        border: 1px solid #c7c7c7;
    }

    .details-ul {
        list-style: none;
        margin: auto;
        margin-right: 38px;
    }

    .phone-right-holder {
        width: 156px;
        float: left;
        margin-left: 0;
    }

    div.cart-item-thumb {
        width: 100%;
        float: left;
        min-height: 98px;
    }
}

.pdvz {
    margin-left: 10px;
}

.firs-wrapper-mobile {
    width: 45%;
    padding: 15px 30px;
    border-right: solid 1px #c7c7c7;
    border-left: solid 1px #c7c7c7;
    border-bottom: solid 1px #c7c7c7;
    position: relative;
}

.second-wrapper-mobile {
    width: 20%;
    border-right: solid 1px #c7c7c7;
    border-bottom: solid 1px #c7c7c7;
    position: relative;
    vertical-align: middle;
}

.third-wrapper-mobile {
    width: 15%;
    border-right: solid 1px #c7c7c7;
    border-bottom: solid 1px #c7c7c7;
    vertical-align: middle;
}

.fourth-wrapper-mobile {
    border: 1px solid #c7c7c7;
}

ul.preapid-package-features {
    display: block;
    margin-left: 11px;
    padding-left: 85px;
    left: 28px;
    top: 2px;
    position: relative;
}

.bottom-fixer {
    margin-bottom: 15px;
}

.image-gift-fixer {
    width: auto !important;
    max-height: 70px !important;
    min-height: 70px !important;
}

.gift-button {
    position: absolute !important;
    left: -275px !important;
    top: 172px !important;
}
/*** roaming start ***/
.roaming-tbl-me, .roaming-tbl-me tr td {
    border: none;
    font-size: 14px;
}

.roam-header-me {
    font-size: 15px;
    color: #e20074;
    display: block;
    float: left;
    padding-top: 2px;
    text-transform: uppercase;
    padding: 10px 20px;
    background: #eeeeee;
    margin-bottom: 2px;
}

.title-row-me {
    border-bottom: 1px solid #d7d7d7 !important;
    padding: 0 !important;
}

.roaming-tbl-me tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #ffffff;
}

/*** roaming end ***/

/**** phone details dopolnuvanje *****/
.price-disclaimer {
    color: #E20074;
    padding: 5px 0 10px 10px;
    background-color: #ebebeb;
    width: 278px;
    margin-left: -10px !important;
    line-height: 140%;
    clear: both;
    float: left;
}

.price-without-contract:nth-of-type(1) {
    margin: 0 0 20px 0;
    clear: both;
}

.price-without-contract:nth-of-type(2) {
    padding: 10px 0 7px 10px;
    padding: 10px 0 7px 10px\9;
    clear: both;
}


.price-without-contract {
    width: 278px;
    margin-left: -10px;
}

.phone-monthly-rate {
    padding-top: 13px;
    border-top: none;
    margin-top: -13px;
    position: relative;
}

.cena-rati {
    float: right !important;
    margin-right: -50px;
}


/**** phone details dopolnuvanje end ****/


/* adsl izmeni */

.continue-contract {
    border: 1px solid #ccc;
    background: #ebebeb;
    border-radius: 5px;
    padding-left: 16px;
    margin-right: 14px;
    margin-bottom: 25px;
}

.continue-contract-lbl {
    width: 195px !important;
    margin-bottom: 20px !important;
}

.continue-contract-chk {
    width: 18px;
    height: 16px;
    margin-left: -8px;
}

.extratv-contract {
    padding: 0 0 15px 0;
    display: block;
    clear: both;
    color: #e20074;
    line-height: 150%;
}

/* adsl izmeni end */


.dd-naruci-sivo {
    background: url(../images/naruci-sivo.png) no-repeat;
    margin: 1px 0 0 0 !important;
}

    .dd-naruci-sivo:hover {
        background: url(../images/naruci-sivo-hover.png) no-repeat;
    }

.details-r-a2 {
    min-height: 290px !important;
}

.details-l-a2 {
    min-height: 290px !important;
}

/* Phone details contract */
.contract-info {
    background-color: #efefef;
    padding: 8px 0;
    text-align: center;
    color: #5e5e5e;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}

.contract {
    text-align: center;
    margin-bottom: 10px;
}

/*iPhone 6 Reservation*/

.ip6pre-wrapper {
    margin-top: -40px;
}

.ip6pre p {
    margin: 15px 0 !important;
}

.ip6pre-banner {
    background-color: #f5f5f5;
    text-align: center;
}

.ip6pre-choose {
    text-align: center;
    margin-bottom: 20px;
}

ul.ip6pre-chooser li {
    display: inline-block !important;
    width: 120px !important;
    padding: 30px 0 !important;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #cccccc;
    color: #cccccc !important;
    background: none !important;
    margin-right: 10px;
    transition: all 0.2s ease-in;
}

    ul.ip6pre-chooser li:hover, ul.ip6pre-chooser li.active {
        cursor: pointer;
        border: 1px solid #e20074;
        color: #303030 !important;
        transition: all 0.2s ease-out;
    }

.ip6pre-color {
    display: block;
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-bottom: -14px;
}

    .ip6pre-color.sliver {
        background-image: url(../images/iphone6/ip6pre-silver.png);
    }

    .ip6pre-color.spacegray {
        background-image: url(../images/iphone6/ip6pre-spacegray.png);
    }

.ip6pre-form .maile {
    border: solid 1px #cccccc !important;
    margin-bottom: 4px;
    border-radius: 5px;
    padding: 5px;
}

.ip6pre-form {
    max-width: 450px !important;
    margin: 0 auto !important;
}

.ip6pre-form-box {
    border: 1px solid #ccc;
    padding: 7px 0 5px 5px;
    width: 456px;
    clear: both;
}

.oprema-box .acc-phone-price-with-rates-border h3 {
    display: block;
    width: 100%;
}

.details-left div img {
    max-width: 100% !important;
}

#redirectToAdsl p:last-of-type {
    font-size: 11px;
    margin-top: 10px !important;
    color: #999;
    line-height: 16px;
}


html input#btnSubmit:hover {
    background: #EF2B8F;
    text-decoration: none;
}


html input#btnSubmit {
    background: #e20074;
    color: white;
    padding: 7px 20px;
    font-size: 16px;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #aaa;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    /* display: block; */
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-align: center;
    line-height: 20px;
    height: auto;
    border: none;
    margin: 0;
    font-family: tele-groteskfetregular;
    text-transform: uppercase;
}


td.shopping-cart-total-price .shopping-cart-price {
    margin-top: 0;
}

h2.cart-tmpl {
    color: #e20074;
    font-family: tele-groteskfetregular;
    font-size: 32px;
    margin-top: 15px;
}


#redirectToAdsl .check-btn {
    margin-left: -2px !important;
    height: 34px !important;
    /*width: 12% !important;*/
}



.adsl-extra-package.pink-paket {
    border-color: #A9C072;
  background-color: #F0F4D6;
  background-image: url(../content/images/checked.jpg);
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: right 15px;
  height: 53px;
  padding-top: 13px;
}

@media screen and (max-width: 767px) {
    div#opsto123 {
        width: 100%;
    }

    div#main {
        width: 100%;
        margin: 20px 0 0;
    }

    ul#packages {
        display: table;
        width: 100%;
    }

        ul#packages li {
            margin-right: 4px;
            display: table-cell;
            width: 23%;
            vertical-align: middle;
            /*height: 54px;*/
            height: 70px;
            border: solid 1px #ccc;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }

            ul#packages li.active-tab {
                background-color: #fff;
                border-bottom: none;
            }

            ul#packages li a {
                display: block;
                width: auto;
                height: auto;
                background: none;
                padding: 10px;
                line-height: 1;
                border: none;
            }



    .adsl-forms-holder {
        padding: 20px 10px !important;
        width: auto;
        margin: 0;
    }

    .adsl-user-info.visibility {
        width: auto;
        margin: 0;
        padding: 0;
    }

        .adsl-user-info.visibility h2 {
            width: auto;
            margin: 0;
        }

    div#opsto123 .row-name {
        white-space: normal;
        float: none !important;
        margin: 16px 0 !important;
        min-width: 285px;
        font-size: 18px !important;
        display: block !important;
    }

    div#opsto123 div.adsl-user-info input.short-txt-box {
        /*width: 43%;*/
        width: 38%;
    }

    div#opsto123 div.adsl-user-info input {
        /*width: 65%;*/
        width: 60%;
    }

    div#opsto123 div.adsl-user-info label {
        /*width: 30%;*/
        width: 34%;
        letter-spacing: -0.5px;
    }

    div#opsto123 div.adsl-user-info textarea {
        width: 60% !important;
    }

    div#opsto123 div.adsl-user-info select {
        width: 20% !important;
    }


    div#opsto123 div.adsl-user-info .ebill input.adsl-check-btn {
        margin-top: 25px;
        width: 6% !important;
    }

    div#opsto123 div.adsl-user-info .ebill label.ebill-lbl {
        width: 65% !important;
        margin-top: 10px;
    }

    div#opsto123 .pricing-row-long.adsl-pstn.main table tr td {
        width: 13%;
        padding: 10px 2px;
        -moz-word-break: break-word;
        -o-word-break: break-word;
        word-break: break-all;
        word-break: break-word;
        font-size: 12px !important;
    }

    div#opsto123 .input.adsl-check-btn {
        float: right;
    }

    div.adsl-extra-package {
        width: 119px;
    }

        div.adsl-extra-package .input.adsl-check-btn {
            float: left;
        }

    div#opsto123 .submit-btn {
        margin: 0 10px 10px;
        font-size: 14px !important;
    }

    a.link-saznaj-vise {
        float: right;
        display: block;
        white-space: normal !important;
        max-width: 92px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    div.adsl-forms-holder {
        padding: 20px;
    }

        div.adsl-forms-holder label.row-name {
            min-width: 100%;
            margin-bottom: 10px !important;
        }

    div.adsl-user-info label {
        margin-left: 5px;
        text-align: right;
    }

    div.adsl-user-info h2 {
        width: auto;
        margin: 0 -20px;
    }

    div.adsl-user-info, div.adsl-form-wrap {
        width: 100%;
    }

    div.ebill.adsl-pstn.main.adsl-etv.extra-trio-etv.adsl-plus-etv.extra-trio-pstn > div > label {
        width: 85% !important;
        margin: 10px 0 35px !important;
        text-align: left;
    }
}

.addQuantity {
    bottom: 15px;
    position: absolute;
    left: 20%;
}

.substractQuantity {
    bottom: 15px;
    position: absolute;
    right: 20%;
}


.zakup-vodove-class {
color: #e20074;
width: 40%;
float: left;
  padding-top: 15px;
}