@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../../fonts/robotocondensed-regular-webfont.eot');
    src: url('../../fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('../../fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('../../fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('../../fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../../fonts/robotocondensed-bold-webfont.eot');
    src: url('../../fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('../../fonts/robotocondensed-bold-webfont.woff') format('woff'),
         url('../../fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('../../fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

div.pagination .left.shadow{ float: none; background: url(../../../../images/design/pagination/layout4/shadow-left.png) 0 0 no-repeat; padding: 4px 0 0 10px; display: inline-block; }
div.pagination .right.shadow{ float: none; background: url(../../../../images/design/pagination/layout4/shadow-right.png) 100% 0 no-repeat; padding: 0 11px 10px 4px; display: inline-block; }
div.pagination .bottom.shadow{ float: none; background: url(../../../../images/design/pagination/layout4/shadow-bottom.png) 50% 100% no-repeat; display: inline-block; padding: 0 0 4px 0 }
div.pagination ul { margin: 0; border-radius: 4px }
div.pagination li a, div.pagination li span { background: url(../../../../images/design/pagination/layout4/bg.png) 0 0 repeat-x; font-size: 14px; font-family: 'roboto_condensedregular', Arial, Helvetica, sans-serif; border: 0; border-radius: 0; color: #fff; height: 60px; line-height: 3; border-top: 2px solid #fff; border-bottom: 2px solid #fff }
div.pagination li a:hover,div.pagination li span:hover { border-color: #fff !important; color: #fff; }
div.pagination li.current a,div.pagination li.current span { background: url(../../../../images/design/pagination/layout4/bg.png) 0 0 repeat-x; color: #fff; font-family: 'roboto_condensedbold', Arial, Helvetica, sans-serif; font-size: 20px; line-height: 2 }
div.pagination li:first-child>a, div.pagination li:first-child>span,div.pagination li:last-child>a, div.pagination li:last-child>span { border: 0; border-radius: 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff }
div.pagination li:first-child>a, div.pagination li:first-child>span { border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
div.pagination li:last-child>a, div.pagination li:last-child>span { border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }