/* classes with png transparency -=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=- */
a.zoomer, a.zoomout
{behavior: url(js/iepngfix.htc)}
/* generic -=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=- */
html, body {background:#ebf4f7;}
body {
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	color: #333;
}
a {
	color: #069;
	outline: 0;
}
a:hover {
	color: #000;
}
.left {float: left}
.right {float: right}
.clear {clear: both; line-height: 0px}
.clean {border: none; padding: 0; margin: 0; background: none;}
#stuff, #stuff_small {
	padding: 12px 0;
	position: relative;
}
	#stuff_small {
		width: 524px;
	}

/* hide something */
#logo strong {display: none}
/* headers */
h2 {
	font-weight: bold;
	font-size: 15px;
	color: #9ab9c6;
	display: inline-block;
}
h6 {
	font-weight: bold;
	font-size: 15px;
	color: #9ab9c6;
	display: block;
	padding: 16px 0 3px 0;
}
/* forms */
input {
	border-left: 1px solid #bababa;
	border-top: 1px solid #bababa;
	padding: 4px;
	font-size: 12px;
	background: #FFF;
}
	input.error, select.error, textarea.error {
		background: #ffd5d5 !important;
		border: 1px solid #ff6666 !important;
	}

/* buttons */
a.btn_y_sm {
	display: inline-block;
	font-size: 13px;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	background:url(/images/btn.gif) left top no-repeat; 
	height: 26px;
}
	a.btn_y_sm span {
		background:url(/images/btn.gif) right -166px no-repeat; 
		display: inline-block;
		height: 21px;
		padding: 5px 26px 0 26px;
		cursor: pointer;
	}
		a:hover.btn_y_sm {background:url(/images/btn.gif) left -26px no-repeat;}
		a:hover.btn_y_sm span {background:url(/images/btn.gif) right -192px no-repeat;}
a.btn_search {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	background:url(/images/btn.gif) left -104px no-repeat; 
	height: 31px;
	float: right;
	font-size: 14px;
}
	a.btn_search span {
		background:url(/images/btn.gif) right -270px no-repeat; 
		display: block;
		height: 24px;
		padding: 7px 26px 0 26px;
		cursor: pointer;
	}
		a:hover.btn_search {background:url(/images/btn.gif) left -135px no-repeat;}
		a:hover.btn_search span {background:url(/images/btn.gif) right -301px no-repeat;}
a.btn_blue {
	display: inline-block;
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	background:url(/images/btn.gif) left -52px no-repeat; 
	height: 26px;
}
	a.btn_blue span {
		background:url(/images/btn.gif) right -218px no-repeat; 
		display: inline-block;
		height: 20px;
		padding: 6px 12px 0 12px;
		cursor: pointer;
	}
		a:hover.btn_blue {background:url(/images/btn.gif) left -78px no-repeat;}
		a:hover.btn_blue span {background:url(/images/btn.gif) right -244px no-repeat; color: #FFF;}
a.secondary {
	color: #9ab9c6;
	font-size: 12px;
	font-weight: bold;
	padding: 0 12px;
}
	a.secondary span {
		display: inline-block;
		height: 20px;
	}
	a:hover.secondary {
		color: #5589a8;
	}
	
.notification {
	font-size: 11px;
	color: #5489a7;
	font-weight: bold;
}
/* header -=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=- */
#header {
	background:url(/images/head_bg.jpg) left top repeat-x;
}
	.content {width: 944px; margin: 0 auto;}
	ul#lang {
		float: left;
	}
		ul#lang li {
			float: left;
		}
			ul#lang li a {
				display: block;
				padding: 11px 0;
				margin: 0 12px 0 0;
				font-size: 11px;
				color: #e7f0f4;
			}
				ul#lang li a:hover, ul#lang li a.sel {color: #FFF; text-decoration: none;}
					
	ul#products {
		float: right;
		margin: 0 -3px 0 0;
	}
		ul#products li {
			float: left;
		}
			ul#products li a {
				display: block;
				font-size: 14px;
				color: #FFF;
				text-decoration: none;
				border-left: 1px solid #b0d2e0;
			}
			ul#products li a strong, ul#products li a.sel strong {
				display: block;
				padding: 10px 14px;
				font-weight: bold;
			}
				ul#products li a:hover, ul#products li a.sel {
					background:#ebf4f7 url(/images/prod_menu_left.jpg) left bottom no-repeat;
					color: #569aa9;
				}
					ul#products li a:hover strong, ul#products li a.sel strong {
						background: url(/images/prod_menu_right.jpg) right bottom no-repeat;
					}
	
	a#logo {
		float: left;
		width: 199px;
		height: 63px;
		background:url(/images/logo.gif) left top no-repeat;
		margin: 32px 0 20px 0;
	}
	
	.page_title {
		font-size: 15px;
		color: #9ab9c6;
		padding: 5px 0;
		border-bottom: 1px solid #CCC;
		width: 100%;
		font-weight: bold;
	}
	
