@CHARSET "UTF-8";

/*body*/
body { color: #000; margin: 0; padding: 0; font-family: Arial, lucida, sans-serif; text-align: center;  
    font-size: 80%; background-color: #b7b7b7; }
    

/*defaults*/
h1 { color: #07144b; font-size: 130%; }
h2 { color: #07144b; font-size: 120%; margin-bottom: 0; }
h3 { font-size: 100%; color: #07144b; margin-bottom: 0;}
a { text-decoration: underline; color: #07144b; }
form { padding: 0; margin: 0; }
table { font-size: 100%; }


/*layout*/
.wrapper { width: 1230px; margin: 0 auto; text-align: left; background-color: #fff; }
.header { height: 80px; background-color: #071448; position: relative; width: 100%;
    background-image: url('/userfiles/Sablona/header-1230.jpg'); background-repeat: no-repeat; background-position: 229px 0; }
.middle { margin-top: 3px; position: relative; }
.top-middle { position: absolute; padding: 0; margin: 0; left: 226px; top: 0; background-color: #e1e1e1;
    border-top: 4px solid #07144b; z-index: 2; width: 1004px; }

.middle .col-left-background, .middle .col-main-background, .middle .col-right-background 
{ width: 100%; float: left; position: relative; }
.middle .col-right-background { background-color: #fff; overflow: hidden; }
.middle .col-main-background { background-color: #fff; right: 227px; /* background-image: url('./images/main-col-background.png');
    background-repeat: no-repeat; background-position: right bottom;*/ }
body.two-column .middle .col-main-background { right: 0; overflow: hidden; }
.middle .col-left-background { background-color: #e1e1e1; right: 777px; }
body.two-column .middle .col-left-background { right: 1003px; }

.middle .col-left { float: left; width: 227px; background-color: #e1e1e1; min-height: 600px; height: 100%;
    position: relative; left: 1003px; border-top: 4px solid #07144b; }
.middle .col-main { float: left; padding: 45px 0px 40px 0; position: relative; left: 1025px;
    background-color: #fff; /*because of tiny*/ }
body.three-column .middle .col-main { width: 715px; padding-right: 20px; }
body.two-column .middle .col-main { width: 970px; }
.middle .col-right { float: left; width: 227px; position: relative; left: 1030px; padding: 45px 0; }

.footer { height: 90px; background-color: #071448; color: #fff; position: relative; margin-top: 3px; }


/*menus*/
.middle ul.menu { z-index: 3; padding: 0; margin: 0; float: left; position: relative; }
.middle ul.menu:after { clear: left; }
.middle ul.menu li { position: relative; list-style: none; float: left; display: block; background-color: #e1e1e1; }
.middle ul.menu a { display: block; padding: 8px 23px; color: #444; font-weight: bold; text-decoration: none; }
.middle ul.menu > li > a { border-right: 1px solid #ccc; }
.middle ul.menu > li:first-child > a { border-left: 1px solid #ccc; }
.middle ul.menu a:hover, .middle ul.menu li.active a { background-color: #b7b7b7; color: #000; }
.middle ul.menu a:hover { text-decoration: underline; }
.middle ul.menu ul { width: 150px; visibility: hidden; position: absolute; top: 100%; left: 0; padding: 0; margin: 0; }
.middle ul.menu ul li { border: 1px solid #ccc; float: none; }
.middle ul.menu ul li a { padding: 5px 23px 5px 10px; }
.middle ul.menu ul ul { left: 100%; top: 0; }
.middle ul.menu li:hover > ul { visibility: visible; }

.col-left ul { margin: 0; padding: 1px 0; }
.col-left > ul { margin: 28px 0 0; }
.col-left ul li { display: block; margin: 4px 0; padding: 0; }
.col-left ul li a { display: block; padding: 5px 0 5px 10px; text-decoration: none; }
.col-left ul li a:hover { text-decoration: underline; }
.col-left > ul > li > a { background-color: #ccc !important; background-image: url('./images/left-menu-top-background.png');
    background-repeat: no-repeat; }
.col-left > ul > li > a { color: #fff; padding: 8px 0 8px 10px; }
.col-left > ul > li > ul { margin-left: 9px; }
.col-left > ul > li > ul > li > a { background-color: #fff; background-image: url('./images/left-menu-background.png');
    background-repeat: no-repeat; color: #071448; padding-left: 15px; padding-right: 23px; }
.col-left ul li ul li a:hover, .col-left ul li ul li.active a { color: #071448; }
.col-left ul li ul li ul li a { background-color: #c5c5c5; background-image: url('./images/left-menu-background2.png');
    background-repeat: no-repeat; padding-left: 23px; padding-right: 23px; }
/* firefox, safari, chrome */
.col-left ul li ul li a { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px;
    -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
/* Explorer 7,8 */
/* .col-left ul li ul li ul li a { -moz-border-radius: 2px; behavior: url(/css/border-radius.htc); z-index: 3; } */


/*custom elements*/
.header h2#header-logo, .header h1#header-logo { width: 230px; height: 80px; margin: 0 auto; position: absolute;
    top: 0; left: 0; font-size: 100%; padding: 0 0 0 0 }
.header h2#header-logo a, .header h1#header-logo a { display: block; }
.header h2#header-logo a img, .header h1#header-logo a img { margin: 0 }
.header h2#header-title { position: absolute; right: 8px; bottom: 5px; color: #fff; font-size: 105%;
    margin: 0; padding: 5px 5px 5px 8px; /*background-image: url('./images/title-background.png');*/ }
.header form#searchForm { position: absolute; top: 15px; right: 10px; }
.searchtext { width:180px; }
.searchbutton { float:right; width: 30px; height: 30px; margin: 0; padding: 0; border: 0;
    background: transparent url('./images/icons/ico-lupa.png') no-repeat center top; 
    text-indent: -1000em;  cursor: pointer; }

.top-middle form { margin-top: 3px; }

.hp-news-box { width: 345px; float: left;margin-right:5px }
.hp-news { width: 340px; }
.hp-news h2 { margin: 0; }
.hp-news .date { display: block; font-weight: bold; margin-top: 10px; font-size: 75%; }

.news-perex-picture { float: left; }
.news-perex-picture img { border: 1px solid #ccc; }
.news-perex-text { margin-left: 90px; }
.news-perex-text p { margin-top: 0; }

a.news-more { float: right; background-image: url('./images/arrow-navy.png'); background-position: bottom left;
    padding-left: 15px; background-repeat: no-repeat; margin-right: 15px; }

.product-picture { float: left; margin-right: 20px; }
.product-content:after { clear: both; }
.accessories-col { width: 300px; float: left; }
.accessories-first-col { margin-right: 40px; }
.accessories-col ul, .accessories-col ul li { padding: 0; margin: 0; list-style: none; line-height: 120%; }
.product-subproducts { border-top: 2px solid #e1e1e1; padding: 5px 0 25px 0; margin-top: 10px; }
.product-subproducts form { margin-bottom: 15px; }
.product-subproducts form div { background-color: #b8d7eb; padding: 5px 10px 10px 10px; }
.product-subproducts form div h2 { color: #071448; font-size: 100%; display: inline; float: left; }
.product-subproducts form div select { margin: 8px 10px; float: left; }
.subproduct-picture { float: right; margin-left: 20px; }
.subproduct-content { padding-left: 20px; }
.product-content2 .ui-tabs .ui-tabs-nav li a { padding: 0.5em 1em !important; }
.subproduct-content h3 { color: black; margin-bottom: 0; }
.subproduct-content ul, .subproduct-content ul li { padding: 0; margin: 0; list-style: none; line-height: 120%; }
.product-subproducts #subProductEdit,.product-subproducts #subProductDelete { float: left;  margin-top: 8px; } 
.product-subproduct-content:after { clear: both; }

.product-overview { width: 206px; height: 185px; float: left; margin: 0 20px 20px 0; }
.product-overview a {display: block; }
.product-overview .product-link { background-image: url('./images/product-link-background-blue.png');
    background-position: top left; padding: 3px 30px 3px 12px; background-repeat: no-repeat; width: 171px; height: 35px; 
    margin-top: 5px; }

.photogallery { width: 310px; min-height: 200px; float: left; margin: 1px 15px 20px 0px;
    border: 1px solid silver; padding: 10px; }
.photogallery h2 { color: #515280; margin: 0px 0px 8px 0px; }
.photogallery h2 a:hover { text-decoration: none; }
.photogallery img { float: left; margin: 0px 10px 10px 0px; }
.photogallery-pictures { display: table; }
.photogallery-picture { float: left; margin: 0 20px 20px 0; text-align: center; border: 1px solid #d9d9d9;
    background-color: #f3f3f3; position: relative; display: table-cell; vertical-align: middle; }
.photogallery-picture * { vertical-align: middle; }
.photogallery-picture a { }
.photogallery-picture img { vertical-align: middle; margin: 0; padding: 0; }
.col-right .photogallery-picture { margin: 0 10px 12px 0; }
.photogallery-picture a { display: block; }
.photogallery-picture input.checker { position: absolute; top: 3px; right: 5px; }

table.subproduct-table { border-collapse: collapse; }
table.subproduct-table th, table.subproduct-table td { text-align: center; border: 1px solid #000; padding: 2px 10px; }
table.subproduct-table th.left, table.subproduct-table td.left { text-align: left; }
table.subproduct-table h2 { padding: 5px 0; margin: 0; color: #000; }
table.subproduct-table h3 { padding: 0; margin: 0; white-space: nowrap; }
table tr.colored, table tr.colored td { background-color: #e1e1e3; }
table.subproduct-table2 { border: 1px solid #000; }
table.subproduct-table2 th { border: none; }

h2.widget-header { color: #fff; background-color: #071448; padding: 5px 0 5px 10px; font-size: 90%;  }
a.widgetphotogallery-more { float: right; background-image: url('./images/arrow-navy.png'); background-position: bottom right;
    padding-right: 15px; background-repeat: no-repeat; }
    
.widgetColumn { border: 1px solid #DDDDDD; height: 500px; width: 237px; overflow: scroll; } 

.pdf { display: inline-block; background: url(./images/icons/icon-pdf.gif) no-repeat; 
    padding: 3px 0 3px 20px; }

.footer .keywords { float: left; width: 200px; list-style: none; margin: 5px 20px; padding: 0; color: #fff;}
.footer .keywords li { line-height: 1.5em; }
.footer a, .footer .keywords a { color: #fff; }
.footer .copy { font-weight: bold; position: absolute; right: 10px; bottom: 5px; }

/*messages*/
.error, .success, .message { margin-left: 1.3em; }
input.input-error, textarea.input-error { border: 1px solid red !important; }
.input-error-message { color: red; }


/*buttons*/
.button span, .button3 span { margin-left: 5px; padding-left: 2.5em; height: 39px; display: block;
    margin-bottom: 10px; background-position: center left; background-repeat: no-repeat; }
.button3 span { height: 30px; }
.button2 span.lft { background-image: url('./images/icons/buton-small-left-part.png');
    background-position: center left; background-repeat: no-repeat; padding: 8px 2px 8px 0; }
.button2 span.cntr { background-image: url('./images/icons/buton-small-center-part.png');
    background-repeat: repeat-x; padding: 8px 10px; }
.button2 span.rght { background-image: url('./images/icons/buton-small-right-part.png');
    background-position: center right; background-repeat: no-repeat; padding: 8px 0 8px 2px; }
.button2 span.cntr span { background-repeat: no-repeat; padding-left: 20px; }

span.login { background-image: url('./images/icons/ico-lock.png'); }
span.save { background-image: url('./images/icons/filesave_16x16.png'); }
span.close { background-image: url('./images/icons/ico-cancel_16x16.png'); }
span.my_customers { background-image: url('./images/icons/ico-menu-account_16x16.png'); }

a.button, a.button3 { position: relative; color: black; text-decoration: none; display: block;
    width: 180px; line-height: 39px; background-image: url('./images/icons/buton-all.png'); 
    background-repeat: no-repeat; text-align: left; }
a.button3 { background-image: url('./images/icons/buton-small-all.png'); width: 150px; line-height: 30px; }
a.button:hover { background-image: url('./images/icons/buton-all_hoover.png'); }
a.button2 { text-align: left; color: black; text-decoration: none; display: block; margin-top: 10px;
    margin-bottom: 10px; }

input.button { width: 0; overflow: visible; padding: 3px; padding-left: 5px; padding-right: 5px;
    border: 1px solid white; color: white; background-color: #666666; text-decoration: none;
    background-image: url('./images/but-bckgr.jpg'); background-repeat: repeat-x; cursor: pointer; }
input.button[class] { /* IE ignores [class] */ width: auto; }
input.button:hover { background-image: url('./images/but-bckgr-over.jpg'); }
input.submit, button.submit { color: #fff; background-color: #808080; padding: 3px 8px; }


/*js selects*/
.jquery-selectbox { position: relative; height: 22px; border: 1px solid #b7b7b7; width: 243px!important; z-index: 0;
    float: left; display: inline; margin: 0 4px 4px 0; font-size: 80%; background-color: #fff;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #b7b7b7; padding: 0; }
.jquery-selectbox.selecthover { border-color: #ccc; background-color: #fff; z-index: 700; }   
.jquery-selectbox .jquery-selectbox-currentItem { padding: 5px; white-space: nowrap; display: block;
    overflow: hidden; }
.jquery-selectbox .jquery-selectbox-list { display: none; position: absolute; top: 23px; padding: 0; left: 0px;
    background: #fff; width: 223px!important; height: 100px!important; overflow-x: hidden; overflow-y: auto; z-index: 1000;
    border: 1px solid #b7b7b7; }
.jquery-selectbox .jquery-selectbox-moreButton { float: right;  background: url('./images/language-select.png');
    width: 20px; height: 21px; cursor: pointer; }
.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover { background: url('./images/language-select.png'); }
.jquery-selectbox .jquery-selectbox-item.listelementhover { background: #ccc; color: #eee; }
.jquery-selectbox .jquery-selectbox-item { display: block; cursor: default; padding: 5px; }

/*anti jquery-ui*/
.anti-ui { font-size: 90% !important; }
.anti-ui .ui-widget-header { border-top: none !important; border-left: none !important; border-right: none !important;
    border-bottom: 2px solid #e1e1e1; background: none !important; }
.anti-ui .ui-widget-content { border: none !important; }
.anti-ui .ui-state-default { background-image: none !important; }