/** 
 * Art 7
 * use Grid Fox or other grid plugin when editing
 * baseline height: 16px; module height:32px; 
 *
 * Main Layout File
 * Sewer Hrehorowicz
 * http://crystalvision.pl
 * 
 */ /* GLOBALS 
-------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

body {
	color: #333;
	font-size: 12px;
	line-height: 18px;
	font-family: Verdana, Lucida, sans-serif;
	text-align: center;
	overflow: auto;
}

body * {
	text-align: left;
}

html {
	background: #fff;
}

img {
	border: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th,td {
	text-align: left;
	font-weight: normal;
}

.wrap {
	width: 954px;
	margin: 0 auto;
}

.clear {
	clear: both;
}

a {
	color: #660000;
}

a:active,a:focus {
	outline: none;
}

h2 {
	font-weight:normal;
}

/* BACKGROUND */
.background-image {
	width: 100%;
	position: absolute;
		top: 0px;
		left: 0px;
	z-index: 1;
}

/* DARK BACKGROUND */
#dark a {
	color: #fff;
}

#dark .Content {
	color: #eee;
}

/* GLOBAL NAVIGATION
----------------------------------------- */
#GlobalNavigation {
	height: 72px;
	background: url("../images/HorizontalLine.png") repeat-x 0 58px;
	font-size: 12px;
	position: relative;
	z-index: 2;
}

#GlobalNavigation #Lang {
	display: block;
	float: right;
	height: 36px;
	line-height: 36px;
	margin-top: 23px;
}
#GlobalNavigation #Lang {
	display:none;
}

#GlobalNavigation ul {
	display: block;
	float: left;
	height: 36px;
	margin-top: 23px;
	margin-left: -6px;
}

#GlobalNavigation li {
	display: block;
	float: left;
	padding-right: 6px;
	padding-left: 6px;
	line-height: 36px;
	height: 36px;
}

#GlobalNavigation a {
	color: #666;
	text-decoration: none;
}

#GlobalNavigation a span {
	display: block;
	width: 100%;
	height: 100%;
}

#GlobalNavigation .active {
	color: #000;
	background: url('../images/GlobalNavigationActive.png') no-repeat bottom
		center;
	height: 45px;
	z-index: 5;
	overflow: visible;
}

#GlobalNavigation a:hover {
	color: #000;
}

/* GLOBAL NAVIGATION - DARK */
#dark #GlobalNavigation a {
	color: #bbb;
}

#dark #GlobalNavigation a:hover {
	color: #fff;
}

#dark #GlobalNavigation .active {
	color: #fff;
	background: url('../images/GlobalNavigationActive-dark.png') no-repeat
		bottom center;
	height: 45px;
	z-index: 5;
	overflow: visible;
}

/* BIG HOVER OVERLAY IMAGES */
#GlobalNavigation span.overlay,#GlobalNavigation span.overlaydark {
	display: none;
	position: absolute;
	height: auto;
	bottom: 0;
	top: 58px;
	left: 0;
	right: 0;
	z-index: 4;
}

#GlobalNavigation span.overlay .wrap,#GlobalNavigation span.overlaydark .wrap
	{
	position: absolute;
	top: 0px;
	width: 954px;
	left: 50%;
	margin-left: -477px;
}

#GlobalNavigation span.overlaydark {
	background: #000;
}

#GlobalNavigation span.overlay .wrap {
	border-top: 1px solid #ccc;
	height: auto;
	bottom: 0;
	top: 0;
}

#GlobalNavigation .wrap .caption {
	display: none;
	font-family: "Adobe Caslon Pro", "Times New Roman", serif;
	font-weight: normal;
	font-style: italic;
	opacity: 0.65;
	/*filter: alpha(opacity=50); looks messy on white background */
	font-size: 36px;
	padding-top: 62px;
	z-index: 2;
}

#GlobalNavigation li:hover .wrap .caption {
	display: block;
}

#GlobalNavigation .overlaydark .caption {
	color: #fff;
}

/* LOCAL NAVIGATION
----------------------------------------- */
#LocalNavigation {
	float: left;
	margin-right: 1px;
	padding-right: 16px;
	margin-bottom: 72px;
}

#LocalNavigation ul:first-child {
	border-top: 1px solid #e0e0e0;
}

