@import url(reset.css);

body {
    font-family: 'Arial', 'Verdana', 'sans-serif';
    font-size: 12px;
    color: #000000; 
    background: url(../images/design/top_bkg.jpg) no-repeat center top;
}


h1, h2, h3, h4 {
    color: #000000; 
}
h1 {
    font-size: 16px; 
}
h2 {
    font-size: 15px; 
}
h3 {
    font-size: 14px; 
}
h4 {
    font-size: 13px; 
}


ol, ul {
    margin-bottom: 10px;
}


li {
	line-height: 14px;
    margin-bottom: 3px;
}


a, a:link {
    color: #ff7200;
}
a:hover {
}


input, textaray {
	font-family: Arial;
}





.left {
    float: left; 
}
.right {
    float: right; 
}



.break {
	clear: both;
}

.row {
	display: table-row;
}
.cell {
	display: table-cell;
}



.content-text {
    overflow: hidden;
}


.bordered, .content-text {
    border-width: 1px;
    border-style: solid;
    border-color: #cfc7d9;
    padding: 11px 16px 11px 16px;
}



.rounded, .content-text {
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
}



.message {
    text-align: center;
    margin: 80px 10px;
}
.inline {
    float: left;
    width: auto;
}
.required {
	font-weight: bold;
}
.required:before {
	content: "* ";
}




select {
    margin: 3px;
    margin-left: -1px;
}
input {
	height: 22px;
}
input, textarea {
    width: 70%;
    margin: 3px 0;
    margin-left: -1px;
}
input.image {
    width: auto;
    margin: 0;
}
label {
    float: left;
	width: 25%;
	line-height: 20px;
	text-align: right;
	white-space: nowrap;
	margin: 3px 0;
	margin-right: 5px;
}
label.inline {
	margin-left: 8px;
}



.submit {
	width: 165px;
	margin: 0 auto;
}
.username, .password, .edit, .select {
	background-color: #f8f8f7;
	color: #000000;
	border: 1px solid #cfc7d9;
}
.select {
	width: 120px;
}
.username, .password, .checkbox {
    width: auto;
}
.checkbox {
    margin-top: 6px;
    margin-left: -1px;
}
.noedit {
	line-height: 20px;
    border: none;
    background: none;
}
.filter {
    background-color: #ffffff;
	border: 1px solid #ffffff;
    margin: 0;
}



.button {
    display: block;
    text-align: center;
    color: #ffffff;
    height: 24px;
    text-decoration: none;
    padding-top: 5px;
    font-family: Arial;
    font-size: 15px;
    background-color: #7a41e1;
    background-repeat: repeat-x;
    border: none;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 1px 1px 2px #333333;
    -webkit-box-shadow: 1px 1px 2px #333333;
}
a.button {
    color: #ffffff;
}
input.button {
    padding-top: 0;
}





.years {
	clear: both;
}



.images {
	clear: right;
	overflow: hidden;
}
.thumb {
	float: left;
	margin: 0;
	margin-right: 10px;
	margin-bottom: 7px;
	padding: 0;
	list-style-type: none;
}
.thumb li {
	margin-left: 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.thumb a {
}
.thumb a img {
    width: 64px;
    height: 64px;
}
.thumb .bordered {
	margin: 0;
	padding: 2px;
}





.column {
}
.column.left {
    width: 200px; 
}
.column.center {
    margin-left: 220px;
    margin-right: 200px;
}
.column.main {
}
.column.right {
    width: 200px;
}



.sort {
	padding: 3px 0 10px;
	text-transform: lowercase;
}
.sort a {
	color: #e01a10;
	text-transform: lowercase;
	text-decoration: none;
	margin: 0 3px; 
}



.menu {
    list-style-type: none;
    margin: 0;
    margin-top: 5px;
    padding: 0;
    overflow: hidden;
}
.menu li {
    display: table-cell;
    font-size: 10px;
    padding: 0 10px;
    border-right: 1px solid #000000; 
}
.menu a {
    font-size: 12px;
}



.site_menu {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.site_menu li {
    display: table-cell;
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
    text-align: center;
    white-space: nowrap;
    border-right: 1px solid #000000; 
}
.site_menu li a {
    font-size: 12px;
    color: #7a41e1;
    white-space: nowrap;
}
.site_menu .current a {
    color: #000000; 
    text-decoration: none; 
}



.path, #path {
	margin-bottom: 10px;
	font-size: 11px;
	padding: 3px 0;
	list-style-type: none;
}
.path li {
	display: inline;
}
.path li:after {
	content: '>';
	font-size: 12px;
	margin: 0 3px;
}
.path h1 {
	display: inline;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
}



.header {
    position: relative;
    background-image: url(../images/design/bkg_pages.gif);
    background-color: #ff7200;
    height: 32px;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    margin-bottom: 10px;
    padding-left: 15px; 
}
.header h1, .header h2 {
    font-weight: normal;
}
.header div, .header ul, .header li, .header h1, .header h2, .header .path a, .header #path a {
    height: 24px;
    color: #ffffff;
    font-size: 15px;
}
.header div, .header ul, .header h1, .header h2, .header .path, .header #path {
    padding-top: 6px;
    padding-left: 35px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../images/design/icon_leaders.gif);
}
.header h1, .header h2 {
    margin: 0;
}
.header li {
    margin: 0;
}
.header .path li:after {
	content: '/';
	font-size: 15px;
	margin: 0 5px;
}



