/* ----- BEGIN GENERAL STYLING ----- */
html,body,div,span,p,h1,h2,h3,h4,h5,h6,a,img,sup,sub,li,ol,ul,form,label,input,select,textarea,hr{margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6{font-weight:400}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden}
html,body{background:#350006 url(../images/structure/bg.jpg) center top no-repeat;font-family:Arial, Helvetica, sans-serif;background-attachment:fixed;}
a{overflow:hidden;}
.contact{margin:0 10px 0 40px;}
.contactField{margin:10px 0;padding:0 30px 0 0;text-align:left;}
.contactFloat{float:left;width:40%;text-align:left;}
.contactField label{font-size:13px;}
.contactField label span{color:#fff;}
.contactField .input{padding:7px 10px;font-size:13px;background:#f0f0f0;border-radius:5px;font-family:arial;border: 1px solid #000;}
.contactField .width1{width:100%;}
.contactField .width2{height:100px;width:100%;}
.contactField .width3{width:55%;margin:5px 0 0 0;}
.contactField span.validate{font-weight:bold;font-size:20px;padding:0 10px 0 0;}
.contactField .contactError{float:right;padding:1px 5px;font-size:13px;background:#db0000;border-radius:2px 2px 0 0;color:#fff;font-weight:bold;}
.contactField .submit{
border-radius:5px;font-weight:normal;background:#720f1b;padding:3px 0;width:100%;display:block;margin:25px 0 0 0;font-size:13px;border:2px solid #000;color:#fff;text-decoration:none;background-size:100%;}
.contactField .submit:hover {background:#0e1327;background-size:100%;cursor:pointer;}
.errormessage{
padding: 2px 7px;
background: #ff0000;
border-radius: 5px 5px 0 0;
color:#fff;
margin:0 0 0 5px;
}
.errormessageV{
padding: 2px 7px;
background: #ff0000;
border-radius: 5px;
color:#fff;
margin:0 0 0 5px;
}
.errormessage2{
padding: 6px 12px;
background: #ff0000;
border-radius: 5px;
color:#fff;
margin:0 0 16px 40px;
}
.successmessage2{
padding: 6px 12px;
background: green;
border-radius: 5px;
color:#fff;
margin:0 0 16px 40px;
}
/* ----- BEGIN PAGE STRUCTURE ----- */
/* Make these span the entire window width */
html,body,#page-wrapper{width:100%;}
#page-wrapper{}
/* Make the wrapper have a relative position to position the logo, and center the content */
#wrapper{position:relative;width:967px;margin:0 auto 10px auto;}
/* ----- BEGIN HEADER CSS ----- */
/* Make the header have a relative position to position the items within it absolutely, give it a background too */
#header{position:relative;height:96px;background:url(../images/structure/header-bg2.png) center top no-repeat;font-size:14px}
/* No links in the header need an underline */
#header a{text-decoration:none}
/* Make sure all header links and text return the same color */
#header,#header a{color:#efceb1}
/* Like properties that apply to varied header content */
#slogan,#header-link-1,#header-link-2,#social,#social-container a{position:absolute}
#header-link-1,#header-link-2,#social-container a,#social-container img{display:block}
#slogan,#header-link-1,#header-link-2{font-weight:bold;}
/* Position all header content and also float social links to the left */
#slogan{top:10px;right:13px}
/* Position the header links "home" and "links" */
#header-link-1,#header-link-2{bottom:10px}
#header-link-1{left:332px;padding:6px;}
#header-link-2{right:350px}
/* Position the social buttons box */
#social{bottom:3px;right:10px;width:106px}
/* Create a container to hold the social links */
#social-container{position:relative;height:60px}
#social-container a{bottom:0}
/* Position the social links */
#facebook{left:27px}
#twitter{left:54px}
#rss{right:0}
/* On hover of the social image display the popup */
.nc{background:url(../images/social/button-nc-hover.png) no-repeat}
.facebook{background:url(../images/social/button-facebook-hover.png) no-repeat}
.twitter{background:url(../images/social/button-twitter-hover.png) no-repeat}
.rss{background:url(../images/social/button-rss-hover.png) no-repeat}
/* ----- BEGIN MENU CSS ----- */
.banner-container{background:#142f13;margin:5px 10px 0 10px;color:#d2a67f;padding:13px;width:912px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;}
/* Make the menu have a relative position to position the separate menu blocks, give it a background too */
#menu{position:relative;height:47px;background:url(../images/structure/menu-bg2.png) center top no-repeat}
/* Make both of the menu blocks absolutely positioned and position them with an exact width */
.menu-left,.menu-right{position:absolute}
.menu-left{margin-left:12px;width:365px}
.menu-right{margin-left:580px;width:375px}
/* Make all menu lists have no bullets */
.menu,.menu ul{list-style:none;z-index:100;}
/* Style the menu links for the first tier */
.menu li a{float:left;height:29px;margin-top:9px;text-decoration:none}
.menu li a:hover{background-image:url(../images/sprites/menu.png)}
.menu li,.menu li a{color:#171717;font-size:14px;text-align:center;line-height:29px}
/* Style the menu links for the second tier */
.menu li ul li a{float:none;height:auto;margin:0;padding:6px}
.menu li ul li a:hover{background:none}
.menu li ul li,.menu li ul li a{color:#fff;font-size:14px;text-align:left;line-height:normal}
/* Style the lists and list items for both tiers */
.menu li{position:relative;float:left;height:47px}
.menu li ul{position:absolute;top:47px;z-index:998;min-width:125px;background:#433528;display:none;}
.menu li ul li{float:none;height:auto}
.menu li ul li:hover{background:#614d3b}
.menu li ul li,.menu ul li a{display:block}
ul#Nav, ul#Nav2{}
ul#Nav li.mainNavLi, ul#Nav2 li.mainNavLi{float:left;list-style-type:none;margin:10px 2px;}
ul#Nav li.mainNavLi a.mainNavA, ul#Nav2 li.mainNavLi a.mainNavA{padding:5px;height:29px;margin-top:9px;text-decoration:none;color:#171717;font-size:14px;text-align:center;line-height:29px}
ul#Nav li.mainNavLi a.mainNavA:hover, ul#Nav2 li.mainNavLi a.mainNavA:hover, a.NavSelected{background:#ad8966;}
ul.subnav{position:absolute;display:none;z-index:999;}
ul.subnav li{list-style-type:none;}
ul.subnav li a{z-index:998;display:block;background:#433528;color:#fff;font-size:14px;line-height:29px;text-decoration:none;padding:0 0 0 4px;}
ul.subnav li a:hover{background:#614d3b}
/* Make all menu lists have no bullets */
.menu2,.menu2 ul{list-style:none;z-index:110;}
/* Style the menu links for the first tier */
.menu2 li a{height:29px;margin-top:9px;text-decoration:none}
.menu2 li a:hover{text-decoration:underline;}
.menu2 li,.menu2 li a{color:#171717;font-size:14px;text-align:center;line-height:29px}
/* Style the menu links for the second tier */
.menu2 li ul li a{float:none;height:auto;margin:0;padding:6px}
.menu2 li ul li a:hover{background:none;}
.menu2 li ul li,.menu2 li ul li a{color:#fff;font-size:13px;text-align:left;line-height:normal}
/* Style the lists and list items for both tiers */
.menu2 li{}
.menu2 li ul{position:absolute;top:85px;z-index:999;min-width:125px;background:#1e0d06;margin-left:570px;}
.menu2 li ul li{float:none;height:auto}
.menu2 li ul li:hover{background:#614d3b}
.menu2 li ul li,.menu2 ul li a{display:block}
/* Make it so that the bottom links and second tier lists are rounded at the bottom */
li.last, li.last:hover{-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
/* Make these specific links on the top tier movie their right sibling over 5px */
#our-menu,#reservations,#specials,#about-forty-six,#private-events,#chef-tips{margin-right:0px}
/* Set exact widths for all top tier links */
#our-menu{width:75px}
#reservations{width:97px}
#specials{width:67px}
#event-location{width:109px}
#about-forty-six{width:113px}
#private-events{width:106px}
#chef-tips{width:77px}
#contact{width:64px}
/* Set the background position for top tier links when hovering */
/* ----- BEGIN CONTENT CSS ----- */
h1{position:absolute;color:#e9b687;font-size:30px;margin:30px 0 0 17px;}
/* Position the main logo above everything else and move it to the center top area, make it a block too */
#logo{position:absolute;top:36px;left:389px;z-index:99}
#logo,#logo img{display:block}
/* Setup the structure to contain all the content, give all of them a background image too */
#content-wrapper{background:url(../images/structure/content-bg2.png) center top repeat-y}
#content-container{width:959px;margin:0 auto 0 auto;background:url(../images/structure/bg3.jpg) center top no-repeat}
#content{position:relative;min-height:575px;background:url(../images/structure/content-bg-bottom.png) center bottom no-repeat}
/* Style the "universal" seasonal specials area found on the front page and regular pages */
#seasonal-specials{width:326px;height:197px;}
#specials-info{padding:60px 0 0 15px}
#specials-info p{color:#fff;font-size:15px;line-height:29px}
/* Set a special class for the season specials on the front page as it differs in format from regular pages */
.front{float:right;margin:6px 0 0 0}
/* ----- BEGIN FRONT CSS ----- */
/* Style the front top section */
#front-top{padding:10px 0 10px 0}
/* Style the front bottom section */
#front-bottom{padding:0 0 10px 0}
/* Style the top two buttons on the front page */
#view-our-menu,#make-a-reservation,#view-our-specials{display:block;width:295px;height:36px}
#view-our-menu:hover,#make-a-reservation:hover,#view-our-specials:hover{background-position:0 -36px}
#view-our-menu{float:left;margin-left:75px;background-image:url(../images/sprites/button-view-our-menu.png)}
#make-a-reservation{float:right;margin-right:88px;background-image:url(../images/sprites/button-make-a-reservation.png)}
#view-our-specials{float:left;margin-left:75px;background-image:url(../images/button-view-specials.png)}
/* Style the "fader" container in which contains restaurant images */
#overlay,#fader-container div{position:absolute;}
#fader-wrapper,#fader-container div{height:278px;overflow:hidden}
#fader-wrapper{width:939px;margin:0 auto 0 auto;background:#345133}
#fader-container{position:relative;width:100%}
#fader-container #overlay{z-index:50}
#fader-container div img{display:block;float:left}
#cell-1{width:422px}
#cell-2{left:422px;width:268px}
#cell-3{right:0;width:249px}
/* Style the upcoming events box at the bottom left of the front page */
#upcoming-events{float:left;width:603px;margin-left:15px}
.event-container{background:url(../images/front/upcoming-events-bg.png) repeat-y;padding:0 0 30px 0;}
.event-container2{background:none;padding:0 0 30px 0;}
.event-photo{float:left;width:185px;margin-left:13px}
.event-photo2{float:left;width:185px;}
.event-photo img{display:block;border:1px solid #000}
.event-info{width:550px;margin:0 24px;font-size:13px;color:#fff;}
.event-info .date{color:#d1a57e}
.event-info .title{color:#fff;font-weight:bold;font-size:15px;}
.event-info .date,.event-info .title{margin-bottom:3px}
.event-info p{color:#eee2d8;line-height:20px}
.more-button{width:59px;height:21px;display:block;margin:10px auto 0 0;background-image:url(../images/sprites/button-more.png)}
.more-button:hover{background-position:0 -21px}
/* ----- BEGIN PAGE STYLING ----- */
/* Float this column to the left and set some spacing */
#left-column-menu,#left-column-page,#left-column-page2{float:left;width:585px;margin-left:15px;margin-bottom:10px}
/* Create two ID's to give the left column some top spacing, one for the menu page and one for regular pages */
#left-column-menu{margin-top:80px}
#left-column-page,#left-column-page2{margin-top:90px;color:#fff;line-height:22px;}
#left-column-page p, #left-column-menu p,#left-column-page2 p{margin:0;padding:0;}
#left-column-page a,#left-column-page2 a{color:#fff;}
#left-column-page a:hover,#left-column-page2 a:hover{color:#d1a57e;}
#left-column-page ul,#left-column-page2 ul{margin:0 0 0 30px;}
#left-column-page ul li,#left-column-page2 ul li{padding:2px 0;}
#left-column-page {padding-bottom:30px;}
#left-column-page img{border:2px solid #e6b688;margin:0 10px 10px 0;}
/* Float this column to the right and give it some spacing */
#right-column{float:right;width:326px;margin:15px 15px 10px 0}
/* Make all of these absolutely positioned so that they appear correctly */
#logo-fade,#title-block{position:absolute}
/* Make all of these blocks */
#logo-fade,#title-block,#buttons-block a img{display:block;}
/* Position the logo fade */
#logo-fade{left:392px;z-index:6;top:73px}
/* Position the image used for the menu page titles */
#title-block{top:20px}
/* Set some properties for the page titles */
#title-sub-block{top:140px;left:25px;font-size:24px;color:#e9b687;margin:10px 0 10px 0;}
/* Style the "buttons" at top left of the menu pages to appear below the menu title */
#buttons-block{z-index:99;margin-left:-10px;position:absolute;}
#buttons-block a{display:block;height:44px;float:left;text-indent:-9999em;}
#buttons-block a:hover{background-position:0 -48px}
/* Style the menu choice buttons */
#appetizers{width:98px;background-image:url(../images/sprites/button-appetizers.png)}
#beef{width:70px;background-image:url(../images/sprites/button-beef.png)}
#chicken{width:86px;background-image:url(../images/sprites/button-chicken.png)}
#pork{width:70px;background-image:url(../images/sprites/button-pork.png)}
#salads{width:79px;background-image:url(../images/sprites/button-salads.png)}
#sandwiches{width:106px;background-image:url(../images/sprites/button-sandwiches.png)}
#seafood{width:87px;background-image:url(../images/sprites/button-seafood.png)}
#vegetarian{width:98px;background-image:url(../images/sprites/button-vegetarian.png)}
#viewall{width:87px;background-image:url(../images/sprites/button-viewall.png)}
/* Style the "selection" format that appears on pages */
.selection-photo,.selection-name img{float:left}
.selection-name-text,.selection-name-title{line-height:25px}
.selection-photo img,.selection-name img{display:block}
.selection-block{width:585px;margin:0 0 20px 0;color:#ecdbca}
.selection-photo img{border:3px solid #192f18}
.selection-info{float:left;width:570px;}
.selection-name{margin-bottom:6px;font-size:16px;font-weight:bold}
.selection-name-float{float:left;margin-right:5px}
.selection-name-title{font-style:italic}
.selection-info .menuP{font-size:13px;line-height:22px;text-align:left}
.price{float:right;height:32px;background:url(../images/pages/price-bg.png) center left no-repeat;margin:-5px 0 0 0px;padding:0 0 0 10px;}
.price-text{margin-right:10px;font-size:19px;font-weight:bold;text-align:left;line-height:32px;}
/* Style the dividing line that appears between choices */
.divider{width:485px;margin:15px auto 15px auto}
.divider img{display:block}
/* Style the "food type" legend that appears below all choices */
#food-types{width:580px;margin:10px auto 20px auto}
.icon-block,.icon-text,.icon-block img{float:left}
.icon-block img,.icon-text{display:block}
.icon-block{margin:0 15px 0 0;height:27px}
.icon-text{margin-left:4px;color:#fff;line-height:27px;font-size:14px}
/* Style the menu block which appears on the top right of pages */
#menu-choice-block,#menu-choice-block a{width:295px}
#menu-choice-block{margin:0 auto 11px auto}
#menu-choice-block a.menuRightSide{height:36px;margin-bottom:4px;background-image:url(../images/sprites/button-menus.png)}
#menu-choice-block a.menuRightSide,#menu-choice-block img{display:block}
/* Give each menu block item a unique background position to show the correct choice */
/* When writing your IF statement to change the image (to the darker version) if the current page returns true, you can write your statement directly after the class name and just have it echo this value: "-current ". It will change the entire class name and create the aesthetic. */
.our-menu:hover,.our-menu-current{background-position:-295px 0}
.brunch{background-position:0 -36px}
.brunch:hover,.brunch-current{background-position:-295px -36px}
.lunch{background-position:0 -72px}
.lunch:hover,.lunch-current{background-position:-295px -72px}
.dinner{background-position:0 -108px}
.dinner:hover,.dinner-current{background-position:-295px -108px}
.cocktails{background-position:0 -144px}
.cocktails:hover,.cocktails-current{background-position:-295px -144px}
.reservations{background-position:0 -180px}
.reservations:hover,.reservations-current{background-position:-295px -180px}
.specials{background-position:0 -216px}
.specials:hover,.specials-current{background-position:-295px -216px}
.gem-theatre{background-position:0 -252px}
.gem-theatre:hover,.gem-theatre-current{background-position:-295px -252px}
.event-locations{background-position:0 -288px}
.event-locations:hover,.event-locations-current{background-position:-295px -288px}
.events{background-position:0 -324px}
.events:hover,.events-current{background-position:-295px -324px}
.about-forty-six{background-position:0 -360px}
.about-forty-six:hover,.about-forty-six-current{background-position:-295px -360px}
.meet-the-family{background-position:0 -396px}
.meet-the-family:hover,.meet-the-family-current{background-position:-295px -396px}
.testimonials{background-position:0 -432px}
.testimonials:hover,.testimonials-current{background-position:-295px -432px}
.private-events{background-position:0 -468px}
.private-events:hover,.private-events-current{background-position:-295px -468px}
.chef-tips{background-position:0 -504px}
.chef-tips:hover,.chef-tips-current{background-position:-295px -504px}
.contact{background-position:0 -540px}
.contact:hover,.contact-current{background-position:-295px -540px}
.links{background-position:0 -576px}
.links:hover,.links-current{background-position:-295px -576px}
a.ourbar{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_ourbar.gif) left top no-repeat;display:block;}
a.ourbar:hover{background-position: -295px top;}
a.ourbar-current{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_ourbar.gif) -295px top no-repeat;display:block;}
a.ourteam{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_ourteam.gif) left top no-repeat;display:block;}
a.ourteam:hover{background-position: -295px top;}
a.ourteam-current{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_ourteam.gif) -295px top no-repeat;display:block;}
a.banquets{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_banquets.gif) left top no-repeat;display:block;}
a.banquets:hover{background-position: -295px top;}
a.banquets-current{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_banquets.gif) -295px top no-repeat;display:block;}
a.luncheon{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_luncheon.gif) left top no-repeat;display:block;}
a.luncheon:hover{background-position: -295px top;}
a.luncheon-current{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_luncheon.gif) -295px top no-repeat;display:block;}
a.horsdoeuvre{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_horsdoeuvre.gif) left top no-repeat;display:block;}
a.horsdoeuvre:hover{background-position: -295px top;}
a.horsdoeuvre-current{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_horsdoeuvre.gif) -295px top no-repeat;display:block;}
a.plated{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_plated.gif) left top no-repeat;display:block;}
a.plated:hover{background-position: -295px top;}
a.plated-current{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_plated.gif) -295px top no-repeat;display:block;}
a.buffet{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_buffet.gif) left top no-repeat;display:block;}
a.buffet:hover{background-position: -295px top;}
a.buffet-current{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_buffet.gif) -295px top no-repeat;display:block;}
a.banquetpolicies{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_banquetpolicies.gif) left top no-repeat;display:block;}
a.banquetpolicies:hover{background-position: -295px top;}
a.banquetpolicies-current{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_banquetpolicies.gif) -295px top no-repeat;display:block;}
a.offsitecatering{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_offsitecaterig.gif) left top no-repeat;display:block;}
a.offsitecatering:hover{background-position: -295px top;}
a.offsitecatering-current{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_offsitecaterig.gif) -295px top no-repeat;display:block;}
XXa.dinner{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_dinner.gif) left top no-repeat;display:block;}
XXa.dinner:hover{background-position: -295px top;}
XXa.dinner-current{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_dinner.gif) -295px top no-repeat;display:block;}
a.offsitepolicies{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_offsitepolities.gif) left top no-repeat;display:block;}
a.offsitepolicies:hover{background-position: -295px top;}
a.offsitepolicies-current{height:36px;margin-bottom:4px;background:url(../images/sprites/rightnav_offsitepolities.gif) -295px top no-repeat;display:block;}
/* Put some bottom spacing on the info block to push down season specials */
#info-block{margin-bottom:6px}
#info-block h4.whereweare{font-size:19px;font-weight:bold;color:#e9b687;background:url(../images/pages/whereweare.png) no-repeat;height:32px;width:290px;display:block;text-indent:-999999em;margin:-5px 0 10px 15px;}
#info-block h4.hours{font-size:19px;font-weight:bold;color:#e9b687;background:url(../images/pages/hours.png) no-repeat;height:32px;width:290px;display:block;text-indent:-999999em;margin:0 0 0 15px;}
/* Give the info-container a background image that repeats vertically to match up with top/button graphics */
#info-container{background:url(../images/pages/sidebar-bg.png) repeat-y;color:#ecdbca;text-align:center}
/* Style the properties for items in the "info container" */
#info-container iframe{width:296px;height:180px;margin:0 auto 0 auto;border:1px solid #345133}
#info-container .bold{font-weight:700}
#location{margin-bottom:15px;line-height:24px;font-size:18px}
#location span{font-size:13px;}
.when-open{margin-top:15px;line-height:26px;font-size:16px}
/* Adjust the top spacing of these two items */
#information #seasonal-specials{margin-top:6px}
.reservation{width:539px;height:172px;background:url(../images/structure/reservation.gif) no-repeat;display:block;padding:10px;margin:0 0 0 10px;}
/* ----- BEGIN FOOTER CSS ----- */
/* Give the footer a minimum height and a background image */
#footer{min-height:75px;background:url(../images/structure/footer-bg2.png) repeat-y}
/* No footer links need underlines */
#footer a{text-decoration:none}
/* Make all of these areas align their text in the center */
#footer #links,#footer #copyright{text-align:center}
/* Style the footer links */
#footer #links{padding:16px 0 16px 0;font-size:13px;font-weight:700}
#footer #links a{color:#171717;}
#footer #links a:hover{color:#000;text-decoration:underline;}
/* Style the footer copyright */
#footer #copyright{padding-bottom:16px;font-size:11px}
#footer #copyright a{color:#000}
#footer #copyright a:hover{text-decoration:none;}
/* Make the rounded footer end a block */
#footer-end{display:block}
.testimonials-box{width:591px;padding:0 0 10px 0;}
.test_avatar{float:left;width:105px;}
.test_comments{float:left;color:#fff;width:480px;}
.test-box-comments{padding:0 0 5px 0;}
.test-box-author{text-transform:uppercase;text-align:left;font-size:11px;}
.tips-box{width:591px;padding:0 0 10px 0;}
.tips_avatar{float:left;width:105px;}
.tips_comments{float:left;color:#fff;width:580px;}
.tips-box-title{padding:0 0 5px 0;font-weight:bold;}
.tips-box-comments{padding:0 0 0 0;}
.tips-box-video{padding:10px 0;}
#OT_searchWrapperAll{width:100%;height:100px;position:relative;margin:0;padding:0;}
#OT_searchWrapperAll a{color:#365033;}
#OT_searchWrapper{border:none;font-size:12px;width:100%;height:100px;position:relative;margin:0;}
#OT_searchWrapper .OT_feedTitle{font-size:24px;color:#365033;margin:10px 0 10px 25px;font-size:22px;font-weight:normal;line-height:normal;}
#OT_searchWrapper dl{position:absolute;top:0;left:0;padding:0;margin:0;}
#OT_partySizeLbl{position:absolute;top:35px;left:0;margin:0 0 0 5px;padding:3px 0;text-align:right;width:110px;display:block;}
#OT_partySize{position:absolute;top:35px;left:120px;margin:0;padding:0;}
#OT_dateLbl{position:absolute;top:75px;left:0;margin:0 0 0 5px;padding:3px 0;text-align:right;width:110px;}
#OT_date{position:absolute;top:75px;left:120px;width:100px;margin:0;padding:0;}
#OT_timeLbl{position:absolute;top:75px;left:210px;width:60px;padding:3px 0;text-align:right;}
#OT_time{position:absolute;top:75px;left:275px;margin:0;}
#OT_empty{position:absolute;width:0;height:0;padding:0;margin:0;top:100px;left:0;}
#OT_submitWrap{position:relative;top:79px;left:400px;margin:0 5px 0 0;z-index:5;}
#OT_logo{position:absolute;top:120px;left:400px;width:100%;padding:0;margin:0;display:block;}
#OT_logoLink{position:absolute;top:140px;left:0;width:100%;padding:0 0 10px 0;margin:0;font-size:9px;display:block;}
#OT_logoLink a{padding:0 0 0 10px;}
#OT_imglogo{border:0;margin:0 0 0 10px;}
#OT_searchWrapper form{}
#OT_searchWrapper input.hidden{display:none;}
#OT_searchWrapper .feedFormField,#OT_searchWrapper .feedFormField option{font-size:12px;margin:2px 2px 2px 2px;border:1px solid #ccc;padding:1px 3px;}
#OT_searchWrapper #startDate,#OT_searchWrapper .OT_feedFormfieldCalendar{font-size:12px;margin:3px 0 0 1px;width:85px;border:1px solid #ccc;padding:4px 3px;}
#OT_searchWrapper #dateDisplay{font-size:10px;color:#365033;float:right;margin:0 30px 0 0;display:inline;}
#OT_searchWrapper .imgCal{position:absolute;display:none;z-index:100;}
#OT_searchWrapper #imageCal table{font-size:12px;width:150px;font-family:arial;font-weight:bold;background:#FFF;}
#OT_searchWrapper #imageCal td{padding:0;text-align:center;}
#OT_searchWrapper .clickableDays{color:#000;text-decoration:none;height:18px;}
#OT_searchWrapper .nonclickableDays{color:#CCC;height:18px;}
#OT_searchWrapper .months{color:#365033;text-decoration:none;}
#OT_searchWrapper .weekdays{color:#000;text-decoration:none;color:#666;background-color:#EFEFEF;width:14%;}
.cspecial{margin:0 0 6px 0;}
.cspecial a{width:326px;height:55px;display:block;text-indent:-99999em;background:url(../images/structure/btn_cspecial.png) no-repeat;}
.cspecial a:hover{background-position: 0 -55px;}