* { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
body { margin: 0; background-color: rgb(221, 221, 221); background-position: center top; background-image: url('./gfx/bg.png'); background-repeat: repeat-y; }
body,td,th { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; color: #606060; }
a { color: rgb(229, 0, 0); text-decoration: none; }
a:hover { text-decoration: underline; }

div.m { width: 748px; margin: 0 auto; background: transparent url('./gfx/headerlogo.png') no-repeat scroll 720px 26px; padding: 30px 62px 15px; }

div.m div.headerdiv { height: 50px; padding-left: 10px; vertical-align: middle; }
div.m div.headerdiv h1 { font-size: 25px; font-weight: normal; padding: 30px 0 0 10px; margin: 0; }

div.m div.headerdiv * { font-size: 8pt; font-weight: bold; color: black; }
div.m div.headerdiv table { border-collapse: collapse; }
div.m div.headerdiv table tbody tr td { padding: 0; vertical-align: top; width: 250px;  }

div.m div.menu1 { padding: 0 0 10px 0; height: 30px; border-bottom: 1px solid rgb(221, 221, 221); margin-bottom: 10px; }
div.m div.menu1 ul{ display: inline; margin: 0; padding: 0; }
div.m div.menu1 a, div.menu1 a:hover { display: block; float: left; background-image: url('./gfx/menuitembg.png'); background-repeat: no-repeat; width: 97px; height: 28px;text-decoration: none;color: #606060; padding-top: 12px; text-align: center; }
div.m div.menu1 a:hover { background-image: url('./gfx/menuitembghv.png'); }

div.m table.maintable { border-collapse: collapse; width: 100%; }
div.m table.maintable tbody tr td { padding: 0; vertical-align: top; }
div.m table.maintable tbody tr td td { vertical-align: middle; }
div.m table.maintable tbody tr td.sidebar { width: 140px; padding: 10px; }
div.m table.maintable tbody tr td.content { width: 628px; }
div.m table.maintable tbody tr td.content h1 { padding-top: 0; margin-top: 5px; font-size: 20px; color: #606060; font-weight: normal; }
div.m table.maintable tbody tr td.content h2 { font-size: 16px; }
div.m table.maintable tbody tr td.content div.tabelki { line-height: 1px; }
div.m table.maintable tbody tr td.content table.table { margin: 0; padding: 0; line-height: 20px; border-bottom: 1px solid #CCCCCC; }
div.m table.maintable tbody tr td.content table.table tbody tr td { padding: 5px; }
/* sidebar */
div.sidebar { border-right: 1px solid rgb(221, 221, 221); padding-right: 10px; padding-bottom: 10px; }
div.sidebar div.sidebarframe input[type="text"] { border: 1px solid #C0C0C0; font-size: 11px; padding: 2px; margin-top: 2px; }
div.sidebar div.sidebarframe { width: 140px; margin-bottom: 10px; padding: 5px 5px 5px 5px; border-bottom: 1px solid rgb(221, 221, 221); }
div.sidebar div.sidebarframe h1 { padding: 2px 0; margin: 0; display: block; color: #606060; font-size: 11px; }
div.sidebar select{ font-size: 11px; width: 120px; border: 1px solid #C0C0C0; }
div.sidebar button.catgo { vertical-align: middle; display: inline; border: 0 none; width: 12px; height: 16px; padding: 0 0 0 0;  background-position: center center; background-image: url('./gfx/catgo.gif'); background-repeat: no-repeat; cursor: pointer; }

div.sidebar button.catgo div.catgodiv { display: inline; width: 16px; height: 16px; }

div#loadingdiv { font-size: 10px; text-align: center; display: none; }
div#searchsuggest { position: absolute; display: none; border: 1px solid #666; background-color: white; filter:alpha(opacity=90); -moz-opacity:0.9; Opacity:0.9; -khtml-opacity: 0.9; }
div#searchsuggest ul { display: block; margin: 0; padding: 0; list-style-type: none; }
div#searchsuggest li { display: block; padding: 2px 5px; }
div#searchsuggest li.suggestion_inactive { background-color: white; font-weight: normal; color: #666; }
div#searchsuggest li.suggestion_active { background-color: #DDD; font-weight: bold; color: black; }

/* header 2 */
div.m div.header2 { display: block; margin:0 auto; text-align: center; margin-top: 10px; }

/* footer 2 */
div.m div.footer2 { margin-top: 10px; text-align: center; font-size: 7pt; color: #A9A9A9; }
div.m div.footer2 * { font-size: 7pt; color: #A9A9A9; }
div.m div.footer2 table { width: 100%; border-collapse: collapse; margin-top: 10px; }
div.m div.footer2 table tbody tr td { padding: 0; }
div.m div.footer2 table tbody tr td.t1 { text-align: left; }
div.m div.footer2 table tbody tr td.t2 { text-align: right; }

/* footer */
div.m div.footer { margin: 10px auto; padding-top: 10px; width: 862px; font-size: 7pt; color: #A9A9A9; text-align: center; border-top: 1px solid rgb(221, 221, 221); }

/* ***** SHOPCRAFT MODULES ***** */
/* products */
div.icons h2, div.list h2 { display: inline; white-space: nowrap; }
div.icons h2 a, div.list h2 a { color: rgb(229, 0, 0); text-decoration: none; }
div.icons h2 a:hover, div.list h2 a:hover { text-decoration: underline; }
/* ICONS VERSION */
div.icons div.product { border-bottom: 1px solid #A9A9A9; margin-bottom: 10px; }
div.icons div.product div.primg { background-color: white; width: 64px; height: 64px; }
div.icons table.ptb { border-collapse: collapse; }
div.icons table.ptb td.primg { width: 64px; }
div.icons table.ptb tr.separator { display: none; }
div.icons table.ptb td.pricecell { padding-right: 10px; text-align: right; font-size: 7pt; }
div.icons h2 { margin: 0; padding: 0 0 0 10px; }
div.icons table.ptb td.desc { font-size: 11px; padding-left: 10px; padding-bottom: 10px; }

/* LIST VERSION */
div.list div.product { margin-bottom: 5px; }
div.list div.product div.primg { display: none; }
div.list table.ptb { width: 100%; }
div.list table.ptb td.pricecell { text-align: right; font-size: 7pt; }
div.list table.ptb { border-collapse: collapse; border-bottom: 1px solid #DDD; }
div.list table.ptb td.primg { width: 1px; visibility: collapse; }
div.list h2 { margin: 0; padding: 0 0 0 10px; }
div.list table.ptb tr.separator { display: none; }
div.list table.ptb td.desc { display: none; }

div.promo, div.new, div.sale { margin-left: 15px; font-size: 7pt; color: rgb(129, 0, 0); display: inline; }
div.promo a, div.new a, div.sale a { background-image: url('./gfx/catgo.gif'); background-repeat: no-repeat; background-position: left
 center; padding-left: 10px; color: rgb(229, 0, 0); text-decoration: none; }
div.promo a:hover, div.new a:hover, div.sale a:hover { text-decoration: underline; }

div.pagesel a.page { text-decoration: none; color: rgb(229, 0, 0); }
div.pagesel a.page:hover { text-decoration: underline; }
div.pagesel a.active { font-weight: bold; font-size: larger; }
div.perpagesel { font-size: 7pt; }
div.perpagesel a { text-decoration: none; color: rgb(229, 0, 0); }
div.perpagesel a:hover { text-decoration: underline; }

div.products_toolbar { border-bottom: 1px solid #666; }
div.products_toolbar table td { padding: 2px 5px; border-right: 1px inset; white-space: nowrap; font-size: 7pt; }
div.products_toolbar table td a { text-decoration: none; color: rgb(229, 0, 0); }
div.products_toolbar table td a:hover { text-decoration: underline; }
div.products_toolbar table td.nosep { padding: 2px 0 2px 5px; border-right: none; }

div.products_toolbar a.sortby_active:hover, div.products_toolbar a.sortby_inactive:hover { text-decoration: none; }
div.products_toolbar a.sortby_active { border: 1px solid rgb(229, 0, 0); background-color: white; padding: 2px 16px 2px 2px; text-decoration: none; color: rgb(229, 0, 0); }
div.products_toolbar a.sortby_inactive { border: 1px solid rgb(204, 204, 204); background-repeat: repeat-x; background-image:url('./gfx/btnbg.png'); padding: 2px 2px 2px 2px; text-decoration: none; color: #606060; }
div.products_toolbar a.sortby_inactive:hover { border: 1px solid rgb(160, 160, 160); }
div.products_toolbar a.asc { background-image: url('./gfx/sort_asc.gif'); background-position: right; background-repeat: no-repeat; }

div.products_toolbar a.asc:hover { background-image: url('./gfx/sort_desc.gif'); }
div.products_toolbar a.desc { background-image: url('./gfx/sort_desc.gif'); background-position: right; background-repeat: no-repeat; }
div.products_toolbar a.desc:hover { background-image: url('./gfx/sort_asc.gif'); }

/* details */
table.tbl { border-spacing: 2px; margin: 10px auto 0 auto;  width: 90%; }

table.tbl th { padding: 4px 2px 4px 2px; color: rgb(229, 0, 0); }
table.tbl th h2 { color: rgb(229, 0, 0); text-align: left; }

table.tbl th.parameter { color: #606060; text-align: right; border-bottom: 1px solid rgb(200,200,200);}
table.tbl td { padding: 4px; background-color: white; }
table.tbl td.value { text-align: left; }
table.tbl td.pricecell { text-align: right; vertical-align: top; white-space: nowrap; }
div.oldprice { color: red; text-decoration: line-through; }

/* Ajax inner */
div.ajaxinner { display: none; }

/* FORMS */
textarea {
  font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
  color: black;
}

input[type="text"] {
  border: 1px solid #C0C0C0;
}

input[type="password"] {
  border: 1px solid #C0C0C0;
}

input[type="submit"] {
  border: 1px solid #C0C0C0;
  background-color: white;
  color: #606060;
}

button {
  border: 1px solid #C0C0C0;
  background-color: white;
  color: #606060;
}

table.form {
  border: 1px solid #909090;
  border-spacing: 2px;
  max-width: 60%;
  width: 60%;
}

table.form th {
  padding: 4px 2px 4px 2px !important;
  background-color: #DDDDDD;
}

table.form td {
  padding: 4px 4px 4px 4px !important;
  background-color: #EEEEEE;
}

/* BUTTONS */
a.btn, a.btn:active, a.btn:hover, a.btn:visited {
  display: block;
  float: right;
  margin-left: auto;
  margin-right: 2px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
}

a.buy { background-image: url('./gfx/cart.gif'); }
a.addfav { background-image: url('./gfx/addfav.gif'); }
a.question { background-image: url('./gfx/question.gif'); }
a.listview { background-image: url('./gfx/listview.gif'); }
a.iconsview { background-image: url('./gfx/iconsview.gif'); }
a.delitem { background-image: url('./gfx/delitem.gif'); }

div.prodavail { width: 32px; height: 32px; float: right; background-repeat: no-repeat; }

div.av0 { background-image: url('./gfx/avail_0.gif'); }
div.av1 { background-image: url('./gfx/avail_1.gif'); }
div.av2 { background-image: url('./gfx/avail_2.gif'); }
div.av3 { background-image: url('./gfx/avail_3.gif'); }
div.av4 { background-image: url('./gfx/avail_4.gif'); }

/* HELPER CLASSES */
.center { text-align: center; }
span.produnavail { color: red; }
span.red { color: #BF0A2B !important; }

/* gallery mod */
div.g { text-align: center; }
a.g img { border: 1px solid #C0C0C0; background-color: white; padding: 10px; margin: 10px; }
a.g:hover img { border: 1px solid black; background-color: rgb(240, 240, 240); }

a.gallink * { vertical-align: middle; border: 0; margin-right: 10px; }
a.gallink { text-align: left; display: block; text-decoration: none; font-size: 12px; font-weight: bold; margin-right: 10px; padding: 6px; color: rgb(100, 100, 100); }
a.gallink:hover { background-color: #C0C0C0; color: black; border: 1px solid black; padding: 5px; }

div.fsbg { position: absolute; background-color: #C0C0C0; display: none; }
div.imgwindow { background-color: white; border: 1px solid black; position: absolute; }
div.imgwindow div.ld { text-align: center; font-size: 10px; color: rgb(52, 172, 254); }
div.closeim { background-color: white; position: absolute; font-size: 11px; display: inline; padding: 5px 5px 10px 10px; top: 10px; }
div.closeim a { text-decoration: none; color: rgb(100, 100, 100); }
div.closeim a:hover { text-decoration: none; color: black; }