/* 
----------------------------------------------------------------------------
 
	Author: LimeSys, Michal Zuchowski http://limesys.pl
	
----------------------------------------------------------------------------
*/ /*
		Body
*/
body { /*	background-image: url('/images/bg.gif'); */
	background-repeat: repeat;
	text-align: center;
	display: block;
}

/*
		Layout
*/
#layout {
	width: 960px;
	margin: 0 auto;
	min-height: 100%; /* Dla nowych przeg */
	height: auto !important; /* Dla nowych przeg */
	height: 100%;	
	text-align: center;	
	background-position: left;
	background-repeat: repeat-y;
}
/*
		Header
*/

#header {
	width: 960px;
	margin: 0 0;
	height: 66px;
	clear: both;
	font-size: 1em;
	position: relative;	
}
#leftbarheader{	
	height: 66px;
	width: 40px;
	float: left;		
}
#header div.left {
	float: left;
	padding-top: 10px;
	padding-left: 20px;
	height: 40px;
	text-align: left;
	width: 370px;	
}

#header div.right_search{
	float: left;
	color: #FFF;
	text-align: right;
	width: 510px;
	height: 26px;
	padding: 0% 0% 0% 0%;	
}
#header div.right_search form#search_form{
	font-size: 10px;
}
#search_form input{
	font-size: 10px;
	height:11px;
}
#search_form a {
			
}

#search_form img{
	border:none;
	vertical-align: bottom;			
}


#header div.right {
	float: left;
	color: #FFF;
	text-align: right;
	width: 510px;
	height: 40px;
}

#header div.right ul {
	list-style: none;
	display: block;
}

#header div.right ul li {
	color: #FFF;
	display: block;
	display: inline;
	white-space: nowrap;
	padding-left: 10px;

}



#header div.right ul li a,#header div.right ul li a:link,#header div.right ul li a:visited
	{
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana, Arial;
	font-weight: bold;
}


/*
		Main Body
*/
#mainbody {	
	width: 960px;
	float: left;
	margin: 0%;
	padding: 0 0 0 0;		
}
#leftbar{
	text-align: right;
	height: 300px;
	width: 40px;	
	float: left;	
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%; 
}
#leftbar img{
	border: none;
}
#bigbox{
	background-color: #FFF;
	width: 880px;
	margin-left: 20px;
	float: left;
}
#linkpath {
	background-color: #FFF;
	background-image: url('/images/bgbar.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	height: 25px;
	position: relative;
}

#linkpath div#leftcorner {
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url('/images/bgcorner.gif');
	background-repeat: no-repeat;
	width: 8px;
	height: 25px;
}

#linkpath div#linktext {
	position: absolute;
	left: 10px;
	top: 3px;
	width: 600px;
	
}


#categorylayout {
	width: 709px;
}

#imagebox {
	float: left;
	width: 540px;
	height: 380px;	
}

#rightmenu {
	width: 154px;
	float: left;
	padding-left: 5px;	
}

#rightmenu h3 {
	font-size: 1.7em;
	font-family: Verdana, Helvetica;
}

#rightmenu ul#groupsmenu {
	list-style: none;
	font-size: 1.4em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
}

#rightmenu ul#groupsmenu li {
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
}

#rightmenu ul#groupsmenu li a {
	display: block;
	width: 154px;
	margin-bottom: 1px;
	height: 44px;
	color: #666;
	border: 2px solid #EEE;
	text-decoration: none;
	text-align: center;
}
#rightmenu ul#groupsmenu li a img{
	border: none;
	padding-top:2px;
}
#rightmenu ul#groupsmenu li a:hover {
	color:red;
}

#categorylayout :after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}


/*div#mainbody :after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}*/



/*
		Main Left Side
*/
#leftside {
	float: left;
	width: 167px;
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
}

#leftside h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	text-align: left;
	padding-top:20px;
}
#articles{
	padding-top:20px;	
}
/*
	Category list
*/
#leftside ul {
	list-style: none;
	text-align: left;
	padding: 0% 0% 0% 10px;
	margin: 0% 0% 0% 0%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}

#leftside ul li {
	width: 160px;
	
}

#leftside ul li a,#leftside ul li a:visited,#leftside ul li a:link {
	color: #000;
	width: 157px;
	padding-top:3px;
	padding-bottom:3px;
	display: block;
	text-decoration: none;	
}
#leftside ul li ul li a {
	font-weight: bold;
}

#leftside ul li a:hover {
	background-color: #00CCFF;
}

#leftside ul li a.highlight0:hover,
#leftside ul li a.highlight1:hover, 
#leftside ul li a.highlight2:hover {
	background-color: #FF0;	
	 
}

/*
		Content
*/
#content {
	margin: 0% 0% 0% 170px;
	padding: 0% 0% 0% 0%;
	width: auto;
	height: 1%;
	text-align: left;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

/*
		Footer
*/
#footer {
	clear: both;
	bottom: 0 !important;	
	height: 50px;
}

#footer ul.limeMenu ul {
	list-style: none;
	display: block;
}

#footer ul.limeMenu li {
	color: #FFF;
	display: inline;
	white-space: nowrap;
	padding-left: 10px;
	padding-top: 10px;
}

#footer ul.limeMenu li a,#footer ul.limeMenu li a:link,#footer ul.limeMenu li a:visited
	{
	color: #FFF;
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana, Arial;
	font-weight: bold;
}

#footer ul.limeMenu li a:hover {
	color: #FDF37D;
}

/*
	Shops left side
*/
#shops {
	position: absolute;
	background-color: red;
	width: 100px;
	display: none
}

