body { padding: 0; margin: 0; font: normal 12px Arial; }
img { border: none; }
ul { list-style: none; padding: 0; margin: 0; }
div.wide { width: 995px; margin-left: auto; margin-right: auto; }
a { color: #40638C; outline: none; }
a:hover { color: #FCBB29; }
form { margin: 0; }
.nodecor { text-decoration: none; }
.noerrors { text-align: center; padding: 20px; }
.error { color: #F00; }
.overflow { overflow:hidden; }
.rightalign { text-align: right; }
.hidden { display: none; }
.bold { font-weight: bold; }
.tcenter { text-align: center; }
.tright { text-align: right; }
.infobox { padding: 30px; text-align: center; font-weight: bold; }
.tarif th {text-align: left}
.tarif td {text-align: center}

/* contacts line --------------------------------------------------------------- */

#contacts {
    background: #00397D;
    height: 40px;
    color: #FFF;
}
#contacts .item {
    float: left;
    margin: 0 8px;
}
#contacts .phones {
    font: bold 12px/40px Arial;
    background: url(/img/phone.gif) no-repeat left;
    padding-left: 25px;
    margin: 0 10px;
}
#contacts .callback {
    color: #FFF;
    font: normal 11px/40px Arial;
}
#contacts .icq {
    background: url(/img/icq.gif) no-repeat left;
    padding-left: 20px;
    font: normal 11px/40px Arial;
}
#contacts .consultant {
    height: 40px;
    line-height: 40px;
}
#contacts .consultant img {
    vertical-align: middle;
}
#contacts .button {
    display: block;
    _display: inline-block;
    font: normal 11px/24px Arial;
    background: url(/img/r2.gif) no-repeat right #FFF;
    margin: 8px 0;
    padding: 0 18px 0 10px;
    color: #00397D;
    text-decoration: none;
}
#contacts ul {
    display: none;
    position: absolute;
    background: #E1E7ED;
    border: solid 1px #00397D;
    padding: 8px 16px;
    margin-top: -8px;
    font: normal 11px/20px Arial;
    color: #333;
}
#contacts ul a {
    color: #00397D;
}
#contacts ul.shops {
    padding: 0;
}
#contacts ul.shops li {
    line-height: 13px;
    width: 300px;
}
#contacts ul.shops li:hover {
    background: #FFF;
}
#contacts ul.shops img {
    float: left;
    margin-right: 5px;
}
#contacts ul.shops a {
    text-decoration: none;
    display: block;
    width: 270px;
    padding: 10px 15px;
    overflow: hidden;
}
#contacts ul.shops a:hover {
    background: #FEFEFE;
}

/* top menu--------------------------------------------------------------- */

#top_menu {
    overflow: hidden;
}
#logo {
    display: block;
    width: 195px;
    height: 80px;
    float: left;
}
#top_menu ul {
    padding: 5px 0;
    float: left;
}
#top_menu li {
    display: block;
    float: left;
    width: 85px;
    height: 70px;
    text-align: center;
    margin: 0 7px;
    _margin: 0 6px;
}
#top_menu li.selected {
    background: url(/img/menu1.gif);
}
#top_menu li a {
    font: normal 11px Arial;
    color: #00397D;
    display: block;
    width: 85px;
    height: 33px;
    text-align: center;
    padding-top: 37px;
    text-decoration: none;
}
#top_menu li.selected a {
    color: #FFF;
}
#top_menu li.digital a { background: url(/img/m_digital.png) }
#top_menu li.bt a { background: url(/img/m_bt.png) }
#top_menu li.comp a { background: url(/img/m_comp.png) }
#top_menu li.disc a { background: url(/img/m_disc.png) }
#top_menu li.sport a { background: url(/img/m_sport.png) }
#top_menu li.sant a { background: url(/img/m_sant.png) }

#basketinfo {
    float: right;
    background: #E1E7ED;
    height: 70px;
    color: #59789B;
    font: normal 11px tahoma;
    margin-top: 5px;
    width: 195px;
}
#basketinfo .basket {
    padding-left: 50px;
    background: url(/img/ico_basket.gif) no-repeat 10px 50%;
    height: 30px;
    margin: 5px 15px 2px 0;
}
#basketinfo .basket a {
    color: #59789B;
    font-weight: bold;
}
#basketinfo .currency {
    padding-left: 50px;
    background: url(/img/ico_usd.gif) no-repeat 10px 50%;
    height: 30px;
    line-height: 30px;
}

/* search_menu ----------------------------------------------------- */

#search_menu {
    height: 30px;
    overflow: hidden;
    background: #00397D;
    line-height: 30px;
}
#search_menu form {
    background: #E1E7ED;
    width: 195px;
    height: 30px;
    float: left;
}
#search_menu input {
    width: 135px;
    height: 18px;
    border: solid 1px #A4AEB4;
    padding: 0;
    margin: 5px 0 0 10px;
    font: normal 13px tahoma;
}
#search_menu button {
    padding: 0;
    border: none;
    background: #E1E7ED;
    color: #59789B;
    font: normal 11px Arial;
    text-decoration: underline;
}
#search_menu .menu {
    float: left;
    margin-left: 10px;
}
#search_menu .menu li {
    float: left;
    padding: 0 5px;
}
#search_menu .menu a {
    color: #FFF;
    font: normal 11px/30px Arial;
}
#search_menu .account {
    float: right;
    margin-right: 10px;
}
#search_menu .account li {
    float: left;
    padding: 0 5px;
}
#search_menu .account a {
    color: #FFF;
    font: normal 11px/30px Arial;
}

#search_menu .account ul.user_pulldown {
    display: none;
    position: absolute;
    background: #00397D;
    border: solid 1px #00397D;
    padding: 4px 8px;
    margin-top: -8px;
    margin-left: -70px;
    font: normal 11px/20px Arial;
    color: #333;
}
#search_menu .account ul.user_pulldown li { display: block; float: none }
#search_menu a.user_pulldown { padding-right: 15px; margin-right: 10px; background: url(/img/r4.gif) no-repeat right; }

/* body ------------------------------------------------------ */

#body {
    margin-top: 5px;
}

/* leftpanel ------------------------------------------------------ */

#leftpanel {
    width: 195px;
    float: left;
    padding-bottom: 5px;
}
#leftpanel .title {
    display: block;
    background: #00397D;
    color: #FFF;
    font: bold 13px/35px Arial;
    padding-left: 8px;
}
#leftpanel .title a.more {
    display: block;
    position: absolute;
    overflow: hidden;
    background: url(/img/more.gif);
    width: 21px;
    height: 17px;
    text-indent: -9000px;
    margin-left: 160px;
    margin-top: 10px;
    >margin-top: 0; /* IE6&7 fix */
}

#leftpanel .menu {
    background: #F8F9F9
}
#leftpanel .menu li {
    background: url(/img/left_menu_item.gif) repeat-x top;
}
#leftpanel .menu li a {
    background: url(/img/bullet1.gif) no-repeat 10px 14px;
    padding: 8px 0 0 25px;
    color: #0A4080;
    text-decoration: none;
    font: bold 11px/30px Tahoma;
}
#leftpanel .menu li li {
    background: none;
}
#leftpanel .menu li li a {
    background: url(/img/bullet2.gif) no-repeat 20px 7px;
    font: normal 11px/20px Tahoma;
    color: #000;
    padding: 0 0 0 35px;
}
#leftpanel .menu li ul {
    display: none;
}
#leftpanel .menu li.selected ul {
    display: block;
}
#leftpanel .menu a:hover {
    text-decoration: underline;
}

