/**
 * Global styles
 */
body {
	text-align: center; /* this centers #wrap in IE */
	font: 12px/16px Tahoma, Arial, sans-serif;
	color: #252525; /* almost black */
	margin: 0;
	padding: 0;
	background: #fff url('../img/background.gif') repeat-x; /* vertical gradient */
}

/**
 * By default links are red without underlines.
 * :hover - underline appears
 * :visited - standard purple color
 */
a {
	color: #c00; /* red */
	text-decoration: none;
}
a:visited {
	color: purple;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}

/**
 * Disable small-caps in opera
 */
acronym {
	font-variant: normal;
}

/**
 * Little helper class
 */
.clearer {
	clear: both;
}

/**
 * Graphical buttons
 */
button.primary,
button.secondary,
input.primary,
input.secondary {
	border: none;
	padding: 0;
	text-align: center;
	font-weight: bold;
	line-height: 25px;
	height: 25px;
	font-size: 10px;
	background-repeat: no-repeat;
	cursor: pointer;
}
button.primary,
input.primary { /* White text on red background */
	color: white;
	background: #f23333;
}
button.secondary,
input.secondary { /* almost black text on light gray background */
	color: #252525;
	background: #e1e1e1;
}


/**
 * The whole page is wrapped inside this to be centered on screen
 */
#wrap {
	margin: 0 auto;
	width: 994px;
	text-align: left; /* because body is centered to please IE */
}




/**
 * Ekspress Grupp header
 */
#ekspressgrupp {
	/* change default list styles */
	padding: 0 0 0 10px;
	margin: 0 2px 3px 2px;
	
	width: 980px;
	height: 31px;
	background: url('../img/ekspressriba.gif') no-repeat;
}

	#ekspressgrupp li {
		/* change default list item styles */
		display: block;
		list-style-type: none;
		margin: 0;
		float: left
	}

		#ekspressgrupp li a,
		#ekspressgrupp li strong {
			display: block;
			color: white;
			font-size: 11px;
			background: #c00;
			float: left;
			height: 31px;
			line-height: 31px;
			padding: 0 8px;
		}
		#ekspressgrupp li strong {
			color: #252525;
			font-weight: normal;
			background: white url('../img/ekspressriba-active.gif') repeat-x;
		}
		
		#ekspressgrupp li a:hover {
			background: #ee0000;
			text-decoration: none;
		}
		/* Ekspress Grupp logo */
		#ekspressgrupp li.first-child a {
			padding-top: 5px;
			height: 26px;
		}
		#ekspressgrupp li.first-child a:hover {
			background: none;
		}


/**
 * Header
 */