/* footer -=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=- */
	
#main {
	background: #FFF url(/images/m_t.jpg) left top repeat-x;
	width: 970px;
	margin: 0 auto;
	position: relative;
}
	#main .l_t {width: 970px; background:url(/images/m_l_t.jpg) left top no-repeat}
	#main .r_t {width: 970px;background:url(/images/m_r_t.jpg) right top no-repeat}
	#main .r {width: 970px; background:url(/images/m_r.jpg) right top repeat-y}
	#main .l {width: 970px;background:url(/images/m_l.jpg) left top repeat-y}
	
		.info {padding: 10px 24px 20px 24px;}	
		
#stream {
	background: #fcfcfc url(/images/m_f_t.jpg) left top repeat-x;
	width: 970px;
	margin: 0 auto;
}
	#stream .l_t {background:url(/images/m_f_l_t.jpg) left top no-repeat}
	#stream .r_t {background:url(/images/m_f_r_t.jpg) right top no-repeat}
	#stream .r {background:url(/images/m_f_r.jpg) right top repeat-y}
	#stream .l {background:url(/images/m_f_l.jpg) left top repeat-y}
	#stream .b {background:url(/images/m_b.jpg) left bottom repeat-x}
	#stream .l_b {background:url(/images/m_l_b.jpg) left bottom no-repeat}
	#stream .r_b {background:url(/images/m_r_b.jpg) right bottom no-repeat}
	

#footer {
	width: 910px;
	margin: 16px auto;
	background:url(/images/logo_footer.gif) right top no-repeat;
	padding: 0 0 10px 0;
}
	
	ul#submenu li {
		float: left;
		background:url(/images/div.gif) right 4px no-repeat;
		margin: 0 10px 0 0;
	}
	ul#submenu li.last {
		background:none;
	}
		
	
		ul#submenu li a {
			display: block;
			padding: 0 11px 0 0;
		}
		
		#copy {
			font-size: 11px;
			color: #999;
			padding: 20px 0 0 0;
		}



/* sidebar -=-=-=-=-=-=-=-=--=-==-=-=--===--=-=-=-=-=-=-=-=-=-=-=-= */
#sidebar {
	float: left;
	width: 209px;
	padding: 20px 0 10px 11px;
}
	#userblock {
		padding: 0 10px 10px 10px;
		border-right: #e5e5e5 1px solid;
		border-bottom: #e5e5e5 1px solid;
	}
	#userblock ul {
		padding: 6px 0;
	}
		#userblock ul li {padding: 3px 0;}
	
		#userblock input.login {
			background: #f5f5f5;
			width: 178px;
		}
		#userblock label {
			font-size: 11px;
			padding: 0 0 0 4px;
		}
		#userblock a.btn_y_sm {float: left}
		a.reg {
			float: right;
			font-weight: bold;
			color: #069;
			padding: 6px 0 0 0;
		}
			a:hover.reg {color: #000}
	ul#product_menu li a {
		display: block;
		padding: 6px;
		color: #999;
		border-top:solid 1px #FFF;
		border-right:solid 1px #d9d9d9;
		border-bottom:solid 1px #d9d9d9;
		border-left:solid 1px #dfebf0; 
		background: #dfebf0;
		text-decoration: none;
	}
		ul#product_menu li a span, ul#product_menu li a strong {
			color:#333;
			text-decoration: underline;
		}
			ul#product_menu li a strong, ul#product_menu li a.sel strong {font-weight: bold; color: #000;}
			ul#product_menu li a:hover {background: #c7dbe3}
			ul#product_menu li a:hover span {color: #000;}
		
		ul#product_menu li a.sel {
			border-top:solid 1px #d9d9d9;
			border-right:solid 1px #FFF;
			border-bottom:solid 1px #d9d9d9;
			border-left:solid 1px #d9d9d9;
			background: #FFF;
		}	

/* rightbar -=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=- */

