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

html{
 	overflow-y:scroll;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4{
	padding: 0px;
	margin: 0px;
	color: #ffcc66;
}
h1{
	font-size: 20px;
}
h2{
	font-size: 18px;
}
h3{
	font-size: 16px;
}
h4{
	font-size: 14px;
}
p{
	padding: 0px;
	margin: 0px;
}
a{
	color: #ffcc66;
	text-decoration:none;
}
ul{
	margin:10px 0px 0px 24px;
	padding:0px;
}
img{
	border-color:#ffcc66;
}
a {
	outline:none;
}
#bodycontent {
	margin: 0 auto;
	width: 800px;
}
#content{
	margin:0 auto;
	position:relative;
	width:800px;
	background: transparent url(app-img/bg_logo.jpg) left top no-repeat scroll;
}
#header{
	width: 800px;
	/*background: transparent url(app-img/bg_logo.jpg) left top no-repeat scroll;*/
	margin: 20px 0px 22px 0px;
	position: relative;
}
#splash{
	background-image: url(app-img/ruby_home_page.png);
	background-position:left top;
	background-repeat:no-repeat;
	width: 800px;
	height: 373px;
}
#splash_gift{
	background-image: url(app-img/giftcard_header.png);
	background-position:left top;
	background-repeat:no-repeat;
	width: 800px;
	height: 350px;
}
#hiring{
	background-image: url(app-img/now_hiring_bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	width: 800px;
	height: 37px;
}	
#main{
	width: 800px;
	padding: 0px 0px 20px 0px;
	margin: 0px;
	overflow: hidden;
}
#header_navigation{
	clear:both;
	float:left;
	line-height:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0px;
	padding: 110px 0px 0px 120px;
}
#header_navigation li{
	float:left;
	margin-left:0;
}
#header_navigation li a{
	display:block;
	float:left;
	height:32px;
	text-decoration:none;
	text-indent:0;
}
#header_navigation .btn_gift{	
	padding-right: 320px;
}
#header_navigation .btn_gift a{
	background:transparent url(app-img/btn_gift.png) no-repeat scroll left top;
	width:106px;
}
#header_navigation .btn_gift a:hover{
	background-position: center bottom;
	width:106px;
}
#header_navigation .btn_merchandise a{
	background:transparent url(app-img/btn_merchandise.png) no-repeat scroll left top;
	width:203px;
}
#header_navigation .btn_merchandise a:hover{
	background-position: center bottom;
	width:203px;
}
#leftContainer_home{
	float: left;
	width: 320px;
}
.reservation{
	width: 320px;
}
#rightContainer_home{
	float: left;
	width: 480px;
	margin: 18px auto;
}
#restaurant_navigation{
	clear:both;
	float:left;
	line-height:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0px 0px 0px 0px;
	padding-left:0px;
	width:480px;
}
#restaurant_navigation li{
	float:left;
	margin-left:0;
}
#restaurant_navigation li a{
	display:block;
	float:left;
	height:70px;
	text-decoration:none;
	text-indent:0;
}
#restaurant_navigation .btn_precinct a{
	background:transparent url(app-img/btn_precinct.png) no-repeat scroll left top;
	width:117px;
}
#restaurant_navigation .btn_precinct a:hover{
	background-position: center bottom;
	width:117px;
}
#restaurant_navigation .btn_waterfront a{
	background:transparent url(app-img/btn_waterfront.png) no-repeat scroll left top;
	width:126px;
}
#restaurant_navigation .btn_waterfront a:hover{
	background-position: center bottom;
	width:126px;
}
#restaurant_navigation .btn_carlojohnny a{
	background:transparent url(app-img/btn_carlojohnny.png) no-repeat scroll left top;
	width:121px;
}
#restaurant_navigation .btn_carlojohnny a:hover{
	background-position: center bottom;
	width:121px;
}
#restaurant_navigation .btn_bootsys a{
	background:transparent url(app-img/btn_bootsys.png) no-repeat scroll left top;
	width:116px;
}
#restaurant_navigation .btn_bootsys a:hover{
	background-position: center bottom;
	width:116px;
}
#steakhouse_navigation{	
	float:left;
	line-height:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0px 0px 0px 0px;
	padding-left:0px;	
}
#steakhouse_navigation li{
	float:left;
	margin-left:0;
	margin-top: 20px;
}
#steakhouse_navigation li a{
	display:block;
	float:left;
	height:30px;
	text-decoration:none;
	text-indent:0;
}
#steakhouse_navigation .btn_cincinnati a{
	background:transparent url(app-img/btn_cincinnati.png) no-repeat scroll left top;
	width:100px;
}
#steakhouse_navigation .btn_cincinnati a:hover{
	background-position: left bottom;
	width:100px;
}
#steakhouse_navigation .btn_louisville a{
	background:transparent url(app-img/btn_louisville.png) no-repeat scroll left top;
	width:100px;
}
#steakhouse_navigation .btn_louisville a:hover{
	background-position: left bottom;
	width:100px;
}
#steakhouse_navigation .btn_belterra a{
	background:transparent url(app-img/btn_belterra.png) no-repeat scroll left top;
	width:90px;
}
#steakhouse_navigation .btn_belterra a:hover{
	background-position: left bottom;
	width:90px;
}
#steakhouse_navigation .btn_st_louis a{
	background:transparent url(app-img/btn_st_louis.png) no-repeat scroll left top;
	width:90px;
}
#steakhouse_navigation .btn_st_louis a:hover{
	background-position: left bottom;
	width:90px;
}
#jeffrubys_steakhouse_logo{
	float:left;
	display:block;
	padding:0px;
	margin:0px;
	background:transparent url(app-img/btn_jeffrubys_steakhouse.png) no-repeat scroll left top;
	width:100px;
	height:70px;
}
#header_bg_top{
	background-image: url(app-img/header_top.png);
	background-position:left top;
	background-repeat:no-repeat;
	width: 800px;
	height: 105px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
}	
#header_bg_top_bootsys{
	background-image: url(app-img/bootsys-header_top.png);
	background-position:left top;
	background-repeat:no-repeat;
	width: 800px;
	height: 105px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}	
