﻿* 
{
    margin: 0;
    padding: 0;
    }
body 
{
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    background-color:#000000; 
    height: 100%;
    
}

img
{
    border:none;
}

li
{
    display:inline;
    }

ul
{
    list-style-type: none;
    }
    
A
{
    color: #D6DA51;
    text-decoration: underline;
    outline: 0;
}

A:active
{
    color: #D6DA51;
    text-decoration: underline;
    outline: 0;
}

A:hover
{
    color: #D6DA51;
    text-decoration: underline ;
}

A:visited
{
    color: #D6DA51;
    text-decoration: underline;
}

.master_header a:hover img {
    background-position:bottom center;
}

.default_header
{
    list-style-type: none;
    height: 100px;
}

.default_header li
{
    padding: 0px 6px 0px 6px;
    }
    
a:hover .default_header img {
    background-position:bottom center;
}

a#ctl00_location img
{
    background:url(images/topmenu_locations.gif) top center no-repeat;
    height: 16px;
    width:60px;
}

a:hover#ctl00_location img {
    background-position:bottom center;
}


a#menumenu img
{
    background:url(images/topmenu_menu.gif) top center no-repeat;
    height: 16px;
    width:38px;
}

a:hover#menumenu img {
    background-position:bottom center;
}

a#press img
{
    background:url(images/topmenu_press2.gif) top center no-repeat;
    height: 16px;
    width:129px;
}

a:hover#press img {
    background-position:bottom center;
}

a#orderonline img
{
    background:url(images/topmenu_orderonlinenow.gif) top center no-repeat;
    height: 16px;
    width:123px;
}

a:hover#orderonline img {
    background-position:bottom center;
}

a#shopharu img
{
    background:url(images/topmenu_shop-haru.gif) top center no-repeat;
    height: 16px;
    width:71px;
}

a:hover#shopharu img {
    background-position:bottom center;
}

a#employment img
{
    background:url(images/topmenu_employment.gif) top center no-repeat;
    height: 16px;
    width:81px;
}

a:hover#employment img {
    background-position:bottom center;
}

a#catering img
{
    background: url(images/topmenu_catering.gif) top center no-repeat;
    height: 16px;
    width: 115px;
}

a:hover#catering img {
    background-position: bottom center;
}

a#rollover_back_home
{
    bottom: -2px;
    position: relative;
}

a#rollover_back_home img
{
    background: url(images/backarrow.gif) top center no-repeat;
    height: 26px;
    width: 26px;
}

a:hover#rollover_back_home img
{
    background: url(images/backarrow_ro.gif) bottom center no-repeat;
}


#page
{
    width: 800px;
    background: #114A70 url('images/blue_bg.gif') no-repeat;
    margin:auto;
    vertical-align:middle;
}

.master_header li
{
    padding:  0px 6px 0px 6px;
}

#subpage_logo
{
    width: 129px;
    height: 118px;
    padding: 10px;
}

#subpagemenu
{
    left: 550px;
    position: absolute;
    top: 25px;
}

/*#subpagemenu
{
    padding: 0;
    margin: 45px -275px 0 0;
    background: none;
    float: right;
}*/

#subpagemenu img
{
    height:14px;
}

#navigation_menu
{
    /*margin: -50px 20px 0pt 0px;
    float: right;
    padding: 0px;
    width: 610px;
    background: url('images/trans_bgtop.png');
    vertical-align: middle;
    position: relative;*/
}

#navigation_menu_div
{
    margin: 0px;
    padding: 0px;
    position: absolute;
    right: 50px;
    top: 100px;
    background: url('images/trans_bgtop.png');
}

/* ####### SUBPAGE HEADER ####### */
#sub_page_header
{
    height: 150px;
    position: relative;
    width: 800px;
}

#sub_page_motto
{
    right: 4px;
    position: absolute;
    top: 57px;
    width: 325px;
}

#sub_page_motto_ul
{
    background: none;
    width: 325px;
}

