body {
background: url('images/bg.gif') #282828;
font-family: Tahoma;
margin: 0;
padding: 0;
}
td, th {
padding: 0;
vertical-align: top;
font-weight: normal;
}
p {
margin: 0;
}
img {
border: 0;
}
table {
border-collapse: collapse;
font-family: Tahoma;
font-size: 11px;
color: #555;
line-height: 120%;
}
a {
color: #ff0000;
text-decoration: none;
}
a:hover {
color: #e2141c;
text-decoration: underline;
}
div {
margin: 0;
padding: 0;
}
input, textarea, select {
font-family: Tahoma;
border: 1px #999999 solid;
color: #555;
background-color: white;
margin: 0;
font-size: 13px;
}
form {
margin: 0;
}
.imgbut {
border: none;
}
h1 {
font-size: 15px;
color: #d32424;
font-weight: normal;
margin: 0 0 5px 0; padding: 0;
}






#top {
width: 100%;
}
#toptop {
width: 1000px;
height: 160px;
background: url('images/top.jpg') no-repeat #e3e3e3;
}
#lefttop {
background: url('images/topbg_left1.jpg') #e3e3e3;
}
#righttop {
background: url('images/topbg_right1.jpg') #e3e3e3;
}

#red {
width: 100%;
}
#redred {
width: 1000px;
height: 220px;
background: url('images/red.jpg') no-repeat #b80d17;
}
#redred_div{
    width: 1000px;
    height: 220px;
}
#leftred {
background: url('images/topbg_left2.jpg') 100% 0 #b80d17;
}
#rightred {
background: url('images/topbg_right2.jpg') #b80d17;
}

#main {
width: 100%;
}
#mainmain {
width: 960px;
background: url('images/maintop.jpg') no-repeat #fff;
}
#leftmain {
background: url('images/topbg_left3.jpg') 100% 0 no-repeat;
}
#rightmain {
background: url('images/topbg_right3.jpg') no-repeat;
}

#bottom {
width: 100%;
}
#bottop {
width: 960px;
height: 21px;
background: url('images/mainbot.jpg') no-repeat;
}
#bottom td {
vertical-align: middle;
}
#botbot1 {
width: 100px;
height: 59px;
}
#botbot2 {
width: 340px;
height: 59px;
font-size: 12px;
color: #c0c0c0;
}
#botbot3 {
width: 520px;
height: 59px;
text-align: right;
}
#botbot3 a {
font-size: 11px;
color: #c0c0c0;
margin: 0 10px;
}
#botbot3 a:hover {
color: #e2141c;
}

#logo {
display: block;
width: 380px; height: 80px;
position: relative; top: 10px;
}
#bmbasket {
display: block;
width: 41px; height: 133px;
background: url('images/bm_basket.png');
float: right;
position: relative; top: 90px; right: 15px;
}
#topmenu {
width: 900px;
position: relative; top: 45px; left: 28px;
}
#topmenu a {
font-size: 14px;
color: #444;
}
#topmenu a:hover {
color: #e2141c;
}
.dot {
width: 9px; height: 9px;
margin: 0 18px;
background: url('images/menudot.gif') no-repeat;
}

.reditem {
width: 320px;
margin: 20px 20px 0 0;
float: left;
}
.redimg {
float: left;
}
.redtit {
font-size: 19px;
color: #fff;
line-height: 130%;
}
.redtitp {
height: 25px; width: 160px;
overflow: hidden;
margin-bottom: -10px;
}
.redtit:hover {
color: #fff;
}
.blackdots {
margin: 6px;
position: relative; top: 7px; left: -5px;
}
.redtxt {
font-size: 11px;
color: #fff;
margin: 6px 0 10px 0;
}
.buttonblack {
display: block;
width: 81px;
background: url('images/button_black.png') no-repeat;
color: #fff;
text-align: center;
padding: 8px 0;
font-size: 13px;
}
.buttonblack:hover {
background: url('images/button_black_on.png') no-repeat;
color: #fff;
text-decoration: none;
}
.redinfo {
float: right;
width: 163px;
position: relative; top: 15px;
}
.redprice {
color: #30b03f;
font-size: 17px;
position: relative; top: -23px; left: 90px;
}