#rightbar {
	float: right;
	width: 186px;
}
#rightbar h2 {
	font-weight: bold;
	font-size: 12px;
	padding: 8px 0 3px 0;
	display: block;
}
	#rightbar input, #rightbar select {
		background: #f5f5f5;
		border-left: 1px solid #bababa;
		border-top: 1px solid #bababa;
		padding: 3px;
		color: #666;
		margin: 0 0 2px 0;
	}
		#rightbar input.short {width: 125px;}
	#rightbar input:focus, #rightbar input:hover, #rightbar select:focus, #rightbar select:hover {background: #e4e4e4; color: #000}
		#rightbar input {width: 175px;}
		#rightbar select {width: 182px;}
		
	#rightbar a.clear_filters {
		text-align: right;
		display: block;
		padding: 1px 13px 0 0;
		margin: 0 2px 0 0;
		font-size: 11px;
		color: #999;
		background: url(/images/clear.gif) right 3px no-repeat;
	}
		#rightbar a:hover.clear_filters {
			color: #333;
			background: url(/images/clear.gif) right -12px no-repeat;
		}
	
	#rightbar label {
		display: inline-block;
		width: 46px;
	}
	
	#rightbar a.btn_blue {float: right; margin-top: 5px;}
		#rightbar a.btn_blue span {padding-right: 28px; padding-left: 28px;}
	#rightbar a#clear_all_filters {
		clear: both;
		float: right;
		color: #999;
		font-size: 11px;
		margin: 2px 0 12px 0;
	}
		#rightbar a:hover#clear_all_filters {color: #333;}
	#rightbar a#add_same_ad {
		clear: both;
		display: block;
		text-align: center;
		font-weight: bold;
		color: #FFF;
		font-size: 11px;
		text-decoration: none;
		width: 186px;
		height: 32px;
		background: url(/images/btn_same_ad.jpg) left top no-repeat;
		padding: 6px 0 0 0;
		margin: 5px 0 0 0;
	}
		#rightbar a:hover#add_same_ad {background: url(/images/btn_same_ad.jpg) left -38px no-repeat;}

	
/* logged =-=-=-=-=-=-= */

	ul#usermenu li {
		float: left;
	}
		ul#usermenu li a {
			font-size: 11px;
			color: #999;
			padding: 0 6px 0 0;
			margin: 0 5px 0 0;
			position: relative;
			top: -6px;
			background: url(/images/div.gif) right 3px no-repeat;
		}
		ul#usermenu li a.last {background: none; margin: 0; padding: 0}
			ul#usermenu li a:hover {color: #333;}
			
		.note_sm {
			clear: both;
			font-size: 11px;
			color: #fe6001;
			padding: 3px 0 0 20px;
			margin-top: 10px;
			background: url(/images/bulb_sm.jpg) -2px top no-repeat;
			border-top: 1px solid #eeeeee;
		}
			.note_sm strong {font-weight: bold; display: block}


/* content -=-=-=-=-=-=-=-=--=-==-=-=--===--=-=-=-=-=-=-=-=-=-=-=-= */
#content {
	float: left;
	left: 210px;
	padding: 20px 20px 10px 10px;
	width: 719px;
}
	#search {
		background: #5489a7 url(/images/srch_bg.jpg) left top repeat-x;
		position: relative;
	}
		#search .srch_l_t {width: 719px; background:url(/images/srch_l_t.jpg) left top no-repeat}
		#search .srch_l_b {width: 719px; background:url(/images/srch_l_b.jpg) left bottom no-repeat}
		#search .srch_r_b {background:url(/images/srch_r_b.jpg) right bottom no-repeat; padding: 30px 26px;
			width: 667px; height: 46px;
		}
			#curr {
				position: absolute;
				/*width: 83px;*/
				top: 0px;
				right: 0px;
					_right: 19px;
				background: #FFF url(/images/curr_bg.jpg) left bottom no-repeat;
				padding: 0 0 3px 5px;
				font-size: 11px;
				color: #669ab5;
					*width:100px;
			}
				#curr a {
					color: #669ab5; text-decoration: none;
				}
				#curr a:hover {color: #036;}
			.dropdown {float: right; }	
			.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
			.dropdown dd { position:relative; }
			.dropdown dt a {
				background: url(/images/triangle_down.gif) right -27px no-repeat;
    			display:block;
    			padding-right:10px;
    		}
    			.dropdown dt a:hover {
					background: url(/images/triangle_down.gif) right -41px no-repeat;
    			}
			.dropdown dt a span {cursor:pointer;}
			.dropdown dd ul { 
				display:none;
    			list-style:none;
    			padding:4px;
    			position:absolute; 
    			right:0;
    			background: #FFF;
    			padding-right: 11px;
    		}
			.dropdown span.value {
				display:none;
			}
			.dropdown ul li {
				margin: 0; padding: 0;
			}
			.dropdown dd ul li a {
				padding:4px 4px 3px 4px;
				display:block;
			}
				.dropdown dd ul li a:hover {
					background: #ebf4f7;
					color: #036;
				}
					.dropdown dd ul span {
						float: left;
						width: 5px;
						height: 5px;
						background: url(/images/dropdown_bg.gif) bottom no-repeat;
						position: absolute;
						left: 0px;
						bottom: 0px;
					}

				
				
			input.search {
				width: 540px;
				padding: 6px;
				font-size: 13px;
				float: left;
			}
			
		#search .example {
			padding: 3px 0 0 0;
				_margin: -30px 0 0 0;
		}
		#search .example .left {
			font-size: 11px;
			color: #e7f0f4; 
			padding: 3px 0 0 0;
		}
			#search .example .left a.smth {
				border-bottom: 1px dotted;
				text-decoration: none;
				color: #FFF;
			}
			
				#search .example a:hover.smth, #search a:hover.all {color: #FC0;}
				
			#search a.all {
				float: right;
				font-weight: bold;
				color: #FFF;
				padding: 2px 0 0 0;
				font-size: 11px;
			}

			#content strong {
				font-weight: bold;
			}
			
			#content p {
				padding-bottom: 10px;
			}