#header_bg_top_steakhouse{
	background-image: url(app-img/steakhouse-header_top.png);
	background-position:left top;
	background-repeat:no-repeat;
	width: 800px;
	height: 105px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}	
.precinct_quote{
	position: absolute;
	left: 490px;
	top: 28px;
}
#nav_secondary{
	float:left;
	line-height:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0px 0px 0px 0px;
	padding-left:0px;
}
#nav_secondary li{
	float:left;
}
#nav_secondary li a{
	display:block;
	float:left;
	height:35px;
	text-decoration:none;
	text-indent:0;
}
#nav_secondary .btn_menu a {
	background:transparent url(app-img/btn_menu.png) no-repeat scroll left top;
	width:77px;
}
#nav_secondary .btn_menu a:hover {
	background-position: left bottom;
	width:77px;
}
#nav_secondary .btn_party a{
	background:transparent url(app-img/btn_party.png) no-repeat scroll left top;
	width:144px;
}
#nav_secondary .btn_party a:hover{
	background-position: left bottom;
	width:144px;
}
#nav_secondary .btn_events a{
	background:transparent url(app-img/btn_events.png) no-repeat scroll left top;
	width:77px;
}
#nav_secondary .btn_events a:hover{
	background-position: left bottom;
	width:77px;
}
#nav_secondary .btn_precinct-middle a{
	background:transparent url(app-img/precinct-middle.png) no-repeat scroll left top;
	width:205px;
}
#nav_secondary .btn_waterfront-middle a{
	background:transparent url(app-img/waterfront-middle.png) no-repeat scroll left top;
	width:205px;
}
#nav_secondary .btn_carlojohnny-middle a{
	background:transparent url(app-img/carlojohnny-middle.png) no-repeat scroll left top;
	width:205px;
}
#nav_secondary .btn_bootsys-middle a{
	background:transparent url(app-img/bootsys-middle.png) no-repeat scroll left top;
	width:205px;
}
#nav_secondary .btn_cincinnati-middle a{
	background:transparent url(app-img/steakhouse-middle.png) no-repeat scroll left top;
	width:205px;
}
#nav_secondary .btn_louisville-middle a{
	background:transparent url(app-img/steakhouse-middle.png) no-repeat scroll left top;
	width:205px;
}
#nav_secondary .btn_belterra-middle a{
	background:transparent url(app-img/steakhouse-middle.png) no-repeat scroll left top;
	width:205px;
}
#nav_secondary .btn_st-louis-middle a{
	background:transparent url(app-img/steakhouse-middle.png) no-repeat scroll left top;
	width:205px;
}
#nav_secondary .btn_shop a{
	background:transparent url(app-img/btn_shop.png) no-repeat scroll left top;
	width:73px;
}
#nav_secondary .btn_shop a:hover{
	background-position: left bottom;
	width:73px;
}
#nav_secondary .btn_reservations a{
	background:transparent url(app-img/btn_reservations.png) no-repeat scroll left top;
	width:125px;
}
#nav_secondary .btn_reservations a:hover{
	background-position: left bottom;
	width:125px;
}
#nav_secondary .btn_contact a{
	background:transparent url(app-img/btn_contact.png) no-repeat scroll left top;
	width:99px;
}
#nav_secondary .btn_contact a:hover{
	background-position: left bottom;
	width:99px;
}
#nav_secondary .current a, #nav_secondary .current a:hover {
	background-position: 0px -35px;
}	
#nav_secondary .gray a, #nav_secondary .gray a:hover {
	background-position: 0px -70px;
	cursor: default;
}	

