html, body {
margin:0;
padding:0;
bottom:0;
top:0;
}

*{margin:0;padding:0}

html {min-width: 1003px;}

body{
font: 62.5%/1.4 Arial, Helvetica, sans-serif;

}

h1{font-size:1.8em; padding: 20px 10px 10px 0;}

h2,h3,h4{font-size:1.4em; padding-top: 15px;}

table {border-collapse: collapse; vertical-align:top}

td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

img {border:0}

a { color: #005699}
a:hover { text-decoration:none}

p {
margin:0;
padding:0;
}

body {

}


.mainbg {
margin-left: auto;
margin-right: auto;
width: 1003px;
}

.ht {
display:block;
margin-left: auto;
margin-right: auto;
}

.menutop {
display:block;
margin-left: auto;
margin-right: auto;
}
/*Задаем цвет фона под левым меню*/
.left {
background-color: #333333;
float:left;
width: 250px;
padding-bottom: 20px;
}

.title1 {
font-size: 1.8em;
margin-top: 20px;
margin-bottom: 10px;
padding: 3px 0 3px 20px;
color: #000;
background-color: #ccc;
}

.menuleft {
margin-bottom: 25px;
}
/*Задаем цвет шрифта количества ноутов в левом вертикальном меню*/
.menuleft b {
display:block;
font-size: 1.2em;
color: #0099cc;
background: url(images/bul.png) top left no-repeat;

padding: 2px 0 2px 40px;
border-bottom: 1px #fff solid;
}
/*задаем цвет шрифта моделей в левом меню*/
.menuleft a {
color: #0099cc;
}

.search {
padding-top: 1px;
background-color: #F0F0F0;
}

.search  div {
background-color: #F0F0F0;
}

.search form {
display: block;
margin-left: 20px;
}

.search input {
display:block;
float:left;
height: 18px;
width: 170px;
border:  1px solid #676767;
}

.search span input {
background: none;
border: none;
height: 20px;
width: 20px;
margin-left: 5px;
}

.clr {
clear:both
}

.left p {
color: #0099cc;
padding: 5px 0 5px 0;
margin: 0 20px 0 20px;
font-size: 1.2em;
}

.center  {
float:left;
margin: 0 23px 20px 20px;
width: 460px;
}

.catitem {
margin: 10px 0 10px 0;
border: 1px solid #676767;
height: 100%;
}

.series {
display:block;
background-color: #ccc;
line-height: 30px;
text-align:center;
width: 100%;
color: #073250;
font-size: 1.2em;
font-weight:bold;
margin-bottom: 5px;
}

.catimage {
width: 200px;
text-align:center;
float:left;
}

.catimage a {
display:block;

}

.catblock {
width: 258px;
float:left;

}

.catblock b, .catimage b {
color: #0166FF;
margin-right: 35px;
font-size: 1.4em;
}

.catblock a {
font-size: 1.2em;
}

.catblock span {
display:block;
padding: 5px;
text-align:justify;
font-size: 1.2em;
color: #333;
background-color: #F0F0F0;
margin: 5px 0 5px 0;

}

.catblock img {
margin-right: 20px;
}
/*Задаем цвет фона правого блока и пытаемся менять цвет шрифта в нем, но не можем*/
.right {
float:left;
width: 250px;
padding-top: 5px;
background-color: #333333;
color: #cc0000;
}

.phone img {
margin-top: -6px;
}

.rlist {
font-size: 1.2em;
color: #сс0000;
margin-bottom: 20px;

}

.rlist span {
display:block;
float:left;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
color: #cc0000;
}

.right p {
color: #cc0000;
padding: 5px 0 5px 0;
margin: 0 20px 0 20px;
font-size: 1.2em;
}

.bottom {
background-color: #676767;
height: 28px;
}

#nav{list-style:none}
#nav li{
float:left;
padding:.3em .8em;
border-left:1px solid #fff;
}

#nav{
top: 3px;
position:relative;
left: 280px;
overflow:hidden;
width:100%;
}
#nav li{
margin-left:-1px;
}
/*навигация, какая?*/
#nav a {
color: #cc0000;
font-size: 1.2em;
font-weight:bold;
}

.catheader {
padding: 5px;
font-size: 1.2em;
text-align:justify;
}

.catheader span {
display:block;
font-size: 1.8em;
margin-top: 20px;
margin-bottom: 10px;
padding: 3px 0 3px 20px;
color: #000;
}

.catheader img {
display:block;
float:left;
margin-right: 20px;
}

.custom {
margin-top: 10px;
padding: 10px;
font-size: 1.2em;
text-align:justify;
border: 1px solid #676767;
}

.custom span {
display:block;
font-size: 1.8em;
margin-top: 5px;
margin-bottom: 10px;
padding: 3px 0 3px 20px;
color: #000;
}

.custom img {
display:block;
float:left;
margin-right: 20px;
}

.custom p {
padding: 5px 0 5px 0;
}

.custom ul, .custom ol {
padding-left: 25px;
}

.something {
margin-top: 20px;
font-size: 1.2em;
text-align:justify;
margin-left: 20px;
margin-right: 20px;
color: #676767;
}

.itempage {
margin-top: 10px;

border: 1px solid #676767;
}

.itemimg {
display:block;
margin-left: auto;
margin-right: auto;
}

.itempage p {
padding: 10px 0 10px 0;
}

.itemtitle span {
float:left;
text-align:center;
width: 33%;
}

.itemtitle span i {
font-style:normal;
color: #000;
font-size: 1.8em;
}

.itemtitle span b {
color: #0166FF;
font-size: 1.4em;
}

.itemtitle span a {
display:block;
margin-left: auto;
margin-right: auto;

}

.short {
margin: 0 10px 0 10px;
/*text-align:center;*/
font-size: 1.2em;
color: #333;
}

.long {
margin: 0 10px 0 10px;
text-align:justify;
font-size: 1.2em;
color: #333;
}

.tabtitle {
display:block;
text-align:center;
margin-left: auto;
margin-right: auto;
color: #000;
font-size: 1.8em;
}

.itempage table {

width: 100%;
font-size: 1.2em;
line-height: 2em;
color: #4D4D4D;
}

.itempage table td {
height: 2em
}

.grey {
background-color: #ccc;
}

.itembottom {
text-align:center;
color: #0166FF;
font-size: 1.4em;
}

table.basket thead td {
	padding: 5px;
	font-weight:bold;
	border: 1px solid #676767;
    background-color: #ddd;
}

table.basket tr td {
	padding: 5px;
	border: 1px solid #676767;
}

table.order tr td {
	padding-top: 5px;
}

table.order tr td em{
	color: #ff0000;
}

.copyrights{
margin-left: auto;
margin-right: auto;
width: 1003px;
padding: 10px;
}