/* content footer -=-=-=-=-=-=-=-=--=-==-=-=--===--=-=-=-=-=-=-=-=-=-=-=-= */

.info {position: relative;}
.info h2 {float: left}
a.settings {
	font-size: 11px;
	color: #999;
	padding: 3px 10px 0 7px;
	background:url(/images/triangle_down.gif) right -11px no-repeat;
	float: left;
}
	a:hover.settings {
		color: #333;
		background:url(/images/triangle_down.gif) right 9px no-repeat;
	}

a.all_news {
	float: right;
	font-weight: bold;
	color: #999;
}
	a:hover.all_news {color: #333;}     
	
	.slider {
		width: 920px;
		position: relative;
		overflow: hidden;
	}
	.slider ul, .slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	.slider ul {padding: 0;}
	.slider, .slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:920px;
		min-height:160px;
		overflow:hidden; 
		}
	span#slider1next, span#slider1prev {
		position: absolute;
		top: 80px;
		
	}
			span#slider1next a strong, span#slider1prev a strong {display: none;}
		span#slider1next a, span#slider1prev a {
			display: block;
			width: 40px;
			height: 40px;
		}
		span#slider1prev{
			left: 2px;
				_left: -1188px
		}
		span#slider1next{
			left: 933px;
				_left: 753px;
		}
		span#slider1next a {
			background: url(/images/receptes/slider-nav.png) -45px -4px no-repeat;
		}
		span#slider1prev a {
			background: url(/images/receptes/slider-nav.png) -4px -4px no-repeat;
		}
			span#slider1next a:hover {
				background: url(/images/receptes/slider-nav.png) -45px -42px no-repeat;
			}
			span#slider1prev a:hover {
				background: url(/images/receptes/slider-nav.png) -4px -42px no-repeat;
			}
	
	.feed {
		float: left;
		width: 127px;
		padding: 2px;
		color: #999;
	}
		.feed span {
			font-size: 11px;
			display: block;
			padding: 0 0 0 5px;
		}
		.feed a.data {
			padding: 4px;
			display: block;
			text-decoration: none;
			border: 1px solid #fcfcfc;
		}
			.feed a.data img {
				border: 1px solid #999;
				padding: 1px;
				background: #FFF;
				text-decoration: none;
			}
			.feed a.data em{
				font-size: 10px;
				text-decoration: none;
				color: #999;
				display: block;
			}
			.feed a.data strong {
				font-size: 12px;
				text-decoration: underline;
				color: #666;
			}
				.feed a.data:hover {
					background-color: #FFF;
					border: 1px solid #f3f3f3;
				}
				
				.feed a:hover.data img {
					border-color: #5589a8;
				}
				.feed a:hover.data em {
					color: #5589a8;
				}
				.feed a:hover.data strong {
					color: #333;
				}
			
		.feed a.source {
			padding: 0 0 0 12px;
			margin: 0 0 0 6px;
			display: block;
			background: url(/images/source.gif) left 2px no-repeat;
			font-size: 11px;
			color: #999;
			text-decoration: none;
		}
			.feed a:hover.source {
				color: #333;
			background: url(/images/source.gif) left -12px no-repeat;
			}
	