#sub_page_motto_ul img
{
}

#sub_page_logo
{
    position: absolute;
}

#sub_page_nav_menu
{
    background: url('images/trans_bgtop.png');
    position: absolute;
    right:30px;
    top: 90px;
}

#sub_page_nav_menu li
{
}
   
.master_header img
{
    /*height: 16px;*/
}

.locations_small_resvation_img
{
    float: left;
    margin: 0px 0px 0px 0px;
}
    
.default_header ul
{
    margin: auto;
    padding-top: 40px;
    width: 723px;
    vertical-align: middle;
}
    
.default_header img
{
    height: 16px;
}
    
.index_content
{
    min-height: 325px;
    padding: 0px 0px 0px 0px;
    
}

.master_content
{
    min-height: 325px;
    padding: 0px 30px 30px 30px;
}

.master_content hr
{
    color: #10466E;
    background-color: #10466E;
    height: 3px;
    border: 0;
    margin: 10px 0;
    width: 740px;
}

table.address
{
      color: #D6DA51;
      width: 740px;
      vertical-align: bottom;
}

table.address td
{
      vertical-align: bottom;
}   
    
table.address li
{
    display: list-item;      
}

.numbers
{
    text-align: right;
}

.viewmap
{
    text-align:center;
    }
    
.banner
{
    background-color:#000000;
    padding: 0px;
    margin: 0px;
    height: 0px;
    text-align: center;    
    }


#Img1;
{
   margin: -4px;
   background-color: #000000;
    }
     
#locationsdiv
{
    width: 125px;
}
    
#locationsdiv_sub
{
    margin-left: 150px; 
    z-index: 1; 
    width: 125px;
}

#locationsMenu li
{
    display: list-item;
    padding: 5px;
}

#locationsMenu ul
{
    width: 150px;
    background: transparent url('images/locations_dropdown.png');
    margin: 0px;
    padding-top:0px;
    vertical-align:middle
    

}


#locationsDivMoveLeft
{
    background: transparent url('images/locations_dropdown.png');
    border: solid 1px #000000; 
   text-align: left;    
}

#locationsDivMoveLeft_sub
{
    background: transparent url('images/locations_dropdown.png');
    border: solid 1px #000000; 
    text-align: left; 
}

.locations_popup_menu a:hover
{
    color: #FFFFFF;
}

#menusdiv
{
    position: absolute; 
    left: 50%; 
    top: 53px; 
    z-index: 1; 
}
    
#menusdiv_sub
{
    position: absolute; 
    left: 50%; 
    top: 101px; 
    z-index: 1; 
}

#menusMenu li
{
    display: list-item;
    padding: 5px;
}

#menusDivMoveLeft
{
    background: transparent url('images/locations_dropdown.png');
    border: solid 1px #000000; 
    left: -300px;
    text-align: left; 
    width: 125px;
    position: relative;
}

#menusDivMoveLeft_sub
{
    background: transparent url('images/locations_dropdown.png');
    border: solid 1px #000000; 
    left: -165px;
    text-align: left; 
    width: 125px;
    position: relative;
}

.menus_popup_menu a:hover
{
    color: #FFFFFF;
}

.menu_nav
{   
    background: transparent url(images/menu_nav_bg.png) repeat;
    color: #072645;
    margin: 50px 0pt 10px 50px;
    width: 700px;
    padding:5px 0pt 4px;
   
    }
    
/*.menu_nav li
{   
    background: url('images/menu_nav_bg.png' repeat);
    padding: 5px 30px;
}*/

.menu_button_dinner
{
    float: left;
    margin: 0px 50px 0px 15px;
}

.menu_button_lunch
{
    margin: 0px 10px 0px 30px;
}

.menu_button_download
{
    margin: 0px 10px 0px 0px;
}

.menu_button_online
{
    margin: 0px 0px 0px 70px;
}

