/**
* The CSS "constructor" with relevant stylesheets, default styles for basic elements and page specific classes
*
* Copyright (c) 2013, Mementopark Hungary
* version: 1.0
*/

/* Import related stylesheets */
@import url('reset.css');


/* Globals */
html
{
	min-height: 100%;

	background-color: #e6dabf;
	background-image: url('../images/footer.png'), url('../images/background.png');
	background-position: bottom center, top center;
	background-attachment: scroll, fixed;
	background-repeat: repeat-x, no-repeat;
}

body
{
	font-size: 16px;
	font-family: sans-serif, arial, helvetica;
	line-height: 20px;
	padding-bottom: 320px;

	color: #333;
}

table
{
	font-size: inherit;
	font: 100%;
}

a
{
	color: #ea1a1e;
}

	a:hover
	{
		text-decoration: none;
	}

h1,
h2,
h3,
h4,
h5,
p,
ul
{
	margin-top: 10px; margin-bottom: 10px;
}

strong
{
	font-weight: bold;
}

h1,
h2,
h3
{
	font-family: 'Mouse Memoirs', sans-serif;
	text-transform: uppercase;

	color: #ea1a1e;
}

	h1
	{
		font-size: 40px;
		line-height: 48px;
	}

	h2
	{
		font-size: 32px;
		line-height: 42px;
	}

	h3
	{
		font-size: 24px;
		line-height: 32px;
	}

input[type='text'],
input[type='number'],
input[type='email'],
select,
textarea
{
	padding: 5px;

	border: 1px solid #000;
	border-radius: 5px;
}

	input[type='text'].datepicker
	{
		width: 70px;
		text-align: center;
	}

	input[type='text'].small
	{
		width: 100px !important;
	}

	input[type='text'].error,
	input[type='number'].error,
	select.error
	{
		border: 1px solid #ea1a1e;
	}

input[type='submit'],
input[type='reset'],
input[type='button']
{
	padding: 4px 8px;
	text-transform: uppercase;

	color: #b12024;
	background-color: #dedddd;
	border: 1px solid #000000;
	border-radius: 3px;
}

input[type='submit'],
input[type='reset'],
input[type='button']
{
	cursor: pointer;
}

.red
{
	color: #ea1a1e;
}

.clearfix {
	float: none;
	clear: both;
}

.printonly
{
	display: none;
}

#ui-datepicker-div {
	z-index: 4000 !important;
}


/* Typography */
div.typography
{
}

	div.typography ul
	{
		margin-left: 20px;
		list-style-type: disc;
	}

		div.typography ul li
		{
			margin-top: 3px; margin-bottom: 5px;
			list-style-type: disc;
		}

	div.typography img.mementoparkMapThumb
	{
		float: right;
		clear: right;
		width: 300px;
		margin: 10px 0 10px 10px;

		border: 1px solid #a89982;
	}


/* Grids */
div.grid50
{
	float: left;
	width: 45%;
	overflow: hidden;
	margin-right: 5%;
}

div.grid40
{
	float: left;
	width: 35%;
	overflow: hidden;
	margin-right: 5%;
}

div.grid60
{
	float: left;
	width: 55%;
	overflow: hidden;
	margin-right: 5%;
}


/* Layout */
div#Layout
{
}

	div#Layout div.maxWidth
	{
		width: 960px;
		overflow: hidden;
		margin: 0 auto;
	}