#leftpanel .menu2 {
    background: #E1E7ED;
}
#leftpanel .menu2 li {
    background: url(/img/left_menu_item2.gif) repeat-x top;
}
#leftpanel .menu2 li a {
    background: url(/img/bullet3.gif) no-repeat 10px 14px;
    padding: 8px 0 0 25px;
    color: #000;
    text-decoration: none;
    font: bold 11px/30px Tahoma;
}
#leftpanel .menu2 a:hover {
    text-decoration: underline;
}

#more_caregories {
    display: none;
    position: absolute;
    margin-left: 196px;
    margin-top: -35px;
    background: #00397D;
    border: 1px solid #00397D;
    padding: 10px;
}
#more_caregories a {
    color: #FFF;
    font: normal 11px/20px Arial;
}

#leftpanel .checkstatus {
    background: #00397D;
    height: 24px;
    padding: 8px 0;
}
#leftpanel .checkstatus a {
    background: url(/img/chkstatus.gif);
    width: 146px;
    height: 24px;
    text-align: center;
    padding-left:20px;
    font: normal 11px/24px Arial;
    color: #00397D;
    text-decoration: none;
    display: block;
    margin: auto;
}
#leftpanel .ad {
    text-align: center;
    padding: 5px 0;
}
#leftpanel .ad a { text-decoration: none; }


/* rightpanel ------------------------------------------------------ */

#rightpanel {
    width: 195px;
    float: right;
}

#rightpanel .ourprojects {
    background: #E1E7ED;
    padding: 10px 25px;
}
#rightpanel .ourprojects li {
    padding-left: 30px;
    line-height: 29px;
}
#rightpanel .ourprojects .print {  background: url(/img/prj_print.gif) no-repeat left; }
#rightpanel .ourprojects .studio {  background: url(/img/prj_studio.gif) no-repeat left; }
#rightpanel .ourprojects .school {  background: url(/img/prj_school.gif) no-repeat left; }
#rightpanel .ourprojects .ra {  background: url(/img/prj_ra.gif) no-repeat left; }
#rightpanel .ourprojects .galaxy {  background: url(/img/prj_galaxy.gif) no-repeat left; }
#rightpanel .ourprojects .gold {  background: url(/img/prj_gold.gif) no-repeat left; }
#rightpanel .ourprojects li a {
    font: normal 11px Arial;
    color: #4F6D8F;
}

#rightpanel .ad {
    text-align: center;
    padding: 5px 0;
}

#rightpanel .listblock {
    margin: 10px 0 20px 0;
}
#rightpanel .listblock strong.title {
    display: block;
    border-bottom: solid 9px #A5B6C9;
    color: #A5B6C9;
    font: bold 16px Arial;
}
#rightpanel .listblock strong.small {
    font-size: 15px ;
}
#rightpanel .listblock li {
    padding: 3px 0;
    border-bottom: dotted 1px #E1E7ED;
    font: normal 11px Tahoma;
}
#rightpanel .news li {
    padding: 10px 0;
}
#rightpanel .listblock li small {
    display: block;
}
#rightpanel .listblock li a {
    color: #40638C;
}
#rightpanel div.title {
    background: #00397D;
    font: normal 12px/35px Arial;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
}

/* mainpanel ------------------------------------ */ 

#mainpanel {
    margin-left: 205px;
    margin-bottom: 20px;
}
#body .homepage {
    /* margin-right: 205px;*/
    float: left;
    width: 585px;
    margin-left: 10px;
}
#mainpanel strong.title {
    display: block;
    border-bottom: solid 9px #A5B6C9;
    height: 26px;
    font: bold 18px/26px Arial;
    color: #A5B6C9;
}
#mainpanel strong.yellow { color: #FCBB29; border-color: #FCBB29; }
#mainpanel strong.yellow a { text-decoration: none; color: #FCBB29 }
#mainpanel strong.red    { color: #FF6666; border-color: #FF6666; }

/* hscroller ---------------------------------- */

.hscroller {
    padding: 15px 0;
}
.hscroller a.goleft, .hscroller a.goright {
    width: 25px;
    height: 27px;
    display: block;
    text-indent: -9000px;
    margin-top: 55px;
}
.hscroller .disabled {
    opacity: 0.3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
}
.hscroller a.goleft {
    background: url(/img/goleft.gif);
    float: left;
}
.hscroller a.goright {
    background: url(/img/goright.gif);
    float: right;
}
.hscroller .scrollable {
    position:relative;
    overflow:hidden;
    width: 535px;
    height: 169px;
    background: url(/img/bg_scroller.gif) repeat-x 0 30px;
}
.hscroller ul {
    height: 169px;
    overflow: hidden;
    width:20000em;
    position:absolute;
}
.hscroller li {
    float: left;
    width: 177px;
    margin: 0;
    text-align: center;
}
.hscroller a.category {
    color: #95A3B2;
    font: normal 11px Arial;
    display: block;
    height: 15px;
}
.hscroller a.img {
    display: block;
    height: 105px;
    line-height: 105px;
    position: relative; top: -30px;
}
.hscroller a.img img {
    vertical-align: middle;
}
.hscroller a.name {
    display: block;
    padding: 0 10px;
    margin: 1px 0;
    font: normal 11px Tahoma;
    color: #000;
    height: 28px;
    overflow: hidden;
    position: relative; top: 105px;
}
.hscroller span.price {
    color: #F00;
    font: normal 16px Arial;
}



#mainpanel .xactions {
    background: #E1E7ED;
    padding: 12px;
    overflow: hidden;
    margin: 0 0 35px 0;
}
#mainpanel .xactions .vscroller {
    position: relative;
    width: 348px;
    height: 183px;
    overflow: hidden;
    float: right;
}
#mainpanel .xactions .vscroller .img_big, #mainpanel .xactions .vscroller .descr {
    display: none;
}
#mainpanel .xactions .vscroller .prev, #mainpanel .xactions .vscroller .next {
    display: block;
    width: 27px;
    height: 25px;
    text-indent: -9000px;
}
#mainpanel .xactions .vscroller .prev {
    background: url(/img/goup.gif);
    position: absolute;
    margin-left: 321px;
}
#mainpanel .xactions .vscroller .next {
    background: url(/img/godown.gif);
    margin-top: 157px;
    margin-left: 321px;
    position: absolute;
}
.vscroller .disabled {
    opacity: 0.3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
}