/*
		Shop products list
*/
span.oldprice{
	color: red;
	text-decoration: line-through;
}
div.pItem {
	width: 150px;
	height: 215px;
	margin: 0px 23px 10px 1px;
	float: left;
	border: dotted #AAA 1px;
			
}

div.pImage {
	width: 150px;
	height: 180px;
	border: none;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;	
		
}

div.pImage a {
	display: block;
	width: 150px;
	height: 180px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

div.pImage a img {
	border: none;
}

div.pHeader {
	text-align: center;
	height: 17px;	
	background-color: #244798;	
}
div.pHeader a{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

div.pFoot {
	height: 17px;	
}

/*
 -------------- Product ------------------------
*/
#productPage {
	
}

#productPage div#images {
	float: left;
}

#imgbig {
	text-align: center;
}

#imglist div {
	float: left;
	width: 120px;
	height: 130px;
	text-align: center;
	cursor: pointer;
	border: solid #FFF 1px;
}

#imglist img {
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	vertical-align: bottom;
}

.selected {
	border: solid black 1px;
}

#productPage div#images {
	width: 375px;
}

#productPage div#info {
	float: left;
	width: 330px;	
}

#iBase {
	border-bottom: 1px dotted #666;
}

#iBase h1 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: solid #666 1px;
	width: 330px;
}

#iBase table {
	
}

#iBase table tr.producer,#iBase table tr.price {
	font-size: 11px;
}

#iBase table tr.small {
	font-size: 9px;
	color: #AAA;
}

#iBase table tr.price td {
	color: red;
	font-weight: bold;
}

#iDesc {
	border-bottom: 1px dotted #666;
}

#iBuy {
	border-bottom: 1px dotted #666;
}

#iBuy h2 {
	padding: 0% 0% 0% 0%;
	font-size: 12px;
}

#iBuy h3 {
	padding: 0% 0% 0% 0%;
	font-size: 10px;
}

#iBuy a {
	display:block;
	float:left;
	border: solid black 1px;
	padding: 2px 2px 2px 2px;
	margin: 1px 1px 1px 1px;
	text-decoration: none;

	text-align: center;
}

#iBuy a.inshop {
	background-color: #6598FE;
	color: #FFF;
	border: outset #5588EE 2px;
	cursor: pointer;	
}

#iBuy a.selected,#iBuy a.selected:visited {
	background-color: #F00;
	border: inset #F00 2px;
}

#iBuy a.inshop:hover,#iBuy a.call:hover {
	border: outset #5588EE 2px;
	background-color: #A00;
}

#iBuy .notava {
	display:block;
	float:left;
	border: solid #FFF 1px;
	padding: 2px 2px 2px 2px;
	margin: 1px 1px 1px 1px;
	text-decoration: none;
	
	color:#AAA;
	text-align: center;
}

#iBuy span.size-info {
	color: #F44;
	padding-left: 10px;
}

#iBuy a.call {
	background-color: #9DCA0C;
	color: #FFF;
	border: outset #9DBA0C 2px;	
	cursor: pointer;
}

#producers {
	padding-top: 5px;
	background-color: #FFF;
}

#dialog,.hidden {
	display: none;
	text-align: left;
	font-size: 12px;
}

.ui-dialog {
	font-size: 12px;
}

.error {
	color: red;
}

a.button {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}


a.button span.ui-icon {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 50%;
	margin-top: -8px;
	zoom: 1;
}

#cart-panel {
	padding-top: 20px;
}

table.cart {
	border: solid #AAA 1px;
}

table.cart tr.summary {
	font-weight: bold;
	font-size: 11px;
}

table.cart tr.head th {
	background-color: #517ACC;
	color: #FFF;
}

table.cart tr.odd {
	background-color: #EEF;
}

table.cart tr.even {
	background-color: #DDF;
}

.alignright {
	text-align: right;
}

/*
 Login box 
 */
div#sign-panel {
	height: 249px;
	padding-top: 20px;	
	color:#33A;	
}

div#sign-panel div#login-panel {
	float: left;
	height: 210px;	
	width: 310px;	
	margin-left: 30px;
}

div#sign-panel div#register-panel {
	float: left;
	height: 210px;
	width: 310px;
	margin-left: 60px;	
}
/*
   Register form
 */
 
 tr.need th{
 	color: red; 	
 }
 
 .redinput{
 	background-color: #FDD; 	
 }
 
 
 #registerpage h3{
 	border-bottom: dotted black 1px;
 }
 
 
 /*
  Wyswietlanie bledow
 */
 ul.error_list{
 	color:red;
 	list-style: none;
 	font-weight: bold; 	
 }
 ul.error_list li{
 
 }
 /*
 Formularze
 */
 .wide-input{
     width:400px;
 }
 .panel-bg{
 	border: solid #C4DBFF 1px; 	
 	width: 690px;
 }
 
 
div.banner_box{	
	width: 348px;
	height: 100px;
	float: left;						
}
div.banner_box img{
	   border:none;
}
.bleft{
 		
}
.bright{
 margin-left: 14px;
}
#underbar{
	width: 700px;	
	float: left;
	font-size: 15px;
	border-bottom: dotted black 1px;
	margin-bottom: 10px;
	margin-top: 10px;
}


.add-banner{
	border:none;
}
.cgreen{
	color:#090;
}
#leftbanners{
	padding-top: 30px;
}

/*
 -------------- Main page ------------------------
*/
#page-main-left{	
	float: left;
	width: 201px;
	overflow: hidden;
}
#banners{	
	float: left;
	width: 508px;	
}
#page-main-bottom{	
	float: left;
	width: 709px;	
}
