/* ----- HOME STYLES - Sporting Lodge Inns ----- */

/* body colours */
body {background: #f9f9f9 url(../images/home/background-black.gif) left top repeat-x scroll;}
form {background: url(../images/home/bricks.jpg) top center no-repeat scroll;}

#topContainer {height:542px; position:static;}
#topContainer #leftNav{height:475px;}
#mainContent.homepage #topContainer #leftNav{height:518px;}

/* home navigation */
#topContainer #homeNav {position: absolute; top: 0px; left: 186px; margin-left:10px;}
#topContainer #homeNav ul {width: 754px; height: 124px; background: url(../images/home/home-nav-back.gif) left top no-repeat scroll;}
#topContainer #homeNav ul li {float: left; display:inline; border-right:5px solid #000;}
#topContainer #homeNav ul li.eat {background: url(../images/home/home-eat.gif) left top no-repeat scroll;}
#topContainer #homeNav ul li.drink {background: url(../images/home/home-drink.gif) left top no-repeat scroll;}
#topContainer #homeNav ul li.ourPubs {background: url(../images/home/home-our-pubs.gif) left top no-repeat scroll;}
#topContainer #homeNav ul li.offers {background: url(../images/home/home-offers.gif) left top no-repeat scroll; border-right:none;}
#topContainer #homeNav ul li a {display:block; width:165px; height:54px; padding:70px 10px 0 10px; color:#FFF; text-decoration:none; text-indent:-5555px;}
#topContainer #homeNav ul li.ourPubs a {width:164px;}
#topContainer #homeNav ul li a span {font-size:40px; cursor:pointer;}

#bottomContainer #mainContent {position:static; height:170px;}
#bottomContainer h1, #bottomContainer h2 {display:none; visibility:hidden;}

#bottomContainer #mainContent img.homeImage {position:absolute; top:124px; left:196px; z-index:2; border:0;}

#bottomContainer #mainContent .adverts {position:absolute; top:448px; left:0px; z-index:6; margin-left:10px;}
#bottomContainer #mainContent .adverts .homeAd {float:left; display:inline; margin-right:5px; width:185px; height:259px; position:relative;}
#bottomContainer #mainContent .adverts .first {width:181px;}
#bottomContainer #mainContent .adverts .fourth {width:184px;}
#bottomContainer #mainContent .adverts .fifth {margin-right:0;}
#bottomContainer #mainContent .adverts .homeAd h4 {height:74px; padding:5px 0 15px 10px; overflow:hidden; position:relative; color:#FFF;}
#bottomContainer #mainContent .adverts .homeAd h4 span.title {font-size:22px;}
#bottomContainer #mainContent .adverts .first h4 {background:#262d32;}
#bottomContainer #mainContent .adverts .second h4 {background:url(../images/home/eat-transparent.png) top left scroll;}
#bottomContainer #mainContent .adverts .third h4 {background:url(../images/home/drink-transparent.png) top left scroll;}
#bottomContainer #mainContent .adverts .fourth h4 {background:url(../images/home/pubs-transparent.png) top left scroll;}
#bottomContainer #mainContent .adverts .fifth h4 {background:url(../images/home/offers-transparent.png) top left scroll;}
#bottomContainer #mainContent .adverts .homeAd .adContent {height:165px; position:relative;}
#bottomContainer #mainContent .adverts .first .adContent {background:url(../images/home/advert-chalkboard.jpg) top left no-repeat scroll;}
#bottomContainer #mainContent .adverts .second .adContent {background:url(../images/home/advert-eat.jpg) top left no-repeat scroll;}
#bottomContainer #mainContent .adverts .third .adContent {background:#e1d6d0; padding:12px 11px 0 10px; height:153px; overflow:hidden;}
#bottomContainer #mainContent .adverts .third .adContent p {font-size:20px; color:#775547;}
#bottomContainer #mainContent .adverts .fourth .adContent {background:#d5bdb1; padding:12px 11px 0 10px; height:153px; overflow:hidden;}
#bottomContainer #mainContent .adverts .fourth .adContent p {font-size:20px; color:#884a2b;}
#bottomContainer #mainContent .adverts .fifth .adContent {background:#c0adab;}
#bottomContainer #mainContent .adverts .fifth .adContent {color:#49221e;}
#bottomContainer #mainContent .adverts .fifth .adContent strong {display:block;}
#bottomContainer #mainContent .adverts .fifth .adContent img {float:right;}
#bottomContainer #mainContent .adverts .fifth .adContent p {padding:12px 5px 0.2em 10px; margin:0; line-height:1.2em;}
#bottomContainer #mainContent .adverts .fifth .adContent a {font-weight:bold; text-decoration:underline; color:#49221e;}
#bottomContainer #mainContent .adverts .homeAd .adContent a.main {position:absolute; bottom:10px; left:10px; padding-right: 10px;}
#bottomContainer #mainContent .adverts .first .adContent a.main,
#bottomContainer #mainContent .adverts .second .adContent a.main {background: url(../images/global/a-arrow-white.gif) right 0.5em no-repeat scroll; font-weight:bold; text-decoration:underline; color:#fff;}
#bottomContainer #mainContent .adverts .third .adContent a.main {background: url(../images/global/a-arrow-drink.gif) right 0.5em no-repeat scroll; font-weight:bold; text-decoration:underline; color:#775547;}
#bottomContainer #mainContent .adverts .fourth .adContent a.main {background: url(../images/global/a-arrow-pubs.gif) right 0.5em no-repeat scroll; font-weight:bold; text-decoration:underline; color:#884a2b;}
#bottomContainer #mainContent .adverts .fifth .adContent p a {background: url(../images/global/a-arrow-offers.gif) right 0.5em no-repeat scroll; padding-right: 8px;}
#bottomContainer #mainContent .adverts .fifth .adContent a.main {background: url(../images/global/a-arrow-offers.gif) right 0.5em no-repeat scroll;}

#bottomContainer #mainContent .adverts .fifth .imageTop {position:absolute; z-index:8; right:0; top:71px; width:88px; height:23px; background:url(../images/home/todays-specials-top.png) top left no-repeat scroll;}
#bottomContainer #mainContent .adverts .fifth .imageBottom {float:right; width:88px; height:86px; background:url(../images/home/todays-specials.png) top left no-repeat scroll;}

#bottomContainer #mainContent .promos {width:auto; height:auto; margin:0; padding:0;}
#bottomContainer #mainContent .promos .promoContent {width: 170px; padding:10px 0 0 0;}
#bottomContainer #mainContent .promos.bookRoom {position:static; padding-left:5px;}
#bottomContainer #mainContent .promos .promoContent fieldset {width: 180px;}
#bottomContainer #mainContent .promos .promoContent fieldset select.hotel {width:135px;}
#bottomContainer #mainContent .promos .promoContent fieldset select.month {width: 43px;}
#bottomContainer #mainContent .promos .promoContent fieldset p a {position:absolute; bottom:10px; left:10px;}