#mainpanel .xactions .vscroller .items {
    width: 321px;
    height: 600px;
    position: absolute;
}
#mainpanel .xactions .vscroller .items li {
    height: 57px;
    margin-bottom: 6px;
    margin-left: 10px;
}
#mainpanel .xactions .vscroller .items .img {
    float: left;
    background: #FFF;
    width: 69px;
    height: 57px;
    text-align: center;
    margin-right: 15px;
}
#mainpanel .xactions .vscroller .items .img:hover, #mainpanel .xactions .vscroller .items .name:hover  {
    cursor: pointer;
}
#mainpanel .xactions .vscroller .items .img img {
    vertical-align: middle;
}
#mainpanel .xactions .vscroller .items .name {
    font-weight: bold;
    text-decoration: underline;
}
#mainpanel .xactions .selected_img {
    background: #FFF;
    width: 210px;
    height: 183px;
    padding-bottom: 6px;
    line-height: 183px;
    text-align: center;
}
#mainpanel .xactions .selected_img img {
    vertical-align: middle;
}
#mainpanel .xactions .selected_name {
    background: #FFF;
    padding: 16px 12px 3px 12px;
    font: bold 18px arial;
}
#mainpanel .xactions .selected_descr {
    background: #FFF;
    padding: 3px 12px 15px 12px;
}

/* footer */
#footer {
    clear: both;
    background: #E1E7ED;
    height: 110px;
    padding: 10px 0 0 0;
}
#footer .left {
    float: left;
    width: 155px;
    text-align: center;
}
#footer .right {
    float: right;
    width: 155px;
    text-align: center;
    color: #40638C;
    font: normal 11px tahoma;
}
#footer .center {
    text-align: center;
    margin-left: 160px;
    margin-right: 160px;
    line-height: 33px;
    color: #40638C;
}
#footer .center a {
    font: bold 11px tahoma;
    color: #40638C;
    margin: 0 5px;
}

/* half-wide block */
ul.half {
    margin: 5px 0;
}
ul.half li {
    overflow: hidden;
    _height: 1%;
    border-bottom: dotted 1px #E1E7ED;
}
ul.half a.img {
    display: block;
    float: left;
    width: 69px;
    height: 57px;
    text-align: center;
    line-height: 57px;
}
ul.half a.img img {
    vertical-align: middle;
}
ul.half a.name {
    display: table-cell;
    height: 57px;
    vertical-align: middle;
    padding-left: 5px;
    color: #40638C;
}

/* error ----------------------- */
#mainpanel div.error {
    border: solid 1px #00397D;
    background: #E1E7ED;
    text-align: center;
    padding: 50px 20px;
    font-weight: bold;
    font-size: 13px;
    color: #F00;
}

/* product ------------------------- */

h1 {
    border-bottom: solid 9px #00397D; /* #FCBB29; /*#00397D; /* #A5B6C9 */
    font: bold 18px/26px Arial;
    color: #00397D;
    margin: 0 0 15px 0;
}
h1 span {
    display: block; float: right; font-size: 14px; color: #444;
}
h2.small {
    margin: 0;
    color: #999;
    font: normal 11px arial;
}
h2.small a.grouphelp {
    display: block;
    float: right;
    text-transform: lowercase;
}
h2.main, div.h2main {
    border-bottom: solid 2px #A5B6C9; /* #FCBB29; /*#00397D; /* #A5B6C9 */
    height: 26px;
    font: bold 15px/26px Arial;
    color: #A5B6C9;
    margin: 20px 0 10px 0;
}
.switcher {
    cursor:pointer;
}
div.relatedlinks {
    font-weight: bold;
    margin: 5px 0;
}
div.relatedlinks a {
    margin-right: 2px;
}
.product {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
}
.product .leftpanel {
    float: left;
    width: 300px;
}
.product .photo {
    overflow: hidden;
}
.product a.view3D {
    display: block;
    float: right;
}
.product .leftpanel ul {
    float: left;
}
.product .leftpanel ul li {
    float: left;
    margin: 1px;
    border: solid 1px #E1E7ED;
}
.view3D1 {
    display: block;
    float: right;
    text-decoration: none;
    font-weight: bold;
    background: url(/img/3d.gif) no-repeat left;
    padding-left: 30px;
}
.view3d2 {
    display: block;
    float: right;
    text-decoration: none;
    font-weight: bold;
    background: url(/img/3d.gif) no-repeat top;
    padding-top: 20px;
}
.product .zoom {
    display: block;
    float: left;
    background: url(/img/lupa.png) no-repeat left;
    padding-left: 20px;
    font-weight: bold;
}
.product .zoom3d {
    display: block;
    float: left;
    margin-left: 70px;
    height: 43px;
    background: url(/img/icon_360_3D.png) no-repeat left;
    padding-left: 45px;
    padding-top: 30px;
    font-weight: bold;
}#mainimg {
    display: block;
    margin: 0 auto 10px auto;
}
#basket_add_form {
    text-align: center;
    margin: 15px 0 10px 0;
}
#basket_add_form .buy {
    display: block;
    margin: 0 auto;
    text-indent: -9000px;
    background: url(/img/addbasket2.gif) no-repeat;
    width: 164px;
    height: 35px;
}
.product .leftpanel .printmag {
    padding: 10px 0;
    text-align: center;
}
.product .leftpanel .printmag b {
    color: #F00;
}
.product .leftpanel .printmag a {
    font-weight: bold;
}
.product .rightpanel {
    margin-left: 310px;
    padding: 10px;
    background: #F8F9F9; 
    color: #444;
}
.product .rightpanel .priceoptions dt {
    float: left;
    width: 120px;
    text-align: right;
    margin-right: 5px;
    font-weight: bold;
}
.product .rightpanel .priceoptions dd.oldprice {
    text-decoration: line-through;
    font-weight: bold;
    color: #666;
}
.product .rightpanel .price {
    font: bold 14px arial;
    color: #F00;
}
#rivalsLink {
    margin-left: 15px;
}
ul.tools li {
    margin: 2px 0;
}
ul.tools .pricemon a.statusunknown { background: url(/img/graphic0.gif) no-repeat left; padding-left: 20px; }
ul.tools .pricemon a.statusno { background: url(/img/graphic0.gif) no-repeat left; padding-left: 20px; }
ul.tools .pricemon a.statusyes { background: url(/img/graphic1.gif) no-repeat left; padding-left: 20px; }
ul.tools .favorite a { background: url(/img/plus1.gif) no-repeat left; padding-left: 20px; }
ul.tools .favorite span { background: url(/img/plus0.gif) no-repeat left; padding-left: 20px; color: #999; }
ul.tools .man a {     background: url(/img/diskette.gif) no-repeat left;     padding-left: 20px; }
ul.tools .prn a { background: url(/img/print.gif) no-repeat left; padding-left: 20px; }

.product .rightpanel .opinions {
    margin-top: 20px;
}
.product .rightpanel .opinions strong {
    display: block;
    text-align: center;
}
.opinions {
    line-height: 20px;
}
.opinions dt {
    float: left;
    width: 180px;
    text-align: right;
    margin-right: 5px;
}
.opinions dd {
    display: block;
    overflow: hidden;
    _height: 1%;
}
.opinions dd b {
    display: block;
    float: left;
    width: 35px;
}
.opinions dd span {
    display: block;
    width: 71px;
    height: 15px;
    margin-left: 35px;
    background: url(/img/scale.gif) left;
}
.opinions dd span img {
    background: #3366CC;
    height: 11px;
    margin-left: 1px;
    margin-bottom: 2px;
}
.opinions dt.total {
    font-weight: bold;
}
.opinions dd.total span img {
    background: #F00;
}
.opinions .postopinion {
    display: block;
    text-align: center;
    font-weight: bold;
    margin-top: -10px;
}

#mainpanel ul.tabs {
    border-bottom: solid 9px #00397D;
    overflow: hidden;
    _height: 1%;
}
#mainpanel ul.tabs li {
    float: left;
    padding: 0 9px;
    line-height: 25px;
    margin-right: 2px;
    background: #E1E7ED;
}
#mainpanel ul.tabs li.selected, #mainpanel ul.tabs li.selected a {
    background: #00397D;
    font-weight: bold;
    color: #FFF;
}
#mainpanel ul.tabs a {
    color: #00397D;
    text-decoration: none;
    font-weight: bold;
}

