* {
   margin: 0;
   padding: 0;
}
html {
   background: #212121 url(/media/img/design/win_bg.gif);
   overflow-y: scroll;
   height: 100%;
}
body {
   font-family: arial, helvetica, tahoma;
   font-size: 0.8em;
   color: #262626;
   height: 100%;
   background: transparent url(/media/img/design/wintop_bg.gif) repeat-x left top;
}

ul {
   list-style: none;
}
img {
   border: none;
}
a {
   color: #007527;
   outline: none;
}
a:hover {
   color: #007527;
   text-decoration: underline;
}
input,
select,
textarea {
   font-family: arial, helvetica, tahoma;
   font-size: 1em;
}
p {
   margin-bottom: 1em;
}

.floatClearer {
   clear: both;
   height: 0;
   line-height: 0;
   font-size: 0;
}
.hidden {
   position: absolute;
   left: -8000px;
}


/* wrappers */
#siteWrapper {
   width: 780px;
   margin: 0 auto;
   padding-top: 10px;
}
#pageWrapper {
   width: 100%;
   float: left;
   background: #fff url(/media/img/design/body_bg.gif) repeat-y left top;
}


/* header */
#header {
   width: 100%;
   height: 160px;
   background: url(/media/img/design/header_bg.jpg) no-repeat left top;
   position: relative;
}
/* logo */
#header h1 {
   text-indent: -8000px;
   font-size: 0;
   line-height: 0;
   position: absolute;
   width: 218px;
   height: 23px;
   bottom: 40px;
   left: 17px;
}
#header h1 a {
   display: block;
   width: 218px;
   height: 23px;
   background: url(/media/img/design/logo.jpg) no-repeat left top;
}
/* topnav */
#header ul {
   position: absolute;
   bottom: 0;
   left: 3px;
   height: 35px;
   width: 766px;
   padding-left: 8px;
   background: #262626 url(/media/img/design/nav_bg.gif) repeat-x left top;
}
#header ul li {
   display: block;
   float: left;
}
#header ul li a {
   display: block;
   float: left;
   height: 27px;
   padding: 8px 22px 0 22px;
   text-decoration: none;
   color: #fff;
   font-size: 1.1em;
}
#header ul li a:hover {
   color: #fff;
   text-decoration: underline;
}
#header ul li.active {
   background: url(/media/img/design/navtab_right.gif) no-repeat right 2px;
}
#header ul li.active a {
   background: url(/media/img/design/navtab_left.gif) no-repeat left 2px;
}
#header ul li.active a:hover,
#header ul li#admin a:hover {
   text-decoration: none;
}
/* admin tab */
#header ul li#admin {
   position: absolute;
   bottom: -1px;
   right: 8px;
   font-size: 0.85em;
   background: url(/media/img/design/admintab_right.gif) no-repeat right 3px;
}
#header ul li#admin a {
   padding: 8px 8px 0 8px;
   background: url(/media/img/design/admintab_left.gif) no-repeat left 3px;
}

/* left col */
#leftCol {
   float: left;
   width: 163px;
   padding: 0 0 10px 3px;
   background: url(/media/img/design/leftnav_top.gif) no-repeat right top;
}
#leftCol ul {
   width: 155px;
   padding: 15px 5px 15px 0;
   background: #e9e9e9 url(/media/img/design/leftnav_bottom.gif) no-repeat left bottom;
}
#leftCol ul li {
   padding-bottom: 10px;
}
#leftCol ul li a {
   display: block;
   padding-left:  16px;
   color: #404040;
   text-decoration: none;
}
#leftCol ul li a:hover {
   color: #404040;
   text-decoration: underline;
}
#leftCol ul li.active a,
#leftCol ul li.active a:hover {
   color: #007527;
   background: url(/media/img/design/leftnav_arrow.gif) no-repeat 6px 5px;
}

#leftCol span {
   display: block;
   padding-top: 25px;
   text-align: center;
}
#leftCol span p {
   padding-left: 30px;
   text-align: left;
   color: #7d7d7d;
   font-size: 0.85em;
   line-height: 1.4em;
}



/* main content */
#mainContent {
   width: 569px;
   float: right;
   padding: 20px 25px 10px 0;
   line-height: 1.5em;
}
#mainContent h1 {
   margin-bottom: 0.8em;
   font-weight: normal;
   font-size: 1.9em;
   padding-bottom: 6px;
   border-bottom: dashed 1px #ccc;
}
#mainContent h2 {
   margin: 1em 0;
   font-weight: normal;
   font-size: 1.5em;
}
#mainContent h3 {
   margin: 1em 0;
   font-weight: normal;
   font-size: 1.3em;
}
#mainContent h4 {
   margin: 1em 0;
   font-size: 1.1em;
}
#mainContent h5 {
   margin: 1em 0 0 0;
   font-size: 1em;
}

/* forms within main content */
#mainContent form table {
}
#mainContent form table th {
   text-align: left;
   padding: 2px 10px 2px 5px;
}

#mainContent form table td {
   padding: 2px 5px;
}
#mainContent form table td input {
   width: 180px;
   padding: 2px;
}
#mainContent form table td.submit {
   text-align: right;
}
#mainContent form table td.submit input {
   width: auto;
   padding: 5px 20px;
}
#mainContent form table td textarea {
   width: 240px;
   height: 100px;
   padding: 2px;
}

/* products page */
#mainContent .productPanel {
   margin-bottom: 40px;
   padding-bottom: 40px;
   border-bottom: solid 1px #ccc;
}
#mainContent .productPhoto {
   display: block;
   margin: 0 0 10px 30px;
   padding: 1px;
   border: solid 1px #ececec;
}
#mainContent .pdfLink {
   display: block;
   height: 29px;
   padding: 10px 0 0 45px;
   background: url(/media/img/design/icon_pdf.png) no-repeat left top;
   text-decoration: none;
   font-weight: bold;
}
#mainContent .pdfLink:hover {
   background-color: #efefef;
   text-decoration: none;
}

/* staff page */
#staff h3 {
   padding-bottom: 3px;
   border-bottom: solid 1px #ccc;
   margin-bottom: 0;
   font-weight: bold;
}
#staff h4 {
   margin: 0;
   padding: 1.5em 0 0 0;
   font-weight: bold;
}
#staff .panel {
   padding-left: 10px;
}


/* footer */
#footer {
   clear: both;
   width: 760px;
   margin: 0 auto;
   padding: 20px 10px;
   background: url(/media/img/design/body_bottom.gif) no-repeat left top;
   color: #666;
   font-size: 0.85em;
   text-align: right;
}

.error,
.errorlist { 
   color: #940a0a;
   font-weight: bold;
}

.status { 
   color: #007527;
   font-weight: bold;
}

.messagebuffer { 
   margin-bottom: 10px;
}