.fablo {
    font: 14pt/16pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.fablo table {
    border-collapse: collapse;
}

.fablo .centered {
    text-align: center;
}

.fablo #logo {
    position: absolute;
    top: 5px;
    left: -100px;
}

.fablo #searchbox {
    position: relative;
    width: 710px;
    height: 78px;
    margin: 0 auto;
    background: url(img/query-area.png);
}

.fablo #querybox {
    display: inline;
    position: absolute;
    top: 20px;
    left: 185px;
}

.fablo #q {
    padding: 0px 5px;
    height: 36px;
    width: 350px;
    border: 1px solid #ddd;
    background-color: #eee;
    font-size: 12pt;
}

.loading {
    background: url(http://demo.fablo.pl/css/img/ajax-loader.gif) right no-repeat;
}

.fablo #customerlogocontainer {
    position: absolute;
    height: 65px;
    width: 140px;
    top: 6px;
    left: 10px;
    text-align: center;
    line-height: 65px;
}

.fablo #customerlogo {
    max-height: 65px;
    max-width: 140px;
    vertical-align: middle;
}

.fablo .small {
    margin-top: -1px;
    color: #999;
    font-size: 11px;
    text-align: right;
}

.fablo #time {
    margin-top: 5px;
    font-size: 10px;
    text-align: center;
}

.fablo .product {
    width: 125px;
    /*margin: 2px 4px;*/
    min-height: 170px;
    display: inline-block;
    padding-bottom: 5px;
    border: 1px solid #eee;
    vertical-align: top;
}

.fablo .product p.name {
    font-weight: bold;
    /*margin: 5px 10px;*/
    font-size: 8pt;
	font-family: Arial, Tahoma, Verdana, Helvetica;
    min-height: 65px;
}

.fablo .product p.name a {
    text-decoration: none;
    color: #00699D; /* color from jquery ui theme */
	font-weight: bold;
	line-height: 12px;
	display: block;
	overflow: hidden;
}

/*.fablo .product p.name a:hover {
	width: 125px;
	z-index: 240;
	position: absolute;
	background-color: white;
	max-height: 100%;
	padding-bottom: 20px ! important;
	border-bottom: 1px dotted #E2E2E2
}*/

.fablo .product p.name br {
	line-height: 4px;
}

.fablo .product .relevance {
    display: none;
}

.fablo .product span.score {
    display: none;
}

.fablo .product span.productid {
    display: none;
}

.fablo .product p.description {
    margin-left: 1em;
    font-size: 12pt;
    font-style: italic;
}

.fablo .product div.productphotoholder {
    height: 160px;
    line-height: 120px;
}

.fablo .product img.productphoto {
	-moz-box-shadow: 0px 1px 2px #aaaaaa;
	-webkit-box-shadow: 0px 1px 2px #aaaaaa;
	box-shadow: 0px 1px 2px #aaaaaa;
    max-width: 110px;
    max-height: 150px;
    margin: 0 auto;
    border: 1px solid #6b6b6b;
    vertical-align: middle;
}

.fablo .tooltipname {
    font-weight: bold;
    margin: 5px 10px;
    font: bold 12pt Tahoma, Verdana, Arial, Helvetica;
    color: black;
}

.fablo img.tooltipimg {
    max-width: 150px;
    max-height: 150px;
    margin: 10px 20px 10px 10px;
    float: left;
    border: 0;
}

.fablo #notfound {
   display: none;
   text-align: center;
}

.fablo #notfound img {
    display: none;
    margin: 20px 5px 10px 5px;
}

.fablo #loading {
    text-align: center;
}

.fablo .descContainer {
    padding-left: 35px;
    vertical-align: top;
}

.fablo .highlight-relevant {
   color: #00ff00;
}

.fablo .highlight-notrelevant {
   color: #ff0000;
}

.fablo .product-pane-toplevel {
   min-width: 550px;
   margin: 0 auto;
   text-align: center;
   
   margin-left: 0 ! important;
   width: 572px ! important;
}

.fablo .product-pane-content {
   border: 0;
   *left: 0px !important; /* ie7 hack */
   left: 11px !important;
}

.fablo .product-pane-viewport {
   margin: 0 auto;
}

.fablo .paned-product {
   border: none;
   float: left;
   margin: 0;
}

.fablo .paned-product .product {
   width: 125px;
   height: 255px;
   /*padding: 5px;*/
   border: none;
}

