body {
    background: url("../images/footer_bg_03.png");
    font-family: tahoma;
    font-size: 11px;
    color: #2d2d2d;
    line-height: 16px;
}

.hidden {
    display: none;
}

#image-navi {
    text-align: right;
    margin: 0 5px 5px 0;
}

#close-button {
    cursor: pointer;
}

.menu {
    overflow: hidden;
    position: absolute; 
    bottom : 0px; 
    height : 24px; 
    width : 722px;
}
.bg {
    position: relative;
    bottom : -24px;
}

a, a:visited {
	color: #2d2d2d;
	text-decoration: none;
}

p {
	text-align: justify;
}

p.content {
	padding-bottom : 20px;
}

strong {
	font-weight: bold;
}

/* utilities */
.hp-photos {
	text-align: right;
	margin-bottom: 40px;
}

img.num {
	vertical-align: middle;
	margin-right : 10px;
	margin-bottom: 5px;
	height : 43px;
}

.header {
	font-weight: bold;
}

.clear {
	clear : both;
}
.clearfix {
	height:0px;
	visibility: hidden;
}
.navi {
	text-transform : lowercase;
	text-align: right;
}

.navi b{
    text-transform : lowercase;
}

.categories-product-link{
	width : 184px;
}

.categories-product-link:hover {
	background-color: #fff;
}

.category-product-link{
    width : 184px;
}

.category-product-link:hover {
    background-color: #fff;
}

.hp-product-link{
    width : 164px;
}

.hp-product-link:hover {
    background-color: #fff;
}

/* xhtml elements */
img {
	margin : 0px;
	padding : 0px;
}

/* stuff */
.more-info-soon {
	font-weight: bold;
}

/* site structure */
#top-bar {
    height: 60px;
/*	height : 27px;
	min-height : 27px;*/
/*	background-image: url("../images/top-bar-bg.gif");*/
        background: url("../images/top-border.jpg") repeat-x;
}

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

#bg-layer-1 {
	width:722px;
	background-image: url('../images/bg.png');
	position : relative;
}
#bg-layer-2 {
	width : 995px;
	background-image:url('../images/tlo_lvl_all.png');
	background-repeat: repeat-y;
}

#bg-layer-3 {
	width:722px;
	background-image: url('../images/tlo_lvl_1.png');
	background-repeat: repeat-x;
}
#bg-layer-4 {
    width : 995px;
    background-color: transparent;
}

#middle-container {
	position : relative;
	background-color: #f2f2f2;
	/*background-color: #e2e2e2;*/
	/*background-color: transparent;*/
    background-image: url("../images/tlo_lvl_1.png");
    background-repeat: repeat-x;
}

#middle-left-bg {
	background-color: #fff;
	background-image: url("../images/tlo_lvl_2_mid.png");
	float : left;
    
}

#middle-left {
    width : 722px;
    background:url("../images/tlo_lvl_1.png") repeat-x;
}

#middle-left-content {
	float: left;
	width : 652px;
	padding : 7px 55px 20px 15px;
}

#middle-right {
    width : 273px;
    float : left;
    /*background-image: url("../images/tlo_lvl_2_right.png");*/
}

#middle-container-inside {
    margin : 0px auto;
    padding : 0px;
    width : 995px;
}

.iefix {
	/*background-image: url("../images/iefix.jpg");
	background-repeat: no-repeat;*/
}

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



#bottom-container {
    background:url("../images/footer_bg_03.png") repeat-x;
}

/* part stuct */
.container {
	margin : 0px auto;
	padding : 0px;
	width : 995px;
}

.left {
	margin : 0px;
	padding : 0px;
	float : left;
    width:722px;
}

.right {
	position : relative;
	float : left;
    width : 273px;
}

/* home page */
.home-category {
    width : 166px;
}

.home-category-products {
    border-right : 1px dashed #939393;
}

.home-product-link {
	padding: 4px 0 4px 11px;
    text-transform: uppercase;
}

.home-product-link:hover {
    background-color: #dedede;
}

