* {
  padding: 0;
  margin: 0;
  border: 0 none;
  font-family: Arial, Helvetica, sans;
}

html {
  min-height: 101%;
}

body {
  font-family: Arial, Helvetica, sans;
  font-size: 11pt;
  background-color: #ffffff;
  color: #000010;
  margin: 0 auto;
  padding: 0px 10px;
  max-width: 1160px;  
  min-height: 500px;
}

a, a:visited, a:hover, a:active, a:focus {
  color: #004f90;
  text-decoration: underline;
  outline: 0;
}

.clearboth {
  padding: 0;
  margin: 0;
  clear: both;
}

p {
  margin: 0 0 10px 0;
  text-align: left;
}

p.error {
  color: #cc0000;
  border: 0px solid #cc0000;
  border-width: 0 0 0 10px;
  padding: 10px;
}

p em, li em {
  font-style: normal;
}

ul, dl {
  margin: 10px 0 10px 20px;
  padding: 0;
}

ul li {
  margin: 3px 0 4px 10px;
  padding: 0;
}

h1 {
  font-size: 150%;
  padding: 35px 0 0 15px;
  margin: 0 0 0 105px;
  color: #004f90;
  font-weight: normal;
  word-spacing: 0.4em;
  letter-spacing: 0.1em;
  text-shadow: #e0e0e0 2px 0px 2px;
}

h1 span {
  font-size: 11pt;
  display: block;
  width: 500px;
  padding: 0;
  margin: -3px 0 0 0;
  color: #004f90;
  letter-spacing: 0;
  text-shadow: none;
  word-spacing: 0;
  letter-spacing: 0;
}

h1 a, h1 a:hover, h1 a:visited {
  color: #004f90;
  text-decoration: none;
}

h2 {
  font-size: 140%;
  font-weight: normal;
  color: #004f90;
  margin: 0 0 15px 0;
  padding: 0;
}

h2 em {
  font-size: 10pt;
  font-weight: normal;
  font-style: normal;
  color: #404040;
}

h3 {
  font-size: 100%;
  font-weight: bold;
  color: #004f90;
  margin: 30px 0 10px 0;
  padding: 0;
}

h3.error {
  color: #cc0000;
}

h4 {
  font-size: 100%;
  font-weight: normal;
  color: #004B91;
  margin: 10px 0;
}

h4.error {
  color: #cc0000;
}

a#h1logo {
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  display: block;
}

a#h1logo img {
  display: block;
}

div#toplinks {
  clear: both;
  margin: 0;
  padding: 0;
  background-color: #186fB8;
  text-align: right;
  width: 100%;
  position: relative;
}

div#toplinks a, div#toplinks a:visited, div#toplinks a:hover {
  color: white;
  display: inline-block;
  margin: 0 0 0 1px;
  padding: 1px 15px;
  text-decoration: none;
}

div#toplinks a:hover, div#toplinks a.active, div#toplinks a.active:visited {
  color: black;
  background-color: #e0e0e0;
}

div#toplinks a.l, div#toplinks a.l:hover, div#toplinks a.l:visited {
  position: absolute;
  left: 0;
  top: 1px;
  background: none;
  color: white;
  width: 100px;
  padding: 0;
  margin: 0;
  text-align: center;
}

div#toplinks a.l:hover {
  text-decoration: underline;
}

div.navidots {
  display: block;
  width: 100%;
  background-color: #e0e0e0;
  margin: 0 0 30px 0;
  padding: 1px 0 3px 0;
}

span.dots {
  font-size: 80%;
  margin: 0;
  padding: 0;
  color: #202020;
}

span.dots a {
  color: #202020;
  font-style: normal;
  text-decoration: underline;
  margin: 0;
  padding: 0;
}

span.dots a:hover {
}

span.lvl0 { margin: 0 0 0 20px; padding: 0; } 
span.lvl1 { margin: 0 0 0 40px; padding: 0; } 
span.lvl2 { margin: 0 0 0 60px; padding: 0; } 
span.lvl3 { margin: 0 0 0 80px; padding: 0; } 
span.lvl4 { margin: 0 0 0 100px; padding: 0; } 
span.lvl5 { margin: 0 0 0 120px; padding: 0; } 
span.lvl6 { margin: 0 0 0 140px; padding: 0; } 
span.lvl7 { margin: 0 0 0 150px; padding: 0; } 

