#main               { float: right; /*width:730px; *//*min-height: 400px; */padding-top: 10px; margin-top: 10px; position:relative; border-top:1px solid #ccc; }
#mainbar            { color:#666666; font-size:90%; left:0; padding-left:20px; position:absolute; right:0; top:-25px; }
#mainbar strong     { font-size: 12pt }
#mainbar h1         { font-weight: bolder; font-size: 12pt }
#side               { position: relative; /*top: 0; *//*float: none; *//*width: 220px */}
#sidecontent        { width: 220px }

/* .content        { position: relative } */

.sidebox        { background-color: #EEEEEE; padding: 5px; margin: 10px 0; }
.sidebox .inner { background-color: #fff; }

.main-left      { width: 340px; /*display: inline; */float: left; /*margin-left:10px; */margin-right:10px; }
.main-right     { width: 340px; /*display: inline; */float: right; margin-left:10px; position:relative; }

/* .preview        { } */
.preview /*.inner */{ /*width: 300px; *//*height: 320px; */position: relative; z-index: 1; padding: 20px 0; text-align: center; background-color: #fff; border: 1px solid #ddd; }
.preview a      { position: relative; display: inline-block;  }
.preview .hint  { float: left; font-size: 80%; color: #999; }
.preview .actions { position: absolute; bottom: 0px; right: 10px }

.img-bottom     { background-color:#FFFFFF; bottom:0px; color:#FFFFFF; height:20px; position:absolute; width:300px; }

.preview-links  { /*position: absolute; bottom: 0px; */width: 100%; padding: 10px 0 }

#price-table    { margin-bottom: 20px;  }
#price-table p  { padding:2pt 0 2pt 8pt;  }
/* #price-table p  { padding: 0;  } */
.price-table    { width: 100%; /*width: 320px; *//*margin:2pt 0 2pt 8pt; *//*margin:5px 0; margin-left: 10px; */font-size: 90%; }
.price-table caption
                { margin-left:-10px; padding:2pt 0 2pt 8pt; border-bottom:1px solid #CCCCCC; font-weight:bold; text-align:left; }
.price-table tr {}
.price-table th { width:65px; padding:4px 2px; /*background-color:#F3F3F3; */border:1px solid #DDDDDD; color:#666666; font-weight:normal; text-align:center; }
.price-table td { border-bottom:1px solid #DDDDDD; border-right:1px solid #DDDDDD; text-align:right; }
.price-table th.size-type,
.price-table td.size-type
                { width:36px; }
.price-table td.active
                { background-color: #fff }
.price-table td.empty
                { background-color: #fafafa }
.price-table a  { display: block; padding: 4px; }
.price-table a:hover
                { color: #fff; background-color: #F98513; text-decoration: none }
.price-table .selected
                { color: #fff; background-color: #2A85B6 !important }

.rating-bar     { margin-top: 2px; }
.comments-bar   { margin-top: 8px; }
.rating-bar,
.comments-bar   { display:block; margin-bottom:4px; padding-bottom:4px; font-size: 10px; }
.comments-count { padding-left: 20px; background: #fff url('/images/famfamfam/comments.png') no-repeat top left }

/* image rating */
.rateimage { width: 100px; position: relative; display: block; }
.rateimage .starsbar .inner { width: 0; }
.rateimage .starsbar a { position: absolute; display: block; left: 0; top: 0; text-decoration: none; border: 0 !important; cursor: pointer; }
.starsbar { height: 20px; }
.starsbar .outer { width: 100px; height: 20px; background: url('/images/stars20.png') repeat-x 0px 0px; }
.starsbar .inner { height: 20px; background: url('/images/stars20.png') repeat-x 0px -40px; }
.starsbar a:hover { background: url('/images/stars20.png') repeat-x 0px -20px !important; }
.starsbar a { height: 20px; }
.starsbar a.s1 { width: 20px; }
.starsbar a.s2 { width: 40px; }
.starsbar a.s3 { width: 60px; }
.starsbar a.s4 { width: 80px; }
.starsbar a.s5 { width: 100px; }
.ratingloader { height: 20px; }
.loader { background:transparent url(/images/loader-circle.gif) no-repeat scroll left center; padding-left:18px; }

.comments { margin-left:10px; color: #777; font-size: 90%;  }
.comments p { padding-left:20px; background: url(/images/famfamfam/comments.png) no-repeat scroll left top; }
.comments ul { margin: 0; padding: 10pt 0; list-style: none; /*background-color: #fafafa */}
.comments-head { margin: 4pt 0; padding: 2pt 0 2pt 6pt; border-bottom: 1px solid #ccc; color: #333 }
.comment { margin: 8pt 0; border:1px solid #eee; /*background-color: #f1f1f1*/ }
.comment.selected { background-color: #FFFFee }
.comment .head { padding: 4pt; background-color: #f6f6f6 }
.comment .head .inner { background: url(/images/famfamfam/comment.png) no-repeat top right }
.comment .replies { padding: 4pt; /*background-color: #f6f6f6*/ }
.comment .index { width: 20pt }
.comment .info { width: 90%; padding: 0 4pt }
.comment .author { font-weight: bold }
.comment .time { margin-top: 2pt }
.comment .text { padding: 4pt; text-indent: 8pt; color: #333; /*background-color: #FFF */}
.comment .reply,
.new-comment .save { padding: 4pt; text-align: right }
.comments .add-link,
.comments .reply-link,
.comments .close-link,
.comments .save-link { margin-left: 16pt; padding: 2pt 2pt 2pt 20px }
.comments .add-link,
.comments .reply-link { background: url(/images/famfamfam/comment_add.png) no-repeat center left;}
.comments .close-link { background: url(/images/famfamfam/cross.png) no-repeat center left; }
.comments .save-link { background: url(/images/famfamfam/comment_edit.png) no-repeat center left; }

.new-comment { font-size: 100% }
.new-comment textarea { width: 100%; height: 100pt }

table.payment-types     { width: 100%; margin: 10px 0; text-align: center }
table.payment-types td  { width: 100%; }
table.payment-types a   { width: 76px; padding: 10px }
/*
.accountmenu li span
                { color: #fff; background-color: #777; font-weight: bold }
.accountmenu li a
                { color: #222; text-decoration: none}
.accountmenu li li
                { color: #666; background-color: #fff; padding: 1px 0;  }*/


.order-paid         { background-color: #CCFF99 !important; }
.order-paid:hover   { background-color: #CCFF99 !important; }
.order-overdue      { background-color: #ffe7ae !important; }
.order-overdue:hover{ background-color: #ffe7ae !important; }

#page-index .prev { position: absolute; top: 0; bottom: 0; left: 0; right: 0 }
#page-index .prev p { position: absolute; bottom: 10px; left: 0; right: 0; font-size: 120% }
#page-index .prev a { padding: 20px }

#page-view #price-table { margin: 20px 0 }

#page-basket .sidebox ul
            { background-color: #fff; margin: 0 }
#page-basket .sidebox .actions a
            { display: block; margin: 2px 5px; padding: 4px 5px; font-size: 90% }
#page-basket ol { /*margin: 10px 20px; */font-size: 90%}
#page-basket .basket.item.first { border-top: 1px solid #e7e7e7; margin-top: 20px; }
#page-basket .basket.item { padding: 10px 0; margin-top: 10px; border-bottom: 1px solid #e7e7e7; }
#page-basket .basket.item .im { margin: 0; padding: 0 }
#page-basket /*.basket.item */p.status { margin: 0; font-size: 100%;  }
#page-basket .basket.item label { display: block; width: 100%; padding-bottom: 5px }
#page-basket .basket.item label.typeofuse { margin: 0; padding: 10px 0; font-size: 100% }
#page-basket .basket.item select { /*width: 100%; */margin: 0; border: 1px solid #ccc; font-size: 100% }
#page-basket .status.licence { margin: 10px 0; padding: 10px 30px 10px; background: url('/images/famfamfam/tick.png') no-repeat 5px center ; }
#page-basket #f-agreement { width: auto; }

#page-newAccount .form table th,
#page-accountEdit .form table th                    { width: 140px }
#page-newAccount .form table td,
#page-accountEdit .form table td                    { width: 188px }
#page-newAccount #step-reg-personal .form .input#f-dph_payer,
#page-newAccount #step-reg-account .form table td  { width: auto; }
#page-accountEdit .form .input,
#page-newAccount #step-reg-personal .form .input    { width: 175px }
#page-accountEdit .form .input#f-account_no,
#page-newAccount .form .input#f-account_no,
#page-newAccount .form .input#f-rcislo1             { width: 120px }
#page-accountEdit .form .input#f-bank_code,
#page-newAccount .form .input#f-bank_code,
#page-newAccount .form .input#f-rcislo2             { width: 40px }
#page-newAccount .form .input#fromwhere,
#page-newAccount .form .input#fromwhere-text        { width: 50% }
#page-accountEdit .form.inv-sentence .input,
#page-newAccount .form.inv-sentence .input          { width: 520px !important }

#accountPasswordForm .form table th                 { width: 140px }
#accountPasswordForm .form  .input          { width: 250px }


#page-contact div.address   { margin: 15pt 0; }

#page-order .info-table th  { width: 50%; }
#page-order .col-value_with_tax { font-weight: bold; }
#page-order .info-table th  { width: 50%; }

.data-table td.prev { text-align: center; vertical-align: top; font-size: 90%; }