@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
html,body{ height:100%; font: 16px Arial, Helvetica, sans-serif; line-height:20px; text-align:left; background:#F5EEE5 url(images/bg.gif) repeat-x;}
img{ border:none;}
ul{ list-style:none;}
a{ color:#B93C3A;}
a:hover{ color:#EA2F2F;}
h1{ font-size: 32px; font-weight:normal;}
h3{ font-weight:normal; font-size: 20px; padding-bottom: 20px;}
h3 a{ color:#36567C;}
h3 a:hover{ color:#0A78C9;}

P { padding-top:0px; padding-bottom:20px;}

#cace { position:absolute;  min-width:980px; overflow:hidden; width:100%; height:367px; top:0px; margin-top:320px;  float:left; z-index:1; left:0px;}
*html #cace {position:absolute; min-width:980px; overflow:hidden; width:100%; height:367px; margin-top:320px; top:0px;   float:left; z-index:1; left:0px;width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%');     }
#main{ position:relative; float:left; width: 86%; padding: 0 6.9% 0 7%; min-width:860px; min-height:100%; overflow:hidden;}
*html #main{ width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'860px':'86%'); height: expression(this.offsetHeight<document.body.clientHeight?(document.body.clientHeight-2)+'px':'auto');  padding: 0px 23px 0px 70px; }
.form1{ width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'860px':'86%'); height: expression(this.offsetHeight<document.body.clientHeight?(document.body.clientHeight-2)+'px':'auto');}
.topBlock{ float:left; width: 100%;}
.topBlockIndex{ float:left; width: 100%; height:710px;}
.index{ background: url(images/bigCake.jpg) no-repeat center 131px;}
.composition{ position:absolute; z-index:100; top: 420px; left: 50%; float:left; margin-left:-295px; font-size: 18px;}
*html .composition{margin-left:-285px; left: 53%;}
*+html .composition{margin-left:-290px;}
.composition a{ text-decoration:none;}
.composition a:hover{ color:#EA2F2F; text-decoration:none;}
.leftBlock{ float:left; width: 19.5%; position:relative;}
.rightBlock{ float: right; width: 70%; position:relative; z-index:1;}
.rightBlock h1{ position:relative; left: -35px; margin-top: -29px; line-height:normal;}
.logoBox{ float:left; width: 100%; padding: 60px 0 40px 0;}
.logoBox a{ display:block; width: 135px; height:115px; margin:0 auto; background: url(images/gif.gif) no-repeat 0 -105px;}
.logoBox div{ width: 135px; height:115px; margin:0 auto; background: url(images/gif.gif) no-repeat 0 -105px;}
.textBox1{ float:left; width: 100%; font-style:italic;}

.icons{ float:right; padding: 50px 0 20px 0;}
.icons a{ float:right; width: 11px; height:9px; overflow:hidden; margin-left: 40px;}
.icons span{ float:right; width: 11px; height:9px; overflow:hidden; margin-left: 40px;}
.mail{ height:8px!important; background: url(images/gif.gif) no-repeat -172px -9px;}
.mail_off{ height:8px!important; background: url(images/gif.gif) no-repeat -215px -9px;}
.map{ background: url(images/gif.gif) no-repeat -172px -17px;}
.map_off{ background: url(images/gif.gif) no-repeat -215px -17px;}
.home{ background: url(images/gif.gif) no-repeat -172px 0;}
.home_off{ background: url(images/gif.gif) no-repeat -215px 0;}
.menu{ float:left; width: 110%; margin-left: -10%; position:relative; left: 10px; z-index:10;}
.menu li{ float:right; padding: 7px 7px 13px 12%; margin-left: -65px; white-space: nowrap; position:relative; font-size: 21px;}
.menu li a{ color:#36567C; text-decoration:none; border-bottom: 1px solid #36567c;}
.menu li a:hover{ color:#0A78C9; border-bottom: 1px solid #0A78C9;}
.menu li a.active{ color:#000; border-bottom: 1px solid #000;}
.menu li a.active:hover{ color:#000;}

#staticLink{ border-width:0;}
#staticLink span{ border-bottom: 1px dashed #36567c;}
#staticLink:hover span{ border-bottom: none; border-bottom: 1px dashed #0A78C9;}
#staticLink.active span{ border-bottom: 1px dashed #000;}
#staticLink.active:hover span{ border-bottom: none; border-bottom: 1px dashed #000;}

#staticLink img{ position:relative; left: 3px; margin-top:8px; width: 7px; height:9px; overflow:hidden; background: url(images/gif.gif) no-repeat -183px -15px; position:relative; top: -2px;}
.menu li.active{ background: url(images/staticLinkBg.gif) no-repeat right top;}
.menu li.active #subMenu{ display:block;}
#subMenu{ display:none; position:absolute; width: 250px; top: 38px; right: -163px;}
*html #subMenu{ right: -164px;}
#subMenu .topBox{ float:left; width: 100%; height:5px; overflow:hidden; background:#E3EEEB;}
#subMenu .rt{ float:right; width: 5px; height:5px; overflow:hidden; background:url(images/gif.gif) no-repeat -188px 0;}
#subMenu .contBox{ float:left; padding: 0 10px; width: 230px; background:#E3EEEB;}
#subMenu .contBox li{ float: left; margin:0; padding: 5px 0; width: 115px;}
#subMenu .contBox a{ float:none; padding: 0; background: none; font-size: 16px; line-height:16px;}
#subMenu .botBox{ float:left; width: 100%; height:5px; overflow:hidden; background:#E3EEEB;}
#subMenu .lb{ float:left; width: 5px; height:5px; overflow:hidden; background: url(images/gif.gif) no-repeat -184px -5px;}
#subMenu .rb{ float:right; width: 5px; height:5px; overflow:hidden; background: url(images/gif.gif) no-repeat -188px -5px;}
.textBox2{ float:right; width: 46%; height:120px; padding: 60px 0% 0 50%;}
.textBox2 p{ font-size: 28px; padding-bottom: 13px; position:relative; left:-14px;}
.textBox2 p a{ font-weight:bold;}
.forCake{ position:absolute;  left:60%;  width: 425px; height:367px; background: url(images/forCake.png) no-repeat; overflow:visible; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/forCake.png', sizingMethod='noscale'); _background:none; z-index:20;  }
.contentBlock{ float:left; width: 100%; padding-bottom: 130px;}
.newsBox{ float:left; width: 80%; margin-right: -100px;}
.newsBox ul{ float:left; width: 100%; padding-bottom: 20px;}
.newsBox li{ font-size: 15px; float:left; width: 42%; padding-right: 7%;}
.newsBox li span{ color:#666;}
.phonesBox{ float:right; width: 158px; padding:140px 0 0 61px; margin-bottom: -15px; position:relative; z-index:2; font-size: 18px; background: url(images/phone.jpg) no-repeat;}
.phonesBox p{ font-size:21px; padding-bottom: 3px;}
.phonesBox span{ font-size: 14px; color:#666;}
.blueRibbon{ float:left; position:relative; left:-8%; width: 108%;}
.blueRibbon div.textRibbon{ position:relative; left: -410px; padding:25px 0 0 57%; color:#fff; background: url(images/blueRibbonBg.jpg) repeat-x right top;}
.blueRibbon div.ribbonR{ margin-left: -410px; float:right; width: 410px; height:148px; background: url(images/blueRibbonR.jpg) no-repeat;}
.blueRibbon p{ color:#000; padding-top: 50px;}
.blueRibbon p a{ font-weight:bold; color:#36567C;}
.youFoundHere{ float:left; width: 44%; height:175px; padding: 55px 0 0 43%; margin-top: -5px; position:relative; z-index:2; background:url(images/cakePiece.jpg) no-repeat 4% 0;}
.youFoundHere p{ padding-top: 12px; color:#666; font-style:italic; font-size: 14px; line-height:17px;}
.bottomBlock{ float:left; width: 86%; height:60px; padding: 20px 0 20px 7%; margin-top: -100px; position:relative; z-index:5;}
*html .bottomBlock{ width: expression((document.documentElement.clientWidth||document.body.clientWidth)<860?'860px':'86%');}
.bottomBlock a{ float:left; width: 114px; height:32px; background: url(images/gif.gif) no-repeat 0 -28px;}

.leftMenu{ float:left; width: 100%;}
.leftMenu a:hover{ text-decoration:underline; }
.leftMenu li{ padding: 25px 0 13px 0; font-style:italic;}
.leftMenu li div{ width: 115%; margin-right: -20%; font-size: 15px; line-height:18px;}
.leftMenu li div p{ padding-bottom: 7px; font-size: 18px;}
.leftMenu li.active a{ font-weight:bold; color:#000;}
.leftMenu li.active a:hover{color:#EA2F2F;}
.leftMenu li span{ font-size: 18px;}

.callBox{ float:left; width: 301px; height:257px; padding: 120px 0 0 90px; margin:0 -100px 0 -60px; position:relative; left:0; z-index:1;  background: url(images/phonesBg.gif) no-repeat 0 30px; font-size: 20px;}
.callBox div{ font-size: 13px; font-style:italic; padding: 0 0 4px 21px;}
.callBox p{ font-size: 25px; padding-bottom: 3px; padding-top:0px;}
.callBox span{ font-size: 14px; color:#666;}

.textBox{ float:left; width: 95%; padding: 20px 5% 0 0;}
.textBox h3{ font-size: 18px; font-weight:normal; padding-bottom: 5px;}

.gnome1{ float:left; width: 100%; margin-top: -5px;}
.gnome1 div{ float:left; width: 48%; padding-top: 40px;}
.gnome1 p1{ float:right; width: 45%; font-style:italic; padding: 220px 5% 0 0; background: url(images/gnome1.jpg) no-repeat center top;}

.gnome3{float:left; width: 250px; padding: 35px 55% 40px 3%; background: url(images/gnome3.jpg) no-repeat right 30px;}
.gnome3 p1{ position:relative; left: -15px; font-size: 26px; padding: 2px 0 20px 0;}
.gnome3 span{ font-size: 15px; font-style:italic;}

.gnome2{ float:left; width: 49%; padding: 35px 50% 0 0; background: url(images/gnome2.jpg) no-repeat right 0; height:250px;}
.gnome2 p1{ padding-bottom: 30px;}

.box{ float:left; width: 93%; padding: 15px; margin-top: 27px; border: 10px solid #fff; background:#FBF9F4 url(images/boxBg.gif) no-repeat;}
.box ul{ float:left; width: 100%;}
.box li{ float:left; width: 48%; padding-right: 1%;}
.box li h2{ font-size: 24px; font-weight:normal; padding-bottom:10px;}
.box li p{ padding-top: 0; font-style:normal;}
.box p1{ font-style:italic; padding-top: 30px;}
.imgDescript{ float:left; width: 100%;}
.imgDescript img{ float:left;}
.imgDescript p{ padding-left: 110px; font-size: 15px;}
.price{ padding: 15px 0 0 110px; font-size: 15px;}
.price span{ font-size:20px;}
.price span img{ width: 13px; height:15px; overflow:hidden; background: url(images/gif.gif) no-repeat -135px -144px; margin-right: 5px;}
.price span span{ font-style:italic; font-size: 11px;}
.price a{ margin-top: 5px; display:block; width: 115px; height:25px; overflow:hidden; background: url(images/gif.gif) no-repeat -114px -78px;}


.textBox3{ width: 115%; margin-right: -20%; padding-top: 0px; font-size: 15px; font-style:italic; line-height:18px;}

.addOpinion{ position:relative; right:17%; z-index:3; margin: -27px -75px 0 0;  float:right; width: 172px; height:28px; overflow:hidden; background: url(images/gif.gif) no-repeat; cursor:pointer;}
.addOpinion2{ position:relative; right:17%; z-index:3; margin: -27px -75px 0 0;  float:right; width: 172px; height:28px; overflow:hidden; background: url(images/hide.gif) no-repeat; cursor:pointer;}
.opinions{ float:left; width: 93%; padding-bottom: 20px; margin-top: -1px;}
.opinions li{ float:left; width: 100%;}
.opinions li span{ font-size: 12px; font-style:italic; line-height:14px;}
.opinions li p{ padding-top: 10px; font-style:normal; padding-bottom:5px;}
.opinionImg{ float:left; width: 22px; height:22px; overflow:hidden; margin-left: 30px; background: url(images/gif.gif) no-repeat -193px 0;}

.pagesBox{ float:left; width: 93%; padding-left: 30px;}
.pagesBox p{ float:left; width: 100%; font-weight:bold; padding-bottom: 5px;} 
.ThisOne{ color:#fff; padding: 1px 4px; background: #36567C; margin-right:10px;}
.NonThisOne{ margin: 1px 10px 0 0; color:#36567C;}

.orderForm{ float:left; width: 60%; padding-top: 35px;}
.orderForm ul{ float:left; width:100%;}
.orderForm li{ float:left; width: 100%; padding-bottom:10px;}
.orderForm li p{ float:left; width: 44%; padding-right: 1%; padding:0px;}
.orderForm li p span1{ float:left; width: 5px; height:5px; overflow:hidden; margin: 8px 12px 0 0; background: url(images/gif.gif) no-repeat -183px -10px;}
.orderForm li div{ float:right; width: 55%;}
.orderForm li input{ width: 90%; padding: 2px 5px; border: 1px inset #808080; font: 16px Arial, Helvetica, sans-serif;}
.month{ float:left!important; width: 120px!important; padding-bottom: 10px;}
.month select{ width: 100px; border: 1px inset #808080; padding:0 1px; font-size:16px; }
.day{ float:left!important; width: 50px!important; padding-bottom: 10px;}
.day select{ width: 45px; border: 1px inset #808080; padding:0 1px; font-size:16px; }
.time{ float:left; width: 100%!important; padding-bottom: 10px;}
.time input{ width: 153px!important;}
.orderForm li textarea{ width: 90%; height:150px; padding: 2px 5px; max-width: 100%; max-height:160px; border: 1px inset #808080; font: 16px Arial, Helvetica, sans-serif;}
.orderForm li input#send{ width: 115px; height:25px; overflow:hidden; background: url(images/gif.gif) no-repeat -114px -53px; border: none; cursor:pointer;}
.timko{ width: 115px; height:25px; overflow:hidden; background: url(images/gif.gif) no-repeat -114px -28px; border: none; cursor:pointer;}
.gnome5{ float:left; width: 37%; padding: 10px 0% 0 4%; margin-right: -10%; font-size:15px; font-style:italic; line-height:18px;}
.gnome5 div img{ text-align:center;}
*html .gnome5{ float:left;  width: 250px; padding: 10px 1% 0 1%; margin-right: -10%;  font-size:15px; font-style:italic; line-height:18px; position:absolute;  }


.pathBox{ position:relative; z-index:10; top: -45px; font-size: 14px; margin-top: -20px;}
.pathBox a{ color:#36567C;}
.pathBox a:hover{ color:#0A78C9;}
.pathBox span{ padding: 0 10px;}

.news li{ padding-top: 30px; font-size: 14px; color:#666;}
.news li a{ font-size: 17px; font-weight:bold; font-style:italic;}

.priceTitle{ margin-top: -31px!important; position:relative; z-index:2; height:45px;}
.priceTitle div{ float:left; padding: 5px 14px 8px 14px; background: url(images/gif.gif) no-repeat 0 -60px; font-size: 32px; line-height:32px;}
.priceTitle p{ padding: 5px 0 0 120px; font-size: 32px; line-height:32px;}
#priceBox{ margin-top: 21px;}

.AdminButton{margin-right:15px;vertical-align:middle;margin-bottom:10px;}

.SecondText {padding: 0px 5% 0pt 10pt; font-style: italic; width: 45%;}
.SecondText img {padding-left: 20%;}
.SecondText p img {padding-left: 0%;}


form .invalid input

{
color: #cc6666;
}

form dl.required  i.icon { background-position:0px 0; top:6px; padding:0px; margin:0px; }
form dl.required-ok  i.icon { background-position:0px -16px;}

i.icon { position:relative; left:-14px;}

.icon { background:url("check.png") no-repeat; overflow:hidden; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="check.png", sizingMethod="crop"); }
a i.icon { cursor:pointer; }