div#content {
  margin: 20px 15px 5px 15px;
  padding: 0 0 40px 0;
  min-height: 500px;
  border: 0 none;
}

div#downlinks {
  clear: both;
  height: 5px;
  margin: 5px 0;
  border: 0px solid #004f90;
  border-width: 0 0 4px 0;
}

a.bigbutton, a.bigbutton:visited, a.bigbutton:active {
  display: block;
  max-width: 320px;
  min-width: 200px;
  padding: 5px 0;
  margin: 10px auto;
  color: white;
  text-decoration: none;
  text-align: center;
  border: 1px solid #cccccc;
  overflow: hidden;
}

a.bigbutton em {
  float: right;
  display: block;
  margin: -5px 10px 0 10px;
  font-weight: bold;
  font-style: normal;
  font-size: 150%;
  border: 0px solid #ccc;
          *display: none; /* hello IE6! */
}

a.bigbutton em.r {
  float: right;
}

a.bigbutton em.l {
  float: left;
}

a.bigbutton.red, a.bigbutton.red:visited, a.bigbutton.red:active {
  background: #a04040;
  color: white;
}

a.bigbutton.red:hover {
  background: #802020;
  color: white;
}

a.bigbutton.green, a.bigbutton.green:visited, a.bigbutton.green:active {
  background: #44a000;
  color: white;
}

a.bigbutton.green:hover {
  background: #338000;
  color: white;
}

a.bigbutton.grey {
  background: #cccccc;
}

a.bigbutton.yellow, a.bigbutton.yellow:visited, a.bigbutton.yellow:active {
  background: #FF6600;
  color: white;
}

a.bigbutton.yellow:hover {
  background: #EB5E00;
  color: white;
}

input, textarea, checkbox, select {
  border: 1px solid #FF6600;
  padding: 1px;
  margin: 0 auto;
  text-align: left;
}

/* cart page */
div#cartform {
  min-width: 900px;
  max-width: 1000px;
  margin: 10px auto 50px auto;
  padding: 0 0 20px 0;
  border: 1px dashed #808080;
  border-width: 0 0 1px 0;
}

div#cartform input {
  text-align: center;
}

div#cartform .checkbox {
  border: 1px solid #FF6600;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  color: red;
}

div#cartform .bigbutton {
  float: right;
  clear: right;
  width: 280px;
  margin: 0 20px 10px 0;
}

table.cartform {
  border: 0 none;
  border-collapse: collapse;
  margin: 20px 0 10px 0;
  width: 100%;
}

table.cartform th {
  background-color: #eeeecc;
  color: #202020;
  padding: 5px 2px;
  border: 0px solid #cccccc;
  border-width: 1px 0;
}

table.cartform td a img {
  display: block;
}

table.cartform td {
  width: 80px;
  padding: 0 5px;
  border: 0 dashed #cccccc;
  border-width: 1px 0;
  text-align: center;
  vertical-align: middle;
}

table.cartform .b,
table.cartform.stripped .b {
  width: auto;
  overflow: hidden;
  text-align: left;
  padding: 2px 2px 1px 5px;
}

table.cartform .d {
  width: 600px;
  text-align: left;
}

table.cartform em {
  font-size: 80%;
  color: #666666;
  font-style: normal;
}

table.cartform.stripped {
  width: 800px;
  margin: 10px 0 10px 20px;
}

table.cartform.stripped th, table.cartform.stripped td {
  padding: 3px 3px 1px 3px;
}

table.cartform.stripped .t {
  width: auto;
  text-align: left;
  padding: 5px 0 0 15px;
  background: none;
  border: 0 solid #cccccc;
  border-width: 1px 0 0 0;
  font-weight: bold;
}

table.cartform.stripped tr.odd {
  background: #ffffff;
}

table.cartform.stripped tr.even {
  background: #eeeedd;
}

div#cartform_message {
  color: black;
  float: left;
  margin: 3px 10px;
  padding: 5px 10px 5px 20px;
  border: 0px solid red;
  border-width: 0 0 0 10px;
  color: #202020;
  max-width: 500px;
}

div#cartform_message em {
  color: red;
  font-style: normal;
  font-weight: bold;
  margin: 0 0 0 -10px;
}

form#feedback textarea {
  display: block;
  margin: 10px 0;
  width: 500px;
}

