/* 
    Document   : layout
    Created on : 2012-04-18, 17:34:54
    Author     : tech-prog
    Description:
        Purpose of the stylesheet follows.
*/

input {outline:0;}

body { font: 13px arial,helvetica; margin:0; padding: 0; background: url(images/bg-top-baner.jpg) no-repeat top center, url(images/bg-desen.png) repeat-x 0 315px; }

/* Shop Header */
#logo { width:300px; float: left; }
#banner { clear: both; margin: 0 auto; overflow: hidden; width: 100%; width:1200px;  }
#banner h1 { font-size: 22px; }
#header { width: 98%; width:1200px; margin: 0 auto; overflow: auto; }
#loader { background: black; z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.2; }
#loader img { position: relative; left: 49%; padding-top: 340px; }

/* Menu */
/* 100 % of Width */
.menuContainer { height:45px; background: url(images/menu-bar-bg.gif) repeat-x; }
#menuContainer { padding-top: 200px; height: 110px; }

.contactHolder { width: 1200px; margin: 0 auto; position: relative; }
.contactHolder .tel-num { background: url(images/tel.png) left top no-repeat; width:313px; height:78px; position: absolute; top: -115px;right: -20px; cursor: pointer; }
.contactHolder .tel-num:hover { background-position-y: bottom; }

.contactHolder .pageType { position: absolute; background: url(images/baner-animation.gif) no-repeat; width:400px; height:80px; top: -81px; left:3px; }


.contactHolder a div { width: 100%; height: 100%;}
.contactHolder .mail { position: absolute; top: -190px; right: 210px; background: url(images/button-mail-rolover.png) no-repeat; width:68px; height:68px; cursor: pointer; }
.contactHolder .mail:hover { background-position-y: bottom; }
.contactHolder .facebook { position: absolute; top: -190px; right: 143px; background: url(images/button-facebook-rolover.png) no-repeat; width:68px; height:68px; cursor: pointer; }
.contactHolder .facebook:hover { background-position-y: bottom; }
.contactHolder .skype { position: absolute; top: -190px; right: 77px; background: url(images/button-skype-rolover.png) no-repeat; width:68px; height:68px; cursor: pointer; }
.contactHolder .skype:hover { background-position-y: bottom; }
.contactHolder .gg { position: absolute; top: -190px; right: 10px; background: url(images/button-gg-rolover.png) no-repeat; width:68px; height:68px; cursor: pointer; }
.contactHolder .gg:hover { background-position-y: bottom; }

.contactHolder .mainPage { position: absolute;top: -200px;left: 0;width: 460px;height: 100px; }

