* { margin:0; padding:0; }
html { width:100%; height:100%;}
body { font:normal 62.5% Arial, Helvetica, sans-serif; background:#420305 url(../images/bgGrad.png) repeat-x top left; background-attachment:fixed; color:#040404;}
table {border-collapse:collapse}
img {border:none}
a {color:#70b60f; text-decoration:underline}
a:hover {text-decoration:none}
ul li {list-style-type:none;}
ol {padding:10px 0 10px 20px;}
fieldset {border:none;}
h2 { font-size:1.6em; font-weight:bold;}
.bgArtLeft {background: url(../images/bgArtLeft.jpg) no-repeat left top; background-attachment:fixed;}
.bgArtRight {background: url(../images/bgArtRight.jpg) no-repeat right top; background-attachment:fixed; }
.Basis {width:872px; margin:0 auto; padding-top:9px; position:relative;}
.Head {background:url(../images/frameTop.png) no-repeat 0 0; height:111px;}
.Head .TopNav {float:right; height:48px; margin-top:-9px; padding-right:17px;}
.Head .TopNav li {float:left; height:48px;}
.Head .TopNav li a {display:block; height:48px; background-image:url(../images/mainNav.png); float:left;}
.Head .TopNav li a span {display:none;}
.Head .TopNav li.menu {width:80px;}
.Head .TopNav li.menu a { background-position:-5px 0; width:80px;}
.Head .TopNav li.menu a:hover {background-position:-115px 0;}
.Head .TopNav li.takeout {width:79px;}
.Head .TopNav li.takeout a { background-position:0 -288px; width:79px;}
.Head .TopNav li.takeout a:hover {background-position:-110px -288px;}
.Head .TopNav li.recipes {width:71px;}
.Head .TopNav li.recipes a { background-position:-6px -48px; width:71px;}
.Head .TopNav li.recipes a:hover {background-position:-116px -48px;}
.Head .TopNav li.locations {width:78px;}
.Head .TopNav li.locations a { background-position:-7px -96px; width:78px;}
.Head .TopNav li.locations a:hover {background-position:-117px -96px;}
.Head .TopNav li.gift {width:83px;}
.Head .TopNav li.gift a { background-position:-6px -144px; width:83px;}
.Head .TopNav li.gift a:hover {background-position:-116px -144px;}
.Head .TopNav li.promotions {width:92px;}
.Head .TopNav li.promotions a { background-position:-5px -192px; width:92px;}
.Head .TopNav li.promotions a:hover {background-position:-115px -192px;}
.Head .TopNav li.club {width:64px;}
.Head .TopNav li.club a { background-position:-4px -240px; width:65px;}
.Head .TopNav li.club a:hover {background-position:-114px -240px;}
.Head .logoLink { margin-top:24px; padding-left:25px; display:block; float:left; position:relative; cursor:pointer;}
.ContentBody {background:url(../images/frameBg.png) repeat-y top left; padding-top:21px; padding-bottom:1px;}
.StepsArea {background:url(../images/bgInnerFrame.png) repeat-y top left; width:814px; margin:0 auto;}
.StepsArea .AreaInnerBg {background:url(../images/stepsBtm.png) no-repeat bottom left;}
.StepsArea .AreaInnerBg .AreaInner {background:url(../images/stepsTop.png) no-repeat top left; padding:21px 21px 0px 21px;}
.TheFoodIsCalling { position:absolute; width:328px; height:87px; background:url(../images/scriptTheFoodIsCalling.png) no-repeat 0 0; top:86px; right:34px; z-index:99;}
.StepsArea .LocationArea { overflow:hidden; height:53px; padding-left:12px;}
.StepsArea .LocationArea fieldset {float:left; width:224px; padding:0 5px 0 0;}
.StepsArea .LocationArea fieldset label {font-size:1.3em; color:#ab5225; display:block; padding-bottom:4px;}
.StepsArea .LocationArea fieldset .formSelectLocation {border:1px solid #d5d5d5; font-size:1.3em; font-family:Arial, Helvetica, sans-serif; width:194px;}
.StepsArea .LocationArea .AddressBox {float:left; width:600px; padding-top:2px;}
.StepsArea .LocationArea .AddressBox h2 {color:#ab5225;}
.StepsArea .LocationArea .AddressBox p, .takeoutSucsessMessage p {font-size:1.3em; color:#ab5225; }
.StepsArea .ListSteps {height:54px;}
.StepsArea .ListSteps li {float:left; height:54px;}
.StepsArea .ListSteps li span {display:none;}
.StepsArea .ListSteps .step1 {background:url(../images/step1.png) no-repeat 0 0; width:132px;}
.StepsArea .ListSteps .step2 {background:url(../images/step2.png) no-repeat 0 0; width:175px;}
.StepsArea .ListSteps .step3 {background:url(../images/step3.png) no-repeat 0 0; width:86px;}
.StepsArea .ListSteps .step4 {background:url(../images/step4.png) no-repeat 0 0; width:162px;}
.StepsArea .ListSteps .step5 {background:url(../images/step5.png) no-repeat 0 0; width:217px;}
.StepsArea .ListSteps .activ {background-position:0 -54px;}
.ContentStepArea {padding:7px 42px 0 44px;}
.ContentStepArea .RightLink {float:right; margin-top:27px; margin-right:-2px;}
.ContentStepArea h1 {margin-bottom:15px;}
.ContentStepArea p {font-size:1.3em; padding-bottom:10px;}
.ContentStepArea .MenuList {}
.ContentStepArea .MenuList .PartMenu {margin-bottom:9px;}
.ContentStepArea .MenuList .PartMenu .Title {background:#FFEFC1 url(../images/MenuPartTitle-bg.gif) repeat-x top left; /*height:38px;*/ padding:4px 0 0 5px;}
.ContentStepArea .MenuList .PartMenu .Title .partPicture {border:1px solid #ffffff; float:left; width:41px; margin-right:10px;margin-bottom:4px;}
.ContentStepArea .MenuList .PartMenu .Title .NamePart {float:left; /*height:36px;*/ width:595px; padding-top:5px;color:#FFEEBD/*#EE8921*/;font-size:32px;}
.ContentStepArea .MenuList .OpenPart .Title .NamePart {float:left; height:36px; width:595px; padding-top:3px;color:#ae1203;font-size:32px;}
.ContentStepArea .OrderDetails .PartMenu .Title .NamePart {width:430px;}
.ContentStepArea .MenuList .PartMenu .Title .buttonOpen {float:left; display:block; background:url(../images/arrowOpen.gif) no-repeat 0 0; width:14px; height:12px; margin:13px 0 0 7px;}
.ContentStepArea .MenuList .OpenPart .Title .buttonOpen {background-position:0 -12px;}
.ContentStepArea .MenuList .PartMenu .Title .buttonDelete {float:right; display:block; background:url(../images/buttonEsc.png) no-repeat 0 0; width:14px; height:12px; margin:10px 18px 0 0;}
.ContentStepArea .MenuList .PartMenu .Title .buttonDelete:hover {background-position:0 -12px;}
.ContentStepArea .MenuList .PartMenu .Title .TotalBox {float:right; width:115px; padding-right:36px; color:#4c7121; font-size:1.3em; text-align:right; padding-top:5px;}
.ContentStepArea .MenuList .PartMenu .Title .TotalBox big {font-weight:bold; font-size:1.38em;}
.ContentStepArea .MenuList .PartItemsList { padding-top:5px;}
.ContentStepArea .MenuList .PartItemsList .PartItem {overflow:hidden; clear:both;}
.ContentStepArea .MenuList .PartItemsList .PartItem .ItemPicture {position:relative; float:left; height:125px; width:170px;}
.ContentStepArea .MenuList .PartItemsList .PartItem .ItemPicture .FramePicture {position:absolute; height:125px; width:170px; top:0; left:0; background:url(../images/tornBg.png) no-repeat 0 0;}
.ContentStepArea .MenuList .PartItemsList .PartItem .DescriptionItem {float:left; width:360px; padding:14px 0 0 21px;}
.ContentStepArea .MenuList .PartItemsList .PartItem .DescriptionItem h2 {color:#4c7121; margin-bottom:3px;}
.ContentStepArea .MenuList .PartItemsList .PartItem .DescriptionItem p {font-size:1.3em; padding-bottom:0;}
.ContentStepArea .MenuList .PartItemsList .PartItem .OrderItem {float:left; width:125px; color:#ee8921; padding-top:14px;}
.ContentStepArea .MenuList .PartItemsList .PartItem .OrderItem .priceRow {padding-bottom:3px; overflow:hidden;}
.ContentStepArea .MenuList .PartItemsList .PartItem .OrderItem .priceItem {display:block; float:left; width:62px; padding:8px 5px 0 0; text-align:right;}
.ContentStepArea .MenuList .PartItemsList .PartItem .OrderItem .priceItem big {font-size:3em;}
.ContentStepArea .MenuList .PartItemsList .PartItem .OrderItem .priceItem sup {font-size:1.7em;}
.ContentStepArea .MenuList .PartItemsList .PartItem .OrderItem .orderSlice {float:left; width:55px;}
.ContentStepArea .MenuList .PartItemsList .PartItem .OrderItem .orderSlice label {font-size:1.1em; font-family:Tahoma; display:block; padding-bottom:2px;}
.ContentStepArea .MenuList .PartItemsList .PartItem .OrderItem .orderSlice .formInputQuant {border:1px solid #b4a578; font-size:1.3em; font-family:Arial, Helvetica, sans-serif; width:41px; padding:2px 4px;}
.ContentStepArea .MenuList .PartItemsList .PartItem:hover {background-color:#ffedbb; cursor:pointer;}
.ContentStepArea .MenuList .PartItemsList .PartItem:hover h2 {color:#ae1203;}
.ContentStepArea .MenuList .PartItemsList .PartItem:hover .priceItem {color:#ae1203;}
.ContentStepArea .ButtonRow { overflow:hidden; padding-top:3px; padding-bottom:17px;}
.AmountTable {width:100%; margin-bottom:20px;}
.AmountTable td {padding:8px 18px 6px 12px; vertical-align:top;}
.AmountTable th, .orderTable th {background:#ffe4a0 url(../images/bgTableTh.gif) repeat-x top left; height:41px; vertical-align:middle; font-size:1.8em; font-weight:bold; color:#ae1203; padding:0 18px 0 12px;}
.AmountTable .leftCol {text-align:left;}
.AmountTable .rightCol {text-align:right; font-weight:bold;}
.AmountTable .centerCol {text-align:center;}
.AmountTable tr.even td {background-color:#ffebb4;}
.AmountTable tr.odd td {background-color:#fef0c6;}
.AmountTable td h2{color:#ae1203; margin-bottom:3px;}
.AmountTable td p {font-size:1.2em; padding-bottom:4px; line-height:1.33em;}
.AmountTable td .price {font-size:1.6em; color:#4c7121;}
.AmountTable th.total{font-size:32px;}
.AmountTable tr.total th{background:transparent;}
.AmountTable tr.total th.leftCol{background:#fff url(../images/hTotalbg.png) repeat-x top left;color:#FBF9F3;}
.AmountTable tr.total th.rightCol{background:#fff url(../images/hTotalbg.png) repeat-x top right;}
.AmountTable tr.bottom th.leftCol{background:#fff url(../images/hTotalbgbottom.png) repeat-x top left;}
.AmountTable tr.bottom th.rightCol{background:#fff url(../images/hTotalbgbottom.png) repeat-x top right;}
.AmountTable tr.top th.leftCol{background:#fff url(../images/hTotalbgtop.png) repeat-x top left;}
.AmountTable tr.top th.rightCol{background:#fff url(../images/hTotalbgtop.png) repeat-x top right;}
.addIngridientTable {font-size:1.3em; margin-bottom:8px;}
.addIngridientTable td {width:288px; padding:1px 0 7px 6px; text-align:left; vertical-align:top;}
.addIngridientTable td.addition {color:#4c7121;}
.addIngridientTable td .checkForm {margin-right:10px;}
.addIngridientTable td lavel {vertical-align:middle;}
/* FOOTER*/
.FrameFooter { background:url(../images/frameBottom.png) no-repeat top left; height:165px; width:872px;}
.BottomPhrase {position:absolute; background:url(../images/scriptThereIsNoLove.png) no-repeat 0 0; width:839px; height:121px; bottom:44px; left:15px;}
.Footer {text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; color:#fff; padding-top:12px; padding-bottom:20px;}
.Footer ul.footerMenu {padding-bottom:11px;}
.Footer ul.footerMenu li {display:inline;}
.Footer ul.footerMenu li span {color:#ff171d; padding:0 0 0 4px;}
.Footer ul.footerMenu a {color:#fff; text-decoration:none;}
.Footer ul.footerMenu a:hover {text-decoration:underline;}
.Footer p {padding-bottom:11px;}
.clear {clear:both; display:block;}
.buttonBack {background:url(../images/buttonBack.png) no-repeat 0 0; height:39px; width:107px; border:none; cursor:pointer; margin-right:1px;}
.buttonNext {background:url(../images/buttonNext.png) no-repeat 0 0; height:39px; width:107px; border:none; cursor:pointer;}
.buttonPrint{background:url(../images/buttonPrint.png) no-repeat 0 0; height:23px; width:65px; border:none; cursor:pointer;}
.buttonBigPrint{background:url(../images/buttonBigPrint.png) no-repeat 0 0; height:38px; width:106px; border:none; cursor:pointer;}
.buttonGetDirection{background:url(../images/buttonGetDirection.png) no-repeat 0 0; height:38px; width:141px; border:none; cursor:pointer;}
.buttonApply {background:url(../images/buttonApply.png) no-repeat 0 0; height:39px; width:107px; border:none; cursor:pointer;}
.buttonOrder {background:url(../images/buttonOrder.png) no-repeat 0 0; height:25px; width:70px; border:none; cursor:pointer;}
.buttonClose {background:url(../images/buttonClose.png) no-repeat 0 0; height:20px; width:48px; border:none; cursor:pointer;float:right;margin-right:10px;margin-top:15px;}
.buttonCalendar {background:url(../images/buttonCalendar.png) no-repeat 0 0; height:22px; width:31px; border:none; cursor:pointer;font-size:150%;}
.buttonBack:hover, .buttonNext:hover, .buttonApply:hover {background-position:0 -39px;}
.buttonPrint:hover {background-position:0 -23px;}
.buttonClose:hover {background-position:0 -20px;}
.buttonBigPrint:hover,.buttonGetDirection:hover {background-position:0 -38px;}
.buttonOrder:hover {background-position:0 -25px;}
.BasicField {}
.BasicField .formRow {overflow:hidden; padding-bottom:15px;}
.BasicField .formRow .formBox {float:left;}
.BasicField .formRow .formBox div {padding-top:4px;}
.BasicField .formRow label {display:block; float:left; width:132px; font-size:1.3em; padding-top:3px;}
.BasicField .formRow label.checkLabel {float:none; display:inline; vertical-align:middle; padding:0;}
.BasicField .req {color:#ee8921;}
.BasicField .formRow .buttonApply {vertical-align:middle; margin-left:4px;}
.BasicField .formRow label.lblF-btn {padding-top:11px;}
.BasicField .formRow .formText-156 {margin-right:1px;}
.BasicField .note {font-family:Tahoma; font-size:1.1em;}
.formText {border:1px solid #b5a77b; font-size:1.3em; font-family:Arial, Helvetica, sans-serif; padding:2px 4px; vertical-align:middle;}
.input-error{border-color:#ff0000;}
.formText-340 {width:333px;}
.formText-296 {width:296px;}
.formText-156 {width:148px;}
.formText-180 {width:171px;}
.formText-110 {width:101px;}
.formText-30 {width:30px;}
.formText-25 {width:25px;}
.formSelect {border:1px solid #b5a77b; font-size:1.3em; font-family:Arial, Helvetica, sans-serif; vertical-align:middle;}
.formSelect-50 {width:51px;}
.formSelect-65 {width:67px;}
.formSelect-75 {width:75px;}
.formSelect-63 {width:63px;}
.formSelect-90 {width:90px;}
.formSelect-340 {width:340px;}
.checkForm {vertical-align:middle; margin-right:4px;}
/*Takeout Menu*/
.PartMenu .PartItemsList
{
display:none;
}
.OpenPart .PartItemsList
{
display:block;
}
/*End TakeoutMenu*/
.hide
{
display:none;
}
.modalBackGround {
background-color:gray;
opacity:0.7;
filter:alpha(opacity:70);
}
.colorPickerPreviewContainer {
height:100%;
left:50%;
margin-left:-340px;
position:absolute;
text-align:center;
top:1px;
z-index:100001;
}
.frameContainer .Head
{
margin-left:-10px;
background:transparent url(../images/popupframeTop.png) no-repeat scroll 0 0;
}
.GoogleMap .BasicField .formRow label
{
width:165px;
}
/*Suggested Items*/
.orderTable
{
width:294px;
}
.orderTable th
{
padding:0;
font-size:1.2em;
}
.smallTables {
margin-bottom:10px;
padding-bottom:10px;
width:686px;
}
.smallTable {
width:294px;
}
.smallTableLeft
{
float:left;
}
.smallTableRight
{
float:right;
}
.smallTable .AmountTable td .price, .smallTable h2
{
font-size:1.2em;
}
/**/
/*---------------------------
SCROLL
---------------------------*/
.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
border-width:0 1px 1px 1px;
border-style:solid;
border-color:#FFE08F;
}
.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 0;
top: 0;
height: 100%;
}
.jScrollPaneDrag {
position: absolute;
cursor: pointer;
overflow: hidden;
border-width:1px 0 1px 0;
border-style:solid;
background:url(../images/back-scroll-drag.gif) no-repeat center center;
border-color:#FFE08F;
}
.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;
border-width:1px;
border-style:solid;
height:14px;
background-image:url(../images/back-scroll-arrow-up.png);
background-repeat:no-repeat;
border-color:#FFE08F;
}
a.jScrollArrowUp:hover {
}
a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
border-color:#FFE08F;
/*background-color: #666;*/
height: 9px;
border-width:1px;
border-style:solid;
height:14px;
background-image:url(../images/back-scroll-arrow-down.png);
background-repeat:no-repeat;
}
a.jScrollArrowDown:hover {
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}
.smallTable .scrollPane
{
height:90px;
}
td.suggested-inner
{
padding:8px;
}
.dateRow a{font-size:55%;text-decoration:none;}
.OrderInfo td .price {font-size:1.3em;}
.StepsArea .BasicField .LocationArea {height:auto;padding-left:0px;}
.poweredBy {height:27px;color:#d47717;text-align:center;font-size:12px;padding-top:17px;}
.poweredBy a,.poweredBy a:visited {color:#d47717;}
.red {color:#ff0000;}