/************** Standard components **************/

.content A { text-decoration: underline; }
.content TABLE { width: 100%; }
.content TABLE TH { line-height: normal; border: solid #e5e5e5; border-width: 1px 0; padding: 4px 10px; background: #eee; font-weight: bold; }
.content TABLE TD { line-height: normal; border: solid #eee; border-width: 1px 0; padding: 4px 10px; background: #fff; }
.content TABLE TD P.heading { margin: 0; font-weight: bold; }
.content TABLE TD P.heading A { text-decoration: none; }
.content TABLE TD P.heading A:hover { text-decoration: underline; }
.content TABLE TD P.lead { margin: 0; padding: 3px 0 5px 0; }
.content TABLE TD P.lead A { text-decoration: none; }
.content TABLE TD P.lead A:hover { text-decoration: underline; }
.content TABLE TR.even TD { background: #f5f5f5; }
.content UL { padding: 0 0 0 20px; margin: 1em 0 0 0; list-style: none; }
.content UL LI { background: url(dot01.gif) 0 7px no-repeat; padding: 0 0 0 12px; }

/* Form */

TABLE.form {}
TABLE.form TH { line-height: normal; width: 30%; padding: 5px 10px 5px 10px; background: #fff; }
TABLE.form TD { line-height: normal; width: 70%; padding: 1px 10px 1px 10px; }
TABLE.form TD.data { padding: 5px 10px; font-weight: normal; }
TABLE.form IMG,
TABLE.form INPUT,
TABLE.form SELECT { vertical-align: middle; }
TABLE.form .max { width: 310px; }
TABLE.form .default { width: 210px; }
TABLE.form .min { width: 60px; }
TABLE.form INPUT.max,
TABLE.form TEXTAREA.max { width: 304px; }
TABLE.form INPUT.default,
TABLE.form TEXTAREA.default { width: 204px; }
TABLE.form INPUT.min,
TABLE.form TEXTAREA.min { width: 54px; }
TABLE.form TH.subheading { text-align: center; color: #fff; padding: 5px 10px; }
TABLE.form A { color: #777; text-decoration: underline; }
TABLE.form A:hover { color: #e40000; }

/* Action buttons */

P.actions { line-height: normal; }
P.actions BUTTON,
P.actions INPUT { border: 1px solid; border-color: #ccc #999 #999 #ccc; background: #fff url(bg03.gif) 0 100% repeat-x; padding: 1px 10px 2px 10px; overflow: visible; cursor: pointer; float: left; margin: 0 5px 0 0; color: #534968; }
P.actions .main { font-weight: bold; }
P.actions A { border: 1px solid; border-color: #ccc #999 #999 #ccc; background: #fff url(bg03.gif) 0 100% repeat-x; padding: 1px 10px 2px 10px; float: left; margin: 0 5px 0 0; color: #534968; text-decoration: none; }

/* Messages */

P.msg-error { border: 2px solid #e40000; color: #e40000; padding: 8px 12px; background: #fff; line-height: normal; text-align: center; }
P.msg-error A { color: #e40000; }
P.msg-ok { border: 2px solid #4ca82e; color: #4ca82e; padding: 8px 12px; background: #fff; line-height: normal; text-align: center; }
P.msg-ok A { color: #4ca82e; }
P.msg-info { border: 2px solid #dad4a6; color: #807f48; padding: 8px 12px; background: #fdfbe2; line-height: normal; text-align: center; }
P.msg-info A { color: #807f48; }

/* News */

UL.news { margin: 1em 0 0 0; padding: 0; line-height: normal; list-style: none; background: url(bg08.gif) 0 100% repeat-x; }
UL.news LI { display: inline; padding: 0; margin: 0; background: none; }
UL.news A { text-decoration: none; }
UL.news A:hover { text-decoration: underline; }
UL.news P { margin: 0; padding: 0; }
UL.news P.heading { font-weight: bold; padding: 5px; background: url(bg08.gif) repeat-x; }
UL.news P.lead { line-height: 15px; margin: 0; padding: 0 0 5px 15px; }
UL.news SPAN.date { color: #aaa; font-weight: normal; margin: 0 0 0 10px; float: right; }

/* Pagination */

UL.pages { margin: 1em 0 0 0; padding: 2px 5px; background: #ebebeb; line-height: normal; }
UL.pages LI { float: left; background: none; padding: 0; margin: 0; }
UL.pages LI.label { padding: 2px 5px 3px 5px; color: #888; }
UL.pages LI A { float: left; padding: 2px 4px; text-decoration: none; }
UL.pages LI A:hover { background: #acacac; color: #fff; }
UL.pages LI A.active { background: #62a9d5; color: #fff; }

/* Forum */

#forum-login { background: #d8d8d8 url(bg13.gif) -340px 0 no-repeat; }
#forum-login-a { padding: 5px 10px 10px 10px; background: url(bg13.gif) -510px 100% no-repeat;}
#forum-login LABEL { display: block; padding: 5px 0 2px 0; }
#forum-login INPUT.default { background: #fff; border: 1px solid #ccc; padding: 2px 4px; width: 140px; }
#forum-login UL { margin: 10px 0 0 0; padding: 0; list-style: none; }
#forum-login UL LI { background: url(dot01.gif) 0 6px no-repeat; padding: 2px 0 0 10px; }
#forum-login P { margin: 5px 0 0 0; }
#forum-login P.forum-login-actions { margin: 10px 0 0 0; }
#forum-login P.forum-login-actions INPUT { border: 1px solid; border-color: #ccc #999 #999 #ccc; background: #fff url(bg03.gif) 0 100% repeat-x; padding: 1px 10px 2px 10px; overflow: visible; cursor: pointer; margin: 0 5px 0 0; color: #534968; }

#forum-latestopics-heading { background: #ebebeb url(bg13.gif) no-repeat; padding: 7px 10px 0 10px; margin: 5px 0 0 0; font-weight: bold ;}
#forum-latestopics { margin: 0; list-style: none; background: #ebebeb url(bg13.gif) -170px 100% no-repeat; padding: 5px 10px 10px 10px; }
#forum-latestopics LI { display: inline; }
#forum-latestopics A { display: block; background: url(dot01.gif) 0 7px no-repeat; padding: 4px 0 0 10px; text-decoration: none; }
#forum-latestopics A:hover { text-decoration: underline; }

H2.type2 { color: #fff; background: #62a9d5; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 5px 10px; border-bottom: 1px solid #fff; }

DL.thread { padding: 0; margin: 0; }
DL.thread DT { padding: 5px 5px 5px 10px; margin: 1em 0 0 0; line-height: normal; background: #eee; border-bottom: 1px solid #ddd; }
DL.thread DT A.btn { padding: 1px 4px; border: 1px solid; border-color: #ddd #aaa #aaa #ddd; text-decoration: none; float: right; background: #f5f5f5; margin: -1px 0 0 3px; font-size: 9px; }
DL.thread DT A.btn:hover { border-color: #62a9d5; background: #fff; }
DL.thread DD { padding: 0 10px 10px 10px; margin: 0 !important; }
DL.thread DD.first { background: #f5f5f5; }
DL.thread DD P { margin: 0; padding: 10px 0 0 0; }
DL.thread DD BLOCKQUOTE { border: 1px dashed #aaa; padding: 8px 14px; margin: 10px 0 0 0; font-style: italic; background: #fff; }

DIV.addcomment { background: #eee; padding: 10px; margin: 1em 0 0 0; line-height: normal; }
DIV.addcomment UL { padding: 0; margin: 0; font-size: 10px; }
DIV.addcomment UL LI { float: left; padding: 0 5px 0 0; margin: 0; background: none; }
DIV.addcomment UL LI A { padding: 1px 4px; border: 1px solid; border-color: #ddd #aaa #aaa #ddd; text-decoration: none; float: left; background: #f5f5f5; }
DIV.addcomment TEXTAREA { border: 1px solid; border-color: #aaa #ddd #ddd #aaa; background: #fff; width: 515px; height: 90px; padding: 2px 4px; margin: 5px 0 0 0; line-height: 16px; }

/* Blog */

DIV.comment-props { float: left; width: 160px; overflow: hidden; }
DIV.comment-props INPUT.default { padding: 1px 4px; border: 1px solid; border-color: #aaa #ddd #ddd #aaa; width: 150px; margin: 3px 10px 0 0; }
DIV.comment-props LABEL { display: block; margin: 5px 0 0 0; }
DIV.comment-field { float: left; width: 525px; overflow: hidden; margin: 0 10px 0 0; }

DL.blog { padding: 0; margin: 0; }
DL.blog DT { padding: 5px 10px 5px 22px; background: #eee url(dot01.gif) 10px 9px no-repeat; border-bottom: 1px solid #e5e5e5; margin: 1em 0 0 0; line-height: normal; font-weight: bold; }
DL.blog DT A { text-decoration: none; color: #62a9d5; }
DL.blog DT A:hover { text-decoration: underline; }
DL.blog DT P { float: right; margin: 0; }
DL.blog DD { padding: 2px 10px 10px 22px; margin: 0 !important; background: #fff; }
DL.blog DD P { margin: 8px 0 0 0; }
DL.blog DD P.info { border-top: 1px dotted #ddd; padding: 3px 0 0 0; color: #555; clear: both; }
DL.blog DD P.info SPAN { margin: 0 5px; color: #ddd; }
DL.blog DD P.info A { text-decoration: none; }
DL.blog DD P.img-right { margin: 8px 0 8px 8px; }
DL.blog DD BLOCKQUOTE { border: 1px dotted #444; padding: 8px 14px; margin: 7px 0 0 0; font-style: italic; background: #222; }

P.backlink { border: dotted #333; border-width: 1px 0; margin: 1em 0 0 0; padding: 3px 10px 5px 10px; line-height: normal; font-weight: bold; }
P.backlink A { text-decoration: none; }

/* Shop */

DIV.cart { margin: 0 0 5px 0; background: #d8d8d8 url(bg13.gif) -340px 0 no-repeat; }
DIV.cart DIV.a { padding: 10px; background: url(bg13.gif) -510px 100% no-repeat; }
DIV.cart P { margin: 0; padding: 0; }
DIV.cart P.btn { margin: 5px 0 0 0; }
DIV.cart P.btn A { border: 1px solid; border-color: #ddd #aaa #aaa #ddd; background: #fff url(bg03.gif) 0 100% repeat-x; padding: 1px 8px 2px 8px; overflow: visible; cursor: pointer; float: left; margin: 0 5px 0 0; color: #534968; }

TABLE.products { margin: 0; }
TABLE.products TD { padding: 10px 5px 0 0; background: none; border: none; width: 100%; line-height: 15px; }
TABLE.products TD.img { padding: 10px 0 0 0; width: auto; }
TABLE.products TD.img DIV { border: 2px solid #eee; padding: 2px; background: #fff; }
TABLE.products P { padding-left: 10px; margin: 8px 0 0 0; }
TABLE.products P.heading { background: #eee; margin: 0; padding: 5px 10px; line-height: normal; }
TABLE.products P.price { color: #62a9d5; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
TABLE.products P.price-old { text-decoration: line-through; color: #bbb; margin: 0; }

DIV.product-col1 { float: left; width: 251px; min-height: 1px; overflow: hidden; margin-right: 20px; }
DIV.product-col1 .price-old { text-decoration: line-through; color: #aaa; }
DIV.product-col1 .price { color: #62a9d5; font-size: 14px; }
DIV.product-col2 { float: left; width: 254px; min-height: 1px; overflow: hidden; }
DIV.product-col2 P.img A { border: 1px solid #ddd; padding: 1px; display: block; }
DIV.product-col2 P.img A:hover { border-color: #777; }
DIV.product-col2 DIV.smallpics { width: 254px; overflow: hidden; }
DIV.product-col2 DIV.smallpics UL { width: 260px; padding: 0; margin: 0; cursor: default; }
DIV.product-col2 DIV.smallpics UL LI { float: left; padding: 0; margin: 0; background: none; margin: 6px 6px 0 0; }
DIV.product-col2 DIV.smallpics UL LI A { display: block; border: 1px solid #ddd; padding: 1px; }
DIV.product-col2 DIV.smallpics UL LI A IMG { width: 55px; height: 55px; }
DIV.product-col2 DIV.smallpics UL LI A:hover { border-color: #777; }

TABLE.cart TH { padding: 4px 8px; }
TABLE.cart TD { padding: 5px 8px; }
TABLE.cart TD.input { padding: 3px 10px; }
TABLE.cart TD.sum { font-weight: bold; text-align: right; }
TABLE.cart TR.total1 TD { border-top-width: 2px; }
TABLE.cart DIV.amountblock { width: 130px; }
TABLE.cart INPUT.amount { width: 40px; float: left; border: 1px solid #aaa; margin-right: 5px; padding: 1px 5px; }
TABLE.cart A.plusminus { float: left; background: #aaa; color: #fff; text-decoration: none; border: 1px solid; border-color: #ddd #888 #888 #ddd; font-size: 10px; font-family: "Courier New", monospace; padding: 1px 4px; margin: 1px 5px 0 0; }
TABLE.cart A.plusminus:hover { background: #888; }
TABLE.cart A.del { float: left; background: #b00; color: #fff; text-decoration: none; border: 1px solid; border-color: #d00 #800 #800 #d00; font-size: 10px; font-family: "Courier New", monospace; padding: 1px 4px; margin: 1px 0 0 0; }
TABLE.cart A.del:hover { background: #fa3e50; }

/* Sitemap */

#sitemap-tree A { text-decoration: none; }
#sitemap-tree A:hover { text-decoration: underline; }
#sitemap-tree UL { padding: 10px 0 10px 20px !important; margin: 0; }

/************** Layout **************/

BODY, HTML { background: #f2f2f2 url(bg01.gif) repeat-x; text-align: center; }
BODY { padding: 0 20px 20px 20px; }

#box01 { background: url(bg02.gif) 50% 0 no-repeat; }
#box02 { background: #fff url(bg02.gif) -8px 0 no-repeat; width: 770px; margin: auto; overflow: hidden; text-align: left; }
#box03 { background: url(bg04.gif) 0 100% no-repeat; padding: 0 5px 5px 5px; }
#box04 { background: url(bg09.gif) no-repeat; padding: 10px 10px 10px 20px; margin: 5px 0 0 0; }
#box05 { background: url(bg12.gif) 175px 0 no-repeat; margin: 5px 0 0 0; }
#box06 { background: url(bg09.gif) no-repeat; padding: 20px; margin: 5px 0 0 0; }

#siteheader { height: 34px; }
#langselect { float: left; padding: 7px 0 0 5px; margin: 0; }
#langselect SPAN { color: #cacaca; margin: 0 5px; }
#langselect A.active { text-decoration: underline; }

#search { float: right; }
#search P { margin: 0; padding: 5px 5px 0 0; }
#search-string { border: 1px solid; border-color: #ccc #e3e3e3 #e3e3e3 #ccc; padding: 1px 5px 2px 5px; width: 100px; background: #fff; float: left; margin: 0 5px 0 0; }
#search-submit { border: 1px solid #ccc; background: #fff url(bg03.gif) 0 100% repeat-x; padding: 0 8px; overflow: visible; cursor: pointer; float: left; }

#sitemap { float: right; margin: 0; padding: 7px 15px 0 0; }

#pageheader { height: 110px; background: #aaa url(header01.jpg) no-repeat; position: relative; overflow: hidden; }
#pageheader DIV.a { height: 110px; width: 760px; background: url(bg05.png) no-repeat; }
* HTML #pageheader DIV.a { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg05.png', sizingMethod='crop'); background: none; }

#pageheader A.logo { float: left; padding: 5px 0 0 20px; }
#pageheader P { margin: 0; position: absolute; font-family: Arial, Helvetica, sans-serif; font-size: 26px; }
#pageheader P.sitename { left: 190px; top: 35px; color: #fff; z-index: 2; }
#pageheader P.sitename-shadow { left: 191px; top: 36px; color: #999; z-index: 1; }

/* Menus */

#menu1 { background: #acacac url(bg06.gif) 0 100% no-repeat; padding: 0 10px; margin: 2px 0 0 0; list-style: none; font-weight: bold; line-height: normal; }
#menu1 LI { float: left; background: url(bg07.gif) 100% 0 no-repeat; padding: 0 2px 0 0; }
#menu1 LI A { float: left; color: #fff; padding: 7px 10px 10px 10px; }
#menu1 LI A:hover { background: #818181; text-decoration: none; }
#menu1 LI A.active { background: #525252; }
#menu1 LI.empty{ background-image: none; }

#menu2 { padding: 0; margin: 0; list-style: none; }
#menu2 LI { display: inline; }
#menu2 LI A { display: block; background: #ebebeb url(bg13.gif) no-repeat; margin: 0 0 1px 0; }
#menu2 LI A SPAN { display: block; padding: 5px 10px 6px 10px; background: url(bg13.gif) -170px 100% no-repeat; cursor: pointer; }
#menu2 LI A:hover { background-color: #d8d8d8; background-position: -340px 0; text-decoration: none; color: #534968; }
#menu2 LI A:hover SPAN { background-position: -510px 100%; }
#menu2 LI A.active { background-color: #acacac; background-position: -680px 0; text-decoration: none; color: #fff; }
#menu2 LI A.active SPAN { background-position: -850px 100%; }
#menu2 DIV { background: #f3f3f3 url(bg13.gif) -1020px 0 no-repeat; margin: 0 0 1px 0; }
#menu2 DIV UL { background: url(bg13.gif) -1190px 100% no-repeat; padding: 5px 10px; margin: 0; list-style: none; }
#menu2 DIV UL A { padding: 2px 10px; margin: 0; background: url(dot01.gif) 0 6px no-repeat !important; }
#menu2 DIV UL A:hover { text-decoration: underline; }
#menu2 DIV UL A.active { text-decoration: underline; color: #534968; }

/* Header */

#header { background: url(bg01.gif) no-repeat; }
#logo { float: left; margin: 0; }

/* Footer */

#footer { width: 770px; text-align: center; color: #6f6f6f; background: url(bg08.gif) repeat-x; padding: 8px 0 5px 0; margin: 5px 5px 0 5px; }
#footer A { color: #6f6f6f; text-decoration: underline; }
#footer A:hover { color: #61a9d5; }

/* Columns */

.col { float: left; min-height: 1px; }
.col01 { width: 485px; margin: 0 5px 0 0; padding: 10px 0; background: url(bg10.gif) 100% 0 no-repeat; min-height: 300px; }
* HTML .col01 { height: 300px; }
.col01 H2 { margin: 2em 0 0 0; background: url(bg08.gif) 0 100% repeat-x; padding: 0 0 3px 0; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.col01a { padding: 0 20px 0 0; }
.col02 { float: left; width: 240px; }
.col03 { float: left; width: 225px; margin-right: 20px; }
.col04 { float: left; width: 220px; }
.col05 { float: left; width: 170px; margin-right: 25px; }
.col06 { float: left; width: 545px; padding: 15px 0 15px 0; }

/* Frontpage right column block */

DIV.block01 { background: url(bg11.gif) -480px 0 repeat-y; margin: 5px 0 0 0; }
DIV.block01a { background: url(bg11.gif) -240px 100% no-repeat; }
DIV.block01b { background: url(bg11.gif) 0 0 no-repeat; padding: 15px; }
DIV.block01 H2 { margin: 0; background: url(bg08.gif) 0 100% repeat-x; padding: 0 0 3px 0; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; }

/* Frontpage news listing */

DL.front-news { padding: 0; margin: 0; line-height: 15px; }
DL.front-news DT { margin: 1em 0 0 0; padding: 0 0 0 15px; background: url(dot01.gif) 0 5px no-repeat; color: #b7b7b7; }
DL.front-news DT A { font-weight: bold; text-decoration: none; color: #6f6f6f; }
DL.front-news DT A:hover { color: #61a9d5; }
DL.front-news DD { padding: 5px 0 0 15px; margin: 0; }

/* Frontpage poll */

TABLE.front-poll { margin: 0; }
TABLE.front-poll TD { padding: 6px 5px 0 0; border: none; background: none; }
TABLE.front-poll TH { padding: 10px 0 0 0; border: none; background: none; font-weight: normal; line-height: 15px; }
TABLE.front-poll LABEL { cursor: pointer; }

P.front-poll-actions {}
P.front-poll-actions INPUT { border: 1px solid #ccc; background: #fff url(bg03.gif) 0 100% repeat-x; padding: 0 8px 1px 8px; overflow: visible; cursor: pointer; float: left; margin: 0 5px 0 0; color: #534968; }
P.front-poll-actions .bold { font-weight: bold; }

DIV.bar { border: 1px solid #cce3f2; margin: 5px 0 0 0; }
DIV.bar DIV { background: #62a9d5; height: 5px; overflow: hidden; }

/* Frontpage products */

UL.front-products { padding: 0; margin: 0; line-height: 15px; }
UL.front-products LI { padding: 0; margin: 0; background: none; }
UL.front-products DIV.img { width: 54px; margin: 10px 10px 0 0; }
UL.front-products DIV.img A { border: 1px solid #e8e8e8; background: #fff; padding: 1px; display: block; }
UL.front-products DIV.img A:hover { border-color: #aaa; }
UL.front-products DIV.txt { width: 145px; margin: 5px 0 0 0; }
UL.front-products DIV.txt A { font-weight: bold; color: #6f6f6f; text-decoration: none; }
UL.front-products DIV.txt A:hover { color: #61a9d5; }
UL.front-products P { margin: 5px 0 0 0; }

/* Tag Cloud */

P.tagcloud { color: #bdbdbd; margin: 5px 0 0 0; line-height: 22px; }
P.tagcloud A { color: #6f6f6f; text-decoration: none; }
P.tagcloud A:hover { color: #61a9d5; }

.fs9 { font-size: 9px; }
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs13 { font-size: 13px; }
.fs15 { font-size: 15px; }
.fs17 { font-size: 17px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }

/* Breadcrumb */

P.path { margin: 0; color: #ddd; }
P.path A { text-decoration: none; color: #aaa; }
P.path A:hover { color: #000; }
P.path SPAN { margin: 0 3px; }

P.sitetools { float: right; margin: 0; }
P.sitetools A { float: left; text-decoration: none; color: #aaa; }
P.sitetools A:hover { color: #000; }
P.sitetools A.print { background: url(ico_print.gif) 0 50% no-repeat; padding: 1px 0 2px 20px; }

/* Picture gallery */

TABLE.galleries { width: 1%; }
TABLE.galleries TD { border: 5px solid #fff !important; text-align: center; padding: 0 !important; font-size: 1px; background: none; vertical-align: top; }
TABLE.galleries TD.folder { font-weight: bold; }
TABLE.galleries A { display: block; border: 1px solid #eee; padding: 2px; text-decoration: none; }
TABLE.galleries A IMG { opacity: 0.90; filter: alpha(opacity=90); }
TABLE.galleries A:hover { border-color: #aaa; text-decoration: none; color: #000; }
TABLE.galleries A:hover SPAN.txt { background: #ebebeb; }
TABLE.galleries A:hover IMG { opacity: 1; filter: alpha(opacity=100);}
TABLE.galleries SPAN.txt { display: block; padding: 4px 10px; background: #f3f3f3; font-size: 11px; margin-top: 1px; }
TABLE.galleries SPAN.info { display: block; font-weight: normal; }