@import 'reset.css';

body,textarea,input,select {font-family:Arial,sans-serif}

html,body {height:100%}

img {behavior:url(/css/pngbehavior.htc);}

body {
	margin:0 auto;
	background:#fff;
	text-align:center;
	line-height:1.3;
	font-size:.8em;
	color:#000;
	}

p {margin-top:15px}

.content P {
	margin: 0 0 1.3em;
}

/* Center */
.center {text-align:center}
/* Right */
.right {text-align:right}


DIV.clear_div {
	line-height: 0;
	font-size: 0;
	height: 1px;
	clear: both;
}

/* Page
------------------------------------ */
#page {
	margin:0 auto;
	width:100%;
	min-width:996px;
	max-width:1600px;
	text-align:left;
	}

/* Header
------------------------------------ */
#header {
	position:relative;
/*	float:left;
	width:100%;*/
	height:157px;
	background:#E5E5E5 url(/images/web/header.png) repeat-x;
	}
	#header h1,
	#header h1 span {width:260px}
	#header h1 {
		position:absolute;
		z-index:2;
		top:0;
		left:0;
		overflow:hidden;
		padding-top:40px;
		height:110px;
		background:#7C1414;
		text-align:center;
		font-size:1.4em;
		font-weight:normal;
		color:#FFF;
		}
		#header h1 span {
			display:block;
			position:absolute;
			top:0;
			left:0;
			z-index:3;
			height:150px;
			background:url(/images/web/logo.png);
			}
			#header h1 a {color:#FFF}
				#header h1 a span {cursor:pointer}

	/* Header Wrapper */
	#header .wrapper {
		position:relative;
		margin-left:260px;
		height:157px;
		}

	/* Header Advertisment */
	#header .advertisment {
		position:relative;
		top:5px;
		left:0;
		width:100%;
		height:122px;
		}
		#header .advertisment ul {
			position:relative;
			float:left;
			width:100%;
			height:122px;
			}
		#header .advertisment li {
			position:relative;
			float:left;
			padding-right:5px;
			width:49%;
			text-align:center;
			}

/* Menu
------------------------------------ */
#menu {
	position:relative;
	z-index:10;
	float:left;
	width:100%;
	height:90px;
	background:#AD4444 url(/images/web/menu.png) repeat-x;
	color:#FFF;
	}
	#menu a {color:#FFF}
	#menu ul.top {
/*		float:left;
		width:100%;*/
		background:#3A5060 url(/images/web/menu.png) repeat-x;
		line-height:47px;
		height:47px;
		font-weight:bold;
		margin-left: 1px;
		}
	#menu .active {white-space:nowrap}
	#menu .active span {
		display:block;
		height:47px;
		background:url(/images/web/menu-l.gif) no-repeat;
		padding-left: 6px;
		}
	#menu .active span span {
		display:block;
		height:47px;
		background:url(/images/web/menu-r.gif) 100% 0 no-repeat;
		padding-left: 0;
		}
	#menu strong {
		display:block;
		padding:0 10px;
		}
	#menu .active strong {
		padding-left: 4px;
	}
	#menu li.top {
		float:left;
/*		position:relative;*/
		padding:0 1%;
		height:47px;
		text-align:center;
		font-size:1.3em;
		font-weight:bold;
		}

		#menu .top a {text-decoration:none}
		#menu .top a:hover {text-decoration:underline}

		#menu .top a, #menu .active strong a {
		line-height:47px;
		height:47px;
		display: block;
		float: left;
		}
		#menu .top ul.inner a {
		display: inline;
		height: auto;
		line-height: normal;
		float: none;
		}
		
	#menu .top span.img_span {
		float: left;
		display: block;
		background: none;
	}
	#menu .top span.img_span IMG {
		margin: 18px 0 0 8px;
		cursor:hand;
		c\ursor:pointer;
	}

/* inner */
	#menu div.inner {
		position:absolute;
		z-index:2;
		top:47px;
		left:0;
/*		float:left;
		width:100%;*/
		display: none;
		}
	#menu div.inner.right {
		right: 0;
		left: auto;
	}
		
	#menu ul.inner {
		position:relative;
/*		float:left;*/
		padding-left: 12px;
		line-height: 28px;
		height: 39px;
		}
	#menu li.inner {
		position:relative;
		float:left;
		font-size:.8em;
		padding: 4px 10px 5px;
		height: 30px;
		white-space: nowrap;
		}
		#menu .inner li:hover {background:#B54040}
		#menu .inner li:hover .over {display:block}
		#menu li.inner a {text-decoration:underline}
	#menu .over {
		display:none;
		position:absolute;
		z-index:11;
		top:39px;
		left:0;
/*		float:left;*/
		padding:10px 0 0 15px;
		text-align:left;
		}
	#menu .right .over {
		left:auto;
		right: 0;
	}
		
	#menu .onecol .over {
		width:135px;
		background:url(/images/web/menu-inner-1-top.png);
		}
	#menu .twocols .over {
		width:288px;
		background:url(/images/web/menu-inner-2-top.png);
		}

	#menu .right .onecol .over {
		background:url(/images/web/menu-inner-1-top-right.png);
		}
	#menu .right .twocols .over {
		background:url(/images/web/menu-inner-2-top-right.png);
		}

	#menu .over a {
		display:block;
		width:120px;
		padding:0 2px 1px 2px;
		}
	#menu .over a:hover {background:#D16363}
	#menu .over .corners {
		position:absolute;
		left:0;
		bottom:-15px;
		clear:both;
		height:15px;
		}
	#menu .onecol .corners {
		width:150px;
		background:url(/images/web/menu-inner-1-bottom.png) 0 100% no-repeat;
		}
	#menu .twocols .corners {
		width:303px;
		background:url(/images/web/menu-inner-2-bottom.png) 0 100% no-repeat;
		}
	#menu .over ul {
		width:135px;
		float:left;
		}
	#menu .over li {
		width:120px;
		font:normal .8em/18px Arial,sans-serif;
		white-space: normal;
		}

