/* Design styles  */

html, body, p, h1, h2, h3, blockquote, ol, ul, li, form {
	margin: 0; padding: 0;
}

a img, fieldset { border: none; }

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 10px */
	line-height: 1.4;
	color: #dfdfdf;
}
td, input, select, textarea {
	font-size: 1em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
a { color: #dfdfdf; text-decoration: underline; }
a:hover { text-decoration: none; }

.invert { text-decoration: none; }
.invert:hover { text-decoration: underline; }

h1, .h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.75em; /* equals to 21px in block with font-size: 1.1em */
	/*letter-spacing: -1px;*/
	color: #f8f3a6;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 .5em;
	text-align: center;
	}
	h1 a, .h1 a { color: #f8f3a6; text-decoration: none; }
	h1 a:hover, .h1 a:hover { text-decoration: none; }
h2, .h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em; /* equals to 12px in block with font-size: 1.1em */
	font-weight: bold;
	text-transform: uppercase;
	color: #f8f3a6;
	margin: 0 0 .5em;
	}
	h2 a, .h2 a { color: #f8f3a6; text-decoration: none; }
	h2 a:hover, .h2 a:hover { text-decoration: underline; }

p { margin-bottom: 1em; }
blockquote { padding-left: 4em; }

ol    { padding-left: 3.7em; margin-bottom: 1em; }
ol li { padding-left: 0.3em; }
ul    { padding-left: 3.2em; margin-bottom: 1em; }
ul li { padding-left: 0.8em; }

.h100 { height: 100%; }
.w1000 { width: 991px; margin: 0 auto; }

.top-line { background: #686868 url(../img/bg-top-line.png); height: 33px; }
#inner .top-line { background: url(../img/bg-top-line-inner.png); }
.icons { text-align: right; padding: 10px 35px 0 0; }
#inner .icons a { color: #565656; }
.top-line-shadow { background: url(../img/bg-top-line-shadow.png) 0 0 repeat-x; width: 100%; }

.class01 { width: 372px; margin: 0 auto; }
.class01-left {float: left;}
	* html .class01-left { margin-right: -3px;} /*ie6 fix*/
.class01-right {float: right;}
	* html .class01-right { margin-left: -3px;} /*ie6 fix*/
.class01-center { background: url(../img/01.jpg) 50% 0 no-repeat; height: 229px; }

#inner .class01 { width: 790px; }
#inner .class01-center { background: url(../img/01-inner.jpg) 50% 0 no-repeat; height: 146px; }

.logo { padding: 13px 0 124px 0; text-align: center; }
#inner .logo { padding-bottom: 46px; }

.menu-top, .menu-top a { color: #f8f3a6; }
.menu-top ul { list-style-type: none; margin: 0; padding: 0; }
.menu-top li { float: left; padding: 0 18px; }

.menu-top a { float: left; display: block; height: 40px; text-indent: -2000px;}
.menu-top .menu01 a { width: 75px; background: url(../img/menu01.png) 0 0 no-repeat; }
.menu-top .menu01 a:hover { background: url(../img/menu01.png) 0 -40px no-repeat; }
.menu-top .menu02 a { width: 51px; background: url(../img/menu02.png) 0 0 no-repeat; }
.menu-top .menu02 a:hover { background: url(../img/menu02.png) 0 -40px no-repeat; }
.menu-top .menu03 a { width: 77px; background: url(../img/menu03.png) 0 0 no-repeat; }
.menu-top .menu03 a:hover { background: url(../img/menu03.png) 0 -40px no-repeat; }

.menu-cat {
	width: 792px; height: 304px;
	padding-left: 10px;
	margin: 0 auto;
	overflow: hidden;
	background: url(../img/bg-catalog-menu-bg.png) 50% 0 no-repeat;
	}
.menu-cat .cat-item {
	float: left;
	position: relative;
	background: url(../img/bg-catalog-menu.png) 0 0 no-repeat;
	width: 197px;
	height: 304px;
	margin-left: 1px;
	}
	.cat-item .wrap { padding: 7px 0 0 5px; position: relative; }
	.cat-item h1 { height: 49px; margin: 0; text-indent: -2000px; }
	.cat-item h1 a { display: block; height: 49px; width: 175px; }
	.cat-item .cat-menu-01 { background: url(../img/cat-m-title-01.png) 0 0 no-repeat; }
	.cat-item .cat-menu-02 { background: url(../img/cat-m-title-02.png) 0 0 no-repeat; }
	.cat-item .cat-menu-03 { background: url(../img/cat-m-title-03.png) 0 0 no-repeat; }
	.cat-item .cat-menu-04 { background: url(../img/cat-m-title-04.png) 0 0 no-repeat; }
* html .menu-cat { width: 794px; }
* html .menu-cat .cat-item { background: url(../img/bg-catalog-menu-ie6.png) 0 0 no-repeat; }

.popup { width: 175px; position: absolute; top: 56px; left: 5px; }
* html .popup { left: 0px; }
.popup-content, .popup-bg { position: absolute; top: 0; left: 0; width: 100%; }
.popup-bg { background: #191919; opacity: 0.75; } /* ie.css has opacity for IE */

.popup-content ul { list-style-type: none; margin: 0; padding: 0; }
.popup-content li { padding: 0; text-align: center; display: block; border-bottom: 1px solid #000000; }
.popup .popup-content a {
	display: block;
	border-bottom: 1px solid #252525;
	width: 175px;
	font-size: 1.1em;
	color: #ffffff;
	padding: 2px 0;
	text-decoration: none;
	}
.popup .popup-content a:hover { color: #ffffff; text-decoration: underline; }

.menu-in {
	text-align: center;
	height: 53px;
	background: url(../img/bg-menu.png) 0 0 no-repeat;
	color: #f8f3a6;
	font-size: 1.1em;
	}
.menu-in ul.menu-in-ul { list-style-type: none; margin: 0; padding: 3px 0 0 0; }
.menu-in .li { display: inline; padding: 0 12px; position: relative; }
.menu-in .wrap { display: inline; padding: 0;  }
.menu-in a { color: #f8f3a6; text-decoration: none; text-transform: uppercase; }
.menu-in a:hover { color: #f8983a; text-decoration: none; }

.menu-in .popup-content a { font-size: 1em; text-transform: none; }
.menu-in .popup { top: 28px; left: 0px; } /* ie.css has different coordinates */

.class02 { text-align: center; padding-right: 5px; }
.class03 { text-align: center; padding-right: 19px; }

h1.title-01 { background: url(../img/title-01.png) 50% 7px no-repeat; text-indent: -2000px; }
h1.title-02 { background: url(../img/title-02.png) 50% 7px no-repeat; text-indent: -2000px; }
h1.title-03 { background: url(../img/title-03.png) 50% 7px no-repeat; text-indent: -2000px; }
.title-04 { background: url(../img/title-04.png) 50% 7px no-repeat; text-indent: -2000px; }
.title-04 a { display:block; width: 100%; }
h1.title-05 { background: url(../img/title-05.png) 50% 7px no-repeat; text-indent: -2000px; }

h1.catalog { color: #ffffff; text-transform: none; text-align: left; font-size: 1.5em; }

.content-top, .content-bot, .content { width: 912px; margin: 0 auto; overflow: hidden; }
.content { background: #240102; min-height: 220px; padding-bottom: 1em; }

.pad { font-size: 1.2em; padding: 0 25px; overflow: hidden; }
* html .pad { height: 0; overflow: visible; } /*ie6*/

.pad .pad { font-size: 1em; padding: 0 75px; }

.col1 { float: left; width: 210px; overflow: hidden; }
.col2 { margin: 0 0 0 210px; }

.menu-left { width: 210px; }
.menu-left ul { list-style-type: none; text-align: center; margin: 0; padding: 0; }
.menu-left li { padding: 0; background: url(../img/bg-menu-left.png) 50% 100% no-repeat; height: 50px; font-weight: bold; }
.menu-left a { color: #ffffff; text-decoration: none; }
.menu-left .current a { color: #646363; text-decoration: none; }
.menu-left a:hover { color: #646363; text-decoration: none; }

.c1 { background: #150001 url(../img/c1.png) 0 0 no-repeat; }
.c2 { background: url(../img/c2.png) 100% 0 no-repeat; }
.c3 { background: url(../img/c3.png) 100% 100% no-repeat; }
.c4 { background: url(../img/c4.png) 0 100% no-repeat; padding: 8px 15px 10px; }

.footer { color: #d1cc8c; font-size: 11px; margin: 0 342px 0 340px; }
	.footer .f { text-align: center; padding: 22px 10px 0; height: 50px; overflow: hidden; } /* height: 72px */
.footer a { color: #d1cc8c; text-decoration: none; }
.footer a:hover { color: #f8f3a6; text-decoration: underline; }
* html .footer { margin: 0; }

.f2 { font-size: 11px; text-align: center; padding: 0 30px 10px; margin-top: -15px; }
.f2, .f2 a { color: #805417; }
#inner .f2, #inner .f2 a { color: #fff; }
.f2 a { text-decoration: none; }
.f2 a:hover { text-decoration: underline; }

/* cms styles */
.floatL { float: left; margin-right: 10px; }
.floatR { float: right; margin-left: 10px; }
.imgBorder {  }

.title { margin-bottom: 3px; font-weight: bold; }
.title a { text-decoration: none; }
.title a:hover { text-decoration: underline; }

.more { margin-top: 3px; font-weight: bold; }
.more a { text-decoration: none; }
.more a:hover { text-decoration: underline; }

.empty { text-align: center; margin-top: 50px; margin-bottom: 50px; }

.message { color: #009900; }
.errors { color: #990000; }

.navigator { /*font-size: 10px; margin-left: 7px;*/ }
.navigator a { /*color: #000000;*/ text-decoration: none; }
.navigator a:hover { text-decoration: underline; }

.hilight { background-color: #000000; color: #FFFFFF; /*font-weight: bold;*/ }
.searchResult dt { font-weight: bold; }
.searchResult dd { margin-left: 0px; }
.searchResult dd ul { margin-bottom: 5px; margin-top: 5px; }

#sitemap div { margin-bottom: 0.4em; }
#sitemap p { margin: 0; padding: 0; }
#sitemap a { text-decoration: none; }
#sitemap #sitemap a:hover { text-decoration: underline; }

#images-list { padding-top: 1.5em; text-align: center; }
* html #images-list { overflow: visible; height: 0 } /* ie6 hasLayout */

#images-list .row { padding-bottom: 1.5em; overflow: hidden; }
* html #images-list .row { overflow: visible; height: 0 } /* ie6 hasLayout */

#images-list .image {
	display: inline-block;		/* ie has different settings */
	background: #171717;
	border: 1px solid #000000;
	padding: 5px;				/* ie has different settings */
	margin: 5px;
	}
	#images-list .image img { border: 1px solid #000000; }

/* end cms styles */

/* this class should be placed on a div or break element and should be the final element
before the close of a container that should fully contain a float */
.clearfloat {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}