body
{
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  font-size: 78%;
  color: #111;
  background-color: #ecf0f3;
}
input
{
  font-family: sans-serif;
  font-size: 95%;
}

pre
{
  font-size: 110%;
}
form
{
  display: inline;
}

label
{
  cursor: pointer;
}

.clear
{
  clear: both;
}
.b
{
  font-weight: bold;
}
.small
{
  font-size: 90%;
}
.smaller
{
  font-size: 75%;
}

h1, h2, h3, h4, h5
{
  margin: 0 0 8px 0;
  padding: 0;
}
h1
{
  font-size: 135%;
  color: #135897;
}
h2
{
  font-size: 130%;
  color: #135897;
}
h3.tab
{
  margin-top: 14px;
}
h4
{
  padding: 6px 6px 5px 6px;
  border: 1px solid #4474A0;
  background: #6090bc;
  font-size: 110%;
  color: white;
}
h4 a
{
  color: white;
}
h5
{
  padding-bottom: 4px;
  margin-bottom: 4px;
  border-bottom: 1px solid #dadbdd;
  font-size: 100%;
  color: #333;
}

.big
{
  font-size: 110%;
  margin-bottom: 1px;
}

.bigger
{
  font-size: 125%;
  margin-bottom: 2px;
}

.light
{
  color: #666;
}
.ultralight
{
  color: #999;
}

a
{
  color: #084073;
}
a:hover
{
  color: #1f64a3;
}
a.noline
{
  text-decoration: none;
}
#subnav a:hover
{
  text-decoration: underline;
}
.highlight, .highlight a
{
  color: #175c9b !important;
}

.error
{
  color: #cc0000;
}

#topmessage
{
  position: absolute;
  top: 0;
  left: 50%;
  text-align: center;
}
#topbox
{
  position: relative;
  left: -50%;
  width: 400px;
}
#topbox div.message
{
  padding: 8px;
  font-weight: bold;
  font-size: 110%;
  background: #ffd;
}

#banner
{
  position: relative;
  height: 98px;
  background: url('../img/top-bg.gif') repeat-x top;
}