#footer{
	color: #755526;
	font-family: arial;
	font-size: 12px;
	margin: 5px 0px 20px 0px;
	width: 800px;
	text-align: center;
}
#footer a{
	color: #755526;
	font-family: arial;
	font-size: 12px;	
}
#footer a:hover{
	text-decoration:underline;
}
#leftContainer_landing{
	float: left;
	margin:5px 0px 0px 0px;
	padding:15px 10px 15px 15px;
	background:url(app-img/gradient_border.png) no-repeat top left;
	width:540px;
}
#leftContainer_landing p{
	padding-bottom: 15px;

}
#rightContainer_landing{
	float: left;
	margin:10px 0px 0px 0px;
	padding:10px 0px 10px 20px;
	width: 210px;
	border-left:#ffffff 1px solid;
}
#leftContainer_menu{
	float: left;
	margin:0px;
	padding:0px;	
	width:200px;
	height: 700px;
}
#rightContainer_menu{
	float: left;
	margin:0px;
	padding:0px;
	width: 600px;	
}
#menu_area{
	width: 570px;
	background-color:#FFFFFF;
	border:thin solid #FFCC66;
	color:#000000;	
	font-size:13px;
	padding: 0px 12px 12px 12px;
	line-height: 17px;
}
#menu_area p{
	margin:5px 0px 0px 10px;
	padding:0px 10px 10px 0px;
}
#menu_area img{
	padding:15px 0px 0px 5px;
}
#menu_area em{
	font-size: 10px;
}
#leftContainer_party{
	float: left;
	margin:0px;
	padding:0px;	
	width:250px;
	overflow: hidden;
}
#rightContainer_party{
	float: left;
	margin:0px;
	padding:0px;
	width: 550px;	
}
.party_area{
	width: 520px;
	margin:0px 0px 0px 0px;
	padding:15px 15px 15px 15px;
	background:url(app-img/gradient_border.png) no-repeat top left;
	overflow: hidden;
}
.party_area span{
	padding: 0px 0px 10px 0px;
	color: #ffcc66;
	display: block;
}

.tours{
	float: left;
	width: 150px;
	padding: 0px 0px 40px 0px;
}