form#feedback .bigbutton {
  float: left;
  width: 280px;
  margin: 0;
}

/* floating box with short product description */
div.prodbox {
  width: 200px;
  height: 260px;
  margin: 6px;
  padding: 2px 2px 1px 2px;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  display: inline-block;
  border: 1px dashed #808080;
  zoom: 1; *display:inline; /* hello IE6! */
}

div.prodbox img {
  margin: 0 auto;
  display: block;
}

div.prodbox p {
  font-size: 80%;
  margin: 5px 0 0 0;
  text-align: center;
}

div.prodbox p em {
  font-style: normal;
  color: #808080;
}

div.prodbox a.add_to_cart {
  display: block;
  position: absolute;
  top: 1px;
  left: 183px;
  width: 20px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  background: #b0d06f;
  color: white;
}

div.prodbox a.add_to_cart:hover {
  background: #44a000;
}

/* cart */
div#cart {
  width: 230px;
  float: right;
  background: white;
  padding: 0;
  margin: 0;
}

div#cartlist h3 {
  margin: 3px 0;
  padding: 3px 0;
  border: 0px solid #cccccc;
  border-width: 0 0 1px 0;
  text-transform: lowercase;
  text-align: center;
  font-size: 12pt;
  font-weight: bold;
}

div#cart p {
  padding: 8px 5px;
  margin: 0 0 25px 0;
  text-align: center;
  border: 1px solid #cccccc;
  color: #000000;
}

div#cart p.sorry {
  background: #fff0f0;
  color: #ff0000;
}

div#cart .bigbutton {
  margin: 0 0 25px 0;
}

div#cartlist {
  width: 100%;
  padding: 0;
  background: #f0f0f0;
  margin:  0 0 25px 0;
  font-size: 10pt;
  border: 0 solid #186fb8;
  border-width: 2px 0px 2px 0;
}

div#cartlist ul {
  list-style: none;
  margin: 10px 5px 10px 10px;
}

div#cartlist ul li {
  margin: 3px 0 20px 0;
  padding: 0;
  font-size: 10pt;
}

div#cartlist ul li:hover {
}

div#cartlist ul li.this {
}

div#cartlist p.total {
  padding: 0;
  margin: 0 0 25px 0;
  font-size: 10pt;
  border: 0 none;
  color: #004f90;
}

div#cartlist a {
  color: black;
  text-decoration: none;
}

div#cartlist a:hover {
  text-decoration: underline;
}

div#cartlist a.button, div#cartlist a.button:visited {
  text-decoration: none;
  color: white;
  background: #cccccc;
  display: inline-block;
  margin: 0 0 0 2px;
  padding: 0 3px;
  font-weight: bold;
}

div#cartlist a.button:hover {
  color: #ffffff;
  background: #ff6600;
  text-decoration: none;
}

div#cartlist a.button.green:hover {
  background: #44a000;
}

div#cartlist ul em {
  display: block;
  margin: 0;
  color: #404040;
  font-style: normal;
  font-size: 10pt;
  text-align: right;
  border: 0px solid #cccccc;
  border-width: 0 0 0px 0;
}

/* category page */
div#cat_content {
  margin: 0 250px 0 200px;
  text-align: center;
}

/* all categories list */
div#cats_list {
  float: left;
  width: 180px;
  padding: 8px 0;
  border: 1px dashed #808080;
  border-width: 0 0 0 1px;
}

div#cats_list a {
  display: block;
  padding: 5px 0 5px 5px;
  margin: 0 0 0 2px;
  width: 160px;
  text-decoration: none;
}

div#cats_list a:hover {
  background: #e0e0e0;
}

div#cats_list a.active,
div#cats_list a.active:hover {
  background: #186fb8;
  color: #e0e0e0;
}

div#cats_list_index {
  text-align: center;
  margin: 50px 0 0 0;
}

div#cats_list_index h3 {
  text-align: left;
}

div#cats_list_index a {
  text-decoration: none; 
  display: inline-block; 
  height: 25px; 
  width: 210px; 
  margin: 5px; 
  text-align: center; 
  padding: 5px 0 0 0; 
  border: 1px dashed #808080; 
  overflow:hidden;
  background: #eeeecc;
}

div#cats_list_index a:hover {
  background: #e0e0e0;
  border-color: #004B91;

}

div#cats_list_index img {
  float: left;
  margin: -10px 2px 0 -10px;
}