#LocalNavigation li {
	list-style-type: none;
	display: block;
	font-size: 13px;
	height: 36px;
}

#LocalNavigation a {
	display: block;
	border-bottom: 1px solid #e0e0e0;
	/*border-top:1px solid #ccc;*/
	height: 35px;
	line-height: 35px;
	padding: 0 8px 0 8px;
	color: #666;
	text-decoration: none;
}

#LocalNavigation a.active {
	color: #000;
	position: relative;
	top: -1px;
	border: 1px solid #e0e0e0;
	height: 35px;
	padding: 0 7px 0 7px;
}

#LocalNavigation .active {
	color: #000;
	position: relative;
	top: -1px;
	border: 1px solid #e0e0e0;
	height: 35px;
	line-height: 35px;
	padding: 0 7px 0 7px;
}

#LocalNavigation a:hover {
	color: #fff;
	border: 0;
	background-color: #3e3e3e;
	height: 36px;
	line-height: 36px;
	padding: 0 8px 0 8px;
	position: relative;
	top: -1px;
}

/* LOCAL NAVIGATION - DARK */

#dark #LocalNavigation ul:first-child {
	border-top: 1px solid #666;
}

#dark #LocalNavigation a {
	border-bottom: 1px solid #666;
	height: 35px;
	line-height: 35px;
	padding: 0 8px 0 8px;
	color: #ccc;

}

#dark #LocalNavigation a.active {
	color: #fff;
	position: relative;
	top: -1px;
	border: 1px solid #666;
	height: 35px;
	padding: 0 7px 0 7px;
}

#dark #LocalNavigation .active {
	color: #fff;
	position: relative;
	top: -1px;
	border: 1px solid #666;
	height: 35px;
	line-height: 35px;
	padding: 0 7px 0 7px;
}

#dark #LocalNavigation a:hover {
	color: #fff;
	border: 0;
	background-color: #3e3e3e;
	height: 36px;
	line-height: 36px;
	padding: 0 8px 0 8px;
	position: relative;
	top: -1px;
}

/* BIG HOVER OVERLAY IMAGES */
#LocalNavigation span.overlay {
	display: none;
	background: #fff;
	position: absolute;
	height: auto;
	top: 180px;
	bottom: 0px;
	margin-left: 177px;
	z-index: 1;
}

/* COLLECTIONS RED BG */
#LocalNavigation .Collections a:hover {
	background: url('../images/CatalogueLocalNavigation-a-hover.png')
		repeat-x top left;
}

/* SIBILINGS NAVIGATION */
#SibilingsNavigation {
	float: left;
	margin-left: 16px;
	padding-left: 16px;
	border-left: 1px solid #ccc;
}

#SibilingsNavigation li {
	list-style-type: none;
	display: block;
	font-size: 13px;
	margin-bottom: 18px;
}

#SibilingsNavigation a {
	color: #666;
	text-decoration: none;
}

#SibilingsNavigation .active,#SibilingsNavigation a:hover {
	color: #000;
}

/* HEADER
----------------------------------------- */
#Header {
	width: 100%;
	margin: 0 auto;
	height: 108px;
	overflow: visible;
	position: relative;
	z-index: 2;
}

#Header .logo {
	float: right;
	padding-top: 39px;
}

#Header h1 {
	font-family: "Adobe Caslon Pro", "Times New Roman", "Adobe Ming Std L", "MS Gothic", serif;
	font-weight: normal;
	font-style: italic;
	opacity: 0.5;
	font-size: 36px;
	/*line-height:54px;*/
	padding-top: 46px;
	/*padding-top:46px;*/
	float: left;
	width:558px;
}

#Header .Welcome h1 {
	font-size: 30px;
	line-height: 32px;
}

#Header .Welcome h1 strong {
	font-size: 36px;
	line-height: 40px;
	font-style: normal;
}

#Header p {
	font-size: 1.4em;
	color: #fff;
	clear: left;
	margin: 0 0 0 100px;
}

/* DARK HEADER */
#dark #Header h1 {
	color: #fff;
}

/* CONTENT
----------------------------------------- */
.Content { /*width: 100%;*
		clear:both; */
	
	position: relative;
	z-index: 2;
}