#settings {
	position:absolute;
	top: 30px;
	left: 136px;
		_left: -56px;
	display: block;
	width: 301px;
	background: #ededed;
	border: 3px solid #999;
	z-index: 9999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
	padding: 12px;
}
	#settings .title {
		font-size: 12px;
		font-weight: bold;
	}
	a.close {
		background: url(/images/close.gif) left top no-repeat;
		width: 13px;
		height: 13px;
		position: relative;
		top: -25px;
		float: right;
		right: -10px;
	}
		a.close strong {display: none}
		a:hover.close {
			background: url(/images/close.gif) left -13px no-repeat;
		}
	#settings a.btn_y_sm {float: right}
	#settings .news_cats {
		padding: 8px 0;
	}
	#settings label {
		width: 180px;
			_width: 175px;
		display: inline-block;
		padding: 2px 0 2px 2px;
	}

/* banners -=-=-=-=-=-=-=-=--=-==-=-=--===--=-=-=-=-=-=-=-=-=-=-=-= */
a#banner_giga {float: right; margin: 14px 0 0 0;}
a#banner_left {padding: 14px 0 7px 15px; _padding: 0 0 9px 15px; display: block; border-right: 1px solid #e5e5e5;}
a#banner_right {margin: 12px 0 0 3px; display: block}

div#banner_giga {float: right; margin: 14px 0 0 0;}
div#banner_left {padding: 14px 0 7px 15px; _padding: 0 0 9px 15px; display: block; border-right: 1px solid #e5e5e5;}
div#banner_right {margin: 12px 0 0 3px; display: block}

a#banner_left_2 {padding: 14px 0 7px 15px; _padding: 0 0 9px 15px; display: block; border-right: 1px solid #e5e5e5;}
div#banner_left_2 {padding: 14px 0 7px 15px; _padding: 0 0 9px 15px; display: block; border-right: 1px solid #e5e5e5;}


/* classifieds list sorter */
#sort {
	clear: left;
	background: url(/images/ads_sort_bg.gif) left top repeat-x;
}
	#sort ul {
		background: url(/images/ads_sort_bg_l.gif) left top no-repeat;
		display: block;
		height: 30px;
	}
		#sort ul li {
			float: right;
			background: url(/images/ads_sort_div.gif) left top no-repeat;
			padding: 0 0 0 2px;
		} 
		#sort ul li a, tr.sort th a {text-decoration: none;}
			#sort ul li a em span.bg span {
				background: url(/images/triangle_down.gif) right -15px no-repeat;
				padding: 0 15px 0 0;
			}
		#sort ul li a em {display: block}
			#sort ul li a em span.bg {
				display: block;
				padding: 9px 8px;
				font-size: 11px;
				color: #666;
			}
			
			#sort ul li a.last em span.bg {
				background: url(/images/ads_sort_bg_r.gif) right top no-repeat;
			}
			#sort ul li a:hover.last em span.bg, #sort ul li a.sel_last em span.bg, #sort ul li a:hover.sel_last em span.bg {
				background: url(/images/ads_sort_hover_r.gif) right top no-repeat;
			}
			#sort ul li a.sel_last em {
				background: url(/images/ads_sort_hover.gif) right top repeat-x;
				color: #FFF;
			}
				#sort ul li a:hover em span.bg, #sort ul li a.sel em span.bg,
				#sort ul li a.sel_last em, #sort ul li a:hover.last em  {
					background: url(/images/ads_sort_hover.gif) left top repeat-x;
					color: #FFF;
				}

/* generic */
.generic_title {
	color: #666;
	font-size: 15px;
	font-weight: bold;
	padding: 3px 0 8px 0;
	margin: 0 6px;
	border-bottom: 1px solid #e5e5e5;
}

.generic_content {
	padding: 12px 6px;
	line-height: 17px;
}
.generic_content p {text-align: justify}














/* search field tabs */
#search-tabs {
    position: absolute;
    left: 26px; top: 11px;
}
.search-tab, .search-tab-sel {
    padding: 3px 6px 5px 6px;
}
.search-tab {
    color: #FFF;
}
.search-tab-sel {
    color: #333;
    border-left: 1px solid #BABABA;
    border-right: 1px solid #BABABA;
    border-top: 1px solid #BABABA;
    background-color: #FFF;
}