*{margin:0; padding:0;}
html{
width:100%; height:100%;
font-size:100.01%;
}
body {
width:100%; height: 100%;
min-height:100%;
position:relative;
font:62.5% Arial, Helvetica, sans-serif;
background:#E5E5E5;
}
img{
border:none;
}
select, textarea, .textbox{
font:1em Arial, Helvetica, sans-serif;
}
fieldset{
border:none;
}
legend{
display:none;
}
a{
outline:none;
}
/*******classes******/
.clearing {
height: 0;
clear: both;
line-height:0px;
font-size:0;
}
.hide{
display:none;
}
.none{
padding:0 !important;
margin:0 !important;
border:none !important;
background:none !important;
}
.tr{
text-align:right;
}
.fr{
float:right;
}
.fl{
float:left;
}
.textRight{
text-align:right;
}
.replace{
overflow:hidden;
}
.replace span{
top:0; left:0;
position:absolute;
}
.simpleList li{
list-style:none;
margin-bottom:5px;
}
.form li{
list-style:none;
margin-bottom:10px;
overflow:hidden;
zoom:1;
}
/*******************/
/********container********/
#fixWidth{
min-width:985px;
max-width:1280px;
padding:5px;
margin:0 auto;
}
#outerWrapper {
padding:0 25px;
position:relative;
overflow:hidden;
zoom:1;
background:#fff;
border:1px solid #C3C3C3;
}
#container {
width: 100%;
float: left;
margin-right: -187px;
zoom:1;
}
#mainWrapper{
width:100%;
overflow:hidden;
zoom:1;
position:relative;
}
#content {
margin-right: 187px;
zoom:1;
}
/**********header***********/
#header{
width:100%; height:125px;
margin-bottom:10px;
font-size:11px;
color:#717171;
position:relative;
}
#header a{
text-decoration:none;
}
#header a:hover{
text-decoration:underline;
}
.index #header{
height:161px;
}
.logo{
top:10px; left:0;
position:absolute;
overflow:hidden;
font-size:14px;
}
.logo a{
text-decoration:none;
color:#7B7B7B;
}
.logo a big{
font-size:50px;
display:block;
color:#FF7000;
}
.logo, .logo span{
width:291px; height:101px;
}
.logo span{
top:0px; left:0px;
position:absolute;
cursor:pointer;
background: url(/img/logo.png) no-repeat;
}
.hmm{
top:18px; left:105px;
position:absolute;
}
.hmm li{
margin-right:10px;
list-style:none;
float:left;
}
.hmm a{
text-decoration:underline !important;
color:#747679;
}
.hmm a:hover{
text-decoration:none !important;;
}
.phoneNumber{
top:21px; left:378px;
position:absolute;
z-index:1;
color:#ADADAD;
font-size:26px;
}
.index .phoneNumber{
top:53px; left:260px;
position:absolute;
padding-left:20px;
border-left:1px solid #ADADAD;
}
.searchForm{
top:70px; left:378px;
position:absolute;
}
.searchForm label{
display:block;
font-size:12px;
margin-bottom:5px;
}
.searchForm .textbox{
width:158px;
padding:1px 0 2px;
margin-right:3px;
float:left;
}
.serviceBlockWrapper{
top:-1px;
width:82px;
z-index:1;
position:absolute;
padding-bottom:4px;
background:#fff url(/img/shadowSmall.gif) bottom left no-repeat;
}
.serviceBlock{
text-align:center;
position:relative;
padding:0px 5px 5px 5px;
border:1px solid #E5E5E5;
border-top:none;
}
.serviceBlock a{
display:block;
padding-top:80px;
position:relative;
color:#717171;
}
.soft{
right:195px;
}
.soft .serviceBlock{
background: url(/img/softIco.png) 50% 10px no-repeat;
}
.comp{
width:91px;
right:94px;
}
.comp .serviceBlock{
background: url(/img/compIco.png) 50% 10px no-repeat;
}
.system{
width:85px;
right:0;
}
.system .serviceBlock{
background: url(/img/systemIco.png) 50% 10px no-repeat;
}
.mainNav{
width:100%;
bottom:0; left:0;
position:absolute;
font-size:14px;
font-weight:bold;
border-collapse:collapse;
}
.mainNav td{
vertical-align:top;
text-align:center;
padding:10px 25px;
border-right:1px solid #A1A2A4;
background:#747679 url(/img/squareRed.gif) no-repeat;
}
.mainNav a{
color:#fff;
}
/**********middle***********/
#middle {
zoom:1;
padding:0 10px 60px 0;
font-size:12px;
color:#1F1618;
overflow:hidden;
}
#middle h1{
margin-bottom:20px;
font-size:20px;
color:#454545;
}
#middle h2{
margin-bottom:10px;
font-size:14px;
color:#515151;
}
#middle h3{
font-size:12px;
margin-bottom:5px;
color:#515151;
}
#middle ul{
margin-left:20px;
}
#middle p{
margin-bottom:20px;
}
#middle a{
color:#007193;
}
#middle a:hover{
text-decoration:none;
}
.banerBlock{
margin-bottom:15px;
}
.banerBlock table{
width:100%;
border-collapse:collapse;
}
.banerBlock td{
padding-left:15px;
text-align:right;
vertical-align:top;
}
*+html .banerBlock td img{
display:block;
}
.leftBaner{
width:75%;
padding-left:0 !important;
}
.fst{
margin-bottom:15px;
}
.fst table{
width:100%;
border-collapse:collapse;
}
.fst td{
vertical-align:top;
}
#middle .fstBlock h1{
color:#838383;
font-size:21px;
margin-bottom:5px;
}
.fstBlock{
padding:25px 0 0 90px;
color:#828282;
position:relative;
}
.firstBlock{
width:145px; height:207px;
background: url(/img/first.jpg) no-repeat;
}
.secondBlock{
width:145px; height:207px;
background: url(/img/second.jpg) no-repeat;
}
.thirdBlock{
width:170px; height:207px;
background: url(/img/third.jpg) no-repeat;
}
.arrow{
width:32px; height:32px;
bottom:30px; left:90px;
display:block;
text-indent:-999em;
position:absolute;
}
.firstBlock .arrow{
background: url(/img/arrow1.gif) no-repeat;
}
.secondBlock .arrow{
background: url(/img/arrow2.gif) no-repeat;
}
.thirdBlock .arrow{
background: url(/img/arrow3.gif) no-repeat;
}
.contentBottomMenuWrapper{
width:100%;
bottom:10px; left:0;
position:absolute;
}
.contentBottomMenuWrapper .contentBottomMenu{
margin-right:200px;
}
.index .contentBottomMenu table{
background:#FBEBDB;
}
.contentBottomMenu table{
width:100%;
font-size:14px !important;
border-collapse:collapse;
}
.contentBottomMenu td{
padding:10px 7px;
text-align:center;
}
.contentBottomMenu a{
color:#747679 !important;
}
.contentBottomMenu .bullet{
width:6px;
background: url(/img/redSquareBigN.gif) 50% 17px no-repeat;
}
.contentBottomMenu .first{
padding-left:30px;
background-position:100% 17px;
}
.contentBottomMenu .last{
padding-right:30px;
background-position:0 17px;
}
.pink{
background:#FFEBDA;
}
.title{
padding:2px 0 2px 22px;
}
.hardtextmoy{
margin-bottom:52px !important;
}
.newsTitle{
background: url(/img/newsIco.gif) bottom left no-repeat;
}
.newsList{
margin:0 0 20px 0 !important;
}
.newsList dd{
line-height:17px;
margin:0 0 15px 70px;
}
.newsList strong{
padding-right:5px;
margin-right:5px;
color:#FF7000;
border-right:1px solid #C6C6C6;
}
.softNews strong{
color:#FF7000;
}
.titles{
padding:0 0 2px 25px;
}
.navchain{
margin:0 0 10px 0 !important;
font:11px Tahoma;
overflow:hidden;
zoom:1;
}
.navchain li{
list-style:none;
float:left;
margin-right:5px;
color:#747679 !important;
}
.navchain a{
color:#747679 !important;
}
.shadowBlock{
padding-bottom:9px;
background: url(/img/shadowBig.gif) bottom left no-repeat;
}
.borderBlock{
padding:20px;
overflow:hidden;
zoom:1;
position:relative;
border:1px solid #E5E5E5;
}
.borderTopBlock{
position:relative;
}
.borderTopBlock .shadowBlock{
padding-top:4px;
}
.dottedTopBlock{
padding:10px 0 20px;
zoom:1;
}
.dottedTopBlock .blockTitle{
margin-bottom:10px !important;
}
.imgWrapper img{
padding:10px;
border:1px solid #C3C3C3;
}
.imgWrapper.fr{
margin-left:10px;
}
.imgWrapper.fl{
margin-right:10px;
}
.productDataTable, .sale_basket_basket{
width:100%;
margin:15px 0;
border-collapse:collapse;
}
.productDataTable td, .sale_basket_basket td, .sale_order_full td, .sale-personal-order-list-filter td{
vertical-align:top;
padding:10px 10px 10px 25px;
}
.productDataTable a{
font-weight:bold;
}
.productDataTable .chapters a{
margin-right:10px;
}
.productDataTable .first{
width:140px;
padding-left:10px;
}
.zip{
margin:0 10px 0 5px;
padding:2px 0 0 20px;
background: url(/img/zipIco.jpg) no-repeat;
}
.xls{
padding:2px 0 0 20px;
background: url(/img/xlsIco.jpg) no-repeat;
}
.checkboxTable{
width:100%;
border-collapse:collapse;
}
.checkboxTable td{
width:50%;
padding-bottom:10px;
vertical-align:top;
}
.checkboxTable label{
margin-right:5px;
}
.checkboxTable span{
white-space:nowrap;
}
.dottedLineTable{
width:100%;
border-collapse:collapse;
}
.dottedLineTable .sep{
width:100%; height:2px;
padding:0;
background: url(/img/dottedLineBold.gif) top right no-repeat;
}
.dottedLineTable td{
vertical-align:top;
padding:10px 5px;
}
.articleTd{
width:200px;
color:#515151;
padding:10px !important;
text-align:center;
}
.priceTd{
width:120px;
padding-right:0;
text-align:right;
}
.priceTd a{
display:block;
}
.price{
color:#FF7000;
font-size:20px;
margin-bottom:10px;
display:block;
font-weight:bold;
}
.price2{
color:#FF7000;
font-size:12px;
margin-bottom:10px;
display:block;
font-weight:bold;
}
.btnBuy{
margin-bottom:10px;
}
.pagenav{
padding:10px;
overflow:hidden;
zoom:1;
border:1px solid #D8E8DC;
background:#F0FBF3;
}
.pagenav{
position:relative;
}
.pagenav{
margin-bottom:15px;
}
.pagenav ul{
margin:0 !important;
}
.pagenav li{
padding-right:3px;
margin-right:3px;
list-style:none;
float:left;
border-right:1px solid #ADADAD;
}
.pagenav .one{
padding-left:3px;
border-left:1px solid #ADADAD;
}
.pagenav p{
margin-bottom:10px !important;
color:#515151;
}
.pagenav .first, .pagenav .prev, .pagenav .next, .pagenav .last{
color:#FF7000;
border:none;
}
.pagenav .first{
margin-right:10px;
}
.pagenav .prev{
margin-right:20px;
}
.pagenav .next{
margin-left:20px;
}
.pagenav .last{
margin-left:10px;
}
.pagenav .view{
top:10px; right:10px;
position:absolute;
}
.pagenav .view li{
overflow:hidden;
padding-left:3px;
margin:0;
border-left:1px solid #ADADAD;
border-right:none;
}
.pagenav .view .last{
margin:0;
border-right:1px solid #ADADAD;
}
.pgBottom{
margin:0 !important;
}
.coloredBlock{
padding:10px;
}
.coloredBlock .contentTable{
margin:0;
}
.contentTable{
border-collapse:collapse;
width:100%;
}
.contentTable td{
padding:0 20px 5px 0;
vertical-align:top;
}
.bulletTable div{
padding-left:15px;
}
.catalogItem{
padding:20px 0 10px;
}
.catalogItem a{
margin-top:-10px;
}
.bulletTable a{
display:block;
}
.bulletTable a, .bulletTable span{
padding-left:15px;
font-size:14px;
}
.bulletTable strong a{
padding-left:0 !important;
background:none !important;
display:inline !important;
}
.companyLogo td{
padding-bottom:30px !important;
text-align:center;
}
.all{
font-size:14px;
background:none !important;
}
.borderList{
margin:0 !important;
}
.borderList li{
overflow:hidden;
zoom:1;
padding-bottom:10px;
margin-bottom:10px;
list-style:none;
line-height:17px;
}
.borderList h2{
margin-bottom:5px !important;
}
.borderList .last{
border:none !important;
padding:0;
}
.productDescrBlock{
line-height:18px;
}
.search-page{
overflow:hidden;
zoom:1;
}
.search-page input{
line-height:20px;
vertical-align:middle;
/*float:left;
margin-right:5px;*/
}
/***************************/
/**********right************/
#right{
width: 187px;
font-size:12px;
color:#1F1618;
float: right;
position:relative;
}
#right a{
color:#007193;
}
#right a:hover{
text-decoration:none;
}
#right li{
list-style:none;
margin-bottom:10px;
}
#right .last{
margin-bottom:0;
}
#right h2{
margin-bottom:20px;
color:#454545;
font-size:14px;
}
#right small{
font-size:11px;
}
.rightBlock{
margin-bottom:10px;
padding:15px 10px;
overflow:hidden;
zoom:1;
border:1px solid #E5E5E5;
background:#F5F5F5;
}
.rightBlock.white{
text-align:left;
}
.loginForm dl{
margin-bottom:15px;
}
.loginForm dt{
margin-bottom:2px;
}
.loginForm dd{
margin-bottom:10px;
}
.loginForm .textbox{
width:158px;
}
.loginForm a{
font-size:11px !important;
}
a.reg{
margin-right:10px;
}
#remeber{
font-size:11px !important;
}
.redSquareBullet li{
list-style:none;
padding-left:10px;
background: url(/img/redSquareBullet.gif) 0 5px no-repeat;
}
.contactList ul{
margin-bottom:10px;
}
.contactList li{
margin-bottom:5px !important;
}
.skypeIco{
font-size:25px;
vertical-align:middle;
}
.white{
background:#fff !important;
}
.basketBlock li{
padding-left:25px;
font-size:11px;
color:#747679;
}
.basketBlock span{
margin-right:5px;
}
.titleBasket{
padding:0 0 2px 25px;
margin-bottom:10px !important;
}
/***************************/
/**********bottom***********/
#bottom{
width:100%; height:60px;
padding-top:17px;
position:relative;
font-size:11px;
color:#1F1618;
border-top:4px solid #E5E5E5;
}
#bottom a{
color:#007193;
}
#bottom a:hover{
text-decoration:none;
}
#bottom p{
top:17px; right:0;
position:absolute;
text-align:right;
}
.counter{
float:left;
margin-right:10px;
}
.bottomMenu {
top:17px; right:50%;
width:325px;
text-align:center;
margin-right:-150px;
position:absolute;
}
.bottomMenu li{
margin-right:10px;
list-style:none;
display:inline;
}
.index .data-table th, .index .data-table td{
border:1px solid #FFD8BC !important;
background:#FBEBDB !important;
padding-left:5px !important;
padding-right:5px !important;
padding-top:5px !important;
padding-bottom:5px !important;
}
/*********softWrapper***************/
.softWrapper #header{
border-bottom:4px solid #FFE4B5;
}
.softWrapper .catalogTitle{
background: url(/img/catalogIcoOrange.gif) no-repeat;
}
.softWrapper .developersTitle{
background: url(/img/developerIcoOrange.gif) no-repeat;
}
.softWrapper .newsTitle{
background: url(/img/newsIcoOrange.gif) bottom left no-repeat;
}
.softWrapper .borderTopBlock{
background: url(/img/borderBoldOrange.gif) top left no-repeat;
}
.softWrapper .dottedTopBlock{
background: url(/img/dottedOrange.gif) top left repeat-x;
}
.softWrapper .productDataTable td, .sale_basket_basket td, .sale_basket_basket th, .sale_order_full td, .sale_order_full th, .sale-personal-order-list-filter td,
.sale-personal-order-list-filter th, .sale-personal-order-list td, .sale-personal-order-list th,
.sale_order_full_table th, .sale_order_full_table td{
border:1px solid #FFE4B5 !important;
background:#FFF9E4 !important;
}
.softWrapper .data-table th, .softWrapper .data-table td{
border:1px solid #FFE4B5 !important;
background:#FFF9E4 !important;
padding-left:5px !important;
padding-right:5px !important;
padding-top:5px !important;
padding-bottom:5px !important;
}
.sale_order_full_table{
width:500px !important;
}
.softWrapper .coloredBlock{
border:1px solid #FFE4B5;
background:#FFF9E4;
}
.softWrapper .bulletTable a, .softWrapper .bulletTable span{
background: url(/img/squarePeachBig.gif) 0 5px no-repeat;
}
.softWrapper .titleLeader{
background: url(/img/leaderOrange.gif) no-repeat;
}
.softWrapper .basketBlock{
background:#FFF2D3;
}
.softWrapper .titleBasket{
background: url(/img/basketOrange.gif) no-repeat;
}
.softWrapper .contentBottomMenu{
border:1px solid #FCE3BA;
background:#FFF2D3;
}
.softWrapper .contentBottomMenu .bullet{
width:6px;
background: url(/img/redSquareBig.gif) 50% 17px no-repeat;
}
/*********hardwareWrapper***************/
.hardwareWrapper #header{
border-bottom:4px solid #C2EBF8;
}
.hardwareWrapper .borderTopBlock{
background: url(/img/borderBoldBlue.gif) top left no-repeat;
}
.hardwareWrapper .dottedTopBlock{
background: url(/img/dottedBlue.gif) top left repeat-x;
}
.hardwareWrapper .bulletTable a, .hardwareWrapper .bulletTable span{
background: url(/img/lBlueSquareBig.gif) 0 5px no-repeat;
}
.hardwareWrapper .titleBasket{
background: url(/img/basketIcoBlue.gif) no-repeat;
}
.hardwareWrapper .basketBlock{
background:#E5F8FF;
}
.hardwareWrapper .catalogTitle{
background: url(/img/catalogIcoBlue.gif) no-repeat;
}
.hardwareWrapper .developersTitle{
background: url(/img/developerIcoBlue.gif) no-repeat;
}
.hardwareWrapper .newsTitle{
background: url(/img/newsIcoBlue.gif) bottom left no-repeat;
}
.hardwareWrapper .newsList strong{
color:#02C0FF;
}
.hardwareWrapper .contentBottomMenu{
border:1px solid #C2E5F8;
background:#E5F8FF;
}
.hardwareWrapper .contentBottomMenu .bullet{
width:6px !important;
background: url(/img/blueSquareBig.gif) 50% 17px no-repeat;
}
.hardwareWrapper .contentBottomMenu .bullet.first{
width:6px;
background: url(/img/blueSquareBig.gif) 100% 17px no-repeat;
}
.hardwareWrapper .sale-personal-order-list-filter td,
.hardwareWrapper .sale-personal-order-list-filter th, .hardwareWrapper .sale-personal-order-list td, .hardwareWrapper .sale-personal-order-list th,
.hardwareWrapper .sale_order_full_table th, .hardwareWrapper .sale_order_full_table td{
border:1px solid #C2E5F8 !important;
background:#E5F8FF !important;
}
.hardwareWrapper .data-table th, .hardwareWrapper .data-table td{
border:1px solid #C2E5F8 !important;
background:#E5F8FF !important;
padding-left:5px !important;
padding-right:5px !important;
padding-top:5px !important;
padding-bottom:5px !important;
}
/*********integrityWrapper***************/
.integrityWrapper #header{
border-bottom:4px solid #EBF5BB;
}
.integrityWrapper .borderTopBlock{
background: url(/img/borderBoldGreen.gif) top left no-repeat;
}
.integrityWrapper .dottedTopBlock{
background: url(/img/dottedGreen.gif) top left repeat-x;
}
.integrityWrapper .contentBottomMenu{
border:1px solid #EBF5BB;
background:#F4FAD2;
}
.integrityWrapper .contentBottomMenu .bullet{
width:6px !important;
background: url(/img/greenSquareBig.gif) 50% 17px no-repeat;
}
.integrityWrapper .contentBottomMenu .bullet.first{
width:6px;
background: url(/img/greenSquareBig.gif) 100% 17px no-repeat;
}
.integrityWrapper .serviceTitle{
background: url(/img/serviceIcoGreen.gif) no-repeat;
}
.integrityWrapper .borderList li{
border-bottom:1px solid #EBF5BB;
}
.integrityWrapper .borderList h2{
color:#8FA70B !important;
}
.integrityWrapper .sale-personal-order-list-filter td,
.integrityWrapper .sale-personal-order-list-filter th, .integrityWrapper .sale-personal-order-list td, .integrityWrapper .sale-personal-order-list th,
.integrityWrapper .sale_order_full_table th, .integrityWrapper .sale_order_full_table td{
background:#F4FAD2 !important;
border:1px solid #EBF5BB !important;
}
.integrityWrapper .data-table th, .integrityWrapper .data-table td{
background:#F4FAD2 !important;
border:1px solid #EBF5BB !important;
padding-left:5px !important;
padding-right:5px !important;
padding-top:5px !important;
padding-bottom:5px !important;
}
/****bitrix****/
#header .bx-component-border{
position:static !important;
}
#header div.bx-component-panel {
left:-1px;
margin:1px;
padding:0;
position:absolute;
top:98px;
z-index:2;
}
.tablebody{
text-align:left;
padding:0 10px 10px 0;
}
.myTable td{
padding:0 10px 10px 0;
}
.profile-block-shown .profile-table{
width:auto !important;
}
.sub {
background: url(/img/sendO.gif) top left no-repeat;
width: 88px;
height: 23px;
border: 0px solid #fff;
margin: 0px 0px 0px 0px;
}