.free_delivery {
    font-size: 10px;
    color: #999;
}
.similar_prices {
    overflow: hidden;
}
.similar_prices li {
    float: left;
    width: 260px;
    line-height: 18px;
}
.similar_prices li span {
    display: block;
    float: left;
    width: 50px;
    text-align: center;
    color: #F00;
    font-weight: bold;
}
.similar_prices li a {
    display: block;
    margin-left: 50px;
}

table.techdata {
    border-collapse: collapse;
}
table.techdata th {
    text-align: left;
    background: #E1E7ED;
}
table.techdata th, table.techdata td {
    border: solid 1px #E1E7ED;
    padding: 2px 5px;
}


#compare_table {
    border-collapse: collapse;
}
#compare_table .diff {
    color: #F00;
}
#compare_table th {
    text-align: left;
    background: #E1E7ED;
}
#compare_table th.main {
    background: #FFF;
}
#compare_table th, #compare_table td {
    border: solid 1px #E1E7ED;
    padding: 2px 5px;
}
#compare_table select {
    width: 140px;
}
#compare_table .xrow {
    width: 20%;
    text-align: center;
}
#compare_table .price {
    text-align: center;
    color: #F00;
    font-weight: bold;
}
#compare_table .button {
    text-align: right;
}


.related_products {
    overflow: hidden;
}
.related_products li {
    float: left;
    width: 185px;
    height: 80px;
    overflow: hidden;
    padding-right: 10px;
}
.related_products .img {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    float: left;
    border: solid 1px #E1E7ED;
    overflow:hidden;
    position: absolute;
    margin-top: -65px;
}
.related_products .img img {
    vertical-align: middle;
}
.related_products .name {
    display: block;
    margin-left: 70px;
    height: 60px;
    padding: 1px;
    overflow: hidden;
}
.related_products .price {
    display: block;
    color: #F00;
    font-weight: bold;
    width: 60px;
    text-align: center;
    float: left;
}
.related_products a.basket {
    display: block;
    margin-left: 70px;
    background: url(/img/addbasket.gif) no-repeat left;
    padding-left: 16px;
    text-decoration: none;
    font-weight: bold;
}



/* ul.prods ------------------------- */

