@import url(stylesheet.css);
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:top;
background:transparent;}
body {line-height:1;min-width: 1000px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:top;
background:transparent;}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;}
table {
border-collapse:collapse;
border-spacing:0;}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;}
input, select {vertical-align:middle;}
textarea{resize: none;}
html, body {
width: 100%;
height: 100%;}
* { behavior: url("/assets/css/iepngfix.htc"); }
* html #container {height: 100%;}
body {
background-color: #FFFFFF;
color: #313030;
min-height: 900px;
min-width: 1000px;}
#fix{
display: block;
position: fixed;
width: 1px;
height: 1px;
top: 0;
left: 0;
}
.rfloat{float: right !important;}
.lfloat{float: left !important;}
.value,#left #blocknumauth #auth,#authblock span, #left .flash span a, #left ul li, #header li, #logo, #welcomtext, #authblock p{
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
behavior: url("/assets/css/ieUserSelectFix.htc");}
.bgfon{
background: url("/assets/images/bg.png") repeat-x scroll 0 -89px #FFFFFF;
height: 3px;
position: fixed;
top: 89px;
width: 100%;
z-index: 3;}
#container {
position: relative;
min-width: 1000px;
min-height: 800px;
max-width: 1400px;
margin: 0 auto;}
.clearfloat {clear: both;}
.empty {height: 50px;}
#footer {
background: url(/assets/images/footerbg.png) repeat-x bottom left;
bottom: 0;
color: #999999;
font: 10px/35px Verdana;
height: 35px;
min-width: 1000px;
position: fixed;
text-align: center;
width: 100%;
z-index: 20;}
#footer a{
color: #999;
font: 10px/35px Verdana;}