.tag {
    display: inline;
    font-size: 12px;
    text-decoration: none;
    padding: 2px 9px;
    margin-right: 7px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; 
}
.newest {
    background-color: #ff2509;
    color: #ffffff;
}
.present, .present_1 {
    background-color: #9dc41d;
    color: #ffffff;
}
.expected, .present_2 {
    background-color: #a7a7a5;
    color: #ffffff;
}
.stock, .present_3 {
    background-color: #ff7200;
    color: #ffffff;
}



.item {
    padding: 16px 0;
    overflow: hidden;
}
.item .title {
    text-align: left;
    font-size: 25px;
    color: #000000;
    text-decoration: none; 
    margin-bottom: 10px;
    line-height: 25px;
}
.item .left {
    width: 240px;
    margin-left: 16px;
}
.item .right {
    width: 450px;
    margin-right: 16px;
}
.item .cover {
    display: block; 
    text-align: center;
    margin-bottom: 16px;
}
.item .images {
    width: 240px;
    margin: 0 auto;
}
.item form {
	display: block;
	text-align: left; 
    padding-right: 2px;
    margin-top: 20px;
    overflow: hidden;
    zoom: 1;
}
.item .form1 .button, .item .form1 .amount {
	display: none;
}
.item .price {
    float: left;
    display: block;
    text-align: left;
    font-size: 25px; 
    width: auto;
}
.item .label {
    display: block; 
    color: #aaaaaa;
    font-size: 12px;
    font-style: italic;
}
.item .price_discount {
    display: none; 
}
.item .amount {
    float: right;
    width: 23px;
    margin: 0;
    margin-top: 4px;
    margin-right: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #cfc7d9;
    text-align: right;
    padding: 1px 5px 1px 1px;
    background-color: #ffffff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px; 
    margin-top: 15px;
}
.item .button {
    float: right;
    width: auto;
    padding-left: 13px;
    padding-right: 13px;
    background-color: #ff7200;
    background-image: url(../images/design/bkg_basket_btn.gif); 
	white-space: nowrap;
    margin-top: 15px;
}
.item .article {
    display: block; 
    color: #000000;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
    overflow: hidden;
}
.item .article .label {
	display: inline;
}
.item form.comment {
	float: right;
	margin-top: -15px;
}
.item .comment .button {
    background-color: #7a41e1;
    background-image: url(../images/design/bkg_phones.gif);
}




.items .body {
    overflow: hidden; 
}
.items .body .item {
    float: left;
    width: 169px;
    padding: 0;
    padding-top: 9px;
    margin: 0 10px 12px 0;
    overflow: hidden; 
}
.items .body .item .title {
    padding: 0 15px;
    text-align: center;
    font-size: 12px;
    color: #ff7200;
    text-decoration: underline; 
    line-height: 16px;
}
.items .body .item .title a {
    color: #ff7200; 
}
.items .item .main {
	min-height: 240px;
}
.items .item form {
	display: block;
	text-align: center; 
    margin: 15px;
    padding: 0;
}
.items .item .form1 .button, .items .item .form1 .amount {
	display: none;
}
.items .item .form1 .buttons {
	height: 24px;
}
.items .item .price {
    float: none;
    font-size: 18px;
    text-align: center;
    padding-bottom: 5px;
}
.items .body .item .amount {
    float: left;
    margin-top: 0;
    margin-right: 5px;
    padding: 1px;
    padding-right: 5px;
    padding-bottom: 0;
    height: 21px;
}
.items .item .button {
    margin: 0;
    margin-right: 2px;
}