.Article {
	width: 375px;
	float: left;
	margin: 0;
	text-align:justify !important;
	padding: 0 0 0 15px;
	margin-bottom: 72px;
	border-left: 1px dashed #ededed;
}

.Article ul {
	padding-left:12px;
	}

.Article ul li {
	font-size:11px;
	color:#666;
	}

/* NEWS */
#NewsList {
	width: 288px;
	float: left;
	margin: 0;
	text-align: left;
	margin-bottom: 36px;
}

#NewsList img {
	margin-bottom: 5px;
}

#NewsList h2 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 20px;
}

#NewsList p {
	margin-bottom: 17px;
}

#NewsList a {
	font-size: 11px;
	height: 18px;
	line-height: 18px;
	margin-bottom: 14px;
	color: #666;
	text-decoration: none;
	float: right;
}

#NewsList a:hover {
	text-decoration: underline;
}

#SingleNews {
	width: 522px;
	float: left;
	margin: 0;
	text-align: left;
	margin-bottom: 36px;
}

#SingleNews h2 {
	font-size: 14px;
	font-weight: normal;
	margin-top: 16px;
	margin-bottom: 16px;
}

#SingleNews img {
	margin-bottom: 13px;
}

#SingleNews+#SibilingsNavigation {
	padding-top: 4px;
}

#NewsGallery {
	list-style-type:none;
}

/* CATALOGUE
----------------------------------------- */
.SampleButtons {
	float: right;
	width: 568px;
}
.SampleButtons .CatalogueSelectButton {
	height: 151px;
	margin-bottom: 18px;
	width: 566px;
}

.SampleButtons .CatalogueSelectButton h2 {
	margin-top: -176px;
}

.CatalogueSelectButton {
	float: left;
	display: block;
	overflow: hidden;
	margin-bottom: 72px;
	width: 466px;
	height: 322px;
	border: 1px solid #ccc;
	position: relative;
}

.CatalogueSelectButton+.CatalogueSelectButton {
	float: right;
}

.CatalogueSelectButton h2 {
	padding-left: 36px;
	padding-top: 38px;
	font-family: "Times New Roman", serif;
	font-weight: normal;
	font-style: italic;
	opacity: 0.5;
	font-size: 60px;
	height: 60px;
	line-height: 60px;
	margin-top: -326px;
	margin-bottom: 14px;
}

.CatalogueSelectButton p {
	padding-left: 36px;
	height: 126px;
	overflow: hidden;
	width: 40%;
	margin-bottom: 18px;
}

.CatalogueSelectButton a.action {
	padding-left: 36px;
	font-size: 22px;
	height: 36px;
	line-height: 36px;
	font-family: "Times New Roman", serif;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	opacity: 0.5;
	width: 40%;
	position: absolute;
		bottom: 25px;
}

.CatalogueSelectButton a:hover {
	opacity: 1;
}

/*
Big overlay images triggered on menu hover

#Catalogue #LocalNavigation span {
	display: none;
}

#Catalogue #LocalNavigation a:hover span {
	display: block;
	position: absolute;
	top: 100px;
	width: 666px;
	margin-left: 100px;
	overflow: hidden;
}*/

#Catalogue .Pagination {
	clear: both;
	display: block;
	font-size: 11px;
	padding-bottom: 8px;	
}

#ProductArea {
	width: 666px;
	float: left;
	margin-bottom: 36px;
}

#ProductArea #Image,#ProductArea #Details {
	float: left;
}

#ProductArea #ProductsList {
	clear: both;
}

#ProductsList h2 {
	padding-bottom: 10px;
}

.Collections a,.Collections li.active {
	width: 128px;
}

/* CATALOGUE CATEGORY */
#ProductArea li {
	display: block;
	list-style-type: none;
	float: left;
	padding-right: 18px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 18px;
	padding-bottom: 12px;
}

#ProductsList li {
	display: block;
	list-style-type: none;
	float: left;
	padding-right: 18px;
	border: none;
	margin-bottom: 18px;
	padding-bottom: none;
}

#ProductArea li,#ProductArea li * {
	font-family: Verdana, sans-serif;
	font-size: 11px;
}

.small,.medium,.large {
	display: block;
	width: 684px;
}

.medium li {
	width: 210px;
}

#ProductArea .medium .Third,#ProductArea .small .Sixth,#ProductArea .Last
	{
	padding-right: 0px;
}

