/* 
    Document   : layout
    Created on : 2012-04-18, 17:34:54
    Author     : tech-prog
    Description:
        Purpose of the stylesheet follows.
*/
html {height: 100%; }
body { font: 13px arial,helvetica; margin:0; padding: 0; }

/* Shop Header */
#logo { width:300px; margin: 0 0 0 250px; top: 30px; position: absolute; z-index: 1; }
#heco { margin: 0 auto; width: 100%; min-width: 980px; max-width: 1200px;  }
#banner { clear: both; overflow: hidden; min-width: 976px; max-width:1200px; position: relative; z-index: 0;  }
#banner h1 { font-size: 22px; }
#header { width: 100%; overflow: hidden; }

/* Menu */
/* 100 % of Width */
#menuContainer {width: 100%; height: 35px; position: absolute; z-index: 1; }
#menu { /* margin: 0 auto; min-width:980px; max-width:1250px;*/ line-height: 10px; font: normal 11px arial; overflow: hidden;}
/* Standard 980px *** /
#menu { margin: 0 auto; background: #8ebe2f; color: #fff; line-height: 10px; font: normal 11px arial; width: 980px; height: 65px;  }*/
#menu .undermenu { padding: 0 0 0 0; height: 42px; width: 100%; min-width: 980px; max-width: 1200px; margin: 0 auto; }
/*.bgstyleLeft { width: 100%; height: 65px; }
.bgstyleRight { width: 100%; height: 65px; }*/

#infoBar { margin: 0; height:130px; float: right;}

/* 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; }
.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 */
.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 10px 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; }

#userPanel { position: relative; z-index: 2; float: right; border: 1px solid #aaa; background: #ccc; bottom: 40px; padding: 4px 4px 4px 4px; font-size: 10px; }

/* Content */
#container { width: 98%; min-width:980px; max-width:1200px; margin: 0px auto 0 auto; padding: 0; position: relative; top: -40px; }

.leftCol .object { margin: 0 12px 12px 0; }
.rightCol .object { margin: 0 0 12px 12px; }
.midCol .object { margin: 0 0 12px 0; }

/* Column View 100% Width*/
#cmsContent, #cmsThreeContent, #cmsTwoContent{ position: relative; 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 { width: 618px; 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 { padding: 12px 12px 0 20px; background-color: #FFF; border-radius: 6px; border: 1px solid #eb5908; }


/* Footer */
#footer { margin: 12px 0 0 0; overflow: hidden; left:0; right: 0; text-align: center; width: 100%; height: 148px; padding: 0; }
#footer .count {margin: 0 auto; min-width: 976px; max-width:1250px; height: 100%; width: 100%;}
#footer table { text-align: left; width: 100%; }
#footer table td { padding: 0; }
#footer table td.footer_left, #footer td.footer_right { width: 1%; height: 148px; }
#footer table td.footer_middle { width: 18%; height: 148px; vertical-align: top }


#footer ul { list-style-type: none; height: 110px; float: left; margin: 0 0 10px 0; width: 100%}
#footer ul.nosep { background-image: none; }
#footer ul li.first {margin: 25px 25px 10px 35px;}
#footer ul li {margin: 0 25px 0 35px;}

#copyright { margin: 0 auto; text-align: center; width: 980px; height: 50px; padding: 8px 0; display: none; }
#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; }

div#infoBar div.left {display:none;}

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

/* 4baecc */

.gen-prod-1 { position:relative !important; width: 100%; height: 40px; margin-bottom: 28px !important; }
.gen-prod-2 { position:relative !important; width: 100%; height: 170px; margin-bottom: 28px !important; }
.gen-prod-3 { position: absolute !important; bottom: 13px; width: 90%; background-color: #4baecc; color: #fff; font: normal 27px arial; padding: 5px 50px 3px 10px !important; }
.gen-prod-4 { width: 50%; height: 100px; padding: 10px !important; }
.gen-prod-5 { position:absolute !important; bottom:0; right:0; width:319px; height: 167px; }
.gen-prod-6 { position:relative !important; float:left; border:1px solid #bababa; background-color:#ededed; width:150px; height:170px; margin: 0px 0px 28px 19px !important; }
.gen-prod-7 { position:absolute !important; right:-15px; top:-15px; width:50px; height:50px; }
.gen-prod-8 { color:#000; font-size:12px; text-decoration:none; }
.gen-prod-9 { position:absolute !important; text-align: center; bottom:0; width:150px; height:55px; border-top: 1px solid #bababa; }
.gen-prod-9:hover { cursor: pointer; position:absolute !important; text-align: center; bottom:0; width:150px; height:55px; border-top: 1px solid #bababa; background-color:#bfd8f2; }
.gen-prod-10 { width:100%; height:100%; margin-top: -4px; }
.gen-prod-11 { vertical-align: middle; text-align: center; font-size: 14px; }
.gen-prod-12 { border: 0; background-color: #fff; width: 150px; height: 115px; }

div.whitebckgrd { background-color: #fff; }