.tours img{
	padding: 0px 0px 10px 0px;
}
.tours_info{
	float: left;
	width: 370px;
}
#leftContainer_party span, #leftContainer_menu span{
	padding: 0px 0px 10px 0px;
	font-size: 14px;
	color: #ffcc66;
	font-weight: bold;
	display: block;
}
#leftContainer_party img, #leftContainer_menu img{
	padding: 0px 0px 10px 0px;
}
#leftContainer_party i, #leftContainer_menu i{
	font-size: 10px;
}
.clear {
	clear: both;
}
.menu_title{
	padding: 0px 0px 4px 0px;
}
.leftContainer_tours{
	float: left;
	margin:10px 0px 0px 0px;
	padding:15px 15px 15px 15px;
	background:url(app-img/gradient_border.png) no-repeat top left;
	width:700px;
}
.tours_bullets{
	float:left;
	width: 360px;
	padding-bottom: 40px;
}
.tours_bullets li{
	list-style-image:url(app-img/content_li.gif);
	margin:0px 4px 10px 12px;
	padding:0px;
}
#leftContainer_events{
	float: left;
	margin:10px 0px 0px 0px;
	padding:15px 15px 15px 15px;
	background:url(app-img/gradient_border.png) no-repeat top left;
	width:540px;
}
#rightContainer_events{
	float: left;
	margin:10px 0px 0px 0px;
	padding:10px 0px 10px 15px;
	width: 210px;
	border-left:#ffffff 1px solid;
}
.border img{
	padding-bottom: 5px;
}
.border{
	border-bottom: #ffcc66 solid 2px;	
}
.splash_bottom{	
	padding: 0px 0px 0px 0px;
}
.bands{
	border-bottom: #ffffff solid 1px;
	padding: 10px 0px 10px 0px;	
}
.bands p{
	line-height: 20px;
}
.arrow_bullets{
	float:left;
}
.arrow_bullets li{
	list-style-image:url(app-img/content_li.gif);
	margin:0px 4px 10px 12px;
	padding:0px;
}
#leftContainer_gift{
	float: left;
	margin:10px 0px 0px 0px;
	padding:20px;
	background:url(app-img/gradient_border.png) no-repeat top left;
	width:760px;
}
#gift_cards_container{
	margin: 0px auto;
	overflow: hidden;
}
.gift_card{
	float: left;
	width: 212px;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 10px 10px;
	text-align:center;
}
#gift_card_img{
	padding: 25px 0px 0px 0px;
}
.orange {
	color:#FFCC66;
}
.quotes{
	position: absolute;
	left: 490px;
	top: 28px;
}
.list_arrow{
	list-style-image: url(app-img/content_li.gif);
	margin: 0px 5px 0px 15px;
	padding: 10px 5px 5px 10px;
}
.list_arrow li{
	padding: 0px 0px 10px 0px;
}
.opentable{
	padding: 10px 0px 0px 0px;
}
#employment {
	margin:0px auto;
	width:230px;
}
#employment a {
	color:#755526;
	font-family:arial;
	font-size:12px;
}
#giftcard {
	position: absolute;
	top: 56px;
	left: 16px;
	z-index: 2;
	font-family:Arial,Helvetica,sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.5em;
}
#giftcard a{
color: #FFFFFF;
}
#flash_quote{
	position: absolute;
	top: 15px;
	right: 1px;
	z-index: 2;
	height: 74px;
	width: 354px;
}