/* Top */
div#Top
{
	height: 310px;
	overflow: hidden;
	margin-top: 20px;
	font-family: 'Mouse Memoirs', sans-serif;
	font-size: 32px;
	line-height: 22px;
	text-transform: uppercase;
}

	/* Header */
	div#Top div.header
	{
		height: 160px;
		overflow: hidden;
		background-color: #f9edd2;
		background-image: url('../images/header-bg.jpg');
		background-position: bottom right;
		background-repeat: no-repeat;
	}

		div#Top div.header div.logo
		{
			margin-top: 20px;
			margin-left: 6px;
		}

	/* Language Selector */
	div#Top div.languageSelector
	{
		float: right;
		width: 117px;
		height: 36px;
		overflow: hidden;
		margin-top: 2px; margin-right: 2px;
	}

		div#Top div.languageSelector a.hu img,
		div#Top div.languageSelector a.en:hover img
		{
			margin-top: 0;
		}

		div#Top div.languageSelector a.en img,
		div#Top div.languageSelector a.hu:hover img
		{
			margin-top: -38px;
		}

	/* Language Flags */
	div#Top div.languageFlags
	{
		float: right;
		margin-top: 2px; margin-right: 6px;
	}

		div#Top div.languageFlags img
		{
			height: 26px !important;
		}

	/* Slogan */
	div#Top div.slogan
	{
		height: 40px;
		line-height: 40px;
		overflow: hidden;
		margin-top: 10px;
		padding-left: 12px;

		color: #000;
		background-image: url('../images/mainmenu-bg.jpg');
	}

	/* MainMenu */
    div#Top div.mainMenu,
    div#Top div.subMenu
	{
        font-size: 28px;
		margin-top: 10px;
		height: 40px;
		overflow: hidden;
		background-image: url('../images/mainmenu-bg.jpg');
	}

        div#Top div.subMenu
        {
            font-size: 24px;
        }

        div#Top div.mainMenu ul.menu,
        div#Top div.subMenu ul.menu
		{
		}

			div#Top div.mainMenu ul.menu li,
            div#Top div.subMenu ul.menu li
            {
				float: left;
				margin-left: 12px;
				padding-right: 30px;

				background-image: url('../images/star.png');
				background-repeat: no-repeat;
				background-position: right top;
			}

				div#Top div.mainMenu ul.menu li a,
                div#Top div.subMenu ul.menu li a
				{
					text-decoration: none;
				}

					div#Top div.mainMenu ul.menu li a:hover,
                    div#Top div.subMenu ul.menu li a:hover
					{
						color: #000;
					}

			div#Top div.mainMenu ul.menu li.last,
            div#Top div.subMenu ul.menu li.last
			{
				background-image: none;
				padding-right: 0;
			}

		div#Top div.mainMenu ul.icons,
        div#Top div.subMenu ul.icons
		{
			float: right;
			margin-top: -10px;
		}

			div#Top div.mainMenu ul.icons li,
            div#Top div.subMenu ul.icons li
			{
				float: left;
				margin-top: 4px; margin-right: 5px;
			}

				div#Top div.mainMenu ul.icons li img,
                div#Top div.subMenu ul.icons li img
				{
					width: 32px;
					height: 32px;
				}

/* Footer */
div#Footer
{
	display: none;
	clear: both;
}

	div#Footer ul
	{
		font-size: 20px;
		font-family: 'Mouse Memoirs', sans-serif;
		text-transform: uppercase;

		color: #ea1a1e;
	}

		div#Footer ul li
		{
			float: left;
			width: 150px;
			margin-left: 5px; margin-right: 5px;
		}

			div#Footer ul li ul
			{
				font-size: 14px;
				font-family: sans-serif, arial, helvetica;
				line-height: 22px;
				text-transform: none;
				margin-top: 5px;

				color: #333;
			}

				div#Footer ul li ul li
				{
					float: none;
					width: auto;
					margin-left: 0; margin-right: 0;
				}

					div#Footer ul li ul li a
					{
						text-decoration: none;

						color: #333;
					}

						div#Footer ul li ul li a:hover
						{
							color: #ea1a1e;
						}