/* Main
------------------------------------ */
#main {
	position:relative;
	clear:both;
	float:left;
	width:100%;
/*	overflow:hidden;*/
	}
	#main .gray {
		position:relative;
		float:left;
		padding-left:25px;
		width:181px;
		height:40px;
		background:#D9D9D9;
		font:normal 1.45em/40px Arial,sans-serif;
		color:#4F4F51;
		}
	#main .color {
		position:relative;
		float:left;
		padding-left:25px;
		width:181px;
		height:40px;
		background:#596F7E url(/images/web/h3.png) no-repeat;
		font:normal 1.45em/40px Arial,sans-serif;
		color:#FFF;
		}
	/* Columns */
	#main .col1,
	#main .col2,
	#main .col3,
	#main .col_normal {
		position:relative;
		float:left;
		}

	/* Some layout elements */
	#main .colmid,
	#main .colleft {
		position:relative;
		float:left;
		width:100%;
		}

	#main .threecol1_main .colmid,
	#main .threecol1_main .colleft {
		background: #f4f4f4;
		}
	/* 3 Columns 1 */
	#main .threecol1 {
		position:relative;
		clear:both;
		float:left;
		margin-top:15px;
		width:100%;
/*		overflow:hidden;*/
		}
	#main .threecol1_main {
		background:#F4F4F4;		/* Right column background */
		}
		#main .threecol1 .colmid {
			right:23%;		/* width of the right column */
/*			background:#FFF;*/	/* center column background colour */
			}
		#main .threecol1 .colleft {
			right:47%;		/* width of the middle column */
			}
		#main .threecol1_main .colleft {
			background:#F4F4F4;	/* left column background colour */
			}
		#main .threecol1 .col1 {
			width:45%;		/* width of center column content (column width minus padding on either side) */
			left:101%;		/* 100% plus left padding of center column */
			height: 1px;
			}
		#main .threecol1 .col1[class] {
			height: auto;
			}
			
		#main .threecol1 .col2 {
			width:29%;		/* Width of left column content (column width minus padding on either side) */
			left:25%;		/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
			}
		#main .threecol1 .col3 {
			width:21%;		/* Width of right column content (column width minus padding on either side) */
			left:72%;		/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
			}
		#main .threecol1 .col_normal {
			width:77%;
			left: 70%;
			padding-left: 0px;
			}
		#main .threecol1 .col_normal .main_inner {
			padding-left: 23px;
		}

	/* 3 Columns 2 */
	#main .threecol2 {
		position:relative;
		clear:both;
		float:left;
		margin-top:15px;
		width:100%;
		background:#F4F4F4;		/* Right column background */
		overflow:hidden;
		}
		#main .threecol2 .colmid {
			right:23%;		/* width of the right column */
			background:#FFF;	/* center column background colour */
			}
		#main .threecol2 .colleft {
			right:47%;		/* width of the middle column */
			background:#FFF;	/* left column background colour */
			}
		#main .threecol2 .col1 {
			width:45%;		/* width of center column content (column width minus padding on either side) */
			left:101%;		/* 100% plus left padding of center column */
			}
		#main .threecol2 .col2 {
			width:29%;		/* Width of left column content (column width minus padding on either side) */
			left:25%;		/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
			}
		#main .threecol2 .col3 {
			width:21%;		/* Width of right column content (column width minus padding on either side) */
			left:74%;		/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
			}

	/* 2 Columns 1 */
	#main .twocol1 {
		position:relative;
		clear:both;
		float:left;
		margin-top:15px;
		width:100%;
		background:#FFF;		/* Right column background */
		}
		#main .twocol1 .colleft {
			right:50%;		/* right column width */
			background:#FFF;	/* left column background colour */
			}
		#main .twocol1 .col1 {
			width:48%;		/* left column content width (left column width minus left and right padding) */
			left:50%;		/* (right column width) plus (left column left padding) */
			}
		#main .twocol1 .col2 {
			width:48%;		/* right column content width (right column width minus left and right padding) */
			left:53%;		/* (right column width) plus (left column left and right padding) plus (right column left padding) */
			}

	/* 2 Columns 2 */
	#main .twocol2 {
		position:relative;
		clear:both;
		float:left;
		margin-top:15px;
		width:100%;
		background:#FFF;		/* Right column background */
		}
		#main .twocol2 .colleft {
			right:49%;		/* right column width */
			background:#FFF;	/* left column background colour */
			}
		#main .twocol2 .col1 {
			width:48%;		/* left column content width (left column width minus left and right padding) */
			left:49%;		/* (right column width) plus (left column left padding) */
			}
		#main .twocol2 .col2 {
			width:47%;		/* right column content width (right column width minus left and right padding) */
			left:51%;		/* (right column width) plus (left column left and right padding) plus (right column left padding) */
			}

	/* 2 Columns 3 */
	#main .twocol3 {
		position:relative;
		clear:both;
		float:left;
		margin-top:15px;
		width:100%;
		background:#FFF;		/* Right column background */
		}
		#main .twocol3 .colleft {
			right:29%;		/* right column width */
			background:#FFF;	/* left column background colour */
			}
		#main .twocol3 .col1 {
			width:67%;		/* left column content width (left column width minus left and right padding) */
			left:31%;		/* (right column width) plus (left column left padding) */
			}
		#main .twocol3 .col2 {
			width:27%;		/* right column content width (right column width minus left and right padding) */
			left:33%;		/* (right column width) plus (left column left and right padding) plus (right column left padding) */
			}

	/* Main Info */
	#main .threecol1 .info {
		background:#FFF;
		padding: 0 13px;
		color:#4F4F51;
		width: auto;
		left: 0;
		position: static;
		float: right;
		width: 59%;
		}
	#main .threecol1 .info .inner {
		padding-top: 222px;
		background:#FFF url(/images/web/info.jpg) right top no-repeat;
		}
		#main .info a {color:#4F4F51}
			#main .info a:hover {color:#747474}
		#main .info h2, #main .col_normal h2, #main .info h1, #main .col_normal h1 {
			padding:20px 0 15px;
			font-size:1.45em;
			font-weight:normal;
			color:#4F4F51;
			}
		#main .info ul {font-size:1.1em}

	/* Main News */
	#main .threecol1 .news {
	color:#4F4F51;
	width: auto;
	left: 0;
	position: static;
	float: left;
	width: 36%;
