/*
search #BBE31A #5B7F42
event #F2C71D #D56A21
content #D6EAED #69BBC6
result #EAF7BA #5C8212
eventres #FEF9E8 #D56A21
contact #AED8E9 #69BBC6
*/
	/** general **/

	body {
		/* background-image: url(images/taustakuva.gif); */
		/*
		background-repeat: repeat-y;
		*/
		background-image: url(images/taustakuva.png);
		background-attachment: fixed;
		text-align: center;
	}
	body, div, table, td, span, input, textarea {
		font-family: 'Arial', 'Helvetica';
		font-size: 12px;
	}
	body, div, img {
		margin: 0;
		padding: 0;
		border: 0;
		text-align: left;
	}
	form {
		margin: 0px;
		padding: 0px;
	}
	div#container {
		width: 974px;
		z-index: 1;
		margin: 0 auto;
		text-align: left;
		/* height: 1500px; */
		background-color: #ffffff;
		padding-left: 50px;
		padding-right: 50px;
	}
	div.clear {
		clear: both;
		float: none;
	}

	/** common **/
	div.title {
		font-size: 16px;
		font-weight: bold;
		clear: left;
		font-style: italic;
	}
	div.titleDesc {
		font-style: italic;
		font-size: 10px;
	}
	div.titleButton {
		float: right;
	}
	.bold {
		font-weight: bold;

	}


	/** menu **/
	div#menu {
		text-align: right;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	div#menu, div#menu a {
		color: #50a050;
		text-decoration: none;
		font-weight: bold;
		font-style: italic;
	}


	/** advertisement **/
	div#advertisement {
		float:right;
		width: 175px;
		margin-top: 10px;
	}
	div#advertisement img {
		clear: both;
		margin-bottom: 10px;
	}

	/** search **/
	div.searchField input.search {
		border:0px;
		height:23px;
		padding: 0;
		margin: 0;
		width: 500px;
		background-color: #ffffff;
		color: #000000;
		font-size: 14px;
		font-style:italic;
		padding-top: 6px;
	}
	div.search div.iefix {
		position: relative;
		top: 90px;
		left: 640px;
		height: 23px;
		width: 1px;
	}
	div.search div.inner {
		position: relative;
		top: -23px;
	}

	div.searchField input.prompt1 /*, div.searchField input.prompt2*/ {
		border:0px;
		height:21px;
		padding: 0;
		margin: 0;
		width: 500px;
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-position: center left;
		color: #000000;
		padding-top: 8px;
	}
	div.searchField input.prompt1 {
		background-image: url(images/search_all.gif);
	}
	/*
	div.searchField input.prompt2 {
		background-image: url(images/search_product.gif);
	}
	*/
	input.searchButton {
		position: relative;
		top: 5px;
		margin-left: 10px;
		height: 29px;
		border: 0px;
	}
	div.searchLetters {
		margin-top: 5px;
	}
	div.searchLetters a {
		font-weight: bold;
		font-size: 12px;
		color: #ffffff;
		text-decoration: none;
		font-style: italic;
	}


	/** search result **/
	div.searchres a {
		color: #5c8212;
		text-decoration: none;
		font-weight: bold;
		font-style: italic;
	}
	div.searchresItem {	
		color: #000000;
		margin-bottom: 10px;
	}
	div.searchresItem a {
		font-weight: bold;
		color: #000000;
	}
	span.keywords {
		color: #5c8212;
		font-style: italic;
	}

	/** event **/
	div.event {
		color: #000000;
	}
	div.event div.button {
		position: relative;
		top: 75px;
		left: 95px;
		width: 196px;

	}
	div.event div.inner {
		position: relative;
		top: -30px;
	}
	div.eventdata {
		color: #000000;
		margin-bottom: 20px;
	}
	span.eventDate {
		font-weight:bold;
		font-size: 10px;
	}
	span.eventDetails {
		color: #000000;
		font-weight:normal;
		font-size: 10px;
	}
	span.eventMsg {
		color: #d56a21;
		font-style: italic;
		font-weight:normal;
		font-size: 10px;
	}
	div.eventres a {
		color: #d56a21;
		text-decoration: none;
		font-weight: bold;
		font-style: italic;
	}
	


	/** product **/
	img.productImage {
	}
	div.productImage {
		position: relative;
		text-align: center;
		width: 110px;
		height: 150px;
		padding: 10px;
		border: 1px solid #eeeeee;
		margin-left: 10px;
		top: -20px;
		overflow: hidden;
	}
	div.productInfo {
		position: relative;
		font-size: 10px;
		margin-top: 5px;
		padding-top: 5px;
		border-top: 2px solid #325096;
		width: 100%;
		top: -20px;
	}
	div.productInfo a {
		color: #000000;
		text-decoration: none;
	}
	div.productPrice, div.productPrice a {
		text-align: right;
		font-size: 18px;
		color: #a00000;
		font-weight: bold;
		font-style: italic;
		text-decoration: none;
	}
	div.productPrice span.productEur, div.productPrice a span.productEur {
		color: #000000;
		font-size: 18px;
		font-weight: normal;
		font-style: normal;
	}
	div.productPrice {
		position: relative;
		height: 20px;
		top: 290px;
	}
	span.clientName {
		color: #d56a21;
		font-size: 10px;
		font-weight: bold;
		font-style: normal;
	}
	span.infoLink {
		color: #5c8212;
		text-decoration: none;
		font-weight: normal;
	}
	span.infoLink:hover {
		text-decoration: underline;
	}
	div.infoSpacer {
		margin-top: 5px;
	}



	/** contact **/
	div.contactLeft {
		clear: left;
		float: left;
	}
	div.contactRight {
		/*float: right;*/
	}
	div.address {
		float: left;
		font-style: italic;
	}
	div.openHours {
		float: right;
		text-align: right;
		color: #ffffff;
		font-weight: bold;
	}
	div.info div.inner {
		font-style: italic;
	}
	div.descriptionTitle {
		font-weight:bold;
		margin-bottom: 10px;
	}
	div.map {
		float: right;
		/*width: 360px;*/
		margin-top: 10px;
	}
	div.buttonLeft {
		float: left;
		/*width: 160px;*/
		margin-right: 35px;
	}
	div.buttonRight {
		/*float: right;*/
		/*width: 160px;*/
	}
	div.mapImage {
		margin-top: 10px;
		float: none;
		clear: both;
		/*width: 360px;*/
	}


	/** footer **/
	div.footer, div.footer a {
		margin-right: 190px;
		text-align: right;
		margin-top: 5px;
		color: #909090;
		font-size: 10px;
		font-weight: normal;
		font-style: italic;
	}

	div#topBar {
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 30px;
		background-color: #606060;
		border-bottom: 1px solid #000000;
		margin-bottom: 10px;
	}
	div#topBar, div#topBar a {
		color: #e0e0e0;
		text-decoration: none;
		font-weight: bold;
	}
	div#topBar div#logout {
		text-align: right;
	}
	div#logout {
		margin-right: 10px;
		padding-top: 8px;
	}


	/** misc **/

	.center {
		text-align: center;
	}

	.group {
		border: 3px solid #f0f6ff;
		padding: 10px;
		margin-bottom: 20px;
	}
	
	.eventspacer {
		height: 5px;
	}


	/** form **/
	
	input, textarea, select {
		border: 1px solid #a0a0a0;
		padding: 2px;
	}

	.imagebutton {
		border: 0px;
		padding: 0px;
	}

	.button {
		background-color: #e0e0e0;
		color: #000000;
	}

	.okbutton {
		color: #000000;
		background-color: #e0e0e0;
		background-image: url(icons/accept.gif);
		background-repeat: no-repeat;
		background-position: 2px center;
		padding-left: 18px;
	}
	.addbutton {
		color: #000000;
		background-color: #e0e0e0;
		background-image: url(icons/add.gif);
		background-repeat: no-repeat;
		background-position: 2px center;
		padding-left: 18px;
	}
	.deletebutton {
		color: #a00000;
		background-color: #ffc0c0;
		background-image: url(icons/delete.gif);
		background-repeat: no-repeat;
		background-position: 2px center;
		padding-left: 18px;
	}
	.savebutton {
		color: #000000;
		background-color: #e0e0e0;
		background-image: url(icons/disk.gif);
		background-repeat: no-repeat;
		background-position: 2px center;
		padding-left: 18px;
	}
	textarea {
		width: 300px;
		height: 100px;
	}
	.huge {
		height: 150px;
	}
	input.formtext {
		width: 300px;
	}


	/** boxes **/

	/** search **/
	div.search { width: 665px; background-color: #bbe31a; color: #5b7f42; float: left; margin-right: 5px; }
	div.search div.inner { height: 80px; margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; }
	div.search div.roundtopleft { background: url(images/search_lt.gif) no-repeat top left; width: 10px; height: 10px; }
	div.search div.roundtopright { background: url(images/search_rt.gif) no-repeat top right; }
	div.search div.roundbottomleft { background: url(images/search_lb.gif) no-repeat bottom left; width: 10px; height: 10px; }
	div.search div.roundbottomright { background: url(images/search_rb.gif) no-repeat bottom right; }

	/** search result **/
	div.searchres { width: 790px; background-color: #eaf7ba; color: #5c8212; float: left; margin-top: 10px; clear: left; }
	div.searchres div.inner { height: 100%; margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; }
	div.searchres div.roundtopleft { background: url(images/result_lt.gif) no-repeat top left; width: 10px; height: 10px; }
	div.searchres div.roundtopright { background: url(images/result_rt.gif) no-repeat top right; }
	div.searchres div.roundbottomleft { background: url(images/result_lb.gif) no-repeat bottom left; width: 10px; height: 10px; }
	div.searchres div.roundbottomright { background: url(images/result_rb.gif) no-repeat bottom right; }

	/** event **/
	div.event { width: 295px; background-color: #f2c71d; color: #d56a21; float: right; margin-left: 5px; }
	div.event div.inner { height: 70px; margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; }
	div.event div.roundtopleft { background: url(images/event_lt.gif) no-repeat top left; width: 10px; height: 10px; }
	div.event div.roundtopright { background: url(images/event_rt.gif) no-repeat top right; }
	div.event div.roundbottomleft { background: url(images/event_lb.gif) no-repeat bottom left; width: 10px; height: 10px; }
	div.event div.roundbottomright { background: url(images/event_rb.gif) no-repeat bottom right; }

	/** event result **/
	div.eventres { width: 790px; background-color: #fef9e8; color: #d56a21; float: left; margin-top: 10px; clear: left; }
	div.eventres div.inner { height: 100%; margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; }
	div.eventres div.roundtopleft { background: url(images/eventres_lt.gif) no-repeat top left; width: 10px; height: 10px; }
	div.eventres div.roundtopright { background: url(images/eventres_rt.gif) no-repeat top right; }
	div.eventres div.roundbottomleft { background: url(images/eventres_lb.gif) no-repeat bottom left; width: 10px; height: 10px; }
	div.eventres div.roundbottomright { background: url(images/eventres_rb.gif) no-repeat bottom right; }

	/** content **/
	div.content { width: 790px; background-color: #d6eaed; color: #325096; float: left; margin-top: 10px; clear: left; overflow: hidden; }
	div.content div.inner { height: 100%; margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; }
	div.content div.roundtopleft { background: url(images/content_lt.gif) no-repeat top left; width: 10px; height: 10px; }
	div.content div.roundtopright { background: url(images/content_rt.gif) no-repeat top right; }
	div.content div.roundbottomleft { background: url(images/content_lb.gif) no-repeat bottom left; width: 10px; height: 10px; }
	div.content div.roundbottomright { background: url(images/content_rb.gif) no-repeat bottom right; }

	/** product **/
	div.product { width: 170px; height: 355px; background-color: #ffffff; color: #000000; float: left; margin-top: 10px; margin-right: 20px; margin-bottom: 15px; }
	div.product div.inner { height: 335px; margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; overflow: hidden; }
	div.product div.roundtopleft { background: url(images/container_rb.gif) no-repeat top left; width: 10px; height: 10px; }
	div.product div.roundtopright { background: url(images/container_lb.gif) no-repeat top right; }
	div.product div.roundbottomleft { background: url(images/container_rt.gif) no-repeat bottom left; width: 10px; height: 10px; }
	div.product div.roundbottomright { background: url(images/container_lt.gif) no-repeat bottom right; }

	/** product edit **/
	div.productEdit { width: 760px; background-color: #ffffff; color: #000000; float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 20px; }
	div.productEdit div.inner { height: 270px; margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; }
	div.productEdit div.roundtopleft { background: url(images/container_rb.gif) no-repeat top left; width: 10px; height: 10px; }
	div.productEdit div.roundtopright { background: url(images/container_lb.gif) no-repeat top right; }
	div.productEdit div.roundbottomleft { background: url(images/container_rt.gif) no-repeat bottom left; width: 10px; height: 10px; }
	div.productEdit div.roundbottomright { background: url(images/container_lt.gif) no-repeat bottom right; }

	/** contact **/
	div.contact { width: 400px; background-color: #aed8e9; color: #325096; float: left; margin-top: 10px; }
	div.contact div.inner { height: 100px; margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; }
	div.contact div.roundtopleft { background: url(images/contact_lt.gif) no-repeat top left; width: 10px; height: 10px; }
	div.contact div.roundtopright { background: url(images/contact_rt.gif) no-repeat top right; }
	div.contact div.roundbottomleft { background: url(images/contact_lb.gif) no-repeat bottom left; width: 10px; height: 10px; }
	div.contact div.roundbottomright { background: url(images/contact_rb.gif) no-repeat bottom right; }

	/** info **/
	div.info { width: 400px; background-color: #ffffff; color: #000000; float: left; margin-top: 10px; clear: left; }
	div.info div.inner {  margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; }
	div.info div.roundtopleft { background: url(images/container_rb.gif) no-repeat top left; width: 10px; height: 10px; }
	div.info div.roundtopright { background: url(images/container_lb.gif) no-repeat top right; }
	div.info div.roundbottomleft { background: url(images/container_rt.gif) no-repeat bottom left; width: 10px; height: 10px; }
	div.info div.roundbottomright { background: url(images/container_lt.gif) no-repeat bottom right; }

	/** misc **/
	div.misc { width: 760px; background-color: #ffffff; color: #000000; float: left; margin-top: 10px; margin-right: 20px; margin-bottom: 20px; }
	div.misc div.inner { height: 100%; margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; }
	div.misc div.roundtopleft { background: url(images/container_rb.gif) no-repeat top left; width: 10px; height: 10px; }
	div.misc div.roundtopright { background: url(images/container_lb.gif) no-repeat top right; }
	div.misc div.roundbottomleft { background: url(images/container_rt.gif) no-repeat bottom left; width: 10px; height: 10px; }
	div.misc div.roundbottomright { background: url(images/container_lt.gif) no-repeat bottom right; }


	a.pager, span.pager {
		padding: 2px;
		border: 1px solid #000000;
		color: #000000;
		text-decoration: none;
		background-color: #ffffff;
		margin-left: 2px;
		margin-right: 2px;
	}


#loginKey {
	position: absolute;
	top:10px;
	left:50%;
	margin-left: 450px;
}

#loginDiv {
	position: absolute;
	top:10px;
	left:50%;
	background-color: #ffffff;
	border: 1px solid #d0d0d0;
	padding: 10px;
	width: 200px;
	display: none;
	margin-left: 245px;
}

#loginDiv input {
	border: 1px solid #e0e0e0;
	width: 100px;
}
#loginDiv #loginClose {
	position: relative;
	top: -10px;
	left: 25px;
}

#loginDiv #loginOk {
	position: relative;
	top: 12px;
	left: 25px;
}





.like {
	position: relative;
	float:none;
	clear: both;
	display: none;
	height: 20px;
	text-align: center;
	top: 335px;
	margin-top: -20px;
	
}


a.title {
		font-size: 16px;
		font-weight: bold;
		clear: left;
		font-style: italic;
		text-decoration: none;
		color: #325096;
}