/*--------------------------------------------------------------------------------------- Website: Rivergate Author: Allen Design Group Created: February 2010 ---------------------------------------------------------------------------------------*/ @import "default.css"; @import "superfish.css"; body { background: url('../images/bg.jpg') #fff no-repeat top center fixed;} /*body { background: url('../images/xmas/bg.jpg') #fff no-repeat top center fixed;}*/ /*--------------------------------------------------------------------------------------- Base Typography ---------------------------------------------------------------------------------------*/ /*------------------------------------ Links ------------------------------------*/ a:link { color: #80807F;} a:visited { color: #80807F;} a:hover { color: #000;} /*------------------------------------ Type ------------------------------------*/ body { font: 62.5% arial, tahoma, arial, helvetica; color: #000;} #pagecontainer { font-size: 1.2em; line-height: 1.4em; text-align: left;} p { padding: 0 0 1.4em 0;} /* Small Subtext */ .sm { color: #80807f; font-size: .9em; line-height: 1.3em; padding-bottom: 0;} /* Large Intro Text */ .em { font-family: Georgia, "Times New Roman", Times, serif; color: #00457c; font-size: 2em; font-weight: bold; line-height: 1.1em; padding: 5px 0 .9em 0;} .em .accent { color: #0196d6;} /*------------------------------------ Headers ------------------------------------*/ h1 { width: 583px; padding: 10px 0; margin-bottom: 11px; background: url('../images/h1.png') no-repeat #00457c; color: #fff; text-align: center; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 2.5em; line-height: 1em;} /*--------------------------------------------------------------------------------------- Layout ---------------------------------------------------------------------------------------*/ /*------------------------------------ Container ------------------------------------*/ #outercontainer { background: url('../images/bg-containerbottom.png') no-repeat bottom left; padding-bottom: 5px; margin: 0 auto 15px; width: 989px;} #pagecontainer { width: 919px; padding: 0 35px; margin: 0 auto; background: url('../images/bg-container.png') repeat-y;} /*------------------------------------ Header ------------------------------------*/ #header:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;} #header { position: relative; width: 100%; height: 97px; z-index: 9999;} /* Logo */ #logo { position: absolute; top: 31px; left: 24px;} /* Topnav */ #topnavs { float: right;} ul#topnav1 { list-style: none; margin: 10px 0 0 0; padding: 0; float: right; font-size: .8em;} ul#topnav1 li { display: inline; float: left; background: url('../images/topnav-div.png') no-repeat center right; padding: 0 10px 0 8px;} ul#topnav1 li.last { background: none; padding: 0 5px 0 8px;} ul#topnav1 li a { color: #888; display: inline-block; text-decoration: none;} ul#topnav1 li a:hover, ul#topnav1 li a.selected { text-decoration: underline;} ul#topnav2 { list-style: none; margin: 0; padding: 0 11px 0 0; float: right; font-size: .8em;} ul#topnav2 li { display: inline; float: left; padding: 0; } ul#topnav2 li a { display: block; width: 112px; height: 24px; padding: 10px 0 0 0; margin-left: 8px; color: #fff; text-align: center; background: url('../images/topnav-tab.png') no-repeat; text-decoration: none;} ul#topnav2 li a:hover, ul#topnav2 li a.selected { background-position: bottom left;} /* Search */ #search { float: right; padding: 0 15px 0 100px; margin-top: 13px; height: 0; width: 400px; display: none;} #search .input { padding: 5px 5px 4px; width: 174px; background: url('../images/search-input.png') no-repeat; border: 0; font-size: .9em;} #search .blur { color: #8a8989;} #search .submit { margin: 0; background: url('../images/search-submit.png') no-repeat; text-indent: -9999px; width: 31px; height: 23px; padding: 0;} #search .submit:hover { background-position: bottom left;} /* Mainnav */ ul#mainnav { float: right; width: 615px; height: 28px; margin: 26px 0 0 0; padding: 9px 0 0 2px; list-style: none; background: url('../images/mainnav-bg.png') no-repeat; z-index: 9999;} ul#mainnav li { float: left; display: inline; padding: 0; margin-left: 8px;} ul#mainnav li a { display: block; float: left; width: 113px; height: 23px; padding: 5px 0 0 0; background: url('../images/mainnav-tab.png') no-repeat; text-align: center; color: #fff; text-decoration: none; font-weight: bold; font-size: 1.1em; line-height: 1.2em;} ul#mainnav li a:hover, ul#mainnav li a.selected, ul#mainnav li.sfHover a.sf-with-ul { background-position: bottom left;} /* Second Tier */ ul#mainnav ul { width: 189px; height: 98px; padding: 27px 11px 0 8px; background: url('../images/mainnav-dropdown-3items.png') no-repeat;} ul#mainnav ul.last { width: 189px; height: 74px; padding: 27px 11px 0 8px; background: url('../images/mainnav-dropdownlast.png') no-repeat;} ul#mainnav ul li { margin: 0;} ul#mainnav ul li a { width: auto; float: none; padding: 0; height: auto; padding: 4px 0 4px 7px; margin-bottom: 5px; text-align: left; color: #fff; background: url('../images/mainnav-hover.png') no-repeat -9999px;} ul#mainnav ul li a:hover, ul#mainnav ul li a.selected { color: #000; background-position: bottom left;} ul#mainnav .sf-sub-indicator { display: none !important;} /*------------------------------------ Cols ------------------------------------*/ #cols { background: url('../images/cols-top.png') no-repeat #f2f2f2; min-height: 250px; overflow: hidden; padding: 10px 10px 4px; z-index: 999;} #maincol { float: left; width: 596px;} .contentcontainer { background: url('../images/content-top.png') no-repeat; padding-top: 3px;} .content { background: url('../images/content-bottom.png') no-repeat bottom left #fff; width: 582px; padding: 4px 7px 7px; overflow: hidden; min-height: 433px; position: relative;} .contentsidecol { float: left; width: 283px; margin-right: 22px;} .sideimg { min-width: 283px; min-height: 321px;} .contentcol { float: left; width: 277px;} #sidecol { float: right; width: 294px;} /*------------------------------------ Footer ------------------------------------*/ #footer { background: url('../images/cols-bottom.png') no-repeat; padding: 25px 0 25px 0; overflow: hidden; font-size: .8em; color: #9da0a3;} #footer a { color: #9da0a3; text-decoration: none;} /* minornav */ ul#minornav { list-style: none; margin: 0; padding: 10px 0 0; float: left;} ul#minornav li { float: left; display: inline; padding: 0; background: url('../images/minornav-div.png') no-repeat center right; padding: 0 5px 0 4px;} ul#minornav li.last { background: none;} ul#minornav li a:hover, ul#minornav li a.selected { text-decoration: underline;} /* copyright */ #copyright { float: left; padding: 10px 0 0 25px;} /* design */ #design { float: left; padding: 10px 0 0 25px;} #design a { } /* social */ ul#social { float: right; list-style: none; padding: 0; margin: 0;} ul#social li { float: left; display: inline; padding: 0; padding-left: 4px;} ul#social li a { display: inline-block; width: 29px; height: 29px; text-indent: -9999px; overflow: hidden; background: url('../images/social.png') no-repeat;} ul#social li.nav-facebook a:hover { background-position: bottom left; } ul#social li.nav-flickr a { background-position: -29px 0;} ul#social li.nav-flickr a:hover { background-position: -29px -29px;} /*--------------------------------------------------------------------------------------- Common Content ---------------------------------------------------------------------------------------*/ /*------------------------------------ Features ------------------------------------*/ .feature { width: 294px; height: 105px; margin-top: 9px; background: #00457c; position: relative; color: #fff;} .feature h4 { font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold;} .feature a { color: #fff; font-weight: bold;} #maincol .features:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;} #maincol .features {display:inline-block;} #maincol .feature { float: left;} /* Download Store Guide */ #downloadguideFeat { text-align: right; margin-top: 0 !important;} #downloadguideFeat img { position: absolute; bottom: 0; left: 10px;} #downloadguideFeat h4 { font-size: 2em; line-height: 1em; padding: 15px 20px 0 0;} #downloadguideFeat h4 span { color: #0196d6; text-transform:uppercase;} #downloadguideFeat .link { padding: 10px 25px 5px 0; margin-right: 20px; color: #fff; background: url('../images/features/pdf.png') no-repeat 100% 8px;} /* Subscribe */ #subscribeFeat { margin-right: 8px;} #subscribeFeat h4 { font-size: 2.9em; padding: 20px 0 15px 54px;} #subscribeFeat a { display: block; width: 34px; height: 33px; position: absolute; top: 53px; left: 30px; background: url('../images/features/rss.png') no-repeat; text-indent: -9999px; overflow: hidden;} #subscribeFeat p { padding: 0 0 0 55px; font-weight: bold; text-align: center;} /* Shopping */ #shoppingFeat { text-align: right; margin-right: 8px;} #shoppingFeat h4 { padding: 15px 15px 9px 0; font-size: 2em;} #shoppingFeat p { padding-right: 17px; } #shoppingFeat img.top { position: absolute; top: 0; left: -3px;} #shoppingFeat img.bottom { position: absolute; top: 37px; left: -3px;} /* Register and Win */ #registerwinFeat { background: #0196d6;} #registerwinFeat h4 { padding: 10px 0 5px 22px; font-size: 2em; line-height: 1.1em;} #registerwinFeat .link { padding: 0 0 0 22px; font-size: 1.1em;} #registerwinFeat img { position: absolute; top: -21px; left: 194px;} /* Opening Hours */ #hoursFeat { } #hoursFeat h4 { padding: 15px 0 15px 15px; font-size: 2em;} #hoursFeat ul { margin: 0; padding: 0 0 0 20px; list-style: none;} #hoursFeat ul li { padding: 0;} #hoursFeat ul li strong { padding-right: 5px;} #hoursFeat img {position: absolute; bottom: 0px; right: 0;} /* Photo Gallery */ #photogalleryFeat { margin-right: 8px;} #photogalleryFeat h4 { padding: 9px 0 2px 13px; font-size: 2.2em; line-height: 1em;} #photogalleryFeat p { padding: 0 0 0 13px;} #photogalleryFeat img { position: absolute; top: -5px; right: 13px; } /* Eating out */ #eatingoutFeat { background: #0196d6;} #eatingoutFeat h4 { padding: 10px 0 5px 85px; font-size: 2.4em; line-height: 1em;} #eatingoutFeat p { padding: 0 0 0 85px; line-height: 1.4em;} #eatingoutFeat img { position: absolute; top: 7px; left: 17px;} /* Find Store */ #findstoreFeat { } #findstoreFeat h4 { padding: 10px 0 5px 20px; font-size: 2.2em; line-height: 1em;} #findstoreFeat label { padding: 0 0 0 20px; font-size: 1.1em; line-height: 1.4em; color: #0196d6; font-weight: bold; display: block;} #findstoreFeat select { margin: 5px 0 0 20px; width: 255px; padding: 1px 0;} /* Getting Here */ #gettinghereFeat { text-align: right; } #gettinghereFeat h4 { padding: 20px 15px 5px 0; font-size: 2.2em; line-height: 1em;} #gettinghereFeat p { padding: 0 15px 5px 0; } #gettinghereFeat img { position: absolute; top: -15px; left: 0px;} #gettinghereFeat ul { list-style: none; padding: 0 10px 0 5px; margin: 0 0 0 0; overflow: hidden; float: right; } #gettinghereFeat ul li { float: left; display: inline; padding: 0 8px 0 8px; background: url('../images/home/directions-div.png') no-repeat center left;} #gettinghereFeat ul li:first-child { background: none; padding: 0 5px 0 5px;} #gettinghereFeat ul li a { float: left;} /* Comments */ #commentsFeat { } #commentsFeat h4 { font-size:2.2em; line-height:1em; padding: 10px 118px 5px 15px;} #commentsFeat p { padding: 0 118px 0 15px;} #commentsFeat img { position: absolute; bottom: 0; right: 0;} /* Free Parking */ #freeparkingFeat { margin-right: 8px;} #freeparkingFeat span.underline { text-decoration: underline;} #freeparkingFeat h4 { padding: 10px 0 5px 16px; font-size: 2.2em; line-height: 1.1em;} #freeparkingFeat h4 span { color: #0196d6;} #freeparkingFeat p { padding: 0 0 0 16px;} #freeparkingFeat img { position: absolute; top: -5px; right: 5px;} /*--------------------------------------------------------------------------------------- Misc ---------------------------------------------------------------------------------------*/ /* @group rounded-corners images */ .rounded_wrapper { position: relative; margin: 0!important;} .rounded_wrapper img { border-width: 0; border-style: none; } .rounded_wrapper div { height: 7px; position: absolute; width: 100%; } .rounded_wrapper .tl { top: 0; left: 0; background: url(../images/rounded_corners/tl.gif) no-repeat left top; } .rounded_wrapper .tr { top: 0; right: 0; background: url(../images/rounded_corners/tr.gif) no-repeat right top; } .rounded_wrapper .br { bottom: 0; right: 0; background: url(../images/rounded_corners/br.gif) no-repeat right bottom; } .rounded_wrapper .bl { bottom: 0; left: 0; background: url(../images/rounded_corners/bl.gif) no-repeat left bottom; } .jquery-corner { bottom: 0;} #eventscontainer .item .rounded_wrapper .tl, #eventfeature #banner .rounded_wrapper .tl { top: 0; left: 0; background: url(../images/rounded_corners/grey/tl.gif) no-repeat left top; } #eventscontainer .item .rounded_wrapper .tr, #eventfeature #banner .rounded_wrapper .tr { top: 0; right: 0; background: url(../images/rounded_corners/grey/tr.gif) no-repeat right top; } #eventscontainer .item .rounded_wrapper .br, #eventfeature #banner .rounded_wrapper .br { bottom: 0; right: 0; background: url(../images/rounded_corners/grey/br.gif) no-repeat right bottom; } #eventscontainer .item .rounded_wrapper .bl, #eventfeature #banner .rounded_wrapper .bl { bottom: 0; left: 0; background: url(../images/rounded_corners/grey/bl.gif) no-repeat left bottom; } /* calendar */ #calendarcontainer { background: #0197d6; padding: 9px; margin-bottom: 9px; height: 344px; } #calendarcontainer h4 { color: #fff; font-size: 1.2em; font-weight: bold; padding:7px 0 15px 5px;} body table.RadCalendar_Default { width: 264px;} body .RadCalendar_Default .rcMainTable { padding-top: 3px; font-size: 12px;} body .RadCalendar_Default .rcTitlebar { background: #0197d6; border: 0; color: #fff; padding: 8px 0;} body .RadCalendar_Default .rcTitlebar table { font-size: 1.2em; font-weight: bold;} body #Cal1_wrapper { background: #fff; padding: 6px;} body .RadCalendar_Default .rcMain { border: 0;} body .RadCalendar_Default .rcWeek th { border: 0; color: #888; font-weight: bold; padding:4px 12px 3px 0;} body .RadCalendar_Default .rcMain .rcRow a, body .RadCalendar_Default .rcMain .rcRow span { color: #888; padding:3px 12px 3px 0; cursor: default;} body .RadCalendar_Default .rcMain .rcRow a.past { color: #fff; background: #0196d8; cursor: pointer;} body .RadCalendar_Default .rcMain .rcRow a.past:hover { background: #0183cc;} body .RadCalendar_Default .rcMain .rcRow a.upcoming { color: #fff; background: #00447b; cursor: pointer;} body .RadCalendar_Default .rcMain .rcRow a.upcoming:hover { background: #032948;} body .RadCalendar_Default .rcRow .rcHover { background: none; border: 0; padding: 1px;} body .RadCalendar_Default .rcMain .rcRow .rcOtherMonth, body .RadCalendar_Default .rcMain .rcRow .rcOtherMonth a { color: #ccc;} body .RadCalendar_Default .rcMain .rcRow .rcOtherMonth a:hover { color: #ccc;} body .RadCalendar_Default .rcSelected { background: #fff !important;} body .RadCalendar_Default .rcTitlebar .rcFastPrev { width: 12px; height: 13px; background: url('../images/cal-fastprev.png') no-repeat;} body .RadCalendar_Default .rcTitlebar .rcPrev { width: 12px; height: 13px; background: url('../images/cal-prev.png') no-repeat;} body .RadCalendar_Default .rcTitlebar .rcNext { width: 12px; height: 13px; background: url('../images/cal-next.png') no-repeat;} body .RadCalendar_Default .rcTitlebar .rcFastNext { width: 12px; height: 13px; background: url('../images/cal-fastnext.png') no-repeat;} body .RadCalendar_Default .rcTitlebar .rcFastPrev:hover, body .RadCalendar_Default .rcTitlebar .rcPrev:hover, body .RadCalendar_Default .rcTitlebar .rcNext:hover, body .RadCalendar_Default .rcTitlebar .rcFastNext:hover { background-position: 0 -13px;} body .RadCalendarMonthView_Default .rcSelected a { border: 1px solid #0197d6; background: #e8f3f8; color: #333;} body .RadCalendarMonthView_Default input { background: #0197d6; color: #fff; border: 0; font-weight: bold;} #callegend { background: #fff; margin-top: 7px;} #callegend ul { list-style: none; margin: 0; padding: 12px; overflow: hidden; font-size: .9em;} #callegend ul li { padding: 0; float: left; display: inline; padding: 2px 0 2px 15px; color: #7f7f7f;} #callegend ul li.legendupcoming { background: url('../images/legend-upcoming.png') no-repeat center left; margin-right: 18px;} #callegend ul li.legendpast { background: url('../images/legend-past.png') no-repeat center left;} #callegend ul li.legendrss { background: url('../images/legend-rss.png') no-repeat top left; padding: 1px 0 1px 23px; margin-top: 6px; width: 100%;} #callegend ul li a { color: #7f7f7f; text-decoration: none; } /* Backlink */ .backLink { padding: 30px 0 22px 6px;} .backLink a { color: #fff; background: #00457c; text-decoration: none; padding: 5px 10px; font-weight: bold;} /* Send to friend */ .sendtoFriend { position: absolute; top: 32px; left: 0; background: #fff; color: #4c4c4c; border: 5px solid #999; padding-bottom: 10px; display: none;} .sendtoFriend .close { position: absolute; top: 3px; right: 5px; width: 14px; height: 14px; background: url('../images/close.png') no-repeat; text-indent: -9999px; overflow: hidden; cursor: pointer; z-index: 9999;} .sendtoFriend label { padding: 2px 0; display: block; background: #f2f2f2; border-bottom: 1px solid #e5e5e5; padding: 2px 5px;} .sendtoFriend div.row div { padding: 10px 10px 5px 10px;} .sendtoFriend .input { color:#333333; font-family:Verdana,Geneva,sans-serif; font-size:14px; padding:3px 5px; width: 195px; margin: 10px 10px 5px;} .sendtoFriend .submit { background: #fff; color: #0196D6; margin-left: 10px; width: auto; padding: 0;} /* Success Message */ .sendtoFriend #lblSendToFriendMessage { display: none; width: 227px; height: 40px; padding: 40px 0 0 0; background: #fff; position: absolute; top: 0; left: 0; text-align: center; z-index: 99;}