@import "content.css";
.png, #nav img {
    _behavior:url('/pngbehavior.htc');
}
body, html {
    text-align: center;
    background: #eae9eb url('../i/top-grad.gif') repeat-x 50% 0;
}
table {
    border-collapse: collapse;
    border: none;
}
/* main layout */
#wrapper {
    width: 969px;
    margin: 0 auto;
    min-height: 100%;
    _height: 100%;
    text-align: left;
}
    .head-center {
        padding: 0;
        margin: 0 170px 0 217px;
    }
    .contacts-left {
        color: #fff;
        float: left;
        width: 270px;
        font: normal 21px/1em 'Trebuchet MS', Verdana, Arial;
        white-space: nowrap;
    }
    .contacts-left div {
        margin: 0 0 9px;
    }
    .contacts-right {
        padding: 7px 0 0;
        float: right;
        width: 270px;
        color: #000;
        text-align: right;
        font: normal 14px/1em 'Trebuchet MS', Verdana, Arial;
    }
    .contacts-right div {
        margin: 0 0 13px;
    }
    .shops {font-size: 21px;}
    .contacts-right a {
        color: #000;
        position: relative;
    }
    .contacts big {
        font-size: 28px;
    }
    .top-random img {
        margin: 18px 0 0 66px;
        display: block; 
    }
    .logo {
        display: block;
        font-size: 30px;
        float: left;
        top: 20px;
        left: 17px;
        color: #000;
        position: absolute;
    }
    #head {
        position: relative;
        height: 198px;
        padding: 0 24px 0 18px;
        background: #e567a1 url(../i/site/Default/head.jpg) no-repeat 50% 0;
    }
    #nav {
        background: url(../i/site/Default/nav.png) no-repeat 0 0;
        width: 553px;
        height: 39px;
        margin: 16px 0 13px 208px;
        float: left;
    }
    #nav td {
        font: normal 16px/16px 'Trebuchet MS', Verdana, Arial;
        color: #1c0810;
        vertical-align: top;
        white-space: nowrap;
        text-align: center;
        background: url(../i/site/Default/nav-spr.gif) no-repeat 0 0;
    }
    #nav td.first {background: none;}
    #nav td a {
        display: block;
        padding: 9px 1px 11px;
        color: #1c0810;
        text-decoration: none;
        white-space: nowrap;
        text-shadow: 0 1px 0 #fff;
    }
    #nav td a:hover, #nav td.active a{ 
        text-decoration: underline; 
    }
    .column-left {
        float: left;
        width: 209px;
        margin-top: -5px;
        margin-right: -300px;
        position: relative;
    }
    .column-right {
        float: left;
        width: 180px;
        margin-left: -180px;
        line-height: 15px;
        margin-bottom: 10px;
        //overflow: hidden;
    }
    .column-center, .column-right-big {
        width: 100%;
        float: left;
        //overflow: hidden;
    }
    .column-center .content {
        margin: 0 192px 0 222px;
        overflow: hidden;
    }
    .column-right-big .content {
        margin: 0 0 0 223px;
        overflow: hidden;
    }
    #footer {
        height: 73px;
        margin: -73px auto 0;
        width: 969px;
        background: #e567a1 url('../i/site/Default/foot.png') no-repeat 50% 0;
        font-size: 11px;
        line-height: 16px;
        text-align: left;
        color: #fff;
    }
    #footer p {
        padding: 21px 0 0 103px;
        margin: 0;
    }
    #footer a {
        color: #fff;
    }
    .banner {
        padding: 1px 0 0;
        margin-bottom: 9px;
    }
/* /main layout */

