@charset "utf-8";
/* CSS Document */

/************** general styles  ****************/
body, div, p, ul, li, h1, h2, h3, h4 {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; 
font-size:12px; font-weight:normal;}
body {background-color:#FFFFFF;}

img {border:0px;}

h1 {font-family:Arial, Helvetica, sans-serif; font-size:23px; font-weight:bold;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}
h3, .bldTxt {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;}
h4, .bldTxt12 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}

a:hover {text-decoration:none;}
/************** general styles  ****************/
 

/************** template styles  ****************/
.centered {text-align:center;}
.template {width:759px;	margin:0px auto; text-align:left;}

.headerArea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; 
color:#FFFFFF; background-color:#808285; text-align:center; padding-bottom:15px;}
.headerArea a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; 
font-size:13px; font-weight:normal;}
.headerArea a:hover {color:#231f20;}

.headerAreaBlack {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; 
color:#FFFFFF;background-color:#231f20; text-align:center; padding-bottom:15px;}
.headerAreaBlack a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; 
font-size:13px; font-weight:normal;}
.headerAreaBlack a:hover {color:#808285;}

.topCross {background:url(images/gray_cross.jpg) top left no-repeat; border-top:15px solid #808285;}
.bottomCross {background:url(images/black_cross.jpg) bottom left no-repeat;}
.bottomCross2 {background:url(images/black_cross2.jpg) bottom left no-repeat;}
.bracket_icons {padding:15px 0px; text-align:center;}

/*
.globe_bg {background:url(images/globe_bg.jpg) top center no-repeat; margin-top:30px;}
*/

.globe_new {background:url(images/globe_new.gif) top center no-repeat;margin-top: 10px;}


.big_yellow {
margin-top: 30px;
color: #faa719;
font-size: 20px;
}

.index_mid {margin:0px 200px 0px 200px; width: 320px;}
.index_left {float:left; width:190px;  font-size: 80%; text-align:center; }
.index_right {float:right; width:185px; font-size: 80%; text-align:center;}

.index_left h2 { font-size: 15px; }
.index_right h2 { font-size: 15px; }


.inner_mid {margin:0px 280px 0px 215px;	text-align:center; padding-left:50px;}
.inner_left {float:left; width:210px; font-size:13px;}
.inner_right {float:right; width:275px; text-align:right; font-size:11px;}

.red {color:#ed1c24;}
.orange {color:#faa61a;}
.black {color:#000000;}
.italic {font-style:italic;}

.footerArea {font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:normal;	
color:#FFFFFF;	background-color:#231f20; text-align:center; padding:15px 0px;}
.footerArea a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; 
font-size:11px; font-weight:normal;}
.footerArea a:hover {color:#808285;}

.footerArea2 {font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:normal;	
color:#FFFFFF;	background-color:#231f20; text-align:center; padding:0px 0px 10px 0px;}
.footerArea2 a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; 
font-size:11px; font-weight:normal;}
.footerArea2 a:hover {color:#808285;}

.footerArea3 {width:760px; margin:10px auto 0 auto; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;	font-weight:normal;	
color:#FFFFFF;	background-color:#231f20; text-align:center; padding:0px 0px 10px 0px;}
.footerArea3 a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; 
font-size:11px; font-weight:normal;}
.footerArea3 a:hover {color:#808285;}

#img_container { height:120px; }
#img_container ul {display:block;padding:0;margin:0;list-style:none;}
#img_container ul li{float:left;width:100px;margin:10px;}
#img_container ul li a img {width:93px; height:93px; border:1px solid #574331; padding:5px; background-color:#eee;}
#img_container ul li a:hover img { border-color: darkred; }

.clr_both {clear:both;}
/************** template styles  ****************/


/************** index input box styles  ****************/
.select_long {background:transparent url(images/long_select.jpg) top left no-repeat; border:0px; height:17px; 
width:146px; font-size:9px;}
.select_short {background:transparent url(images/short_select.jpg) top left no-repeat; border:0px; height:17px; 
width:42px; font-size:9px;}
.input_txt {border:1px solid #ffffff;	font-size:9px;}
.index_mid form div {padding-top:2px;}
/************** index input box styles  ****************/


/************** light box styles  ****************/

#Menus, #Reservations, #Cocktails, #Group_Events, #Maps, #Maps1, #cReservations, #cMaps, #cMaps1, #kReservations, #kMaps, #tReservations, #tMaps, #hReservations, #hMaps, #hMaps1, #jReservations, #jMaps {display:none;}
.Popup_pad {padding:0px 7px;}

.Group_Events {display:none;}
/************** light box styles  ****************/


/************** about page styles  ****************/
.aboutLt{float: left; width:175px;}
.aboutRt{margin-left:200px;}
.aboutRt1{float:right; margin-right:5px; padding-top:10px; text-align:right;}
.aboutBg{background:url(images/aboutBg.jpg) top left no-repeat;}
/************** about page styles  ****************/


/************** contact page styles  ****************/
.contactLt{float:left; width:348px;}
.contactRt{ margin-left:400px;}
.contactLt2{float:left; width:348px;}
.contactRt2{ margin-left:400px;}
.contactHrline{background:url(images/hr_line.gif) top left repeat-x; height:3px;}
.textboxpd{padding-bottom:5px;}
/************** contact page styles  ****************/


/************** employment page styles  ****************/
.empLt{float:left; width:190px; text-align:center;}
.empRt{margin-left:190px;}
.empText{font-size:15px; color:#808285; font-weight:bold; padding-right:20px; text-align:justify;}
/************** employment page styles  ****************/


/************** tell a friend page styles  ****************/
.friendLt{float:left; width:365px;}
.friendRt{margin-left:424px;}
.friendbox{width:200px; border:#918f8f solid 1px;}
/************** tell a friend page styles  ****************/


/************** reward page styles  ****************/
.rewardLt{float:left; width:370px;}
.rewardRt{margin-left:375px;}
.rewardBg{background:url(images/rewardBg.jpg) top left no-repeat;}
.rewardText{font-size:16px; color:#808285; font-weight:bold;}
.rewardList li {background:url(images/star.gif) top left no-repeat; padding:0px 0px 5px 25px; list-style-type:none;}
/************** reward page styles  ****************/


/************** event page styles  ****************/
.eventToplt{ width:320px; float:left;}
.eventToprt{ margin-left:330px; text-align:right;}
.redBold{color:#ed1c24; font-weight:bold;}
.eventCentlt{ width:167px; float:left;}
.onlineRfp{ margin-top:-20px;}
.eventCentrt{ margin-left:194px; background:url(images/event_group_img.jpg) top left no-repeat;}
.eventHrline{background:url(images/hr_line.gif) top left repeat-x; height:3px;}
.flotLt1{float:left; width:184px; text-align:center;}
.flotLt2{float:left; width:130px;}
.margLt1{margin-left:335px;}
.flotLt3{float:left; width:225px;}
.margLt2{margin-left:266px;}
.eventHrline1{background: url(images/eventhrline2.gif) top left repeat-x; height:2px;}
/************** event page styles  ****************/


/************** restaurants page styles  ****************/
.restToplt{ width:320px; float:left;}
.restToprt{ margin-left:330px; text-align:right; padding-right:72px;}
.redBold{color:#ed1c24; font-weight:bold;}
.restCentlt{ width:137px; float:left;}
.restCentrt{ margin-left:157px; background:url(images/rest_tree_img.jpg) top right no-repeat; font-size:15px;}
.restHrline{background:url(images/restHr.gif) top left repeat-x; height:5px;}
.rsflotLt1{float:left; width:172px; text-align:center}
.rsflotLt2{float:left; width:172px;}
.rsmargLt1{margin-left:346px;}
.rsflotRt1{float:right; width:130px;}
.rsflotRt2{float:right; width:140px;}
.rsmargLt2{margin-right:269px;}
.restHrline1{background: url(images/eventhrline2.gif) top left repeat-x; height:2px;}
/************** restaurants page styles  ****************/

/************** reservation page styles  ****************/
.reserveflotLt1{float:left; width:125px;}
.reserveflotLt2{float:left; width:172px;}
.reservemargLt1{margin-left:300px;}
.reserveflotRt1{float:right; width:130px;}
.reserveflotRt2{float:right; width:140px;}
.reservemargLt2{margin-right:269px;}
.botLt{float:left; width:90px;}
.botRt{margin-left:125px;}
.botLt1{width:257px; float:left;}
.botRt1{margin-left:300px;}
.reservText{ color:#808285;}
/************** reservation page styles  ****************/


/************** all branding page styles  ****************/

.winOptionArea {background:url(images/window_opt.jpg) top left no-repeat;}
.winOptMenu {float:left; padding:25px 35px 0px 30px;}
.winOptReserve {float:left; padding:32px 30px 0px 40px;}
.winOptCocktail {float:left; padding:0px 30px 0px 30px;}
.winOptGroup {float:left; padding:32px 30px 0px 30px;}
.winOptMap {float:left; padding:32px 20px 0px 27px;}
.winLtImg {float:left; margin-top:-23px;}
.winRtImg {float:right;}
.winAreaText {margin:0px 223px 0px 226px; text-align:center; font-size:20px; color:#FFFFFF;}
.winAreaText2 {margin:25px 223px 0px 226px; height:170px; text-align:center; font-size:20px; color:#FFFFFF;}
/************** all branding page styles  ****************/


/************** chop house page styles  ****************/
.chopLt {float:left; width:210px;}
.chopRt {float:right; width:200px; margin-top:-20px; position:relative; text-align:center;}
.chopMd {margin:0px 210px 0px 220px; text-align:center;}
/************** chop house page styles  ****************/


/************** top chop page styles  ****************/
.topcLt {float:left; width:150px;}
.topcRt {float:right; width:150px; margin-top:-20px; position:relative; text-align:center;}
.topcMd {margin:0px 170px 0px 170px; text-align:center;}
/************** top chop page styles  ****************/


/************** kaiser page styles  ****************/
.kaiLt {float:left; width:210px;}
.kaiRt {float:right; width:200px; margin-top:-20px; position:relative; text-align:right;}
.kaiMd {margin:0px 210px 0px 220px; text-align:center;}
/************** kaiser page styles  ****************/


/************** Hogs page styles  ****************/
.hogsLt {float:left; width:150px;}
.hogsRt {float:right; width:150px; margin-top:-20px; position:relative; text-align:center;}
.hogsMd {margin:0px 170px 0px 170px; text-align:center;}
/************** Hogs page styles  ****************/


/************** datepicker styles  ****************/
.dpDiv {}

/* the table (within the div) that holds the date picker calendar */
.dpTable {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;text-align: center;color: #505050;background-color:#bf7b10;border: 1px solid #000000;}
/*background-color: #FDD488;*/

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {border: 1px solid #CCCCCC;}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {background-color: #231f20;border: 1px solid #AAAAAA; color:white;}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {background-color: #aca998;border: 1px solid #888888;cursor: pointer;color: red;}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {background-color: #231f20;border: 1px solid #FFFFFF;color: white;}

/* additional style information for the text that indicates the month and year */
.dpTitleText {font-size: 12px;color: #000000;font-weight: bold;	}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {color: #4060ff;	font-weight: bold;}

/* the forward/backward buttons at the top */
.dpButton {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;	font-size: 10px;color: #FFFFFF;	background: #231f20;font-weight: bold;padding: 0px;	border: 1px #FFFFFF solid;}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;	font-size: 10px;color: #FFFFFF;	background: #231f20;font-weight: bold;	border: 1px #FFFFFF solid;text-transform:capitalize;}
/************** datepicker styles  ****************/
.winey {
  background-image: url("http://www.restaurantsofpalmsprings.com/images/wine_back.jpg");
  background-repeat: repeat;
}

.winey1 {
  background-image: url("http://www.restaurantsofpalmsprings.com/images/tile2.jpg");
  background-repeat: repeat;
}

.winey2 {
  background-image: url("http://www.restaurantsofpalmsprings.com/images/tile3.jpg");
  background-repeat: repeat;
}