/**
 * Copyright (c) 2006-2007, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 *
 * Version 0.6.1 - 07.08.2007
 *
 */

/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component {
	text-align:center;
	margin: 0 auto;
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none;/* component turns it on when first item is rendered */	
}
				
.carousel-component ul.carousel-list { 
	width:100000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
}

/**
 * VERTICAL CAROUSEL DEFAULTS
 **/
.carousel-component .carousel-vertical li { 
	margin-bottom:0px;

	/* Fix for extra spacing in IE */
	float:left;
    clear:left;  
	
	/* Force the LI to respect the HEIGHT specified */
	overflow:hidden;
	display:block;
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari... as in up/down button not working in some examples. */	 
.carousel-component ul.carousel-vertical {
	width:auto;
}

.carousel-component .carousel-clip-region { 
	overflow: hidden; /* Secret to the clipping */
	margin: 0px auto;
	position: relative; 
/*	width: 880px; 
	height: 150px;
*/
	padding: 0 0 10px 0;
}

/**
 * ==============================================================================
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/
.carousel-component { 
	padding:8px 16px 4px 16px;
	margin-top:0px;
	text-align:center;
	margin:0 auto;
}

.carousel-component .carousel-list li { 
	margin-right:4px;
	width:145px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
	               img.border-left (1) + img.border-right (1)*/
	/*height:238px;  image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */
	/*	margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a { 
	/*display:block;
	border:1px solid #e2edfa;
	outline:none;*/
}

.carousel-component .carousel-list li a:hover { 
/*	border: 1px solid #aaaaaa; */
}

.carousel-component .carousel-list li img { 
	padding: 5px;
	/*border:1px solid #999;
	display:block;*/
}
	
.carousel-component .carousel-prev { position: absolute; top: 20px; left: 0; z-index: 3; cursor: pointer; background: transparent url(/images/www/carusel/prev.png) no-repeat top left; }
.carousel-component .carousel-next { position: absolute; top: 20px; right: 0; z-index: 3; cursor: pointer; background:transparent url('/images/www/carusel/next.png') no-repeat top left; }
.carousel-component { padding: 0; }
.carousel-component ul.carousel-list { margin: 0; padding: 0; line-height:0; }
.carousel-component .carousel-list li { 
	text-align:center;
	margin:0px;
	padding:2px 0px;
/*	font:10px verdana,arial,sans-serif; */
	line-height:normal;
	color:#666;
}
.carousel-list li .mainBlock {
	margin: 0px 2px;
}

.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}
/*

div#carousel { margin: 0; }
div#carousel-controls { width: 200px; height: 25px; line-height: 23px; margin: 0 auto; background: url('/images/www/carusel/bg_carousel_controls.png') 100% 0 no-repeat;}
div#carousel-controls a { display: block; float: left; width: 24px; height:25px; font-size: 0; line-height: 0; text-indent: -10000px; overflow: hidden; background-position: 0 0; background-repeat: no-repeat; }
div#carousel-controls a#main-page-carousel-prev { background-image: url('/images/www/carusel/btn_prev.png'); }
div#carousel-controls a#main-page-carousel-next { background-image: url('/images/www/carusel/btn_next.png'); }

div#carousel li p.desc { display: none; }
/* div#carousel-info { width: 220px; height: auto; float: right; z-index: 2; position: relative; } *

div#carousel li { height: 80px; padding: 15px 5px; background: none; }
div#carousel li img { height: 100%; }
div#carousel li.hi { height: 100px; padding: 5px 5px; }
*/

div#bloczek_zobacz div.content { padding: 0px } 
div#mycarousel li { width: 130px; padding: 15px 5px 5px; margin: 0; font-size: 11px; font-weight: bold; color: #000 }
div#mycarousel div#carousel-clip-region { padding-bottom: 0px }
div#mycarousel li a { font-weight:bold; }
div#mycarousel li label { font-size:11px } 

div#bloczek_podobne div.content { padding: 0px } 
div#similarcarousel li { width: 130px; padding: 15px 5px 5px; margin: 0; font-size: 12px }
div#similarcarousel div#carousel-clip-region { padding-bottom: 0px }
div#similarcarousel li a { font-weight:bold; }
div#similarcarousel li label { font-size:11px }

div#bloczek_gravity div.content { padding: 0px } 
div#gravitycarousel li { width: 130px; padding: 15px 5px 5px; margin: 0; font-size: 11px; font-weight: bold; color: #000 }
div#gravitycarousel div#carousel-clip-region { padding-bottom: 0px }
div#gravitycarousel li a { font-weight:bold; }
div#gravitycarousel li label { font-size:11px }