body {margin: 0; padding: 0; background-color: #fff; font: 12px arial; color: #777}
td, th {font: 12px arial; text-align: left; vertical-align: top}
a {color: #46acb6}
a:hover {color: #f90}

small {font: 11px arial}
.selected {color: #46acb6}

h1 {margin: 0 0 10px 0; padding: 0; font: bold 12px arial}
h1.model {padding: 4px 10px 4px 0; background: #83c8ce; color: #fff}
h1.model span {padding: 4px 10px; margin: 0 10px 0 0; background: #46acb6}
h1.maker a {padding: 0 5px; margin: 0 0 0 1px; background: url(/img/bgr2.gif) no-repeat right 1px; text-decoration: none}
h1.maker span {background: url(/img/bgr1.gif) no-repeat left 1px}

h3 {margin: 0; padding: 0; font: bold 14px arial}

.box {width: 100%}
.box .left {width: 219px}
.box .bgr-left {background: url(/img/bgr-left.gif) no-repeat right 0}
.box .center, #show {width: 457px}
.box .right {width: 217px}
.box .right-content {width: 217px; background: #f4f4f4}
.box .content {padding: 15px}

#lang {color: #bbb; vertical-align: middle}
#lang a {color: #bbb; text-decoration: none}
#lang a:hover {color: #46acb6}

#top {height: 17px}
#top img {margin: 2px}

/* Изображения ******************************************************/

img {border: none}
img.show {display: block}

/* Навигационное меню ***********************************************/

#youdoor {margin: 0; padding: 0;}
#youdoor ul {width: 219px; position: absolute; visibility: hidden; padding: 0; margin: -38px 0 0 219px; border-left: #fff 1px solid}
#youdoor ul ul {margin-top: -24px;}
#youdoor li {width: 219px; margin: 0; padding: 0; display: inline; list-style-type: none;}
#youdoor a {width: 195px; padding: 5px 12px; display: block; background: #0c8f9b; color: #fff; font: bold 11px tahoma; border-bottom: #fff 1px solid; text-decoration: none}
#youdoor a:hover {background: #46acb6}

#search {margin: 0; padding: 0; background: url(/img/search-bgr.gif) #83c8ce repeat-x}
#path {font: 11px arial}

.goods {width: 425px; margin: 15px 0 0 0}
.goods input {font: 11px arial}
.goods th {height: 20px; background: #83c8ce; color: #fff; vertical-align: middle}
.goods th a {width: 11px; padding: 2px 5px 2px 15px; margin: 0 5px 0 0; background: url(/img/sort.gif) no-repeat; color: #fff; text-decoration: none}
.goods th a:hover {color: #fff}
.goods th span {height: 20px; padding: 2px 5px 3px 5px; border-left: #46acb6 10px solid}
.goods td {border-bottom: #83c8ce 2px solid; vertical-align: middle}
.goods td div {padding: 0 15px; border-left: #83c8ce 2px solid}
.goods .preview {padding: 5px 10px; text-align: center}


.date {display: block; padding: 7px 0 12px 0; background: #f4af46; font: bold 11px arial; color: #fff}
.date div {display: inline; background: #f8bd4e; padding: 7px 15px}
.text {padding: 15px}
.makers {padding: 0 0 15px 0; border-top: #f8bd4e 2px solid; border-bottom: #f8bd4e 2px solid}

.order {width: 425px; margin: 15px 0 0 0; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid}
.order th {padding: 6px; background: #ccc; color: #fff; border-top: #bbb 1px solid; border-left: #bbb 1px solid}
.order td {padding: 6px; border-top: #ccc 1px solid; border-left: #ccc 1px solid}
.order .total {background: #f4f4f4}

.form {width: 425px; margin: 15px 0 0 0}
.require {color: red; font: bold 18px arial}
.form td.name {width: 120px}
.form input, textarea {width: 100%}

/* Специальное предложение ******************************************/

.goods-main {width: 219px}
.goods-main td {font: 11px arial; color: #fff}
.goods-main .hr {height: 6px; background: #83c8ce; border-top: #fff 2px solid; border-bottom: #fff 2px solid}
.goods-main .title {padding: 9px; background: #83c8ce}
.goods-main .title-orange {padding: 9px; background: #f4af46}
.goods-main .image {width: 100px; background: url(/img/bgr-blue.png) no-repeat; text-align: center; vertical-align: middle}
.goods-main .image-orange {width: 100px; background: url(/img/bgr-orange.png) no-repeat; text-align: center; vertical-align: middle}
.goods-main a {color: #fff; text-decoration: none}
.goods-main a:hover {color: #fff}

/* Новинки **********************************************************/

.goods-new {width: 217px; height: 171px}
.goods-new td {font: 11px arial; border-bottom: #fff 2px solid; color: #fff}
.goods-new .title {padding: 7px 9px; background: #83c8ce}
.goods-new .image {width: 100px; background: #83c8ce}
.goods-new a {color: #fff; text-decoration: none}
.goods-new a:hover {color: #fff}

/* Главная страница *************************************************/

.main {width: 427px}
.main h2 {margin: 0; padding: 2px 7px; font: bold 12px arial; color: #fff}
.main .orange {width: 48%; background: #f8bd4e; color: #fff}
.main .orange h2 {background: #f4af46; border-left: #f8bd4e 7px solid}
.main .orange p, .blue p {margin: 0 0 0 5px; padding: 5px 7px; font: 11px arial; border-left: #fff 2px solid}
.main .blue {width: 48%; background: #4cb5be; color: #fff}
.main .blue h2 {background: #81cbd1; border-left: #4cb5be 7px solid}
.main .action h2 {margin: 20px 0 7px 0; padding: 2px 0; background: #81cbd1}
.main .action h2 span {padding: 2px 14px; background: #4cb5be}

/* Список ***********************************************************/

#list {width: 427px; margin: 15px 0}
#list th {padding: 7px; font: 11px tahoma; background: #eee; border-bottom: #999 2px solid; color: #777}
#list td {padding: 7px; font: 11px tahoma; border-bottom: #ddd 1px solid; vertical-align: top}
#list td.blank {width: 20px; padding: 0}
#list td.blank img {display: block}

/* Страницы *********************************************************/

.pages {padding: 15px 0 0 8px; font-size: 11px}
.pages a {padding: 2px 5px; border: #83c8ce 1px solid; text-decoration: none}
.pages a:hover {background: #83c8ce; border: #83c8ce 1px solid; color: #fff}
.pages span {padding: 2px 5px; background: #ddd; border: #ddd 1px solid; color: #777}