html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
}
* {
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
}
body {
	margin: 0px;
	padding: 0px;
}
body, td, th, input, textarea, select, a {
	font-size: 12px;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input, textarea, select {
	margin: 3px 0px;
}
a, a:visited {
	color: #1B57A3;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}
p {
	margin-top: 0px;
}
/* layout */
#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#header .div2 {
  background:#37332E;
}
#header .div3 {
  #background: rgb(99,84,78);
  background: #8b766d;
	height: 38px;
   -moz-border-radius-topleft: 12px; 
   -moz-border-radius-topright: 12px;
   -moz-box-shadow: 0px 5px 15px #000;
   /*background-image: -moz-linear-gradient(top, rgb(111,100,94),  rgb(75,64,58));*/

    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
   
   box-shadow: 0px 5px 15px #000;

   -webkit-border-top-left-radius: 12px;
   -webkit-border-top-right-radius: 12px;
   -webkit-box-shadow: 0px 5px 15px #000;
   background-image: -webkit-gradient(linear,left top,left bottom,color-stop(rgb(111,100,94),  rgb(75,64,58)),color-stop(rgb(111,100,94),  rgb(75,64,58)));


}
#header .div3 a {
	margin-left: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
}
#header .div4 {
	width: 510px;
	clear: right;
	float: right;
	height: 32px;
	padding-right: 14px;
}
#header .div4 a {
	float: left;
	margin-right: 2px;
	width: 100px;
	height: 18px;
	padding-top: 9px;
	padding-bottom: 9px;
	background: url('../images/tab_1.png') no-repeat;
	text-align: center;
	color: #333333;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	z-index: 1;
}
#header .div4 a.selected {
	background: url('../images/tab_2.png') no-repeat;
	color: #FFF;
	padding-bottom: 10px;
	z-index: 3;
}

#header .div6 {
	clear: both;
	margin-bottom: 10px;
	background: rgb(75,64,58);
	height: 32px;
	padding-left: 5px;
	padding-right: 5px;
    background-image: -moz-linear-gradient(top, rgb(65,54,48),  rgb(55,44,38));
}
#header .div7 {
	float: right;
	padding-top: 2px;
}

#breadcrumb {
    font-size: 13px;
	float: left;
	padding-top: 7px;
	padding-bottom: 11px;
	height: 13px;
	margin-bottom: 10px;
	color: #999;
}
#breadcrumb  a{
  color: #fff;
  font-size: 13px;
  text-decoration: none;
}
#breadcrumb  a:hover {
  text-decoration: underline;;
}

#content {
  color: #413D39;
  margin-left: 220px;
  margin-bottom: 10px;
}
#content .top  {
	background: #0069aa;
}
#content .top h1 {
	padding: 8px 0px 8px 7px;
}
#content h1 {
	color: #fff;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
}
#content .middle {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding: 10px 10px 1px 10px;
	min-height: 380px;
}
#content .bottom .left {
	background: url('../images/content_bottom_left.png') no-repeat;
	width: 5px;
	height: 5px;
	float: left;
}
#content .bottom .right {
	background: url('../images/content_bottom_right.png') no-repeat;
	width: 5px;
	height: 5px;
	float: right;
}
#content .bottom .center {
	background: url('../images/content_bottom_center.png') repeat-x;
	height: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

/*******************************************/
#golden_column {
    color: #4b4842;
	float: left;
	width: 210px;
	margin-right: 10px;
	clear: left;
}

#golden_column p {
/* border-bottom: 1px dotted #9E998B;*/
}

#golden_column a {
    color: #4b4842;
    text-decoration: none;
    font-size: 15px;
}
#golden_column a:hover {
  text-decoration: underline;
}
#golden_column h4 {
  padding: 0;
  margin: 0;
  color: #bd842a;
}
#golden_column h4 a {
  color: #4b4842;
  font-size: 18px;
}
#golden_column .top h6 {
	padding: 8px 0px 8px 7px;
    background: #9E998B;
}
#golden_column h6 {
	color: #FFF;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
}
#golden_column .middle {
	border-left: 1px solid #f2f0e4;
	border-right: 1px solid #f2f0e4;
	background: #f2f0e4;
	padding: 10px 10px 1px 10px;
    -moz-box-shadow: 0px 5px 15px #000;
    -webkit-box-shadow: 0px 5px 15px #000;
    box-shadow: 0px 5px 15px #000;
}