/*	margin-left: -11px;
	padding-right: 10px;
	padding-left: 12px;*/
	}
		#main .news h2 {
			margin:5px 0 0 0px;
			font-size:1.75em;
			font-weight:normal;
			}
		#main .news h3 {
/*			margin: 30px 0 10px;*/
			padding: 0;
			font-size:1.45em;
			font-weight:normal;
			}
			#main .news h3 a {
				text-decoration:none;
				color:#4F4F51;
				}
				#main .news h3 a:hover {text-decoration:underline}
		#main .news ul {
		margin:5px 0 10px 0px;
		}
		#main .news LI {
			clear: both;
			margin-bottom: 15px;
		}
		
		#main .news dt {
/*			margin-top:-45px;
			height:35px;*/
			font-size:.8em;
			color:#B4B4B4;
			}
		#main .news dd {
			text-align:justify;
			font-size:.9em;
			}

			#main .news dd.desrc {
				margin-bottom: 7px;
			}
			
		/* News Thumb */
		#main .news .thumb {
			float:left;
			margin:5px 5px 0 0;
			}

		/* News Archive */
		#main .news .archive {
			margin-bottom:1em;
			text-align:right;
			font-size:.9em;
			}
			#main .news .archive a {
				text-decoration:none;
				color:#B4B4B4;
				}
				#main .news .archive a:hover {text-decoration:underline}

	/* Main Advert */
	#main .advert {}

	/* Main Locations */
	#main .locations {margin-top:15px}
			#main .locations h2 span {
				position:absolute;
				z-index:1;
				left:-18px;
				top:-21px;
				width:48px;
				height:50px;
				background:url(/images/web/locations.png);
				}

	/* Main Firms */
	#main .firms {margin-top:15px}
			#main .firms h2 span {
				position:absolute;
				z-index:1;
				left:-18px;
				top:-19px;
				width:47px;
				height:63px;
				background:url(/images/web/firms.png);
				}

	/* Main Firms2 */
	#main .firms2 {
		float:left;
		margin-top:30px;
		width:100%;
		}
			#main .firms2 h2 span {
				position:absolute;
				z-index:1;
				left:-10px;
				top:0;
				width:35px;
				height:40px;
				background:url(/images/web/autos.png);
				}
			#main .firms2 .list strong {
				font-size:1.2em;
				font-weight:bold;
				}
			#main .firms2 .list dl {
				margin:-21px 15px 15px 25px;
				color:#4F4F51;
				}
			#main .firms2 .list dt {letter-spacing:-1px}

	/* Main Announces */
	#main .announces {
		float:left;
		margin-top:15px;
		width:100%;
		}
			#main .announces h2 span {
				position:absolute;
				z-index:1;
				left:-18px;
				top:-21px;
				width:48px;
				height:50px;
				background:url(/images/web/announces.png);
				}
			#main .announces .list strong {
				font-size:1.2em;
				font-weight:bold;
				}
			#main .announces .list dl {
				margin:-21px 15px 15px 25px;
				color:#4F4F51;
				}
			#main .announces .list dt {letter-spacing:-1px}


	/* Main Autos */
	#main .autos {
		float:left;
		margin-top:30px;
		width:100%;
		}
			#main .autos h2 span {
				position:absolute;
				z-index:1;
				left:-10px;
				top:0;
				width:35px;
				height:40px;
				background:url(/images/web/autos.png);
				}
			#main .autos .list strong {
				font-size:1.2em;
				font-weight:bold;
				}
			#main .autos .list dl {
				margin:-21px 15px 15px 25px;
				color:#4F4F51;
				}
			#main .autos .list dt {letter-spacing:-1px}

	/* Main List */
	#main .list {
		clear:left;
		font-size:.9em;
		}
		#main .list dl {
			margin:-23px 15px 15px 25px;
			color:#4F4F51;
			}
		#main .list dt {
			line-height:20px;
			}
		#main .list dt a {color:#A0A0A0}
			#main .list dt a:hover {color:#C0C0C0}
		#main .list dd {
			margin-top:5px;
			}
		#main .list strong {
			font-size:1.55em;
			font-weight:normal;
			}
			#main .list strong a {color:#4F4F51}
				#main .list strong a:hover {color:#6F6F71}
		#main .list .date {
			margin:15px 15px 0 0;
			text-align:right;
			line-height:20px;
			font-weight:normal;
			color:#A0A0A0;
			}
		#main .list .full {
			float:left;
			margin-top:0;
			width:100%;
			background:#EDEDED;
			text-align:right;
			}
		#main .list .full p {margin:0 15px 15px}
			#main .list .full a {
				text-decoration:none;
				color:#747474;
				}
				#main .list .full a:hover {text-decoration:underline}

	/* Main Lines */
	#main .odd,
	#main .even {
		float:left;
		width:100%;
		}
	#main TR.odd,
	#main TR.even {
		float: none;
		width: auto;
		}
	#main .odd {background:#EDEDED}
	#main .even {background:#F5F5F5}

	/* Main Tabs */
	#main .tabs {
		float:right;
		padding-top:15px;
		font-size:.9em;
		font-weight:bold;
		color:#747474;
		}
		#main .tabs a {color:#747474}
			#main .tabs a:hover {color:#949494}
		#main .tabs li {
			float:left;
			padding:0 10px;
			line-height:25px;
			}
		#main .tabs .active {
			padding:0;
			background:#EDEDED;
			text-align:center;
			}
			#main .tabs .active strong {
				display:block;
				padding:0 10px;
				}

	/* Main Catalog */
	#main .catalog {
		position:relative;
		margin-top:30px;
		width:100%;
		overflow:hidden;
		display: none;
		}
	#main .catalog a {color:#5F5F5F}
	#main .catalog ul {
		float:left;
		width:49%;
		font:1.4em/1.4em Arial,sans-serif;
		}
		#main .catalog ul a {text-decoration:none}
			#main .catalog ul a:hover {text-decoration:underline}
	#main .catalog li {padding-left:25px}
	#main .catalog p {
		float:left;
		margin-left:25px;
		width:100%;
		font:1.6em/60px Arial,sans-serif;
		}
		#main .catalog p a:hover {color:#7F7F7F}

	/* Main ShopCat */
	#main .shopcat {
		position:relative;
		padding-left:135px;
		color:#39393A;
		}
		#main .shopcat h3 {
			font:1.4em/30px Arial,sans-serif;
			}
			#main .shopcat h3 a {
				text-decoration:none;
				color:#39393A;
				}
				#main .shopcat h3 a:hover {text-decoration:underline}
		#main .shopcat .item {
			position:relative;
			margin-top:30px;
			}
		#main .shopcat .image {
			position:absolute;
			top:-10px;
			margin-left:-135px;
			float:left;
			}
			#main .shopcat .image img {border:1px solid #A2A2A2}
		#main .shopcat .categories {
			position:absolute;
			margin-top:-30px;
			right:0;
			font:.9em/30px Arial,sans-serif;
			color:#BBB;
			}
			#main .shopcat .categories a {color:#BBB}
				#main .shopcat .categories a:hover {color:#DBDBDB}
		#main .shopcat .cost {
			font:.85em/18px Arial,sans-serif;
			}
		#main .shopcat .description {
			margin-left:-15px;
			padding:5px 5px 5px 15px;
			background:#ECECEC;
			font-size:.85em;
			}
		#main .shopcat .seller {
			font:.85em/18px Arial,sans-serif;
			}
			#main .shopcat .seller a {color:#39393A}
				#main .shopcat .seller a:hover {color:#59595A}
		#main .shopcat .nav {
			position:absolute;
			margin-top:-18px;
			right:0;
			font:.85em/18px Arial,sans-serif;
			float:left;
			}
		#main .shopcat .nav li {
			float:left;
			padding-left:10px;
			}
		#main .shopcat .nav a {color:#39393A}
			#main .shopcat .nav a:hover {color:#59595A}
