/* ----- Reset -------------------------------------------------------------- */
html, body, ul, p, h1, h2, h3, h4, form, fieldset, address {
	margin: 0;
	padding: 0;
}
ul li {
	list-style-type: none;
}
a {
	outline: 0;
}
a img {
	border: 0;
}
address {
	font-style: normal;
}

/* ----- Layout ------------------------------------------------------------- */
html, body {
	position: relative;
	width: 100%;
	/*height: 100%;*/
}
body {
	background: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #4d4d4d;
}
#background {
	position: fixed; 
	top: 0; 
	left: 0; 

	/* Preserve aspet ratio */
	min-width: 100%;
	min-height: 100%;
}
#wrapper {
	position: relative;
	width: 960px;
	margin: 0 auto;
	z-index: 1;
}
#faux {
	width: 100%;
	margin: 0;
}
#header {
	position: relative;
	height: 110px;
}
#logo {
	position: absolute;
	top: 25px;
	left: 20px;
}
#cart {
	position: absolute;
	top: 20px;
	right: 0;
	width: 162px;
	height: 51px;
	padding: 15px 0 0 80px;
	background: transparent url(../pics/bgCart.png) left top no-repeat;
}
#cart h3 {
	margin-top: 0;
	color: #1f8fba;
	font-size: 120%;
}
#menu {
	width: 100%;
	margin: 0 0 10px;
	background: transparent url(../pics/bgMenu.png) left center no-repeat;
}
#menu:after {
	display: block;
	height: 0;
	clear: both;  
	visibility: hidden;
	content: ".";
}
#menu li {
	float: left;
}
#menu li a {
	display: block;
	padding: 11px 15px 25px;
	color: #fff;
	font-size: 120%;
	text-decoration: none;
}
#side-panel-a {
	position: relative;
	display: inline;
	float: left;
	width: 201px;
}
#content {
	position: relative;
	display: inline;
	float: left;
	width: 542px;
	margin: 0 8px 20px 8px;
	zoom: 1;
}
#content .content {
	position: relative;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	padding: 10px;
	background-color: #fff;
	z-index: 1;
}
#content .bottom {
	position: relative;
	top: -8px;
	left: 0;
	width: 542px;
	height: 15px;
	background: transparent url(../pics/bgCenterBoxBottom.png) left bottom no-repeat;
	z-index: 0;
}
#side-panel-b {
	position: relative;
	display: inline;
	float: right;
	width: 201px;
}
#footer {
	position: relative;
	background: transparent url(../pics/bgFooter.png) left center no-repeat;
	clear: both;
}
#footer p {
	margin: 10px 0 0 0;
	padding: 11px 15px 26px;
	color: #fff;
}

.box {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0px;
	zoom: 1;
}
.box h2 {
	position: relative;
	border-bottom: 1px solid #d6d6d6;
	margin: 0;
	padding: 11px 0 10px 35px;
	background: transparent url(../pics/bgBoxHeader.png) left bottom no-repeat;
	font-size: 120%;
}
.box .content {
	position: relative;
	border: 1px solid #d6d6d6;
	border-top: 0;
	padding: 1px 0;
	background-color: #fff;
}
.box .bottom {
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 100%;
	height: 12px;
	background: transparent url(../pics/bgBoxBottom.png) left top no-repeat;
}
.box p {
	margin: 15px;
}
.box ul li {
	border-top: 1px solid #d6d6d6;
	margin: 0;
	padding: 7px 0 7px 20px;
	zoom: 1;
}
.box ul li.action {
	background: #FFDC85;
}
.box ul li:first-child {
	border-top: 0;
}
.box ul li a {
	padding: 0 0 0 10px;
	background: transparent url(../pics/bullet.gif) 0 center no-repeat;
	color: #4d4d4d;
}

h1 {
	margin: 0;
	padding: 11px 0 11px 35px;
	background: transparent url(../pics/bgHeader.png) left bottom no-repeat;
	font-size: 120%;
}
h2 {
	margin: 11px 0;
	font-size: 110%;
	font-weight: bold;
}
h3, h4 {
	margin: 11px 0;
	font-size: 110%;
	font-weight: bold;
}
p, address {
	margin: 11px 0;
	font-size: 110%;
}
a {
	color: #1f8fba;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#content li {
	font-size: 110%;
}

table {
	border-collapse: collapse;
}
table th {
	text-align: left;
}
table.products {
	width: 100%;
}
table.products td {
	width: 25%;
	text-align: center;
}
table.products span.product {
	font-weight: bold;
}
table.products td a {
	position: relative;
	display: block;
	border: 1px solid #fff;
	padding: 3px;
	color: #4d4d4d;
	text-decoration: none;
}
table.products td a:hover {
	border: 1px solid #1f8fba;
	text-decoration: none;
}
table.products td a img.action {
	position: absolute;
}
table.productInfo th, table.productInfo td {
	padding: 5px;
}

.pictures {
	float: left;
	width: 250px;
	margin: 5px 5px 5px 0;
}
.pictures .picture {
	text-align: center;
	width: 250px;
	height: 150px;
}