#header {
	width: 990px;
	background: #c00 url('../img/header.gif') no-repeat; /* red background */
	margin: 0 2px;
}
	/* Top part containing logo and banner */
	#header .first-child {
		height: 114px;
	}
		/* Logo */
		#header .first-child h1 {
			margin: 0;
		}
		#header .first-child h1 img {
			display: block;
			position: absolute;
			margin: 20px 0 0 30px;
			color: white;
		}
		
		/* Banner. For flash banner we use <embed>, because that's what OpenAds generates  */
		#header .first-child .banner {
			position: absolute;
			border: 1px solid white;
			margin: 9px 0 0 250px;
			height: 90px;
		}
		#header .first-child .banner p {
			margin: 0;
		}
		#header .first-child .banner p img {
			display: block;
		}
		

	/* Bottom part, containing mainmenu and langmenu */
	#header .last-child {
		height: 25px;
	}
		#mainmenu {
			margin: 0 0 0 10px;
			padding: 0;
		}
			#mainmenu li {
				list-style-type: none;
				height: 25px;
				line-height: 25px;
				float: left;
				background: url('../img/mainmenu-separator.gif') no-repeat left center;
			}
				#mainmenu li a {
					height: 25px;
					display: block;
					float: left;
					padding: 0 10px;
					color: white;
				}
			
			#mainmenu li.selected {
				background: url('../img/mainmenu-active-left.gif') no-repeat top left;
			}
				#mainmenu li.selected a {
					color: #252525; /* almost black */
					background: url('../img/mainmenu-active-right.gif') no-repeat top right;
				}
					/* <strong> is only used for non-CSS-aware browsers */
					#mainmenu li.selected a strong {
						font-weight: normal;
					}
			
			/* login/register button */
			#mainmenu #login-register a {
				height: 20px;
			}
			#mainmenu #login-register a:hover {
				text-decoration: none;
			}
			#mainmenu #login-register a span {
				margin-top: 1px;
				background: url('../img/login-register-left.gif') bottom left no-repeat;
				display: block;
				float: left;
				height: 20px;
			}
			#mainmenu #login-register a span span {
				margin-top: 0;
				background: url('../img/login-register-right.gif') top right no-repeat;
				padding: 0 1em;
				font-size: 11px;
				line-height: 20px;
			}
			
			/* link to RENT page */
			#mainmenu #rent {
				font-weight: bold;
				text-transform: uppercase;
			}
			
		#langmenu {
			list-style-type: none;
			margin:0 9px 0 0;
			padding:0;
			float: right;
			font-size: 10px;
			text-transform: uppercase;
		}
			#langmenu li {
				margin:0;
				padding:0 4px;
				display: inline;
				line-height: 25px;
			}
			#langmenu li a {
				color: #f98e8e; /* pink */
			}
			#langmenu li a:hover {
				color: white;
				text-decoration: none;
			}
			#langmenu li strong {
				font-weight: normal;
				color: white;
			}
	
	/* Optional menu under main menu */
	#submenu {
		margin: 3px 0 0 0;
		padding: 0 0 0 10px;
		height: 25px;
	}
		#submenu li {
			list-style-type: none;
			margin: 0;
			height: 25px;
			line-height: 25px;
			float: left;
			background: url('../img/submenu-separator.gif') no-repeat right;
		}
		#submenu li.last-child {
			background-image: none;
		}
			
			#submenu li a {
				color: #252525; /* almost black */
				padding: 0 10px;
				line-height: 25px;
				display: block;
				float: left;
			}
			#submenu li.selected a {
				background: #FFF3C1;
			}
			#submenu li.selected a strong {
				#font-weight: normal;
			}







/**
 * Everything between header and footer
 * This includes the actual page-content and right-banners
 */
#content-wrap {
	margin-top: 1px;
	width: 994px;
}
 
	#content-wrap .banners {
		width: 120px;
		float: right;
		margin-top: 2px;
	}
	
		#content-wrap .banners div,
		#content-wrap .banners a {
			display: block;
			margin: 0 0 5px 0;
		}
		#content-wrap .banners img {
			display: block;
		}
		#content-wrap .banners embed {
			margin: 0;
			padding: 0;
			display: block;
		}
		
		#content-wrap .banners .scrolling-banner {
			clear: both;
			height: 600px;
			position: relative ! important;
			width: 120px;
		}
			#content-wrap .banners .scrolling-banner div {
				position: absolute;
				left: 1px;
				top: 1px;
				width: 120px;
				height: 600px;
			}
	
	#page-content {
		float: left;
		clear: both;
		background: url('../img/maincontent-top.gif') no-repeat top left;
	}
		#page-content-2 {
			padding: 6px 0;
			background: url('../img/maincontent-bottom.gif') no-repeat bottom left;
		}
		#page-content-3 {
			padding: 0 9px 1px 9px;
			background: url('../img/maincontent.gif') repeat-y;
		}




/**
 * Footer
 */
#footer {
	font-size: 11px;
	clear: both;
	margin: 0;
	padding: 10px 0 20px 0;
}
	#footer span.first-child {
		padding-right: 8px;
		border-right: 1px solid #c9c9c9; /* gray line between two footer parts*/
	}
	#footer span.last-child {
		padding-left: 8px;
	}
	#footer a {
		padding: 0 8px; 
	}











/**
 * Boxes with rounded corners and/or shadows
 *
 * Specifying 7px height in many places is for IE.
 * Also the overflow stuff of course.
 */