.items .header {
    background-color: #ff7200;
}
.items .header div {
    padding-left: 30px;
}



.items .body .lines .item {
	float: none;
	width: auto;
	border-bottom: 1px solid #CFC7D9;
	margin: 0;
	margin-bottom: 8px;
}
.items .body .lines .item .main {
	float: left;
	min-height: 0;
	width: 565px;
}
.items .body .lines .item .cover {
	float: left;
	text-align: left;
	width: 120px;
}
.items .body .lines .item .title {
	float: left;
	text-align: left;
	width: 350px;
	font-size: 16px;
}
.items .body .lines .item .price {
	text-align: left;
	margin-bottom: 8px;
}
.items .body .lines .item form {
	margin: 0;
	margin-bottom: 15px;
}




.comment .date {
    color: #8b8b8b;
    font-size: 11px;
    margin-bottom: 1px;
}
.comment .name {
}
.comment .text {
    margin-bottom: 12px;
}




.tabs {
	margin: 0;
	margin-top: 20px;
	padding-right: 10px;
	list-style: none;
	overflow: hidden;
}
.tabs li {
	float: left;
	font-size: 14px;
	list-style: none;
	margin: 0;
	margin-right: 6px;
	padding: 10px;
	padding-bottom: 8px;
	color: #ed9d4b;
	text-decoration: underline; 
	background-color: #eeeeee;
	cursor: pointer;
}
.tabs li.tab {
	border-bottom: none;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}
.tabs li.current {
	color: #000000;
	text-decoration: none; 
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
	cursor: default;
}

.tab_content {
	display: none;
	border-left: 1px solid #CFC7D9;
	padding: 10px;
	overflow: hidden;
	min-height: 400px;
}
.tab_current {
	display: block;
}
.tab_content .form {
	margin: 0;
}
.tab_content .warning {
	margin: 0 auto;
}
.tab_content .form label {
	white-space: normal;
}
.tab_content .form .button {
	float: none;
}




.hr {
	border-top: 1px solid #CFC7D9;
	margin-top: -1px;
}




#canvas_wrapper {
    background-image: url(../images/design/bkg_footer.gif); 
    background-position: bottom;
    background-repeat: repeat-x;
}
#canvas {
    width: 972px;
    min-width: 972px;
    margin: 0 auto;
}



#header {
    padding-top: 20px;
    overflow: hidden; 
}
#header .column.center {
    margin-right: 220px;
}




#kontent_wrapper {
    clear: both;
}
#kontent {
    padding-top: 20px;
    overflow: hidden; 
}
#kontent .content-text {
    margin-right: 20px;
    margin-bottom: 10px;
}
#kontent .column.main {
    margin-right: 0;
}
#kontent .column.main .content-text {
    margin-right: 0;
}




#logo {
    margin-top: -20px;
    font-size: 9px; 
    text-align: center;
}


#phones {
    overflow: hidden;
}
#phones .header {
    background-color: #7a41e1;
    background-image: url(../images/design/bkg_phones.gif);
    width: 280px; }
#phones .header div {
    padding-left: 25px;
    padding-right: 5px;
    background-image: url(../images/design/icon_phones.gif); 
}
#phones .body {
    float: right;
    text-align: right;
    width: 230px;
    height: 95px;
    font-family: Arial;
}
#phones .body .kod {
    font-size: 16px;
    white-space: nowrap;
/*    vertical-align: super; 
*/
}
#phones .body .phone {
    font-size: 27px;
    line-height: 23px;
}
#phones .body {
    font-size: 12px; 
    margin-top: 5px;
}


.worktime {
    color: #000000;
    font-size: 16px;
    padding-top: 21px;
}


#login form {
    display: block;
    width: 260px;
    margin: 10px auto;
    background: none; 
}
#login form label {
    width: 45px;
    padding-right: 5px;
}



form .warning {
    width: 80%;
	margin: 10px auto; 
}

