* {padding: 0px; margin: 0px;}
body {background: #FFFFFF url(../../img/design/body-bg.gif) no-repeat left top;}
body, td {font-family: arial, trebuchet MS, tahoma, verdana; font-size: 12px; color: #000000;}
img {border: 0px;}
li {list-style: none;}
table {border-collapse: collapse;}

form fieldset {border: 0px solid;}
form fieldset legend {display: none;}
.input {font-family: tahoma, verdana, arial; font-size: 11px; color: #000;}
select.input {padding: 0px;}

h1 {margin: 0px;}
h1 a {position: absolute; margin: 18px 0px 0px 40px; display: block; width: 232px; height: 83px; text-indent: -9999px; background: url(../../img/design/logo.gif) no-repeat; text-decoration: none;}

h2 {margin-bottom: 14px; font-weight: bold; font-size: 17px; color: #009900; text-transform: uppercase;}

hr {display: none; visibility: hidden;}

a {text-decoration: underline; color: #666666;}
a:hover {color: #009900;}
a.active {color: #009900;}

.clear {clear: both; height: 1px; display: block;}
/*
#wrapper {min-width: 1000px; width: expression(document.body.clientWidth>1000?"100%":"1000px");}
*/
#wrapper {width: 100%}

.wrap-l-col {float: left; width: 312px; margin-left: -100%;}
.wrap-l-col .wrap-l-col-cont {padding: 0px 40px;}
.wrap-r-col {float: left; width: 100%;}
.wrap-r-col .wrap-r-col-cont {margin-left: 312px;}

#hdr {margin-bottom: 35px; width: 100%;}
#body {margin-bottom: 40px; width: 100%;}

#mmenu {margin: 12px 0px 0px 0px; width: 100%; clear: both;}
#mmenu li {margin: 0px 0px 0px 0px; display: block; float: left; height: 70px; width: 19%; background: url(../../img/design/mmenu-bullet.gif) no-repeat left top;}
* html #mmenu li.lc {margin-left: -2px;}
*:first-child+html #mmenu li.lc {margin-left: -2px;} /* IE 7 suck so far! */
#mmenu li a {margin: 25px 0px 0px 28px; display: block; float: left; font-family: trebuchet MS; text-transform: uppercase; text-decoration: none;}
* html #mmenu li a {margin-left: 14px;}
#mmenu li a.active {color: #009900;}

#menu {margin: 102px 0px 0px 40px;}
#menu li {display: inline;}
#menu li a {padding: 0px 0px 0px 18px; display: block; line-height: 16px; background: url(../../img/design/menu-bullet.gif) no-repeat 0px 4px;}
#menu li a:hover, #mmenu li a.active {color: #009900; background-position: 0px -12px;}
#menu li a.active {color: #009900; background-position: 0px -12px;}

#top {margin: 14px 40px 0px -56px; height: 145px; clear: both; position: relative; z-index: 1;}
#top .slogan {width: 59%; float: left; background: #009900 url(../../img/design/top-bg01.gif) no-repeat left top;}
#top .slogan .cont {height: 145px; background: url(../../img/design/top-bg02.jpg) no-repeat right top;}
#top .slogan cite {margin: 16px 0px 0px 10px; display: block; height: 68px; background: url(../../img/design/slogan.gif) no-repeat 70% 50%;}
#top .slogan cite span {display: none;}
#top .intro {width: 41%; height: 145px; float: left; background: #666666 url(../../img/design/top-bg04.gif) repeat-x left bottom;}
* html #top .intro {margin-left: -1px;}
#top .intro .cont {height: 145px; background: url(../../img/design/top-bg03.jpg) no-repeat left top;}
#top .intro h2 {padding-top: 18px; margin: 0px 10px 2px 23px; font-weight: bold; color: #FFFFFF; font-size: 14px; text-transform: uppercase;}
#top .intro p {margin: 0px 10px 0px 23px; line-height: 14px; color: #FFFFFF;}
#top .intro a {color: #CCCCCC; text-decoration: underline;}
#top .intro a:hover {color: #CCCCCC; text-decoration: none;}

#icos {float: right; margin-right: 10px; width: 52px; height: 22px; background: url(../../img/design/icos-bg.gif) no-repeat;}
* html #icos {margin-right: 5px;}
#icos li {margin-top: 4px; height: 14px; display: block; float: left;}
#icos li a {margin-top: 3px; display: block; float: left; text-indent: -9999px; text-decoration: none;}
#icos li.home {margin-left: 8px; padding-right: 6px; background: url(../../img/design/ico-div.gif) no-repeat right top;}
* html #icos li.home {margin-left: 4px;}
#icos li.mail {margin-left: 6px;}
#icos li.home a {width: 11px; height: 8px; background: url(../../img/design/ico-home.gif) no-repeat;}
#icos li.mail a {width: 13px; height: 8px; background: url(../../img/design/ico-mail.gif) no-repeat;}

#novelty h3 {margin-bottom: 8px; font-size: 12px; font-weight: normal;}
#novelty h3 span {display: none;}
#novelty h3 strong {font-size: 11px; display: block; font-weight: normal; color: #999999;}
#novelty h3 a {color: #009900; text-decoration: underline;}
#novelty h3 a:hover {text-decoration: none;}
#novelty img {margin-bottom: 5px; display: block; padding: 1px; border: 1px solid #666666;}
#novelty p {margin-bottom: 16px; font-size: 11px;}

#equip {padding-bottom: 15px;}
#equip .item {margin: 0px 15px 17px 0px; float: left; padding: 1px; border: 1px solid #666666;}
#equip .item td {width: 202px; height: 132px; vertical-align: bottom;}
#equip .item td div {}
#equip h3 {padding: 0px; margin: 0px; font-size: 12px; width: 202px; font-weight: bold; color: #555555; background: url(../../img/design/equip-hdr-bg.png);}
* html #equip h3 {color: #444; filter:alpha(opacity=85);}
#equip h3 a {display: block; padding: 4px 0px 3px 3px; color: #555555; text-decoration: none;}
* html #equip h3 a {color: #111;}
#equip h3 a:hover {color: #555555; text-decoration: underline;}
* html #equip h3 a:hover {color: #111; text-decoration: underline;}


#resources {padding-bottom: 15px;}
#resources .item {margin: 0px 15px 17px 0px; float: left;}
#resources .img {margin-bottom: 4px; display: block; padding: 1px; border: 1px solid #666666;}
#resources .link {text-align: center;}
#resources a {color: #009900; text-decoration: underline;}
#resources a:hover {text-decoration: none;}

#ftr {background: url(../../img/design/ftr-bg.gif) repeat-x left top;}
#ftr .bg {background: url(../../img/design/ftr-l-bg.gif) no-repeat left top;}
#ftr .cont {padding: 0px 0px 0px 40px; height: 126px; background: url(../../img/design/ftr-r-bg.gif) no-repeat right top;}
#ftr .item {margin: 40px 0px 0px 0px; float: left; height: 53px; line-height: 13px; background: url(../../img/design/ftr-wheel.gif) no-repeat left top;}
#ftr .item p {padding: 10px 0px 0px 20px; font-size: 11px;}
#ftr .item strong {font-weight: normal; color: #666666;}
#ftr .item a {color: #009900;}
#ftr .item a:hover {text-decoration: none;}
#ftr .copy {width: 20%;}
#ftr .phone {width: 20%;}
#ftr .phone em {font-size: 26px; display: block; line-height: 26px; font-weight: bold; font-style: normal; color: #009900;}
#ftr .address {width: 20%;}
#ftr .links{width: 20%;}
#ftr .madeby {width: 20%;}
* html #ftr .madeby {margin-left: -1px;}

#nav {padding-bottom: 11px; background: url(../../img/design/nav-ftr-bg.gif) no-repeat left bottom; position: relative;}
#nav h2 {margin-bottom: 8px;}
#nav h2 span {display: none;}
#nav h2 strong {margin-bottom: 2px; font-size: 11px; display: block; font-weight: normal; color: #999999; text-transform: none;}
#nav ul { background: url(../../img/design/nav-bg.gif) no-repeat right top;}
#nav ul ul {background: none;}
#nav li {display: inline;}
#nav li a {padding: 4px 18px 7px 0px; display: block; color: #000101; background: url(../../img/design/nav-bg.gif) no-repeat right bottom;}
#nav li a:hover {color: #009900;}
#nav li a.active {padding-left: 19px; color: #FFFFFF; font-weight: bold; background: #009900 url(../../img/design/nav-active-bg.gif) no-repeat right top;}
#nav li a.active:hover {color: #FFFFFF;}
#nav li li a {padding: 3px 18px 5px 18px; color: #666666;}
#nav li li a:hover {color: #009900 !important;}
#nav li li a.active {padding: 3px 18px 5px 18px; font-weight: normal; color: #666666; background: url(../../img/design/nav-bg.gif) no-repeat right bottom;}

#content {height: 1%; padding-right: 40px;}
#content h3 {margin-bottom: 15px; font-weight: bold; font-size: 15px; color: #999999; text-transform: uppercase;}
#content .nav {width: 100%; margin-bottom: 15px;}
#content .nav h2 {margin: 0px;}
#content .nav h2 .price {font-weight: normal; color: #999999;}
#content .nav h2 .price strong {color: #F00000;}
#content .nav .crumb {margin-bottom: 2px; font-size: 11px; color: #999999;}
#content .nav .crumb a {color: #999999; text-decoration: underline;}
#content .nav .crumb a:hover {color: #009900;}
#content .nav .title {float: left; width: 100%;}
#content .nav .title .wrap {margin-right: 220px;}
#content .nav .extra {float: left; width: 220px; margin-left: -220px;}
#content .nav .extra .print {margin: 8px 0px 0px 0px; display: block; float: right; font-size: 11px; text-transform: lowercase;}#content .nav h2 .compare {margin: 2px 0px 0px 0px; float: right;}
#content .nav .extra .compare {margin: 3px 0px 0px 0px; float: left;}

#content .ctext p {margin-bottom: 15px;}

#item {width: 100%;}
#item .info {margin-bottom: 30px;}
#item .info .img {float: left; width: 290px; margin-left: -100%;}
#item .info .img div {margin: 0px 0px 5px 0px; float: left; padding: 1px; border: 1px solid #666666;}
#item .info .img div img {display: block;}
#item .info .img .links {font-size: 11px; color: #999999; clear: both;}
#item .info .img .links a {color: #999999;}
#item .info .img .links a:hover {color: #009900;}
#item .info .descr {float: left; width: 100%;}
#item .info .descr .wrap {margin-left: 290px; padding: 0px 20px 0px 0px;}
#item .info .descr ul {margin-bottom: 10px;}
#item .info .descr li {padding-bottom: 6px; margin-bottom: 6px; background: url(../../img/design/item-descr-bg.gif) no-repeat right bottom;}
#item .info .descr p.download {font-size: 11px;}
#item .info .descr p.download img {float: left; margin: 0px 5px 0px 0px;}
#item .info .descr p.download a {color: #009900; text-decoration: underline;}
#item .info .descr p.download a:hover {text-decoration: none;}

#item table {margin-bottom: 25px; width: 100%; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;}
#item table td {padding: 9px 10px 5px 10px; background: #E9E9E9 url(../../img/design/item-table-bg.gif) repeat-x left top;}
#item table .even td {background-color: #F5F5F5;}
#item table .fr td {padding-top: 5px; background-image: none;}
#item table .fc {width: 40%;}
#item table .price td {color: #F00000;}

#items .item {margin-bottom: 35px; width: 33%; float: left;}
#items .item.li {width: 34%;}
#items .item.li .cont {padding-right: 0px;}
* html #items .item.li {margin-left: -1px;}
#items .item .cont {padding-right: 20px;}
#items .item h3 {margin-bottom: 5px; color: #009900; font-size: 14px;}
#items .item h3 .price {font-weight: normal; color: #999999;}
#items .item h3 .price strong {color: #F00000;}
#items .item .img {margin-bottom: 5px; float: left; border: 1px solid #666666;}
#items .item ul {margin-bottom: 5px; clear: both; font-size: 11px;}
#items .item li {padding-bottom: 4px; margin-bottom: 4px; background: url(../../img/design/nav-bg.gif) no-repeat right bottom;}
#items .item .links {font-size: 11px;}
#items .item .links .d {font-size: 12px; color: #009900;}