.fablo .product-pane-scroll-indicator {
   display: none !important;
   width: 113px;
   height: 7px;
   margin: 0 auto;
   position: relative;
   top: -5px;
}

.fablo .product-pane-title {
   /*min-height: 43px;*/
   margin: 4px 0;
   position: relative;
   text-align: left;

   margin-left: 0 ! important;
   width: 572px ! important;
}

.fablo .product-pane-title:hover {
   background-color: #c5c5c5;
   cursor: pointer;
}

.fablo .product-pane-title p.title {
   margin: 0;
   padding-left: 10px;
   padding-top: 6px;
   padding-bottom: 2px;
   text-align: left;
   font-weight: bold;
   line-height: 12px;
   width: 40%;
}

.fablo .product-pane-title p.subtitle {
   font-size: 9pt;
   padding-left: 10px;
   padding-top: 2px;
   padding-bottom: 6px;
   line-height: 11px;
   font-weight: normal;
}

.fablo #devmode {
   width: 0;
   height: 0;
   display: none;
}

.fablo #intro {
   display: none;
   width: 100%;
   text-align: center;
   font-size: 9pt;
}

.fablo .attribute-container {
   float: right;
   vertical-align: top;
   /*width: 460px;*/
}

.fablo .attribute-combo {
    font-family: Helvetica, Arial;
    width: 110px;
}

.fablo table.attribute-filters {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 8px;
    border-collapse: separate;
    border-spacing: 0px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: 11pt Helvetica, Arial;
    text-align: left;
    width: 400px;
}


.fablo table.attribute-filters tr.disabled {
    color: #999;
}

.fablo table.attribute-filters tr.disabled select{
    color: #999;
}

.fablo table.attribute-filters tr th {
    padding: 4px 12px 4px 6px;
    width: 30%;
    font: normal 10pt Tahoma, Verdana, Arial, Helvetica;
    border-bottom: 1px solid #9ec3c7;
}

.fablo .attribute-filters select {
    font: normal 10pt Tahoma, Verdana, Arial, Helvetica;
    background: #eff5f2;
    border: 1px solid #bbcad9;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.fablo table.attribute-filters tr td.attribute-value {
    padding: 4px 0px 4px 0px;
    width: 60%;
    border-bottom: 1px solid #9ec3c7;
}

.fablo table.attribute-filters tr td.attribute-buttons {
    width: 3%;
    border-bottom: 1px solid #9ec3c7;
}

.fablo table.attribute-filters tr:last-child th, .fablo table.attribute-filters tr:last-child td {
    border-bottom: none;
}

.fablo .leftButton {
    background: url(../img_sklep/search_left.gif) #fff no-repeat -26px 50%;
}
.fablo .rightButton {
    background: url(../img_sklep/search_right.gif) #fff no-repeat 0 50%;
}
.fablo .rightButton:hover { background-position: -26px 50%; }
.fablo .leftButton:hover  { background-position: 0px 50%; }

.fablo div.slider-presentation {
    padding-right: 4px;
    margin-top: 7px;
    margin-bottom: 10px;
}

.fablo div.slider-range-min {
    float: left;
    width: 35px;
    text-align: right;
    font: normal 10pt Tahoma, Verdana, Arial, Helvetica;
}

.fablo div.slider-range-max {
    float: right;
    width: 35px;
    text-align: left;
    font: normal 10pt Tahoma, Verdana, Arial, Helvetica;
}

.fablo div.ui-slider {
    display: block;
    margin-left: 50px;
    margin-right: 50px;
}

.fablo a.ui-slider-handle {
    text-decoration: none;
}

.fablo .ui-slider .ui-slider-tooltip {
   display: none;
   font: 10pt Tahoma, Verdana, Arial, Helvetica;
}

.fablo .ui-slider .ui-slider-tooltip .ttContent input {
	font: 10pt Tahoma, Verdana, Arial, Helvetica;
	border: none;
	width: 95%;
	margin: 0;
	text-align: center;
}
 
.fablo .ui-slider .ui-slider-tooltip .ttContent:hover input {
   border: 1px dashed grey;
   margin: -1px;
}


.fablo .ui-slider .ui-slider-tooltip .ui-state-active, .fablo .ui-slider .ui-state-focus .ui-slider-tooltip, .fablo .ui-slider .ui-slider-tooltip-visible {
   display: block;
   position: absolute;
   bottom: 1em;
   text-align: center;
   padding: .2em 0em .2em;
   width: 3em;
   margin-left: -0.9em;

   -webkit-transition: bottom 0.1s linear;
   -moz-transition: bottom 0.1s linear;
   -o-transition: bottom 0.1s linear;
}