table.basket, table.form {
	width: 100%;
}
table.basket th, table.cart td, table.form th {
	padding: 5px;
}
table.form th {
	width: 150px;
}
table.basket td.delete {
	text-align: center;
}
table.basket td.sum {
	font-size: 140%;
	font-weight: bold;
	text-align: right;
}
table.basket input.count {
	width: 40px;
	text-align: center;
}
table.basket tbody tr td, table.basket tbody tr a {
	color: #098633;
}
table.basket tbody tr.notInStock td, table.basket tbody tr.notInStock a {
	color: #ff0000;
}

fieldset {
	border: 0;
	margin: 11px 0;
}
fieldset.submit {
	border: 0;
	text-align: center;
}
fieldset.submit legend {
	display: none;
}
legend {
	padding: 0 5px;
}
.buttons {
	text-align: center;
}
button, a.button {
	border: 0;
	margin: 0;
	padding: 0 12px 0 0;
	background: transparent url(../pics/bgButtonRight.png) right center no-repeat;
	color: #fff;
	cursor: pointer;
	outline: 0;
}
a.button.orange, table.productInfo a.button {
	background-image: url(../pics/bgButtonRightOrange.png);
}
a.button.blue {
	background-image: url(../pics/bgButtonRightBlue.png);
}
a.button {
	display: inline-block;
}
button span, a.button span {
	display: block;
	margin: 0;
	padding: 5px 0 5px 15px;
	background: transparent url(../pics/bgButtonLeft.png) left center no-repeat;
	outline: 0;
}
a.button.orange span, table.productInfo a.button span {
	background-image: url(../pics/bgButtonLeftOrange.png);
}
a.button.blue span {
	background-image: url(../pics/bgButtonLeftBlue.png);
}

p.infolinka {
	position: absolute;
	left: 50%;
	top: 20px;
	width: 182px;
	height: 59px;
	margin: 0 0 0 -81px;
	padding: 3px 0 8px 60px;
	background: url(../pics/bgInfolinka.png) left top no-repeat;
	color: #FF5854;
}
p.infolinka .phoneNumbers {
	color: #0e62ab;
}

.availability_1 {
	color: green;
}
.availability_4 {
	color: orange;
}

li.actions {
	background-color: #FFDC85;
}

.message, ul.error {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	margin-bottom: 15px;
	padding: 10px;
}
.message.success {
	border-bottom-color: #098633;
	background-color: #78E69D;
}
.message.error, ul.error {
	border-bottom-color: #A6230B;
	background-color: #FF9885;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay {
	background: #fff;
}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/


.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

.slider {
	position: relative;
	width: 530px;
	margin: 0 auto 10px auto;
}

ul.tags {
	margin: 10px 0;
	zoom: 1;
}
ul.tags:after {
	display: block;
	height: 0;
	clear: both;  
	visibility: hidden;
	content: ".";
}
ul.tags li {
	float: left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 2px 5px;
	padding: 3px 5px;
	background: #1f8fba;
}
ul.tags li a {
	color: #fff;
}

ul.breadcrumbs {
	border: 1px solid #d3d3d3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 5px 10px;
	background: #f6f6f6;
}
ul.breadcrumbs li {
	display: inline-block;
	padding-left: 15px;
	background: url("../pics/bullet.gif") 4px center no-repeat;
}
ul.breadcrumbs li a {
	color: #4d4d4d;
	text-decoration: underline;
}
ul.breadcrumbs li a:hover {
	text-decoration: none;
}
ul.breadcrumbs li:first-child {
	padding-left: 0;
	background: none;
}

#hat {
	position: absolute;
	top: 8px;
	left: -10px;
	/*display: none;*/
	width: 112px;
	height: 97px;
	background: transparent url("../pics/hat.png") left top no-repeat;
	behavior: url(/js/PIE.htc);
}

.winter {
	background: #fff url("../pics/bgChristmas.jpg") left top repeat-x;
}
.winter #hat {
	/*display: none;*/
}

.hidden {
	display: none;
}

#frm-frmUser fieldset, #frm-customerLoginForm fieldset, #frm-reservationForm fieldset {
	border: 1px solid #d6d6d6;
	padding: 10px;
}
a.active {
	font-weight: bold;
}
.paginatorLink {
	display: inline-block;
	width: 15px;
}
.paginatorLink:hover {
	font-weight: bold;
}
.hide {
	display: none;
}
.terms {
	height: 200px;
	padding: 5px;
	border: 1px solid #AAA;
	overflow-y: scroll;
	margin-bottom: 10px;
}

.pagination {
	display: inline-block;
	width: 100%;
	margin: 10px 0;
	text-align: center;
}
.pagination .links, .pagination .results {
	padding: 7px;
}
.pagination .links {
	display: inline-block;
}
.pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
}
.pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
}

.eu-cookies {
    position: relative;
    color: white;
    padding: 5px 20px;
    background-color: #1f8fba;
    text-align: center;
    z-index: 1000;
}
.eu-cookies a {
	color: #fff;
}
.eu-cookies button {
    background: green;
    color: white;
}

#topBanner {
	margin-bottom: 10px;
	padding: 10px;
	background-color: #D50032;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#topBanner small {
	font-weight: normal;
}