/*			HEADER			*/
#header{
background-color: white;
height: 89px;
position: fixed;
width: 100%;
z-index: 5;
margin: 0 auto;
max-width: 1400px;
min-width: 1000px;}
.lineC{
background: url(/assets/images/lineC.jpg) 0 0 repeat-x;
width: 100%;
height: 56px;
clear: both;
display: block;}
.lineR{
background: url(/assets/images/lineR.jpg) 100% 0 no-repeat;
float: right;
width: 100%;}
.lineL{
background: url(/assets/images/lineL.jpg) 0 0 no-repeat;
height: 56px;
float: left;
width: 100%;}
#logo{
background: url("/assets/images/logo.png") no-repeat scroll 100% 100%;
height: 68px;
margin: 5px 10px 3px 9%;
width: 159px;
cursor: pointer;}
#welcomtext{
font: italic 9px/12px Verdana;
color: #000;
margin: 0 10px 0 9%;
float: left;}
#header ul{
bottom: 9px;
display: table;
list-style: none outside none;
position: absolute;
right: 0.2%;}
#header li{
color: #000000;
float: right;
font: 11.5px/20px PresidentCyrRegular;
margin-right: 20px;
position: relative;
text-transform: uppercase;
white-space: nowrap;}
#header li a{
color: #000000;
font: 11.5px/20px PresidentCyrRegular;
text-decoration: none;
text-transform: uppercase;}
#header li:hover .hov,#header ul li.active .hov,#left ul li:hover .flash,.fblock .ftext:hover .fblockdetailext{display: block;}
#header ul li.active, #header ul li.active a{
color: #d10d13;
font-weight: bold;}
.basketLink, .basketLink a{
color: #d10d13 !important;
font-weight: bold !important;}
.hov{
background: url(/assets/images/point.png) no-repeat bottom center;
width: 100%;
height: 15px;
top: 21px;
left: 0px;
position: absolute;
display: none;
z-index: 100;}
.point{
background: url(/assets/images/point.png) no-repeat bottom center;
width: 11px;
height: 12px;
right: -24px;
top: 4px;
position: absolute;
display: none;}
#left{
min-width: 350px;
}
#left ul{
display: block;
list-style: none outside none;
position: relative;
margin-top: 25px;}
#left ul li{
left: 15%;
width: 200px;
text-align: right;
color: #000000;
display: block;
font: 18px/18px PresidentCyrRegular;
margin-bottom: 20px;
position: relative;
white-space: nowrap;}
#left ul li a{
color: #000000;
font: 20px/20px PresidentCyrRegular;
text-decoration: none;
white-space: nowrap;
right: 20px;
position: relative;}
#left ul li.active .point{display: block;}
#left ul li.active a{color: #d10d13;}
#left .flash{
cursor: pointer;
background: url("/assets/images/block1.png") no-repeat scroll 0 0;
display: none;
height: 121px;
position: absolute;
right: -215px;
top: -50px;
width: 215px;
z-index: 1;}
#left .flash img{
margin: 5px 5px 5px 40px;
width: 160px;
height: 90px;}
#left .flash span a{
color: #d10d13;
font: 14px PresidentCyrRegular;
float: right;
margin-right: 10px;}
#blocknumauth{
color: #343434;
font: italic 11px/14px Verdana;
left: 24%;
position: absolute;
top: 6px;
width: 270px;}
#blocknumauth sub{
font: italic 8px/10px Verdana;
padding-bottom: 10px;
padding-left: 2px;}
#blocknumauth span{
display: block;
font: italic 24px/24px Arial;
color: #d10d13;}
#auth{
font: italic 10px/20px Verdana;
color: #272727;
float: left;
text-decoration: underline;
cursor: pointer;
position:relative;}
#authblock{
display: none;
background: url("/assets/images/block2.png") no-repeat 0 0;
height: 111px;
left: 8px;
position: absolute;
top: 13px;
width: 230px;
cursor: default !important;
font: 9px/13px Verdana !important;
color: #494949 !important;}
#authblock span{
font: italic 9px/13px Verdana !important;
color: #494949;
float: right;
margin: 0 !important;
padding-right: 15px !important;
margin-top: 14px !important;
text-decoration: underline;
cursor: pointer;}
#authblock p{
font: italic 9px/13px Verdana !important;
color: #8a8a8a;
margin: 0 !important;
margin-left: 15px !important;
margin-top: 4px !important;
cursor: pointer;
height: 20px;
width: 150px;}
#authblock p input{
font: italic 9px/13px Verdana !important;
color: #8a8a8a;
height: 14px;
width: 150px;
border: 1px solid #c6c6c6;}
#authblock span.r{color: #d10d13;}
#cont{
z-index: 2;
position: relative;
display: block;
margin: 0 auto;
top: 92px;}
#content{
background-color: #fff;
position: relative;
display: block;
margin: 0 auto;
height: 743px;
width: 100%;}
#content #left{
/*background: url("/assets/images/left.png") no-repeat scroll right top transparent;*/
height: 100%;
left: 0;
position: fixed;
top: 92px;
width: 35%;
z-index: 6;}
#content #right{
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 55%;
z-index: 1;
min-width: 550px;}
#whitediv{
background: #fff;
width: 50%;
height: 743px;
position: absolute;
top: 92px;
right: 0px;}
.lineC h1{
color: #000000;
float: right;
font: bold 16px/57px PresidentCyrRegular;
padding-right: 7%;
text-decoration: none;
text-transform: uppercase;}
#textblock{
font: 19px/23px PresidentCyrRegular;
text-align: justify;
margin: 40px auto;
width: 85%;}
.sel{color: #d10d13;}
#textblock h2{
color: #d10d13;
font: bold 22px/100px PresidentCyrRegular;
text-align: center;}
#content h1{
color: #c11823;
font: 26px/36px PresidentCyrRegular;
clear: both;
text-align: right;
margin: 10px 0 30px;}
#content h2{
color: #c11823;
font: 22px/30px PresidentCyrRegular;
clear: both;
text-align: left;
margin: 10px 0 10px;}
#content .textblock1{
width: 55%;
float: right;}
#content .textblock1{
color: #333333;
font: italic 12px/23px Calibri, Arial;
margin-right: 7%;
padding-top: 20px;
text-align: justify;}
#content .textblock1 p{
color: #333333;
font: italic 12px/14px Calibri,Arial;
margin: 0 0 15px;
text-align: justify;}
#content .textblock1 .previewtext p{
color: #333333;
font: italic 12px/14px Calibri,Arial;
margin: 0 0 6px;
text-align: justify;}
.tablecontent{
width: 80%;
position: relative;
margin: 0 auto;}
.tablecontent td{text-align: right;}
.fblock{
margin: 0px auto 0;
clear: both;}
.fblock .ftitle{
color: #d10d13;
font: italic 12px Calibri, Arial;
padding-bottom:7px;
border-bottom: 1px solid #e2e2e2;}
.fblock .ftext{
border-bottom: 1px solid #E2E2E2;
color: #333333;
display: block;
font: italic 11px Calibri,Arial;
padding-bottom: 5px;
padding-top: 10px;
position: relative;}
.namedate{height: 15px;}
.namedate .name, .namedate .date{
float: right;
color: #696969;
font: italic 10px Calibri, Arial;
padding-top:7px;}
.namedate .date{padding-left: 20px;}
.fblock .fblockdetailext{
border: 1px solid #F1F1F1;
display: none;
left: -4%;
position: absolute;
top: -2px;
width: 108%;
margin-bottom: 10px;
background: #fff;
z-index: 1;}
.fblock .fblockdetail{
padding: 15px 7px 5px;
border: 1px solid #aeaeae;
display: block;
color: #696969;}
.fblock .fblockdetail .namedate{margin: 10px;}
/*		PAGES		*/
.ditto_off{
filter:alpha(opacity=50); /* IE 5.5+*/
-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */}
.ditto_next_link, .ditto_next_link, .ditto_previous_link, .ditto_next_off, .ditto_previous_off{
background: url(/assets/images/pleft.png) no-repeat 50% 50%;
margin: 0 10px;
cursor: pointer;
width: 14px;
height: 14px;
color: #000;
padding: 3px 6px;
display: inline;}
.ditto_next_link, .ditto_next_off{background: url(/assets/images/pright.png) no-repeat 50% 50%;}
.ditto_next_link:hover, .pright:hover{width: 7px;}
.pages {
color: #707070;
display: block;
font: italic 11px Verdana;
left: 10%;
margin: 15px auto;
padding-left: 0;
position: absolute;
text-align: center;
width: 510px;}
.pages .p, .pages .active, .ditto_page, .pages .ditto_currentpage{
cursor: pointer;
width: 14px;
height: 14px;
color: #000;
padding: 5px 8px;
display: inline;
text-align: center;
margin: 0 3px;}
.pages .active, .pages .ditto_currentpage{
background: #d10d13;
color: #fff;}
.pages .p, .ditto_page{
text-decoration: none;
color: #707070;}
.pages .p:hover, .ditto_page:hover{
padding: 4px 7px;
border: 1px solid #d10d13;}
.pages .p:hover, .ditto_page:hover{color: #d10d13;}

.prod .active, .prod ditto_currentpage{background: #EB470E;}
.prod .p:hover, .ditto_page:hover{border: 1px solid #d10d13;}
.prod .p:hover, .pages .ditto_page:hover{color: #d10d13;}

.btsendfeedback,.btsendcontacts,.btordermake,.btorderform,.btreg,.btsend,.btactiving{
background: url(/assets/images/btsendfeedback.png) 0 100%;width: 121px;height: 17px;float: right;cursor: pointer;}
.btsendfeedback:hover,.btsendcontacts:hover,.btordermake:hover,.btorderform:hover,.btreg:hover,.btsend:hover,.btactiving:hover{background-position: 0 0;}
.btsendcontacts{background: url(/assets/images/btsendcontacts.png) 0 100%;}
.btordermake{background: url(/assets/images/btordermake.png) 0 100%;
margin-top: 20px;}
.btorderform{background: url(/assets/images/btorderform.png) 0 100%;}
.btreg{background: url(/assets/images/btreg.png) 0 100%;}
.btsend{background: url(/assets/images/btsend.png) 0 100%;}
.btactiving{background: url(/assets/images/btactive.png) 0 100%;}
.form{
display: table;
width: 100%;
max-width: 600px;
margin: 0 auto;}
.form input{height: 16px;}
.form textarea{
margin-top: 10px;
height: 96px;}
input, textarea, select{
border: 1px solid #c6c6c6;
font: italic 9px Verdana;
color: #989898;
background-color: #fff;}
.textblock1 .block1{
float: right;
margin-bottom: 30px;
width: 100%;
position: relative;
display: block;}
.block1 img{
padding: 0 2% 0 0;
width: 30%;
cursor: pointer;
margin: 0;}
.block1 .previewtext{
float: right;
width: 55%;
padding-right: 2%;}
.block1 h3{
border-bottom: 1px solid #e2e2e2;
color: #EB470E;
font: 14px Verdana;
padding-bottom: 7px;
width: 100%;}
.block22 h3{
border: none;
padding-bottom: 2px;}
.block1 .order{
background: url(/assets/images/linehor.png) no-repeat 100% 0;
margin-top: 5px;
width: 100%;}
.order .btbasketadd2{
background: url(/assets/images/btbasketadd2.png) no-repeat 0 0;
width: 52px;
height: 18px;
display: block;
cursor: pointer;}
.order .btbasketadd2:hover{background-position: 0 100%;}
.order .btselect{
background: url(/assets/images/btselect.png) no-repeat 0 0;
display: block;
cursor: pointer;
width: 43px;
height: 18px;
position: relative;}
.order .btselect:hover{background-position: 0 100%;}
.btselect .value{
font: 12px/18px Verdana;
color: #333;
padding: 0 0 0 5px;
width: 20px;
text-align: left;}
.btselect .dropout{
background: url(/assets/images/dropout.png) no-repeat 0 0;
display: block;
width: 45px;
position: absolute;
top: 18px;
left: -1px;
height: 119px;
overflow: hidden;
z-index: 1;}
.scroll-pane{
width: 100%;
height: 115px;
margin-top: 2px;
overflow: auto;}
.scroll-pane ul{
list-style: none;
width: 35px;}
.scroll-pane ul li{
font: 12px/18px Verdana;
padding-left: 5px;
margin-left: 2px;
text-align: left;}
.scroll-pane ul li:hover{background: #f6f6f6;}
.price{margin: -1px 10px 0 0;}
.block2{
cursor:pointer;
display: none;
width: 380px;
border: 1px solid #fbfbfb;
background: #fff;
position: absolute;
z-index: 2;
font: italic 9px Verdana;
top: -50px;
left: -35.5%;
z-index: 3;}
.block2 .block21, .block2 .block22{
width: 100%;
border: 1px solid #f2f2f2;}
.block2 .block22 {
border: 1px solid #C6C6C6;
padding: 0 5%;
width: 90%;}
.block22{display: none;}
.block2 p{margin-bottom: 3px!important;}
.block2 img{
position: relative;
display: block;
margin: 5px auto 0;}
.block2 span{
display: block;
clear: both;}
.block2 .btbasketadd{
cursor: pointer;
background: url(/assets/images/btbasketadd.png) no-repeat 0 0;
width: 26px;
height: 49px;
position: absolute;
right: 0;
top: 50%;
margin-top: -25px;
z-index: 1;}
.justifyright{
float: right;
text-align: justify;}
.pricevalue{
color: #333333;
font: italic 12px/14px Calibri,Arial;
margin: 0 0 3px;}
#podnos{
position: fixed;
display: block;
width: 150px;
height: 34px;
cursor: pointer;}
/*#podnos:hover #basketblock{display: block;}*/
#basketblock{
display: none;
background: url("/assets/images/block3.png") no-repeat 0 0;
height: 111px;
position: absolute;
top: 34px;
width: 230px;
cursor: default !important;
font: 9px/13px Verdana !important;
color: #494949 !important;
z-index: 2;
left: -41px;}
#basketblock span{
font: italic 9px/13px Verdana !important;
color: #494949;
float: right;
padding-right: 15px;
margin-top: 14px;
text-decoration: underline;
cursor: pointer;}
#basketblock p{
font: italic 9px/13px Verdana !important;
color: #8a8a8a;
margin-left: 15px;
margin-top: 4px;
cursor: pointer;
height: 20px;
width: 150px;}
#basketblock p input{
font: italic 9px/13px Verdana !important;
color: #8a8a8a;
height: 14px;
width: 150px;
border: 1px solid #c6c6c6;}
#basketblock span.r{color: #d10d13;}
#stuffHelperName, #stuffCount{
font: 13px/13px Verdana;
color: #494949;}
#butOrder{
color: #EB470E;}
.shk-count{
font: 12px/16px Verdana;
color: #333;
padding: 0 0 0 5px;
width: 25px;
text-align: left;
border: 1px solid #E2E2E2;
height: 16px;
float: right;
margin-top: -2px;}
#shk-count select{
margin-top: -8px;
margin-right: 7px;
}
#cartInner{
color: #333;
font: italic 12px/14px Calibri,Arial;
margin: 0 0 15px;
text-align: justify;}
.activePag{
color:#707070;
padding:4px 7px;
margin:0 3px;
text-decoration:none;
border: 1px solid #fff;}
.activePag:hover{
border: 1px solid #EB470E;}
.inactivePag{
color:#fff;
background-color:#EB470E;
cursor:default;
text-decoration:none;
padding:5px 8px;
margin:0 3px;}
#paginator{
display: table;
width:100%;}
.paginator{
clear: both;
display: block;
position: relative;
top: 30px;
width: 50%;}
#shopOrderForm{}
.error{
color: #ff3333 !important;
font: italic 12px/12px Calibri, Arial !important;}
.prod1,.prod2,.prod3{
position: absolute;
display: none;
z-index:1;
top: 10px;
left: 12px;
background: url(/assets/images/podnos_prod/prod_sushi.png) no-repeat 0 0;width: 40px;height: 18px;
}
.prod2{background: url(/assets/images/podnos_prod/prod_inari.png) no-repeat 0 0;width: 39px;height: 18px;
top: 5px;
left: 50px;
}
.prod3{background: url(/assets/images/podnos_prod/prod_rolls.png) no-repeat 0 0;width: 41px;height: 14px;
top: 14px;
left: 57px;
}

/* ------------News ------------*/
.news {padding:0; margin:0 0 15px 0;} /*отступы между новостями */
.news h2 {padding:0px; margin:0px; border:none} /* заголовок новости без отступов и без подчеркивания снизу */
.news h2 a{color:red;}
.news .introtext{padding:5px 0 0 0} /*отступ области с кратким описанием и датой от заголовка */
.news .introtext .date {font-weight:bold;} /* дата публикации, выделяется жирным шрифтом */
.news .readmore, .news .readmore a{color:red;}

.discountText{
float: right;
width: 100%;
display: table;
padding-right: 15px;
}

.discountText p{
margin: 0;
display: block;
float: right;
text-align: right;
font: italic 12px/14px Calibri,Arial;
}
.exlink{margin-left:150px;border:1px solid red;}

.text_2{
margin-top: 100px;
display: block;
position: relative;
}

.text_2 h1{
color: #333 !important;
font: italic 16px/16px Calibri,Arial !important;
clear: both !important;
text-align: right !important;
margin: 0 0 5px 0 !important;
}