* { font-family: "Microsoft Sans Serif", Helvetica, sans-serif; }
body { 
  width: 1170px; margin: 0px auto 0px auto; position: relative; 
}
h1, h2 { text-align: center }
h5 { font-size: 12px }
h4 { font-size: 15px }
h3 { font-size: 17px }
h2 { font-size: 20px }
h1 { font-size: 24px }
img { border: none; }

.header_area { height: 85px; overflow: hidden; }
.site_title { 
  height: 85px; overflow: hidden;
   background-position: center center; 
  background-repeat: no-repeat; 
}
#searchBox { float: right; height: 27px; margin-top: 29px; margin-right: 20px; }
#searchBox input { font-size: 14px; }
.logo { float: left;  }
.logo a { outline: none; }
.logo img { margin: 0px; border: 0px; padding: 0px; }
.shadow { 
  left: 0px; top: -4px; height: 8px; width: 100%; position: absolute; 
  background: url('/img/.parts/anuko-tpl/vshadow8.png') top left repeat-x 
}
.layout {
  position: relative; font-size: 15px;
}
.top_menu { height: 32px; font-size: 16px; }
.top_menu table { margin: 0px 0px 0px 5px; }
.topMenu td { padding: 0px 20px; height: 32px }
.side_area {
  width: 270px; left: 0px;
  float: left;
}
.side_area h3 { 
  padding: 5px 20px 5px 20px; 
  margin: 0px -20px 4px -20px; 
  line-height: 21px;
}
.menu_area {
  padding: 5px 20px;
}
.news_area {
  padding: 0px 20px 10px 20px;
}
.news_area { font-size: 14px; }
.news_rss { float: right; margin-top: 4px; margin-right: -10px; }
.news_rss img { border: none; display: block; }
// .news_rss + h3 { margin-top: -10px }
.news_date { font-size: 11px; font-weight: bolder; margin-top: 5px; }
.news_area p { padding: 0px; margin: 8px 0px 0px 0px; }
.menu_area { font-weight: bolder; line-height: 22px }
.menu_area li {
  background-repeat: no-repeat; background-position: 0px 8px;
}
.menu_area li li {
  background-position: 0px 5px;
}
.menu_area>ul>li { 
  background-repeat: no-repeat; background-position: 0px 8px;
}
.menu_area li li {  
  font-weight: normal; 
}

.menu_area ul { 
  list-style-type: none; padding: 0px; margin: 0px; 
  line-height: 30px;
}
.menu_area ul ul { 
  line-height: 24px;
}
.menu_area li { padding-left: 14px; }
.menu_area li.collapsedMenu { 
    background-image: url('/img/.parts/anuko-tpl/menu-right-arrow.png');

  //cursor: pointer;
}
.menu_area li.expandedMenu { 
    background-image: url('/img/.parts/anuko-tpl/menu-down-arrow.png');

  //cursor: pointer;
}
.menu_area a.thisMenu {
   text-decoration: underline;

 font-weight: bolder;
}

.content_area {
  margin-left: 270px; 
  padding: 5px 20px 0px 20px;
}
.content_area ul { overflow: auto; }

