* {
margin: 0;
padding: 0;
}
html {
font: 16px "Times New Roman", times, serif;
}
body {
background: #554636;
margin-bottom: 30px;
}
#wrapper {
margin: 0px auto;
position: relative;
top: 20px;
background: url(images/Shadow.png) repeat-y;
width: 802px;
height: 700px;
}
#wrapperExpand {
margin: 0px auto;
position: relative;
top: 20px;
background: url(images/Shadow.png) repeat-y;
width: 802px;
}
img.banner {
position: absolute;
top: 0px;
left: 65px;
}
/* *************************************************** Social Media *********************** */
a#facebook {
position: absolute;
bottom: 85px;
right: 635px;
height: 50px;
width: 120px;
background: url(images/Facebook_a.gif) no-repeat;
display: block;
}
a#facebook:hover {
background: url(images/Facebook_b.gif) no-repeat;
}
a#twitter {
position: absolute;
bottom: 40px;
right: 635px;
height: 50px;
width: 120px;
background: url(images/Twitter_a.gif) no-repeat;
display: block;
}
a#twitter:hover {
background: url(images/Twitter_b.gif) no-repeat;
}
a#facebook img, a#twitter img {
visibility: hidden;
}
/* *************************************************** Chef's Dinner Page ************************************** */
div#price_banner {
width: 328px;
height: 56px;
position: absolute;
left: 438px;
top: 220px;
padding-top: 14px;
text-align: center;
background: url(images/side_banner2.gif) no-repeat;
font: 16px helvetica;
color: #fff;
line-height: 18px;
}
div#price_banner a {
color: #fff;
text-decoration: none;
font-family:georgia; /**** added for "$35! banner ****/
font-size:18px; /**** added for "$35! banner ****/
font-weight:bold; /**** added for "$35! banner ****/
text-decoration:none; /**** added for "$35! banner ****/
text-shadow: 1px 1px 1px #834E0F;
}
div#price_banner a:hover {
color: #fff;
text-shadow: none;
text-decoration: underline;
}
div#chefs_dinner_banner {
width: 328px;
height: 56px;
position: absolute;
left: 438px;
top: 220px;
padding-top: 14px;
text-align: center;
background: url(images/side_banner2.gif) no-repeat;
font-size: 17px;
color: #fff;
line-height: 18px;
font-weight:bold; /**** added for "$35! banner ****/
}
div#chefs_dinner_banner a {
color: #fff;
text-decoration: none;
font-family:georgia; /**** added for "$35! banner ****/
font-size:18px; /**** added for "$35! banner ****/
font-weight:bold; /**** added for "$35! banner ****/
text-decoration:none; /**** added for "$35! banner ****/
text-shadow: 1px 1px 1px #834E0F;
}
div#chefs_dinner_banner a:hover {
color: #fff;
text-shadow: none;
text-decoration: underline;
}
img.dinner_menu {
position: absolute;
left: 1px;
top: 275px;
}
#Dinner_text {
font: 16px "Times New Roman", times, serif;
position: absolute;
top: 270px;
left: 430px;
width: 270px;
color: #111;
line-height: 21px;
padding-bottom: 10px;
border-bottom: 1px solid #000;
}
#Dinner_text a {
font-size: 13px;
}
#Dinner_purchase {
position: absolute;
top: 675px;
left: 460px;
border: 0px solid #000;
text-align: center;
width: 200px;
}
#Dinner_purchase input[type="text"] {
margin: 10px 0;
border-top: 2px solid #888;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
border-left: 2px solid #999;
}
#Dinner_purchase b {
font-weight: normal;
font-size: 14px;
}
#cost_for_dinner {
position: absolute;
top: 740px;
left: 115px;
font-weight: bold;
font-size: 15px;
color: #222;
width: 270px;
text-align: right;
}
/* *************************************************** End Chef's Dinner Page ************************************** */
img.logo {
position: relative;
bottom: 15px;
right: 10px;
}
img.logoblock {
position: absolute;
top: 0px;
left: 10px;
}
img.fish {
position: absolute;
top:56px;
left: 410px;
}
ul.navigation {
position: absolute;
top: 190px;
right: 65px;
}
ul.navigation li {
display: inline;
}
ul.navigation a {
padding: 0px 7px 4px 3px;
text-decoration: none;
color: #000;
font: small-caps 16px "Times New Roman", times, sans-serif;
letter-spacing: 0px;
}
ul.navigation a:hover {
color: #187AA6;
border-bottom: 3px solid #187AA6;
}
ul.navigation a:active {
color: #555;
border-bottom: 3px solid #555;
}
#bottom {
margin: 0px auto;
position: relative;
top: 20px;
background: url(images/Bottom.png) no-repeat;
width: 802px;
height: 57px;
z-index: 1;
}
div.register {
position: relative;
bottom: 90px;
left: 350px;
z-index: 9;
border: 0px;
width: 400px;
}
div.register a {
display: block;
height: 96px;
width: 384px;
background: url(images/register2.jpg) no-repeat;
border: 0px;
}
div.register a:hover {
background-position: 0 -96px;
}
div.register_mini {
position: absolute;
top: -19px;
right: 41px;
z-index: 9;
width: 203px;
}
div.register_mini a {
border:0 none;
color:#EFE7DD;
display:block;
font-size: 13px;
font-weight:bold;
text-decoration:none;
}
div.register_mini a:hover {
color: #fff;
text-decoration: underline;
}
div.register_mini a:hover {
}
div.KILMERHANSEN {
width: 340px;
height: 22px;
position: absolute;
top: 36px;
left: 63px;
}
**html div.KILMERHANSEN {
display: none;
}
div.KILMERHANSEN a {
display: block;
width: 330px;
height: 20px;
background: url(images/KILMERHANSEN_logo.png) no-repeat;
border: 0px;
}
div.KILMERHANSEN a:hover {
background-position: 0 -20px;
}
/* ************************************** Intro Page Styles *********************************************** */
#intro_text {
font: 17px "Times New Roman", times, serif;
position: relative;
display: block;
top: 150px;
left: 136px;
width: 550px;
}
#intro_text p:first-letter {
font-size: 25px;
}
img.welcome {
position: absolute;
top: 241px;
left: 85px;
}
img.thankyou {
position: relative;
top: 20px;
left: 95px;
}
img#index_card_image {
position: absolute;
left: 266px;
top: 247px;
}
ul#benifits {
list-style-type: circle;
font-size: 15px;
margin-top: 20px;
margin-left: -30px;
width: 300px;
}
ul#benifits li {
margin: 10px;
}
/* ************************************** Restaurant Page Styles *********************************************** */
#wrapperR {
margin: 0px auto;
position: relative;
top: 20px;
background: url(images/Shadow.png) repeat-y;
width: 802px;
height: 800px;
}
restaurant_wrapper {
margin: 0px auto;
position: relative;
top: 20px;
background: url(images/Shadow.png) repeat-y;
width: 802px;
padding-bottom: 80px;
}
img.blackbar {
position: absolute;
top: 225px;
left: 100px;
}
span.blackbar_text {
position: absolute;
top: 227px;
left: 168px;
font: bold small-caps 24px "Times New Roman", times, sans-serif;
letter-spacing: 1px;
color: #fff;
}
ul.restaurant_logos {
position: absolute;
top: 285px;
left: 102px;
width: 610px;
background: #fff;
list-style-type: none;
border: none;
z-index: 6;
}
ul.restaurant_logos li {
display: block;
float: left;
width: 120px;
text-align: center;
border: 1px solid #fff;
border-bottom: 3px solid #fff;
padding-bottom: 8px;
}
ul.restaurant_logos li:hover {
border: 1px solid #555;
border-bottom: 3px solid #555;
}
ul.restaurant_logos li.no_highlight:hover {
border: 1px solid #fff;
border-bottom: 3px solid #fff;
}
ul.restaurant_logos li img {
margin: 2px 0px 10px 0px;
border: none;
}
ul.restaurant_logos a {
text-decoration: none;
color: #111;
font: 12px "Times New Roman", times, sans-serif;
border: none;
}
ul.restaurant_logos a:hover {
color: #000;
}
span.informationArea {
position: absolute;
top: 240px;
left: 115px;
display: block;
}
span.informationArea img.photos {
margin-top: 15px;
border: 1px solid #000;
}
span.informationArea p.textArea:first-letter {
font-size: 25px;
line-height: 25px;
}
span.informationArea p.textArea {
font: 14px "Times New Roman", times, sans-serif;
line-height: 18px;
position: absolute;
top: 110px;
left: 200px;
width: 400px;
}
span.informationArea p.textArea a {
color: #222;
}
span.informationArea p.textArea a:hover {
color: #cc0000;
}
span.informationArea p.textArea img.map {
border: 1px solid #000;
}
/* ************************************** Card Info Page Styles *********************************************** */
#Card_info_text {
font: 15px "Times New Roman", times, sans-serif;
position: absolute;
top: 266px;
left: 128px;
width: 250px;
}
span.title {
font-size: 20px !important;
}
#Card_info_text p:first-letter {
font-size: 24px;
}
#Card_purchase {
font: 15px "Times New Roman", times, sans-serif;
position: absolute;
z-index: 0;
top: 265px;
right: 89px;
width: 312px;
height: 310px;
border: 0px solid #fff;
}
#Card_purchase:hover {
border: 0px solid #fff;
}
#view_cart {
position: relative;
left: 100px;
top: 10px;
}
.purchase_thankyou {
position: absolute;
z-index: 999;
}
/* ************************************** Our Story Page Styles *********************************************** */
#story_text {
position: absolute;
top: 230px;
left: 162px;
width: 490px;
font: 14px "Times New Roman", times, sans-serif;
text-align: justify;
line-height: 22px;
}
#story_text .large {
font-size: 24px;
}
center.title {
font-size: 26px;
}
sup {
font-size: 6px;
}
/* ************************************** Registration Page Styles *********************************************** */
#registration_text {
position: absolute;
top: 230px;
left: 162px;
width: 490px;
font: 14px "Times New Roman", times, serif;
text-align: justify;
line-height: 17px;
}
#registration_text .large {
font-size: 24px;
}
#registration_text input, #registration_text select, #registration_text textarea {
position: absolute;
left: 230px;
}
#registration_text input {
width: 200px;
}
#registration_text .labels {
display: block;
width: 205px;
text-align: right;
float: left;
position: relative;
bottom: 3px;
}
#registration_text input[type="checkbox"] {
margin-top: 10px;
width: 10px;
}
#registration_text input[type="reset"] {
background: #fff;
border: 0px;
width: 70px;
font-size: 10px;
text-align: left;
position: absolute;
top: 476px;
left: 470px;
}
#registration_text input[type="reset"]:hover {
color: #186B7E;
text-decoration: underline;
}
.labels i {
color: #187AA6;
}
#asterisk_key {
position: absolute;
left: 100px;
bottom: 0px;
}
#asterisk_key i {
color: #187AA6;
}
/* ************************************** Contact Us Page Styles *********************************************** */
#Contact_Form {
font: 14px "Times New Roman", times, sans-serif;
position: absolute;
top: 240px;
right: 100px;
border-left: 1px solid #000;
padding-left: 30px;
}
#Contact_Info {
font: 18px "Times New Roman", times, sans-serif;
position: absolute;
text-align: right;
top: 300px;
left: 96px;
width: 250px;
}
#Contact_Form i {
color: #187AA6;
}
/* ************************************** Registration Page Styles *********************************************** */
span.title {
margin-right: 30px;
font-size: 30px !important ;
}
#registration_form {
position: absolute;
top: 240px;
left: 90px;
}
#registration_form td {
padding-bottom: 10px;
padding-right: 10px;
}
/* ************************************** Details/FAQ Page Styles *********************************************** */
ol {
margin-top: 5px;
margin-left: 27px;
width: 439px;
}
ol li {
margin-bottom: 21px;
}
/* ************************************** Advertisement Page Styles *********************************************** */
ul.navigationAd {
position: absolute;
bottom: 0px;
right: 135px;
}
ul.navigationAd li {
display: inline;
}
ul.navigationAd a {
padding: 0px 9px 4px 7px;
text-decoration: none;
color: #000;
font: small-caps 16px "Times New Roman", times, sans-serif;
}
ul.navigationAd a:hover {
color: #cc0000;
border-bottom: 3px solid #cc0000;
}
ul.navigationAd a:active {
color: #555;
border-bottom: 3px solid #555;
}
#ad_logos {
position: absolute;
right: 67px;
top: 210px;
width: 155px;
}
a.yellow_bar {
position: absolute;
left: 240px;
top: 190px;
width: 321px;
height: 70px;
background: url(images/yellow_bar.jpg) no-repeat;
background-position: top left;
}
a.yellow_bar:hover {
background-position: 0px -70px ;
}
img.save_400 {
position: absolute;
left: 210px;
top: 270px;
}
a.star_burst {
position: absolute;
left: 295px;
top: 481px;
width: 212px;
height: 140px;
background: url(images/star_burst.gif) no-repeat;
background-position: top left;
z-index: 2;
}
a.star_burst:hover {
background-position: 0px -140px ;
}
a.star_burst2 {
position: absolute;
left: 295px;
top: 880px;
width: 212px;
height: 140px;
background: url(images/star_burst.gif) no-repeat;
background-position: top left;
z-index: 2;
}
a.star_burst2:hover {
background-position: 0px -140px ;
}
img.ad_cards {
position: absolute;
left: 75px;
top: 561px;
}
p.ad_text {
position: absolute;
left: 397px;
top: 630px;
font-size: 23px;
line-height: 30px;
}
/*#temp {
position: absolute;
top: 640px;
left: 500px;
padding: 15px;
background: #D4B97E;
z-index: 6;
border-left: 8px solid #8B5A2B;
}*/