#basket {
width: 270px;
float: right;
text-align: right;
color: #fff;
position: relative; top: 25px; left: -20px;
font-size: 13px;
line-height: 140%;
}
#btit {
font-size: 16px;
margin: 15px 0;
}
.bite {
width: 46px; height: 46px;
display: block;
background: url('images/bite.png');
float: right;
margin: 14px 3px 10px 3px;
}
.bite:hover {
background: url('images/bite_on.png');
text-decoration: none;
}
.bite img {
width: 40px; height: 40px;
margin: 3px;
}
.af {
height: 1px; font-size: 1px;
overflow: hidden;
clear: both;
}
.btit {
font-size: 16px;
position: relative; right: 40px;
}
.buttonred {
margin: 10px 0 0 0;
display: block;
float: right;
width: 134px; height: 39px;
background: url('images/button_red.png') no-repeat;
text-align: center;
font-size: 14px;
color: #fff;
padding: 9px 0 0 0;
}
.buttonred:hover {
background: url('images/button_red_on.png') no-repeat;
color: #fff;
text-decoration: none;
}

#content {
width: 940px;
margin: 20px 10px 0 10px;
}
#side {
width: 230px;
}
#maincont {
width: 710px;
}
#message{
	font-size: 13px;
	margin: 0 14px 5px 2px;
	line-height: 1.5;
	text-align: justify;
}
#message span{
	color: red;
}

.bm1 {
width: 176px; height: 41px;
background: url('images/bm1.png') no-repeat;
color: #fff;
position: relative; left: -20px;
}
.bm1 p {
font-size: 18px;
position: relative; top: 14px; left: 40px;
}
.bm2 {
width: 225px; height: 41px;
background: url('images/bm2.png') no-repeat;
color: #fff;
position: relative; left: -20px;
}
.bm2 p {
font-size: 18px;
position: relative; top: 14px; left: 40px;
}

#flavors {
margin: 10px 0;
line-height: 140%;
}
#flavors a {
color: #444;
font-size: 11px;
}
#cats {
margin: 10px 0;
line-height: 250%;
position: relative; left: 5px;
}
#cats p a {
color: #444;
font-size: 14px;
}
#cats p a:hover {
color: #e2141c;
text-decoration: none;
}

.more {
display: block;
color: #000;
font-size: 11px;
text-align: center;
background: url('images/more.gif') no-repeat 50% 100%;
height: 30px;
width: 170px;
margin: 0 0 10px 0;
}
.more:hover {
color: #e2141c;
text-decoration: none;
}

#cats .subid a {
line-height: 180%;
position: relative; left: 10px;
font-size: 11px;
color: #666;
}

.hl {
background: url('images/reddot.gif') no-repeat 0 50%;
}
.hl h1, .hl h2, .hl h3 {
color: #e2141c;
font-size: 18px;
margin: 0 0 0 18px;
font-weight: normal;
}

.img1 {
float: right;
border: 1px solid #e7e7e7;
margin: 0 0 5px 10px;
}
.hl2r {
color: #e2141c;
font-size: 14px;
text-align: right;
margin-bottom: 8px;
}
.hl2l {
color: #e2141c;
font-size: 14px;
margin-bottom: 8px;
}
.txt1 {
text-align: justify;
font-size: 12px;
line-height: 120%;
}
.txt2 {
text-align: justify;
font-size: 12px;
line-height: 150%;
}

.buttonred2 {
display: block;
width: 81px;
background: url('images/button_red2.png') no-repeat;
color: #fff;
text-align: center;
padding: 8px 0;
font-size: 13px;
}
.buttonred2:hover {
background: url('images/button_red2_on.png') no-repeat;
color: #fff;
text-decoration: none;
}

.item {
width: 160px;
text-align: center;
margin: 20px 35px;
float: left;
}
.item img {
border: 1px solid #dcdcdc;
width: 158px; height: 158px;
}

.iti {
font-size: 14px;
color: #222;
margin: 6px 0;
height: 35px;
line-height: 120%;
overflow: hidden;
}
.iti a {
color: #222;
}
.iti a:hover {
color: #e2141c;
}
.label {
width: 72px;
background: url('images/label.png') no-repeat;
color: #189b1b;
text-align: center;
font-size: 15px;
padding: 10px 0 9px 4px;
position: absolute;
margin: 10px 0 0 117px;
}
.label2 {
width: 52px;
background: url('images/label2.png') no-repeat;
color: #444;
text-align: center;
font-size: 11px;
padding: 5px 0 5px 4px;
position: absolute;
margin: 45px 0 0 136px;
}

.hl2 {
font-size: 14px;
color: #e2141c;
}

.img2 {
float: right;
margin: 0 5px 0 0;
position: relative; top: 21px;
}
.predbas {
font-size: 11px;
}
#allflavors {
display: none;
}

#cats .acti {
color: #e2141c;
}
#cats .subid .acti2 {
color: #000;
}
#flavors .acti {
color: #e2141c;
}

.bigpic {
width: 250px; height: 250px;
border: 1px solid #dcdcdc;
float: left;
margin: 0 15px 0 0;
}
.it1 {
font-size: 15px;
margin: 5px 0;
}
.it2 {
font-size: 17px;
margin: 5px 0;
color: #30b03f;
}
.it3 {
font-size: 14px;
margin: 5px 0;
color: #666;
text-align: justify;
padding: 0 10px 0 0;
line-height: 130%;
}


