body {
  margin:0; padding:0;
  font-family: Tahoma; /*'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;*/
  font-size: 82%;
  text-align:center;
  background:#ccc url(http://www.bachmusik.com/system/themes/default/bg-body.gif) repeat-x;
}

div.clear { clear:both;float:none;height:1px;width:1px;font-size:1px;overflow:hidden }

table, textarea { font-size:100% }

a { color:#59656b }
a:hover { color:#dc0000 }
a img { border:1px solid #59656b }
img { position:relative }
.red { color:#dc0000 }
.right { text-align:right }
.center { text-align:center }

h1,h2,h3,h4 { color:#5f869b }
h1 { font-size:115% }
h2 { font-size:110% }
h3 { font-size:105% }

p.pages-list { text-align:center; margin:1em 0; }

/* FORM elements */

form label { display:block; margin:0.4em 0; width:13em; float:left; padding-left:1em }
form br { clear:left }
form input { border:1px solid #769cb1; background:#fff; padding:1px 2px }
form input.but { background:#dc0000; color:#fff; border:1px solid #ab0101 } 

fieldset { margin:0; padding:0.5em; border:none }
fieldset.sub { border:1px solid #ccc; padding:0.5em; background:#d8ecf8; width:40em }
fieldset.sub legend { background:#769cb1; padding:3px 5px; font-size:0.85em; color:#fff  }

fieldset.generic { width:35em; background:#fafafa; padding:1em }
fieldset.generic h3 { font-size:0.85em; font-weight:bold; color:#dc0000 }

/* --------- */

input.txt { border:1px solid #515f67; background:#ffffff; color:#333; }
input.but { border:1px solid #9d0000; background:#dc0000; color:#fff; }
input.img-but { vertical-align:top; _vertical-align:text-bottom }
textarea { font-size:100%; font-family: Tahoma; padding:2px }

div.div-dot { background:url('http://www.bachmusik.com/system/themes/default/bg-dot.gif'); font-size:1px; margin:0;padding:0; height:1px; overflow:hidden }

#page { margin:0 auto; text-align:left; width:980px; background:#ffffff; }

/* HEADER + LOGO */

#header { position:relative; height:95px; background:url('http://www.bachmusik.com/system/themes/default/bg-header.jpg') no-repeat; }
#header-en { position:relative; height:95px; background:url('http://www.bachmusik.com/system/themes/default/bg-header-en.jpg') no-repeat; }
#logo { position:absolute;left:0;top:0;width:217px;height:76px; overflow:hidden; }
#logo h1 { display:none }
#logo span {position:absolute; left:0;top:0;width:217px;height:76px;
            overflow:hidden;  }
#logo span a { display:block; position:absolute; left:0;top:0;width:217px;height:76px; }  

/* NAVBAR */
#navbar { background:url('http://www.bachmusik.com/system/themes/default/bg-navbar.gif') repeat-y; padding:3px 5px }
#navbar form { margin:0;padding:0; }
#navbar form p { text-align:right;color:#ffffff;margin:0;padding:0;  }
p#langs { margin:0; padding:1px 0 0 0; display:block; width:200px; float:left; }
p#langs img { border:1px solid #fff }

/* LEFT COLUMN */
#left { float:left; width:180px; }
#left ul { list-style:none; margin:0; padding:0; }
#left li { border-top:1px solid #ffffff }
#left li a { display:block; padding:4px 10px; font-size:0.85em; text-decoration:none; color:#ffffff; background:#769cba; }
#left li a:hover { background:#209bc9; color:#fff }
#left li.header a { }
#left li.header a:hover { background:#dc0000; }

/* RIGHT COLUMN */
#right { float:right; width:180px; }

/* MAIN COLUMN */
#main { float:left; width:610px; }
#main div.mainpad { padding:6px 8px }

/* COLUMN ELEMENTS */
div.reddiv { background:#dc0000;margin:3px 0 2px 0;height:2px;font-size:2px }
p.menu-divide { background:#d00; font-size:1px; margin:0 2px; padding:1px 0 }
p.title { background:#dc0000; margin:2px 0; text-align:left; padding:3px 6px; color:#ffffff; font-weight:bold }

div.kosik { height:55px; margin:1px 0; background:#769cb1 url('http://www.bachmusik.com/system/themes/default/bg-kosik.jpg') top left no-repeat; }
div.kosik p { text-align:right; font-weight:bold; margin:0; padding:11px 12px 0 0; color:#ffffff; text-align:right }
div.kosik p a { color:#ffffff }

div#left-login { background:#d8ecf8; padding:4px; margin:2px; border:1px solid #86afc4 }
div#left-login form { margin:0; padding:0 }
div#left-login form fieldset { border:none; margin:0; padding:4px }
div#left-login form p { text-align:right; margin:0; padding:2px }
div#left-login form input { border:1px solid #9aa4aa; background:#fff; width:120px }
div#left-login form input.but { background:#dc0000; color:#fff; border:#9d0000; width:66px }

p.reg-new { text-align:center;margin:0;padding:0;font-size:0.85em }
p.reg-new a { color:#dc0000 }

p.reg-info { text-align:center; font-size:1.0em; margin:4px 0 }


div.rightbox { background:#d8ecf8; padding:0; margin:1px 0; }
div.rightbox p { margin:0; padding:2px 8px 8px 8px; }
div.rightbox p.nopad { padding:2px 1em 2px 2px }
div.rightbox .right { padding-right:1em }
div.rightbox form.g2 { margin:0; padding:0 }
div.rightbox form.g2 input { width:90px }
div.rightbox form.g2 input.but { width:auto }
div.rightbox form.g { margin:0; padding:0 }
div.rightbox form.g fieldset { border:none; margin:0; padding:4px }
div.rightbox form.g p { text-align:center; margin:0; padding:2px }
div.rightbox form.g input { text-align:center; border:1px solid #9aa4aa; width:158px; background:#fff }
div.rightbox input.but { width:auto !important; background:#769cba !important; color:#fff !important; border:#9d0000 !important; }

p.newsl-info { font-size:0.85em;margin:0 0 0.5em 0; padding:0.5em; color:#424c51; font-size:0.85em; text-align:justify }


p.path { margin-top:1em }

/* FOOTER */

#footer { border-top:1px solid #ccc }
#footer p { font-size:0.85em;text-align:left;margin:0;padding:3px }

/* TEXT PAGES */
div.text-page { padding:0.5em }
div.text-page p { text-align:justify; color:#444; line-height:140% }


/* INDEX PAGE */
div.index-product-list { margin-top:1em; font-size:0.9em }
div.index-product-item { float:left; margin:0 8px 8px 0; border:2px solid #d8d8d8 }
div.index-product-item div.pad { width:190px }
div.index-product-item div.image { text-align:center; height:96px; padding-top:8px }
div.index-product-item img { border:none }
div.index-product-item div.info { background:#d8ecf8; padding:2px; height:50px }
div.index-product-item p { text-align:center; margin:5px 0; padding:0 }
div.index-product-item p.title { background:none; font-size:1.1em }
div.index-product-item p.price { color:#dc0000; font-weight:bold }


ul#index-banners { list-style:none; margin:1em 0 0 0; padding:0 }
ul#index-banners li { float:left; margin:4px }
ul#index-banners li img { border:none }
ul#index-banners li p { margin:0;padding:0;text-align:center;font-size:0.85em}

div#news-container { margin:4px 0; background:#dae9f1; padding:0.5em }
p.news-title { font-size:0.9em; color:#dc0000; margin:0.5em 0 0 0;padding:0.5em 0 }
p.news-text { margin:0 0 1.5em 0; font-size:0.9em; color:#424c51; text-align:justify }

h2.title { margin-bottom:2px }

/* LOGIN PAGE */
form#login-form { margin:0; padding:0 }

/* CATEGORY LISTING */
div.browse-item { float:left; margin:6px 6px 0 0; text-align:center }
div.browse-item div.pad { position:relative; width:190px; height:204px; border:1px solid #769cb1}
div.browse-item table { width:100% }
div.browse-item td { text-align:center; vertical-align:middle }
div.browse-item td.title { background:#e7eff5; height:46px }
div.browse-item td.pic { height:100px;}
div.browse-item td.price { height:36px; font-size:1.2em; color:#dc0000; }
div.browse-item h2 { font-size:12px; margin:0; padding:2px }
div.browse-item img { border:none }

table.products-tab { width:100%; margin-top:1em }
table.products-tab thead td { background:#769cb1; color:#fff; padding:3px 5px}
table.products-tab thead td a { color:#fff }
table.products-tab thead img { border:none; padding:2px 2px 2px 4px }

p#subcats { font-size:0.85em; margin:8px 0; padding:6px; background:#e7eff5; border:1px solid #bed4e6 }

/* PRODUCT DETAIL */
div.prod-detail h2 { color:#dc0000; font-size:1.2em; margin:1em 8px 8px 8px; padding:0 }
div.prod-detail form p { background:#769cba; font-size:0.85em; text-align:center; padding:8px 4px; color:#ffffff }
div.prod-detail form input.subm { background:#dc0000; color:#ffffff; font-weight:bold; }
div.prod-detail form p input { font-size:0.85em }
div.prod-detail p.price { text-align:center; color:#dc0000; font-size:1.1em; }

table.detail { margin-top:2em; width:600px; margin:0; }
table.detail td.pic { width:260px; text-align:center; vertical-align:middle }
table.detail td.info { vertical-align:top; }
table.detail td.info div.inner { background:#e7eff5; padding:6px }
table.detail td.info p { margin:0 0 1em 0; font-size:0.9em }
table.detail td.info p.price { font-size:1.2em }

div.prod-l { float:left; width:140px; text-align:center }
div.prod-l div.pad { padding:6px; text-align:center }
div.prod-l img { border:none }
div.prod-r { float:right; width:500px; }
div.prod-r div.desc p { text-align:justify; color:#444; line-height:135%; }
div.prod-r p { margin:4px 0; padding:0.5em 0; font-size:12px }
div.prod-r p.price span { color:#dc0000; font-weight:bold;font-size:1.1em  }

/* ACTION PRODUCTS */
div.action-item { float:left; margin:0 0 4px 0; }
div.action-item div.pad { position:relative; width:176px; height:204px; border:1px solid #769cb1}
div.action-item table { width:100%; margin:0 }
div.action-item td { text-align:center; vertical-align:middle }
div.action-item td.title { background:#e7eff5; height:46px }
div.action-item td.pic { height:100px;}
div.action-item td.price { height:36px; font-size:1.2em; color:#dc0000; }
div.action-item h2 { font-size:12px; margin:0; padding:2px }
div.action-item img { border:none }


/* BASKET */
table.basket { width:600px; margin-top:1em }
table.basket th { background:#769cb1; color:#fff; padding:2px 4px; }
table.basket tbody td { padding:5px; border-bottom:1px solid #ccc }
table.basket tbody td form { margin:0;padding:0 }
table.basket tbody td form input { border:1px solid #769cb1; background:#fafafa }

table.tax_info { margin:0 auto; width:35em; margin-top:1.5em; font-size:0.85em }
table.tax_info th { background:#769cb1; color:#fff; padding:2px 4px }
table.tax_info td { padding:3px 5px; text-align:center; border-bottom:1px solid #ccc }
table.tax_info p.price_total { font-size:1.2em; color:#dc0000; font-weight:bold; text-align:right; margin:0; padding:0 }
table.tax_info p.price_total span { color:#769cb1 }

p.order-link { text-align:center; margin:2em 0 }
p.order-link a { background:#dc0000; color:#fff; padding:0.5em 1em; text-decoration:none }
p.order-link a:hover { text-decoration:underline }

/* ORDER */
form#order { font-size:0.9em; margin-top:1em; }
form#order p strong { color:#769cb1 }
form#order label { display:block; width:100px; float:left }
form#order br { clear:left }
form#order p strong { margin:0; padding:0; font-size:0.9em; color:#dc0000 }
form fieldset.lightblue { padding:0 6px 1em 6px; margin:6px 0; background:#f5f8fa; border:1px solid #c5c5cf }
form fieldset.lightred { padding:0 6px 0 6px; _padding:6px; margin:6px 0; background:#faf0f0; border:1px solid #c5c5cf }
form#order input.subm { background:#dc0000; font-size:1.1em; font-weight:bold; color:#ffffff; border:none; padding:5px 2em; }

/* NEWS */

table.news { margin:0 0 0.5em 0; width:590px; border-bottom:1px solid #ccc }
table.news td.pic { width:120px; text-align:center; vertical-align:middle }

/* LINKS */

div.link { margin:6px; float:left }
div.link div.pad { width:160px; height:160px }
div.link div.pic { height:126px; }
div.link p { text-align:center }

/* GALLERY */

div.galerie-cat { float:left; margin:0 8px 8px 0; padding:8px;background:#f0f0f0 }
div.galerie-cat div.pad { width:130px; height:150px }
div.galerie-cat div.pic { height:122px; text-align:center; vertical-align:middle }
div.galerie-cat p { margin:4px 0 0 0; padding:0; font-size:11px; text-align:center }













body { 
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  font-size:82%;
  background:#f7f7f7;
}

h2 { 
  font-size:1.15em;
}

img { border:none !important }
img.left { float:left; margin:0.25em 1em 0.25em 0 }
img.right { float:right; margin:0.25em 0 0.25em 1em }

.center { text-align:center !important }

/*li { list-style-position: inside; }*/

form { margin:0; padding:2px }


table.ed_border { border-right:1px solid #ccc; border-bottom:1px solid #ccc }
table.ed_border td { border-left:1px solid #ccc; border-top:1px solid #ccc }
table.ed_border th { font-weight:bold; text-align:center; color:#e62378; background:#ccc }