/* product page */
div#prod_content {
  margin: 0 250px 0 270px;
}

/* images on the product page */
div#prod_images {
  width: 250px;
  float: left;
  padding: 0;
  margin: 0 0 50px 0;
  text-align: center;
}

div#prod_images img {
  padding: 0;
  margin: 1px;
  border: 1px solid #ff6600;
}

div#prod_images img.big {
  margin: 0 auto 10px auto;
  padding: 0;
  display: block;
  border: 1px solid #cccccc;
}

div#prod_content h2 {
  margin: 0 0 25px 0;
  padding: 0;
}

div#prod_content dl{
  margin: 0;
  padding: 0;
}

div#prod_content dl dt{
  padding: 0;
  margin: 0 0 2px 0;
  color: #404040;
  font-size: 80%;
}

div#prod_content dl dd{
  padding: 0;
  margin: 0 0 20px 10px;
}

div#prod_content dl dd.extra{
  font-style: italic;
}

div#prod_content dl dd.price{
}

div#prod_promo {
  margin: 40px 0 0 0;
  padding: 0;
  border: 1px dashed #cccccc;
  border-width: 1px 0 0 0;
}

div#prod_promo em {
  color: #808080;
}

div#prod_promo li {
  margin: 5px 10px 5px 20px;
}

/* index page */
div#index_about {
  margin: 0 220px 50px 200px;
}

div#index_about > p {
  margin: 0 40px 10px 0;
}

img#index_image {
  float: right;
  width: 220px;
  height: 220px;
  margin: 0 0 50px 0;
}

div#index_promo {
  clear: both;
  margin: 50px 0 0 0;
}

div#index_promo h3 {
}

div#index_promos {
  text-align: center;
  padding: 0;
  margin: 0;
  height: 280px;
  max-height: 280px; 
  overflow: hidden !important;
  position: relative;
}

div#index_promos .prodbox {
  margin: 0 5px 50px 5px;
}

/* order page */
form#cartproducts.order {
  background: #efefef;
  margin: 10px 0 0 20px;
  border: 1px dashed #808080;
  border-width: 0 0 0 1px;
  width: 800px;
  padding: 10px 0;
}

form#cartproducts p {
  margin: 0 0 10px 0px;
  padding: 2px 0 2px 15px;
  width: 800px;
}

form#cartproducts p input, form#cartproducts p textarea {
  background: #efefef;
  border: 1px solid #c0c0c0;
  vertical-align: text-top;
  text-align: left;
  width: 500px;
  padding: 3px 2px;
  font-size: 100%;
}

form#cartproducts input:focus,
form#cartproducts textarea:focus {
  border: 1px solid #ff6600;
  color: #000000;
  background: #ffffff;
}

form#cartproducts p a {
  margin: 0 5px 0 185px;
  width: 280px;
}

form#cartproducts p label {
  width: 180px;
  display: inline-block;
  vertical-align: top;
  color: #404040;
}

form#cartproducts p.required label {
  color: black;
}

form#cartproducts p.required input,
form#cartproducts p.required textarea {
  background: #ffffff;
}

form#cartproducts p em {
  font-style: normal;
  display: block;
  font-size: 80%;
  margin: 0 5px 0 185px;
  color: #404040;
}

form#cartproducts .error {
  color: #cc0000;
}

div#order_message {
  color: black;
  margin: 25px 0 35px 10px;
  padding: 15px 0 15px 20px;
  border: 0px solid #ff6600;
  border-width: 0 0 0 10px;
  width: 600px;
}

div#order_message h3 {
  margin: 0 0 10px 0;
  padding: 0;
  color: #004f90;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  word-spacing: 0.25em;
}

div#order_message p.big {
}

dl{
  margin: 10px 20px;
  padding: 0;
}

dl dt{
  padding: 0;
  margin: 0 0 2px 0;
  color: #404040;
}

dl dd{
  padding: 0;
  margin: 0 0 20px 20px;
}

p.cite {
  padding: 10px 20px;
  color: #000066;
  font-style: italic;
}

/* */
table.order_tracker {
  width: 98%;
  border-collapse: collapse;
  margin: 30px auto;
  border: 1px solid #808080;
}

table.order_tracker td {
  border: 1px solid #808080;
  padding: 5px 3px;
  vertical-align: top;
}