.buttonred3 {
margin: 10px 0 0 0;
display: block;
width: 134px; height: 39px;
background: url('images/button_red.png') no-repeat;
text-align: center;
font-size: 15px;
color: #fff;
padding: 14px 0 0 0;
float: right;
}
.buttonred3:hover {
background: url('images/button_red_on.png') no-repeat;
color: #fff;
text-decoration: none;
}
.smt1 {
position: relative; top: ; right: 310px;
}

.ipro {
font-size: 10px;
color: #777;
position: relative; top: -5px;
}
#mygoods {
height: 70px;
overflow: hidden;
}

.basketmore {
position: absolute;
margin: 23px 0 0 -10px;
}


.bi {
width: 100%;
margin: 3px 0;
}
.bi td {
padding: 3px 5px;
border: 1px solid #dcdcdc;
vertical-align: middle;
}
.bi .bi1 img {
width: 70px; height: 70px;
}
.bi1 {
width: 70px;
}
.bi2 {
font-size: 12px;
line-height: 150%;
color: #888;
}
.bi2 a {
color: #222;
}
.bi2 .bitit {
font-size: 13px;
margin-bottom: 5px;
}
.bi3 {
width: 80px;
text-align: center;
}
.bi4 {
width: 80px;
text-align: center;
font-size: 14px;
color: #30b03f;
}
.bi5 {
width: 70px;
text-align: center;
}
.bi th {
font-size: 12px;
color: #222;
padding: 3px 5px;
border: 1px solid #dcdcdc;
vertical-align: middle;
background: #ededed;
}

.order {
width: 100%;
}
.order td {
width: 40%;
font-size: 14px;
text-align: right;
padding: 5px 10px;
}
.order th {
width: 60%;
font-weight: normal;
text-align: left;
}
.order th input {
font-size: 12px;
}
.star {
color: #e2141c;
}

#kiev {
display: none;
}
.ii {
border: 0;
margin-top: 5px;
}
.pricetotal {
font-size: 14px;
text-align: right;
margin: 10px 0;
}
.delicost {
text-align: right;
position: relative; top: -5px;
}
.tbc {
position: absolute;
color: #c4c4c4;
margin: 0 0 0 3px;
font-size: 11px;
z-index: 0;
}
.blf {
color: #000;
font-size: 13px;
}
.hr {
height: 1px;
font-size: 0;
margin: 5px 0;
background: #dcdcdc;
}
.hr2 {
height: 1px;
font-size: 0;
margin: 10px 0 9px 0;
background: #dcdcdc;
}
.biggreen {
color: #40982e;
font-size: 16px;
font-weight: bold;
}
.hp2 {
color: #222;
}
.txt3 {
font-size: 12px;
line-height: 140%;
}
.hp3 {
color: #3a8729;
font-size: 14px;
}
.img-r {
float: right;
border: 1px solid #dcdcdc;
margin: 0 0 5px 10px;
}
.img-l {
float: left;
border: 1px solid #dcdcdc;
margin: 0 10px 5px 0;
}
.txt4 {
font-size: 12px;
line-height: 130%;
text-align: justify;
}
.txt5 {
font-size: 12px;
line-height: 150%;
text-align: justify;
}
.txt6 {
font-size: 13px;
line-height: 150%;
text-align: justify;
}

.ph1 {
color: #e2141c;
font-size: 14px;
}
.ph2 {
color: #000;
font-size: 14px;
}

.comment {
width: 100%;
font-size: 14px;
}
.comment td {
text-align: left;
padding: 5px;
line-height: 160%;
}
.comment input {
padding: 2px;
}

.commentdiv {
width: 100%;
margin: 10px 0;
font-size: 14px;
line-height: 140%;
}
.commentcom {
text-align: justify;
font-size: 12px;
line-height: 140%;
background: #eeeeee;
padding: 5px 10px;
color: #222;
}
.commentcom-good {
text-align: justify;
font-size: 12px;
line-height: 140%;
background: #d9f0da;
padding: 5px 10px;
color: #222;
}
.commentcom-bad {
text-align: justify;
font-size: 12px;
line-height: 140%;
background: #fedede;
padding: 5px 10px;
color: #222;
}

.hp1 {
font-size: 15px;
color: #222;
}
.contform input {
padding: 2px;
margin: 0 0 5px 0;
}








.p11 {
font-size: 11px;
}
.pred {
color: #e2141c;
}
.pgreen {
color: #30b03f;
}
.pblack {
color: #000;
}
.pblack a {
color: #000;
}