.fablo .ui-slider .ui-state-focus .ui-slider-tooltip, .fablo .ui-slider .ui-slider-tooltip-visible {
    display: block;
    position: absolute;
    bottom: 1em;
}

.fablo .attribute-filters tr:hover .ui-slider .ui-slider-tooltip {
    bottom: 2.1em;
}

.fablo .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down, .fablo .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
   position: absolute;
   display: block;
   width:0;
   height:0;
   border-bottom-width: 0;
   background: none;
}
.fablo .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down {
   border-left: 7px dashed transparent;
   border-right: 7px dashed transparent;
   border-top-width: 8px;
   bottom: -8px;
/*   right: auto;
   left: 50%;
   margin-left: -7px; */
}
.fablo .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
   border-left: 6px dashed transparent;
   border-right: 6px dashed transparent;
   border-top: 7px solid #fff;
   bottom: auto;
   top: -9px;
   left: -6px;
}

.fablo .ui-slider .ui-slider-tooltip.left  .ui-tooltip-pointer-down { left: auto; right: -1px; border-right: 1px dashed transparent; }
.fablo .ui-slider .ui-slider-tooltip.right .ui-tooltip-pointer-down { left: -1px; right auto;  border-left:  1px dashed transparent; }
.fablo .ui-slider .ui-slider-tooltip.left  .ui-tooltip-pointer-down-inner { border-right: 0; }
.fablo .ui-slider .ui-slider-tooltip.right .ui-tooltip-pointer-down-inner { border-left: 0; left: 0; }
.fablo .ui-slider .ui-slider-tooltip.left { border-bottom-right-radius: 0px; left: -20px; }
.fablo .ui-slider .ui-slider-tooltip.right { border-bottom-left-radius: 0px; left: 20px; }

.fablo .attrs-button {
    display: inline;
    height: 18px;
    width: 18px;
    margin: 1px;
    vertical-align: middle;
    background: transparent;
    font-size: 14px;
    border: 0;
}
.fablo .attrs-button:hover {
    border: solid 1px #ccc;
}

.fablo .combo-presentation div .attrs-button { visibility: hidden; }
.fablo .combo-presentation div:hover .attrs-button { visibility: visible; }

.fablo .popup {
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    z-index: 50;
    border-collapse: collapse;
}

.fablo .popup td {
    padding: 0;
    display: table-cell;
    float: none;
    height: auto;
    width: auto;
}

.fablo .popup td.corner {
    height: 15px;
    width: 19px;
}

.fablo .popup td#topleft { background-image: url(bubble/bubble-1.png); }
.fablo .popup td.top { background-image: url(bubble/bubble-2.png); }
.fablo .popup td#topright { background-image: url(bubble/bubble-3.png); }
.fablo .popup td.left { background-image: url(bubble/bubble-4.png); }
.fablo .popup td.right { background-image: url(bubble/bubble-5.png); }
.fablo .popup td#bottomleft { background-image: url(bubble/bubble-6.png); }
.fablo .popup td.bottom { background-image: url(bubble/bubble-7.png); text-align: center;}
.fablo .popup td.mid { background-color: white; }
.fablo .popup td#bottomright { background-image: url(bubble/bubble-8.png); }
.fablo .popup #bubble-tail { width: 30px; height: 29px; background-image: url(bubble/bubble-tail2.png); margin: 0 auto; }

.fablo .popup-contents {
    background: white;
    height: 250px;
    width: 300px;
    font-size: 11px;
    line-height: 1.1em;
    margin: -8px;
    padding: 8px;
}

.fablo .popup-ajax-loading {
    background: url(img/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.fablo .hotword-content {
    font-size: 12px;
    width: 600px;
    margin: 0 auto;
    margin-bottom: 10px;
    text-align: center;
}

.ui-widget-content {
	background-color: #fff ! important;

}


#wyszukiwanie-headline {
	background-color: #2065EE;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	 text-shadow: 0 1px 0 #F3F4F6;
	 color: #fff;
	 font-size: 14px;

	 padding: 10px 5px;
	 margin-top: 7px;
	 margin-bottom: 10px;

	 display: none;

	 width: 562px;
}

#fablo-time {
	font-size: 10px;
	text-shadow: none ! important;	
}
#fablo-time-brak{
	font-size: 10px;
	text-shadow: none ! important;	
}

#fablo-time a {
	 color: #fff;
}