#banner .logo
{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

#banner .content
{
  position: relative;
  height: 64px;
}
#banner .top
{
  position: absolute;
  top: 8px;
  right: 8px;
}
#banner .links
{
  position: absolute;
  bottom: 6px;
  right: 8px;
}

#topnav
{
  position: relative;
  margin-left: 219px;
  height: 35px;
  overflow: hidden;
  background: #3277B6 url('../img/banner-bg.gif') repeat-x;
}
#topnav table
{
  height: 35px;
  width: 100%;
  border-collapse: collapse;
}
#topnav td
{
  padding: 0;
  vertical-align: top;
}
#topnav form.searchform
{
  display: block;
  margin: 3px 6px 0 0;
  height: 27px;
}
#topnav .search
{
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: #fff url('../img/banner-search-bg.gif') repeat-x;
  border: 1px solid #6eabd9;
  border-radius: 7px;
  height: 27px;
  overflow: hidden;
}
#topnav .search-icon
{
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 27px;
  background: url('../img/banner-search-left.gif') no-repeat 6px center;
}
#topnav .search input#searchform_query
{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  left: 30px;
  right: 31px;
  top: 0;
  background: none;
  border: none;
  margin: 0;
  padding: 4px 6px 3px 2px;
  height: 27px;
  box-sizing: border-box;
  display: block;
  outline: none;
  color: #175c9b;
  font-size: 14px;
  vertical-align: top;
}
#topnav .search-submit
{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 31px;
  height: 27px;
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  background: url('../img/banner-search-right.gif') no-repeat center center transparent;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
}
#topnav .search-submit::-moz-focus-inner
{
  border: 0;
  padding: 0;
}
#topnav .toplink a
{
  position: relative;
  display: block;
  margin: 1px 0;
  white-space: nowrap;
  padding: 9px 10px;
  color: #eef5fa;
  font-weight: bold;
  text-decoration: none;
  border-left: 1px solid #4b91d1;
}
#topnav .toplink a:hover, #topnav .toplink a.active
{
  color: white;
  background-color: #4b91d1;
}

#nav_left
{
  width: 220px;
}
#maincontent
{
  margin: 0 10px 10px 10px;
  padding: 10px;
  width: auto;
  background-color: #fff;
  border: 1px solid #cdd1d6;
  -moz-border-radius-bottomleft:6px;
  -moz-border-radius-bottomright:6px;
  -moz-border-radius-topleft:6px;
  -moz-border-radius-topright:6px;
}
#nav_right
{
  width: 180px;
}
#footer
{
  margin: 0 10px 10px 10px;
  padding: 10px;
  width: auto;
  border: 1px solid #cdd1d6;
  font-size: 80%;
  color: #666;
  -moz-border-radius-bottomleft:6px;
  -moz-border-radius-bottomright:6px;
  -moz-border-radius-topleft:6px;
  -moz-border-radius-topright:6px;
}
#footer a
{
  color: #666;
}

#subnav
{
  margin-bottom: 10px;
  padding: 3px 10px;
  background-color: #3c5465;
  color: #ccc;
}
#subnav a
{
  color: #fff;
}

.navbox
{
  overflow: hidden;
}
.navbox .title
{
  padding: 6px 5px 5px 8px;
  font-weight: bold;
  background: #4474a0 url('../img/navbox-left-title.gif') no-repeat top right;
  color: white;
}
.navbox .title a
{
  color: white;
  text-decoration: none;
}
.navbox .title a:hover
{
  text-decoration: underline;
}
.navbox .content
{
  padding: 5px;
  background-color: #fff;
  -moz-border-radius-bottomleft:6px;
  -moz-border-radius-bottomright:6px;
}
#nav_right .navbox .title
{
  background: #4474a0 url('../img/navbox-right-title.gif') no-repeat top left !important;
}

#nav_groups ul
{
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: auto;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
#nav_groups li
{
  display: inline;
}
#nav_groups li a
{
  display: block;
  padding: 2px 2px 2px 6px;
  color: #444;
  border-bottom: 1px solid #efefef;
  background-color: #fff;
  text-decoration: none;
  width: auto;
}
#nav_groups li a span.total
{
  color: #AAA;
}
#nav_groups li a.top
{
  color: #333;
  background-color: #d5d9de;
  border-color: #fff;
}
#nav_groups li a.top span.total
{
  color: #888;
}
#nav_groups li a.active
{
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;
  background-color: #cadff0 !important;
}
#nav_groups li a.active span.total
{
  color: #4086c5;
}
#nav_groups li a:hover
{
  color: #222;
  background-color: #d6e5f2;
}
#nav_groups li span.plus
{
  padding-left: 15px;
  width: 13px;
  height: 13px;
  background: url('../img/bullet_plus.gif') no-repeat left top;
}
#nav_groups li span.minus
{
  padding-left: 15px;
  width: 13px;
  height: 13px;
  background: url('../img/bullet_minus.gif') no-repeat left top;
}
#nav_groups li span.blank
{
  padding-left: 15px;
  width: 13px;
  height: 13px;
  background: url('../img/bullet_blank.gif') no-repeat left top;
}
#nav_groups li span.special
{
  padding-left: 15px;
  width: 13px;
  height: 13px;
  background: url('../img/bullet_special.gif') no-repeat left top;
}

.box
{
  border: 1px solid #cdd1d6;
  background-color: #F2F2F2;
  padding: 6px;
}
.box.error
{
  border-color: #cc0000 !important;
  background-color: #ffe9e9 !important;
}
.box.important
{
  border-color: #CC0000 !important;
  background-color: #EFDBA4 !important;
}
.box.important b
{
  color: #CC0000;
}

table
{
  border-collapse: collapse;
}
table.cross th
{
  font-weight: normal;
}
table.cross td
{
  font-size: 11px;
  border: 1px solid #efefef;
}
table.cross td a
{
  text-decoration: none;
}
table.options td
{
  border-bottom: 1px solid #efefef;
  background-color: #fafafa;
}
table.options td a
{
  text-decoration: none;
}
table.articles td
{
  border-bottom: 1px solid #efefef;
  vertical-align: top;
}
table.articles td a
{
  text-decoration: none;
}
.article-list-table
{
  width: auto;
  table-layout: fixed;
}
.article-thumb-cell
{
  width: 58px;
}
.article-thumb
{
  display: block;
}
.article-main-cell
{
  width: 250px;
  padding-top: 8px;
  padding-right: 6px;
}
.article-list-title
{
  font-size: 110%;
  margin-bottom: 2px;
}
.article-list-meta
{
  margin-top: 3px;
  color: #6b3f18;
}
.article-meta-label
{
  color: #a05d19;
}
.article-meta-sep
{
  color: #999;
}
.article-action-cell
{
  width: 22px;
  vertical-align: middle !important;
  text-align: center;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.article-status-cell
{
  width: 22px;
  vertical-align: middle !important;
  text-align: center;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.article-price-cell
{
  width: 78px;
  vertical-align: middle !important;
  padding-left: 8px !important;
  padding-right: 0 !important;
}
.article-list-price
{
  font-size: 118%;
  line-height: 1.1;
  white-space: nowrap;
}
.article-price-meta
{
  line-height: 1.15;
}
th, tr.active td
{
  background-color: #F2F2F2;
  border-top: 1px solid #cdd1d6;
  border-bottom: 1px solid #cdd1d6;
}
tr.highlight td
{
  background-color: #d6e5f2;
}
table.noborder, table.noborder td
{
  border-width: 0 !important;
}

.articles_symbolic
{
  position: relative;
  display: block;
  float: left;
  width: 380px;
  height: 180px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #E7E7E7;
  background: url('../img/article-symbolic-bg.gif') no-repeat right bottom;
  overflow: hidden;
}
.articles_symbolic a
{
  text-decoration: none;
}
.articles_symbolic:hover
{
  border: 1px solid #CCC;
}
.articles_symbolic .pic
{
  display: block;
  width: 240px;
  height: 180px;
}
.articles_symbolic .desc
{
  position: absolute;
  right: -2px;
  top: -2px;
  padding: 5px 7px 4px 7px;
  width: 129px;
}
.articles_symbolic a.title
{
  display: block;
  font-weight: bold;
  border-bottom: 1px solid #e0e0e0;
  margin-top: 2px;
  padding-bottom: 5px;
  margin-bottom: 1px;
  text-decoration: none;
  font-size: 90%;
}
.articles_symbolic .price
{
  color: #333;
  font-size: 13px;
  font-weight: bold;
}

fieldset, .nav_pages a.active
{
  border: 1px solid #CFD4BF;
}
legend
{
  padding: 0 3px;
}
fieldset .container
{
  margin: 2px;
}

input.int
{
  text-align: right;
}
input.submit
{
  padding: 0 12px;
  font-weight: bold;
}

.article .image
{
  margin-right: 10px;
  margin-bottom: 4px;
  border: 1px solid #cdd1d6;
}
.images a img
{
  margin: 0 2px 2px 0;
  border: 1px solid #cdd1d6;
}

ul.links
{
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-type: none;
  list-style-position: outside;
  width: auto;
}
ul.links li
{
  display: inline;
}
ul.links li a
{
  display: block;
  padding: 2px 2px 2px 6px;
  color: #666;
  border-bottom: 1px solid #efefef;
  text-decoration: none;
}
ul.links li a.active
{
  color: #222;
  font-weight: bold;
}
ul.links li a:hover
{
  color: #222;
  background-color: #d6e5f2;
}

.nav_pages
{
  position: relative;
  color: #cdd1d6;
}
.nav_pages a
{
  text-decoration: none;
}
.nav_pages a.active
{
  font-weight: bold;
  color: #1f64a3;
}

.list-boxes
{
  position: relative;
  height: 1%;
}
.list-boxes a
{
  position: relative;
  display: block;
  float: left;
  width: 200px;
  overflow: hidden;
  margin: 4px;
  padding: 5px;
  border: 1px solid #e7e7e7;
  text-decoration: none;
}
.list-boxes a:hover
{
  border-color: #ccc;
}
.list-boxes a img
{
  position: relative;
  float: left;
  margin: 1px 8px 1px 1px;
}
.list-boxes a div
{
}

/*** Tab Pane ***/
.dynamic-tab-pane-control.tab-pane {
  position: relative;
  width: 100%;
  margin-top: 10px;
}

.dynamic-tab-pane-control .tab-row .tab {
  cursor: Default;
  display: inline;
  margin: 1px -5px 1px 5px;
  float: left;
  padding: 4px 7px 5px 7px;
  background: #efefef;
  border: 1px solid;
  border-color: #cdd1d6;
  border-left: 0;
  border-bottom: 0;
  border-top: 0;
  cursor: hand;
  cursor: pointer;
  z-index: 1;
  position: relative;
  top: 0;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
  border: 1px solid #cdd1d6;
  border-bottom:        0;
  z-index: 3;
  padding: 4px 8px 6px 8px;
  margin: 1px -6px -2px 0px;
  top: -2px;
  background: white;
}

.dynamic-tab-pane-control .tab-row .tab a {
  color:        #5e5e5e;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  cursor: hand;
  cursor: pointer;
}

.dynamic-tab-pane-control .tab.hover {
  background-color: #d6e5f2;
}
.dynamic-tab-pane-control .tab-row .hover a {
}

.dynamic-tab-pane-control .tab-row .tab.selected a {
  color: #175c9b;
  font-weight: bold;
}

.dynamic-tab-pane-control .tab-page {
  clear:        both;
  border: 1px solid #cdd1d6;
  background: white;
  z-index: 2;
  position: relative;
  top: -2px;
  padding: 10px;
}

.dynamic-tab-pane-control .tab-row {
  z-index: 1;
  white-space: nowrap;
  background: none;
  height: auto;
  width:        100%;
}

/* ModalWindow */
.ModalWindowBox { background: #666666; }
.ModalWindowBox a:link, .ModalWindowBox a:visited { border: 1px solid #cccccc; padding: 2px 5px; background: #e3e3e3; margin-right: 6px; }
.ModalWindowBox a:hover, .ModalWindowBox a:active { background: #efefef; }

.ModalWindowContainer { background: white; padding: 10px; margin: 8px; }
.ModalWindowButtons { border-top: 1px solid #cccccc; padding: 10px 0px; margin-top: 20px; text-align: center; }