/* Panel
------------------------------------ */
#panel {
/*	position:relative;
	z-index:2;
	float:left;
	width:100%;*/
	height:30px;
	background:#D2D2D2;
	font:.85em/30px Verdana,sans-serif;
	color:#707070;
	}
	#panel a {
		text-decoration:none;
		color:#707070;
		}
		#panel a:hover {text-decoration:underline}
	#panel p {margin-top:0}

	/* Panel Nav */
	#panel .nav {
		position:relative;
		z-index:2;
		float:left;
		}
		#panel .nav li,
		#panel .nav li span {
			width:30px;
			height:30px;
			}
		#panel .nav li {
			position:relative;
			float:left;
			margin-right:10px;
			text-align:center;
			overflow:hidden;
			}
			#panel .nav li span {
				display:block;
				position:absolute;
				top:0;
				left:0;
				z-index:3;
				}
			#panel .nav a span {cursor:pointer}
			#panel .nav .home span {background:url(/images/web/home.png)}
			#panel .nav .mail span {background:url(/images/web/mail.png)}
			#panel .nav .map span {background:url(/images/web/map.png)}


	/* Panel MiniNav */
	#panel .mininav {
/*		position:absolute;
		z-index:2;
		top:0;
		right:0;*/
		float: right;
/*		width:220px;*/
		height:30px;
		overflow:hidden;
		padding-right: 10px;
		}
		/* Panel Login */
		#panel .mininav ul {
			position:relative;
			float:left;