.menu_nav_dark
{
    background-color: Black;
    /*color: #072645;*/
    background: transparent url(images/menu1_nav_bg.png) repeat;
    height: 28px; /* Height is 41 when added to padding. */
    margin: 0px 0pt 15px 0px;
    width: 740px;
    padding: 13px 0px 0px 0px;
}

#menu_download
{
    padding: 5px 0px 5px 140px;
    }

#menu_content_image
{
    float: left;
    height: 377px;
    padding: 0px 0px 10px 0px;
    width: 389px;
}
    

.menu_content
{
    background-color: #16496E;
    background-image: url('images/menu_content_bg.gif');
    background-repeat: repeat-y;
    overflow: auto;
    color: #C3D320;
    font-size: 14px;
    line-height: 17px;
    width: 320px;
    height: 367px;
    margin: 0px 0px 0px 0px;
    padding: 5px 15px 5px 15px;
    position: relative;
    z-index: 7;
}

.menu_category_title
{
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    margin: 5px 5px 5px 0px;
}

.menu_subheader
{
    font-weight: bold;
    margin: 0px 0px -16px 0px;
    padding: 0px 0px 0px 0px;
}
    
.mainimage
{
   float:left;
   margin: 0px 0px 0px 0px;
}

#greatimage
{
   float:left;
   margin: 18px 0px 0px 0px;
    }

#intro
{
    text-align: justify;
    width: 270px; 
    margin: -52px 0px 0px 200px;
}

#home_main_content
{
    padding: 0px 30px 30px 30px;
}
  
#intro_description
{
    display: inline;
    line-height: 2em;  
    margin-left: 3px;   
}

#first_two
{
    font-size: 37px;
    color: #D6DA51;
}
  
#harulogo
{
    float: right;
    width: 253px;
    height: 228px;
    margin: 0px -5px 0px 0px;
}

#menu
{
    text-align: right;
    list-style-type: none;
    margin: 10px 0px 0px 0px;
}

#menu li
{
    display:inline;
    padding:0px 5px;
    width: 50px;
    }

#menu img
{    
    height: 14px;
}

#cateringimagetitle
{   
    width: 332px;
    height: 33px;
    margin-left: 0px;
}    

.martiniimage
{
    width: 191px;
    height: 288px;
    margin: 5px 10px 0px 0px;
}

.floatleft
{
    float: left;
}
        
#divider
{
    float: left;
    /*width:1px;
    height: 47px; 
    margin: -270px 170px 0px 0px;*/
}
    
#delivertext
{
    margin: -4px 0px 0px 5px;
    /*width: 126px;
    height: 52px;
    float: right;
    margin: -275px 20px 0 0;*/
}
    
#cateringdescription
{
   /*border: solid 2px red;*/
   margin: 0px 0px 15px 210px;
   width: 380px;
   padding: 0px 0px 0px 0px;
   text-align: justify;
   line-height: 20px;
}    

#locationdescription
{
   margin: -260px 0px 0px 390px;
   width: 350px;
   float: right;
   text-align: justify;
   display: inline-block;
   line-height:20px;
   height:250px;
}  

.menu_varies_at_locations
{
    font-size: 10px;
    color: #FFFFFF;
    line-height: 1em;
    margin: 5px 0px 0px 0px;
}  
    
.catering_form 
{
    margin: 0px 0px 0px 210px;
    padding: 0px; 
    font-size: 10px;
}

.catering_form table
{
    padding: 10px; 
    border: solid 1px #000000;
    text-align: right;
    color: #D6DA51;
    font-size:10px;
    width: 527px;
}

.catering_form fieldset
{
    border: 0;
}

.catering_form td 
{
    padding: 2px 0 0 0; 
    text-align: left;
}
    
#private
{
    margin: 12px 0px 8px 0px;
}
    
.tagline
{
    color: #D6DA51;
    font-weight: bold;
    letter-spacing: 1px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    width: 750px;
}
          
.hours
{
    background-color: #003459;
    font-weight: bold;
    height: 139px;
    margin: 25px 0px -14px 0px;
    width: 735px;
}

