html, body{
padding: 0px;
font-size: 11px;
font-family: arial, helvetica, sans-serif;
color: #505050;
text-decoration: none;
background-color: white;
}
h1{
font-size: large;
font-family: "Times New Roman", Times, serif;
margin: 0.7em 0.5em 0.5em 0.5em;
}
h2{
font-size: small;
font-weight: bold;
padding: 1em 0em 0.5em 2px;
}
#container{
position: absolute;
display: block;
left: 50%;
margin-left: -370px;
width: 740px;
}
#top{
display: block;
position: relative;
width: 100%;
clear: both;
background-color: white;
}
#menu{
float: left;
display: block;
width: 209px;
background-color: white;
}
#main{
display: block;
position: relative;
margin-left: 210px;
background-color: white;
}
#footer{
display: block;
position: relative;
text-align: center;
margin: 5px 0px 5px 0px;
clear: both;
background-color: white;
}
a:link, a:visited, a:active{
color: #505050;
}
a:hover{
color: #999999;
text-decoration: underline;
}
/********************/
/* ВЕРХУШКА */
/********************/
#top img.logo{
display: block;
}
#top img.image{
display: block;
margin: 0px 0px 0px 206px;
}
#top a{
display: block;
text-decoration: underline;
margin: 0px 0px 10px 0px;
}
#topleftlinks{
display: block;
position: absolute;
width: 207px;
top: 63px;
left: 0px;
background: url(../i/header_left.gif);
background-repeat: no-repeat;
padding: 15px 10px;
font-size: 12px;
}
html>body #top #topleftlinks{
width: 187px;
}
#toprightlinks{
display: block;
position: absolute;
font-size: 12px;
top: 63px;
left: 577px;
width: 160px;
padding: 15px 10px;
background: url(../i/header_right.gif);
background-repeat: no-repeat;
}
#topcart{
display: block;
position: absolute;
font-size: 11px;
font-weight: bold;
top: 0px;
left: 577px;
width: 160px;
padding: 10px 0px 10px 10px;
}
#topcart a{
display: inline;
}
#topcart .quan{
color: #08a8d8;
}
#top .sections{
display: block;
width: 221px;
}
/********************/
/* МЕНЮ */
/********************/
#menu .heading{
background: url(../i/infoBox_head.gif);
font-size: 14px;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
padding: 10px 10px 19px 10px;
}
#menu .content{
display: block;
width: 207px;
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
margin: 0px 1px 0px 1px;
padding: 1px 5px 1px 5px;
}
#menu img{
margin: 0px 0px 5px 0px;
}
html>body #menu .content{width: 195px;}
#menu a:link, #menu a:visited{
display: block;
color: #505050;
text-decoration: none;
}
#menu a.menuL1{
display: block;
font-size: 11px;
margin: 4px 0px 1px 0px;
}
#menu a.menuL2{
display: block;
margin: 1px 0px 1px 10px;
}
#menu a:hover{
display: block;
color: #999999;
}
#menu p.menuL1{
display: block;
font-size: 11px;
margin: 4px 0px 1px 0px;
font-weight: bold;
}
#menu p.menuL2, #menu p.menuL2{
display: block;
margin: 1px 0px 1px 10px;
font-weight: bold;
}
.search{
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
width:135px;
}
/********************/
/* MAIN */
/********************/
#main a:link{
color: #505050;
}
#main a:visited{
color: black;
}
#main a:hover{
color: #999999;
text-decoration: underline;
}
table#catalogue{
font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif;
width: 510px;
margin: 5px;
border-collapse: collapse;
}
html>body table#catalogue{width: 520px;}
table#catalogue thead td{
background: #e3e3e3;
color: #9f1a37;
font-weight: bold;
padding: 5px;
}
table#catalogue td{
padding: 3px;
border-right: 1px solid white;
}
table#catalogue tr.odd{background: white;}
table#catalogue tr.even{background: #f1f1f1;}
table#catalogue td.cmp{
color: #ff8f00;
}
table#catalogue td.name{
}
table#catalogue td.price{
text-align: right;
}
table#catalogue td.store{
text-align: center;
}
table#catalogue td.cart{
text-align: center;
padding: 1px 0px;
}
table#catalogue td.printers{
color: #999999;
font-size: 9px;
}
/********************/
/* выделение найденных символов */
.found{
background: #ffc782;
color: #505050;
text-transform: uppercase;
padding: 0px 1px 0px 1px;
}
/********************/
/* страница отдельного картриджа */
#details{
display: block;
position: relative;
width: 526px;
overflow: hidden;
padding: 1px 10px 1px 10px;
margin: -3px 0px -4px 0px;
background-position: top;
background-repeat: no-repeat;
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
}
html>body #details{
width: 504px;
margin: 0px;
}
.modelnumbers{
display: block;
border-left: 1px solid #d5d5d5;
margin: 10px 0px 0px 220px;
}
#details .photo{
float: left;
display: block;
margin: 10px 10px 10px 0px;
}
table#properties{
display: block;
position: relative;
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
width: 200px;
border-collapse: collapse;
}
table#properties td.title{
font-weight: bold;
background: #bfe1f2;
color: black;
border-right: 1px solid white;
border-bottom: 1px solid white;
padding: 4px 2px 4px 2px;
width: 80px;
}
table#properties td.data{
font-weight: normal;
background: #d9f1fb;
color: black;
border-bottom: 1px solid white;
padding: 4px 2px 4px 2px;
width: 120px;
}
table#properties td.datab{
font-weight: bold;
background: #d9f1fb;
font-size: 13px;
color: black;
border-bottom: 1px solid white;
padding: 4px 2px 4px 2px;
width: 120px;
}
.retail{
font-size: x-small;
font-weight: bold;
color: #505050;
margin: 1em 0em 1em 10px;
}
.digits{
color: #ff8f00;
}
form.cartform{
display: block;
margin: 10px;
padding: 10px 0px;
border-top: 1px dotted #d5d5d5;
text-align: right;
}
html>body form.cartform{
/*margin: 10px 10px 10px 230px;*/
}
input.text{
width: 40px;
font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif;
text-align: right;
margin-bottom: 1px;
}
.modeltext{
width: 100%;
margin: 10px;
padding: 10px 0px;
border-top: 1px solid #d5d5d5;
}
.modeltext p{
margin: 0px;
font-size: 16px;
font-family: verdana, arial, helvetica, sans-serif;
}
h3{
font-size: x-small;
font-weight: bold;
margin: 1.3em 0em 0.5em 0em;
}
/********************/
/* дополнительные стили для корзины */
form{
margin: 1px 0px;
}
#cartempty{
text-align: center;
padding: 20px 0px 20px 0px;
font-size: 12px;
}
#basket{
border: 1px solid #d5d5d5;
padding: 10px 0px;
margin: 0px 1px 0px 0px;
}
h1.cart{
background: url(../i/pagehead.jpg);
background-repeat: no-repeat;
font-size: 23px;
margin: 0px;
padding: 7px 7px 7px 15px;
}
.sum{
font-size: 12px;
font-weight: bold;
text-align: right;
padding: 1em 1em 0em 1em;
}
.delivery{
font-size: 12px;
font-weight: bold;
text-align: right;
padding: 0em 1em 0em 1em;
}
.total{
font-size: 12px;
font-weight: bold;
text-align: right;
padding: 0em 1em 1em 1em;
}
#cartbuttons{
display: block;
border: 1px solid #d5d5d5;
padding: 10px 3px 10px 3px;
text-align: center;
margin: 10px 1px 0px 0px;
}
#cartbuttons img, #cartbuttons input{
margin: 0px 20px 0px 20px;
}
/********************/
/* стили формы оформления заказа */
#basket p{
margin: 10px;
}
.clientstr{
width: 250px;
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
}
.clienttext{
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
}
/********************/
/* ЛИСТАЛКА СТРАНИЦ */
/********************/
.pagebar{
display: block;
position: relative;
width: 510px;
margin: 8px 5px 8px 5px;
font-size: 11px;
}
html>body .pagebar{width: 520px;}
.position{
text-align: left;
}
.pages{
position: absolute;
right: 0px;
text-align: right;
}
.showlimits{
text-align: left;
}
.thispage{
font-weight: bold;
font-size: 12px;
margin: 0px 4px 0px 4px;
}
.sel{
font-weight: bold;
}
a.pagehref{
margin: 0px 1px 0px 1px;
text-decoration: underline;
}
/***********************/
/* ТАБЛИЦА СПЕЦТОВАРОВ */
/***********************/
table#specials{
font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif;
width: 528px;
border-collapse: separate;
}
table#specials td{
border: 1px solid #d5d5d5;
margin: 1px;
text-align: center;
padding: 5px;
width: 50%;
}
table#specials img{
border: none;
}
table#specials .name{
font-size: 11px;
font-weight: bold;
margin: 2px 5px 5px 5px;
padding: 0px 0px 5px 0px;
border-bottom: 1px dashed #d5d5d5;
}
table#specials .printers{
font-size: 10px;
font-weight: normal;
margin: 3px 2px 3px 2px;
color: #999999;
}
table#specials .price{
margin: 10px 5px;
padding: 5px 0px;
border-top: 1px dashed #d5d5d5;
font-size: x-small;
font-weight: bold;
color: #ff8f00;
}
table#specials form, table#specials input{
display: inline;
vertical-align: middle;
}