table.order_tracker caption {
  text-align: left;
  font-weight: bold;
  background: #cccccc;
  padding: 8px 0 8px 5px;
  border: 1px solid #808080;
  border-width: 1px 1px 0 1px;
}

table.order_tracker.order_state0 caption {
  background: #ffcccc;
}

table.order_tracker.order_state1 caption {
  background: #eeeecc;
}

table.order_tracker.order_state2 caption {
  background: #ffbbbb;
}

table.order_tracker.order_state3 caption {
  background: #cceecc;
}

table.order_tracker td.customer {
  width: 300px;
}

table.order_tracker td.order {
  min-width: 40%;
}

table.order_tracker td.order > b {
  display: block;
  text-align: right;
  padding: 2px 5px 5px 0;
  margin: 5px;
}

table.order_tracker td.history {
  width: 250px;
  font-size: 80%;
}

table.order_tracker td.history span.u {
  color: #000080;
}

table.order_tracker td.history span.s {
}

table.order_tracker td.actions {
  height: 25px;
  background: #eeeeee;
}

table.order_tracker ol{
  margin: 0;
  padding: 0;
}

table.order_tracker li{
  margin: 5px 0 5px 25px;
  padding: 0;
  font-size: 80%;
}

table.order_tracker .bigbutton {
  margin: 0;
  float: right;
  width: 300px;
  padding: 2px 5px;
}

table.order_tracker .bigbutton.left {
  float: left;
  width: 250px;
}

table.order_tracker table {
  font-size: 80%;
  width: 100%;
  margin: 5px auto 0 auto;
  border: 0 none;
  border: 1px solid #808080;
  border-width: 0 0 1px 0;
}

table.order_tracker table td {
  border: 1px dashed #808080;
  border-width: 0 0 1px 0;
  padding: 6px 5px;
  vertical-align: top;
  text-align: left;
}

table.order_tracker table td.c {
  width: 75px;
  text-align: center;
  vertical-align: middle;
  padding: 6px 0;
}

a.tracking_pager {
  margin: 0 5px;
}

a.tracking_pager.active, a.tracking_pager.active:visited {
  font-weight: bold;
  text-decoration: none;
  color: black;
}

/* */
@media print {
  table.order_tracker td.customer,
  table.order_tracker td.history {
    width: 25%;
}
}

/*pixa*/
div#pixapop {
  position: absolute;
  display: none;
  border: 2px solid #cccccc;
  background: #e0e0e0;
  padding: 3px 10px 5px 10px;
  margin: 0;
  z-index: 1001;
}
div#pixapop a {
  color: #000000;
  float: right;
  padding: 0 15px;
  margin: 0 -15px 3px auto;
  font-size: 80%;
}

div#pixapop img{
}

div#pixapop span {
  display: block;
  max-width: 500px;
  text-align: center;
  font-size: 80%;
  margin: 5px auto;
  padding: 3px 0 0 0;
  border: 0 solid #808080;
  border-width: 1px 0 0 0;
}


/* general stuff */
table.bottomlinks {
  width: 100%;
  border: 0;
  height: 20px;
  margin: 0px;
  padding: 0px;
  border: 1px solid #cccccc;
  border-collapse: collapse;
}
table.bottomlinks td {
  border: 1px solid #cccccc;
  background-color: #186FB8;
  border-collapse: collapse;
  width: 6%;
  padding: 0px 7px 0px 7px;
  vertical-align: middle;
  text-align: center;
}
table.bottomlinks td a {
  font-size: 8pt;
  color: #ffffff;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
}
table.bottomlinks a:hover {
  text-decoration: underline;
}

table.bottomlinks td a:visited {
  font-size: 8pt;
  color: #ffffff;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
}

#copyright {
  clear: both;
  width: 50%;
  float: right;
  font-size: 8pt;
  text-align: right;
  margin: 0 0 10px auto;
  padding: 2px 5px 0 0;
  color: #666666;
}

div#banners {
  float: left;
  margin: 2px 0 0 0;
  padding: 0;
  border: 0  none;
}

div#banners a {
  margin: 0 2px 0 0;
  padding: 0;
  border: 0  none;
  text-decoration: none;
}
div#banners img {
  margin: 0;
  padding: 0;
  border: 0  none;
  opacity: 0.25;
}

div#banners img:hover {
  opacity: 1.0;
}