#golden_column .bottom {
	background: #f2f0e4;
	height: 5px;
}

/*******************************************/

.box {
	margin-bottom: 10px;
	background: url('../images/box_top.png') no-repeat;
}
.box .top {
	padding: 8px 0px 8px 7px;
	color: #000000;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
.box .top img {
	float: left;
	margin-right: 5px;
}
.box .middle {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding: 10px;
}
.box .bottom {
	height: 5px;
	background: url('../images/box_bottom.png') no-repeat;
}

.success {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.wait {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FBFAEA;
	border: 1px solid #EFEBAA;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	color: #FF0000;
	display: block;
}
.help {
	cursor: pointer;
}
.tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}

.clear2 {clear: both; height: 10px;}

.button {
	float: right;
	display: inline-block;
	width: 150px;
	height: 40px;
	margin: -7px -10px 0px 2px;
	background: url('../images/buttons/add1.png') no-repeat;
}

.button:hover {
	background: url('../images/buttons/add2.png') no-repeat;

}

.buttons_box {
    margin-top: 50px;
	background: #F8F8F8;

	padding: 5px;
	margin-bottom: 10px;
}
.buttons_box input {
	padding: 0px;
	margin: 0px;
}
.buttons_box table {
	width: 100%;
	border-collapse: collapse;
}
.buttons_box table td {
	vertical-align: middle;
}

.cart td {vertical-align: middle;}
#total_price {color:green; font-size: 14px; font-weight: bold;}
#total_price b {color:black;}

.list {
	margin-bottom: 10px;
	width: 100%;
}
.list td {
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;
}
.sort {
	margin-bottom: 10px;
	background: #F8F8F8;
	height: 30px;
	width: 100%;
}
.sort .div1 {
	float: right;
	margin-left: 5px;
	padding-top: 6px;
	padding-right: 9px;
}
.sort .div2 {
	text-align: right;
	padding-top: 9px;
}
.sort select {
	font-size: 11px;
	margin: 0;
	padding: 0;
}

.pagination {
	display: block;
	width: 100%;
	background: #F8F8F8;
	margin-bottom: 20px;
}

.linksa:visited {
  color: #000;
}
 .linksa {
   font-weight: bold;
	border: 1px solid #CCCCCC;
    background: #fff;
	padding: 4px 7px;
	text-decoration: none;
	color: #000;
}
.linksb {
	border: 1px solid #CCCCCC;
    font-weight: bold;
	padding: 4px 7px;
	text-decoration: none;
	color: #fff;
	background: rgb(00,105,170);
}

.linksc {
  margin: 0 5px;
}

#footer {
    background:rgb(75,64,58);
    padding: 5px;
	width: 100%;
	clear: both;
	padding-top: 5px;
	border-top: 1px solid #DDDDDD;
   -moz-border-radius-bottomleft: 12px;
   -moz-border-radius-bottomright: 12px;
   -moz-box-shadow: 0px 5px 10px #000;

    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    box-shadow: 0px 5px 10px #000;

   -webkit-border-bottom-left-radius: 12px;
   -webkit-border-bottom-right-radius: 12px;
   -webkit-box-shadow: 0px 5px 10px #000;

    background-image: -moz-linear-gradient(top, rgb(65,54,48),  rgb(55,44,38));
}
#footer .div1 {
	float: left;
	text-align: left;
}
#footer .div2 {
	float: right;
	text-align: right;
}
#footer .div3 {
  color: #878787;
  font-size: 14px;
  width: 60%;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  /*background: #413D39;*/
}
#footer .div3 a{
	color: #878787;
	font-size: 14px;
}
#footer .div4 {
  width: 40%;
  margin: 0 auto;
  padding: 10px;
  text-align: center;

}
#category ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../images/bullet_1.png');
}
#information ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../images/bullet_2.png');
}
.cart {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
}
.cart th {
	background: #EEEEEE;
	padding: 5px;
	font-weight: normal;
}
.cart td {
	padding: 5px;
}