.box {
	background-position: top left;
	background-repeat: repeat-y;
	overflow: hidden;
}
	.box-inner {
		background-position: top right;
		background-repeat: repeat-y;
		padding-left: 7px;
		padding-right: 7px;
		overflow: hidden;
		zoom:1; /*hack for IE*/
	}
	
	.box-top-left {
		background-position: top left;
		background-repeat: no-repeat;
		height: 7px;
		overflow: hidden;
	}
	.box-top-right {
		background-position: top right;
		background-repeat: no-repeat;
		height: 7px;
		overflow: hidden;
	}
	
	.box-bottom-left {
		background-position: bottom left;
		background-repeat: no-repeat;
		height: 7px;
		overflow: hidden;
		clear:both;
	}
	.box-bottom-right {
		background-position: top right;
		background-repeat: no-repeat;
		height: 7px;
		overflow: hidden;
	}
	
	.box-content { padding: 3px 1em; }
	
	.roundbox { background-image: url(../img/box/roundbox-left.gif); background-color: #f3f3f3; }
	.roundbox .box-inner { background-image: url(../img/box/roundbox-right.gif); }
	.roundbox .box-top-left { background-image: url(../img/box/roundbox-top.gif); }
	.roundbox .box-top-right { background-image: url(../img/box/roundbox-top-right.gif); }
	.roundbox .box-bottom-left { background-image: url(../img/box/roundbox-bottom.gif); }
	.roundbox .box-bottom-right { background-image: url(../img/box/roundbox-bottom-right.gif); }
	
	.shadowbox,
	.highlightbox { background-image: url(../img/box/shadowbox-left.gif); }
	.shadowbox .box-inner,
	.highlightbox .box-inner { background-image: url(../img/box/shadowbox-right.gif); }
	.shadowbox .box-top-left,
	.highlightbox .box-top-left { background-image: url(../img/box/shadowbox-top.gif); }
	.shadowbox .box-top-right,
	.highlightbox .box-top-right { background-image: url(../img/box/shadowbox-top-right.gif); }
	.shadowbox .box-bottom-left,
	.highlightbox .box-bottom-left { background-image: url(../img/box/shadowbox-bottom.gif); }
	.shadowbox .box-bottom-right,
	.highlightbox .box-bottom-right { background-image: url(../img/box/shadowbox-bottom-right.gif); }

	.shadowbox { background-color: white; }
	.highlightbox { background-color: #fff3c1; }



/**
 * Heading inside box
 */
.round-heading { margin: 0 }
.round-heading span { display: block }
.round-heading span span span { padding: 0 0.5em; }

	.round-heading { background: url(../img/box/heading-top-left.png) top left no-repeat; }
	.round-heading span { background: url(../img/box/heading-top-right.png) top right no-repeat; }
	.round-heading span span { background: url(../img/box/heading-bottom-left.png) bottom left no-repeat; }
	.round-heading span span span { background: url(../img/box/heading-bottom-right.png) bottom right no-repeat; }

	/* Specific font for H2 heading */
	h2.round-heading {
		font-size: 16px;
		line-height: 2.1em;
		font-weight: normal;
	}



/**
 * Optional expander (e.g. "see more") at the bottom of box
 */
.expander {
	background-color: #ececec;
	background-position: top left;
	background-repeat: repeat-y;

}
	.expander div {
		background-position: top right;
		background-repeat: repeat-y;
	}
	.expander div div {
		background-position: bottom left;
		background-repeat: no-repeat;
	}
	.expander div div div {
		background-position: bottom right;
		background-repeat: no-repeat;
		padding: 0 4px 7px 4px;
	}
	.expander p {
		text-align: center;
		border-top: 1px solid #949494;
		margin: 0;
		padding: 5px 0;
	}
	.expander a {
		color: black;
		text-decoration: none;
	}
	.expander a:hover {
		text-decoration: underline;
	}
	.expander img {
		position: relative;
		top: 0.25em;
		border: none;
	}

	.roundbox .expander             { background-image: url(../img/box/roundbox-left.gif); }
	.roundbox .expander div         { background-image: url(../img/box/roundbox-right.gif); }
	.roundbox .expander div div     { background-image: url(../img/box/roundbox-bottom.gif); }
	.roundbox .expander div div div { background-image: url(../img/box/roundbox-bottom-right.gif); }
	
	.shadowbox .expander             { background-image: url(../img/box/shadowbox-left.gif); }
	.shadowbox .expander div         { background-image: url(../img/box/shadowbox-right.gif); }
	.shadowbox .expander div div     { background-image: url(../img/box/shadowbox-bottom.gif); }
	.shadowbox .expander div div div { background-image: url(../img/box/shadowbox-bottom-right.gif); }



/**
 * Generic layout styles
 */
#leftbar {
	float: left;
}
#rightbar {
	float: left;
	padding-left: 4px;
}


/**
 * Sidebar Layout
 */