/* links in product */
.product-link {
	float: left;
    text-transform : uppercase;
    padding: 5px 5px 0px;
    font-size: 13px;
    font-family : humanist;
    color : #888888;
}

.product-link-active {
	float : left;
    background: url("../images/footer_bg_03.jpg");
}

.product-link a {
	color : #888888;
}

.product-link a:hover {
    color : #888888;
}

.product-links-container {

}

/* CATEGORIES */
.category-container {
	position : relative;
	float : left;
	width : 100%;
	margin-bottom : 39px;
}

.category-icon {
	float : left;
}

.category-content {
	width : 444px;
    float : left;
    padding-left : 10px;
}

p.category-description {
    padding: 16px 0px 10px 0px;
}

.category-intro {
}

.category-products {
}

.category-products-container {
	padding-left:42px;
	padding-top : 10px;
	display: none;
}

.category-products a {
	text-transform: uppercase;
}

.category-header {
    font-weight : bold;
    font-family: Tahoma;
    font-size: 13px;
}

/** button wrappers **/
.category-products-btn {
    cursor : pointer;
    width : 192px;
    height : 27px;
    padding-left : 39px;
}

.category-products-btn-expand {
    width : 192px;
    height : 27px;
}

.category-products-btn-hp {
    cursor : pointer;
    width : 171px;
    height : 25px;
    padding-left : 39px;
}

.category-products-btn-hp-expand {
    width : 171px;
    height : 25px;
}

/** adding colours **/
/* blue */
.category-header-blue {
	color : #34297a;
}

.category-products-btn .blue {
    background:url("../images/category/btn-blue.png");
    width : 192px;
    height : 27px;
}

.category-products-btn-expand .blue {
    background:url("../images/category/btn-exp-blue.png");
    width : 192px;
    height : 27px;
}

.category-products-btn-hp .blue {
	background:url("../images/category/hp-btn-blue.png");
	width : 171px;
    height : 25px;
}

.category-products-btn-hp-expand .blue {
    background:url("../images/category/hp-btn-exp-blue.png");
}

/* orange */
.category-header-orange {
    color : #ff9c00;
}

.category-products-btn .orange {
    background:url("../images/category/btn-orange.png");
    width : 192px;
    height : 27px;
}

.category-products-btn-expand .orange {
	background:url("../images/category/btn-exp-orange.png");
	width : 192px;
    height : 27px;
}

.category-products-btn-hp .orange {
    background:url("../images/category/hp-btn-orange.png");
    width : 171px;
    height : 25px;
}

.category-products-btn-hp-expand .orange {
    background:url("../images/category/hp-btn-exp-orange.png");
}

/* red */
.category-header-red {
    color : #8c1b18;
}

.category-products-btn .red {
    background:url("../images/category/btn-red.png");
    width : 192px;
    height : 27px;
}

.category-products-btn-expand .red {
    background:url("../images/category/btn-exp-red.png");
}

.category-products-btn-hp .red {
    background:url("../images/category/hp-btn-red.png");
    width : 171px;
    height : 25px;
}

.category-products-btn-hp-expand .red {
    background:url("../images/category/hp-btn-exp-red.png");
    width : 171px;
    height : 25px;
}

/* green */
.category-header-green {
    color : #2a2a2a;
}

.category-products-btn .green {
    background:url("../images/category/btn-green.png");
    width : 192px;
    height : 27px;
}

.category-products-btn-expand .green {
    background:url("../images/category/btn-exp-green.png");
}

.category-products-btn-hp .green {
    background:url("../images/category/hp-btn-green.png");
    width : 171px;
    height : 25px;
}

.category-products-btn-hp-expand .green {
    background:url("../images/category/hp-btn-exp-green.png");
    width : 171px;
    height : 25px;
}

/** PRODUCT DESCRIPTION PAGE **/
#product-name{
    font-size : 17px;
    color : #454545;
    font-family : humanist;
	text-transform: uppercase;
}

#product-menu {
    padding : 10px 0;
}

#product-description {
    margin-bottom : 20px;
}

