/*
	Проект: http://www.acidetchedmirror.com/
	Кодировка: UTF-8
		
	Пользовательские настройки 
	Можно изменять все селекторы и свойства
	
	Прочие файлы (screen.css, print.css, ie.css) НЕ ТРОГАТЬ!!!
*/
/*************************************
	БАЗОВЫЕ ПАРАМЕТРЫ
**************************************/
body { background-color: #389F05; }
 
#header, #menu, #footer {
	background-color: #276A0D;
	color: white; }
 
#footer { padding: 20px; }
 
#header {
	height: 275px;
	background-color: #276A0D;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: center bottom; }
 
/* Logotype of the site */
#logo a {
	background: url(../images/sprite.jpg) no-repeat 0 -330px;
	display: block;
	width: 169px;
	height: 73px;
	overflow: hidden;
	text-indent: -9999px; }
 
#content {
	background-color: #FAFAFD;
	padding: 20px; }

/* Instant help of the site */
a.instant-help {
	background: url(../images/sprite.jpg) no-repeat 0 -439px;
	border: solid 2px #276A0D;
	display: block;
	width: 300px;
	height: 150px;
	overflow: hidden;
	text-indent: -9999px; }	
	 
/* The BearGlass button in the footer */
#bearglass a {
	background: url(../images/sprite.jpg) no-repeat 0 -403px;
	display: block;
	width: 187px;
	height: 36px;
	overflow: hidden;
	text-indent: -9999px; }

/*************************************
	ТИПОГРАФИКА
**************************************/   
h2 { color: #276A0D; }
 
img.border {
	border: solid 2px #276A0D;
	padding: 3px;
	background-color: #DDE1EA; }

/* remove bullet from a list */
.bullet-off { list-style: none; }
 
/*************************************
	ТАБЛИЦЫ
**************************************/ 
.form-table th { text-align: right; }
 
.form-table em {
	color: red;
	font-weight: bold; }
 
.ver-align {
	vertical-align: top;
	padding-top: 10px; }
 
/* Instant help form */
.form-table th span {
	display: block;
	color: #389F05; }
 
/*************************************
	ССЫЛКИ
**************************************/ 
a { outline: none; }
 
	a:link { color: #389F05; /* Цвет непосещенных ссылок */ }
 
	a:visited { color: #606; /* Цвет посещенных ссылок */ }
 
#header a:hover { color: #CFFF5E; /* Цвет ссылок при наведении на них курсора мыши */ }
 
#content a:hover { color: red; /* Цвет ссылок при наведении на них курсора мыши */ }
 
a:active { color: #ff0; /* Цвет активных ссылок */ }

/*************************************
	НАВИГАЦИЯ
**************************************/ 
#menu { padding-top: 10px; }
 
	/* user's settings */
#menu ul, #menu li {
		border: 0;
		margin: 0;
		padding: 0;
		list-style: none; }
 
	#menu ul {
		border-bottom: solid 1px white;
		height: 29px;
		padding-left: 20px; }
 
	/* */
#menu li {
		float: left;
		margin-right: 5px; /* default 2px */
		text-transform: uppercase; }
 
	/* user's settings */
#menu .tab a:link, #menu .tab a:visited {
		display: block;
		float: left;
		height: 30px;
		background: url(../images/tab-round.gif) no-repeat right -30px;
		color: white; /* default #666 */
		font-weight: bold;
		text-decoration: none;
		padding-right: 39px; }
 
	/* default 14px */
#menu .tab a span {
		display: block;
		float: left;
		height: 30px;
		background: url(../images/tab-round.gif) no-repeat left -30px;
		padding-left: 39px; /* default 14px */
		line-height: 30px;
		cursor: pointer }
 
	#menu .tab a:hover { background: url(../images/tab-round.gif) no-repeat right -60px; }
 
		#menu .tab a:hover span { background: url(../images/tab-round.gif) no-repeat left -60px; }
 
	#menu .active a:link, #menu .active a:visited, #menu .active a:visited, #menu .active a:hover { background: url(../images/tab-round.gif) no-repeat right 0; }
 
	#menu .active a span, #menu .active a:hover span {
		color: black;
		background: url(../images/tab-round.gif) no-repeat left 0; }
 