/* common styles */
.date {
    font-size: 12px;
    color: #4a4a4a;
}
/* main page */
.title-group {
    width: 511px;
    background: #4365a8 url(../i/title-group.png) no-repeat 50% 0;
    font: normal 18px/20px 'Trebuchet MS', Verdana, Arial;
    padding: 3px 22px 5px;
    position: relative;
    color: #172e5a;
}
.title-group span {
    position: absolute;
    width: 509px;
    left: 22px;
    top: 4px;
    color: #fff;
}
.title-group span a {
    color: #fff;
    text-decoration: none;
}
.title-rounded {
    background: #4365a8 url(../i/rounded-line.png) no-repeat 0 0;
    font: normal 18px/18px 'Trebuchet MS', Verdana, Arial;
    margin: 0 0 11px;
    padding-left: 22px;
    position: relative;
    color: #172e5a;
    overflow: hidden;
    white-space: nowrap;
    //zoom: 1;
}
.title-rounded div {
    background: #4365a8 url(../i/rounded-line.png) no-repeat 100% 0;
    padding: 3px 22px 7px 0;
}
.title-rounded span {
    display: block;
    position: absolute;
    width: 509px;
    left: 22px;
    top: 0;
    padding: 4px 0 0;
    color: #fff;
}
.title-rounded a {
    color: #fff;
    text-decoration: none;
}
.title-rounded small, .title-rounded small a {
    font-size: 12px;
    color: #b1c9f8;
    text-decoration: none;
}
.title-rounded a:hover {
    text-decoration: underline;
}
/* main page */

/* form elements */
form.search {
    width: 553px;
    height: 39px;
    background: url(../i/site/Default/nav.png) no-repeat 0 0;
    float: left;
    margin: 9px 0 0;
    position: relative;
    left: -11px;
}
.search h2 {
    float: left;
    color: #1c0810;
    text-shadow: 0 1px 0 #fff;
    margin: 9px 7px 0 0;
    padding: 0 0 0 16px;
    font: 16px/16px 'Trebuchet MS', Verdana, Arial;
}
input.search-field {
    display: block;
    width: 352px;
    height: 26px;
    margin: 5px 8px 0 0;
    padding: 0 5px;
    vertical-align: middle;
    //position: relative;
    color: #848484;
    font: 16px/24px 'Trebuchet MS', Verdana, Arial;
    border: none;
    outline: none;
    float: left;
    background: #fff url(../i/site/Default/search-field.png) no-repeat 0 0;
}
.search-submit {
    float: left;
    width: 42px;
    height: 31px;
    background: url(../i/site/Default/search-submit.png) no-repeat 50% 0;
    color: #fff;
    text-shadow: 0 -1px 0 #721b59;
    font-size: 18px;
    line-height: 30px;
    text-decoration: none;
    text-align: center;
    margin: 3px 0 0;
    font-family: Tahoma !important;
}
div.button {
    height: 33px;
    float: left;
    position: relative;
    overflow: hidden;
}
.button a {
    color: #fff;
    text-decoration: none;
    font: bold 18px/normal 'Trebuchet MS', Verdana, Arial;
}
.button a {
    position: relative;
    overflow: hidden;
    z-index: 100;
    margin: 0 0 0 6px;
    _margin: 0 0 0 3px;
    display: block;
    height: 33px;
    float: left;
}
.button b {
    display: block;
    padding: 3px 10px 0 4px;
    position: relative;
    z-index: 100;
}
.button span, .button div {
    display: block;
    width: 400px;
    height: 33px;
    position: absolute;
    background: transparent url(../i/button.png) no-repeat 0 0;
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/button.png', sizingMethod='crop');
}
.button span {
    top: 0;
    margin-left: -400px;
    left: 100%;
}
.button div {
    left: 0;
    top: 0;
    width: 6px;
}
table.form {
    margin: 1px 0 -9px;
} 
.form th, .form td {
    color: #4c67ae;
    font: normal 14px/normal 'Trebuchet MS', Verdana, Arial;
    vertical-align: top;
    text-align: left;
}
.form td {
    padding: 0 0 14px;
}
.form th {
    padding: 2px 23px 14px 0;
}