.searchContainer { background: #fff; height: 70px; box-shadow: 0px 3px 3px rgba(0,0,0,0.2); }

div.search { width: 1200px; margin: 0 auto; padding-top: 18px; }

#menu { margin: 0 auto; line-height: 10px; font: normal 11px arial; width:1200px; height: 45px;  }
/* Standard 980px *** /
#menu { margin: 0 auto; background: #8ebe2f; color: #fff; line-height: 10px; font: normal 11px arial; width: 980px; height: 65px;  }*/
#menu .undermenu { position: relative; left:0; right: 0; padding: 0 0 0 40px; height: 29px; }
.bgstyleLeft { width: 100%; height: 65px; }
.bgstyleRight { width: 100%; height: 65px; }

#infoBar { clear: both; padding: 0 10px 0 10px; margin: 0; height: 21px;  }

/* Messages */
#message { width: 974px; margin: 0 auto; padding: 0 6px 0 0; }
#message div { z-index: 1000; position: fixed; top: 210px; height: 45px; line-height: 38px; text-align: center; width: 980px; }
.editorStyle #message { width: 760px; }
.editorStyle #message div { width: 716px; }/* colors are defined in colours.css */

.error { -moz-box-shadow: 0px 2px 2px #888;-webkit-box-shadow: 0px 2px 2px #888; box-shadow: 0px 2px 2px #888; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding-left: 44px; line-height:18px; min-height: 30px; padding-top: 8px; margin-bottom: 10px;}
.error ul { list-style-type: none; }
.info { -moz-box-shadow: 0px 2px 2px #888;-webkit-box-shadow: 0px 2px 2px #888; box-shadow: 0px 2px 2px #888; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding-left: 44px; line-height:18px; min-height: 30px; padding-top: 8px; }
.success { -moz-box-shadow: 0px 2px 2px #888;-webkit-box-shadow: 0px 2px 2px #888; box-shadow: 0px 2px 2px #888; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding-left: 44px; line-height:18px; min-height: 30px; padding-top: 8px; }
.warning { -moz-box-shadow: 0px 2px 2px #888;-webkit-box-shadow: 0px 2px 2px #888; box-shadow: 0px 2px 2px #888; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding-left: 44px; line-height:18px; min-height: 30px; padding-top: 8px; }

/* System Searching */
#search { position:relative; z-index:2; float: left; width: 180px; padding: 0 0 0 0; height: 44px; background: #8EBE2F url('../../objects/cms/main_line_search_round.gif') right top no-repeat; }
#search form { background: url('../../objects/cms/main_line_search_round-left.gif') left top no-repeat; }
#search .fsearch { height: 28px; margin-left: 5px; padding-left:5px; height: 29px; width: 166px; }
#search input, #search select { float: left; margin-top: 4px;  }
#search input[type=text] { position: relative; width: 132px; margin-right: 4px }

/* Advanced searching */
#advancedSearch { padding: 0 10px; overflow: hidden; position: absolute; width: 210px; height: 18px; }
#advancedSearch:hover { overflow: hidden; z-index: 20; width: 209px; height: 218px; }
#advancedSearch:hover span { display: none; }
#advancedSearch .searchControls input[type=text].tiny { width: 50px; float: none; }
#advancedSearch .searchControls input { clear: both; }
#advancedSearch .searchControls div { clear: both; padding: 0; margin: 0; }
#advancedSearch input[type=text] { width: 204px; }
#advancedSearch  select { width: 206px; }
#advancedSearch .manuf select { width: 174px; }
#advancedSearch .searchControls div.left { clear: none; float: left; }
#advancedSearch .searchControls div.right { clear: none; float: right; }
#advancedSearch .searchControls div.left.clearL { clear: left; float: left; }
#advancedSearch .searchControls div.cright { clear: left; width: 100%; height: 24px; }
#advancedSearch .searchControls div.cright label { clear: none; width: 180px; line-height: 20px; float: left; }
#advancedSearch .searchControls div.cright input { clear: none; width: 20px; float: right; margin-right: 10px; }

/* System Searching */
.searchBox { overflow: hidden;}
.searchBox input[type=submit] { float: right; margin-top: 8px;}
.searchBox input[name=q] { position: relative; width: 100%; height: 100%; border-style: none; border-radius: 0; outline-style: none;}
.searchBox table {width: 100%; margin: 0 0 8px 0;}
.searchBox table td {height: 29px; padding: 0;}
.searchBox td.search_left { width: 43px;}
.searchBox td.search_right { width: 6px;}
.searchBox a.adv_search {font: normal 12px arial; color: #3d3d3d; white-space: nowrap;}

/* Advanced searching in Box*/
div.advancedSearchBox { overflow: hidden; margin-top: 10px; width: 100%; }
.advancedSearchBox.hidden { display:none; }
.advancedSearchBox select { width: 100%; }
.advancedSearchBox input {height: 16px; border-radius: 0; outline-style: none; display: block; width: 99%;}
.advancedSearchBox input.tiny { width: 55px; float: none; text-align: right;}
.advancedSearchBox div { clear: both; padding: 0; margin: 0; }
.advancedSearchBox div.box { margin-top: 5px; }
.advancedSearchBox div.left { clear: none; float: left; }
.advancedSearchBox div.right { clear: none; float: right; }

/* Content */
#container { width:1200px; margin: 0 auto; padding: 0; }

.object { margin: 0 30px 0 0; }
.rightCol .object { margin: 0 0 0 0; }

/* Column View 100% Width*/
#cmsContent, #cmsThreeContent, #cmsTwoContent{	width: 100%; height: 100%;overflow: visible;	margin: 4px auto 0 auto;}
/* 2-Column View ***/
#cmsTwoContent .leftCol{ width: 23%; height: 100%; float: left;	overflow: visible; margin-bottom: 12px; }
#cmsTwoContent .rightCol{	width: 77%;	height: 100%;	float: left; overflow: visible;	margin-bottom: 12px; }
/* 3-Column View ***/
#cmsThreeContent .leftCol{ width: 23%;	height: 100%;	overflow: visible;	float: left;	margin-bottom: 12px; }
#cmsThreeContent .rightCol{	width: 23%;	height: 100%;	float: left;	overflow: visible;	margin-bottom: 12px; }
#cmsThreeContent .midCol{	width: 54%;	height: 100%;	float: left; margin-bottom: 12px; }
/* Standard Column View 980px * /
#cmsContent, #cmsThreeContent, #cmsTwoContent{	width: 100%;	height: 100%;	overflow: visible;	margin: 4px 0 0 0 }
/* 2-Column View *** /
#cmsTwoContent .leftCol{	width: 180px;	height: 100%;	float: left; overflow: visible;	margin-bottom: 12px }
#cmsTwoContent .rightCol{	width: 800px;	height: 100%;	float: left;	overflow: visible;	margin-bottom: 12px }
/* 3-Column View *** /
#cmsThreeContent .leftCol{	width: 180px;	height: 100%;	overflow: visible;	float: left;	margin-bottom: 12px }
#cmsThreeContent .rightCol{	width: 168px;	height: 100%;	float: left;	overflow: visible;	margin-bottom: 12px }
#cmsThreeContent .midCol{	width: 632px;	height: 100%;	float: left; margin-bottom: 12px; }*/

/* Product Images size */
#cmsContent .pictures, #cmsTwoContent .pictures { margin: 0 0 0 0; overflow: hidden; max-width: 620px; height: auto; float: left; }
#cmsContent .picture, #cmsTwoContent .picture { width: 150px; float: left; border: 1px solid #eee;  }
#cmsContent .mid-picture, #cmsTwoContent .mid-picture { height: auto; clear: left; padding: 0 0 0 0; margin: 0 0 16px 0;border: 1px solid #eee; }
#cmsContent .mid-picture img, #cmsTwoContent .mid-picture img { width: 618px;  }

#cmsThreeContent .pictures { margin: 0 0 0 0; overflow: hidden; /*width: 442px;*/ height: auto; float: left; }
#cmsThreeContent .picture { width: 120px; float: left; border: 1px solid #eee;  }
#cmsThreeContent .mid-picture { /*width: 440px;*/ height: auto; clear: left; padding: 0 0 0 0; margin: 0 0 16px 0;border: 1px solid #eee; }
#cmsThreeContent .mid-picture img { width: 440px; }

/* Product information bar */
.prodInfo { margin: 0 4px 0 0; height: 100%; background: #FAFAFA url('../../objects/cms/box/box_bck.gif') repeat-x left bottom; border: 1px solid #eee; }


/* Footer */
#footer { margin: 12px 0 0 0; overflow: hidden; left:0; right: 0; text-align: center; width: 100%; height: 90px; padding: 0 }
#footer .cont{ margin: 0 auto; text-align: left; width: 100%; width:1200px; height: 100%;  }

#footer ul { padding: 0 0 0 16px; list-style-type: none; width: 180px; height: 92px; float: left; background: url('../../objects/cms/footer_sep.gif') right top repeat-y; }
#footer ul.nosep { background-image: none; }

#copyright { background: #5a5a5a;  margin: 0 auto; text-align: center; padding: 8px 0; }

body.loading {background:#fff url('/images/loading.gif') no-repeat 50% 50%; }
form.przelewy24 {width: 100%;	text-align: center; }
form.przelewy24 .bigShop {margin-top: 200px; }

.menu-form-div { width: 100%; height: 36px; position: relative; }
.menu-search-filter-outer { background: url(images/filtr-left.png) no-repeat, url(images/filtr-right.png) no-repeat top right; height: 36px; position: absolute; float: left; padding: 0px 4px 0px 5px; }
.menu-search-input { background: url(images/search-middle.png) repeat-x; margin: 0px 10px; height: 36px; padding-left: 47px; padding-right: 37px; }
.search-input { width: 100%; height: 35px; background: transparent; border: 0; font-size: 16px; }
.menu-search-filter-inner {background: url(images/filtr-middle.png) repeat-x;height: 36px;padding: 10px 5px 0px 5px;}

#nav.drop.menu-filter-special {float: right;border: 0;background: transparent;margin: -10px;}
ul#nav {margin: 0 0 0 0px;}
ul.drop {position: relative;z-index: 100;float: left;}
ul.drop, ul.drop li, ul.drop ul {list-style: none;margin: 0;padding: 0;border: 0px solid #fff;background: #fff;color: #333;}

ul.drop ul {visibility: hidden;position: absolute;top: 100%;left: 0;z-index: 598;background: #fff;border: 0px solid #333;}
ul.drop li.main-menu.menu-filter-li {width: 40px;padding: 10px 5px 8px 11px;border-radius: 0;margin: 0;border-top-left-radius: 5px;}
ul.drop li.main-menu {border: 0;color: #333;font-weight: bold;background: transparent;cursor: pointer;margin-left: 10px;width: 80px;}
ul.drop li {float: left;vertical-align: middle;padding: 5px 10px;}
.border-radius-all {border-radius: 5px;}
.menu-search-filter-inner span.menu-arrow-down {font-size: 12px;background: url(images/arrow-down-grey.png) no-repeat center right;padding-right: 15px;cursor: pointer;color: #b0b0b0;font-weight: bold;}
ul.drop li.main-menu:hover > span:not(.no-arrow) {color: #fff;background: url(images/arrow-down-white.png) no-repeat center right;}
ul.drop li:hover > ul {visibility: visible;}
ul.drop li.main-menu:hover {background-color: #2480ff;border-top-left-radius: 5px;border-top-right-radius: 5px;}
ul.drop ul {-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;-moz-box-shadow: 0px 3px 5px #666;-webkit-box-shadow: 0px 3px 5px #666;box-shadow: 0px 3px 5px #666;}
li #advanced-Search { cursor: default;}
ul.drop li.menu-green-line {width:246px;height: 3px;background-color: #2480ff;padding: 0;}

.menu-search-button {background: url(images/button-szukaj-rolover.png) no-repeat;position: absolute;width: 94px;height: 36px;right: 0;top: 0;}
.menu-search-button:hover {background-position-y: -36px;}

.search form { overflow: visible; }

input[type=submit].menu-search-submit {background: transparent;width: 100%;height: 100%;}

#advanced-Search { padding: 10px 5px 50px 5px; }
#advanced-Search .searchControls input[type=text].tiny { width: 50px; float: none; }
#advanced-Search .searchControls input { clear: both; }
#advanced-Search .searchControls div { clear: both; padding: 0; margin: 0; }
#advanced-Search input[type=text] { width: 204px; }
#advanced-Search  select { width: 206px; }
#advanced-Search .manuf select { width: 174px; }
#advanced-Search .searchControls div.left { clear: none; float: left; }
#advanced-Search .searchControls div.right { clear: none; float: right; }
#advanced-Search .searchControls div.left.clearL { clear: left; float: left; }
#advanced-Search .searchControls div.cright { clear: left; width: 100%; height: 24px; }
#advanced-Search .searchControls div.cright label { clear: none; width: 180px; line-height: 20px; float: left; }
#advanced-Search .searchControls div.cright input { clear: none; width: 20px; float: right; margin-right: 10px; }
#advanced-Search input[type=submit] { background: url('../../objects/cms/search_btn.gif') left top no-repeat; height: 21px; width: 21px; margin-top: 2px; }
#advanced-Search input[type=submit]:hover { background-position: left bottom; }

.footer-menu-link { background: url(images/menu-foot-bg.png) repeat-x; height: 60px; color: #fff; font: 15px verdana; padding-top: 14px; margin-top: 25px; }
.footer-menu-link a { color: #fff; }

ul.lev-0 > li {padding:0;}
ul.lev-1 > li {margin: 0px 0px 5px 10px; padding:0;}
ul.lev-2 > li {margin: 0px 0px 5px 20px; padding:0;}
ul.lev-3 > li {margin: 0px 0px 5px 30px; padding:0;}

ul.lev-0 li a.selected {color: #363636 !important;}
ul.lev-1 li a.selected {color: #363636 !important;}
ul.lev-2 li a.selected {color: #363636 !important;}
ul.lev-3 li a.selected {color: #363636 !important;}


li.closed > a div.box {width: 100%;background: #dadada !important;border-radius: 5px;font: 13px verdana;line-height: 30px;}
li.open > a div.box {width: 100%;background: #cde2ff !important;border-radius: 5px;font: 13px verdana;line-height: 30px;}

.treeview li {padding:0;margin-bottom:5px;}
.treeview a div.box div {padding-left: 5px;}
.treeview a:hover {text-decoration: none;}
.treeview .hover div.box {color: #363636;}
.treeview li:hover > div.box {background: #cde2ff !important;}
.treeview a {color: #363636;}

ul.lev-0 li .hitarea.expandable-hitarea  {height: 30px;width: 30px;cursor: pointer;float: right;z-index: 999;}
ul.lev-0 li .hitarea.collapsable-hitarea {height: 30px;width: 30px;cursor: pointer;float: right;z-index: 999;}

ul.lev-0 li .hitarea.expandable-hitarea {background: url(images/menu-arrow-icon.png) repeat-x top center; height: 15px;width: 15px;cursor: pointer;z-index: 999;}
ul.lev-0 li .hitarea.collapsable-hitarea {background: url(images/menu-arrow-icon.png) repeat-x bottom center; height: 15px;width: 15px;cursor: pointer;z-index: 999;}

.table.categories ul.lev-0 li .hitarea.expandable-hitarea  {height: 30px;width: 30px;cursor: pointer;float: right;z-index: 999; margin:8px}
.table.categories ul.lev-0 li .hitarea.collapsable-hitarea {height: 30px;width: 30px;cursor: pointer;float: right;z-index: 999; margin:8px}

.table.categories ul.lev-0 li .hitarea.expandable-hitarea {background: url(images/menu-arrow-icon.png) repeat-x top center; height: 15px;width: 15px;cursor: pointer;z-index: 999;}
.table.categories ul.lev-0 li .hitarea.collapsable-hitarea {background: url(images/menu-arrow-icon.png) repeat-x bottom center; height: 15px;width: 15px;cursor: pointer;z-index: 999;}


ul.lev-0 > li {font-weight: normal;background: none;}


input#login, input#password {margin-top: 3px;border: 0;background: #dadada;border-radius: 0;width: 228px;height: 30px;}

input {background: url(../images/button-bg-rolover.gif) center top repeat-x }

.cust_login {float:left; width:48%; clear: none;}
.cust_login input { width: 100%;}
.cust_register {float:right; width:48%; clear: none; margin-right: 5px;}
.cust_register div.button { width: 100%;}

.forget_passwd { margin:5px 0 0 0; text-align: center; }
.forget_passwd a { color: #aaa; text-decoration: underline; }

.foot-img { background: url(images/logo-bottom.gif) center top no-repeat; width: 260px;height: 60px;margin-top: -21px;float: left;}
.footer-size { width:1200px; margin:0 auto;}
.foot-links { margin-top: 7px;}

span.green {color:#70A503;font-weight: bold;}
span.red {color:#D2292A;font-weight: bold;}



.prod-holder { position: relative; text-align: center; margin-top: 20px !important; }
a.prod-box { text-decoration: none; color: #666; text-align: center; }
a.prod-box div.prod-div { border: 1px solid #bebebe; background-color: #ededed; width:150px; height: 170px; display:inline-block; position: relative; margin: 0 20px 20px 0; }
a.prod-box span { display: table-cell; vertical-align: middle; width: 150px; height: 58px; float: none; }
a.prod-box div.prod-div > img { width:150px; height:112px; border-bottom: 1px solid #cdcdcd; }
a.prod-box div.prod-promo { position:absolute; top: -15px; right: -15px; }
a.prod-box:hover div.prod-div { background-color: #DEFF97; }
.prod-head { position:relative; width:100%; height: 170px; margin-bottom: 30px; }
.prod-head-line { position:absolute; bottom:16px; left:0; right:315px; background-color: #2480ff; font: normal 27px arial; padding: 2px 10px; color: #fff; }
.prod-head-text { position:absolute; top:0; left:0; right:315px; margin: 5px 0px 5px 10px; }
.prod-head-img { position:absolute; right:0; }
.prod-head-line-alone { left:0; right:0; margin-bottom: 30px; background-color: #2480ff; font: normal 27px arial; padding: 2px 10px; color: #fff;}