@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;
}
small {
	font-size: 12px;
}
.clear{
    clear:both;
}
.hidden {
    display: none;
}
.small {
    font-size: 12px;
}
.gold {
    color: #ffcc66;
}
.green {
	color: green;
}
.red, .error {
	color: #ff0000;
}
#bodycontent, #container{
    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;
}
#content.ecom{
    background: none;
}
#header{
    width: 800px;
    /*background: transparent url(app-img/bg_logo.jpg) left top no-repeat scroll;*/
    margin: 20px 0px 22px 0px;
    position: relative;
    height: 242px;
}
#header.tall{
        height: 373px;
    }
#header.gift{
        height: 340px;
    }
#header.shop{
        height: 189px;
    }
#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;
}
#splash_gift.cards{
    background-image: url(media/images/rubys_ce_logo_2011.png);
    background-position:left top;
    background-repeat:no-repeat;
    width: 800px;
    height: 189px;
}
#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 0px 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;
    padding-left: 0px; /*add-on, 50px*/
}
.reservation{
    width: 320px;
}
#rightContainer_home{
    float: left;
    width: 390px;  /*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:100px; /*117px*/
}
#restaurant_navigation .btn_precinct a:hover{
    background-position: center bottom;
    width:100px;  /*117px*/
}
#restaurant_navigation .btn_waterfront a{
    background:transparent url(app-img/btn_waterfront.png) no-repeat scroll left top;
    width:110px;/*126px*/
}
#restaurant_navigation .btn_waterfront a:hover{
    background-position: center bottom;
    width:110px;/*126px*/
}
#restaurant_navigation .btn_carlojohnny a{
    background:transparent url(app-img/btn_carlojohnny.png) no-repeat scroll left top;
    width:121px;/*110px*/
}
#restaurant_navigation .btn_carlojohnny a:hover{
    background-position: center bottom;
    width:121px;/*110px*/
}
#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;
}
#restaurant_navigation .btn_wsg a{
    background:transparent url(app-img/btn_wsg.png) no-repeat scroll left top;
    width:130px;
}
#restaurant_navigation .btn_wsg a:hover{
    background-position: center bottom;
    width:130px;
}
#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_bootsys_NEW{
    background-image: url(app-img/bootsys-header_top_NEW.png);
    background-position:left top;
    background-repeat:no-repeat;
    width: 800px;
    height: 225px;
    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_new{
    float: left;
    margin:5px 0px 0px 0px;
    padding:15px 10px 15px 15px;
    background:url(app-img/gradient_border.png) no-repeat top left;

}
#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;
}
.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;
}
.list_container{
    margin:10px 0px 40px 0px;
    padding:20px 0px 20px 20px;
    background:url(app-img/gradient_border.png) no-repeat top left;
    width:780px;
}
#leftContainer_gift{
    float: left;
    margin:10px 0px 0px 0px;
    padding:20px;
    background:url(app-img/gradient_border.png) no-repeat top left;
    width:760px;
}
.product_container{
    width: 780px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}
#gift_cards_container{
    margin: 0px auto;
    overflow: hidden;
}
.product_img{
    float: left;
    width: 212px;
    padding: 0px 0px 0px 0px;
    margin: 10px 10px 10px 10px;
    text-align:center;
}
.product_description{
    float: left;
    width: 545px;
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 0px 0px;
}
    .product_description h3, .product_description p{
        padding: 0px 0px 10px 0px;
        margin: 0px 0px 0px 0px;
    }
.product_description select, .product_description input{
   /* background-color: #000000;*/
    border: 1px solid #ffcc66;
   /* color: #ffcc66;*/
    cursor: pointer;
    padding: 2px;
}
.product_description input[type="button"]
{
    width:112px;
    display:block;
    background-color: green;
    cursor: pointer;
    color: #ffcc66; 
    border: 1px #ffcc66 solid;
    padding: 2px;
}
.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 10px;
    width:455px;
}
.employment a {
    color:#ffcc66; /*#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;
}
.policies{
    width: 590px;
    margin: 0px auto;
    padding: 4px 0px 4px 0px;
    overflow: hidden;
}
.policies li{
    float:left;
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

/*--------------------- 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%;
}

/* Feedback */
.address {
    display: none;
}
.address.active {
    display: block;
}

/* Ecomm */
.tableStyle { font-size: 12px; border-spacing: 1px; background-color: #2c2c2c; border-width: 1px; border-collapse: collapse; border-color: #444; color: #FFFFFF; }
.listBody, .listHeader { line-height: 20px; color: #fff; background-color: #2c2c2c; padding: 5px 10px; border-spacing: 1px; border-width: 1px; border-collapse: collapse; border: 1px solid #444; vertical-align: middle; }
.listHeader { padding: 10px; background-color: #000; font-weight: bold; color: #fc6; }
.tableStyle hr { border: 0; height: 1px; background-color: #444;}
.quickLinks { font-size: 10px; color: #fc6; }
.tableStyle table { font-size: 12px; }