.field {
    float: left;
    padding: 0 0 0 7px;
    background: #fff url(../i/text-field.png) no-repeat 0 0;
}
.field input {
    float: left;
    width: 316px;
    background: #fff url(../i/text-field.png) no-repeat 100% 0;

    height: 21px;
    padding: 4px 7px 0 0;
    vertical-align: middle;
    //position: relative;
    color: #848484;
    font-size: 14px;
    line-height: 18px;
    border: none;
    outline: none;
}
textarea.field {
    width: 509px;
    height: 147px;
    border: none;
    padding: 4px 7px;
    margin: 0;
    color: #848484;
    font-size: 14px;
    line-height: 21px;
    outline: none;
    background: #fff url(../i/textarea.png) no-repeat 0 0;
}
p.comment {
    float: left;
    font-style: italic;
    padding: 2px 0 0 7px;
    margin: 0;
}
p.error {
    padding: 5px 0 0 18px;
    margin: 0 0 -8px;
    clear: both;
    font-size: 12px;
    line-height: 14px;
    font-style: italic;
    color: #bf278b;
    background: transparent url(../i/icons/error.gif) no-repeat 5px 7px;
}
/* /form elements */

/* goods table */
.goods-content {
    overflow: hidden;
    margin-bottom: 11px;
    background: #fff;
    zoom: 1;
    position: relative;
}
.goods-content .corners-bottom {
    margin-bottom: 0;
}
table.goods {
    margin: 0 0 -5px -1px;
    position: relative;
    z-index: 1;
    border: none !important;
    float: left;
}
.goods td, .goods th {
    border-left: 1px solid #a6a6a6;
    vertical-align: top;
    text-align: center;
    line-height: 14px;
    width: 120px;
}
.goods td {
    padding: 7px 9px 7px;
}
.goods th {
    padding: 11px 9px 0;
}
.goods-photo {
    margin: 20px 0 0;
}
.goods a {
    color: #4c67ae;
    text-decoration: none;
}
.goods a:hover {
    text-decoration: underline;
}
div.price, div.price div {
    width: 120px;
    font: normal 18px/18px 'Trebuchet MS', Verdana, Arial;
    text-align: center;
}
div.price {
    position: relative;
    padding: 4px 0 5px;
    color: #7c1e5e;
    background: #bb268a url(../i/price-bg.png) no-repeat 50% 0;
}
.price div {
    color: #fff;
    position: absolute;
    left: 0;
    top: 5px;
}
.block {
    min-height: 300px;
    background: #fff;
    padding: 0 17px 1px 20px;
}
.column-left .block {
    padding-top: 9px;
    padding-bottom: 6px;
    font-size: 10px;
    line-height: 1.5em;
}
.column-right .block {
    padding-top: 7px;
}
.content .block {
    padding-top: 7px;
}
.corners-bottom {
    clear: both;
    border-bottom: 2px solid #d2d1d3;
    background: #fff;
    position: relative;
    font-size: 1px;
    line-height: 1px;
    margin-bottom: 12px;
}
.column-left .corners-bottom {
    margin: 0 0 11px;
}
.corners-bottom span {
    display: block;
    background: transparent url(../i/corners-bottom.gif) no-repeat 0 0;
    width: 5px;
    height: 7px;
    margin: 0 0 -2px
}
.corners-bottom div {
    background: transparent url(../i/corners-bottom.gif) no-repeat 100% -7px;
    height: 7px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.corners-top {
    position: relative;
    overflow: hidden;
    height: 4px;
    font-size: 1px;
    line-height: 1px;
}
.corners-top span {
    display: block;
    height: 4px;
    margin-right: 4px;
    background: transparent url(../i/corners-top.png) no-repeat 0 0;
}
.corners-top div {
    background: transparent url(../i/corners-top.png) no-repeat 100% 0;
    width: 800px;
    height: 8px;
    position: absolute;
    margin-left: 100%;
    left: -4px;
    top: -4px;
}
.corners-top span, .corners-top div {
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/corners-top.png', sizingMethod='crop');
}
/* /goods table */

/* tags */
.column-right .tags {
    text-align: center;
    padding: 10px 0 32px;
    line-height: normal;
}
.column-center .tags {
    color: #4a4a4a;
    font: normal 14px/17px 'Trebuchet MS', Verdana, Arial;
    padding: 14px 0 13px;
    clear: both;
}
.column-center .tags a {
    font-size: 12px;
}
.other-styles a {
    color: #4a4a4a;
    text-decoration: none;
}
.other-styles a:hover {
    text-decoration: underline;
}
/* /tags */

/* articles list */
dl.articles {
    margin: -12px 0 17px;
    padding: 0 0 5px;
}
.articles dt {
    padding: 11px 0 15px;
    font-weight: bold;
}
.articles dd {
    padding: 0 0 14px;
    border-bottom: 1px solid #dedfde;
}
.articles dt img.img {
    margin: 3px 0 13px;
}
/* /articles list */

/* news list */
ul.news {
    padding: 9px 0;
    margin: 0;
    line-height: 17px;
    font-style: normal;
}
.news li {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 160px;
    padding: 0;
    margin: 0 3px 0 0;
    background: none;
}
.news dt {
    padding: 0 0 0 25px;
    margin-bottom: 5px;
    background: transparent url(../i/icons/bubble.gif) no-repeat 0 0;
}
.news dd {
    padding: 0 0 0 25px;
    font-weight: bold;
    text-indent: 0;
    clear: both;
}
/* /news list */

/* basket info */
.basket-content {
    float: right;
    width: 123px;
    margin: 46px 0 0;
    color: #fff;
    line-height: 15px;
}
.basket-content .fs_btnSmall {
    margin: 1px !important;
    padding: 1px 3px 3px !important;
    font-size: 10px !important;
    line-height: 10px !important;
}
.basket-content a {
    color: #fff;
}
.basket-content big {
    color: #fff;
    font-size: 14px;
}
.basket-content h2 {
    color: #fff;
    text-shadow: 0 -1px 0 #3e497b;
    position: relative;
    font-size: 18px;
    margin: 0 0 11px;
}
a.basket-button {
	display: block;
	font: normal 18px/18px 'Trebuchet MS', Verdana, Arial;
	width: 174px;
	height: 26px;
	color: #7b1c5c;
	text-align: center;
	white-space: nowrap;
	position: relative;
	text-decoration: none;
	padding: 3px 0 0;
	margin: 11px 0 0;	
	background: transparent url(../i/button-buy.png) no-repeat 0 0;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/button-buy.png', sizingMethod='scale');
}
.basket-button span {
	display: block;
	width: 174px;
	height: 18px;
	color: #fff;
	position: absolute;
	top: 4px;
	left: 0;
	white-space: nowrap;
	cursor: hand;
	cursor: pointer;
}
/* /basket info */

/* goods groups list */
.groups-top {
    width: 225px;
    height: 161px;
    margin: 0 -225px -161px -8px;
    position: relative;
    background: transparent url(../i/site/Default/groups-top.png) no-repeat 0 0;
    _background: transparent url(../i/site/Default/groups-top.gif) no-repeat 0 1px;
}
.groups-content {
    min-height: 300px;
    margin-top: 9px;
    padding: 5px 17px 0 16px;
    position: relative;
    _zoom: 1;
    background: #fff url(../i/site/Default/groups-top.png) no-repeat -8px -9px;
    _background: #fff url(../i/site/Default/groups-top.png) no-repeat -8px -9px;
}
.groups-content .br {
    position: relative;
    background-color: #fff;
    clear: both;
    //margin-left: 30px; 
}
.groups-content h2 {
    font-size: 30px;
    line-height: 30px;
}
dl.groups-list {
    font-size: 10px;
    line-height: 15px;
    font-weight: bold;
    padding: 0 0 0 46px;
    margin: 0 0 -2px;
}
.groups-list {margin: 0 0 0 -10px; border-collapse: collapse; border: 0; width: 187px;}
.groups-list th {
    width: 57px;
    height: 45px;
    padding: 0;
}
.groups-list img {
    width: 57px;
    height: 45px;
    display: block;
    margin: 0;
}
.groups-list td {
    height: 45px;
    vertical-align: middle;        
    padding: 0 3px 0 0;    
    line-height: 15px !important;
    border-bottom: 1px solid #dedfde;    
}
.groups-list td.main-group {
    font-weight: bold;
    height: 123px;
    font-size: 14px;
    line-height: 17px;
    padding: 0 5px 0 102px;
    border: 0;
    vertical-align: top;
    
}
.groups-list td.main-group div {
    margin-top: 67px;
}
.groups-list td a {
    font-size: 10px;
    font-weight: bold;
    color: #4a4a4a;
    text-decoration: none;
}
.groups-list td a:hover {
    color: #4869af;
    text-decoration: underline;
}
/* /goods groups list */ 

.shop-photo {
    margin: 2px 0 6px;
}
.column-left p {
    margin: 0 0 15px;
}


/* question-answer */
dl.answers {
    margin: -9px -6px 6px 50px;
    line-height: 16px;
}
.grey-block dl.answers {
    margin: -8px 0 0 38px;
    background-color: #bfbfc0;
}
.answers dt {
    padding: 14px 0 7px 38px;
    margin-left: -38px;
    margin-top: 1px;
    font-style: italic;
    background: transparent url(../i/icons/question.gif) no-repeat 1px 12px;
}
.answers dd {
    padding: 7px 0 16px 38px;
    margin-left: -38px;
    font-weight: bold;
    background: transparent url(../i/icons/answer.gif) no-repeat 1px 6px;
}
.grey-block dl.answers dt, .grey-block dl.answers dd {
    background-color: #f2f2f3;
}
.spam-pict {
    margin: 6px 33px 0 0;
    float: left;
}
/* question-answer */

/* pager */
ul.pager {
    padding: 0;
    margin: 19px 0;
    text-align: right;
    cursor: hand;
    cursor: pointer;
    float: right;
    color: #4c67ae;
    font-style: normal;
    font-size: 14px;
    font-family: 'Trebuchet MS', Tahoma, Verdana;
}
.pager li {
    display: inline;
    background: none;
    padding: 0;
    margin: 0;
}
.pager big {
    font-size: 30px;
    padding: 0 3px 0 5px;
}
.pager a {
    padding: 0 4px 0 5px;
}
.pager a.nextpage:hover img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.pager a.nextpage img {
    margin: 0 -5px -9px 0;
    _position: relative;
}
form.pager-select {
    float: right;
    margin: 24px -5px 19px 0;
    padding-left: 18px;
}
/* pager */

/* about-goods table */
table.about-goods {
    background-color: #fff;
    width: 100%;    
}
.about-goods th, .about-goods td {
    vertical-align: top;
}
.about-goods th {
    padding: 15px 20px 4px 14px;
    text-align: center;
    width: 130px;
}
.about-goods td {
    padding: 12px 14px 9px 0;
    width: 100%;
}
.about-goods h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
.about-goods h2 a {
    text-decoration: none;
}
.about-goods h2 a:hover {
    text-decoration: underline;
}
.about-goods p {
    margin-bottom: 9px;
}
ul.descrSmall {
   padding: 4px 0px 4px 14px;
   margin: 0px;
   list-style: disc;
   color: #7F7F7F;
   font-style: italic;
}
ul.descrSmall li {
   background: none;
   padding: 0px 0px 0px 0px;
   margin: 0px;
}
/* /about-goods table */ 

.video-icon {
    float: right;
    margin: 5px 3px 0 10px;
}
th.discount {
    vertical-align: bottom;
    padding-top: 10px;
    padding-bottom: 6px;
}
.discount div {
    text-align: center;
    font-weight: bold;
    width: 145px;
    padding: 23px 0 0;
    background: transparent url(../i/discount-bg.gif) no-repeat 0 0;
}
.discount div a {
    display: block;
    padding: 0 5px 21px;
    background: transparent url(../i/discount-bg.gif) no-repeat 0 100%;
}
div.arrow {
    font-weight: bold;
    margin: 0 0 14px;
}
.arrow a {
    padding: 0 33px 0 0;
    background: transparent url(../i/icons/arrow.gif) no-repeat 100% 4px;
}
.button-big-blue {
    font: normal 33px/33px 'Trebuchet MS', Verdana, Arial;
    padding: 4px 0 13px 0;
    margin: 0 12px 0 0;
    float: left;
    width: 226px;
    color: #2a3d6f;
    position: relative;
    text-align: center;
    background: #4365A8 url(../i/button-big-blue.png) no-repeat 50% 0;
}
.button-big-blue-transparent {
    padding: 4px 0 13px 0;
    margin: 0 12px 0 0;
    float: left;
    width: 226px;
    color: #2a3d6f;
    position: relative;
    text-align: center;
}
.button-big-blue-transparent-arrow  {
    padding: 4px 0 13px 0;
    margin: 0 12px 0 0;
    float: left;
    width: 226px;
    color: #2a3d6f;
    position: relative;
    text-align: left;
    font-weight: bold;
}
.button-big-blue a {
    display: block;
    position: absolute;
    width: 226px;
    top: 5px;
    left: 0;
    color: #fff;
    float: left;
    padding: 0 0 7px;
    text-decoration: none;
}
.button-big-pink {
    font: normal 24px/24px 'Trebuchet MS', Verdana, Arial;
    padding: 11px 0 15px 0;
    margin: 0 -10px 0 0;
    float: left;
    width: 121px;
    color: #2a3d6f;
    position: relative;
    text-align: center;
    background: #4365A8 url(../i/button-big-pink.png) no-repeat 50% 0;
}
.button-big-pink-transparent {
    font: normal 24px/24px 'Trebuchet MS', Verdana, Arial;
    margin: 0 -10px 0 0;
    float: left;
    width: 121px;
    color: #2a3d6f;
    position: relative;
    text-align: center;
}
.button-big-pink a, .button-big-pink div {
    display: block;
    position: absolute;
    width: 121px;
    top: 5px;
    left: 0;
    color: #fff;
    float: left;
    padding: 7px 0 9px;
    text-decoration: none;
}

/* photos list */
ul.photos {
    margin: -6px 0 0 -4px;
    padding: 0 0 12px;
    width: 100%;
    float: left;
}
.photos li {
    float: left;
    padding: 0;
    margin: 0;
    background: none;
    position: relative;
} 
.photos li a.photo {
    display: block;
    padding: 7px 0 6px;
    width: 73px;
    height: 56px;
    text-align: center;
}
.photos li.active {
    padding-left: 4px;
    padding-right: 4px;
}
.photos li.active a.photo {
    padding: 7px 0 6px;
    margin: 0 -8px;
    background: transparent url(../i/site/Default/photo-bg.png) no-repeat 50% 0;
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/site/Default/photo-bg.png', sizingMethod='scale');
    _zoom: 1;
    position: relative;
    width: 81px;
}
.photos a.photo:hover {
    padding-top: 3px;
} 
.photos li.active a.photo:hover {
    padding-top: 7px;
} 
.photos li a.photo img {
    display: block;
    margin: 0 auto;
}
.photos li div {
    width: 16px; 
    height: 16px; 
    z-index: 100; 
    position: absolute; 
    left: 8px; 
    top: 7px;
}
.photos li div a {
    display: inline;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
}
/* /photos list */

.center {
    text-align: center;
    padding: 0 0 24px;
}
.center img {
    margin-bottom: 5px;
}
.center object {
    margin: 0 auto;
}
.description {
    font-size: 12px;
}

.news-img {float: left; margin: 6px 15px 10px 0;}

.basket {margin: 0 0 10px; width: 100%; border-collapse: collapse; border: 1px solid #dedfde;}
    .basket th {border: 1px solid #dedfde; padding: 5px 10px; text-align: center; font-weight: bold; font-size: 10px;}
    .basket td {border: 1px solid #dedfde; padding: 5px 10px;}
        .basket td input.text {width: 35px; font-size: 11px;}
        
#bestVideo {margin: 4px 0 20px;}
#bestVideo p {margin: 0 !important; padding: 0;}

.code {width: 226px !important;}