html, body {height: 100%; margin: 0; overflow: hidden; padding: 0;}
body {background: url(../img/bodyBackground.jpg); position: relative;}

span.dummy {height: 100%; margin-left: -1px; overflow: hidden; width: 1px !important;}
.hidden {display: none;}
.inline-block {display: -moz-inline-stack; display: inline-block; vertical-align: top;}
.table {display: table; position: relative;}
.table-cell {display: table-cell; *position: absolute; *top: 50%; vertical-align: middle;}
.table-cell .wrapper {*position: relative; *top: -50%;}
.sprite {display: block; height: 200%;}

#background, #body {height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%;}
#background div {background: url(../img/mainContainerBackground.gif) repeat-y; height: 100%; margin-top: 90px !important;}
#body {overflow-y: auto;}
#background div, #mainContainer {margin: 0 auto; padding: 0 0 5px; width: 1021px;}
#mainContainer {position: relative;}

#menu, #page {position: absolute;}
#menu {left: 0; padding: 0; top: 85px; width: 376px; z-index: 1;}
#menu ul {list-style: none; padding: 0;}

#menu .scoreboard {height: 501px; margin-bottom: -461px; padding: 0 54px; position: relative;}
#menu .scoreboard .bg {background: url(../img/menuBackground.png); height: 100%;}
#menu .scoreboard .content {margin-top: -501px; padding: 7px 7px 0; position: relative;}
#menu .scoreboard .hd {cursor: pointer; font: bold 20px Arial; height: 63px; line-height: 35px; text-align: center; text-transform: lowercase;}
#menu .scoreboard ul {display: none; position: absolute;}

#menu .last {margin: 0 !important;}
#menu .last .hd {color: #ff6300; cursor: default; line-height: 55px;}
#menu .last ul {display: block;}

#menu .dummy, #menu .menu {vertical-align: middle;}
#menu .level2 {left: 0; top: 70px; width: 268px;}
#menu .level2 li {height: 26px; padding: 2px 7px 2px 34px; overflow: hidden;}
#menu .level2 .menu {text-align: right; width: 86px;}

#menu .level3 {display: none !important; right: 0; top: 0; width: 127px;}
#menu .level3 li {padding: 2px 34px 2px 0;}
#menu .level3 .menu {text-align: left; width: 93px;}

#menu .menu {cursor: pointer;}
#menu .active .menu {color: #ff6300;}
#menu .level2 .active .level3 {display: block !important;}
#menu .active .level3 .menu {color: #707070;}
#menu .active .level3 .active .menu {color: #ff6300;}

#menu .clip {height: 18px; left: 0; margin-top: 75px; overflow: hidden; position: absolute; top: -30px; width: 87px;}
#menu .clip div {background: url(../img/clips.png); height: 200%;}
#menu .right {left: auto; margin-top: 78px; right: 0;}
#menu .right div {margin-top: -18px;}

#page {right: 0; top: 13px; width: 669px;}
#page .hd, #page .ft {height: 33px; overflow: hidden;}
#page .bd {background: url(../img/content.png); padding: 0 4px;}
#page .hd .sprite, #page .ft .sprite {background: url(../img/contentCorners.png);}
#page .ft .sprite {margin-top: -33px;}

#header {background: #a4a4a4; height: 116px; padding: 0 15px; position: relative;}
#banner, #contact {position: absolute; top: -13px;}
#banner {height: 114px; left: 15px; width: 469px;}
#banner .overlay {background: url(../img/banner.png); display: block;}
#banner .overlay, #banner img, #banner a {display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
#contact, #contact a {font-size: 11px; line-height: 16px;}
#contact {background: url(../img/contact.jpg); font-size: 16px; height: 113px; overflow: hidden; right: 16px; width: 148px;}
#contact .wrapper {margin: 0 15px;}

#content {margin: 0 18px;}

#products {background: url(../img/products.png) no-repeat; margin-top: 15px; overflow-x: hidden; position: relative; text-align: center; width: 625px;}
#products div.inline-block {margin: 0; overflow: hidden; position: relative;}
#products, #products div.inline-block {height: 80px;}
#products .wrapper {margin-left: -1000px; text-align: center; width: 2625px;}
#products ol {list-style: none; padding: 0;}
#products li {height: 70px !important; min-width: 80px; overflow: hidden; padding: 4px 10px; text-align: center;}
#products a {border: none !important; position: relative;}
#products img {display: block; margin: 0 auto 3px;}
#products span {display: block;}

#products .bag {border-bottom: 20px solid #fff; cursor: pointer; height: 60px; overflow: hidden; position: absolute; top: 0; width: 120px;}
#products .bag .sprite {background: url(../img/bags.png); height: 200%; width: 100%;}
#products .left {left: 0;}
#products .right {right: 0;}
#products .right .sprite {margin-top: -60px;}

#photos, #photos div div {width: 214px;}
#photos ul {list-style: none; padding: 245px 0 0; position: relative; text-align: center;}
#photos li {height: 55px; padding: 0 5px;}
#photos div div {height: 190px; left: 0; overflow: hidden; position: absolute; text-align: center; top: -2000px;}
#photos .first div div, #photos li:hover div div {top: 55px;}
#photos .inline-block {margin: 0; text-align: center; width: 38px;}

#details {padding: 1px 0 0 6px; width: 396px;}
#attribs {padding-left: 2px;}
#attribs, #attribs dd {margin: 0;}
.attribs3 .inline-block {width: 32.5%;}
#attribs dt {color: #ff6300; font: bold 13px Arial; padding-bottom: 9px;}

#description {padding-top: 32px;}
#price {color: #ff6300; float: right; margin: 11px 0; position: relative; right: -2px;}
#price span {font-size: 15px; position: relative; right: 18px; top: -6px;}
#interested {background: url(../img/interested.gif); border: none !important; height: 44px; vertical-align: middle; width: 106px;}

#contactMessages {border-width: 1px 0; font-weight: bold; padding: 2px; text-align: center;}

.messageErrorDiv {background: #ffc; border: solid #f00; color: #f00;}
.messageOkDiv {background: #cfc; border: solid #090; color: #090;}

.input {border: 1px solid #ccc;}
#input_code {margin-left: 5px; *margin-left: 2px;}
#sendContactFormButton {background: url(../img/send.gif) no-repeat; border: 0; color: #fff; cursor: pointer; font-size: 12px; height: 28px; line-height: 23px; padding-bottom: 9px; text-transform: lowercase; width: 52px;}
#contact_loading {position: absolute;}

a.lightbox-enabled {border: 0 !important;}
.pageGallery ul {margin: 8px 4px 0; padding: 0;}
.pageGallery li {display: -moz-inline-stack; display: inline-block; *display: inline; margin: 4px; text-align: center; vertical-align: top; width: 130px; *zoom: 1;}
.pageGallery .img {border: 1px solid #ccc; display: block; height: 110px; line-height: 110px; margin: 0 auto; width: 110px;}
.pageGallery .img * {display: -moz-inline-stack; display: inline-block; *display: inline; vertical-align: middle; *zoom: 1;}
.pageGallery .img span {overflow: hidden; width: 0;}

#footer {line-height: 28px; margin-top: -28px; text-align: center;}