.hours td 
{
    padding: 0 5px 5px 13px;
    line-height: 2em;
    }

#right
{
    text-align: right;
    display:inline-block;
    }
    
#center
{
    text-align: center;
     display:inline-block;
    }
    
.happening
{
    text-align: right;    
    margin: 0px 0px 0px 0px;
    background-color: #0E3F60;
    height: 125px;
    padding: 10px 5px 0px;
    border: solid 2px #003459;
    width: 300px;
    }

.happening ul
{
    margin: -56px 10px 5px 0;
    }
    
.happening li
{
    display: block;
    margin-top: 1em;
    }

.happening img
{
    margin: 0px 170px 0 0;
    }
        
#master_footer
{
    background: #000000 url(images/footer_yellow_strip.gif) top center repeat-x;
    padding-top: 20px;
    width: 800px;
    text-align: center;
}

.shopharubg
{
    background: #FFFFFF url(images/gc_bg.jpg) no-repeat;
    width: 740px;
    height: 373px;
    margin: 0px 30px 30px 30px;
}
    
.shopharubg p
{
    margin: 10px 0px 10px 260px ;
    color: #11476F;
    line-height: 2em;
    font-weight: bold;
    width: 400px;
}

.shopharubg ul
{
    margin: 10px 0 0 260px;
    }

.shopharubg li
{
    margin: -2px;
    }
    
#ctl00_MainContent_txtzip
{
    width: 50px;
    margin: 0 0 0 9px;
    }       

#ctl00_MainContent_txtstate
{
    width: 50px;
    }
    
#harutitle
{
    color: #C7CC24;
    }


#gc_header
{
    margin: 100px 0px 0px 259px ;
    }
    
#gc_buy_header
{
    margin: 25px 0 0 260px ;
    }
#ctl00_MainContent_billingzip
{
    width: 60px;
    }

#ctl00_MainContent_samezip
{
    width: 60px; 
    }

.buyform
{
    width: 250px;
    color: #11476F;
    font-size:10px;
    margin: 50px 0 0 260px ;
    }
    
.buyform fieldset
{
    border: 0;  
    }
    
#zip
{
    width: 50px;
    }

#card_amt
{
    width: 145px;
    text-align: right;
    }

#state
{
    width: 50px;
    }
.press_page
{
    min-height: 845px;
    }
.happening_leftimage
{
    margin: 5px 0 25px 25px;
    width: 323px;
    height: 331px;
    }
.happening_headline img
{
    margin: 2px;
    }
.happening_headline_bg
{
    background: url('images/press_transparency.png');
    width: 428px;
    height: 321px;
    margin: -356px 25px 0 0;
    float: right;
    overflow: auto;
}

.happening_headline_bg A
{
    color: #16517B;
    text-decoration: underline;
}

.happening_headline_bg A:active
{
    color: #16517B;
    text-decoration: underline;
}

.happening_headline_bg A:hover
{
    color: #16517B;
    text-decoration: underline ;
}

.happening_headline_bg A:visited
{
    color: #16517B;
    text-decoration: underline;
}

.happening_headline
{
    margin: 30px 0 0 10px;
    font-weight: bold;
    line-height: 1.5em;
    }
    
.happening_item
{
    margin: 15px 0px 5px 10px;
}

.happening_location
{
    margin: 20px;
    font-weight: bold;
    line-height: 0em;
    color: #0D314B;
    font-size: large;
    text-align: center;
}
.press_page img
{
    /*margin: 50px 0 0 75px;*/
    }
    
.press_leftimage
{
    width: 322px;
    height: 318px;
    float: right;
    margin: 5px 25px 0 0;
    }
    
.press_headline_bg
{
    background: url('images/press_transparency.png');
    width: 428px;
    height: 318px;
    overflow: auto;
    margin: 5px 0 25px 25px;
}


.press_headline_bg A
{
    color: #16517B;
    text-decoration: underline;
}

