body { background: #719926; color:#848484; font:12px Tahoma; margin:0 auto; padding:0; width:100%; }
table {}
form {margin:0;}
img {border:0;}
.inputbox { height: 15px; border: #C8C8C8 1px solid; font-size: 12px; font-family: arial, verdana;  background: #fff; text-align: left; margin:0px; }
.inputbut { height: 19px; border: #C8C8C8 1px solid; font-size: 12px; font-family: arial, verdana;  background: #fff; text-align: left; }
.select { font-size:11px }

.pages { background:url(../i/bg_center.gif) top center repeat-y; width:100%; }
.page { background:url(../i/bg_bottom2.gif) bottom center no-repeat; width:100%; }
.inner { background:url(../i/bg_top2.gif) top center no-repeat; width:100%; }
.main { position:relative; width:996px; }
.face { background:url(../i/chef.png) no-repeat; float:left; height:253px; margin-left:40px; position:absolute; width:313px; z-index:20; }
.face a { display:block; height:253px; width:313px; text-decoration:none;}

.pirozki { background:url(../i/pirozki.jpg) bottom right no-repeat; float:left; height:458px; position:relative; width:695px; z-index:10; }
.button_m { height:44px; margin:363px 0 0 504px; position:absolute; width:148px; }
.button_in { background:url(../i/price.png) top left no-repeat; font:12px Tahoma; height:44px; line-height:44px; text-align:center; text-transform:uppercase; width:148px; }
.button_m a { color:#fff; text-decoration:underline; position:relative; }
.button_m a:hover {text-decoration:none;position:relative;}
.nav {position:absolute;top:105px;left:657px;}
.nav ul { margin:0; padding:0; list-style:none; }
.nav ul li { background:url(../i/nav.jpg) no-repeat; height:31px; line-height:24px; padding-left:37px; width:116px; }
.nav a { color:#fff; font:11px Tahoma; text-decoration:underline; }
.nav a:hover { color:#d9fa99; text-decoration:none; }
.pic { padding-left:74px; } 
.panel { left:35px; position:absolute; top:256px; }
.title { color:#bf2369; font:18px Myriad Pro; letter-spacing:-1px; padding:0 0 50px 105px; }
.registration { background:url(../i/reg.jpg) no-repeat; height:42px; padding:0 0px 0 5px; text-align:center; text-transform:uppercase; vertical-align:middle; width:110px; }
.registration a { color:#fff; text-decoration:underline; vertical-align:top; }
.registration a:hover {text-decoration:none;}
.panel form {margin-top:10px;}
.panel form input { color:#848484; font:11px Tahoma; padding:1px 5px 1px 5px; width:137px; }
.small { height:5px; line-height:7px; padding-bottom:5px; vertical-align:top; text-align:center; }
.small a { color:#666; font:10px Tahoma; }
.green { color:#719925; font:13px Tahoma; padding-bottom:3px; vertical-align:bottom; white-space:nowrap; }
.violet { color:#c33273; font:13px Tahoma; }
.toptext { border-top:1px dotted #848484; border-bottom:1px dotted #848484; color:#848484; font:11px Tahoma; padding:2px 0 2px; text-align:center; }
.contacts {position:relative;padding:270px 0 0 700px; }
.center { background:url(../i/bg_center.jpg) center top no-repeat; color:#fff; font:32px Myriad Pro; height:81px; line-height:81px; text-align:center; text-transform:uppercase; width:100% }
.hello { float:left; padding-left:190px; }
.gotomenu { float:right; font-size:12px; padding-right:200px; }
.gotomenu a { color:#fff; font-weight:bold;	 text-decoration:underline; }
.gotomenu a:hover { text-decoration:none; }
div.headers {border:1px dotted #fff;}
ul.headers { list-style:none; margin: 10px 0px 0px 160px; padding: 0px; }
ul.headers li { background:url(../i/arrow.gif) center left no-repeat; color:#c33071; font:bold 11px Tahoma; float:left; margin-right:165px; padding-left:15px; text-transform:uppercase; }
ul.headers li span { color:#719925 }

.headtitle { clear:both; margin:5px 0 0 110px; width:780px; display:block; }
.day { float:left; width:400px; }
.basket { float:right; width:350px; text-align:right; }

.bottom { height:215px; }
.order { border-right:1px dotted #848484; text-align: right; float:left; margin:5px 0 5px; padding-left:108px; padding-right:10px; }
.order p {display:inline; text-align: right;}
.order input, .order textarea { border: #C8C8C8 1px solid; color:#848484; font:11px Tahoma; padding:2px 5px 2px 5px; margin-top:3px; width:180px; }
.order textarea { border: #C8C8C8 1px solid; height:95px;}
.order .inputbut { border: #C8C8C8 1px solid; font-size: 11px; padding:0px 5px 2px 5px;  background: #fff; text-align: center; width:100px; }
.info { background:url(../i/car.jpg) center right no-repeat; height:200px; margin:0 70px 0 310px; padding:10px 0 0 45px; }
.info p { color:#848484; font:11px Tahoma; width:280px; }
.viol {color:#c33071;}
.gr {color:#719925}
.line-top, .line-bottom { clear:both; width:779px; margin:0 auto; height:1px; }
.line-top {border-bottom:1px dotted #848484; margin-bottom: 5px;}
.line-bottom {border-top:1px dotted #848484;}
.warn { color: #ff0000; }
.warnmsg { color: #ff0000; padding:0px; margin:0px; text-align:center; }
.sucmsg { color: green; padding:0px; margin:0px; text-align:center; }

.footer { margin-left:172px; }
.footer ul { float:left; margin:0; padding:0; list-style:none; overflow:hidden; }
.footer li { font-size:11px; float:left; padding:3px 50px; margin:0 50px 16px -50px; display:inline; }
.site { color:#c33071; text-decoration:underline; }
.site:hover { text-decoration:none; }
.appetite { background:url(../i/appetite2.jpg) center top no-repeat; height:77px; margin-left:3px; padding-bottom:63px; }

/* Menu Table */
.table { min-height:321px; height:auto !important; width:100%; }
.datahead { font-size:11px; margin:0 auto; margin-bottom:0px; text-align:left; }
.datahead thead td { background:#bf2369; border-collapse:collapse; color:#fff; font-weight:bold; line-height:18px; margin:0; padding:0 3px 0 2px; text-align:center; }
.datahead thead td:first-child { line-height:18px; padding-left:5px; text-align:left; }
.data { font-size:11px; margin:0 auto; margin-bottom:0px; text-align:left; }
.data thead td { background:#bf2369; border-collapse:collapse; color:#fff; font-weight:bold; line-height:18px; margin:0; padding:0 3px 0 2px; text-align:center; }
.data thead td:first-child { line-height:18px; padding-left:5px; text-align:left; }
.data td { color:#5f5f5f; line-height:18px; text-align:center; }
.data td:first-child { line-height:18px; padding-left:10px; text-align:left; }
.wtd { background:#fff; }
/*.data input { color:#848484; font:10px Tahoma; height:13px; text-align:center; width:20px; }*/

/*jScrollPane*/
.orange-bar .jScrollPaneTrack { background: #f60 url(../images/track.gif) repeat-y; }
.orange-bar .jScrollPaneDrag { background: #262626 url(../images/drag_grab.gif) no-repeat 50% 50%; }
.orange-bar .scroll-pane { background: #fff; }
.holder { float: left; margin: 0px; }
.scroll-pane { width: 600px; height: 160px; overflow: auto; background: #fff; float: left; }
#pane1 { height: 170px; }
#pane2 { height: 170px; }
#pane3 { height: 170px; }

.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; }
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }
a.jScrollArrowUp:hover {}
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }
a.jScrollArrowDown:hover {}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}

#signupForm { width: 100%; }
#signupForm label.error {margin-left: 10px; width: auto; display: inline; color:#ff0000; font-style: italic;}
#signupForm div.error { display: none; }
#signupForm input {	border: 1px solid #C8C8C8; }
#signupForm input:focus { border: 1px dotted black; }
#signupForm input.error { border: 1px dotted red; }