/***********************/
/* ТАБЛИЦА для РАСКРУТКИ */
/***********************/
table#twist{
font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif;
width: 527px;
border-collapse: separate;
border: 1px solid #d5d5d5;
}
table#twist td.pic{
margin: 1px;
text-align: center;
color: #101010;
font-family: tahoma, helvetica, sans-serif;
padding: 0px;
width: 220px;
}
table#twist td.text{
margin: 1px;
text-align: left;
vertical-align: top;
padding: 0px;
margin: 2px 5px 5px 5px;
padding: 5px 0px 5px 0px;
font-size: 11px;
width: 300px;
}

table#twist img{
border: none;
text-align: left;
}
table#twist .name{
font-size: 10px;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
margin: 0px 5px 0px 5px;
padding: 5px 0px 2px 0px;
}
table#twist .printers{
font-size: 10px;
font-weight: normal;
margin: 3px 2px 3px 2px;
color: #999999;
}
table#twist .price{
padding: 0px 0px 0px 0px;
font-size: x-small;
font-weight: bold;
}
table#twist form, table#twist input{
display: inline;
vertical-align: middle;
}

table#pro{
display: inline-table;
text-align: center;
font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif;
width: 200px;
margin: 5px 0px 5px 0px;
border-collapse: collapse;
}
table#pro td.title{
font-weight: normal;
background: #bfe1f2;
color: black;
border-right: 1px solid white;
border-bottom: 1px solid white;
padding: 4px 2px 4px 2px;
width: 80px;
}
table#pro td.data{
font-weight: bold;
background: #d9f1fb;
font-size: 11px;
color: black;
border-bottom: 1px solid white;
padding: 4px 2px 4px 2px;
width: 120px;
}
/********************/

#faq p {
margin-bottom:0px;
margin-left:10px;
margin-right:10px;
margin-top:0px;
}

.question{
font-weight: bold;
margin: 1.5em 1em 0em 1em;
}
.question:before{
content: "Вопрос: ";
}
.answer{
font-weight: normal;
margin: 0.5em 1em 0em 1em;
}
.answer:before{
content: "Ответ: ";
}