@import "reset.css";

body {background: #e3e3e3; font: 0.75em Tahoma, sans-serif; color: #434343;}

h2 {margin: 0 0 1em; font: bold 1.3333333em Tahoma, sans-serif; color: #e6000e;}
h3 {margin: 1em 0 0.5em; font: 1.1666667em Tahoma, sans-serif; color: #373636;}
h4 {margin: 1em 0 0.5em; font: bold 1em Tahoma, sans-serif;}
a {color: #434343;}
strong {font-weight: bold;}
em {font-style: italic;}
address {font-style: normal; font-size: 1.15em; color: #e6000e;}

#content p {margin-bottom: 1em;}
#content ul {margin-left: 2em; list-style: disc;}
#content ul li {margin-bottom: 0.5em;}


/* @group images */
.left {float: left; clear: left; margin: 0 1em 1em 0;}
.right {float: right; clear: right; margin: 0 0 1em 1em;}
.center {margin: 2em 0; text-align: center;}
.center img {margin: 0 0 1em;}
.bordered {border: 1px solid #c8c8c8; padding: 1px;}
/* @end */

/* @group no wrap */
h2 span, h3 span, h4 span, address strong, .nowrap {white-space: nowrap;}
/* @end */

/* @group image replacement */
#logo a, #phones, #leftside h4, a.button {display: block; overflow: hidden; text-indent: -9999px;}
/* @end */

/* @group titles */
#leftside h4 {height: 13px;}
#catalog h4 {background: url(../i/title-catalog.gif) no-repeat;}
#calendar h4 {background: url(../i/title-calendar.gif) no-repeat;}
#search h4 {background: url(../i/title-search.gif) no-repeat;}
/* @end */

/* @group buttons */
.more {width: 67px; height: 15px; background: url(../i/button-more.gif);}
/* @end */


/* @group wrapper */
#wrapper {margin: 0 auto; width: 954px; padding: 0 27px 7px; background: white;}

/* @group header */
#header {position: relative; padding: 78px 0 20px;}

#logo a {position: absolute; top: 12px; left: 12px; width: 197px; height: 97px; background: url(../i/logo.gif);}
#phones {position: absolute; top: 12px; right: 7px; width: 248px; height: 58px; background: url(../i/phones.gif);}
#phones br {display: none;}

/* @group menu */
#menu {height: 35px; background: url(../i/bg-menu.gif); font: 1em/35px Tahoma, sans-serif; text-transform: uppercase;}
#menu ul {overflow: hidden; margin-left: 207px;}
#menu li {float: left; margin: 0 0 0 -1px; padding: 0 20px; background: url(../i/dashed.gif) no-repeat 0 50%;}
#menu, #menu a {color: white; text-decoration: none;}
/* @end */
/* @end */


/* @group outer */
#outer {overflow: hidden;}


/* @group leftside */
#leftside {float: left; margin-left: 12px; width: 163px;}
#leftside h4 {margin: 0 0 4px;}

#catalog, #calendar, #search {margin: 0 0 15px;}

/* @group calendar */
#calendar table {margin-left: -3px;}
#calendar caption {font-weight: bold;}
#calendar th, #calendar td {padding: 1px 3px; text-align: center;}
#calendar .holidays {color: #c40e15;}
#calendar span {padding: 0 2px;}
#calendar .today span {background: #434343; color: white;}
/* @end */

/* @group catalog */
#catalog {font: 1.1666667em Tahoma, sans-serif; color: #0b0b0b;}
#catalog ul li {padding-left: 14px; background: url(../i/bullet.gif) no-repeat 0 0.25em;}
#catalog ul a {color: #0b0b0b; text-decoration: none;}
#catalog ul ul {display: none; margin: 0 0 5px 2px;}
#catalog ul .open ul {display: block;}
#catalog ul ul li {background-image: url(../i/bullet2.gif);}
/* @end */

/* @group search */
#search input {vertical-align: middle; border: 1px solid #d6d6d6; font: 0.83333333em Tahoma, sans-serif;}
#search .text {width: 118px; height: 14px;}
#search .button {height: 18px; padding-bottom: 2px; background: #f4f4f4; color: #787575; border-left: 0;}
/* @end */

/* @group prices */
#content ul.prices {margin-left: 0; list-style: none;}
ul.prices li {padding: 6px 0 6px 38px; background: no-repeat 0 50%;}
ul.prices li.word {background-image: url(../i/icon-word.gif);}
ul.prices li.excel {background-image: url(../i/icon-excel.gif);}
/* @end */
/* @end */


/* @group content */
#content-outer {float: right; width: 757px; /*margin-left: 186px;*/}
#splash {margin: 0 0 20px -1px;}
#content {width: 747px; background: url(../i/bg-content-middle.gif) repeat-y;}
#content .content-top {background: url(../i/bg-content-top.gif) no-repeat;}
#content .content-bottom {background: url(../i/bg-content-bottom.gif) no-repeat 0 100%;}
#content-inner {position: relative; padding: 13px 9px;}

/* @group heading */
.heading {overflow: hidden; margin: -12px 0 10px -8px;}
.heading h2 {font: 1em/27px Tahoma, sans-serif; color: white; text-transform: uppercase; letter-spacing: 0.2em;}
.heading h2, .heading h2 span {float: left; display: block; height: 27px; padding: 0 0 0 20px; background: url(../i/bg-heading.gif);}
.heading h2 span {padding: 0 20px 0 0; background-position: 100%;}
/* @end */

/* @group news */
#news {margin: 0 15px;}
#news dt {float: left; color: #c40e15;}
#news dd {margin: 0 0 1em 105px; text-transform: uppercase;}
/* @end */

/* @group table */
#content table {clear: both; margin: 0 0 1.5em; width: 100%; font-size: 100%;}
#content caption {padding: 0 0 0.5em; font: 1.1666667em Tahoma, sans-serif; color: #414141; text-align: center;}
#content td, #content th {padding: 3px 1px; border: 1px solid #696262; vertical-align: middle; font-size: 0.83333333em;}
#content thead th, #content thead td {background: #878787; color: white;}
#content .stripe td, #content .stripe {background: #c0c0c0;}
/* @end */

/* @group section */
.section {position: relative; margin: 0 0 20px; background: url(../i/bg-section-middle.gif) repeat-y;}
.section .section-bottom {background: url(../i/bg-section-bottom.gif) no-repeat 0 100%;}
.section .section-top {overflow: hidden; background: url(../i/bg-section-top.gif) no-repeat;}
.section .section-inner {padding: 0 14px 23px 138px; font-size: 0.83333333em;}
.section .image {float: left; margin-left: 13px; padding: 1px; border: 1px solid #ccc;}
.section h3 {margin: 0 0 14px; padding-left: 14px; background: url(../i/bullet.gif) no-repeat 0 50%; font: 1em/28px Tahoma, sans-serif; text-transform: uppercase;}
.section h3 a {color: #373636; text-decoration: none;}
#content .section ul {margin-left: 8px;}
.section ul li {list-style: none; padding-left: 14px; background: url(../i/bullet3.gif) no-repeat 0 0.25em;}
.section .more {position: absolute; right: 11px; bottom: 13px;}
/* @end */
/* @end */
/* @end */
/* @end */


/* @group footer */
#footer {clear: both; margin: 20px 0 0; height: 50px; background: url(../i/bg-footer.gif);}
#footer, #footer a {color: white;}
#banners {float: left; padding: 12px 0 0 12px;}
#copyright {text-align: center; font: 1em/50px "Courier New", Courier, mono;}
/* @end */