#ProductArea img {
	margin-bottom: 13px;
}

#ProductsList img {
	margin-bottom: 0px;
}

#ProductArea a {
	text-decoration: none;
}

#ProductArea #Details { /*width:80%;*/
	margin-left: 16px;
	padding-left: 16px;
	border-left: 1px solid #ccc;
}

/* OLD CATALOGUE
----------------------------------------- */

.ThumbsList {
	float:left;
	width:180px;
	}
	
#OldCatalogue .jcarousel-clip {
	width:180px;
	height:360px;
	} 
	
#OldCatalogue .jcarousel-container {
	width:162px;
	height:396px;
	float:left;
	padding-top:17px;
	border-top:1px solid #ccc;
	margin-right:18px;
	}

.ThumbsList li {
	display:block;
	list-style-type: none;
	float: left;
	width:180px;
	height:360px;
	margin:0;
	padding:0;
		}
		
	.ThumbsList li li {
	width:72px;
	height:72px;
	padding: 0 18px 18px 0;
			} 
		
.ThumbsList a {
	display:block;
	width:70px;
	height:70px;
	border:1px solid #ccc;
	background:#fff;
	}

.ThumbsList a img {
	opacity:0.25;
	}
	
	.ThumbsList a:hover img {
	opacity:1;
	}
	
#OldCatalogue .jcarousel-prev  {
	width:18px;
	height:36px;
	background:url('../images/jCarouselScroller.png') no-repeat top left;
	background-position: -18px 0px;
	/*position:relative;
	top:-72px;*/
	float:left;
	} 
	
	#OldCatalogue div.jcarousel-prev:hover {
	background-position: 0px 0px;
	}
	
	#OldCatalogue div.jcarousel-prev-disabled, #OldCatalogue div.jcarousel-prev-disabled:hover {
	background-position: -18px 0px;
	opacity:0.25;
	}
	
	#OldCatalogue .jcarousel-next {
	width:18px;
	height:36px;
	background:url('../images/jCarouselScroller.png') no-repeat top left;
	background-position: -36px 0px;
	/*position:relative;
	top:-72px;*/
	float:right;
	}
	
	#OldCatalogue div.jcarousel-next:hover {
	background-position: -54px 0px;
	}
	
	#OldCatalogue div.jcarousel-next-disabled, #OldCatalogue div.jcarousel-next-disabled:hover {
	background-position: -36px 0px;
	opacity:0.25;
	}
	
	


/* GALLERY
-------------------------------------------- */
#Gallery {
	/*position:absolute;
	top:72px;
	width:auto;
	left:0;
	right:0;
	z-index:2;*/
	text-align:center;
	}

#test{
	text-align:center;
}
	
#prev_klawisz{
	display:block;
	width:100px;height:100%;
	background: url('../images/prev.png') no-repeat center center;
	text-decoration:none;
	opacity:0.35;
	position:fixed;
	top:0;
	left:0;
}

#prev_klawisz:hover{
	opacity:1;
}


#next_klawisz{
	display:block;
	width:100px;height:100%;
	background: url('../images/next.png') no-repeat center center;
	text-decoration:none;
	opacity:0.35;
	position:fixed;
	top:0;
	right:0;

}	

#next_klawisz:hover{
	opacity:1;
}
	
	
	
#Gallery img {
	 margin:0 auto;
	}


#GalleryNavigation {
	width: 954px;
	height: 36px;
	background: transparent url(../images/Footer.png);
	text-align: center;
	font-size: 11px;
	position: fixed;
	bottom: 0px;
	z-index:3;
	}

#GalleryNavigation .trigger {
	display:block;
	width:954px;
	height:36px;
	background: transparent url(../images/Footer-light.png);
	}
	
#GalleryNavigation .trigger span {
	display:block;
	height:36px;
	color:#a0a0a0;
	}
	
#GalleryNavigation .trigger span span {
	display:inline;
	}
	
#GalleryNavigation>div:hover {
	height:126px;
	position: fixed;
	bottom: 0px;
	left: 50%;
	margin-left: -477px;
	}

#GalleryNavigation .overlay {
	display:block;
	/*position:fixed;
	bottom:0px; stare*/
	height:90px;
	width:954px;
	margin:0;
	padding:0;
	
	}
	