/* Home */
div#Home
{
}

	div#Home div.panel01
	{
		height: 350px;
		/*overflow: hidden;*/
		margin-top: 10px;
	}

	div#Home div.panel02,
	div#Home div.panel02
	{
		height: 488px;
		overflow: hidden;
		margin-top: 10px;
		padding: 15px 480px 15px 15px;
		cursor: pointer;

		background-repeat: no-repeat;
	}

		div#Home div.panel02en
		{
			background: url('../images/home/panel02-bg-en.png');
		}

		div#Home div.panel02hu
		{
			background: url('../images/home/panel02-bg-hu.png');
		}

		div#Home div.panel02it
		{
			background: url('../images/home/panel02-bg-it.png');
		}

		div#Home div.panel02 h1,
		div#Home div.panel02 h2,
		div#Home div.panel02 p
		{
			margin: 0;
		}

	div#Home div.panel03
	{
		margin-top: 10px;
	}

	div#Home div.panel04
	{
		height: 163px;
		overflow: hidden;
		margin-top: 10px;
		line-height: 0;
	}

	div#Home div#Slides
	{
		float: left;
		width: 640px;
		height: 350px;
		overflow: hidden;
	}

		div#Home div#Slides a.slidesjs-play,
		div#Home div#Slides a.slidesjs-stop
		{
			display: none;
		}

		div#Home div#Slides ul.slidesjs-pagination
		{
			position: absolute;
			margin-top: -25px;
			z-index: 10;
		}

			div#Home div#Slides ul.slidesjs-pagination li
			{
				float: left;
			}

				div#Home div#Slides ul.slidesjs-pagination li a
				{
					float: left;
					width: 20px;
					height: 20px;
					overflow: hidden;
					line-height: 20px;
					text-align: center;
					text-decoration: none;
					font-weight: bold;
					margin-left: 5px;

					color: #000;
					background-color: #ed1c24;
				}

				div#Home div#Slides ul.slidesjs-pagination li a.active
				{
					background-color: #f6ecd2;
				}

			div#Home div#Slides ul.slidesjs-pagination li:hover
			{
			}

				div#Home div#Slides ul.slidesjs-pagination li:hover a
				{
					background-color: #f6ecd2;
				}

	div#Home div#CrossWords
	{
	}

		div#Home div#CrossWords ul
		{
		}

			div#Home div#CrossWords ul li
			{
				float: left;
				width: 154px;
				overflow: hidden;
				margin-right: 7px;
			}

			div#Home div#CrossWords ul li.last
			{
				margin-right: 0;
			}


/* SubPage */
div#SubPage
{
	margin-top: 10px;
}

	div#SubPage div.tabs
	{
	}

		div#SubPage div.tabs ul,
		div#SubPage div.tabs ul.singleton
		{
		}

			div#SubPage div.tabs ul li,
			div#SubPage div.tabs ul.singleton li
			{
			}

				div#SubPage div.tabs ul li a,
				div#SubPage div.tabs ul.singleton li
				{
					float: left;
					text-decoration: none;
					font-family: 'Mouse Memoirs', sans-serif;
					font-size: 32px;
					line-height: 32px;
					text-transform: uppercase;
					margin-bottom: -1px;
					padding: 5px 25px 5px 15px;

					color: #2e2e78;
					background-color: #e5ddc8;
					border: 1px solid #a89982;

					border-top-right-radius: 16px;
				}

			div#SubPage div.tabs ul li.current,
			div#SubPage div.tabs ul li.current:hover
			{
			}

				div#SubPage div.tabs ul li.current a,
				div#SubPage div.tabs ul li.current:hover a,
				div#SubPage div.tabs ul.singleton li
				{
					background-color: #f1ead8;
					border-bottom: 1px solid #f1ead8;
				}

			div#SubPage div.tabs ul li:hover
			{
			}

				div#SubPage div.tabs ul li:hover a
				{
					background-color: #f1ead8;
					border-bottom: 1px solid #a89982;
				}

	div#SubPage div.content
	{
		float: left;
		width: 920px;
		clear: both;
		padding: 20px;

		background-color: #f1ead8;
		border: 1px solid #a79b83;
	}

		div#SubPage div.content div.tabContent
		{
			display: none;
		}

		div#SubPage div.content input.printButton
		{
			float: right;
			margin-top: 15px;
		}


/* Attachments */



div#Attachments
{
}

	div#Attachments table
	{
		width: 100%;
	}

	div#Attachments table th,
	div#Attachments table td
	{
		padding: 5px 10px;

		border-bottom: 1px solid #a79b83;
	}

		div#Attachments table tbody tr:last-child th,
		div#Attachments table tbody tr:last-child td
		{
			border-bottom: none;
		}

	div#Attachments table thead th
	{
		font-weight: bold;
	}

	div#Attachments table tbody tr:hover
	{
		cursor: pointer;

		background-color: #ede6d4;
	}

		div#Attachments table tbody tr:hover a
		{
			text-decoration: none;
		}

	div#Attachments table tbody td.icon
	{
		width: 35px;
	}

		div#Attachments table tbody td.icon img
		{
			width: 35px;
			min-height: 35px;
			height: auto;
		}


/* Booking */

div.bookingDiscount
{
	position: absolute;
	margin-left: 885px;
	margin-top: -18px;
	z-index: 1000;
}

	div.bookingDiscount img
	{
		width: 75px;
	}

