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

body { font: 13px arial,helvetica; margin:0; padding: 0; }

/* Shop Header */
#logo { width:300px; float: left; }
#banner { clear: both; margin: 0 auto; overflow: hidden; width: 100%; min-width: 976px; max-width:1250px;  }
#banner h1 { font-size: 22px; }
#header { width: 98%; min-width: 980px; max-width:1250px; 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 { margin: 10px 0; width: 100%; height: 65px; }
#menu { margin: 0 auto; line-height: 10px; font: normal 11px arial; min-width:980px; max-width:1250px; width: auto; height: 65px;  }
/* 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; width: auto; 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: 2; position: fixed; top: 210px; height: 45px; line-height: 45px; 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: 98%; min-width:980px; max-width:1250px; margin: 0 auto; padding: 0; }

.object { margin: 0 12px 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: 20%; height: 100%; float: left;	overflow: visible; margin-bottom: 12px; }
#cmsTwoContent .rightCol{	width: 80%;	height: 100%;	float: left; overflow: visible;	margin-bottom: 12px; }
/* 3-Column View ***/
#cmsThreeContent .leftCol{ width: 20%;	height: 100%;	overflow: visible;	float: left;	margin-bottom: 12px; }
#cmsThreeContent .rightCol{	width: 20%;	height: 100%;	float: left;	overflow: visible;	margin-bottom: 12px; }
#cmsThreeContent .midCol{	width: 60%;	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; padding: 8px auto 8px auto; text-align: center; width: 100%; height: 110px; padding: 0 }
#footer .cont{ margin: 0 auto; text-align: left; width: 100%; min-width: 976px; max-width:1250px; 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 { margin: 0 auto; text-align: center; width: 980px; height: 50px; padding: 8px 0; }
#copyright img { float: left; width: auto; height: 30px;  margin-right: 16px; }
#copyright p { margin: 16px auto; clear: left; }
#copyright .payments { height: 30px; width: 900px; margin: 0 auto; text-align: center; }

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; }