.cart tr {
	border-bottom: 1px rgb(200,200,200) solid;
}

.flash_notice
{
  margin: 3px 0 5px 0;
  padding: 7px;
  background-color: #cfc;
  text-align: center;
  font-weight: bold;
}

.flash_error
{
  margin: 3px 0 5px 0;
  padding: 7px;
  background-color: #f33;
  text-align: center;
  font-weight: bold;
  color: #fff;
}

/* Formularze */
#order_form {}
#order_form  table {width: 100%; padding: 5px; margin-top: 10px; }
#order_form  table th {width: 200px;}
#shipping_form {background: rgb(234,234,234); margin-top: -10px !important;}
#show_shipping_form {background: rgb(234,234,234); margin: 20px 0 0 0; font-weight: bold; padding: 10px 5px 10px 5px}
.highlight2 {background-color: rgb(230,230,200)}
/* Listing produktow */
.highlight {background-color: #386eb7}
#sortbox {
	margin-top:-100px;
  background-color: rgb(200,200,200); height: 20px; width: 100%;
   -moz-box-shadow: 0px 3px 5px rgb(170,170,170);
   box-shadow: 0px 3px 5px rgb(170,170,170);
   -webkit-box-shadow: 0px 3px 5px rgb(170,170,170);
}
#sortbox span { text-align: center; display: block; float: left; width: 18.5%; padding: 3px 0}
.clear2 {width: 100%; clear: both;}
.listbox, .listdesc  {width: 100%; background-color: #F8F8F8;}
.listbox {border-top: 5px white solid;}
.listbox td, .listdesc td {width: 20%; }
#listtable {border-collapse:collapse;}
#listtable th, #listtable td {border: none;}
.listtext {text-align: center; font-weight: bold}
.sortbutton {width: 100px; cursor: pointer; text-align: center; font-weight: bold;;}
.sortbutton:hover{color: white; text-decoration: underline; background: #386eb7; text-decoration: none}
.listdesc td {padding: 5px;}
#loader {height: 14px;}
.load {background: #FFFFFF url('../images/loader.gif') no-repeat;}
.productthumb {cursor: pointer}

/* Karta produktu*/
#photo_box {width: 150px; float: left; text-align: center}
#photo_box  a {display: block;}
#photo_box span {font-style:italic;}



/* the overlayed element */
.overlay {
display: none;
/* must be initially hidden */
    /* place overlay on top of other elements */
    z-index:10000;
    /* styling */
    background-color:#333;
    border:1px solid #666;
    padding: 1px;
    
    -moz-box-shadow:0 0 30px #000;
    -webkit-box-shadow:0 30px 30px #000;
    box-shadow:0 30px 30px #000;
    background-image:url(http://static.flowplayer.org/img/overlay/apple.png);

}

.overlay_addons {
display: none;
/* must be initially hidden */
    /* place overlay on top of other elements */
    z-index:10000;
    /* styling */
    width: 444px;
    height: 90%;
    background-color:#333;
    border:1px solid #666;
    padding: 1px;
    
    -moz-box-shadow:0 30px 30px #000;
    -webkit-box-shadow:0 30px 30px #000;
    box-shadow:0 30px 30px #000;
    
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5x;
    
    background-image:url(http://static.flowplayer.org/img/overlay/apple.png);
}

.addons_box {
  background-color:#333;
  margin: 25px 0px 1px 10px;
  overflow: auto;
  width: 435px;
  height: 95%;
}
.addons_box p {
color: rgb(240,240,240)
}

/* default close button positioned on upper right corner */
.overlay div.close, .overlay_addons div.close {
	background:url(/images/close.png) no-repeat 0% 0%;
    position:absolute;
    right:-8px;
    top:-10px;
    cursor:pointer;
    height:40px;
    width:100px;
}


.details {
    position:absolute;
    top:15px;
    right:15px;
    font-size:11px;
    color:#fff;
    width:230px;
}

.details h3 {
    color:#aba;
    font-size:15px;
    margin:0 0 -10px 0;
}

ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	height:30px;
}

/* single tab */
ul.tabs li {
	float: left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
    #background-color: orange;
    background-color: #1cc668;
    /*border-top:1px solid rgb(131, 120, 119);*/
	font-size:12px;
	display:block;
	height: 30px;
    display: table-cell;
    vertical-align: middle;
	width: 135px;
	text-align:center;
	text-decoration:none;
	color: white;
	padding:0px;
	margin:0px 2px 0px 2px;
	position:relative;
	top:1px;
	border-right: 1px solid black;

    -moz-border-radius-topleft: 12px;
   -moz-border-radius-topright: 12px;

    
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;

   -webkit-border-top-left-radius: 12px;
   -webkit-border-top-right-radius: 12px;
   
}

ul.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	color: black;
    font-weight: bold;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default !important;
	color:black!important;
    background-color: #ddeef5;
    font-weight: bold;
}


.panes {
	background-color: #ddeef5;
	padding: 20px 20px 20px 20px;
          -moz-box-shadow:0 5px 10px rgb(190,190,190);
          -webkit-box-shadow:0 5px 10px rgb(190,190,190);
          box-shadow:0 5px 10px rgb(190,190,190);
	}


div.tooltip {
	#background-color:#000;
	#background-color: #a6e3ff;
	background: url('/images/tlo_pomoc.gif');
	border:1px solid #fff;
	padding:10px 10px;
	width:300px;
	visibility:hidden;
	#color:#fff;
	color: #4d4d4d;
	text-align:left;
	font-size:11px;
	position: absolute;
	top:20px;
	left: 500px;
	z-index: 10000;
	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
    box-shadow:0 0 10px #000;
}


#table {margin: 0 auto;}
#table th {text-align: right; font-weight:normal }
#table td {font-weight:bold; color: rgb(0,100,0) }


#chosen_box p {
    float: left;
  		border:1px solid #ddd;
        padding: 5px;
        margin: 0px 0px 5px -10px;
		width:470px;
		cursor: default;
        background-color: #EDF5F8;
        
}

#chosen_box #cechy222 {
	float:right; 
	width:222px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}

#chosen_box b {
    float: left;
  		border:2px solid white;
        padding: 4px 4px;
        font-size: 11px;
        text-align: center;
        margin: 0 0 5px 5px;
		min-width:90px;
        cursor: pointer;
        background-color: #93d7f3; 
        
		-moz-border-radius: 7px;
		-moz-box-shadow:2px 3px 4px black;

		-webkit-border-radius: 7px;
		-webkit-box-shadow:2px 3px 4px black;

		border-radius: 7px;
		box-shadow:2px 3px 4px black;
}