#GalleryNavigation div:hover .overlay {
	display:block;
	height:72px;
	}
	
#GalleryNavigation div:hover #carousel a {
	float:left;
	display:block;
	width:70px;
	height:70px;
	border:1px solid #ccc;
	background:#fff;
	}
	
	#GalleryNavigation div #carousel a {
	float:left;
	display:block;
	width:70px;
	height:70px;
	border:1px solid #ccc;
	background:#fff;
	}
	
	#GalleryNavigation div #carousel a img {
	opacity:0.25;
	}
	
	#GalleryNavigation div:hover #carousel a img {
	opacity:0.25;
	}
	
	#GalleryNavigation div:hover #carousel a:hover img {
	opacity:1;
	}
	
	#GalleryNavigation li {
	display:block;
	width:72px;
	height:72px;
	padding: 0 16px 16px 0;
	margin:0px;
	float:left;
	} 
	

	
	
	
	#GalleryNavigation .jcarousel-clip {
	width:704px;
	height:90px;
	margin:0 auto;
	} 
	
	#GalleryNavigation div:hover .jcarousel-prev  {
	width:18px;
	height:36px;
	background:url('../images/jCarouselScroller.png') no-repeat top left;
	background-position: -18px 0px;
	position:relative;
	top:-72px;
	float:left;
	margin-left:18px;
	} 
	
	#GalleryNavigation div:hover div.jcarousel-prev:hover {
	background-position: 0px 0px;
	}
	
	#GalleryNavigation div:hover div.jcarousel-prev-disabled, #GalleryNavigation div:hover div.jcarousel-prev-disabled:hover {
	background-position: -18px 0px;
	opacity:0.25;
	}
	
	#GalleryNavigation div:hover .jcarousel-next {
	width:18px;
	height:36px;
	background:url('../images/jCarouselScroller.png') no-repeat top left;
	background-position: -36px 0px;
	position:relative;
	top:-72px;
	float:right;
	margin-right:18px;
	}
	
	#GalleryNavigation div:hover div.jcarousel-next:hover {
	background-position: -54px 0px;
	}
	
	#GalleryNavigation div:hover div.jcarousel-next-disabled, #GalleryNavigation div:hover div.jcarousel-next-disabled:hover {
	background-position: -36px 0px;
	opacity:0.25;
	}
	
	
	
	
	/*#GalleryNavigation ul,*//* #GalleryNavigation .jcarousel-container, #GalleryNavigation #carousel {
	width:100%;
	height:128px;
	padding:0;
	}*/

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}

ul#SearchResults li {
	list-style: none;
	margin: 5px 0;
	font-size: 1em;
}

/* SEARCH FORM 
-----------------------------------------------*/
#SearchForm_SearchForm {
	float: right;
	width: 240px;
	margin: 5px;
}

#SearchForm_SearchForm .middleColumn {
	float: left;
	width: 164px;
	margin: 0 5px 0 0;
	padding: 2px;
	background-color: #51a9df;
}

#SearchForm_SearchForm .middleColumn input.text {
	width: 160px;
	border: none;
	color: #666;
}

#SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	float: left;
	margin-top: 2px;
}

/* FOOTER
----------------------------------------------- */
.footer-padding {
	padding-top: 64px;
}

#Footer {
	clear: both;
	width: 954px;
	height: 27px;
	padding-top: 9px;
	background: transparent url(../images/Footer.png);
	text-align: center;
	position: fixed;
	bottom: 0px;
	padding-right:8px;
	z-index: 3;
}

#Footer, #Footer * {
	color:#999;
	font-size: 10px;
	}

#light #Footer {
	border-top: 1px solid #ccc;
	height: 26px;
	background: transparent url(../images/Footer-light.png);
	z-index: 3;
}

#dark #Footer {
	color: #ccc;
	background: transparent url(../images/Footer-dark.png);
}

#fullscreen {
	display:block;
border:none;
height:18px;
padding-right:36px;
float:right;
position:relative;
top:-18px;
	}

 .open-window {
background: transparent url(../images/fullscreen.png) no-repeat top right;
	}
	
	 .close-window {
background: transparent url(../images/close-window.png) no-repeat top right;
	}

/* browser */
#browser {
margin-top:10px;
background:#fff;
border:1px solid #c00;
padding:10px;
}