div.bookingForm
{
	/*float: right;*/
	width: 320px;
	/*height: 350px;*/
	overflow: hidden;
	font-size: 13px;
	line-height: 16px;

	position: absolute;
	margin-left: 640px;
	height: 450px;
}

	div.bookingForm div.bookingTabs
	{
		height: 46px;
		overflow: hidden;
		margin-left: 2px;

		background: url('../images/booking/booking-tabs-bg.png');
		background-repeat: no-repeat;
	}

		div.bookingForm div.bookingTabs ul
		{
		}

			div.bookingForm div.bookingTabs ul li
			{
				margin-left: 24px;
			}

	div.bookingForm div.bookingContent
	{
		padding: 0 9px 9px 16px;
		height: 373px;
		overflow: hidden;

		background: url('../images/booking/booking-content-bg.png');
		background-repeat: no-repeat;
		background-position: top right;
	}

		div.bookingForm div.bookingContent input[type='text'],
		div.bookingForm div.bookingContent input[type='number'],
		div.bookingForm div.bookingContent select
		{
			padding: 3px;
			border-radius: 2px;

			background-color: transparent;
		}

		div.bookingForm div.bookingContent input[type='text'],
		div.bookingForm div.bookingContent input[type='number']
		{
			width: 50px;
		}

		div.bookingForm div.bookingContent input[type='number']
		{
			text-align: right;
		}

		div.bookingForm div.bookingContent input[type='text'].datepicker
		{
			width: 70px;
		}

		div.bookingForm div.bookingContent hr
		{
			margin-top: 5px; margin-bottom: 5px;
			padding: 0;
			height: 0;
			overflow: none;

			border: none;
			border-top: 1px solid #b11116;
			border-bottom: 1px solid #b11116;
		}

		div.bookingForm div.bookingContent p.intro
		{
			margin-top: 0;
			padding-top: 5px;
		}

		div.bookingForm div.bookingContent p.bus,
		div.bookingForm div.bookingContent p.loudspeaker
		{
			padding-left: 45px;
		}

		div.bookingForm div.bookingContent p.bus
		{
			background: url('../images/booking/bus.png');
			background-repeat: no-repeat;
			background-position: 1px top;
		}

		div.bookingForm div.bookingContent p.loudspeaker
		{
			background: url('../images/booking/loudspeaker.png');
			background-repeat: no-repeat;
			background-position: 3px top;
		}

		div.bookingForm div.bookingContent fieldset
		{
			margin: 5px 0;
		}

			div.bookingForm div.bookingContent fieldset label
			{
				float: left;
				width: 220px;
				padding-top: 3px; padding-right: 5px;
			}

			div.bookingForm div.bookingContent fieldset label.narrow
			{
				float: left;
				width: 150px;
				padding-top: 3px; padding-right: 5px;
			}

			div.bookingForm div.bookingContent fieldset div.inputWrapper
			{
				text-align: right;
			}

			div.bookingForm div.bookingContent fieldset.bookingFixTimeWrapper
			{

			}

			div.bookingForm div.bookingContent fieldset.radios
			{
				padding-right: 7px;
			}

				div.bookingForm div.bookingContent fieldset.radios label
				{
					width: auto;
				}

				div.bookingForm div.bookingContent fieldset.radios div.inputWrapper
				{
					float: right;
					width: auto;
					margin-left: 10px;
				}

					div.bookingForm div.bookingContent fieldset.radios div.inputWrapper label
					{
						float: none;
						width: auto;
						padding-left: 5px;
					}

		div.bookingForm div.bookingContent div.formActions
		{
			margin-top: 10px;
			font-weight: bold;
		}

			div.bookingForm div.bookingContent div.formActions label
			{
				padding-top: 2px;
			}

			div.bookingForm div.bookingContent div.formActions div.buttons
			{
				float: right;
				margin-top: -20px;
			}

				div.bookingForm div.bookingContent div.formActions div.buttons input[type='button']
				{
				}

		div.bookingForm div.bookingContent p.warning
		{
			padding-top: 5px;
			font-size: 12px;
		}

	div.bookingForm div.bookingFooter
	{
		height: 20px;
		overflow: hidden;
		text-align: right;
		padding-top: 3px; padding-right: 12px;

		background: url('../images/booking/booking-footer-bg.png');
	}

		div.bookingForm div.bookingFooter a
		{
			text-decoration: none;

			color: #fff;
		}

div.bookingFormExpanded
{
	position: absolute;
	float: none;
	margin-left: 640px;
	height: auto;
	overflow: auto;
}

	div.bookingFormExpanded div.bookingContent
	{
		height: auto;
	}