/* IE6 css fixer v0.7: Wed, 13 Jan 2010 22:37:36 +0100 */
/* ============================================= */
/* safe settings                                 */
/* add display:inline to floated elements */
* html #menu li,
* html #menu .tab a:link, * html #menu .tab a:visited,
* html #menu .tab a span,
* html #prevLink,
* html #nextLink,
* html #imageData #imageDetails,
* html #imageData #bottomNavClose { display: inline; }
 
/* add zoom:1 to overflow:hidden */
* html #menu li,
* html #menu .tab a:link, * html #menu .tab a:visited,
* html #menu .tab a span,
* html #prevLink,
* html #nextLink,
* html #imageData #imageDetails,
* html #imageData #bottomNavClose { zoom: 1; }
 
/* add zoom:1 to pos:relative elements */
* html #outerImageContainer { zoom: 1; }

/*************************************
	КНОПКИ НА ГЛАВНОЙ СТРАНИЦЕ
**************************************/    
/* End hide from IE-mac */
/* video button */
.video, .mail-list, .links {
	display: block;
	overflow: hidden;
	width: 250px;
	height: 55px;
	text-indent: -9999px; }
 
.video a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/sprite.jpg) no-repeat 0 -110px;
	outline: none; }
 
	.video a:hover { background-position: 0 -165px; }
 
.mail-list a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/sprite.jpg) no-repeat 0 0;
	outline: none; }
 
	.mail-list a:hover { background-position: 0 -55px; }

.links a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/sprite.jpg) no-repeat 0 -220px;
	outline: none; }
 
	.links a:hover { background-position: 0 -275px; }

/* DISCOUNT button */
.discount {
	display: block;
	overflow: hidden;
	width: 250px;
	height: 80px;
	text-indent: -9999px; }
	
.discount a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/glass-rack-discount-button.jpg) no-repeat 0 0px;
	outline: none; }
 
	.discount a:hover { background-position: 0 -80px; }

 
/* glossary */
.glossary {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 900;
	padding: 10px;
	text-align: center; }
 
	.glossary span { margin-right: 20px; }
 
.glossary-active {
	background-color: #8EDF2A;
	border: solid 2px #276A0D;
	padding: 5px; }
 
.glossary-passive { cursor: pointer; }

/* Glossary preloader */
#load {
	text-align: center;
	padding: 20px;
	margin: 20px;
	font-weight: bolder;
	background: url(../images/ajax-loader.gif) no-repeat 50% 0;
}
 
/* google map */
#map, #map2 {
	width: 420px;
	height: 310px;
	overflow: hidden; }
 
/*************************************
	LIGHTBOX 2.04.
**************************************/ 
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0; }
 
	#lightbox img {
		width: auto;
		height: auto; }
 
	#lightbox a img { border: none; }
 
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto; }
 
#imageContainer { padding: 10px; }
 
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0; }
 
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10; }
 
#imageContainer>#hoverNav { left: 0; }
 
#hoverNav a { outline: none; }
 
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background-image: url(data: image/gif;
	base64,AAAA);
	display: block; }
 
/* Trick IE into showing hover */
#prevLink {
	left: 0;
	float: left; }
 
#nextLink {
	right: 0;
	float: right; }
 
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
 
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
 
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	; }
 
#imageData {
	padding: 0 10px;
	color: #666; }
 
	#imageData #imageDetails {
		width: 70%;
		float: left;
		text-align: left; }
 
	#imageData #caption { font-weight: bold; }
 
	#imageData #numberDisplay {
		display: block;
		clear: left;
		padding-bottom: 1.0em; }
 
	#imageData #bottomNavClose {
		width: 66px;
		float: right;
		padding-bottom: 0.7em;
		outline: none; }
 
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000; }