/* ------------------------- Body ------------------------- */
*{padding:0; margin:0;}
html	{overflow:scroll;/*overflow-x:hidden;*/}
body,html {margin:0px; padding:0px;background:url(../img/layout/body_keup.jpg) repeat-x #5b6794; height:100%; font-family:Arial, Verdana; font-size:11px;}

/* ------------------------- Spacer  --------------------------- */
.spacer1{width:1px; height:1px; clear:both; font-size:0px; display:block;}
.spacer2{width:2px; height:2px; clear:both; font-size:0px; display:block;}
.spacer3{width:3px; height:3px; clear:both; font-size:0px; display:block;}
.spacer4{width:4px; height:4px; clear:both; font-size:0px; display:block;}
.spacer5{width:5px; height:5px; clear:both; font-size:0px; display:block;}
.spacer10{width:10px; height:10px; clear:both; font-size:0px; display:block;}
.spacer15{width:15px; height:15px; clear:both; font-size:0px; display:block;}
.spacer20{width:20px; height:20px; clear:both; font-size:0px; display:block;}
.spacer25{width:25px; height:25px; clear:both; font-size:0px; display:block;}
.spacer30{width:30px; height:30px; clear:both; font-size:0px; display:block;}
.spacer40{width:40px; height:40px; clear:both; font-size:0px; display:block;}
.spacer50{width:50px; height:50px; clear:both; font-size:0px; display:block;}

/* ------------------------- Misc  --------------------------- */
.marginAuto{margin:auto;}

/* ------------------------- Container ------------------------- */
#top	{width:950px;margin:auto;background: url(../img/layout/top_keup.jpg) no-repeat;height:22px;}
#bottom	{width:950px;margin:auto;background: url(../img/layout/bottom_keup.jpg) no-repeat;height:23px;}
#container	{width:950px;margin:auto;background:url(../img/layout/container_keup.jpg) no-repeat top;}
#main		{margin-left:7px;margin-right:7px;}
#header		{background-color:#f17d21;height:13px; border-top: #FFFFFF solid 1px;margin-bottom:1px;}
#navigation	{height:193px;margin-bottom:1px;}
#content	{margin-bottom:1px;clear:left; background:url(../img/layout/bg_content.jpg) top;height:100%;}	/*content yellow/orange bg*/
#contentyellow	{margin-bottom:1px;clear:left; background:url(../img/layout/bg_yellow_keup.jpg) repeat-x top #f7e870;height:350px;} /*content yellow bg*/
#footer		{background-color:#f17d21;height:20px;line-height:20px;margin-bottom:1px;border-bottom: #FFFFFF solid 1px;}

/* ------------------------- Boxes ------------------------- */
#picturebox	{float:left;width:587px;height:193px;}
#navbox		{float:left;width:349px;height:193px;background:url(../img/layout/navbox_keup.jpg);}
#navboxlinks{float:left;width:155px;}
#navboxtitle{float:left;}

/* ------------------------- navboxlinks ------------------------- */
#navboxlinks ul {margin-left:12px;margin-top:12px;}
#navboxlinks ul li {list-style: none;width:129px;height:18px;background:url(../img/layout/navbar_out.jpg);margin:3px;line-height:18px;color:#FFFFFF;text-indent:10px;cursor:pointer;}
#navboxlinks a {color:#FFFFFF; text-decoration:none;}
#navboxlinks ul li:hover,.navactive {font-weight:bold;background:url(../img/layout/navbar_over.jpg);}

/* ------------------------- footer ------------------------- */
#footer_left	{float:left;margin-left:10px;color:#FFFFFF;}
#footer_right	{float:right;margin-right:10px;color:#FFFFFF;}
#footer_left a, #footer_right a	{color:#FFFFFF; text-decoration:none;}

/* ------------------------- divs ------------------------- */
#yellow 	{width:588px;float:left;height:auto;}
#orange 	{width:348px;float:left;height:auto;}
#green		{clear:left;background:url(../img/layout/bg_green_keup.jpg) repeat-x #7cc89c;border-top:#ffffff solid 1px;width:936px;height:auto;}

/* ------------------------- content boxes ------------------------- */
.bigboxyellowtop {background:url(../img/layout/bigbox_yellow_top.jpg) no-repeat;width:877px;height:28px;margin:auto;line-height:21px;}
.bigboxyellowmain {background:url(../img/layout/bigbox_yellow_main.jpg);width:877px;margin:auto;}
.bigboxyellowbottom {background:url(../img/layout/bigbox_yellow_bottom.jpg) no-repeat;width:877px;height:7px;margin:auto;}

.boxyellowtop {background: url(../img/layout/box_yellow_top.jpg);width:535px;height:23px;margin:auto;margin-top:20px;line-height:21px;}
.boxyellowtop2 {background: url(../img/layout/box_yellow_top2.jpg);width:535px;height:23px;margin:auto;margin-top:20px;line-height:21px;}
.boxyellowmain {background-color:#ffffff;border-bottom: #ccc382 solid 1px;border-right: #ccc382 solid 1px;border-left: #ccc382 solid 1px;width:533px;margin:auto;margin-bottom:20px;}

.boxorangetop {background:url(../img/layout/box_orange_top.jpg);width:311px;height:8px;margin:auto;margin-top:20px;font-size:0px;}
.boxorangemain {background:url(../img/layout/box_orange_main.jpg) repeat-y;width:311px;margin:auto;}
.boxorangebottom {background:url(../img/layout/box_orange_bottom.jpg);width:311px;height:8px;margin:auto;margin-bottom:20px;font-size:0px;}

.boxorangetop2 {background:url(../img/layout/box_orange_top2.jpg);width:311px;height:8px;margin:auto;margin-top:20px;font-size:0px;}
.boxorangebottom2 {background:url(../img/layout/box_orange_bottom2.jpg);width:311px;height:8px;margin:auto;margin-bottom:20px;font-size:0px;}

.boxorangemainpromotion {background:url(../img/layout/box_orange_main_promotion.jpg) repeat-y;width:311px;margin:auto;}
.boxorangemaincontactstore {background:url(../img/layout/box_orange_main_contact.jpg) repeat-y;width:311px;margin:auto;}
.boxorangemaincontactparfumerie {background:url(../img/layout/box_orange_main_parfumerie.jpg) repeat-y;width:311px;margin:auto;}
.boxorangemaincontactcontact {background:url(../img/layout/box_orange_main_cc.jpg) repeat-y;width:311px;margin:auto;}
.boxorangemaincontactpizzeria {background:url(../img/layout/box_orange_main_pizzeria.jpg) repeat-y;width:311px;margin:auto;}
.boxorangemaincontactrestaurant {background:url(../img/layout/box_orange_main_rest.jpg) repeat-y;width:311px;margin:auto;}
.boxorangemaincontacthotel {background:url(../img/layout/box_orange_main_hotel.jpg) repeat-y;width:311px;margin:auto;}
.boxorangemaincontactservicestation {background:url(../img/layout/box_orange_main_st.jpg) repeat-y;width:311px;margin:auto;}
.boxorangemaincontactservicestationprices{background:url(../img/layout/box_orange_main_stprices.jpg) repeat-y;width:311px;margin:auto;}

.boxorangetexttop {background:url(../img/layout/box_orange_text_top.jpg);width:311px;height:8px;margin:auto;margin-top:20px;font-size:0px;}
.boxorangetexttop2 {background:url(../img/layout/box_orange_text_top2.jpg);width:311px;height:8px;margin:auto;margin-top:20px;font-size:0px;}
.boxorangetextmain {background:url(../img/layout/box_orange_text_main.jpg) repeat-y;width:311px;margin:auto;}
.boxorangetextbottom {background:url(../img/layout/box_orange_text_bottom.jpg);width:311px;height:8px;margin:auto;margin-bottom:20px;font-size:0px;}

.boxgreentop {background:url(../img/layout/box_green_top.jpg);width:885px;height:23px;margin:auto;line-height:23px;margin-top:20px;}
.boxgreenmain {background-color:#ffffff;border-bottom: #ccc382 solid 1px;border-right: #ccc382 solid 1px;border-left: #ccc382 solid 1px;width:883px;margin:auto;margin-bottom:20px;/*height:150px; display:table;*/}


/* ------------------------- content boxes ------------------------- */
.content	{padding:10px;}
.content ul, .boxorangetextmain ul {margin-top:10px;}
.content ul li, .boxorangetextmain ul li {margin-left:27px;list-style:square;}
.boxorangetextmain .content {padding:10px;padding-top:0;padding-bottom:0;text-align:justify;}
a {color:#DF6300; text-decoration:none;}
a:hover {text-decoration:underline;}

.contentorange {margin-left:140px; padding:0px;}
.contentorange ul{margin-left:20px; padding:0px; list-style:square;}
.contentorange ul li{padding:2px;}

h1	{font-size:12px;font-weight:bold;text-indent:10px;color:#ce6c1b;}

/* ------------------------- contact form items --------------------- */

.contactFormsContainer *{font-family:Arial, Verdana; font-size:11px;}

.contactFormsContainer .stdTxtField {width:300px; border:1px solid #9F9F9F; color:#202020;}
.contactFormsContainer .stdSelectBox {width:300px; border:1px solid #9F9F9F; color:#202020;}
.contactFormsContainer .stdMessageBox {width:400px; border:1px solid #9F9F9F; color:#202020;}
.contactFormsContainer .stdButton {width:75px;}

.contactFormsContainer .w100pxSelectBox{width:100px; border:1px solid #9F9F9F; color:#202020;}
.contactFormsContainer .w120pxTxtField{width:120px; border:1px solid #9F9F9F; color:#202020;}

.contactFormsContainer .titleCell{font-weight:bold; color:#DF6300; padding-bottom:10px;}
.contactFormsContainer .subTitleCell{padding-bottom:8px;}
.contactFormsContainer .labelCell{width:90px;}
.contactFormsContainer .fieldCell{width:350px;}
.contactFormsContainer .labelCellCheckbox{width:410px;}
.contactFormsContainer .fieldCellCheckbox{width:30px;}
.contactFormsContainer .redNoteCell{color:#DF6300; font-size:9px;}

.contactFormsContainer .validationError{border:1px solid #DF6300;}

.contactErrorMsgContainer{background-color:#DF6300;}
.contactErrorMsgContainer .titleCell{font-weight:bold; color:#ffffff;}
.contactErrorMsgContainer .errorMsgCell{color:#ffffff;}

/* ------------------------- pizzeria --------------------- */

#pizzeriaPics {position:relative; overflow:hidden; width:510px; height:400px; margin:0;}
#pizzeriaPicsContent {position:absolute; top:0; margin-left:0;}
#pizzeriaPicsContent #pizzeriaPicsContent li {list-style:none; margin:0; padding:0;}
#pizzeriaPicsContent {width:10710px;}
#yellow #pizzeriaPics ul li {display:block; float:left; margin:0; padding:0; border:none; background-color:#fff;}
#yellow #pizzeriaPics ul li img {display:block; border:0px none;}
#yellow #pizzeriaPicsFrame {position:relative; margin:340px 15px 0 15px;}
#yellow #pizzeriaPicsFrame ul li {margin:0 5px;}
#yellow #pizzeriaPicsFrame ul li img{border:1px solid #9cf; padding:2px; cursor:pointer;}
#yellow #pizzeriaPicsFrame ul li img:hover {border: 1px solid #369;}

/* ------------------------- restaurant --------------------- */

#restaurantPics {position:relative; overflow:hidden; width:510px; height:400px; margin:0;}
#restaurantPicsContent {position:absolute; top:0; margin-left:0;}
#restaurantPicsContent #restaurantPicsContent li {list-style:none; margin:0; padding:0;}
#restaurantPicsContent {width:10710px;}
#yellow #restaurantPics ul li {display:block; float:left; margin:0; padding:0; border:none; background-color:#fff;}
#yellow #restaurantPics ul li img {display:block; border:0px none;}
#yellow #restaurantPicsFrame {position:relative; margin:340px 15px 0 15px;}
#yellow #restaurantPicsFrame ul li {margin:0 5px;}
#yellow #restaurantPicsFrame ul li img{border:1px solid #9cf; padding:2px; cursor:pointer;}
#yellow #restaurantPicsFrame ul li img:hover {border: 1px solid #369;}

.dailySpecialMainTitle {font-weight:bold; color:#DF6300;}
.dailySpecialMainContent {margin-left:20px;}

#dailySpecialList{list-style:square; margin-left:20px; padding-bottom:5px;}
#dailySpecialList li{padding-bottom:4px;}
 
.dailySpecialItem{}
.dailySpecialItemContentContainer{padding-bottom:3px;}
.dailySpecialDayName{font-weight:5850; color:#000000;}
.dailySpecialDate{color:#666666;}
.dailySpecialTxt{font-weight:700; color:#DF6300;}

/* ------------------------- welcome --------------------- */
#welcomeDailySpecial{background:url(../img/layout/bg_home_menu.jpg) no-repeat;}
#welcomeDailySpecial .content{margin-left:215px;}
.welcomeDailySpecialTodayDate{font-weight:bold; color:#DF6300;}
.welcomeDailySpecialTodayMenu{font-weight:bold;}
.welcomeDailySpecialComment{font-size:9px; font-style:italic; color:#DF6300;}

#welcomePizzaOfMonth{background:url(../img/layout/bg_home_pizza.jpg) no-repeat;}
#welcomePizzaOfMonth .content{margin-left:215px;}

/* ------------------------- reservation form items --------------------- */
.reservationFormsContainer *{font-family:Arial, Verdana; font-size:11px;}

.reservationFormsContainer .stdTxtField {width:300px; border:1px solid #9F9F9F; color:#202020;}
.reservationFormsContainer .stdSelectBox {width:300px; border:1px solid #9F9F9F; color:#202020;}
.reservationFormsContainer .stdMessageBox {width:400px; border:1px solid #9F9F9F; color:#202020;}
.reservationFormsContainer .stdButton {width:75px;}

.reservationFormsContainer .w100pxSelectBox{width:100px; border:1px solid #9F9F9F; color:#202020;}
.reservationFormsContainer .w20pxTxtField{width:20px; border:1px solid #9F9F9F; color:#202020;}
.reservationFormsContainer .w40pxTxtField{width:40px; border:1px solid #9F9F9F; color:#202020;}

.reservationFormsContainer .titleCell{font-weight:bold; color:#DF6300; padding-bottom:10px;}
.reservationFormsContainer .subTitleCell{padding-bottom:8px;}
.reservationFormsContainer .labelCell{width:90px;}
.reservationFormsContainer .fieldCell{width:350px;}
.reservationFormsContainer .labelCellCheckbox{width:410px;}
.reservationFormsContainer .fieldCellCheckbox{width:30px;}
.reservationFormsContainer .redNoteCell{color:#DF6300; font-size:9px;}

.reservationFormsContainer .validationError{border:1px solid #DF6300;}

.reservationErrorMsgContainer{background-color:#DF6300;}
.reservationErrorMsgContainer .titleCell{font-weight:bold; color:#ffffff;}
.reservationErrorMsgContainer .errorMsgCell{color:#ffffff;}


/* ------------------------- hotel form items --------------------- */
#hotelPics {position:relative; overflow:hidden; width:510px; height:400px; margin:0;}
#hotelPicsContent {position:absolute; top:0; margin-left:0;}
#hotelPicsContent #hotelPicsContent li {list-style:none; margin:0; padding:0;}
#hotelPicsContent {width:10710px;}
#yellow #hotelPics ul li {display:block; float:left; margin:0; padding:0; border:none; background-color:#fff;}
#yellow #hotelPics ul li img {display:block; border:0px none;}
#yellow #hotelPicsFrame {position:relative; margin:340px 0px 0 0px;}
#yellow #hotelPicsFrame ul li {margin:0px 1px 0px 0px;}
#yellow #hotelPicsFrame ul li img{border:1px solid #9cf; padding:1px; cursor:pointer;}
#yellow #hotelPicsFrame ul li img:hover {border: 1px solid #369;}

.hotelFeatureList{float:left; margin-left:25px;}

.hotelPrices{width:280px;; font-size:10px;}
.hotelPrices td{padding-left:3px; padding-right:3px; padding-top:1px; padding-bottom:1px;}
.hotelPrices .titleRow{color:#ffffff; background-color:#57ADE0; font-weight:700;}
.hotelPrices .evenRow{color:#202020; background-color:#ededed;}
.hotelPrices .oddRow{color:#202020; background-color:#DFDFDF;}

/* ------------------------- service station --------------------- */

#servicestationPics {position:relative; overflow:hidden; width:510px; height:400px; margin:0;}
#servicestationPicsContent {position:absolute; top:0; margin-left:0;}
#servicestationPicsContent #restaurantPicsContent li {list-style:none; margin:0; padding:0;}
#servicestationPicsContent {width:10710px;}
#yellow #servicestationPics ul li {display:block; float:left; margin:0; padding:0; border:none; background-color:#fff;}
#yellow #servicestationPics ul li img {display:block; border:0px none;}
#yellow #servicestationPicsFrame {position:relative; margin:340px 15px 0 15px;}
#yellow #servicestationPicsFrame ul li {margin:0 5px;}
#yellow #servicestationPicsFrame ul li img{border:1px solid #9cf; padding:2px; cursor:pointer;}
#yellow #servicestationPicsFrame ul li img:hover {border: 1px solid #369;}

/* ------------------------- sitemap --------------------- */
#sitemap{margin:5px; margin-left:15px;}
#sitemap li{list-style:none; line-height:26px; height:26px; color:#59ACE0;}
#sitemap li a{line-height:26px; height:26px;}

/* ------------------------- Floats ------------------------- */
.clearleftfloat	{clear:left;}
.clearbothfloat {clear:both;}

/* ---------------------------- tooltip  -----------------------------*/
.tool-title {font-weight:bold; font-size:11px; margin:0; color:#cc7b29; padding:8px 8px 4px; background:url(../img/layout/bubble.png) top left;}
.tool-tip {color:#ffffff; width:150px; z-index:13000;}
.tool-text {font-size:11px; padding:4px 8px 8px; background: url(../img/layout/bubble.png) bottom right;}