/*--------------------- Open table CSS --------------------*/
#openTableContainer {
	background: transparent url(app-img/make-reservation-bg.gif) no-repeat left top;
	height:170px;
	width:269px;
	z-index:2000;
	margin: 5px auto;
	color:#FFFFFF;
	padding: 5px 0px;
	position:relative;
}
#OT_searchWrapper {
	border:medium none;
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	height:100px;
	margin:0;
	position:relative;
	width:100%;
	font-size: 12px;
}
#OT_searchWrapper .OT_feedTitle {
	font-size:12pt;
	font-weight:normal;
	left:0;
	line-height:1em;
	margin:0 0 1px 5px;
	position:absolute;
	top:0;
	visibility:hidden;
}
#OT_searchWrapper dl {
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
}
#OT_restaurantLbl {
	left:10px;
	margin:0 0 0 5px;
	padding:3px 0;
	position:absolute;
	text-align:left;
	top:30px;
	width:110px;
}
#OT_restaurant {
	left:13px;
	margin:0;
	padding:0;
	position:absolute;
	top:50px;
}
#OT_restaurant .feedFormField {
	width:155px;
}
#OT_partySizeLbl {
	display:block;
	left:177px;
	margin:0 0 0 5px;
	padding:3px 0;
	position:absolute;
	text-align:left;
	top:30px;
	width:70px;
}
#OT_partySize {
	left:203px;
	margin:0;
	padding:0;
	position:absolute;
	text-align:right;
	top:50px;
	width: 45px;
}
#OT_dateLbl {
	left:10px;
	margin:0 0 0 5px;
	padding:3px 0;
	position:absolute;
	text-align:left;
	top:75px;
	width:110px;
}
#OT_date {
	left:14px;
	margin:0;
	padding:0;
	position:absolute;
	text-align:left;
	top:95px;
	width:100px;
}
#OT_timeLbl {
	left:195px;
	padding:3px 0;
	position:absolute;
	text-align:right;
	top:75px;
	width:55px;
}
#OT_time {
	left:131px;
	position:absolute;
	text-align:right;
	top:92px;
	width: 77px;
}
#OT_empty {
	height:0;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:85px;
	width:0;
}

#OT_submitWrap {
	display:none;
	left: 167px;
	margin:0 5px 0 0;
	position:absolute;
	top:125px;
	z-index:5;
}

#DBC_submitWrap {
	left:165px;
	margin:0 5px 0 0;
	position:absolute;
	top:125px;
	z-index:5;
}

#OT_logo {
	background:#FFFFFF none repeat scroll 0 0;
	display:block;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:150px;
	width:100%;
}
#OT_logoLink {
	display:none;
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:9px;
	left:0;
	margin:0;
	padding:0 0 10px;
	position:absolute;
	top:125px;
	width:100%;
}
#OT_logoLink a:link, #OT_logoLink a:active, #OT_logoLink a:visited, #OT_logoLink a:hover {
	color:#FFFFFF;
}
#OT_logoLink a {
	padding:0 0 0 10px;
}
#OT_imglogo {
	border:0 none;
	margin:0 0 0 10px;
}
#OT_searchWrapper form {
	margin:0;
	padding:0;
}
#OT_searchWrapper input.hidden {
	display:none;
}
#OT_searchWrapper .feedFormField, #OT_searchWrapper .feedFormField option {
	font-size:10px;
	margin:2px 0px 0px 0px;
}
#OT_searchWrapper #startDate, #OT_searchWrapper .OT_feedFormfieldCalendar {
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:10px;
	margin:0;
	width:85px;
}
#OT_searchWrapper #dateDisplay {
	color:#999999;
	display:inline;
	float:right;
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:10px;
	margin:0 30px 0 0;
}
#OT_searchWrapper .imgCal {
	display:none;
	position:absolute;
	z-index:100;
}
#OT_searchWrapper #imageCal table {
	background:#FFFFFF none repeat scroll 0 0;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	width:150px;
}
#OT_searchWrapper #imageCal td {
	padding:0 0 0 0;
	text-align:center;
}
#OT_searchWrapper .clickableDays {
	color:#000000;
	height:18px;
	text-decoration:none;
}
#OT_searchWrapper .nonclickableDays {
	color:#CCCCCC;
	height:18px;
}
#OT_searchWrapper .months {
	color:#FFFFFF;
	text-decoration:none;
}
#OT_searchWrapper .weekdays {
	background-color:#EFEFEF;
	color:#666666;
	text-decoration:none;
	width:14%;
}