body {font-family: arial,  verdana,  sans-serif; text-align: center; background: #fff;}
a {color: rgb(204, 0, 0); text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}
p, ul, li {color: #888; font-size: 11px;}
h2 {font-size: 18px; font-variant: small-caps; padding: 32px 0; margin: 0; color: rgb(0, 70, 160);}
.center {text-align: center;}
.intro {font-size: 14px; padding: 32px 0 0;}
address {font-style: normal; font-size: 12px; float: left; width: 380px; text-align: center; padding: 32px 0 64px; text-decoration: none; font-weight: normal; font-style: normal; }
#all {width: 920px; margin: 0 auto;}
#top {height: 109px; text-align:left; /* background-image: url(../gfx/bg-top.jpg); background-position: right; */}
#nav p {margin: 0; padding: 0 0 16px;}
#nav img {border: none;}
#txt {text-align: left; padding-bottom: 64px;}
#foot {clear: both; height: 46px; background: #fff url(../gfx/bg-foot.gif) scroll repeat-x bottom left; border-top: 1px solid #ccc;}
#foot p {color: #000; font-size: 11px; text-align: center; margin: 0; padding: 16px 0 0;}
#foot a {color: #000; font-weight: bold;}
#slide {float: left; width: 418px; margin-right: 40px;}
h1, h2, h3, h4, th, td, table, legend {font-size: 12px; text-decoration: none; font-weight: normal; font-style: normal; text-align: left; color: rgb(98,152,197);}
#menuadmin {display: block; clear: both; padding: 0; margin: 0; border: none; width: 800px; background-color: black; background-position: left top; background-repeat: no-repeat; text-align: left; height: 40px; background-image: url(gfx/menubg.jpg);}
#menuadmin ul, #menuadmin li, #menuadmin a {border: none; line-height: 22px; color: white; text-align: center; font-size: 14px; font-weight: bold; text-transform: uppercase;}
#menuadmin ul {display: block; list-style-type: square; padding: 0 8px; margin: 0; background: transparent;}
#menuadmin li {display: inline; list-style-type: square; margin: 0 8px;}
#content h2 {padding: 32px 0 16px; margin: 0; display: block;  color: rgb(98,152,197); font-size: 22px; font-weight: bold; text-align: left; text-transform: lower-case; line-height: 32px; clear: both; border: none; font-family: tahoma;}
#content p, #content p.big {padding: 0; margin: 0 0 12px; display: block; font-size: 12px; font-weight: normal; text-align: left; line-height: 18px;}
p.big:first-letter {font-size: 32px; font-weight: normal; line-height: 34px;}
hr {padding: 0; color: #dddddd; border: 1px solid #dddddd; margin: 8px 16px; clear: both; border-top: 1px solid orange; height: 1px;}
h1 {float: right;}
pre {float: left;}
fieldset {border: 1px solid rgb(205,215,225); width: 780px; margin: 16px 0; padding: 0 8px 8px; background-color: white; text-align: left;}
legend {border: none; color: #444488; font-weight: bold; font-size: 14px; margin: 4px 0;}
table {width: 100%; empty-cells: show;}
td.id, td.title, td.element, td.options, td.employee, td.thumb {border: none; margin: 0; padding: 0 4px 2px; text-align: center; color: black; vertical-align: text-top; border-bottom: 1px dotted #cccccc; empty-cells: show;}
td.id {font-weight: bold; width: 30px; background-color: #eeeeee;}
td.title, td.employee {text-align: left; font-weight: normal; width: auto; border-left: 1px solid #cccccc;}
td.employee {width: 25px; text-align: center;}
td.id small {display: block; font-size: 12px; font-weight: normal; font-family: sans-serif; text-align: left; color: #888888;}
td.title h3, td.title span.subject, td.title a {color: #cc6666; font-size: 12px; margin: 0; padding: 0; text-decoration: none; font-weight: bold;}
td.title a: hover {text-decoration: underline;}
td.title p {color: gray; font-size: 10px; margin: 0; padding: 0; text-decoration: none; font-weight: normal;}
td.element {font-weight: normal; width: 70px; border-left: 1px solid #cccccc;}
td.options {font-weight: normal; width: 100px; background-color: #ffeeee; border-left: 1px solid #cccccc;}
th.id, th.title, th.element, th.options, th.thumb {border-bottom: 1px solid #cccccc; margin: 0; padding: 2px 0; color: #448844; font-weight: bold; text-align: center; text-transform: uppercase; font-size: 12px; background-color: #eeeeee; empty-cells: show;}
th.id {width: 40px; background-color: #dddddd;}
th.title {text-align: left; width: auto; border-left: 1px solid #cccccc;}
th.element {width: 70px; border-left: 1px solid #cccccc;}
th.options {border-left: 1px solid #cccccc; width: 100px; background-color: #eedddd;}
th.thumb, td.thumb {width: 200px;}
textarea, input, select {width: 100%; padding: 0; margin: 0;}
input.button {width: 100px; background-color: rgb(153,207,252); font-weight: bold; font-size: 12px; padding: 1px; font-family: sans-serif;}
label {font-weight: bold; color: #cc8888; line-height: 19px;}
optgroup {font-weight: bold; text-decoration: none; font-style: normal; color: green;}
option {font-weight: normal; text-decoration: none; font-style: normal; color: black;}
.material {float: left; width: 240px; height: 250px; text-align: center; border: 1px solid rgb(230, 230, 230); margin: 0 0 8px 8px;}
.material img {border: none;}
#cart {width: 220px; float: right; clear: right; border: 1px solid rgb(130, 130, 130); margin: -80px 8px 0 0; background-color: rgb(230, 230, 230);}
#cmsSysMsg {margin: 16px 0; padding: 8px; background: rgb(235,245,255); border: 1px solid rgb(225,235,245);}
#cmsSysMsg h2 {font-size: 18px; margin: 0; padding: 0;}
#cmsSysMsg ul {margin: 0; padding: 0 0 16px 24px;}
.transMenu {position: absolute; overflow: hidden; left: -1000px; top: -1000px;}
.transMenu .content {position: absolute;}
.transMenu .items {position: relative; left: 0; top: 0; z-index: 2;}
.transMenu .items td {font-weight: bold; color: rgb(98,152,197);}
.transMenu.top .items {width: 145px; -moz-opacity: .7; filter: alpha(opacity=70); background-color: rgb(255,255,255); border-right: rgb(215,225,235);}
.transMenu .item {font-family: sans-serif; font-size: 11px; font-weight: bold; cursor: hand;}
.transMenu .background {position: absolute; left: 0; top: 0; z-index: 1; -moz-opacity: .7; filter: alpha(opacity=70); background-color: rgb(255,255,255)}
.transMenu .shadowRight {position: absolute; z-index: 3; top: 3px; width: 2px; -moz-opacity: .4; filter: alpha(opacity=40);}
.transMenu .shadowBottom {position: absolute; z-index: 1; left: 3px; height: 2px; -moz-opacity: .4; filter: alpha(opacity=40);}
.transMenu .item.hover {text-decoration: underline; background-color: rgb(245,245,245); color: white; -moz-opacity: .5; filter: alpha(opacity=50);}
.transMenu .item img {margin-left: 10px;}