* {margin: 0; padding: 0}
html {height: 100%; margin-bottom: 1px}
body {font-family: Helvetica,Arial,sans-serif; line-height: 1.3em; font-size: 12px; color: #fff; background: #222}

a:link, a:visited {color: #fff; text-decoration: underline}
a:hover {text-decoration: none}
input.button {cursor: pointer}
ul {list-style-type: none}
img {border: 0 none}
.center {text-align: center}

h2 {font-family: Helvetica,Arial, sans-serif; line-height: 1.3em; font-size: 12px; color: #fff;}
h1 {margin-bottom: 15px; font: 20px 'Matilda'; color: #c1d82a}
#wrapper {position: relative; width: 877px; margin: 0 auto}

#header {position: relative; background: #fff; height: 252px; width: 885px; margin-top: 18px}
#header_banner {width: 885px; height: 252px}
#header_banner img {margin-top: 3px}
#header_logo {position: absolute; left: 0; top: 0; float: left; width: 210px; height: 155px; background: url(../images/logo.gif) 0 0 no-repeat; margin-left: 606px; margin-top: 3px}
#header_logo a {display: block; height: 100%; width: 100%}

#nav .menu {width: 877px; margin: 10px 20px 20px; text-align: left; font-size: 12px}
#nav .menu li {display: inline; margin-right: 15px}
#nav .menu a {color: #fff}
#nav .menu a:link, #nav .menu a:visited {text-decoration: none}
#nav .menu a:hover {text-decoration: underline}

#content {width: 877px; min-height: 225px; padding-top: 25px}

#sidebar {float: left; width: 258px}
#sidebar .menu {margin: 0 0 20px 35px; font-size: 1px}
#sidebar .menu li {background: url(../images/li-nav.gif) 0 5px no-repeat; display: block; height: 20px; margin-bottom: 3px; text-align: left}
#sidebar .menu a:link, #sidebar .menu a:visited, #sidebar .menu a:hover {display: block; width: 150px; height: 20px; margin-left: 15px; line-height: 999px; overflow: hidden; text-decoration: none}
#sidebar .menu .item1 a {background: url(../images/nav_main.gif) 0 0 no-repeat}
#sidebar .menu .item1 a:hover {background: url(../images/nav_main.gif) 0 -40px no-repeat}
#sidebar .menu .item1.active a, #sidebar .menu .item1.active a:hover {background: url(../images/nav_main.gif) 0 -20px no-repeat}
#sidebar .menu .item2 a {background: url(../images/nav_about.gif) 0 0 no-repeat}
#sidebar .menu .item2 a:hover {background: url(../images/nav_about.gif) 0 -40px no-repeat}
#sidebar .menu .item2.active a, #sidebar .menu .item2.active a:hover {background: url(../images/nav_about.gif) 0 -20px no-repeat}
#sidebar .menu .item3 a {background: url(../images/nav_sale.gif) 0 0 no-repeat}
#sidebar .menu .item3 a:hover {background: url(../images/nav_sale.gif) 0 -40px no-repeat}
#sidebar .menu .item3.active a, #sidebar .menu .item3.active a:hover {background: url(../images/nav_sale.gif) 0 -20px no-repeat}
#sidebar .menu .item4 a {background: url(../images/nav_retail.gif) 0 0 no-repeat}
#sidebar .menu .item4 a:hover {background: url(../images/nav_retail.gif) 0 -40px no-repeat}
#sidebar .menu .item4.active a, #sidebar .menu .item4.active a:hover {background: url(../images/nav_retail.gif) 0 -20px no-repeat}
#sidebar .menu .item5 a {background: url(../images/nav_prices.gif) 0 0 no-repeat}
#sidebar .menu .item5 a:hover {background: url(../images/nav_prices.gif) 0 -40px no-repeat}
#sidebar .menu .item5.active a, #sidebar .menu .item5.active a:hover {background: url(../images/nav_prices.gif) 0 -20px no-repeat}
#sidebar .menu .item6 a {background: url(../images/nav_contacts.gif) 0 0 no-repeat}
#sidebar .menu .item6 a:hover {background: url(../images/nav_contacts.gif) 0 -40px no-repeat}
#sidebar .menu .item6.active a, #sidebar .menu .item6.active a:hover {background: url(../images/nav_contacts.gif) 0 -20px no-repeat}
#address {width: 194px; margin: 10px auto 0; padding-left: 10px; color: #aaa}

#text {margin-left: 288px; padding: 0 25px 20px 0; text-align: left; z-index: 1}
#text #text {margin: 0}
#text a:link, #text a:visited {text-decoration: none; color: #bbb}
#text a:hover {border-bottom: 1px solid #ddd; color: #fff}
#text p, #text ul, #text ol {margin-bottom: 10px}
#text ul li {background: url(../images/li.gif) 5px 7px no-repeat; padding: 0 0 3px 15px}
.contentpane {border: none; width: 100%}
.contentpaneopen {border: none; border-collapse: collapse; border-spacing: 0}
  
#footer {position: relative; width: 877px; height: 1px; clear: both; text-align: left}
#footer_wrapper {background: url(../images/footer_bg.gif) 0 0 no-repeat; width: 877px; height: 293px; position: absolute; top: -200px; z-index: -1}
#footer .menu {position: relative; top: 50px; width: 877px; margin: 0 30px 37px; font-size: 11px}
#footer .menu li {display: inline; margin-right: 15px}
#footer .menu a:link, #footer .menu a:visited {text-decoration: none}
#footer .menu a:hover {text-decoration: underline}
#copyright {position: relative; width: 877px; margin: 87px 0 20px; text-align: center}

.rapid_contact {margin: 0 0 15px 35px; text-align: left; color: #aaa}
.rapid_contact table {width: 200px}
.rapid_contact label {display: block; padding-top: 7px; text-align: left; font-size: 10px}
.rapid_contact .inputbox, .rapid_contact textarea {background: #666; border: 1px solid #333; color: #eee; width: 200px}