/* Layout */

html, body	{width: 100%; height: 100%; padding: 0; margin: 0; }
body { background: #f0f0f0 url(images/bg.gif) bottom repeat-x fixed; font-size: 10pt; font-family: arial, helvetica, verdana, tahoma, san-serif; color: #567; overflow-x: hidden;}
body {background: #fff;}

@font-face {
    font-family: 'OpenSans';
    src: url('/common/fonts/OpenSans-CondBold-webfont.eot');
    src: url('/common/fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/OpenSans-CondBold-webfont.woff') format('woff'),
         url('/common/fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('/common/fonts/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DTCRegular';
    src: url('/common/fonts/pfdintextcondpro-regular-webfont.eot');
    src: url('/common/fonts/pfdintextcondpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/pfdintextcondpro-regular-webfont.woff') format('woff'),
         url('/common/fonts/pfdintextcondpro-regular-webfont.ttf') format('truetype'),
         url('/common/fonts/pfdintextcondpro-regular-webfont.svg#PFDinTextCondProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.ani {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	}

/* */
#topint {display: block; height: 30px; color: #fff; background: #1367c3;}
#topint:hover {text-decoration: none; background: #14569F;}
#banint1, #banint2 {position: absolute; top: -50px;}
#banint1 {left: -180px;}
#banint2 {right: -180px;}

#cabinet {background: #fff; padding: 10px 0;}
#cabineta {position: absolute; right: -32px; top: 0; width: 33px; height: 33px; background: url(images/login.png) 5px 5px no-repeat;}
#cabineta:hover {background-color: #bbb;}

.showmore, .showmores {padding: 3px 5px 3px 22px; background: #eee url(/o-icon/plus-12.png) 6px center no-repeat; border-radius: 5px;}
h2.showmore {background: #eee url(/o-icon/plus.png) 10px center no-repeat; padding-left: 35px;}
.showmore.active {background: #fad url(/o-icon/minus-12.png) 6px center no-repeat;}
h2.showmore.active {background: #fad url(/o-icon/minus.png) 10px center no-repeat;}
.showmores.active{background: #a7e9fe url(/o-icon/minus-12.png) 6px center no-repeat;}
.showmore:hover, .showmores:hover {background-color: #ccc; cursor: pointer;}

.wrap {width: 1000px; margin: 0 auto; position: relative;}
#header {height: 80px; width: 100%; position: relative;}
#header img {display: block;}
#logo {width: 223px; height: 75px; position: absolute; top: 5px; left: 0;}
#top_contacts {background: #ddd; height: 33px; text-align: center; text-shadow: 1px 1px 0 #fff; font-size: 9pt;}
#footer {margin-top: 10px; min-height: 50px;}
#content {background: #fff; min-height: 650px; padding: 10px 15px; position: relative;}
#content img {max-width: 970px;}
#flashLeft {position: absolute; top: 60px; left: -260px;}
#flashRight {position: absolute; top: 60px; right: -260px;}

.column-left {float: left; width: 720px; padding-right: 15px; border-right: 1px dashed #ccc; overflow: hidden; }
.column-right {float: left; width: 219px; padding-left: 15px; overflow: hidden;}

#breadcrumb {text-align: right; font-size: 8pt; padding: 0 0 5px 0; }

#busket {padding: 7px 10px 7px 55px; font-weight: bold; position: absolute; top: 10px; right: 0; background: #fff url(/o-icon/cart-32.png) 10px center no-repeat; border-radius: 10px; min-height: 30px;}
#busket a {text-decoration: underline;}

#busket-text {}
#butt_order { font-weight: bold; height: 22px; background: #ea619f; text-shadow: -1px -1px 1px rgba(0,0,0,0.5); text-decoration: none !important; padding: 5px 15px 0 15px; font-size: 11pt; display: block; width: 150px; color: #fff; margin-top: 5px;}
#butt_order:hover {background: #0ae;}

#new-t-phones {position: absolute; top: 16px; left: 530px; text-align: center;}
#new-t-phones span {display: block; width: 150px;}
#new-t-phones b {color: #ea619f; font-size: 16px;}

#new-t-address {position: absolute; top: 14px; left: 360px;}
#new-t-address div {margin-bottom: 3px;}

#callback {display: block; padding: 5px 10px 6px 25px; background: #ea619f url(/o-icon/phone.png) 5px 5px no-repeat; margin: 0 0 4px 0; color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.5); text-decoration: none !important; font-weight: bold; position: absolute; top: 47px; left: 515px;}
#callback:hover {text-decoration: none; background-color: #0ae;}

.share42init {margin: 4px 0 -2px 8px; float: left;}
#share42 a {opacity: 0.5}
#share42 a:hover {opacity: 1}



/* Tags */

hr { color: #9ac6f1; background-color: #9ac6f1; border: 0px none; height: 1px; clear: both; }
.hr { background-color: #9ac6f1; height:1px; line-height: 1px; clear: both; margin: 5px 0; font-size: 0; }
form {padding: 0; margin: 0;}
img {border: none;}
h1, h2, h3, h4 {color: #05b; font-weight: normal;}
h1 {font-size: 26pt; color: #05b; font-family: OpenSans, sans-serif; padding: 0; margin: -5px 0 10px 0; }
.catalog_class h1 {display: none;}
.catalog_class #breadcrumb {margin-bottom: 8px;}
h2, .striked {font-size: 14pt; font-weight: normal; font-family: OpenSans, sans-serif; padding: 0 0 5px 0; margin: 0 0 10px 0;}
h3, .h3 {font-size: 12pt; font-weight: normal; font-family: OpenSans, sans-serif; margin: 0 0 10px 0;}
.h3 {margin: 0;}
h4 {font-size: 10pt; font-weight: normal; font-family: OpenSans, sans-serif; margin: 0 0 10px 0;}

.striked {color: #c00; text-decoration: line-through; float: left; display: block; padding: 0 40px 0 50px; font-size: 16pt;}

a {color: #05b; text-decoration: none; }
a:hover {color: #c00; text-decoration: underline; }

td {font-size: 10pt; }

li {list-style-position: inside;}

p {margin: 0 0 10px 0;}

.link {	padding: 0 0 0 10px; margin: 0px; background: url(images/link.png) 0 5px no-repeat;}
.link:hover {background-position: 0 -60px; }

a.lnk {border-bottom: 1px dotted #4ae;}
a.lnk:hover {border-bottom: 1px solid #c00; text-decoration: none;}

/* Forms */

.inp, textarea {background: #f3f9ff; border: solid 1px #87b4e1; padding: 3px 2px; font-family: arial, helvetica, verdana, tahoma, san-serif;}
.inp1 {background: #48c url(images/bg-butt.png) center top repeat-x; border: solid 1px #05b; color: #fff; font-weight: bold; padding: 3px 10px; text-align: center; text-shadow: -1px -1px 0 #048;}
.inp1:hover {background: #05b; border-color: #048; cursor: pointer; }
.inp2 {padding: 3px 5px; }
.inp_red {background: #fdd; border-color: #a00;}

label.radio {background: #eef7ff; border: 1px solid #69f; padding: 2px 6px 2px 2px; cursor: pointer;}
label.radio:hover {background: #aad6ff;}
label.radio.checked {background: #03b2ec; color: #fff;}
label.radio input {margin: -3px 3px 0; vertical-align: middle;}

.labelled label {width: 400px; display: block; margin-bottom: 2px;}

/* Formatting */

.just {text-align: justify;}
.center {text-align: center;}
.left {text-align: left;}

.w25  {width: 25px;}
.w40  {width: 40px;}
.w50  {width: 50px;}
.w60  {width: 60px;}
.w80  {width: 80px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w400 {width: 400px;}
.w500 {width: 500px;}
.w600 {width: 600px;}
.w700 {width: 700px;}
.w100p {width: 100%;}

.mt10 {margin-top: 	10px;}
.mr10 {margin-right:	10px;}
.ml10 {margin-left:	10px;}
.nom {margin: 0;}

.f8, .f8 td {font-size: 8pt !important;}
.f9 {font-size: 9pt;}
.f12, .f12 td {font-size: 12pt;}
.f14 {font-size: 14pt;}
.bold {font-weight: bold;}

.b {border: solid 1px cyan;}

.clear {clear: both;}
.fleft {float: left;}
.fright {float: right;}

.red {color: #800; font-weight: bold;}
.grey {color: #aaa;}

.hidden {display: none;}

/* menu */

#menu {width: 100%; height: 50px; z-index: 999; position: relative; border-top: 1px solid #fff;}
#menu td, #menu div {overflow:hidden; height: 50px;}
#menu a {display: block; font-size: 14pt; font-family: OpenSans, sans-serif; padding: 10px 10px 0 10px; height: 40px; text-align: center; text-shadow: 1px 1px 0 #fff; color: #567; border-right: 1px solid #f0f0f0; }
#menu a:hover {text-decoration: none; }
#menu img {display: block;}

.normalMenu { background: url(images/bg-menu.png) center top no-repeat;}
.hoverMenu { margin-top:-50px; background: url(images/bg-menu.png) center center no-repeat; }
.selectedMenu { background: url(images/bg-menu.png) center bottom no-repeat;}

#menutop {float: right; height: 33px; border-left: 1px solid #fff;}
#menutop a {display: block; float: left; font-size: 12pt; font-family: OpenSans, sans-serif; padding: 4px 20px 0 20px; height: 29px; border-right: 1px solid #fff; color: #567;}
#menutop a:hover {text-decoration: none; background: #fff;}
#menutop a.active {background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
}

/* Blocks */

.block {margin-bottom: 10px; font-size: 9pt; padding: 0;}

/* Tables */

.cool_table {border: 1px solid #48c; border-collapse: separate; border-spacing:1px;}
.cool_table th {padding: 2px 7px 5px 7px; font-weight: bold; font-size: 10pt; text-align: center; color:#FFFFFF; background: #03b2ec;}
.cool_table td {font-weight: normal; font-size: 10pt; background: #f3f9ff; border-right: 1px solid #9fcbf8; border-bottom: 1px solid #9fcbf8; padding: 3px 7px;}
.cool_table tr.odd td {background: #ecf4fd;}
.cool_table tr:hover td {background: #dae9f9; }
.cool_table tr.red td {background: #fecec3; color: #333;}
.cool_table tr.violet td {background: #E5C9FF; color: #333;}
.cool_table tr.fuck td {background: #E0D7B1; color: #333;}

.tech_table td{border-bottom: 1px #ccc dashed; padding: 5px 10px;}
.tech_table td.first {font-weight: bold; width: 40%; border-right: 1px #ccc dashed;}
.tech_table th{background: #eee; padding: 7px 10px; color: #05b; text-align: left; font-size: 11pt;}
.tech_table tr:hover td {background: #f8f8f8; }

/* UL */

ul.cool-li, .cool-li ul { list-style: none; padding: 0 0 0 10px; margin: 0 0 10px 0;}
ul.cool-li li, .cool-li li { background: url(/o-icon/tick.png) no-repeat 0 3px; padding: 3px 0 2px 22px;}

/* News */

.articles_one {font-size: 11pt;}
.articles_one a {border-bottom: 1px dotted #999;}
.articles_one a:hover {text-decoration: none; border-bottom-style: solid;}

.articles_all {padding: 10px; margin-bottom: 2px; background: #fff; position: relative;}
.articles_all:hover { background: #eee;}
.articles_unactive {border: 1px solid #f00; background: #fee;}
.articles_title {font-size: 22px; font-weight: normal; font-family: OpenSans, arial, sans-serif; line-height: 23px;}
.articles_description {margin-top: 8px;}
.articles_thumb {float: left; margin-right: 10px; width: 200px; height: 150px; padding: 5px; position: relative; border: 1px solid #ccc; 
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );}
.articles_date {float: left;}
.articles_cats {float: left; margin-left: 20px;}
.articles_bottom {background: #fff; font-size: 8pt; border-top: 1px solid #ccc; padding-top: 3px; float: left; width: 480px; position: absolute; bottom: 10px; right: 10px;}
.articles_all:hover .articles_bottom  {background: #eee;}
.articles_bottom img {margin-bottom: -2px;}
.articles_thumb_mini {float: left; margin: 5px 8px 0 0; width: 75px; height: 56px; border: 1px solid #eee;}
.small_date {padding: 1px 3px; font-size: 7pt; background: #d8e8ff; font-weight: bold;}
.date_articles {font-size: 9pt;}

.articles_list { padding: 5px; background: #eee; }
.articles_list img {margin-bottom: -2px;}
.articles_list:nth-child(2n+1){ background: #fff;}
.tab_content .articles_list {border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.tab_content .articles_list:last-of-type {border-bottom: 1px solid #ccc; }
.articles_list {font-size: 11px; }
.articles_list b {font-size: 13px; }

a.article-tag {  display: inline-block; height: 25px; background: url(images/bg-tag.png) no-repeat; font: bold 11px/22px Arial, sans-serif; color: #069; text-decoration: none; padding: 0 8px 0 20px; text-shadow: 1px 1px 0 rgba(255,255,255,0.4); white-space: nowrap; position: relative; }
a.article-tag:after { content: ''; position: absolute; top: 0; right: 0; width: 8px; height: 25px; background: url(images/bg-tag.png) 100% 0 no-repeat;}
a.article-tag:hover { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); }  

.video_thumb {position: relative; float: left; margin: 5px 10px 5px 0; padding: 3px; border: 1px solid #ccc; width: 120px; height: 90px;}
.video_thumb:hover {background: #fedc73; border: 1px solid #999;}
.video_thumb img {display: block;}
.video_thumb .video_play {position: absolute; top: 3px; left: 3px;}

.img_thumb {float: left; margin: 5px 10px 5px 0; padding: 2px; border: 1px solid #ccc; width: 80px; height: 60px;}
.img_thumb img {width: 80px; display: block;}

/* oWin */

.oWinOuter {position: fixed; left: 50%; top: 200px; z-index: 11000; border: 4px #aaa solid; border-radius: 8px; box-shadow: 0 5px 20px rgba(0,0,0,0.5); padding: 1px; background: #666; display: none; min-width: 200px;}
.oWinInner {display: block; padding: 15px; border-radius: 4px; 
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 20%, #dddddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top, #ffffff 20%,#dddddd 100%);
background: -o-linear-gradient(top, #ffffff 20%,#dddddd 100%);
background: -ms-linear-gradient(top, #ffffff 20%,#dddddd 100%);
background: linear-gradient(to bottom, #ffffff 20%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
}
.oWinTitle {font-family: OpenSans, sans-serif;  font-size: 16pt; padding: 7px 15px; margin: -15px -15px 10px -15px; border-radius: 4px 4px 0 0; text-shadow: -1px -1px 0 rgba(0,0,0,0.5); color: #fff; cursor: move; background: #0071c7;}
#oWinOverlay { position: fixed; z-index: 1000; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none;}
.oWinCloseButt {display: block; float: right; width: 16px; height: 16px; margin: 4px 0 0 10px; background: url(/o-icon/oWinClose.png) top no-repeat;}
.oWinCloseButt:hover { background-position: bottom;}
.oWinContent { }
.oWinFooter { margin: 15px -15px -15px -15px; border-radius: 0 0 4px 4px; background: #ccc; padding: 10px 15px;}

/* Pagenate */

.pagenate {margin-bottom: 10px;}
.pagenate a, .pagenate span {padding: 2px 6px; background: #fff; border: 1px solid #ccc; margin-right: 3px; text-decoration: none; font-size: 8pt; font-family: verdana, tahoma, arial, helvetica, san-serif;}
a.prev_next {background: #fff; }
.pagenate a:hover {background: #ddd; }
.pagenate span {background: #999; font-weight: bold; color: #fff;}

/* featured */

ul.featured {margin: 0 -5px; padding: 0;}
ul.featured li {list-style:none; float:left; padding: 10px; width: 205px; position: relative; margin: 8px 9px; box-shadow: 0 0 10px #aaa; border-radius: 10px; text-align: left; text-shadow: 1px 1px 0 rgba(255,255,255,0.7);
background: #cee6ff;
background: -moz-linear-gradient(top,  #cee6ff 0%, #99ccff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cee6ff), color-stop(100%,#99ccff));
background: -webkit-linear-gradient(top,  #cee6ff 0%,#99ccff 100%);
background: -o-linear-gradient(top,  #cee6ff 0%,#99ccff 100%);
background: -ms-linear-gradient(top,  #cee6ff 0%,#99ccff 100%);
background: linear-gradient(to bottom,  #cee6ff 0%,#99ccff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee6ff', endColorstr='#99ccff',GradientType=0 );
}
ul.featured li a { display: block; position: relative; overflow: hidden; height: 130px; width: 185px; padding: 10px; text-decoration: none; font-family: OpenSans, sans-serif; font-size: 20px; font-weight: bold; color: #369; }
ul.featured li img { position: absolute; top: 0; left: 0; border: 0; z-index: 1000;}
ul.featured li:hover {}
ul.featured span {font-weight: normal; font-size: 9pt; color: #456; font-style: normal; font-family: arial, helvetica, verdana, tahoma, san-serif; }
ul.featured li b { display: block; position: absolute; top: 120px; right: 0; padding: 1px 10px; background: rgba(255,255,255,0.7); z-index: 1001; text-shadow: 1px 1px 1px #fff; font-size: 12pt; font-family: 'OpenSans', sans-serif; font-style: normal;}

/* Carousel */

.carousel li {padding: 10px; background: #ede9e0 url(images/bg-main.jpg) center -350px repeat-x; margin-right: 10px; border-radius: 10px;}
.carousel li:hover {background-position: center -50px;}
.carousel a {display: block; position: relative; overflow: hidden; font-size: 11pt; font-family: 'OpenSans', sans-serif; color: #a42}
.carousel a:hover {text-decoration: none; color: #a42}
.carousel span {display: block; position: absolute; right: -150px; bottom: 0; background: url(images/dot.png); padding: 1px 5px 2px 5px; width: 140px;}
.carousel img {display: block; width: 150px; height: 110px;}

/* GuestBook */

.guest {font-size: 9pt; padding: 3px 5px 5px 5px; margin-bottom: 5px; background: #eee; border: 1px solid #ddd;}
.guest .name {font-size: 11pt; font-weight: bold;}
.guest .post {font-size: 10pt; padding: 5px; margin-top: 3px; background: #fff; border: 1px solid #ddd;}
.guest img {vertical-align: middle;}
.admin_reply {background: #aaa; color: #fff; padding: 5px;}

#quote .quote1 {border: none; width: 40px; font-size: 8pt; background: none; padding: 5px;}
#quote .quote2 {border: #9ebcc7 solid 1px; background: #ddbb7f; padding: 5px; font-size: 9pt;} 

.arr-up { width:0px; height:0px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #aaa; margin-left: 20px;}

/*          */

.file {display: block; padding: 0 0 2px 20px; margin: 4px 0; background: url(/o-icon/save.png) 0 0 no-repeat;}

/* flux */

#slider {position: relative; margin: -10px -15px -5px -15px;}
#slider .pagination {margin-top: -25px !important; z-index: 9001; position: relative;}
#slider .pagination li {padding: 1px 5px; background: #fff; opacity: 0.4; font-size: 8pt; border: 1px solid #ccc;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#slider .pagination li.current {background: #666; color: #fff;}
#slider .pagination li:hover {opacity: 1;}

/* catalog */

#catalog {margin: 5px -5px 0 -5px; }
#catalog .item {float: left; border-radius: 8px; width: 182px; padding: 5px; margin: 5px 2px;
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2f2f2 0%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2f2f2 0%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

#catalog .item  {}
#catalog .item.unactive {background: #a00;}
#catalog .item:hover {background: #afe5f7;}
#catalog .item .adiv {display: block; position: relative; overflow: hidden; margin-bottom: 5px;}
#catalog .item img {border-radius: 6px; display: block; width: 182px; height: 182px;}
#catalog .item a.aitem {font-weight: bold; display: block; position: relative; text-decoration: none; padding: 3px 5px;;}
#catalog .item h2 {position: absolute; top: 10px; right: 0px; padding: 2px 10px; margin: 0; background: #eee; border-radius: 5px 0 0 5px; text-shadow: 1px 1px 1px #fff; font-size: 22px;}
#catalog .item:hover h2, #catalog .item:hover h3 {  background: #afe5f7;}
#catalog .item h3 {position: absolute; top: 50px; right: 0px; padding: 2px 10px; margin: 0; background: #eee; border-radius: 5px 0 0 5px; text-shadow: none; font-size: 16px; text-decoration: line-through; color: #999;}
#catalog .item span {display: block; position: absolute; bottom: 0px; background: #afe5f7; padding: 3px 5px; font-size: 8pt; width: 176px; right: -200px; z-index: 1000;}
#catalog .item b {font-weight: normal;}
#catalog .item h2 b {font-size: 16px;}
#catalog .item h3 b {font-size: 12px;}

#catalog .item i {display: block; position: absolute; width: 182px; height: 182px; top: 0; left: 0; z-index: 999;}
#catalog .item i.ready {background: url(images/status-ready.png) right bottom no-repeat;}
#catalog .item i.zakaz {background: url(images/status-zakaz.png) right bottom no-repeat;}
#catalog .item i.new {background: url(images/status-new.png) right bottom no-repeat;}
#catalog .item i.wait {background: url(images/status-wait.png) right bottom no-repeat;}
#catalog .item i.iSuper {background: url(images/status-super.png) left bottom no-repeat;}
#catalog .item i.iAction {background: url(images/status-action.png) right bottom no-repeat;}

#catalogmain_prev, #catalogmain_next {display: none;}
#catalogmain {margin: -8px -15px 15px -15px; padding: 10px; background: #ddd; position: relative;}
#catalogmain_prev {width: 29px; height: 58px; background: url('images/arrows.png') 0 0 no-repeat; position: absolute; left: -29px; top: 77px; opacity: 0.3; cursor: pointer;}
#catalogmain_next {width: 29px; height: 58px; background: url('images/arrows.png') 100% 0 no-repeat; position: absolute; right: -29px; top: 77px; opacity: 0.3; cursor: pointer;}
#catalogmain:hover #catalogmain_prev, #catalogmain:hover #catalogmain_next {opacity: 1;}
#catalogmain .item h2 { font-size: 16px;}
#catalog.main {overflow: hidden; height: 196px; margin: 0 -5px 0 -0;}

#catalog.main ul {margin: 0; padding: 0; height: 196px;}
#catalog.main li {list-style-type: none; height: 182px;}
#catalog.main .item {background: #eee;}


.isotope-item { min-height: 182px !important;}

.pop_i {position: static;}
.pop_info {bottom: 50px; left: -124px;}
.pop_info:after {bottom: -24px; left: 120px;}

#guaranties {padding: 5px 7px; background: #eee; width: 532px; float: left; margin: 0 0 0 17px; position: relative; border: 1px solid #ccc; }
#guaranties2 {background: #fff; border-radius: 5px; height: 51px; padding: 4px 10px;}
#guaranties.blue {background: #03aee6;}
#guaranties2.blue {background: #ddf5fc;}

#item_filter_div {padding: 4px 10px 0 0; float: left; font-weight: bold;}
#item_filter_outer { background: #03b2ec; border-radius: 6px; padding: 3px 1px; float: left;}
ul#item_filter {margin: 0; list-style: none; padding: 0;}
#item_filter li {float: left; margin: 0 2px;}
#item_filter a {display: block; padding: 3px 6px; font-size: 14px; font-weight: bold; text-decoration: none; color: #fff; border-radius: 4px; background: #039dd0; box-shadow: 0 0 10px #026484 inset;}
#item_filter a:hover {text-decoration: none; background: #fff; color: #03b2ec; box-shadow: none;}
#item_filter a.active { color: #ea619f; background: #fff; position: relative; box-shadow: 0 0 5px #026484;}
#item_filter a.active:after { content: ' '; position: absolute; bottom: -9px; margin-left: -6px; left: 50%; height: 0; width: 0; border-top: 6px solid #03b2ec; border-left: 6px solid transparent; border-right: 6px solid transparent; }
#item_filter a {
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

#filters_new {position: relative;}

ul.option-set { margin: 0 0 0 6px; padding: 0; display: inline-block; list-style: none; }
.option-set li {float: left;}
.option-set li a, .option-a { display: block; padding: 5px 5px;
border-left: 1px solid rgba( 255, 255, 255, 0.4 );
border-right: 1px solid rgba( 0, 0, 0, 0.1 );
color: #222; font-weight: bold; font-size: 8pt;
text-shadow: 0 1px rgba( 255, 255, 255, 0.5 ) !important;
background: #eeeeee;
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}

.option-set li:first-child a { border-radius: 5px 0 0 5px; border-left: none; }
.option-set li:last-child a { border-radius: 0 5px 5px 0; border-right: none;}

.option-set li a:hover, .option-a:hover {background: #5BF !important; color: #222; text-decoration: none;}
.option-set li a.selected {color: #fff; text-shadow: 0 -1px rgba( 0, 0, 0, 0.5 ); 
background: #ff6bad;
background: -moz-linear-gradient(top,  #ff6bad 0%, #d34e88 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6bad), color-stop(100%,#d34e88));
background: -webkit-linear-gradient(top,  #ff6bad 0%,#d34e88 100%);
background: -o-linear-gradient(top,  #ff6bad 0%,#d34e88 100%);
background: -ms-linear-gradient(top,  #ff6bad 0%,#d34e88 100%);
background: linear-gradient(to bottom,  #ff6bad 0%,#d34e88 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6bad', endColorstr='#d34e88',GradientType=0 );
}

.option-a {position: absolute; left: 6px; top: -30px; border-radius: 5px; border: none !important;
background: #eeeeee !important;
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)) !important;
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%) !important;
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%) !important;
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%) !important;
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ) !important;}

/* items_service */

#items_service {margin: 5px -5px 10px -5px;}
#items_service a {background: url(images/tablet-pc.png); height: 105px; padding-top: 55px; float: left; border-radius: 8px; width: 200px; border: 5px solid #999; margin: 5px 2px; font-size: 26pt; font-weight: normal; font-family: OpenSans, sans-serif; text-align: center; color: #fff; text-shadow: -1px -1px 1px #000; box-shadow: 0 0 30px #fff inset;}
#items_service a:hover {border-color: #03b2ec; box-shadow: 0 0 15px #999; font-size: 36pt; text-decoration: none; height: 115px; padding-top: 45px; box-shadow: 0 0 30px #03b2ec inset; }
#items_service a.active {border-color: #ea619f; position: relative; font-size: 36pt; height: 115px; padding-top: 45px; box-shadow: 0 0 30px #ea619f inset; color: #ffb5d6;}
#items_service a.active:after { content: ' '; position: absolute; bottom: -15px; margin-left: -10px; left: 50%; height: 0; width: 0; border-top: 10px solid #ea619f; border-left: 10px solid transparent; border-right: 10px solid transparent; }

#price_service a {display: none; padding: 5px 15px; border-radius: 8px; background: #eee; margin-bottom: 5px; border: 1px solid #ccc; text-shadow: 1px 1px 0 #fff; font-weight: bold; margin-top: 10px;}
#price_service a:hover {background: #ccc; box-shadow: 0 0 10px #bbb; text-decoration: none; border-color: #bbb;}
#price_service a span {display: block; float: right; width: 12px; height: 12px; margin: 2px 0px 0px 0px; background: url(/o-icon/item-plus-minus.png) 0px -13px no-repeat; cursor: pointer;}
#price_service a.active {background: #999; color: #fff; border-color: #bbb; text-shadow: -1px -1px 0 #666; position: relative; margin-bottom: 15px;}
#price_service a.active:after { content: ' '; position: absolute; bottom: -8px; left: 30px; height: 0; width: 0; border-top: 8px solid #999; border-left: 8px solid transparent; border-right: 8px solid transparent; }
#price_service a.active span {background-position: top;}
#price_service div.service_text {display: none;}

/* Tabs */

.tabs li a.tab1 {background: #eee url(/o-icon/applications.png) 5px center no-repeat; padding-left: 26px; }
.tabs li a.tab2 {background: #eee url(/o-icon/tablet.png) 5px center no-repeat; padding-left: 26px; }
.tabs li a.tab3 {background: #eee url(/o-icon/comment_.png) 5px center no-repeat; padding-left: 26px; }
.tabs li a.tab4 {background: #eee url(/o-icon/vkontakte.png) 5px center no-repeat; padding-left: 26px; }
.tabs li a.tab5 {background: #eee url(/o-icon/youtube.png) 5px center no-repeat; padding-left: 26px; }
.tabs li a.tab6 {background: #eee url(/o-icon/edit_text.png) 5px center no-repeat; padding-left: 26px; }
.tabs li a.tab7 {background: #eee url(/o-icon/speedometer.png) 5px center no-repeat; padding-left: 26px; }
.tabs li a.tab8 {background: #eee url(/o-icon/faq.png) 5px center no-repeat; padding-left: 26px; }

.tabs_wrapper { width: 422px;}
.tabs_container { border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.tabs { list-style: none; padding: 6px 0 6px 10px; margin: 0; font-weight: bold; border-bottom: 1px solid #ccc;}
.tabs li { display: inline;}
.tabs li a { border: 1px solid #ccc; padding: 6px 10px; text-decoration: none; background-color: #eee; border-bottom: none;
    outline: none; }

.tabs.tabsBig { padding: 5px 0 6px 10px; }
.tabs.tabsBig  li a {padding: 6px 12px 6px 42px; font-size: 16px;}


.tabs.tabsBig li a.tab1 {background: #eee url(/o-icon/24-tools.png) 10px center no-repeat; }
.tabs.tabsBig li a.tab3 {background: #eee url(/o-icon/24-comment.png) 10px center no-repeat; }
.tabs.tabsBig li a.tab5 {background: #eee url(/o-icon/24-youtube.png) 10px center no-repeat; }
.tabs.tabsBig li a.tab6 {background: #eee url(/o-icon/24-info.png) 10px center no-repeat; }
.tabs.tabsBig li a.tab7 {background: #eee url(/o-icon/review-24.png) 5px center no-repeat;}

.tabs li a:hover { background-color: #ddd !important;}
.tabs li.active a { border-bottom: 1px solid #fff; background-color: #fff !important;  }

.tabs.tabsBig li.active a { padding-bottom: 7px; }

.tabs li.active a:hover { padding-bottom: 5px; border-bottom: none;}

.tabs.tabsBig li.active  a:hover { padding-bottom: 7px;  border-bottom: 1px solid #fff; }

.tabs_content_container { border: 1px solid #ccc; border-top: none; padding: 10px; width: 400px;}
.tab_content { display: none; padding: 20px;}
.tab_content.active {display: block;}



.column-right .tab_content {padding: 0;}

/* catalog foto */

/*
#fotos {float: left; width: 360px; padding: 5px; border: 1px solid #ccc; background: #f5f5f5; margin: 0 15px 10px 0; position: relative;}
#fotos a {position: relative; display: block;}
#fotos img {display: block;}
#fotos img.foto_main {width: 360px; height: 440px;}
#fotos span { background: url(/o-icon/zoom_64.png) no-repeat; display: block; position: absolute; height: 64px; width: 64px; margin: -32px 0 0 -32px; left: 50%; top: 50%; opacity: 0; }
#foto_thumbs_outer {width: 360px; overflow: hidden; margin-top: 5px; height: 71px; position: relative;}
#foto_thumbs { height: 71px; position: absolute; left: 0; top: 0;}
#foto_thumbs span { background: url(/o-icon/zoom_32.png) no-repeat; height: 32px; width: 32px; margin: -16px 0 0 -16px; }
#foto_thumbs img {height: 65px;}
#foto_thumbs a {display: block; float: left; margin: 0 3px 0 0; padding: 2px; border: 1px solid #ccc; background: #fff;}
#foto_thumbs_left, #foto_thumbs_right {position: absolute; width: 13px; height: 23px; bottom: 26px; cursor: pointer;}
#foto_thumbs_left, #acc_left {background: url(images/foto_thumbs_left.png) no-repeat top; left: -13px;}
#foto_thumbs_right, #acc_right {background: url(images/foto_thumbs_right.png) no-repeat top; right: -13px;}
#foto_thumbs_left:hover, #foto_thumbs_right:hover, #acc_right:hover, #acc_left:hover {background-position: bottom;}
*/

.delete_fotos img {height: 60px; display: block;}
.delete_fotos div {float: left; padding: 3px; margin: 0 5px 5px 0; border: 1px solid #ccc;}
.delete_fotos div.active {background: #0cace2; opacity: 0.4;}
.delete_fotos input {display: none;}

#item_addd {margin: 0 0 0 -15px; float: left; height: 80px; width: 590px; padding-top: 30px; position: relative;}
#item_addd.item_add_grey {width: auto;}

.code_div {position: absolute; top: 0px; left: 30px;}
.code_div1 {float: left; background: #aef; padding: 3px 10px; border-radius: 10px;}
.code_div2 {float: left; background: #080; padding: 3px 10px; border-radius: 10px; color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.5); margin: 0 28px 0 20px; font-weight: bold;}

/*  */

#item_wait { float: left; margin-left: 10px; width: 210px; border: 1px solid #ccc; border-radius: 10px; text-align: center; padding: 5px 10px; font-size: 10px; background: #f6f6f6;}
#item_wait b { display: block; font-size: 19px; color: #89a;}

.butt_wait {display: block; float: left; padding: 7px 20px 6px 65px; background: #16c url(images/mail.png) 12px center no-repeat; border: 5px solid #fff; border-radius: 10px; color: #fff; box-shadow: 0 0 10px #aaa; font-size: 12pt; font-weight: bold; text-shadow: -1px -1px 1px rgba(0,0,0,0.5); text-align: center; margin: 5px 0 5px 5px;}
.butt_wait:hover {text-decoration: none; box-shadow: 0 0 12px #888; color: #fff; background-color: #28e;}

#item_add {height: 71px; background: url(images/price-left.png) left top no-repeat; float: left;}
.item_add_grey #item_add {background: url(images/price-left-grey.png) left top no-repeat;}
#price-right {float: left; width: 17px; height: 71px;}

#item_buy {float: left; padding-top: 5px;}
#item_buy p {padding: 20px 0 0 12px; color: #0cace2; font-weight: bold; margin-bottom: 5px;}
#item_buy input {background: #ecf4fd; border: 1px solid #0cace2; width: 30px; font-size: 12pt; text-align: center;}
#item_buy img {vertical-align: bottom; margin-bottom: -4px;}
.butt_buy {display: block; float: left; padding: 11px 15px 10px 50px; background: #080 url(images/shopping-cart.png) 10px center no-repeat; border: 5px solid #fff; border-radius: 10px; color: #fff; box-shadow: 0 0 10px #aaa; font-size: 18pt; font-weight: bold; text-shadow: -1px -1px 1px rgba(0,0,0,0.5); text-align: center; margin: 5px 0 5px 5px;}
.butt_buy:hover {text-decoration: none; box-shadow: 0 0 12px #888; color: #fff; background-color: #0b0;}

.butt_credit {display: block; float: left; width: 120px; margin-top: 5px; padding: 6px 10px 5px 20px; background: #c60 url(/o-icon/credit.png) 10px 15px no-repeat; border: 5px solid #fff; border-radius: 10px; color: #fff; box-shadow: 0 0 10px #aaa; font-size: 12pt; font-weight: bold; text-shadow: -1px -1px 1px rgba(0,0,0,0.5); text-align: center; margin-left: 5px;}
.butt_credit:hover {text-decoration: none; box-shadow: 0 0 12px #888; color: #fff; background-color: #f60;}

.creditPrice {font-weight: bold; text-align: right;}
.creditPrice span {font-size: 19pt; font-weight: normal; font-family: OpenSans, sans-serif; color: #693;}

.quant_minus, .quant_plus {display: inline-block; width: 12px; height: 12px; margin: 0px 5px 0px 0px; background: url(/o-icon/item-plus-minus.png) 0px 0px no-repeat; cursor: pointer;}
.quant_plus {background-position: 0 -13px; margin: 0px 0px 0px 5px;}

.product_images img {width: 970px;}

/* box */

#boxMask {position:absolute; z-index:9998; background-color: #000; opacity: 0.0; top:0;}
#boxShow {position:absolute; width:380px; height:110px; display:none; z-index:9999; padding:20px; background: #f0f0f0 url(images/bg.gif) bottom repeat-x; border-radius: 10px; box-shadow: 0 0 20px #000;}
#boxShow a {font-weight: bold;}

/* order */

#linkarrows {height: 50px;}
#linkarrows a, .butt-arrow, .butt-back {display: block; float: left; background: #eee url(/o-icon/arrow-right-big-grey.png) right center no-repeat; padding: 10px 40px 10px 10px; border-radius: 8px; margin-right: 10px; color: #999; cursor: default;}
#linkarrows a:hover {text-decoration: none;}
#linkarrows span {display: inline-block; width: 13px; height: 13px; margin-right: 10px; background: url(/o-icon/checkbox.png) center top no-repeat; margin-bottom: -1px;}
#linkarrows a.curr {background: #d0e5ed url(/o-icon/arrow-right-big.png) right center no-repeat; color: #05b;}
#linkarrows a.curr span {background-position: center center;}
#linkarrows a.complete, .butt-arrow {background: #03b2ec url(/o-icon/arrow-right-big.png) right center no-repeat; color: #fff; cursor: pointer;}
#linkarrows a.complete span {background-position: center bottom;}
#linkarrows a.complete b, .butt-arrow b, .butt-back b {border-bottom: dashed 1px #fff;}
#linkarrows a.complete:hover, .butt-arrow:hover, .butt-back:hover {background-color: #08c; color: #fff; text-decoration: none; box-shadow: 3px 3px  6px #abc;}
.butt-back {background: #03b2ec url(/o-icon/arrow-left-big.png) left center no-repeat; padding: 10px 10px 10px 40px; color: #fff; cursor: pointer; display: none; }
.orderdiv {background: #f5f5f5; border-radius: 10px; padding: 15px; display: none;}
.orderdiv.curr {display: block}
.butt-magenta {background: #ea3587 url(/o-icon/arrow-right-big-magenta.png) right center no-repeat;}
.butt-magenta:hover {background-color: #c51d68;}

#novaposhta label {margin-left: 30px; width: 370px;}
.shippingData {display: none;}
#helpText {display: inline-block; padding: 10px 0 0 20px;}
#orderDetails {display: block; background: #fff; border-radius: 8px; padding: 10px; margin-right: 15px;}
.pay_bank {display: none; background: #f5f5f5; border-radius: 10px; padding: 10px 20px; margin-top: 10px;}

/* FAQ */

.faqs {position: relative;}
.faq_section {border: 1px solid #ccc; border-radius: 5px; margin: 5px 0; padding: 10px; position: relative;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}
.faq_edit {display: none; position: absolute; right: 10px; top: 10px; padding: 0 0 3px 5px;}
.faq_edit a {float: left; margin-right: 3px;}
.faq_section:hover .faq_edit, .faqOne:hover .faq_edit {display: block;}

.faqOne {position: relative; border: 1px solid #ddd; z-index: 1; 
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );}
.faqOne:hover, .faqOne.active {box-shadow: 0 0 25px rgba(0,0,0,.3); z-index: 2; background: #fff;}
.faqOne:hover {z-index: 3;}

.faqDiv {display: none; padding: 20px; position: relative; border-top: 1px dashed #ccc;}
.faqAsk {display: block; padding: 8px 10px; font-size: 16px;}
.faqAsk.bold {font-weight: bold; }

/*   */

#tech th {text-align: left; background: #eee; padding: 5px 10px; color: #05b;}
.infoDiv, .alertDiv { padding: 15px 15px 15px 55px; margin-bottom: 10px; border-radius: 10px; font-size: 11pt;}
.infoDiv {background: #aef url(/o-icon/info_rhombus.png) 10px center no-repeat;}
.alertDiv {background: #fdb url(/o-icon/alert-32.png) 10px center no-repeat;}
.infoDiv p, .alertDiv p {margin: 5px 0;}

.info_grey { border: 1px solid #ccc; border-radius: 5px; padding: 5px 10px 10px 10px; text-shadow: 1px 1px 0 #fff; margin-top: 10px;
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2f2f2 0%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2f2f2 0%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */}

#callbackPopup {z-index: 9999;}

.status_class td {background: #fe8; font-weight: bold;}

.call_add_comm {opacity: 0; float: right;}
#callbacks_table tr:hover .call_add_comm {opacity: 1;}

.butt {display: inline-block; background: #f2f5f6;
background: -moz-linear-gradient(top,  #f2f5f6 0%, #c8d7dc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(100%,#c8d7dc));
background: -webkit-linear-gradient(top,  #f2f5f6 0%,#c8d7dc 100%);
background: -o-linear-gradient(top,  #f2f5f6 0%,#c8d7dc 100%);
background: -ms-linear-gradient(top,  #f2f5f6 0%,#c8d7dc 100%);
background: linear-gradient(to bottom,  #f2f5f6 0%,#c8d7dc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
border: 1px solid #aaa; border-radius: 5px; padding: 4px 10px; text-shadow: 1px 1px 0 #fff; margin: 0; cursor: pointer;
color: #345;
}
.butt i {display: block; width: 16px; height: 16px; background-repeat: no-repeat; float: left; margin-right: 5px;}
.butt:hover {text-decoration: none; background: #f2f5f6; box-shadow: 0 0 5px #ccc;}
d.butt.email_add {background-image: url(/o-icon/email_add.png); background-position: 15px center; background-repeat: no-repeat;}
.butt.email_add:before {content: ""; display: block; width: 16px; height: 16px; background: url(/o-icon/email_add.png) no-repeat; float: left; margin-right: 5px;}
.butt.email_edit:before {content: ""; display: block; width: 16px; height: 16px; background: url(/o-icon/email_edit.png) no-repeat; float: left; margin-right: 5px;}
.butt.email_send:before {content: ""; display: block; width: 16px; height: 16px; background: url(/o-icon/email_go.png) no-repeat; float: left; margin-right: 5px;}
.butt.item_edit:before {content: ""; display: block; width: 16px; height: 16px; background: url(/o-icon/edit.png) no-repeat; float: left; margin-right: 5px;}
.butt.pdf:before {content: ""; display: block; width: 16px; height: 16px; background: url(/o-icon/icon_file_pdf.png) no-repeat; float: left; margin-right: 5px;}
.butt.order:before {content: ""; display: block; width: 16px; height: 16px; background: url(/o-icon/order.png) no-repeat; float: left; margin-right: 5px;}
.butt.order {background: #e87fae;
background: -moz-linear-gradient(top,  #e87fae 0%, #d13e7e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e87fae), color-stop(100%,#d13e7e));
background: -webkit-linear-gradient(top,  #e87fae 0%,#d13e7e 100%);
background: -o-linear-gradient(top,  #e87fae 0%,#d13e7e 100%);
background: -ms-linear-gradient(top,  #e87fae 0%,#d13e7e 100%);
background: linear-gradient(to bottom,  #e87fae 0%,#d13e7e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e87fae', endColorstr='#d13e7e',GradientType=0 );
color: #fff; text-shadow: -1px -1px 0 #722245; border: #722245;
}
.butt.order:hover {background: #d13e7e; box-shadow: 0 0 5px #666; }
.butt.payu {font-weight: bold; font-size: 12pt;}
.butt.payu:before {content: ""; display: block; width: 45px; height: 17px; background: url(images/payu.png) no-repeat; float: left; margin: 2px 6px 0 0;}
.butt.liqpay {font-weight: bold; font-size: 12pt;}
.butt.liqpay:before {content: ""; display: block; width: 80px; height: 17px; background: url(images/liqpay.png) no-repeat; float: left; margin: 2px 6px 0 0;}
.butt.add:before {content: ""; display: block; width: 16px; height: 16px; background: url(/o-icon/add.png) no-repeat; float: left; margin-right: 5px;}
/*a.butt:after {content: ""; display: table; clear: both;}*/

.rassrochka a {color: #d59 !important;}

#login span {margin: 0 10px 5px 0; display: block; float: left;}
#login .butt {padding: 3px 6px; margin: 0; border-radius: 0; float: left;}
#login span .butt:first-child {border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
#login span .butt:last-child {border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

/* archive */

.month {float: left; width: 142px; height: 160px; margin-right: 16px;}
.month1 a {color: #a00;}
.month td {text-align: right; color: #ccc; font-size: 10pt; padding: 1px 3px;}
.month tr.days td {color: #666; font-size: 8pt;}
.month h4 {border-bottom: 2px solid #ccc; padding: 0 0 5px 0; margin: 0 0 5px 0;}

/*         */

.titledImg, .prettydiv {padding: 5px; border: 1px solid #ccc; font-size: 8pt; font-style: italic; text-align: right; text-shadow: 1px 1px 0 #fff; margin: 0 auto 10px auto; 
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.titledImg img, .prettydiv img {max-width: 700px !important; border: 1px solid #ccc;}
.prettydiv {text-align: left; width: 702px;}
.prettydiv img {display: block;}
.prettydiv a {border: none;}

.disqus_comments span {padding-left: 14px; background: url(/o-icon/comments_mini.png) left 1px no-repeat; }

/* Comments */

.comment {}
.comment_text {background: #fff; padding: 10px; border-radius: 5px; border: 1px solid #ddd;}
.quote_title {float: left; color: #a00; font-size: 10pt; width: 130px; padding: 5px; text-align: right;}
.quote_text {float: right; background: #dfebf8; font-size: 10pt; padding: 5px; width: 600px;}
.reply_text {background: #dfebf8; padding: 10px; border-radius: 3px; position: relative; margin-top: 12px;}
.reply_text:before { content: ' '; position: absolute; top: -8px; left: 20px;height: 0; width: 0; border-bottom: 8px solid #dfebf8; border-left: 8px solid transparent; border-right: 8px solid transparent; }

.form_butt {display: block; float: left; width: 24px; height: 24px; background-repeat: no-repeat; background-position: left top;}
.form_butt:hover {background-position: left bottom;}

/* Gallery */

.fotoThumbs { padding: 10px 14px; border: 1px solid #ccc; border-radius: 5px;
background: #fff;
background: -moz-linear-gradient(top,  #fff 0%, #e0e0e0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e0e0e0));
background: -webkit-linear-gradient(top,  #fff 0%,#e0e0e0 100%);
background: -o-linear-gradient(top,  #fff 0%,#e0e0e0 100%);
background: -ms-linear-gradient(top,  #fff 0%,#e0e0e0 100%);
background: linear-gradient(to bottom,  #fff 0%,#e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e0e0e0',GradientType=0 );
}

.fotoThumbs a {display: block; padding: 2px; border: 1px solid #ccc; border-radius: 3px; background: #fff; float: left; margin: 2px 4px; position: relative;}
.fotoThumbs a:hover {box-shadow: 0 0 10px #999;}
.fotoThumbs img {display: block;}
.fotoThumbs a div {overflow: hidden;}
.fotoThumbs a:hover img.prettyfoto { 
	opacity: 0.7;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.fotoThumbs a span {display: block; position: absolute; background: url(/o-icon/zoom_32.png) no-repeat; height: 32px; width: 32px; margin: -16px 0 0 -16px; left: 50%; top: 50%; opacity: 0; }


.itemcard_code {float: left; margin: 4px 0 0 10px; color: #999;}
.itemcard_left {float: left; width: 262px; margin-right: 10px;}
.itemcard_center {float: left; width: 480px; margin-right: 10px; height: 200px;}
.itemcard_right {float: left; width: 208px; height: 200px; padding-top: 23px;}
.itemcard_stars {margin-bottom: 10px;}
.itemcard_image {border: 1px solid #ccc; position: relative;}
.itemcard_morefoto {position: absolute; bottom: 0; left: 0; display: block; width: 260px; background: rgba(206,206,206,0.5); text-align: center; padding: 5px 0;}
.itemcard_image span { background: url(/o-icon/zoom_64.png) no-repeat; display: block; position: absolute; height: 64px; width: 64px; margin: -32px 0 0 -32px; left: 50%; top: 50%; opacity: 0; }
.itemcard_image:hover .itemcard_morefoto {background: #eee;}
.itemcard_image:hover span {opacity: 1;}
.itemcard_image:hover img {opacity: 0.5;}

#fotorama-overlay { position: fixed; z-index: 1000; top: 0px; left: 0px; height: 100%; width: 100%; background: #fff; display: none;}
#fotorama {position: fixed; left: 50%; top: 0; z-index: 11000; border: 4px #aaa solid; padding: 20px; background: #fff; display: none;}
#fotorama-close {position: absolute; bottom: 10px; right: 10px;}

.itemcard_price {float: left; width: 170px; text-align: center; padding-top: 5px;}
.itemcard_buy {float: left; width: 170px; text-align: center; padding-top: 5px;}
.itemcard_buy span{font-weight: bold; }
.itemcard_icons {float: right; font-size: 10px; padding: 22px 10px 0 0; }
.itemcard_icons a, .itemcard_icons_left a {display: block; float: left; text-align: center; width: 44px; padding-top: 36px; line-height: 110%;}
.itemcard_priceseek {background: url(/o-icon/priceseek-32.png) center top no-repeat; margin-right: 15px;}
.itemcard_compare {background: url(/o-icon/scales-32.png) center top no-repeat; margin-right: 0; width: 50px !important;}
.itemcard_compare.compare_yes {background-position: center -64px;}
.itemcard_icons a:hover, .itemcard_icons_left a:hover {background-position: center -64px;}

#compare_go {display: inline-block; margin: 7px 0 0 16px; font-weight: bold;}

.itemcard_icons_left {font-size: 10px; height: 70px; padding: 15px 0 0 25px;}
.itemcard_video {background: url(/o-icon/video-32.png) center top no-repeat;  margin-right: 35px;}
.itemcard_3d {background: url(/o-icon/3d-32.png) center top no-repeat; margin-right: 35px;}
.itemcard_reviews {background: url(/o-icon/test-32.png) center top no-repeat; }

.item_price {font-size: 36px; font-family: OpenSans, sans-serif; }
#itemcard_complect .item_price {font-size: 30px; font-family: OpenSans, sans-serif; }
.complect_price {font-weight: bold; opacity: 0;}

.item_komplekt {padding-top: 5px;}
.item_komplekt span, .item_econom span {display: block; font-size: 10pt; font-family: arial, helvetica, verdana, tahoma, san-serif; font-weight: bold;}
.econom_price {font-size: 12pt; font-family: arial, helvetica, verdana, tahoma, san-serif; margin-top: 5px; color: #c00;}

#item_price_all {position: absolute; bottom: 85px; left: 20px; border-radius: 6px; padding: 4px; text-align: left; z-index: 9999; background: url(images/ani-border.gif); }
#item_price_all div {padding: 6px 10px; background: #ffa;  border-radius: 3px;}
#item_price_all:after {content: ""; position: absolute; width: 0; height: 0; border: 10px solid #07c; border-color: #07c transparent transparent transparent; bottom: -20px; left: 47%;}
#item_price_all span {font-weight: bold; font-size: 12pt; color: #07c;}

.itemcard_buybutt, .itemcard_buycred {display: block; color: #fff; font-weight: bold; text-shadow: -1px -1px 0 rgba(0,0,0,0.5); text-align: center; font-family: OpenSans, sans-serif;}
.itemcard_buybutt {background: #0071c7; font-size: 26px; padding: 4px 0 5px; margin: 5px 0;}
.itemcard_buycred {background: #0b0; font-size: 18px; padding: 3px 0 4px;}
.itemcard_buybutt:hover, .itemcard_buycred:hover {-moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); text-decoration: none; color: #fff; box-shadow: 0 0 10px 1px rgba(0,0,0,0.3); }
.itemcard_buybutt:active, .itemcard_buycred:active {-moz-transform: scale(1.02); -webkit-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); text-decoration: none; color: #fff;}
.itemcard_complectbutt {font-size: 16px; padding: 5px 0;}
.buttblue {display: block; color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.5); text-align: center; font-size: 12pt; background: #0071c7; padding: 3px 5px 5px 0; cursor: pointer; font-family: OpenSans, sans-serif;}
.buttblue:hover {background: #188EE7;}

.itemcard_buyinfo {background: #eee; padding: 10px; position: relative; margin-bottom: 10px;}
.itemcard_buyinfo1 {height: 64px;}
.itemcard_buyinfo2 a {display: block; padding: 2px 5px 5px 5px; color: #567;}
.itemcard_buyinfo2 a:hover {background: #fff; box-shadow: 0 0 6px #ccc; text-decoration: none;}
.itemcard_buyinfo h4 img {vertical-align: bottom; margin-top: 3px;}
.itemcard_pin {position: absolute; top: -10px; right: 0;}
.itemcard_like {position: absolute; bottom: 15px; right: 20px;}

.itemcard_buyinfo2 { font-size: 8pt; padding: 6px;}
.small-li ul { list-style: none; padding: 0; margin: 0;}
.small-li ul li { background: url(/o-icon/check-mark.png) no-repeat 0 0; padding: 1px 0 1px 18px;}
.itemcard_buyinfo2 h4 {margin-bottom: 2px; font-family: arial, helvetica, verdana, tahoma, san-serif; font-weight: bold; color: #567;}

.itemcard_block {padding: 5px; background: #fff; border: 1px solid #ddd; position: relative;}

#itemcard_guaranties {width: 470px; margin: 11px 0;}
#itemcard_guaranties.blue {background: #ddf5fc; border-color: #aacde7;}

#itemcard_packets {width: 470px; }
.block_title {margin: -5px -5px 10px -5px; padding: 5px; text-align: center; background: #eee; text-shadow: 1px 1px 0 rgba(255,255,255,0.7); font-size: 13pt; background: #eee url(images/bg-title.png) center bottom no-repeat;}
#itemcard_packets .packets {width: 106px; height: 76px; float: left; background: #fff; padding: 10px 5px; text-align: center; position: relative; line-height: 120%; border-left: 1px solid #ccc;}
#itemcard_packets .packets:first-child {border: none;}
#itemcard_packets .packets:hover {background: #eee;}
#itemcard_packets .packets.selected {background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #cbebff 50%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#cbebff), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #ffffff 0%,#cbebff 50%,#ffffff 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#cbebff 50%,#ffffff 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#cbebff 50%,#ffffff 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#cbebff 50%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
#itemcard_packets label{margin-right: 3px;;}
#itemcard_packets .packets a.ttl {display: table-cell; height: 30px; width: 101px; vertical-align: middle;}
#itemcard_packets .packets div.price {font-size: 11pt; color: #b50005; font-weight: bold; margin: 6px 0 10px 0;}
#itemcard_packets .packets div.info, .pop_info {position: absolute; bottom: 50px; left: -50px; border: 4px solid #03b2ec; width: 240px; border-radius: 6px; padding: 10px; text-align: left; box-shadow: 0 0 10px #fff, 0 0 20px #fff inset; opacity: 0; display: none; z-index: 9999;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );}

#itemcard_packets .packets div.info ul {margin: 0; padding: 0;}
#itemcard_packets input {cursor: pointer; }
#itemcard_packets .packets i, .pop_i {display: block; width: 16px; height: 16px; background: url(images/question.png) center top no-repeat; position: absolute; top: 5px; right: 5px;}
.pop_i {position: static;}
#itemcard_packets .packets i:hover, .pop_i:hover {background-position: bottom;}
#itemcard_packets .packets label.radio, 
	#accessories label.radio {padding: 1px; }
#itemcard_packets .packets label.radio.checked, 
	#accessories label.radio.checked {background: url(/o-icon/bg-check.png) center center;}
#itemcard_packets .packets label.radio input,   
	#accessories label.radio input {outline: none; opacity: 0;}
	
#accessories {width: 742px; margin: 7px 0 0 0; }
#accessories_go {width: 500px; margin-left: 24px;}
#accessories_go ul {list-style-type: none; margin: 0; padding: 0;}
.access {width: 148px; height: 185px; float: left; padding: 10px; text-align: center; position: relative; line-height: 100%; border-left: 1px solid #ddd;
background: #fff url(images/bgleft.png) left center no-repeat;

}

.access img { width: 100px; height: 100px;}
.access:hover {background: #eee;}
.access a.lnk {font-size: 8pt; display: block; height: 28px; padding-top: 5px; overflow: hidden;}
.access a.lnk2 {display: block; float: right; margin: -2px 10px 0 0;}
.access b1 {display: block; position: absolute; top: 80px; right: 0; padding: 5px 5px; margin: 0; background: #eee; border-radius: 5px 0 0 5px; text-shadow: 1px 1px 1px #fff; font-size: 12pt; color: #b50005;}
.access b { font-size: 11pt; color: #b50005;}
.access.selected {background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #cbebff 50%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#cbebff), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #ffffff 0%,#cbebff 50%,#ffffff 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#cbebff 50%,#ffffff 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#cbebff 50%,#ffffff 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#cbebff 50%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.access .access_price {margin-top: 10px; padding-bottom: 10px;}
.access .access_add {cursor: pointer;}
.access .complect-discount {position: absolute; text-align: center; width: 120px; padding: 2px; font-weight: bold; color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.5); top: 8px; left: -40px; background: rgba(200,0,0,0.8); border-bottom: 1px solid #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
-moz-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
-webkit-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
transform: rotate(-35deg);
}

#acc_left, #acc_right {position: absolute; width: 32px; height: 32px; top: 100px; cursor: pointer; opacity: 0.3;}
#acc_left {background: url(images/arr_prev.png) 0 0 no-repeat; left: 0;}
#acc_right {background: url(images/arr_next.png) 0 0 no-repeat; left: 530px;}
#acc_left:hover, #acc_right:hover {opacity: 1;}
	
#itemcard_complect {width: 170px; height: 170px; position: absolute; text-align: center; top: 40px; right: 10px; }
#items_from {position: absolute; bottom: -20px; left: 0;}

.price_strike {position: absolute; top: 10px; right: 10px; background: #a00; padding: 5px 10px; border-radius: 5px; color: #fff; text-decoration: line-through; font-size: 16px; border: 2px solid #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); font-weight: bold;}