/*			width:100%;*/
			}
		#panel .mininav li {
			position:relative;
			float:left;
			margin-left:20px;
			}

	/* Panel Search */
	#panel .search {
		position:absolute;
		z-index:2;
		left:18%;
		width:300px;
		height:30px;
		}
		#panel .search legend {display:none}
		#panel .search input {
			float:left;
			margin:3px;
			padding:2px 3px;
			width:180px;
			height:16px;
			background:#E7E7E7;
			border:1px solid #9C9C9C;
			font:1em/14px Verdana,sans-serif;
			color:#4F4F51;
			}
		#panel .search button {
			float:left;
			padding:0;
			margin:3px;
			width:55px;
			height:22px;
			background:#D2D2D2;
			border:1px solid #9C9C9C;
			text-align:center;
			font:1em Verdana,sans-serif;
			color:#4F4F51;
			cursor:pointer;
			}

/* Footer
------------------------------------ */
#footer {
	position:relative;
	float:left;
	margin-top:55px;
	width:100%;
	background:#5D7281;
	color:#FFF;
	}
	#footer a {color:#FFF}
		#footer a:hover {text-decoration:none}
	/* Footer Nav */
	#footer .copyright {
		padding-left:20px;
		margin-top:30px;
		height:50px;
		}
	/* Footer Nav */
	#footer .nav {
		position:absolute;
		bottom:15px;
		left:20px;
		float:left;
		}
		#footer .nav li {
		float:left;
		padding-right:15px;
		}
	/* Footer Counters */
	#footer .counters{
		position:absolute;
		bottom:15px;
		right:20px;
		}

/* Trash
------------------------------------ */
#page .trash {
	position:relative;
	float:left;
	margin-top:15px;
	width:100%;
	height:171px;
	background:#B54040;
	}

	
	
/* login div */

#login_form_outer_div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 101;
}

#login_over_div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('/images/web/login_over.png');
	display: none;
	z-index: 100;
}

#login_form_div {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 101;
	text-align: left;
	margin-left: -180px;
	margin-top: -150px;
	width: 367px;
}


#login_form_div div.top_div {
	background: url('/images/web/login_top.png');
	height: 14px;
	width: 367px;
}
#login_form_div div.bottom_div {
	background: url('/images/web/login_bottom.png');
	height: 16px;
	line-height: 0px;
	font-size: 0px;
	width: 367px;
	position:absolute;
	left:0;
	bottom:-16px;
}

#login_form_div div.main_div {
	background: url('/images/web/login_main.png');
	width: 367px;
}
#login_form_div div.main_inner_div {
	padding: 20px 50px 25px 75px;
}


#login_form_div LABEL {
	display: block;
}
#login_form_div INPUT.text {
	margin-bottom: 10px;
}

#login_form_div INPUT.button {
	margin-top: 7px;
}

#login_form_div A {
	color: #778c3d;
}


#login_form_div DIV.close_div {
	position:absolute;
	right: 20px;
	top: 16px;
	font-weight: bold;
	color: red;
	cursor:hand;
	c\ursor:pointer;
}

.wrap DIV.item {
	float: left;
	margin: 0 8px 5px 0;
}



/* #main .content styles */

#main .col_normal {
	color: #4F4F51;
}

#main .col_normal a {color:#4F4F51}
#main .col_normal a:hover {color:#747474}



#main .news DIV.content {
	padding-left: 12px;
}

#main .news P.archive {
	clear: both;
	padding: 0;
	magin: 20px 0;
}


DIV.content {
	margin-bottom: 20px;
}


.comments TD {
	vertical-align: top;
	padding: 3px 5px;
}
.add_comments P {
	margin: 0 0 1.3em;
}

p.date {
	color: #B4B4B4;
	font-size: 0.9em;
	margin: 0 0 15px;
}

#main .content H1 {
	margin-bottom: 0;
	padding-bottom: 5px;
}
#main .content H2 {
	padding-top: 0;
}


#boars_lists_div DIV.left_div {
	float: left;
	width: 48%;
}
#boars_lists_div DIV.right_div {
	float: right;
	width: 48%;
}

TABLE.lists_table {
	width: 100%;
}

.lists_table TH {
	font-size: 1.2em;
	padding-bottom: 7px;
}

.lists_table TD {
	vertical-align: top;
}
.lists_table TD.right_td {
	width: 5%;
	padding: 3px 5px;
}


DIV.filter_scroll {
	display: none;
	height: 300px;
	overflow: auto;
	position: absolute;
	background: #F4F4F4;
	border: #EDEDED solid 1px;
	padding: 5px;
}

DIV#submenu {
	height: 5em;
}

* html DIV.filter_scroll {
	width: 200px;
}



DIV.filter_outer, DIV.button {
	float: left;
	margin-right: 10px;
}

DIV.filters_main {
	margin-bottom: 1.3em;
}

.filters_main INPUT.button {
	position: relative;
	top: -3px;
}


TABLE.adv_table {
	width: 100%;
}

.adv_table TH {
	padding-top: 10px;
}

.adv_table TD {
	padding: 3px 5px;
}


.comments TD {
	border: none;
	vertical-align: top;
	padding-top: 1px;
	padding-bottom: 1px;
}

.comments TD.left_td {
	padding-top: 6px;
	text-align: right;
	font-weight: bold;
}
.comments INPUT.button {
	margin-right: 7px;
}



/* firms common */

DIV.yellow {
	background-color: #fbf6e3;
	color: #a09f9f;
}

DIV#firms_top_info {
	border-top: #d2d2d2 solid 1px;
	border-bottom: #d2d2d2 solid 1px;
	padding: 14px 16px;
	height: 1px;
}
DIV#firms_top_info[id] {
	height: auto;
}