.sidebar-layout #page-content {
	width: 864px;
}
.sidebar-layout #leftbar {
	width: 218px;
}
.sidebar-layout #rightbar {
	width: 624px;
}

/**
 * Detailview Layout
 */
.detailview-layout #page-content {
	width: 864px;
}
.detailview-layout #leftbar,
.detailview-layout #rightbar {
	width: 421px;
}

/**
 * Wide Layout
 */
.wide-layout #page-content {
	width: 994px;
	float: left;
	clear: both;
	background: url('../img/maincontent-wide-top.gif') no-repeat top left;
}
.wide-layout #page-content-2 {
	padding: 6px 0;
	background: url('../img/maincontent-wide-bottom.gif') no-repeat bottom left;
}
.wide-layout #page-content-3 {
	padding: 0 9px 1px 9px;
	background: url('../img/maincontent-wide.gif') repeat-y;
}

.wide-layout #leftbar {
	width: 218px;
}
.wide-layout #rightbar {
	width: 752px;
}

/**
 * Wide Layout with banner column
 */
.wide-layout-2 #page-content {
	width: 994px;
	float: left;
	clear: both;
	background: url('../img/maincontent-wide-top.gif') no-repeat top left;
}
.wide-layout-2 #page-content-2 {
	padding: 6px 0;
	background: url('../img/maincontent-wide-bottom.gif') no-repeat bottom left;
}
.wide-layout-2 #page-content-3 {
	padding: 0 9px 1px 9px;
	background: url('../img/maincontent-wide.gif') repeat-y;
}
.wide-layout-2 #rightbar {
	width: 966px;
}

/**
 * Wide Layout with banner column
 */
.wide-layout-banners #page-content {
	width: 864px;
	float: left;
	clear: both;
	background: url('../img/maincontent-wide-banners-top.gif') no-repeat top left;
}
.wide-layout-banners #rightbar {
	width: 838px;
}

/**
 * Gallup
 */
#gallup form {
	margin: 0;
}

	#gallup h3 {
		margin: 0 0 0.5em 0;
		font-size: 1em;
		font-weight: normal;
	}
	
	#gallup ul {
		margin: 0;
		padding: 0 0 0 1.8em;
	}
	
	#gallup ul li {
		list-style-type: none;
		display: block;
		text-indent: -1.8em;
		margin: 0.25em 0;
	}

	#gallup p {
		margin: 1em 0 0 0;
	}
	
	#gallup button.primary {
		background-image: url('../img/form/submit-button-red-64px.gif');
		width: 64px;
	}
	#gallup button.secondary {
		background-image: url('../img/form/submit-button-gray-94px.gif');
		width: 94px;
	}


/**
 * Statistics
 */
#statistics table {
	border-collapse: collapse;
	width: 100%;
}
	#statistics table th,
	#statistics table td {
		padding: 0.3em 0
	}
	
	#statistics table th {
		font-weight: normal;
		text-align: left;
	}
	
	#statistics table td {
		text-align: right;
	}

/**
 * Gallery
 */
#gallery-list .description {
	margin-bottom: 15px;
}
#gallery-list div.list-block {
	overflow: hidden;
	float: left;
	width: 256px;
	height: 230px;
	margin: 0 14px 14px 0;
}
#gallery-list div.last-child {
	margin: 0;
}
#gallery-list div.list-block img {
	width: 256px;
	display: block;
}
#gallery-list div.text {
	padding: 5px 5px 5px 5px;
	font-family: arial;
}
#gallery-list div.text strong {
	font-size: 20px;
	line-height: 30px;
}

#gallery-list div.pic-block img {
	width: 800px;
	display: block;
}

#gallery-list .gallery-block {
	clear: both;
	overflow: hidden;
	vertical-align: top;
	margin: 5px 0;
}
	#gallery-list .gallery-block img{
		display: block;
		float: left;
		margin: 0px 15px 0px 0;
	}
	
	#gallery-list .gallery-block a.title{
		display: block;
		margin-left:200px;
		margin: 0 0 5px 0;
		font-size: 14px;
		font-weight: bold;
		color: #c00;
	}
	#gallery-list .gallery-block a.visited{
		color: #c00;
	}
	#gallery-list .gallery-block span {
		padding: 0;
		text-align: justify;
		margin-left: 200px;
		display: block;
	}