form#search {
    display: block;
    padding-top: 18px; 
}
form#search input {
    border-style: solid;
    border-width: 1px;
    border-color: #cfc7d9;
    height: 23px;
    width: 445px;
    padding-left: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px; 
}
form#search input.button {
    height: 25px;
    width: 70px;
    background-color: #7a41e1;
    background-image: url(../images/design/bkg_phones.gif);
    padding: 0;
    margin: 0;
    margin-top: 3px;
    border: none; 
}
form#search .help {
    clear: left;
    padding-top: 5px;
    padding-left: 10px;
    font-size: 11px; 
}
form#search .help a {
    color: #7a41e1; 
}



#basket .header {
    background-color: #829c27;
    background-image: url(../images/design/bkg_basket.gif); 
}
#basket .header div {
    padding-left: 30px;
    background-image: url(../images/design/icon_basket.gif); 
}
#basket .body .row {
    padding: 0; 
}
#basket .body .row .cell.label {
    width: 68px;
    text-align: right;
    font-size: 11px; 
}
#basket .body .row .cell.value {
    width: 135px;
    padding-left: 10px;
    font-size: 13px;
    font-family: 'Verdana', 'sans-serif'; 
}
#basket .body a.button {
    background-color: #829c27;
    background-image: url(../images/design/bkg_basket.gif);
    margin-top: 5px; 
}



#login_menu {
    margin: 0 auto;
    padding-left: 30px;
    width: 130px;
    text-align: center; 
}
#login_menu a {
    font-size: 10px;
    color: #829c27; 
}



#catalog {
    padding-bottom: 30px; 
}
#catalog .header {
    background-color: #209317;
    background-image: url(../images/design/bkg_catalog.gif); 
}
#catalog .header div {
    padding-left: 30px;
    background-image: url(../images/design/icon_catalog.gif); 
}
#catalog a {
    color: #000000;
}
#catalog a:hover {
    color: #ff7200;
    text-decoration: none; 
}
#catalog ul.groups {
    padding-left: 0; 
}
#catalog ul.groups li {
    list-style-type: none;
    margin: 0;
    padding-bottom: 3px;
    background: url(../images/design/li_arrow.gif) no-repeat 0px 8px;
    padding-left: 15px; 
}
#catalog ul.groups li.group {
    background: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px; }
#catalog ul.groups li.group a.title {
    color: #209317;
    display: block;
    padding-bottom: 5px;
    font-size: 15px; 
}
#catalog ul.subgroups {
    padding-left: 0; 
}
#catalog ul.subgroups li {
    padding-left: 10px; 
}



#brands {
    padding-bottom: 30px; 
}
#brands .header {
    background-color: #198a76;
    background-image: url(../images/design/bkg_brands.gif); 
}
#brands .header div {
    padding-left: 25px;
    background-image: url(../images/design/icon_brands.gif); 
}
#brands ul {
    margin-bottom: 10px; 
    padding-left: 0; 
}
#brands a {
    color: #198a76; 
}
#brands li {
    list-style-type: none;
    margin: 0;
    padding-bottom: 3px;
    background: url(../images/design/li_arrow.gif) no-repeat 0px 8px;
    padding-left: 10px; 
}



#leaders .header {
    background-color: #ff7200;
    background-image: url(../images/design/bkg_leaders.gif); 
    margin-right: 18px; 
}
#leaders .header div {
    padding-left: 27px;
    background-image: url(../images/design/icon_leaders.gif); 
}



#news {
  margin-bottom: 40px; 
}
#news .header {
  background-color: #4984dd;
  background-image: url(../images/design/bkg_news.gif); 
}
#news .header div {
    padding-left: 25px;
    background-image: url(../images/design/icon_news.gif); 
}
#news .date {
    color: #575356; 
    font-size: 11px;
    margin-bottom: 3px;
}
#news a {
    color: #4984dd; 
}



#latest {
    margin-bottom: 40px; 
    overflow: hidden;
    zoom: 1;
}
#latest .header {
    background-color: #ed0606;
    background-image: url(../images/design/bkg_latest.gif);
}
#latest .header div {
    padding-left: 27px;
    background-image: url(../images/design/icon_latest.gif); 
}
#latest a {
    color: #ed0606; 
}
#latest form {
    margin-top: 3px;
    text-align: center;
}
#latest .bordered {
    padding-left: 0;
    padding-right: 0;
}



#buttons {
	text-align: center; 
}



#footer_wrapper {
    clear: both;
}
#footer {
    height: 120px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 968px;
    min-width: 968px;
    margin: 0 auto;
    overflow: hidden; 
}