#chosen_box b:hover {
		background-color: #7bb6ce; 
		color: white; 
}


#chosen_box b1 {
		float: left;
		display: inline;
		margin: 0 0 0 15px;
		font-weight: bold;
		width: 230px;
}

#wybierz{
		font-weight: bold;
		float:right;
		display: inline;
		margin: 0 115px 0 0px;
}


#chosen_box span {
  width: 171px;
  float: left;
  margin-left: 3px;
  height: 100%;
}

#chosen_box img {float: left; width: 70px;}

#cart_box {text-align: right; position:relative; margin: 30px 0; border: 1px solid rgb(229, 229, 229); padding: 15px; background-color: rgb(255, 255, 230)}
#add_to_cart input {border: none; background-color: transparent; margin:0;padding:0;cursor:pointer}
#cart_box p {width: 200px; display: inline-block; font-size: 15px; text-align: center;
   position: absolute;
   left: -5%;
   top: -20%;
   z-index: 10;
   #background: orange;
   background: #1cc668;
   padding: 20px;
   -moz-border-radius: 12px;
   -moz-box-shadow:0 5px 10px rgb(190,190,190);

   -webkit-border-radius: 12px;
   -webkit-box-shadow:0 5px 10px rgb(190,190,190);

  border-radius: 12px;
  box-shadow:0 5px 10px rgb(190,190,190);
}
#cart_box strong {
font-size: 25px; 
color: #fff
}

#cart_box p span {font-size: 20px; color: rgb(50,50,50)}

