body { margin: 10px; }
body, th, td { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; }
h2 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }

a { color: #000000;	text-decoration: underline; }
a:hover { color: #000000; text-decoration: none; }

img { border: none; }

input, button, textarea, select { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; }
.checkbox-container { line-height: 12px; }
.checkbox-container input[type=checkbox] { position: relative; vertical-align: middle; top: 1px; }
.checkbox-container label { position: relative; vertical-align: middle; left: .5em; }

.clear { clear: both; }

/* Buttons */
.buttons { text-align: right; }
a.button { background: transparent url('graphics/button.png') no-repeat scroll top right; color: #444; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 8px; text-align: center; text-decoration: none; }
a.button span { background: transparent url('graphics/button.png') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 8px; }
a.button:active { background-position: bottom right; color: #000; outline: none; }
a.button:active span { background-position: bottom left; padding: 6px 0 4px 8px; }


.left { float: left; }
.right { float: right; }

.container { margin: 0 auto 0 auto; background: url(graphics/container-bg.gif) repeat-y; border: 2px solid #000000; width: 796px; }

.container-top { background: url(graphics/container-top-bg.gif) no-repeat; overflow: hidden; height: 117px; }
.container-top .left { padding: 10px 0 0 10px; width: 197px; height: 107px; }
.container-top .left .functions { padding: 10px 0 0 0; font-size: 10px; }
.container-top .left .functions a { text-decoration: none; color: #000000; }
.container-top .right { width: 589px; height: 107px; }
.container-top .basket { position: absolute; margin: -21px 0 0 7px; }
.container-top .cards { position: absolute; margin: -21px 0 0 36px; }
.menu-top-container { background: #000000 url(graphics/menu-top-bg.gif) no-repeat; color: #ffffff; line-height: 23px; height: 24px; }
.menu-top-container a {  color: #ffffff; text-decoration: none; }
.menu-top-container a:hover {  color: #ffffff; }
.menu-top-container .left a { display: block; }
.menu-top-container .left { padding: 0 0 0 10px; width: 145px; }
.menu-top-container .left span { float: right; }
.menu-top-container .right { width: 589px; }
.menu-top { margin: 0; padding: 0 0 0 7px; }
.menu-top li { position: relative; float: left; display: inline; margin: 0; padding: 0; list-style-type: none; }
.menu-top a { display: block; margin: 0; padding: 0 25px 0 6px; text-decoration: none; color: #ffffff; }
.menu-top a:hover, .menu-top a.active { color: #ffffff; }
.menu-top ul { position: absolute; float: left; display: none; margin: 0; padding: 5px; background: #ffffff; border: 1px solid #000000; line-height: 16px; width: 170px; z-index: 10000; }
.menu-top ul li { float: none; display: block; margin: 0; padding: 0; }
.menu-top ul a { display: block; padding: 2px; color: #000000; }
.menu-top ul a:hover, .menu-top ul a.active { background: #000000; color: #ffffff; }
.menu-top li:hover ul ul, .menu-top li:hover ul ul ul, .menu-top li:hover ul ul ul ul{ display: none; }
.menu-top li:hover ul, .menu-top li li:hover ul, .menu-top li li li:hover ul, .menu-top li li li li:hover ul{ display: block; }

.container-main { padding: 10px 0 10px 0; background: url(graphics/container-main-bg.gif) no-repeat; width: 796px; min-height: 35px; }
.container-main .left { padding: 0 0 0 10px; overflow: hidden; width: 152px; }
.container-main .right { margin: 0 10px 0 0; width: 570px; }

.menu-left, .menu-left ul { margin: 0; padding: 0; }
.menu-left ul { padding: 0 0 10px 20px; }
.menu-left li { margin: 0; padding: 0; line-height: 20px; list-style-type: none; }
.menu-left a { display: block; color: #3e3d3d; text-decoration: none; }
.menu-left a:hover { color: #000000; text-decoration: none; }

.list { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-spacing: 0; border-collapse: collapse; width: 100%; }
.list th { padding: 2px; border-bottom: 1px solid #cccccc; font-weight: bold; text-align: left; }
.list td { padding: 2px; border-bottom: 1px solid #cccccc; }

/* Frontpage */
#slideshow { margin: 0 auto 0 auto; width: 537px; height: 160px; overflow: hidden; }

/* Catalog */
.item-list .price { }
.item-list .price-on-sale { color: #ff0000; }

.item-view .price { display: block; font-size: 15px; text-align: right; }
.item-view .price-on-sale { color: #ff0000; }

.item-view .add-to-basket { display: block; margin: 1em 0 1em 0; padding: 5px; background: #000000; color: #ffffff; font-size: 10px; text-align: center; text-decoration: none; text-transform: uppercase; }