#gallery-list button.primary {
	background-image: url('../img/form/submit-button-red-64px.gif');
	width: 64px;
}
#gallery-list .voting {
	width: 254px;
	margin-top: 2px;
	text-align: right;
	height: 25px;
}
#gallery-list .voting form {
	margin: 0;
}


/**
 * Webform error
 */
.error {
	color: red;
	font-weight: 700;
}
.input-error {
	background-color: #FFAAAA;
}

.multilang-textareas {
}
	.multilang-textareas .hide {
		display: none;
	}
	.multilang-textareas .box-content{  /*without this IE acted weirdly*/
		width: 99%;
		padding: 0 0;
	}

	.multilang-textareas textarea {
		width: 100%;
		height: 100px;
	}
	.multilang-textareas label {
		width: 100% !important;
		display: block !important;
		float: none !important;
	}


	.multilang-textareas a, .multilang-textareas a:visited {
		color: #c00;
	}
	.multilang-textareas a.bold {
		color: #c00;
		font-weight: bold;
	}

#compare {
}
	#compare table {
		width: 100%;
		border-collapse: collapse;
	}

	#compare table th {
		padding: 5px;
		background: #ccc;
		font-size: 12px;
		text-align: left;
		font-weight: bold;
		border: 1px solid #000;
	}

	#compare table tr.dark-row {
		background: #efefef;
	}
	
	#compare table td {
		padding: 2px;
		vertical-align: top;
		text-align: center;
	}

	#compare table td.title {
		padding: 2px 2px 2px 5px;
		font-weight: bold;
		text-align: left;
	}

	#compare a.image-holder {
		display: block;
		width: 98px;
		height: 74px;
		margin: 0 auto 10px auto;
		background: #ccc;
		border: 1px solid #000;
	}
	#compare a.image-holder:hover {
		text-decoration: none;
	}

#main-toolbar {	
	float: left;
	width: 225px;
}
#main-toolbar.mode2 {	
	float: none;
	width: auto;
}

#main-toolbar .box-content{	
	padding: 5px 0;

}

#main-toolbar ul {
		padding: 0 0 0 45px;
		margin: 0px 0 0 0;
		min-height: 32px;
		background: transparent url('../img/main_toolbar/tools.gif') no-repeat 5px;
	}
		#main-toolbar li {
			list-style-type: none;
			margin: 0;
			height: 14px;
			line-height: 14px;
		}
		#main-toolbar li.last-child {
			background-image: none;
		}
			
			#main-toolbar li a{
				color: #252525; 
				padding: 0 0px;
				line-height: 14px;
				display: block;
				float: left;
			}
			#main-toolbar li.selected a{
				font-weight: bold;
			}
/**
 * comments
 */
#gallery-comments span {
	font-weight: bold;
}
#gallery-comments p {
	
}
#gallery-comments button.list-comment {
	background-image: url('../img/form/submit-button-red-100px.gif');
	width: 100px;
}

/*
 * add form
 */
#gallery-add form {
	margin: 0;
	padding: 0;
}
#gallery-add form label {
	display: block;
	float: left;
	width: 80px;
}
#gallery-add form input {
	display: block;
	float: left;
	width: 250px;
	margin-bottom: 2px;
}
#gallery-add form br {
	clear: left;
}

#gallery-add form textarea {
	float: none;
	width: 320px;
	height: 100px;
}
#gallery-add form label.description {
	float: none;
}
#gallery-add p.contains-button {
	text-align: center;
	width: 172px;
	margin-left: auto;
	margin-top: 2px;
}
#gallery-add button.primary {
	background-image: url('../img/form/submit-button-red-172px.gif');
	width: 172px;
}

#standalone-login {
	width:400px;
	margin: 0 auto 0 auto;
}
	#standalone-login label{
		width: 120px;
		display: block;
		float: left;
	}
	#standalone-login input{
		width: 150px;
		display: block;
		clear:right;
	}
	#standalone-login select{
		width: 80px;
		display: block;
		clear:right;
	}
	#standalone-login input.btn {
		background-image: url('../img/form/submit-button-red-77px.gif');
		width: 77px;
		height: 25px;
		margin: 10px 0 0 20px;
		border: none;
		color: #fff;
	}

#login-info-box {
	padding: 0;
}
	
	#login-info-box .box-content{
		padding: 0 5px;
		margin: 0;
	}
	#login-info-box p {
		margin: 0;
		padding: 0;
	}
	#login-info-box table {
		margin-left:20px;
		width: 500px;
	}