#firms_top_info DIV.item {
	float: left;
	margin-right: 2%;
	margin-bottom: 10px;
}
#firms_top_info DIV.item[class] {
	margin-right: 4%;
}


#firms_top_info INPUT.text {
	width: 250px;
	color: #a09f9f;
}

#firms_top_info P.small {
	font-size: .85em;
	margin-top: 2px;
}



#firms_top_info LABEL {
	margin-right: 20px;
	color: #4f4f51;
	color: #a09f9f;
}

#firms_top_info div.submit {
	float: right;
}

#firms_top_info .submit INPUT.button {
	background: url(/images/web/button_filter.gif) no-repeat;
	border: none;
	height: 30px;
	padding-bottom: 4px;
	width: 167px;
	padding-right: 17px;
	cursor: pointer;
}





DIV.sort_div {
	margin-bottom: -16px;
}

* html DIV.sort_div {
	margin-bottom: -17px;
}

.sort_div SPAN.text {
	float: left;
	display: block;
	padding-top: 2px;
	height: 20px;
	margin-right: 15px;
}

.sort_div SPAN.rate {
	width: 90px;
	height: 20px;
	padding-right: 6px;
	padding-top: 2px;
	display: block;
	position: relative;
	float: left;
	background: url(/images/web/cat_inact.png) no-repeat;
	text-align: center;
}
.sort_div SPAN#firms_rate2 {
	left: -10px;
}

#main .col_normal .sort_div .rate A {
	text-decoration: none;
	color: #a09f9f;
}



* html .sort_div SPAN.rate {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/web/cat_inact.png', sizingMethod='scale');
}

.sort_div SPAN.current {
	z-index: 2;
	background: url(/images/web/cat_act.png) no-repeat;
}
* html .sort_div SPAN.current {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/web/cat_act.png', sizingMethod='scale');
}


.firms_block_div DIV.block {
	padding: 30px 40px 30px 20px;
	height: 1px;
}
.firms_block_div DIV.block[class] {
	height: auto;
}

.firms_block_div DIV.block1 {
	background: #f7f3eb;
}

.firms_block_div DIV.block_left {
	width: 165px;
	float: left;
}

.firms_block_div DIV.container {
	float: right;
	width: 100%;
	margin-right: -165px;
}
.firms_block_div DIV.block_right {
	margin-right: 165px;
}

.firms_block_div .options {
	float: right;
}

.firms_block_div .stars {
	margin-top: 5px;
}


DIV.pages {
	float: left;
}

DIV.pn {
	width: 20em;
	min-width: 20em;
}
DIV.pages[class] {
	width: auto;
}

.pages .prev {
	float: left;
}
.pages .next {
	float: right;
} 

.pages P {
	clear: both;
	line-height: 1.7em;
	font-size: 1.1em;
	margin-top: 3px;
}
.pages SPAN {
	padding: 1px 4px;
	margin: 0 2px;
	border: #4f4f51 solid 1px;
}

.pages A {
	padding: 1px 0;
	margin: 0 2px;
}



.metro_div div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #ccc;
  margin:0px;
  margin-top:-10px;
  padding:0px;
  font-size:0.8em;
  text-align:left;
  max-height:200px;
  overflow:auto;
}
.metro_div div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
.metro_div div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}
.metro_div div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

.metro_div label {
    display: block;
}
.metro_div .selectbox /* look&fell of  select box*/
{
  margin: 0px 5px 10px 0px;
  padding-left:2px;
  width : 10em; 
  display : block;
  text-align:left; 
  background: url('/images/web/bg_select.png') right;
  cursor: pointer;
  border:1px solid #D1E4F6;
  color:#333;
}

.metro_div select {
	background: url('/images/web/bg_select.png') right;
}



#metro .a, .metro .a  {
	background: white;
	border: #7f9db9 solid 1px;
	height: 17px;
	width: 160px;
	padding: 2px 3px 1px;
}
 .metro INPUT.a  {
	height: 20px;
	color: #646464;
}

#metro .selectable, .metro .selectable {
	background-color:#FFFFFF;
	border:1px solid #DEDEDE;
	display:none;
	max-height:200px;
	overflow:auto;
	position:absolute;
	width: 220px;
	z-index: 2;
}

* html #metro .selectable, .metro .selectable {
	height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}

#metro .selectable .item, #main .metro .selectable .item {
	float: none;
	padding:5px;
	margin: 0px;
	color: #646464;
}


#metro .selectable .over, .metro .selectable .over {
	background: #e4e4e4;
} 


/* users */



.hint {
   	display: none;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(/images/web/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/images/web/pointer.gif) left top no-repeat;
}

DIV.hint_out {
	position: relative;
	float: left;
}


.register INPUT.text {
	width: 200px;
}

/* mail recommend */
#mail_recommend
{
  width: 304px;
  height: 284px;
  position: fixed;
  z-index: 50;
  left: 40%;
  left: expression(((document.body.clientWidth - 304) / 2) + "px");
  top: 35%;
  background: #f4f4f3;
  border: 1px solid #dedede;
  opacity: 0.96;
}
.MailRecommend{
  display: block;
}
.MailRecommendClosed{
  display: none;
}
#mail_recommend form{
  padding: 14px 0px 0px 27px;
  position: relative;
  z-index: 2;
}
#mail_recommend form table{
  margin-top: 11px;
}
#mail_recommend form table td{
  color: #5e5e5e;
  padding-top: 5px;
}


/* new firms */

.page_header {
	position: relative;
	padding-right: 140px;
}

.page_header .adv {
	position: absolute;
	right: 26px;
	bottom: 0;
}