.press_headline_bg A:active
{
    color: #16517B;
    text-decoration: underline;
}

.press_headline_bg A:hover
{
    color: #16517B;
    text-decoration: underline ;
}

.press_headline_bg A:visited
{
    color: #16517B;
    text-decoration: underline;
}

#view_all
{   margin: 0 10px 10px 0;
    text-align: right;
    font-weight: bolder;
}

.press_headline
{
    margin: 30px 0 0 10px;
    font-weight: bold;
    line-height: 1.5em;
    }
    
.press_headline img
{
    margin: 2px;
    }
    
#press_bg_words
{
    background: url('images/presss_bg_words.gif') no-repeat;
    width: 550px;
    height: 165px;
    margin: -115px 0px 0px 100px;
    }

#happening_bg_words
{
    background: url('images/presss_bg_words.gif') no-repeat;
    width: 550px;
    height: 165px;
    margin: -115px 0px 0px 250px;
} 

td.form_field_label
{
    font-size: 10px;
    padding-top: 5px;
    vertical-align: bottom;
}

hr.employment_header
{
    color: #10466E;
    background-color: #10466E;
    height: 3px;
    border: 0;
    margin: 10px 0px 0px 0px;
    width: 485px;
}

.menu_categories_popup
{
    background-color: #C6D82D;
    border: solid 2px #001A36;
    visibility: hidden;
    padding: 10px 0px 10px 10px;
    
    filter:alpha(opacity=90);
	opacity:0.9;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
}

.menu_categories_popup_link
{
    color: #001A36;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}

.menu_categories_popup_link a
{
    color: #001A36;
    font-size: 14px;
    font-weight: bold;
}

.menu_categories_popup_link a:hover
{
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}

.menu_categories_popup_link a:visited
{
    color: #001A36;
    font-size: 14px;
    font-weight: bold;
}

.pnllocation_top_nav
{
    background-color: #002945;
    color: #E8F841;
    background: transparent url('images/locations_dropdown.png');
    z-index: 200;
    filter:alpha(opacity=90);
	opacity:0.9;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    border: solid 1px #000000;
}

.location_top_nav
{
    font-weight: bold;
    padding: 5px;
}

.pnlmenu_top_nav
{
    background: transparent url('images/locations_dropdown.png');    
    filter:alpha(opacity=90);
	opacity:0.9;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    display: list-item;
    z-index: 2;
    visibility: hidden;
    border: solid 1px #000000;
}

.menu_top_nav
{
    padding: 5px;
    z-index: 2;
    display: list-item;
}

#employment_bg
{
    border: solid 1px #000000; 
    width: 390px; 
    padding: 5px 5px 5px 90px; 
    margin: 20px 0px 20px 0px; 
    color: #D6DA51; 
    background-image: url('./images/employment_bg.png'); 
    background-repeat: no-repeat;
    }

.employment_page
{
     width: 485px; 
     margin: 0px 0px 25px 170px; 
     min-height: 300px; 
     padding: 0px 170px 0px 0px;
}

.reservations_content
{
    border: solid 1px red;
    margin: 20px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
    width: 740px;
}

.reservation_page img
{
    margin: 50px 0px 0px 75px;
}
          
.reservation_content_bg
{
    background: #306387;
    width: 322px;
    height: 217px;
    margin: 0px 0px 0px 0px;
    padding: 20px;
    float: right;
}
      
.reservation_content
{
   line-height: 3em;
   padding: 0px;
   font-weight: bold;
   text-align: justify;
}

.press_item
{
    margin: 15px 0px 5px 10px;
}

.catering_hr hr
{
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    width: 740px;
}

.locations_hr hr
{
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    width: 740px;
}

.menu_item_title
{
    margin: 0px 0px -15px 0px;
}

.watermark
{
    color: Gray;
    width: 150px;
    margin: 0px;
}

.emailValidate
{
    text-align: center;   
    color: #000000;
}

.align_middle
{
    vertical-align: bottom;
}