div.bookingFormCollapse
{
	position: absolute;
	margin-left: 928px;
	z-index: 100;
	display: none;
}


/* Gallery */
div.gallery
{
	margin-top: 3px;
}

	div.gallery div.viewer
	{
		float: left;
		width: 250px;
		height: 205px;
		overflow: hidden;
		line-height: 0;
		margin-right: 1px;

		border: 1px solid #000;
	}

		div.gallery div.viewer img
		{
			width: 250px;
			height: 100%;
		}

	div.gallery div.thumbnails
	{
		float: left;
		width: 450px;
	}

		div.gallery div.thumbnails ul
		{
		}

			div.gallery div.thumbnails ul li
			{
				float: left;
				width: 70px;
				height: 65px;
				margin-bottom: 3px; margin-left: 3px;

				border: 1px solid #000;
			}

				div.gallery div.thumbnails ul li img
				{
					width: 70px;
					height: 100%;
				}

		div.gallery div.thumbnails p.more
		{
			float: right;
			text-align: right;
			font-weight: bold;
			margin: 0;
		}


/* Image carousel */

div.image_carousel
{
	height: 122px;
	overflow: hidden;
}

	div.image_carousel ul
	{
		margin: 0;
		padding: 0;
	}

		div.image_carousel ul li
		{
			float: left;
			width: 120px;
			height: 85px;
			padding: 22px 0 15px 0;

			background: url('../images/carousel/carousel-bg.png');
		}

			div.image_carousel ul li div.imageWrapper
			{
				height: 83px;
				overflow: hidden;

				border: 1px solid #ff8f64;
			}

				div.image_carousel ul li div.imageWrapper img
				{
					width: 120px;
				}


/* Standard table form */
table.form
{
}

	table.form tr
	{
	}

		table.form tr th,
		table.form tr td
		{
			padding: 3px;
			vertical-align: top;
		}

		table.form tr th
		{
			width: 130px;
		}

			table.form tr th.booking
			{
				width: 330px;
			}

			table.form tr td input[type='text'],
			table.form tr td input[type='email'],
			table.form tr td textarea,
			table.form tr td select
			{
				width: 95%;
			}

			table.form tr td select
			{
				width: 98%;
			}

			table.form tr td div.fieldError
			{
				color: #ea1a1e;
			}

	table.form tr.formActions
	{
	}

		table.form tr.formActions td
		{
			padding-left: 336px;
		}


/* Inline popup dimensions */
div.inlinePopup
{
	width: 800px;
	height: 600px;
	overflow: auto;
}

/* Facebox popup */
iframe.popupGallery
{
	width: 735px;
	height: 425px;
}

/* Popup and AJAX page CSS overwrites */
html.popup
{
	background-color: #e6dabf;
	background-image: url('../images/background.png');
	background-position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

	body.popup
	{
		padding-bottom: 0;
	}

		/* Layout */
		body.popup div#Layout
		{
			padding-bottom: 0;
			background-image: none;
		}

			body.popup div#Layout div.maxWidth
			{
				width: 100%;
				overflow: hidden;
			}

		/* MainWrapper */
		body.popup div#MainWrapper
		{
			float: none;
			width: 100%;
			margin: 0;
		}

		/* ContentWrapper */
		body.popup div#ContentWrapper
		{
			float: none;
			width: 96%;
			padding: 0 2%;
		}

		/* Gallery */
		body.popup div.gallery
		{
			margin-top: 10px;
		}

			body.popup div.gallery div.viewer
			{
				width: 350px;
				height: 400px;
				overflow: hidden;
				margin-right: 15px; margin-bottom: 10px;

				border: none;
			}

				body.popup div.gallery div.viewer a
				{
					cursor: default;
				}

				body.popup div.gallery div.viewer img
				{
					width: 350px;
					height: auto;
				}

			body.popup div.thumbnails
			{
				float: right;
				width: 340px;
				height: 400px;
				overflow: auto;
				margin-top: -10px;
			}

				body.popup div.thumbnails ul
				{
				}

					body.popup div.thumbnails ul li
					{
						width: 70px;
						height: 70px;
						margin-bottom: 8px; margin-left: 8px;
					}

						body.popup div.thumbnails ul li img
						{
							width: 70px;
							height: 100%;
						}

/* AJAX CSS overwritings */
div#AjaxContentWrapper
{
	width: 710px;
}