.main_inner_right .adv {
	position: absolute;
	right: 0px;
	top: 0;
}

.main_inner_out {
	width: 100%;
	float: left;
	margin-left: -220px;
}
.main_inner_left {
	margin-left: 220px;
}

.main_inner_right {
	float: right;
	width: 220px;
}


.inner_inner_part_div DIV.main_inner {
	padding-right: 189px;
	position: relative;
}

.stars .rate {
	font-size: .7em;
	position: relative;
	top: -1.1em;
}

.add_opinion {
	margin-top: 0;
	font-size: .9em;
}


.inner_top_part_div {
	margin-bottom: 22px;
}


.main_inner_right .head {
	background: url('/images/web/right_menu_back.gif') left center repeat-x #b04545;
	line-height: 30px;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
	padding: 1px 10px 0;
	border-left: #cb9898 solid 1px;
	border-bottom: #cb9898 solid 1px;
}


.main_inner_right UL.menu {
	margin: 0 0 20px;
	padding: 15px 10px;
	border: #eaeaea solid 1px;
}
.main_inner_right .menu LI {
	padding-bottom: 3px;
}
.main_inner_right .menu LI UL {
	padding-top: 3px;
}

.main_inner_right .menu LI LI {
	padding: 0 0 0 7px;
	font-size: .9em;
}

#main .col_normal .main_inner_right H2, #main .col_normal .main_inner_left H2 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
}

.main_inner_right .news_out .item {
	margin-bottom: 15px;
}

.main_inner_right .news_out {
	margin-bottom: 25px;
}

.main_inner_right .news_out .archive {
	margin-top: -15px;
	text-align: right;
}

.main_inner_right .photos IMG {
	margin: 0 5px 0 0;
}

.main_inner_right P, .main_inner_left P {
	margin: 0 0 15px;
}


.main_inner_left .contacts_info {
	padding: 15px 23px 5px;
	background: #fbf8e7;
	margin-bottom: 10px;
	margin-right: 23px;
}
.main_inner_right .contacts_info {
	padding: 0px 0px 5px;
	margin-bottom: 10px;
	line-height: 1.5em;
}

.main_inner_left .address {
	margin-bottom: 25px;
}


.hor_nav_div {
	background: url('/images/web/hor_nav_back3.gif') left bottom repeat-x;
	width: 100%;
	float: left;
	margin-bottom: 21px;
}
.hor_nav_div_inner {
	padding: 0 0 0 22px;
}
* html .hor_nav_div_inner {
	padding: 0 0 0 32px;
}

.hor_nav_div .item {
	float: left;
	height: 31px;
	line-height: 31px;
	margin-left: -10px;
}

.hor_nav_div .item SPAN {
	display: block;
	float: left;
	height: 31px;
}

.hor_nav_div .item A {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	
}


.hor_nav_div .item SPAN.left {
	width: 15px;
	background: url('/images/web/hor_nav_back.png') left bottom no-repeat;
}
.hor_nav_div .item SPAN.right {
	width: 28px;
	background: url('/images/web/hor_nav_back1.png') left bottom no-repeat;
	position: relative;
	z-index: 2;
}
.hor_nav_div .item SPAN.text {
	background: url('/images/web/hor_nav_back2.gif') left bottom repeat-x;
}

* html .hor_nav_div .item SPAN.left {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hor_nav_back.png', sizingMethod='scale');
}
* html .hor_nav_div .item SPAN.right {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hor_nav_back1.png', sizingMethod='scale');
}


.hor_nav_div .item.over SPAN.left {
	background-image: url('/images/web/hor_nav_back_o.png');
}
.hor_nav_div .item.over SPAN.right {
	background-image: url('/images/web/hor_nav_back1_o.png');
}
.hor_nav_div .item.over SPAN.text {
	background-image: url('/images/web/hor_nav_back2_o.gif');
}

* html .hor_nav_div .item.over SPAN.left {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hor_nav_back_o.png', sizingMethod='scale');
}
* html .hor_nav_div .item.over SPAN.right {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hor_nav_back1_o.png', sizingMethod='scale');
}


.hor_nav_div .item.active SPAN.left {
	background-image: url('/images/web/hor_nav_back_a.png');
	position: relative;
	z-index: 3;
}
.hor_nav_div .item.active SPAN.right {
	background-image: url('/images/web/hor_nav_back1_a.png');
}
.hor_nav_div .item.active SPAN.text {
	background-image: url('/images/web/hor_nav_back2_a.gif');
	font-size: 1.1em;
	font-weight: bold;
}

* html .hor_nav_div .item.active SPAN.left {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hor_nav_back_a.png', sizingMethod='scale');
}
* html .hor_nav_div .item.active SPAN.right {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hor_nav_back1_a.png', sizingMethod='scale');
}


.yandex {
	height: 136px;
	width: 322px;
	margin-bottom: 25px;
}
#map_canvas {
	height: 136px;
	width: 322px;
}


.add_opinion {
	margin-bottom: 30px;
}

.add_opinion SPAN.red {
	color: #b04747;
}
.add_opinion SPAN.link {
	margin-right: 2em;
}


.opinions DIV.block_left {
	width: 60px;
	float: left;
}

.opinions DIV.container {
	float: right;
	width: 100%;
	margin-right: -60px;
}
.opinions DIV.block_right {
	margin-right: 60px;
}



#main .col_normal .comments TD {
	border: none;
	vertical-align: top;
	padding-top: 1px;
	padding-bottom: 1px;
}

