html {height: 100%;}
body { background: #719926; color:#848484; font:12px Tahoma; margin:0 auto; padding:0; height:100%;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 {  height:100%;width:100%; }
.page { height:100%; width:100%; }
.inner {  width:100%;border:0px solid #000; }
.main { background:#fff; position:relative; width:976px; margin:40px auto 20px auto;border:10px solid #d8449c; }
.face { background:url(../i/chef.png) no-repeat; float:left; height:253px; left:-40px;top:-50px; position:absolute; width:313px; z-index:20; }
.face a { display:block; height:253px; width:313px; text-decoration:none;}


div.notice-message{
	position: fixed;
	top:0px;
	color: #fff;
	font-size: 18px;
	padding: 25px 40px;
	z-index: 99999999999999;
	text-align: center;
	line-height: 25px;
	width: auto;
	min-height: 20px;
	background: #000;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	border-radius: 7px;
	-o-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
div.notice-message p {  }
div.notice-message a { font-size: 16px; margin-top: 10px; color: #fff; font-weight:normal; text-decoration:underline; }
div.notice-message a:hover { text-decoration:none; }

.pirozki { background:url(../i/pirozki.jpg) bottom right no-repeat; float:left; height:430px;border:0px solid #000; 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:25px;left:690px;}
.nav ul { margin:0; padding:0; list-style:none; }
.nav ul li { background:url(../i/nav.jpg) no-repeat; height:31px; padding:5px 0 0 37px; width:116px; }
.nav a { color:#fff; font:11px Tahoma; text-decoration:underline; }
.nav a:hover { color:#d9fa99; text-decoration:none; }
.panel { left:10px; position:absolute; top:215px; }
.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:210px 0 0 660px;border:0px solid #000; }
.contacts div {border:0px solid #000; }
.pic { position:relative;padding:20px 0 0 40px; } 
.center, .center a { 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:170px; }
.hello a { font-size:18px; }
.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 110px; padding: 0px; }
ul.headers li { background:url(../i/arrow.gif) center left no-repeat; color:#c33071; font:bold 11px Tahoma; float:left; margin-right:135px; 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:60px; 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 30px 0 280px; padding:10px 0 0 5px;border:0px solid #000; }
.info p { color:#848484; font:11px Tahoma; width:350px;padding:0px; }
.viol {color:#c33071;}
.gr {color:#719925}
.line-top, .line-bottom { clear:both; width:940px; 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:10px; }
.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:#c53978 url(../i/appetite2.png) center top no-repeat; height:65px; margin-left:0px; margin-bottom:30px; }

/* Menu Table */
.menucat {position:reative;padding:0;width:260px;}
.menucat div { height:31px; line-height:30px;margin:1px 0; width:200px;padding:0; }
.menucat a { display:block;height:20px;background:#678c22; color:#fff;line-height:20px;padding:5px 10px; font:italic 14px Tahoma; text-decoration:none; }
.menucat a:hover, .menucat a.active { background:#c41282; color:#d9fa99; text-decoration:none; }
.menucat .checout {height:80px;}
.menucat .checout a {display:block;height:60px;background:url(../i/checout.png) -10px 0px no-repeat; color:#f16e04;padding:15px 10px 0px 70px;font: 20px Tahoma;font-weight:normal;text-decoration:none;text-transform:uppercase;}
.menucat .checout a:hover {color:#74ac03;}
 
.tizer {position:reative;float:left;padding:0;width:200px;height:270px;margin:0 10px;border:0px solid #000;}
.viewitem .tizer {position:reative;float:none;padding:0;width:100%;height:auto;margin:0 10px;border:0px solid #000;}
.tizer .img {display:block;width:200px;height:150px; overflow:hidden;text-align:center;}
.viewitem .tizer .images {float:left;display:block;width:200px;height:250px;margin:0 20px 0 0; overflow:hidden;text-align:center;border:0px solid #000;}
.viewitem .tizer .img {float:left;display:block;width:200px;height:150px;margin:0 20px 0 0; overflow:hidden;text-align:center;}
.tizer .img a {cursor: url(../i/Zoom-In-icon.png), pointer;}
.viewitem .tizer .imgm {float:left;display:block;width:95px;height:73px;margin:5px 5px 0 0; overflow:hidden;text-align:center;}
.viewitem .tizer .imgm img {width:100px;}
.viewitem .text {font-size:13px;}
.tizer .name {color:#7c2b18;font-size:12px;height:30px;font-weight:bold;margin: 5px 0;}
.tizer .text {color:#7c2b18;font-size:13px;margin: 5px 0;}
.tizer .text p {font-size:13px;}
.tizer .weight {color:#981862;font-size:12px;margin: 0px 0;}
.tizer .param {float:left;width:430px;border:0px solid #000;}
.tizer .foot {display:block;width:200px; overflow:hidden;}
.tizer .foot div {float:left;}
.tizer .foot .price {color:#74ac03;font-size:16px;height:30px;font-weight:bold;margin: 5px 0;width:110px;}
.tizer .foot .qty {margin: 5px 5px;}
.tizer .foot .qty input {width:20px;}
.tizer .foot .addcat {margin: 5px 0;}
.tizer .foot .addcat a {background: #9dbb0b url(../i/addcat.png) top left repeat-x;display:block;height:10px;line-height:10px;color:#fff;padding: 5px 2px;font:11px "Arial Narrow";text-decoration:none;text-transform:uppercase;}

.table { min-height:250px; 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 10px; margin-bottom:0px; text-align:left; border:0px solid #000; }
.data2 { font-size:11px; margin:0 10px;width:98%; text-align:left; border:0px solid #000; }
.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: auto; overflow: show; background: #fff; float: left; }
#pane1 {  }
#pane2 {  }
#pane3 {  }

.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; }