.number {
	cursor: pointer;
    background-color : #d5d5d5;
    color : #909090;
    float : right;
    width : 25px;
    height : 18px;
    padding : auto;
    padding-top: 7px;
    text-align: center;
}

.number.active {
    background-color: #a8a8a8;
    color : #737373;
    font-weight : bold;
}

.tip-content {
	background:url("../images/tip-bg.jpg");
	padding: 5px;
}

/***************************************
   =cluetipClass: 'blue' 
-------------------------------------- */

.cluetip-blue {
  background-color: transparent;
}
.cluetip-blue #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: transparent;
}
.cluetip-blue h3#cluetip-title {
  /*margin: 0 0 5px;*/
  padding-top: 4px;
  padding-left: 8px;
  font-family : "Trebuchet MS";
  font-size: 11px;
  background:url("../images/category/ct-header-blue.png");
  color: #fff;
  text-transform: uppercase;
}
.cluetip-blue #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-blue #cluetip-inner {
  border : 2px solid #24092f;
  border-top : none;
  position : relative;
  top : -2px;
}
.cluetip-blue div#cluetip-close { 
  text-align: right;
  color: #900;
}

/* blue arrows */

.clue-right-blue .cluetip-arrows {
  background:url(images/darrowleft.gif);
}
.clue-left-blue .cluetip-arrows {
  background:url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-blue .cluetip-arrows {
  background:url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-blue .cluetip-arrows {
  background:url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'red' 
-------------------------------------- */

.cluetip-red {
  background-color: transparent/*#d9d9c2*/;
}
.cluetip-red #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: transparent;
}
.cluetip-red h3#cluetip-title {
  /*margin: 0 0 5px;*/
  padding-top: 4px;
  padding-left: 8px;
  font-family : "Trebuchet MS";
  font-size: 11px;
  background:url("../images/category/ct-header-red.png");
  color: #fff;
  text-transform: uppercase;
}
.cluetip-red #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-red #cluetip-inner {
  border : 2px solid #b20101;
  border-top : none;
}
.cluetip-red div#cluetip-close { 
  text-align: right;
  /*margin: 0 5px 5px;*/
  color: #900;
}

/* red arrows */

.clue-right-red .cluetip-arrows {
  background:url(images/darrowleft.gif);
}
.clue-left-red .cluetip-arrows {
  background:url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-red .cluetip-arrows {
  background:url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-red .cluetip-arrows {
  background:url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'green' 
-------------------------------------- */

.cluetip-green {
  background-color: transparent;
}
.cluetip-green #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: transparent;
}
.cluetip-green h3#cluetip-title {
  /*margin: 0 0 5px;*/
  padding-top: 4px;
  padding-left: 8px;
  font-family : "Trebuchet MS";
  font-size: 11px;
  background:url("../images/category/ct-header-green.png");
  color: #fff;
  text-transform: uppercase;
}
.cluetip-green #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-green #cluetip-inner {
  border : 2px solid #7f9b03;
  border-top : none;
}
.cluetip-green div#cluetip-close { 
  text-align: right;
  /*margin: 0 5px 5px;*/
  color: #900;
}

/* green arrows */

.clue-right-green .cluetip-arrows {
  background:url(images/darrowleft.gif);
}
.clue-left-green .cluetip-arrows {
  background:url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-green .cluetip-arrows {
  background:url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-green .cluetip-arrows {
  background:url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'orange' 
-------------------------------------- */

.cluetip-orange {
  background-color: transparent/*#d9d9c2*/;
}
.cluetip-orange #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: transparent;
}
.cluetip-orange h3#cluetip-title {
  /*margin: 0 0 5px;*/
  padding-top: 4px;
  padding-left: 8px;
  font-family : "Trebuchet MS";
  font-size: 11px;
  background:url("../images/category/ct-header-orange.png");
  color: #fff;
  text-transform: uppercase;
}
.cluetip-orange #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-orange #cluetip-inner {
  border : 2px solid #fec300;
  border-top : none;
}
.cluetip-orange div#cluetip-close { 
  text-align: right;
  /*margin: 0 5px 5px;*/
  color: #900;
}