ul.prods li {
    margin: 10px 0;
    padding: 7px 0;
    border-bottom: dotted 1px #E1E7ED;
    _width: 579px;
    overflow: hidden;
}
ul.prods li div.left {
    float: left;
    width: 60px;
}
ul.prods li div.left a {
    display: block;
    width: 60px;
    text-align: center;
}
ul.prods li div.left span {
    display: block;
    color: #F00;
    font-size: 14px;
    text-align: center;
    width: 60px;
    font-weight: bold;
    margin-top: 3px;
}
ul.prods li div.left small {
    display: block;
    color: #F00;
    text-align: center;
    width: 60px;
}
ul.prods li div.right { float: right; width: 509px; }
ul.prods li.wide div.right { width: 719px; }
#search_items ul.prods li div.right  { width: 285px; }
ul.prods li .rate {
    height: 12px;
    width: 60px;
    background: url(/img/rate.gif);
    background-position: 100% 0;
    overflow: hidden;
}
ul.prods li .ratevalue {
    height: 12px;
    background: url(/img/rate.gif);
    background-position: 0 0;
    float: left;
}
ul.prods li .name {
    margin-bottom: 5px;
}
ul.prods li .name a {
    font-weight: bold;
}
ul.prods li .descr {
    font-size: 11px;
    font-family: tahoma;
    color: #444;
    margin-bottom: 5px;
}
ul.prods a.basket {
    background: url(/img/addbasket.gif) no-repeat left;
    padding-left: 16px;
    text-decoration: none;
    font-weight: bold;
    display: block;
    float: right;
}
ul.prods label {
    display: block;
    float: right;
    margin-right: 20px;
    vertical-align:baseline;
    padding-left: 15px;
    text-indent: -15px;
}
ul.prods label input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}
.prodsbuttons {
    text-align: right;
    margin-bottom: 20px;
}
.prods li.additional {
    display: none;
}
.prods small, .prods small a { color: #777; font: normal 10px tahoma }

a.under_button {
    font-weight: bold;
    font-size: 14px;
    background: #F8F9F9;
    border: solid 1px #E1E7ED;
    padding: 10px 20px;
    text-decoration: none;
}


div.sort {
    text-align: right;
    border-bottom: solid 1px #E1E7ED;
    color: #444;
    padding: 5px 0;
}


/* opinions list --------------------------------- */
.opinions li {
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: solid 1px #E1E7ED;
    overflow: hidden;
}
.opinions .op {
    overflow: hidden;
}
.opinions .values {
    float: left;
    width: 295px;
    background: #F8F9F9;
    padding: 10px 10px 10px 0;
}
.opinions .group .values {
    float: right;
}
.opinions .msg {
    margin-left: 315px;
    font: normal 12px/16px tahoma;
    color: #444;
}
.opinions .group .msg {
    margin: 10px 325px 10px 75px
}
.opinions .askusefull {
    text-align: right;
}
.opinions .group .prod a {
    font-weight: bold;
    margin-left: 5px;
}

.post_opinion {
    background: #F8F9F9;
    padding: 15px 0;
}
.post_opinion table {
    border-collapse: collapse;
    margin: 0 auto;
}
.post_opinion th {
    text-align: right;
    white-space: nowrap;
}
.post_opinion th, .post_opinion td {
    vertical-align: top;
    padding: 4px 5px;
}
.post_opinion input, .post_opinion textarea {
    width: 300px;
}
.post_opinion textarea {
    height: 106px;
}
.post_opinion table table th, .post_opinion table table td {
    padding: 2px 5px;
    border-bottom: solid 1px #E1E7ED;
}
.post_opinion table table thead th {
    text-align: center;
}
.post_opinion table table input {
    width: auto;
}
.post_opinion .buttons td {
    text-align: right;
}

.reviews li {
    background: url(/img/button_go.png) no-repeat left;
    padding-left: 20px;
    margin: 5px 0;
}




.orderfilter {
    overflow: hidden;
    _width: 559px;
    line-height: 30px;
    margin-top: 20px;
    padding: 4px 10px;
    background: #E1E7ED;
}
.orderfilter .left {
    float: left;
}
.orderfilter .right {
    float: right;
}

.pager {
    overflow: hidden;
    margin: 5px 0 10px 0;
    padding: 5px 10px;
    background: #E1E7ED;
    line-height: 20px;
}
.pager a, .pager b, .pager del {
    display: block;
    float: left;
    text-align: center;
    width: 20px;
    margin-right: 2px;
    text-decoration: none;
}
.pager a { background: #F8F9F9; text-decoration: none; }
.pager a:hover { background-color: #FFF !important; }
.pager b { background: #00397D; color: #FFF; }
.pager span { margin-left: 5px; }
.pager a.first { background: url(/img/navico.gif) #F8F9F9 no-repeat; text-indent: -9000px; }
.pager a.prevblock { background: url(/img/navico.gif) #F8F9F9 no-repeat -20px 0; text-indent: -9000px; }
.pager a.prev { background: url(/img/navico.gif) #F8F9F9 no-repeat -40px 0; text-indent: -9000px; }
.pager a.next { background: url(/img/navico.gif) #F8F9F9 no-repeat -60px 0; text-indent: -9000px; }
.pager a.nextblock { background: url(/img/navico.gif) #F8F9F9 no-repeat -80px 0; text-indent: -9000px; }
.pager a.last { background: url(/img/navico.gif) #F8F9F9 no-repeat -100px 0; text-indent: -9000px; }



/* posts ---------------------------------------- */

ul.posts li {
    margin: 0;
    padding: 20px 0;
    border-bottom: dotted 1px #E1E7ED;
    overflow: hidden;
}
ul.posts h3 {
    margin: 0 0 5px 0;
}
ul.posts img {
    float: left;
    margin-right: 10px;
}
ul.posts div {
    overflow: hidden;
}
ul.posts .links {
    padding-top: 5px;
}
ul.posts .links a, ul.posts .links span {
    margin-right: 5px;
}
ul.posts .links span {
    color: #999;
    font-size: 10px;
}



/* competitions --------------------------------------------- */

.competitions {
    overflow: hidden;
    margin-top: 10px;
}
.homepage .competitions {
    _width: 579px;
}
.competitions li {
    float:left;
    background: #E1E7ED;
    border: solid 1px #9BBFD1;
    margin: 2px;
    _margin: 2px 0 2px 1px;
    text-align: center;
    width: 189px;
    height: 235px;
}
.competitions li.place_1, .competitions li.place_2, .competitions li.place_3 {
    background-repeat: no-repeat;
    background-position: bottom right;
}
.competitions li.place_1 { background-image: url(/img/place_1.gif); }
.competitions li.place_2 { background-image: url(/img/place_2.gif); }
.competitions li.place_3 { background-image: url(/img/place_3.gif); }

.competitions p {
    padding: 0 2px;
    margin-bottom: 1px;
    margin-top: 1px;
}

.competitions .place {
    font-weight: bold;
    height: 14px;
}

.competitions div img {
    border: solid 2px white;
}

.competitions div a.name {
    font-weight: bold;
    font-size: 11px;
}

.competitions div a.auth {
    font-size: 11px;
    font-style: italic;
}
.competitions div span.rate {
    font-size: 11px;
    color: #666;
}
.competitions .myrated {
    background: #FFEECC;
}

.competitions .myrated_1 {
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #FFEECC;
    background-image: url(/img/place_1.gif);
}
.competitions .myrated_2 {
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #FFEECC;
    background-image: url(/img/place_2.gif);
}
.competitions .myrated_3 {
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #FFEECC;
    background-image: url(/img/place_3.gif);
}
.competitions div
{
    position: relative;
}
.competitions div p.foto_info
{
    position: absolute;
    bottom: 0%;
    left: 0%;
    width: 184px;
    padding-bottom: 1px;
}
.mainphoto {
    text-align: center;
    margin-top: 20px;
    padding: 20px 0;
    background: #E1E7ED;
    border: solid 1px #9BBFD1;
}




ul.std {
    list-style: disc;
    padding-left: 20px;
    margin-top: 10px;
}
ul.std ul {
    list-style: circle;
    padding-left: 20px;
}
ul.std ul ul {
    list-style: square;
    padding-left: 20px;
}




.jury .rate {
    height: 12px;
    width: 120px;
    background: url(/img/rate2.gif) right;
    overflow: hidden;
    float: left;
}
.jury .ratevalue {
    height: 12px; background: url(/img/rate2.gif) left;
    float: left;
}
.jury li {
    margin: 5px 0;
}
.jury span.val {
    font-weight: bold;
    margin-left: 5px;
}


/* filter ---------------------------------------------------------- */

ul.filter strong {
    display: block;
    margin-top: 5px;
    padding: 5px;
    background: #E1E7ED;
}
ul.filter ul {
    background: #F8F9F9;
    border: solid 1px #E1E7ED;
    padding: 5px;
    font-size: 12px;
}
.filterbutton {
    text-align: center;
    padding: 4px;
}


/* bc --------------------------------------------------------------- */
ul.bc_participants {
    overflow:hidden;
    margin-bottom: 20px;
}
ul.bc_participants li {
    float: left;
    background: #DBE1EE;
    border: solid 1px #AFBBD5;
    margin: 2px;
    padding: 8px;
    text-align: center;
    width: 160px;
    height: 180px;

}
ul.bc_participants li a {
    display: block;
    font-weight: bold;
}
ul.bc_participants li a.img {
    width: 128px; height: 128px;
    line-height: 128px;
    margin: 0 auto 8px auto;
}
ul.bc_participants li a.img img {
    vertical-align: middle;
    border: solid 4px #FFF;
}
ul.bc_photos {
    overflow:hidden;
    margin-bottom: 20px;
}
ul.bc_photos li {
    float: left;
    background: #DBE1EE;
    border: solid 1px #AFBBD5;
    margin: 2px;
    padding: 8px;
    text-align: center;
    width: 140px;
    height: 140px;

}
ul.bc_photos li a {
    display: block;
}
ul.bc_photos li a.img {
    width: 124px; height: 124px;
    line-height: 124px;
    margin: 0 auto 8px auto;
}
ul.bc_photos li a.img img {
    vertical-align: middle;
    border: solid 2px #FFF;
}



.help {
    background: #E1E7ED none repeat scroll 0 0;
    border:1px solid #E1E7ED;
    padding: 1px 4px;
    text-decoration:none;
    font: bold 10px arial;
    cursor: pointer;
    color: #00397D;
}



ul.plainmenu {
    overflow: hidden;
}
.plainmenu li {
    float: left;
    padding: 0 14px 0px 7px;
    border-left: solid 1px #A5B6C9;
    margin-left: -8px;
}


/* guide ------------------------------------------------- */

.questions {
    background: #EEEEEE;
}
.unhidden {
    background: #E1E7ED;
}
.guide_group {
    padding: 4px 0 4px 16px;
    font-size: 12px;
}
.guide_question {
    padding: 4px 4px 4px 4px;
}
.guide_answers {
    padding: 4px 0 4px 16px;
}


.oblast {
    text-decoration:none;
}


ul.abc li { float: left; margin: 0 3px }
ul.vendors { overflow: hidden }
ul.vendors li { float: left; margin-right: 10px }


table.grid { border-collapse: collapse }
table.grid th, table.grid td { padding: 2px 5px; border: solid 1px #E1E7ED }
table.grid th { background: #F8F9F9 }


table.author_info { border-collapse: collapse; margin-left: auto; margin-right: auto; }
table.author_info caption { padding: 5px; font-weight: bold }
.author_info th, table.author_info td { border: solid 1px #FFF; padding: 4px 4px; background: #E1E7ED }
table.author_info th { text-align: right; padding-left: 20px; border-right: none }
table.author_info td { padding-right: 20px; border-left: none }

#studiomag_foto_text { margin-top: 10px; border: solid 1px #E1E7ED; background: #F8F9F9; padding: 10px 0 !important; }
#studiomag_foto_text iframe {overflow: auto; width: 100%; height: 190px;}
iframe.ad {text-decoration: none; text-align: center}


dl.contacts dt { font-weight: bold; float: left; width: 205px; text-align: right;  }
dl.contacts dd { display: block; margin-left: 210px; margin-bottom: 5px }
dl.contacts dt.city {font-weight: bold; float: left; width: 405px; text-align: right;}
dl.contacts dd.city { display: block; margin-left: 410px; margin-bottom: 5px }

ul.comments li { margin: 10px 0; padding: 10px 0; border-bottom: dotted 1px #E1E7ED; }
ul.comments li .footer { text-align: right; font-style: italic; font-size: 11px; color: #999; margin-top: 5px }
ul.comments li .date { margin-left: 5px; padding-left: 5px; border-left: dotted 1px #CCC }

ul.xselector { 
    display: none;
    position: absolute;
    width: 300px;
    height: 300px;
    overflow: auto;
    border: solid 1px #00397D;
    background: #E1E7ED;
    padding: 5px;
    margin: 0 0 0 -85px;
    list-style: none;
}
ul.xselector li { text-align: left; white-space: nowrap }
ul.xselector li a { text-decoration: none; display: block; }
ul.xselector li a:hover { background: #00397D; color: #FFF; }
span.xselector { display: block; padding-right: 20px; background: url(/img/icons/down16.png) no-repeat right; }
#nyroModalTitle { display: none }


#footer .menu { clear: both; padding: 10px 25px; }
#footer .menu ul { text-align: center; overflow: hidden; clear: both }
#footer .menu ul li { display: block; float: left; }
#footer .menu a { text-decoration: none }
#footer .menu a:hover { text-decoration: underline }

#footer .menu ul.level1 li { font: bold 13px arial; padding: 5px }
#footer .menu ul.level1 a { color: #40638C;}
#footer .menu ul.level1 li.selected { background: #40638C; }
#footer .menu ul.level1 li.selected a { color: #FFF; }

#footer .menu ul.level2 { display: none; background: #40638C; padding: 5px; }
#footer .menu ul.level2 li { font: normal 12px arial; padding: 5px; }
#footer .menu ul.level2 a { color: #FFF;  }
#footer .menu ul.level2 li.selected { background: #FFF; }
#footer .menu ul.level2 li.selected a { color: #40638C; }

#footer .menu ul.level3 { display: none; background: #E1E7ED; border: solid 1px #40638C; padding: 5px; }
#footer .menu ul.level3 li { font: normal 12px arial; padding: 5px; }
#footer .menu ul.level3 a { color:  #40638C; }


/*
#footer .menu ul ul { background: #40638C; position: absolute; }
#footer .menu ul ul ul { background: #E1E7ED; position: absolute; border: solid 1px #40638C }
#footer .menu a { color: #40638C; font: bold 13px arial; }
#footer .menu li.selected { background: #40638C; }
#footer .menu li.selected a { color: #FFF; }
#footer .menu li.selected ul { display: block; }
#footer .menu li li a { color: #FFF; font: normal 12px arial; }
*/


/* tg ----------------------------------------------------------------------------------- */

.tg_tabbed_panel { display: none; }

form.tg_post { padding: 20px; border: solid 1px #E1E7ED; }
form.tg_post label { display: block; overflow: hidden; line-height: 30px; }
form.tg_post label>span { display: block; float: left; width: 120px; text-align: right; margin-right: 10px; font-weight: bold; }
form.tg_post label small { font-weight: normal; }
form.tg_post label input[type=text] { width: 600px; }
form.tg_post label textarea { width: 600px; }
form.tg_post label dfn { display: block; margin-left: 130px; color: #999; margin-top: -10px; font-size: 11px; }
form.tg_post button { margin: 10px 0 0 130px }
form.tg_post div.err { font-weight: bold; color: #F33; margin: 10px 0 0 130px;}


ul.tg_topics_shortlist { list-style: none; padding: 0; margin: 0; overflow: hidden; font-size: 12px; color: #777; }
ul.tg_topics_shortlist li { padding: 15px 15px; overflow: hidden; float: left; width: 250px; height: 65px; }
ul.tg_topics_shortlist li .img { float: left; text-align: center; width: 80px; }
ul.tg_topics_shortlist li span { font-size: 11px; }
ul.tg_topics_shortlist li .info { float: right; width: 160px }
ul.tg_topics_shortlist li .header { color: #777; font: normal 11px tahoma; }
ul.tg_topics_shortlist li .descr { margin-top: 2px; color: #444; }
ul.tg_topics_shortlist .rate { font: normal 11px/20px arial; text-transform: lowercase; color: #999; }

ul.tg_topics_list { list-style: none; padding: 0; margin: 0; }
ul.tg_topics_list li { padding: 15px 0; border-bottom: 1px dotted #E1E7ED; overflow: hidden; }
ul.tg_topics_list li .img { float: left; text-align: center; width: 80px; }
ul.tg_topics_list li .info { float: right; width: 700px; }
ul.tg_topics_list li .header { color: #777; font: normal 11px tahoma; }
ul.tg_topics_list li .header .author { float: right; font: normal 11px tahoma; }
ul.tg_topics_list li .header .date { margin-left: 10px; }
ul.tg_topics_list li .header a { font: normal 12px arial; }
ul.tg_topics_list li .descr { margin-top: 5px; color: #444 }
ul.tg_topics_list li .rate { font: normal 11px/20px arial; text-transform: lowercase; color: #999; }

.tg_topics div.buttons { text-align: right; padding: 0; border-top: solid 2px #00397D; }
.tg_topics div.buttons a.list { background: url(/img/ico_list.gif) no-repeat 10px 7px #00397D; color: #FFF; line-height: 24px; padding: 6px 10px 5px 28px;  }
.tg_topics div.buttons a.add  { background: url(/img/ico_add.gif) no-repeat 10px 7px; color: #00397D; line-height: 24px; padding: 6px 10px 5px 28px;  }

.tg_comments_tree ul { margin-left: 50px; }
.tg_comments_tree li { margin: 10px 0; /*border-left: dotted 1px #A5B6C9;*/ }
.tg_comments_tree .topline { background: #F8F9F9; font: normal 11px arial; padding: 5px 10px; color: #666; }
.tg_comments_tree li.new .topline { background: #FFFFD0; }
.tg_comments_tree .topline .rate { float: right; }
.tg_comments_tree .topline .rate .value { display: block; float: left; background: #E1E7ED; margin-left: 10px; padding: 2px 0 0 0; width: 35px; text-align: center; color: #000; }
.tg_comments_tree .topline .rate .plus { color: #090; }
.tg_comments_tree .topline .rate .minus { color: #F00; }
.tg_comments_tree .topline .rate .rulezz { display: block; float: left; width: 16px; height: 16px; text-indent: -9000px; background: url(/img/plus2.gif) no-repeat; margin-right: 2px; }
.tg_comments_tree .topline .rate .suxx { display: block; float: left; width: 16px; height: 16px; text-indent: -9000px; background: url(/img/minus2.gif) no-repeat; }
.tg_comments_tree .reftitle { color: #666; display: block; float: left; }
/*.tg_comments_tree .type { margin-right: 20px; }*/
.tg_comments_tree .author { margin-right: 20px; }
.tg_comments_tree .date { margin-right: 20px; }
.tg_comments_tree .body { overflow: hidden; }
.tg_comments_tree .avatar { float: left; width: 50px; padding: 5px 0; }
.tg_comments_tree .avatar img { border: solid 1px #CCC; }
.tg_comments_tree .text { padding: 5px; margin-left: 55px; }
.tg_comments_tree a.reply { display: block; float: left; font: normal 11px verdana; margin-top: 5px; }
.tg_comments_tree .topline .toggler a { display: block; float: left; width: 12px; height: 12px; margin-right: 10px; }
.tg_comments_tree .topline .toggler a.expanded { background: url(/img/arrow-down.gif) no-repeat; }
.tg_comments_tree .topline .toggler a.collapsed { background: url(/img/arrow-right.gif) no-repeat; }

.vgrid { border-collapse: collapse; }
.vgrid th { text-align: right; background: #EEE; }
.vgrid th small { font-weight: normal; }
.vgrid th, .vgrid td { border: 1px solid #999; padding: 5px 8px; vertical-align: top; }
.vgrid .err { color: #F00; }
.vgrid input, .vgrid select { border: 1px solid #999; width: 100%; }
.vgrid .even { background: #FFF; }
.vgrid .odd { background: #EEE; }
.vgrid tr:hover, .vgrid tr:hover th { background: #9CF; }
.vgrid tr.buttons td { text-align: center; border: none; }
.vgrid tr.buttons:hover { background: inherit }
.vgrid tr.buttons a, .vgrid tr.buttons button {
    text-decoration: none; margin: 0 5px; padding: 3px 6px; background: #333; color: #FFF; line-height: 40px;
    font: normal 13px/40px tahoma; border: none; }
.vgrid tr.buttons button { padding: 2px 6px; cursor: pointer }
.vgrid tr.buttons a:hover, .vgrid tr.buttons button:hover { background: #666; }

ul.breadcrumbs { margin: -10px 0 20px 0; overflow: hidden; }
ul.breadcrumbs li { float: left; margin: 0 20px 0 -10px; padding: 0 0 0 15px; background: url(/img/bullet2.gif) no-repeat left; }

#flash3dview {display: none; width: 501px; height: 501px; overflow: hidden;}

div.topic_view { overflow: hidden; }
div.topic_view div.img { float: left; margin: 0 20px 20px 0; border: solid 1px #E1E7ED; padding: 5px }
div.topic_view div.img img { display: block; }

div.topic_footer { border-top: solid 1px #A5B6C9; padding: 0; overflow: hidden;  }
div.topic_footer .author { float: left;  line-height: 25px;}
div.topic_footer .author img { float: left; margin-right: 10px; border: solid 1px #A5B6C9; border-top: none;  }
div.topic_footer .author div { min-width: 200px; }
div.topic_footer .date { font: normal 11px/20px arial; color: #888; }
div.topic_footer .rate { display: block; float: right; font: normal 12px/25px arial; color: #888; margin-top: 2px; }
div.topic_footer .rate span { display: block; float: left; margin-right: 5px; }
div.topic_footer .rate .rulezz, div.topic_footer .rate .suxx { display: block; float: left; width: 16px; height: 16px; text-indent: -9000px; margin: 4px 3px 0 0; }
div.topic_footer .rate .rulezz { background: url(/img/plus3.gif) no-repeat; }
div.topic_footer .rate .rulezz:hover { background: url(/img/plus4.gif) no-repeat; }
div.topic_footer .rate .suxx { background: url(/img/minus3.gif) no-repeat; }
div.topic_footer .rate .suxx:hover { background: url(/img/minus4.gif) no-repeat; }

h2.tg { float: right; margin: -15px 0 0 0; padding: 0; font: normal 12px/25px arial; color: #999; }

.tagscloud { padding: 10px; text-align: center }
.tagscloud strong, .tagscloud a { margin: 0 3px; }
.tagscloud .size_0 { font-size: 10px; }
.tagscloud .size_1 { font-size: 12px; }
.tagscloud .size_2 { font-size: 14px; }
.tagscloud .size_3 { font-size: 16px; }
.tagscloud .size_4 { font-size: 18px; }
.tagscloud .size_5 { font-size: 20px; }
/*.tagscloud .size_6 { font-size: 16px; }
.tagscloud .size_7 { font-size: 17px; }
.tagscloud .size_8 { font-size: 18px; }
.tagscloud .size_9 { font-size: 19px; }
.tagscloud .size_10 { font-size: 20px; }*/
.topic_tags { padding: 5px 0; margin-top: 10px; }

ul.tg_links { list-style:disc; margin-left: 15px; font: normal 10px tahoma; white-space: nowrap }

.tg_buttons { text-align: center; }
.tg_buttons a, .tg_buttons button {
    text-decoration: none; margin: 0 5px; padding: 3px 6px; background: #333; color: #FFF; line-height: 40px;
    font: normal 13px/40px tahoma; border: none; }
.tg_buttons button { padding: 2px 6px; cursor: pointer }
.tg_buttons a:hover, .tg_buttons button:hover { background: #666; }

form.xform { line-height: 25px }
form.xform label span { display: block; float: left; text-align: right; width: 100px; margin-right: 10px; }
form.xform label em { font-style: normal; display: block; overflow: hidden }
form.xform input, form.xform textarea, form.xform select { width: 280px; }
form.xform input[type=checkbox], form.xform label.birthday select { width: auto; }
form.xform div.buttons { margin: 10px 0 10px 110px; }
form.xform .err { color: #F00; margin-left: 5px; }

.rightlist { float: right; }


.worktime { margin: 15px 0; }
.worktime strong { font: bold 11px/20px arial; color: #00397D; display: block; }
.worktime div { background: #00397D; padding: 8px; }
.worktime ul { background: #FFF; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.worktime ul b { display: block; float: left; width: 50px; text-align: right; border-right: solid 1px #00397D; color: #00397D; padding-right: 5px; margin-right: 5px; }

#best_authors { background: #E1E7ED; margin: 10px 0; padding: 10px; }
#best_authors strong { text-align: center; display: block; border-bottom: dotted 1px #FFF; padding-bottom: 5px;
                       color: #000; font: bold 15px arial; }
#best_authors li { overflow: hidden; padding: 5px 0; border-bottom: dotted 1px #FFF; }
#best_authors img { float: left; }
#best_authors div { margin-left: 55px; line-height: 22px; }
#best_authors a.howtoearn { display: block; text-align: center; padding: 5px; margin-top: 5px; background: #FFF;
                            font: bold 15px arial; text-decoration: none;
                            -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#best_authors a.howtoearn:hover { background: #00397D; }
#best_authors small { color: #666; font-size: 11px; }
#best_authors b { color: #333; }
#best_authors a.allauthors { display: block; text-align: right; font-size: 10px; }


/* product -------------------------------------------------------------------------------------------------------------- */

.product2 { overflow: hidden; margin-bottom: 15px;  }
.product2 .leftpanel { float: left; width: 300px; }
.product2 .printmag_discount { text-align: center; margin-bottom: 10px; }
.product2 .printmag_discount b { color: #F00; }
.product2 .photo { text-align: center; margin: 10px 0 20px 0; overflow: hidden; }
.product2 a.zoom3d, .product2 a.zoom { display: block; height: 32px; font: normal 11px/32px arial; text-decoration: none; padding-left: 32px; margin-right: 10px; }
.product2 a.zoom3d { float: left; background: url(/img/zoom3d.png) no-repeat left; }
.product2 a.zoom { float: left; background: url(/img/zoom.png) no-repeat left; }
.product2 .rate { float: right; }
.product2 .rate a.rulezz, .product2 .rate a.suxx {}
.product2 .rate a.rulezz { display: block; float: left; margin: 4px 0 4px 0; width: 20px; height: 25px; background: url(/img/rate_up.gif); text-indent: -9000px; }
.product2 .rate a.suxx { display: block; float: left; margin: 4px 0 4px 0; width: 20px; height: 25px; background: url(/img/rate_down.gif); text-indent: -9000px; }
.product2 .rate a.rulezz:hover { background: url(/img/rate_up1.gif); }
.product2 .rate a.suxx:hover { background: url(/img/rate_down1.gif); }
.product2 .rate span { display: block; float: left; width: 35px; height: 25px; font: bold 12px/32px arial; text-align: center; color: #40638C }
.product2 .rightpanel { margin-left: 320px; }
.product2 .info { background: #F8F9F9; padding: 10px; overflow: hidden; }
.product2 .phone_request { float: right; width: 208px; height: 46px; padding: 40px 0; color: #333;
                           background: url(/img/phone_bg.gif); font: bold 13px arial; text-align: center; }
.product2 .phone_request span { color: #00397D; font: normal 24px arial; }
.product2 form.buy button { display: block; float: left; width: 203px; height: 38px; border:none; margin: 10px 0 5px 0;
                            text-indent: -9000px; background: url(/img/addbasket3.gif) no-repeat; }
.product2 ul.tools { line-height: 25px; }
.product2 li.pricemon a { background: url(/img/icons/pricemon0.gif) no-repeat left; padding: 5px 0 5px 30px; }
.product2 li.pricemon a.on { background: url(/img/icons/pricemon1.gif) no-repeat left; }
.product2 .priceoptions { line-height: 23px; }
.product2 .priceoptions dt { float: left; text-align: right; margin-right: 5px; font-weight: bold; }
.product2 .priceoptions dd.oldprice { text-decoration: line-through; font-weight: bold; color: #666; }
.product2 .priceoptions .price { color: #444; font: normal 20px arial; }
.product2 .priceoptions .price span { color: #F00;  }
.product2 .havewish { margin: 10px auto; width: 420px; overflow: hidden; color: #555; }
.product2 .ihave, .product2 .iwish { width: 165px; height: 29px; line-height: 29px; padding-left: 35px; float: left; margin: 0 5px; }
.product2 .ihave { background: url(/img/ihave.png); }
.product2 .iwish { background: url(/img/iwish.png); }
.product2 .havewish a.on, .product2 .havewish a.off { font-size: 12px; font-weight: bold; margin-right: 5px; text-decoration: underline;  }
.product2 .havewish a.off { color: #4B6289; }
.product2 .havewish a.on { color: #B0B0B0; }
.product2 .havewish a { color: #555; }
.product2 ul.options { overflow: hidden; margin: 10px 0; }
.product2 ul.options li { float: left; width: 85px; height: 51px; text-indent: -9000px; margin: 0 4px; }
.product2 ul.options li.bestseller { background: url(/img/icons/bestseller.png); }
.product2 ul.options li.bestprice { background: url(/img/icons/bestprice.png); }
.product2 ul.options li.novelty { background: url(/img/icons/novelty.png); }
.product2 ul.options li.action { background: url(/img/icons/action.png); }
.product2 ul.options li.install { background: url(/img/icons/install.png); }



ul.users { padding: 0; margin: 0; overflow: hidden;  }
ul.users li { float: left; width: 180px; margin: 5px; border: solid 1px #CCC; padding: 1px; }
ul.users li a { text-decoration: none; line-height: 24px; }
ul.users li img { float: left; margin-right: 5px;  }



div.user { overflow: hidden; }
div.user div.left_panel { width: 120px; float: left; }
div.user div.left_panel div.img { width: 100%; text-align: center; padding: 5px; border: solid 1px #CCC; }
div.user div.left_panel a.favorite_author0, div.user div.left_panel a.favorite_author1 { display: block; width: 131px; height: 34px; margin: 5px auto; text-indent: -9000px; }
div.user div.left_panel a.favorite_author0 { background: url(/img/favoriteauthor0.png); }
div.user div.left_panel a.favorite_author1 { background: url(/img/favoriteauthor1.png); }
div.user div.right_panel { margin-left: 150px; }
div.user div.right_panel strong { display: block; margin-bottom: 5px; font-size: 14px; }
div.user div.right_panel .earn { margin: 5px 0; }
div.user div.right_panel .earn span { background: #E1E7ED; color: #59789B; padding: 5px 10px; font: normal 12px/30px arial; }
div.user div.right_panel dl { overflow: hidden; margin: 0; }
div.user div.right_panel dl dt { float: left; font-weight: bold; margin: 0 5px 0 0; }
div.user div.right_panel dl dd { float: left; margin: 0 25px 0 0; }



ul.qtopics { list-style: none; }
ul.qtopics li { margin: 0; padding: 5px 0 5px 10px; background: url(/img/bullet1.gif) no-repeat 0 11px; }

.err_border {border: 2px solid red; color: red}

form.certificate {margin: 20px 40px;}
form.certificate fieldset {border: none}
form.certificate fieldset ul {margin-left: 40px;}
form.certificate fieldset legend {border-bottom: 2px solid #00397D; width: 100%; margin-bottom: 6px; color: #00397D; font-size: 14px; font-weight: bold;}
form.certificate fieldset label {display: block; overflow: auto; margin: 10px auto;}
form.certificate fieldset label span {text-align: right; width: 150px; display: block; float: left; padding-right: 5px;}
form.certificate fieldset label input {float: left;}
form.certificate fieldset label input.text {width: 400px;}
form.certificate fieldset label textarea.text {width: 400px;}
form.certificate a , form.certificate button {margin-left: 164px;}
form.certificate fieldset label.err {display: block; overflow: auto; margin-left: 155px; margin-bottom: -10px; width: 394px; background-color: red; padding: 2px 5px; color: white;}
#div_named {display: none;}

#certificate_preview {display: none; float: left; overflow: auto; position: absolute; top: 200px; left: 300px; border: 2px solid #00397D;width: 800px; height: 600px;}
#certtpl {width: 800px; height: 600px; background: url(/img/certificate_tpl.jpg) repeat scroll 0 0 transparent;}
#h_from_name , #h_to_name , #h_message {
    float: left;
    margin-left: 205px;
    width: 400px;
    overflow: auto;
    color: #ee0;
    font: italic 16px arial;
}
#h_to_name {text-align: center; margin-top: 110px; height: 40px;}
#h_message {text-align: center; margin-top: 10px; height: 80px;}
#h_from_name {text-align: right; margin-top: 50px; height: 40px;}