/* WOKBYME Style Sheet */

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; height:100%;}
ul, p {margin-bottom:0; padding-bottom:1em;}
#content { background:#FCF3EA url('../img/bg.jpg') no-repeat; padding:30px 30px 0 30px; }
#content h1 { color:#990000; font-size:16px; margin:0; padding:0 0 10px 0; border-bottom:#999999 3px solid; }
#page {width:1000px; margin:10px auto; position:relative;}
a { color:#990000; }

#breadCrumb { padding:0 0 15px 0; font-size:11px; }
h1#meta { font-size:10px; text-align:center; margin-top:50px; border:none; font-weight:normal; }
h1#meta a {text-decoration:none; }

/* Header */
#header {background:url('../img/inside-top.jpg') no-repeat; height:155px;}
#header #homeLink {  position:absolute; top:0; left:0; width:275px; height:150px;}
#header form {display:block; margin:0; padding:0; position:absolute; top:30px; left:660px; width:384px; height:102px; background:none;}
#header form input {margin:0; padding:0; position:absolute; border:0px; background:none; outline:none;}
#header form input.zip {top:30px; left:130px; width:195px; font-size:20px; line-height:24px; height:24px;}
#header form input.submit {left:195px; width:123px; height:15px; top:60px; cursor:pointer;}
#header #links { position:absolute; top:95px; left:125px; width:400px; }
#interior #header #links { position:absolute; top:95px; left:-52px; width:400px; text-align:right; }
#header #links a { color:#990000; padding:10px; text-decoration:none; }

#header2 { height:120px; } 
#header2 #links2 { float:right; padding-top:10px; }
#header2 #links2 a { color:#990000; padding:10px; text-decoration:none; }


/* Navigation */
#nav {}


/* Error Messages */
#errorMessage { color:#990000; font-size:12px; padding:15px 0; }


/* Footer */
#spanfoot {background:#FCF3EA url('../img/bg-bottom.jpg') no-repeat; display:block; height:40px; }
#footer #links { text-align:right; font-size:11px; }
#footer #links a { color:#990000; padding:10px; text-decoration:none; }


/* Home Page */
#home #page {width:1000px; margin:100px auto; height:400px; position:relative; background:url(../img/logo.jpg) no-repeat}
#home #homeForm {display:block; margin:0; padding:0; position:absolute; top:147px; left:577px; width:384px; height:102px; background:url(../img/search.gif) no-repeat}
#home #homeForm input {margin:0; padding:0; position:absolute; border:0px; background:none; outline:none;}
#home #homeForm input.zip {top:31px; left:165px; width:195px; font-size:20px; line-height:24px; height:24px;}
#home #homeForm input.submit {top:63px; left:240px; width:123px; height:15px; cursor:pointer;}
#home #tagLine { position:absolute; top:126px; left:665px; color:#000000; }
#home #links { position:absolute; top:110px; left:55px; width:400px; }
#home #links a { color:#990000; padding:10px; text-decoration:none; }

#home #companyNews { position:absolute; top:285px; left:580px; width:400px; border:1px solid #CCCCCC; }
#home #companyNews { position:absolute; top:340px; left:100px; width:800px; border:1px solid #CCCCCC; }
#home #companyNews ul { }
#home #companyNews h1 { font-size:12px; padding-left:10px; }

#content #companyNews { width:100%; border:1px solid #999999; }
#content #companyNews ul { margin-top:2px; }
#content #companyNews h1 { font-size:12px; padding-left:10px; border-bottom:none; padding-top:10px; }



/* Other Page */



/* Search Results */
#content #results div { margin:0; padding:5px; border:#eee 1px solid; border-top:0px; background:#FFFFFF; position:relative; height:30px; }
#content #results div:hover {background-color:#EEEEEE; border:1px solid #000; }
#content #results div h2 { font-size:12px; position:absolute; top:15px; left:5px; height:10px; width:300px; margin:0; color:#990000;}
#content #results div h3 { font-size:10px; position:absolute; top:15px; left:260px; height:10px; width:300px; margin:0; }
#content #results div h4 { font-size:10px; position:absolute; top:15px; left:585px; height:10px; width:90px; margin:0; }
#content #results div h5 { font-size:10px; position:absolute; top:10px; left:695px; height:10px; width:160px; margin:0; text-align:center; }
#content #results div h6 { font-size:10px; position:absolute; top:10px; left:840px; height:10px; width:90px; margin:0; text-align:right; }
#content #results .stars { border:none; }
#content #results .shoppingCartIcon { border:none; }



#content #bannerAd{ width:468px; margin:0 auto;}


/* PROFILE */
#content #customer-menu ul { list-style:none; padding:0 0 0 10px; width:100%; }
#content #customer-menu ul li { width:700px; height:30px; }
#content #customer-menu ul li img { width:50px; float:left; padding-right:10px; }
#content #customer-menu ul li .checkbox { width:20px; padding:0; margin:0; }
#content #customer-menu ul li span { width:250px; padding:0 5px; display:block; float:left; }
#content #customer-menu ul li input { width:50px; float:left; }

/* RESTAURANT LANDING PAGE */
#content .catDisplay { float:left; height:155px; width:150px; padding:19px; text-align:center; background:url(/img/catbg.png) no-repeat; }
#content .imgCatDispaly { height:125px; }					
#content .imgCatDispaly img { border:1px solid #000000; }					
#content .comments { border:1px solid #999999; margin:5px 0; padding:5px; }
#content .comments h1 { font-size:12px; border:none; font-weight:normal; padding:5px; margin:0; }
#content .comments h2 { font-size:12px; border:none; font-weight:normal; padding:5px; margin:0; }

/* RESTAURANT NAV */
#content #restaurantNav h1 { font-size:22px; }
#content #restaurantNav h2 { font-size:12px; margin:5px 0; padding:0; }
#content #restaurantNav h3 { font-size:12px; margin:0; padding:0;}


/* LIVE MENU */
#content .menu { width:150px; height:260px; float:left; padding:17px; text-align:center; background:url(/img/prodbg.png) no-repeat; }
#content .menu img { width:150px; height:112px; border:1px solid #000000; }
#content .menu div.foodImage { height:125px;}
#content .menu div.name { color:#000000; font-size:11px; padding:10px 0; height:30px;  }
#content .menu div.options { height:45px;  }
#content .menu span.price { color:#990000; }
#content .menu .quantity { width:45px; padding:0; margin:0; }



/* SHOPPING CART */
#content ul#shoppingCart { list-style:none; padding:10px 0 0 10px; width:100%; }
#content ul#shoppingCart li { width:100%; height:25px; text-align:left; padding:0; }
#content ul#shoppingCart li label { float:left; width:350px; }
#content ul#shoppingCart li span { float:left; width:75px; }


/* Order Form */
#content ul#order-form { list-style:none; padding:0 0 0 10px; }
#content ul#order-form li { width:100%; height:25px; text-align:left; padding:0; }
#content ul#order-form li label { float:left; width:175px; }
#content ul#order-form li input { width:200px; }
#content ul#order-form li select { width:205px; }






 Cart CSS - Written 7/15/09, by Brent Stees 
#cart {margin:15px; padding:0; display:block; font-family:Arial, Helvetica, sans-serif;}
#cart table {margin:0; padding:0; border:0; width:100%;}
#cart table td {margin:0; padding:0; border:0; background-repeat:no-repeat; height:11px;}
#cart ul {margin:0; padding:15px 0; list-style:none; display:block; background:url(../img/cart/cart_body.png)}

/* Top */
#cart td.tl {background-image:url(../img/cart/cart_tl.png); background-position:left; width:9px;}
#cart td.tr {background-image:url(../img/cart/cart_tr.png); background-position:right;}
#cart li.head {height:12px; line-height:12px; font-size:12px; font-weight:900; padding-bottom:3px; border-bottom:#CCCCCC 1px solid; margin-bottom:15px; background:none;} 
#cart li.head div.cartImage {font-weight:900; margin:0; height:12px; float:left; width:52px; padding-left:30px;} 
#cart li.head div.cartDelete {font-weight:900; margin:0; height:12px; line-height:12px; font-size:12px; float:left; width:37px;} 
#cart li.head span {float:left;}
#cart li.head b {font-weight:900; height:12px; line-height:12px; font-size:12px; float:left; width:100px; padding:0; margin:0;} 
#cart li.head em {width:50px; height:12px; font-size:12px; padding:0; float:right; margin:0; font-style:normal; font-weight:900; text-align:right;} 
#cart li.head div.cartQuantity {font-weight:900; margin:0; height:12px; line-height:12px; font-size:12px; float:right; width:30px;} 

/* Bottom */
#cart td.bl {background-image:url(../img/cart/cart_bl.png); background-position:left; width:9px; height:35px; line-height:0;}
#cart td.br {background-image:url(../img/cart/cart_br.png); background-position:right; height:35px; position:relative;}
#cart td.br span {text-align:center; height:13px; line-height:13px; display:block; font-size:13px; color:#fff; font-weight:900; width:195px;}

/* Line Items */
#cart li {display:block; padding: 5px 0 6px 0; height:30px; position:relative; z-index:10; margin:0 15px; background:url(../img/cart/line.png) repeat-x 0 100%;} 
#cart li input.cartDelete {margin:9px 15px 9px 0px; height:12px; line-height:12px; font-size:12px; float:left;} 
#cart li a {display:block; padding:0; background:no-repeat 50% 50%; width:28px; height:28px; position:absolute; left:37px; border:#ccc 1px solid; top:5px;} 

/* Thumb Hover */
#cart li a img {display:none; border:none;} 
#cart li a:hover {padding:0; background:#fff; width:auto; height:auto; background-image:none; top:0px; left:32px;} 
#cart li a:hover img {display:block; border:5px #fff solid; height:150px; width:150px;}
#cart li input.cartQuantity {margin:4px; height:12px; line-height:12px; font-size:10px; padding:3px; border-width:1px; float:right; width:24px; text-align:right;} 
#cart li b {display:block; width:330px; height:12px; line-height:12px; font-size:12px; padding:9px; float:left; margin-left:45px; } 
#cart li em {  height:12px; line-height:12px; font-size:12px; padding:9px 0px 9px 9px; float:right; margin:0; font-style:normal; font-weight:900; text-align:right;} 

/* Buttons */
#cart #buttons {position:relative; z-index:9; height:35px; line-height:13px;}
#cart #buttons div {position:absolute; top:16px; left:0; width:400px;}
#cart #buttons a {display:block; height:19px; width:auto; background:url(../img/cart/button-l.png) no-repeat 0% 0%; float:left; margin-right:5px; text-decoration:none; outline:none;}
#cart #buttons a span {margin-left:18px; display:block; background:url(../img/cart/button-r.png) no-repeat 100% 0%; float:left; padding:2px 9px 4px 0; width:auto; font-size:11px; color:#FFFFFF; white-space:nowrap; cursor:pointer;}
#cart #buttons a:hover {background-position: 0% -20px;}
#cart #buttons a:hover span {background-position: 100% -20px;}
#cart #buttons a.remove span {padding-right:20px;}
#cart #buttons a.remove {background-position: 0% -40px;}
#cart #buttons a.remove span {background-position: 100% -40px; color:#000000;}
#cart #buttons a.remove:hover  {background-position: 0% -60px;}
#cart #buttons a.remove:hover span {background-position: 100% -60px; color:#FFFFFF;}

#discountCode {position:relative; z-index:9; height:35px; line-height:13px; padding-left:358px;}
#discountCode input {display:block; height:19px; width:auto; background:url(../img/cart/button-1.png) no-repeat 0% 0%; float:left; margin-right:5px; text-decoration:none; outline:none;}
#discountCode #discountNumber {background:#fff;}
#discountCode #discountButton {margin-left:10px; background:#666; display:block; float:left; padding:2px 9px 4px 9px; width:auto; font-size:11px; color:#fff; white-space:nowrap; cursor:pointer; border:1px solid #fff;}
#discountCode #discountButton:hover {background-position:100% -20px;}

 

/* VALIDATION */
.LV_validation_message{font-weight:bold; margin:0 0 0 5px;}
.LV_valid {}	
.LV_invalid { margin-left:10px; color:#CC0000; }    
.LV_valid_field,input.LV_valid_field:hover, input.LV_valid_field:active,textarea.LV_valid_field:hover, textarea.LV_valid_field:active {}    
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active,textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {}


/* Sitemap */
#sitemapUL { width:100%; }
#sitemapUL li { float:left; padding:5px; width:450px; }



/* Form Code */
form.mainForm { width:800px; margin:0; padding:0; display:block; }
form.mainForm fieldset {padding:0; margin:0; border:none; background:none; width:800px;}
form.mainForm legend {width:350px; display:block; margin:0; text-transform: uppercase;font-size: 14px;font-weight: bold;padding: 2px 10px;background: url('/img/footer-bg-18h.jpg') repeat-x;border: 1px solid #111;color:#fff;line-height:14px;}

form.mainForm ul {padding:25px 0 18px 15px; margin:0; display:block; background:url(/img/form_bg3.jpg) no-repeat; width:730px; border:#990000 1px solid; background-color:#CCCCCC;}
form.mainForm ul li {display:block; height:50px; position:relative;}
form.mainForm ul li label {display:block; height:12px; position:absolute; top:0px; width:160px; left:0; padding:9px 0; background:url(/img/label_bg.jpg) repeat-x 0 28px; text-align:right; line-height:12px; color:#990000; font-weight:bold; letter-spacing:1px;}
form.mainForm ul li label.error {background:none; border:none; left:706px; width:10px;}
form.mainForm ul li.lines2 {height:43px;}
form.mainForm ul li.lines2 label {height:26px; line-height:13px; background-position:0 41px}
form.mainForm ul li.lines3 {height:56px;}
form.mainForm ul li.lines3 label {height:40px; line-height:13px; background-position:0 54px}

form.mainForm ul li input {height:22px; position:absolute; top:4px; width:484px; left:207px; padding:3px 0 0 3px; margin:0; border:0; background:url(/img/input_bg.png) no-repeat #FFFFFF; color:#333333; font-size: 12px; line-height:12px; z-index:9;}
form.mainForm ul li input:focus, form.mainForm ul li textarea:focus, form.mainForm ul li select:focus, .goButton {background-color:#FFFFCC; color:#000000;}
form.mainForm ul li option:hover {background-color:#A20110; color:#FFFFFF;}
form.mainForm ul li input.checkbox, form.mainForm ul li.checkbox input {height:auto; position:absolute; top:4px; width:auto; left:206px; padding:0; margin:0; border:1px #666; background:none; color:#333333;}
form.mainForm ul li select {height:25px; position:absolute; top:4px; width:487px; left:206px; padding:4px 5px 4px 5px; margin:0; border:0; background:url(/img/input_bg.png) no-repeat #FFFFFF; color:#333333;}
form.mainForm ul li textarea {height:71px; position:absolute; top:4px; width:484px; left:206px; padding:2px; margin:0; border:0; background:url(/img/textarea_bg.png) no-repeat #FFFFFF; color:#333333;}
form.mainForm ul li select option {color:#000; background-color:#FFFFCC;}
form.mainForm ul li.checkbox {height:80px;}
form.mainForm ul li .goButton { background-color:#660000; color:#FFFFFF; cursor:pointer; height:25px; padding:0; width:488px; }



/* home page slide up*/
#slideUp { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 0; display: none; }
body > div#slideUp {	position: fixed; }
#slideUp .close { cursor: default; font-size: 12px; font-weight: bold; float: right; padding: 5px 10px; height: 20px; line-height: 20px;	}