/* orange arrows */

.clue-right-orange .cluetip-arrows {
  background:url(images/darrowleft.gif);
}
.clue-left-orange .cluetip-arrows {
  background:url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-orange .cluetip-arrows {
  background:url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-orange .cluetip-arrows {
  background:url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/*******************/
/* products widget */


.category-shortcut {
    float : left;
    height : 90px;
}

.category-shortcut img {
    width : 90px;
}


.products-widget {
    width : 270px;
    padding-left : 6px;
}

#flift {
    font-family: humanist;
    font-size : 14px;
    font-weight: bold;
}

#current-product {
    background:url("../images/active-product.gif");
    border: none;
    margin : 5px 0;
}

.short-description {
    color : #454545;
}

.product-container {
    border-bottom: 2px solid #7b7b7b;
}

.product {
    padding : 5px 8px;
}

.product-header {
    font-weight: bold;
    text-transform: uppercase;
}
/*************************************************************************/
/***********************jak malowac (podstrony produktow)*****************/
/*************************************************************************/
#laska-cover {
	height : 457px;
	width : 270px;
}

#film-wrapper {
    height: 366px;
    width : 650px;
    padding-bottom: 3px;
}

.image{
    height : 150px;
}

table.colors tr td {
    font-weight: bold;
    text-align: right;
    padding: 10px;
    width: 80px;
}
/*************************************************************************/
/***********************color page (atelier)***************************/
/*************************************************************************/
.colors-table tr td {
    font-weight: bold;
    text-align: right;
    padding: 10px;
    width: 80px;
}

.colors-table tr.first td {
    vertical-align: top;
}

.colors-table tr.third td {
    vertical-align: bottom;
}

.colors-table {
    border-collapse: separate;
    border-spacing: 10px;
    position: relative;
    left: -10px;
}

.table-colors-wrapper {
    width : 450px;
}

/*************************************************************************/
/***********************color page (impression)***************************/
/*************************************************************************/
.self-color {
    width: 100px;
    float: left;
    height: 31px;
    margin-left: 11px;
    text-align: center;
}

.self-color-title {
    width: 95px;
    float: left;
    height: 31px;
    color: #fff;
    margin-right: 9px;
    padding-top: 2px;
    text-align: center;
    line-height: 12px;
}

.color-line {
    height: 41px;
    padding-top: 10px;
}
/*************************************************************************/
/***********************color page (accent brillant)**********************/
/*************************************************************************/

#lightbox-secNav {
    position : absolute;
    overflow: hidden;
    right : 0px;
    bottom : -38px;
}

#lightbox-secNav img{
    display : none;
}

#lightbox-secNav a{
    width : 66px;
    height : 22px;
    background-image: url("../gfx/lightbox/lightbox-btn-close.gif");
    background-repeat: no-repeat;
}

.color {
    position : relative;
    float : left;
    width : 104px;
    overflow: hidden;
    height : 104px;
    padding : 10px;
}

.color.first div {
    position : absolute;
    bottom : 20px; 
    left : 10px;
}

.color div {
    font-weight: bold;
    font-size: 13px;
    position : absolute;
    bottom : 20px; 
    left : 20px;
}

.color a img {
    width : 104px;
    height : 104px;
}

.color.first {
    padding-left : 0px;
}

.colors-wrapper {
    width : 437px;
}

.hidden {
    display: none;
}

.arrow {
	width : 25px;
	cursor: pointer;
}

#gallery img {
    cursor : pointer;
}

#overlayBackground {
    position: absolute;
    background: #000;
    opacity : 0.6;
    *filter : alpha(opacity=60);
    top: 0;
    left: 0;
    z-index: 1000;
}

#largeImage {
    position: absolute;
    width: 523px;
    z-index: 1001;
    background-color: #fff;
}

#image-navi {
    text-align: right;
    margin: 0 5px 5px 0;
}

#close-button {
    cursor: pointer;
    vertical-align: middle;
}

.new-paint img{
    margin-top: 20px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }