/* ----- OFFERS STYLES - Sporting Lodge Inns ----- */

#bottomContainer #mainContent {margin: 10px 0 0;}

#bottomContainer #mainContent .offersContainer {width: 184px; height: 184px; float: left; display:inline; margin: 0 5px 5px 0; position: relative; padding: 0;}
#bottomContainer #mainContent .offersContainer.fourth {margin: 0 184px 5px 0;}
#bottomContainer #mainContent .offersContainer img {float: left;}
#bottomContainer #mainContent .offersContainer.last {margin: 0 0 5px 0;}
#bottomContainer #mainContent .offersContainer.first {clear:left;}

#bottomContainer #mainContent .offersContainer a {text-decoration: none;}

#bottomContainer #mainContent .offersContainer p.offerImage {margin: 0; padding: 0; width: 184px;}
#bottomContainer #mainContent .offersContainer p.mainText {font-size: 1.8em; font-weight: bold; line-height: 25px; margin: 3px 10px 0 13px; padding: 0; width: 161px; cursor: pointer;}
#bottomContainer #mainContent .offersContainer p.linkText {font-weight: bold; font-size: 1em; position: absolute; bottom: 8px; right: 10px; margin: 0; padding: 0 10px 0 0; cursor: pointer;}
#bottomContainer #mainContent .offersContainer p.linkText a {position: absolute; bottom: -8px; right: -10px; width: 184px; height: 24px; padding:160px 0 0 0; text-align: right;}
#bottomContainer #mainContent .offersContainer p.linkText a span {padding: 0 22px 0 10px;}

#bottomContainer #mainContent .offersContainer.escapeZone {background: #000 url(../images/offers/escape-zone.gif) 5px 5px no-repeat scroll;}
#bottomContainer #mainContent .offersContainer.escapeZone p.mainText {color: #fff; position: absolute; left: 13px; top: 70px; width: 161px; margin: 0; padding: 0;}
#bottomContainer #mainContent .offersContainer.escapeZone p.linkText a {background: url(../images/global/a-arrow-white.gif) 167px 167px no-repeat scroll; position: absolute; bottom: -8px; right: -10px; color: #fff; width: 184px; height: 24px; padding:160px 0 0 0; text-align: right;}

#bottomContainer #mainContent .offersContainer.red {background: #993333;}
#bottomContainer #mainContent .offersContainer.red p.mainText {color: #fff;}
#bottomContainer #mainContent .offersContainer.red p.linkText a {background: url(../images/global/a-arrow-white.gif) 167px 167px no-repeat scroll; color: #fff;}

#bottomContainer #mainContent .offersContainer.lightRed {background: #ebd6d6;}
#bottomContainer #mainContent .offersContainer.lightRed p.mainText {color: #993333;}
#bottomContainer #mainContent .offersContainer.lightRed p.linkText a {background: url(../images/global/a-arrow-red.gif) 167px 167px no-repeat scroll; color: #993333;}

#bottomContainer #mainContent .offersContainer.blue {background: #0e1b5f;}
#bottomContainer #mainContent .offersContainer.blue p.mainText {color: #fff;}
#bottomContainer #mainContent .offersContainer.blue p.linkText a {background: url(../images/global/a-arrow-white.gif) 167px 167px no-repeat scroll; color: #fff;}

#bottomContainer #mainContent .offersContainer.lightBlue {background: #dadce8;}
#bottomContainer #mainContent .offersContainer.lightBlue p.mainText {color: #0e1b5f;}
#bottomContainer #mainContent .offersContainer.lightBlue p.linkText a {background: url(../images/global/a-arrow-blue.gif) 167px 167px no-repeat scroll; color: #0e1b5f;}

#bottomContainer #mainContent .offersContainer.brown {background: #6d3328;}
#bottomContainer #mainContent .offersContainer.brown p.mainText {color: #fff;}
#bottomContainer #mainContent .offersContainer.brown p.linkText a {background: url(../images/global/a-arrow-white.gif) 167px 167px no-repeat scroll; color: #fff;}

#bottomContainer #mainContent .offersContainer.lightBrown {background: #b69995;}
#bottomContainer #mainContent .offersContainer.lightBrown p.mainText {color: #6d3328;}
#bottomContainer #mainContent .offersContainer.lightBrown p.linkText a {background: url(../images/global/a-arrow-brown.gif) 167px 167px no-repeat scroll; color: #6d3328;}

#bottomContainer #mainContent .offersContainer.olive {background: #948c37;}
#bottomContainer #mainContent .offersContainer.olive p.mainText {color: #fff;}
#bottomContainer #mainContent .offersContainer.olive p.linkText a {background: url(../images/global/a-arrow-white.gif) 167px 167px no-repeat scroll; color: #fff;}

#bottomContainer #mainContent .offersContainer.lightOlive {background: #dfdcc3;}
#bottomContainer #mainContent .offersContainer.lightOlive p.mainText {color: #635a18;}
#bottomContainer #mainContent .offersContainer.lightOlive p.linkText a {background: url(../images/global/a-arrow-olive.gif) 167px 167px no-repeat scroll; color: #635a18;}


/* book a room */
#bottomContainer #mainContent .offersContainer.bookRoom {background:url(../images/global/chalkboard-banner.jpg) top left no-repeat scroll; position: absolute; top: 0; right: -5px;}
#bottomContainer #mainContent .offersContainer.bookRoom.fix {right: -5px;}
#bottomContainer #mainContent .offersContainer .promoContent a {color: #FFF; font-weight: bold; display: block; width: 184px; height: 184px; text-decoration: underline;}
#bottomContainer #mainContent .offersContainer .promoContent a span {margin:160px 0 0 8px; padding:0 10px 0 0; cursor:pointer; background: url(../images/global/white-arrow.gif) right center no-repeat scroll; float:left;}

/* offer details */
#bottomContainer #mainContent div#details {width: 474px; float: left; margin: 0 0 20px 199px; border: 1px dotted #000; padding: 10px; overflow: hidden;}

#bottomContainer #mainContent div#details .offersContainer {float:right; border-left:10px solid #FFF; margin:0;}

#bottomContainer #mainContent div#details h3 {font-size:21px; margin: 0; padding: 0; color: #b69994;}
#bottomContainer #mainContent div#details p.details {}
#bottomContainer #mainContent div#details p.details a {font-weight: bold; color: #000; padding-right: 12px; background: url(../images/global/a-arrow.gif) right center no-repeat scroll;}
#bottomContainer #mainContent div#details p.terms {font-size: 0.8em; color: #7f7f7f;}
#bottomContainer #mainContent div#details fieldset {margin: 0; padding: 0; clear: both;}
#bottomContainer #mainContent div#details fieldset .col1,
#bottomContainer #mainContent div#details fieldset .col2 {width:237px; float: left;}
#bottomContainer #mainContent div#details fieldset label {width: 65px; padding: 0; float: left; clear: left; font-weight: normal; font-size: 0.9em; margin-top: 4px;}
#bottomContainer #mainContent div#details fieldset .col2 label {padding: 0 0 0 11px;}
#bottomContainer #mainContent div#details fieldset input {width: 155px; float: left; clear: none; margin: 0 0 5px; border: 1px solid #7f7f7f; font-size: 0.9em;}
#bottomContainer #mainContent div#details fieldset .col2 input.inputIndent {margin-left: 76px;}
#bottomContainer #mainContent div#details fieldset .comments {width: 474px; clear: both; margin-top: 15px;}
#bottomContainer #mainContent div#details fieldset .comments textarea {width: 403px; height: 50px; border: 1px solid #7f7f7f; font-size: 0.9em;}
#bottomContainer #mainContent div#details fieldset .comments p {text-align: right; margin-top: 10px;}
#bottomContainer #mainContent div#details fieldset .comments p a {font-weight: bold; text-decoration: underline; background: url(../images/global/a-arrow.gif) right center no-repeat scroll; padding: 0 10px 0 0; color: #000;}