.div1 strong {color: #940c12; #color:#1cc668;  font-size: 20px; margin: 0; padding: 0}

#wyszukiwarka {
	font-weight: bold;
	#margin-top: -90px;
	#margin-bottom: -115px;
	position: relative;
	display: inline-block;
	left: 445px;
	top: -115px;
	#float: right;
    z-index: 1000;
	width: 280px;
	height: 100px;
	#background: orange;
	background: #1cc668;
   -moz-border-radius: 12px;
   -moz-box-shadow:0 5px 10px rgb(190,190,190);

   -webkit-border-radius: 12px;
   -webkit-box-shadow:0 5px 10px rgb(190,190,190);

  border-radius: 12px;
  box-shadow:0 5px 10px rgb(190,190,190);
}

#description_box {margin: 20px 0 0 155px;}
#column1 {width: 45%; float: left; display: inline;  *margin-right:-1px;
          -moz-box-shadow:0 5px 10px rgb(190,190,190);
          -webkit-box-shadow:0 5px 10px rgb(190,190,190);
          box-shadow:0 5px 10px rgb(190,190,190);
          padding: 10px;

}
#column2 {width: 50%; float: right; display: inline;  *margin-right:-1px;
          -moz-box-shadow:0 5px 10px rgb(190,190,190);
          -webkit-box-shadow:0 5px 10px rgb(190,190,190);
          box-shadow:0 5px 10px rgb(190,190,190);
          background-color: rgb(250,245, 250); 
          padding: 10px 2px 10px 10px;
          
}

.panel div {cursor: pointer; min-height: 70px;
background: rgb(235,235,235);  width: 200px; padding: 5px 0 10px 0; margin: 10px  5px 5px 0px;
float:left;  display: inline;  *margin-right:-1px;
}

.panel .opis {width: 83%; padding: 2px 0 0 2px; float:left;  min-height: 50px; display: inline;  *margin-right:-1px; }
.panel .radio {text-align: center;  background-color: rgb(200, 200,200); width: 15%; float:right;  display: inline;  *margin-right:-1px; }
._delete {cursor: pointer}
.panel .doplata {color: red; margin: -20px 2px 2px 0 ; float:right; *margin-right:-1px; }


#baner {
  -moz-box-shadow:0 5px 10px black;
              -webkit-box-shadow:0 5px 10px rgb(190,190,190);
                box-shadow:0 5px 10px rgb(190,190,190);}

.similar_box {float: left; margin: 5px; height: 170px; text-align:center; background-color: white; width: 150px; padding: 5px; border:1px dashed #ddd;}
.similar_box a {display: block;}
.similar_box img {cursor: pointer}


#info_box {margin-top: 50px; padding: 5px;}

#info_box #box_title {
  margin-bottom: 10px;
  background: #0099aa;
  display: block;
  width: 100%;
	color: #fff;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
    padding: 8px 0px 8px 7px;
}
#info_box h2 {width: 75%; display: inline;}
#info_box p {margin-top: 10px;}

#info_box span.pub_date {width: 20%; float: right; margin: 5px;}

#column2 #_info {height: 10px;}
#photo_box a:hover {text-decoration: none}

#add_comment table {background-color:  #59A8B8; padding: 5px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    margin: 20px;
 }
 #add_comment input, #add_comment textarea { background-color: #E1E2BD}
  #add_comment th {color: #E4FFFF}
#add_comment a#_submit {font-weight: bold; padding: 5px; color: white; background-color: #005ABD; margin: 20px; display:inline-block}
#add_comment ul {color: red}

#cart_box b {
  		border:2px solid white;
        padding: 3px 3px;
        font-size: 12px;
        text-align: center;
        margin: 0px 0px 5px 5px;
        cursor: pointer;
        background-color: #93d7f3; 
        color: black;
        
		-moz-border-radius: 7px;
		-moz-box-shadow:2px 3px 4px black;

		-webkit-border-radius: 7px;
		-webkit-box-shadow:2px 3px 4px black;

		border-radius: 7px;
		box-shadow:2px 3px 4px black;
}

#cart_box b:hover {
		background-color: #7bb6ce; 
		color: white; 
}

#powrot{
		-moz-border-radius: 5px;
		-moz-box-shadow:2px 3px 4px black;

		-webkit-border-radius: 5px;
		-webkit-box-shadow:2px 3px 4px black;

		border-radius: 5px;
		box-shadow:2px 3px 4px black;
}