.gallery_area { font-weight: bold; text-align: center; }
.gallery_area table { margin-left: auto; margin-right: auto; }
.gallery_area td { 
  text-align: center; padding: 2px 3px 2px 3px; 
  border: 1px solid #e0e0e0; background-color: #f0f0f0;
}
.gallery_area td:hover { border: 1px solid #808080; }
.gallery_area a { outline: none; }
.gallery_area img { margin: auto; display: block; }
#gallery_nav a { padding: 0px 4px 0px 4px; }
.gallery_pic { padding-bottom: 16px; }
.gallery_pic img { 
  margin-left: auto; margin-right: auto; display: block; text-align: center;
}
.gallery_pic h2 { text-align: center; }

.sup_footer { position: relative; padding: 5px 80px 5px 80px; font-size: 15px; }

.footer { position: relative; height:78px; font-size: 13px; }
.footer table.topMenu { 
  margin-left: auto; margin-right: auto; font-size: 15px; height: 32px; margin-bottom: 10px; 
}
.loginLink { position: absolute; width: 60px; left: 20px; top: 46px; }
.copyright { text-align: center; }
.footer .copyright { position: absolute; width: 930px; left: 120px; top: 46px; }
textarea { font-family: "DejaVu Sans Mono", "Courier New", Courier, monospace; font-size: 14px; }
.under { padding: 0px; }

/* Right margin after a checkbox to separate it from the following text. */
input[type="checkbox"] {
  margin-right: .33rem;
}
.header_area { 
  background-image: url('/img/.parts/anuko-tpl/blue-top.jpg');
  background-position: center bottom;
  background-repeat: no-repeat;
}
#searchBox { 
  background: url('/img/.parts/anuko-tpl/search-box.png') left center no-repeat;
  height: 27px;
}
#searchBox input[type="text"] { 
  outline: none;
  border: none; 
  border: 0px; /*IE7 is stupid thing */ 
  background: transparent; 
  margin-left: 4px;
  width: 198px; height: 20px; padding: 0px;
  display: block; float: left; margin-top: 4px;
}
#searchBox input[type="submit"] { 
  border: none; margin-left: 10px;
  background: url('/img/.parts/anuko-tpl/search-button.png') center center no-repeat;
  width: 69px; height: 27px;
  display: block; float: left; 
}
.top_menu { background-color: #00345c; color: white; }
.top_menu td:hover { background: url('/img/.parts/anuko-tpl/blue-vgrad7.png') left bottom repeat-x; }
.topMenu a:link, .topMenu a:visited, .topMenu a:hover { 
  color: white; text-decoration: none; font-weight: bolder; 
}
.layout {
  background: url('/img/.parts/anuko-tpl/blue-side.png') left top repeat-y;
}
.page {
  background: url('/img/.parts/anuko-tpl/white900.png') right top repeat-y;
}
.content_area a:link { color: #004e7a; }
.content_area a:visited { color: #0f3e5e; }
.content_area a:hover { color: #0099ca; }
.content_area h1, .content_area h2 { color: #0f3e5e; } 
.side_area { color: white; }
.side_area h3 { 
  background: url('/img/.parts/anuko-tpl/blue-vgrad6.png') left center repeat-x;
}
.side_area a:link, .side_area a:visited, .side_area a:hover { color: white; text-decoration: none; }
.side_area a:hover { text-decoration: underline; }
.menu_area { background-image:url('/img/.parts/anuko-tpl/silver-side.png'); color: black; }
.menu_area h3 { background: url('/img/.parts/anuko-tpl/blue-vgrad7.png') left bottom repeat-x; color: white; }
.menu_area>ul>li { border-top: 1px solid #c0c0c0; }
.menu_area>ul>li:first-child { border-top: 0px none; }
.menu_area a:hover { text-decoration: none; }
.menuWithBullet {
  margin-left: -20px;
  padding-left: 20px;
}
.news_date { color: #83ecff }
#news_button { 
  display: block; border: none; outline: none; margin: 5px auto 0px auto; padding: 0px;
  width: 93px; height: 27px; background: url('/img/.parts/anuko-tpl/read-news-button.png') center center no-repeat 
}
#forum_button { 
  display: block; border: none; outline: none; margin: 5px auto 0px auto; padding: 0px;
  width: 93px; height: 27px; background: url('/img/.parts/anuko-tpl/read-forum-button.png') center center no-repeat 
}
.menu_area a:link, .menu_area a:visited, .menu_area a:hover { color: black; }
.sup_footer {
  background-image: url('/img/.parts/anuko-tpl/blue-vgrad5.png');
  background-position: left top; background-repeat: repeat-x;
  color: white;
}
.sup_footer a:link, .sup_footer a:visited, .sup_footer a:hover { color: white; }
.sup_footer li { list-style: none; list-style-image: url('/img/.parts/anuko-tpl/footer-arrow-blue.png') }
.footer { 
  background-image: url('/img/.parts/anuko-tpl/blue-vgrad4.png');
  background-position: left top; background-repeat: repeat-x;
  color: white;
}
.footer a:link, .footer a:visited, .footer a:hover { color: white; }
.loginLink a:link { color: #042a43; }
.loginLink a:visited { color: #042a43; }
.loginLink a:hover { color: #104162; }
.under { border-bottom: 1px dotted #e0e0e0; }
div.shop_item { 
  padding: 0 40px 20px 40px; 
  border: 1px solid #404040; 
  margin-bottom: 0 auto 12px auto;
 -moz-border-radius-bottomleft: 3px;
 -moz-border-radius-bottomright: 3px;
 -moz-border-radius-topleft: 3px;
 -moz-border-radius-topright: 3px;
 background-color: white; color: black;
}

div.shop_item img {
  display: block; margin: 0px auto 10px auto;
}

div.shop_item h3 {
  text-align: center;
/*  margin: 5px; padding: 5px;
  background: url("/img/.parts/gradients/black_vgrad3.gif") top left repeat-x; 
  color: white; */
}

div.shop_item form table { margin-top: 10px; }

div.shop_item table { margin-left: auto; margin-right: auto; }

div.shop_item form table tr td { padding-top: 4px; padding-bottom: 4px; }

.shopCell { 
 width: 140px;
 -moz-border-radius-bottomleft: 3px;
 -moz-border-radius-bottomright: 3px;
 -moz-border-radius-topleft: 3px;
 -moz-border-radius-topright: 3px;
  border: 1px solid #e0e0e0;
  background-color: white; color: black; 
  text-align: center;
}
.shopCell:hover { border-color: black; }

div.shopTn { height: 140px; line-height: 140px;  }
.shopTn a { border: none; outline-style: none; }
.shopTn img { display:inline; margin: 0px; padding: 0px; vertical-align: middle; }
div.shopNm { 
  padding-top: 8px;
  padding-left: 3px;
  padding-right: 3px;
  height: 60px; overflow: hidden; 
  background: url("/img/.parts/gradients/white_vgrad3.gif") top left repeat-x;
  font-size: 12px;
}
div.shopNm a { color: black; text-decoration: none; }
.shopCell:hover div.shopNm { 
  background: url("/img/.parts/gradients/black_vgrad3.gif") top left repeat-x; color: white; 
}

div.shopNm b { line-height: 24px; vertical-align: middle; }
.shopCell:hover div.shopNm a { color: white; }

.shopGallery { margin-left: auto; margin-right: auto; }
div.shop_item a { color: blue; }

#imgList a:link { color: blue; }

/* control labels for small screens */
.small-screen-label {
  text-align: left;
}

/* a table cell containing input control */
.td-with-input {
  text-align: left;
}

.td-with-input > input {
  width: 300px;
}

.td-with-input > textarea {
  width: 300px;
}


/* vertical separator for controls on small screens */
.small-screen-form-control-separator {
  height: .5rem;
}

#select_shipping_msg {
  color: blue;
  text-align: center;
  margin-top: 1rem;
}

/* To print error messages related to filling forms properly. */
div.form-filling-error {
  color: red;
  text-align: center;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

/* To print form filling hints on top of forms. */
div.form-filling-hint {
  text-align: center;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

/* Horizontally centered table in the middle of screen. */
.horizontally-centered-table {
  margin-left: auto;
  margin-right: auto;
}

/* Pay now button. */
div.pay-now-button {
  text-align: center;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

/* Pay now button. */
div.add-to-cart-button {
  text-align: center;
  margin-top: .5rem;
  margin-bottom: .5rem;
}.logo {
  padding-top: .5rem;
}

div.paymentForm input[value="Checkout"] { font-weight: bold; height: 24px; }
.help { font-size:smaller; color: blue; }
.help:hover { background-color: #c0ffc0 }
.hint p { font-size: 13px; }
.hint h4 { 
  font-size: 13px; text-align: center;
  margin-top: 2px; margin-bottom: 8px; 
  border-bottom: 1px solid silver }
.btn { margin: 0px 0px 0px 0px }
.hint { 
  position: absolute; background-color: #ffffc0;
  padding: 4px 8px 4px 8px;
  border-top: 1px  solid #808080;
  border-left: 1px solid #808080;
  border-bottom: 3px solid #808080;
  border-right: 3px solid #808080;
}
.btn_panel { 
  margin-left: -40px; margin-top: 12px;
  text-align: center;
  background: url('/img/.parts/anuko-tpl/blue-vgrad4.png') top left repeat-x; 
  padding: 16px 40px 16px 40px; 
}
.checkout_form {
  padding-left: 40px;
  border: 2px solid #c0c0c0;
  background-color: #f0f0f0;
  overflow: hidden;
}
.checkout_form h3 { 
  color: #004E7A; margin-left: -20px;
  text-align: center;
}
.checkout_form div.hint { 
  background-color: #f8f8f8;
  padding: 0px 15px 0px 15px;
  border: 2px solid #808080;
}
.checkout_form div.hint h4 { 
  color: white;
  border: 0px none;
  font-size: 15px; text-align: center;
  margin: 0px -15px 5px -15px; 
  padding: 3px 0px 3px 0px;
  background-color: #505050;
}
.checkout_form .btn { margin: 3px -12px 0px 0px }
.checkout_form form { display: block; margin: 0px; }

.showcase { 
  width: 270px; display: none;
  background-color: #f6f6f6;
  color: black;
  border: 1px solid #00476e;
  border-radius: 5px;
  margin-top: 1rem;
  margin-right: auto;
  margin-bottom: 1rem;
  margin-left: auto;
}
.sc_image { 
  height: 250px;
  background-repeat: no-repeat; background-position: center center; 
}
.sc_descr { 
//  height: 230px; 
  background-color: #00517e;
  color: white;
  padding: 5px 8px 5px 8px; font-size: 14px;
  overflow: auto;
}
.sc_descr a:link, .sc_descr a:visited, .sc_descr a:hover { color: white; }
.sc_form {
  display: block; position: relative; text-align: center;
  line-height: 30px;
  padding: 5px 0px 5px 0px;
 // height: 60px;
  font-size: 17px; color: #004E7A;
}
//.sc_currency { color: #808080; }
.sc_price { font-weight: bolder; }
.showcase h3 { font-weight: normal;
  color: white; font-size: 19px; margin: 0 0 0 0; padding: 5px 0px 5px 0px; text-align: center; }

.sc_form > select {
  margin: .5rem;
}

.sc_descr > ul {
  margin-bottom: 0;
}

#home_page_table td { padding: 10px 25px 0px 25px; }

.blog h4{
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight:bold;
  font-size:14px;
}

.blog h3 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size:20px;
}

.blog hr {
  background-color: #d0d0d0;
  color: #d0d0d0;
  height: 1px;
  clear: both;
}

.blog img {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.content_area code > pre {
  background-color: #C0C0C0;
  font-family: Verdana;
  font-size: 1em;
  padding: 5px;
}

.content_area pre {
  background-color: #d0d0d0;
  margin-top: .5rem;
  padding: 5px;
}

.mobile_layout p {
  font-family: Verdana;
}

.shipping_rates table {
  border: 1px solid black;
  border-collapse: collapse;
}

.shipping_rates th {
  height: 24px;
  border: 1px solid grey;
  background-color: #cccccc;
}

.shipping_rates td {
  border-bottom: 1px solid grey;
  background-color: #f8f8f8;
  padding: 3px;
}

.content_area {
  padding: 0rem;
}

.doit-responsive-img-border {
  border: 1px solid lightgray;
  border-radius: 5px;
}

.doit-responsive-img-caption {
  text-align: center;
  margin-top: .25rem;
  margin-bottom: .5rem;
}

.sup_footer {
  padding: 1rem;
}

.container h1, h2, h3, h4 {
  padding-top: .75rem;
  padding-bottom: .5rem;
  margin-top: 0rem;
  margin-bottom: 0.25rem;
  font-weight: 700;
}

.container ul {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.container hr {
  border-top: 1px solid rgba(0,0,0,.7);
}

.menu_area hr {
  border-top: 1px solid rgba(0,0,0,.7);
}

div.top_menu_small_screen {
  display: none;
  background-color: #00345c;
  color: white;
}

/* fluid figures */
.content-figure {
  margin: .75rem 0 0 0;
}

@media screen and (max-width: 1170px) {
  div.side_area {
    display: none;
    width: 0px;
  }
  div.content_area {
    margin-left: 0px;
  }
  body {
    width: 100%;
  }
  div.top_menu {
    display: none;
  }
  div.top_menu_small_screen {
    display: block;
  }
  div.layout {
    background: none;
  }
  div.footer {
    display: none;
  }
}