#main .col_normal .comments TD.left_td {
	padding-top: 3px;
	text-align: right;
	font-weight: bold;
}


#main .firms_block_div .nav {
	font-size: .85em;
	float: right;
	}
#main .firms_block_div .nav li {
	float:left;
	padding-left:10px;
	}
#main .firms_block_div .nav a {color:#39393A}
	#main .firms_block_div .nav a:hover {color:#59595A}

	
	
#main_page_nav {
	position: relative;
	left: -23px;
	margin-top: 
}

#main .page_nav H1 {
	float: left;
	font-size: 1.8em;
	color: white;
	background: #506676;
	padding: 9px 14px 9px 23px;
}

.add_link {
	float: left;
	padding-left: 20px;
	background: url('/images/web/add_icon.gif') left center no-repeat;
}

.add_link A:link, .add_link A:visited, .add_link A:hover {
	font-size: 1.2em;
}


.content_left {
	float: left;
	width: 55%;
}
.content_right {
	float: right;
	width: 40%;
}

.page_nav_out {
	margin: 10px 0 18px;
}


#main .content_left .yellow {
	width: 100%;
	padding-left: 23px;
	position: relative;
	left: -23px;
	margin-bottom: 15px;
	border-top: #eaeaea solid 1px;
	border-right: #eaeaea solid 1px;
	border-bottom: #eaeaea solid 1px;
}

.yellow input.image {
	position: relative;
	bottom: -7px;
	margin-left: 2px;
}


.labels {
	position: relative;
	top: -6px;
}

.sublists {
	font-weight: bold;
	font-size: 1.2em;
}

.sublists H3 {
	color: #506676;
	margin-bottom: .5em;
}

#main .sublists A:link, #main .sublists A:visited {
	color: #506676;
	text-decoration: none;
}
#main .sublists A:hover {
	color: #cc1d1d;
	text-decoration: none;
}


#main .sublists .all A:link, #main .sublists .all A:visited {
	text-decoration: underline;
}
#main .sublists .all A:hover {
	text-decoration: underline;
}


.sublists .left {
	float: left;
	width: 45%;
}
.sublists .right {
	float: right;
	width: 45%;
	text-align: left;
}


table.chosen {
	width: 100%;
	border-collapse: separate;
	margin-bottom: 30px;
}

.chosen td {
	vertical-align: middle;
/*	padding-top: 2px;
	padding-bottom: 2px;*/
	border-top: white solid 1px;
	border-bottom: white solid 1px;
}


.chosen .first {
	width: 30px;
	text-align: right;
	font-weight: bold;
	font-size: 1.2em;
	color: #516775;
}
.chosen .name {
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 5px;
}
.chosen .stars {
	width: 150px;
}

#main .chosen .name A:link, #main .chosen .name A:visited, #main .chosen .name A:hover {
	color: #516775;
	text-decoration: none;
}


.chosen .odd td {
	background: #efefef;
	border-top: #efefef solid 1px;
	border-bottom: #efefef solid 1px;
}
.chosen .over td {
	background: #fbf6e3;
	border-top: #eeeada solid 1px;
	border-bottom: #eeeada solid 1px;
}


.hovertip {
	padding: 14px;
	border: #dddddd solid 1px;
	background: white;
	width: 200px;
	text-align: left;
}

.hovertip_over {
	display: none;
	position: absolute;
	left: -1000;
}

.hovertip h2 {
	font-size: 1.2em;
	color: #516775;
	margin-bottom: 7px;
}

.hovertip p {
	margin-top: 0;
	color: #6a6a6a;
}

.hovertip img {
	margin-right: 5px;
	position: relative;
	bottom: -3px;
}

.hovertip p.more {
	margin-top: 5px;
	text-align: right;
	font-size: .75em;
}

#main .page_nav H2 {
	float: left;
	font-size: 1.8em;
	color: white;
	background: #ffcc32;
	padding: 9px 14px 9px 14px;
}

div.sublists div.other {
	display: none;
}

.another_page_header h2 {
	float: left;
}

.another_page_header .add_link {
	position: relative;
	top: 7px;
	left: 18px;
}






.contacts_info span.img {
	position: relative;
}
.contacts_info .img img {
	position: absolute;
	left: -25px;
	top: -2px;
}

.news_out p {
	margin: 0;
}
.news_out p.archive {
	margin-top: 15px;
	text-align: right;
	font-size: .75em;
}


.main_inner_left .main_inner .more_links {
	position: absolute;
	width: 160px;
	padding: 22px 12px;
	right: 0px;
	top: -22px;
	background: #f3f3f3;
}
.main_inner_left .main_inner .more_links p {
	margin: 0 0 5px;
	position: relative;
	padding-left: 23px;
}

.main_inner_left .main_inner .more_links img {
	position: absolute;
	left: 0px;
	top: -2px;
}

.inner_inner_part_div .block {
	margin-bottom: 15px;
}

a.more {
	font-size: .75em;
}

.contacts_info p {
	margin: 0;
}


.main_inner_right {
	margin-top: 30px;
	padding-top: 21px;
	border-top: #d2d2d2 solid 1px;
	background: #fbf8e7;
	padding-left: 40px;
	padding-right: 13px;
}

.main_inner_out {
	margin-left: -373px;
}
.main_inner_left {
	margin-left: 373px;
}

.main_inner_right {
	width: 320px;
}

.page_header .adv {
	right: 8px;
}



.sl {color:#889aa7; font-size: 8pt}


a.sl , a.sl:visited {color:#889aa7; font-size: 8pt}