.foo {} /* Wc3 Standards require a class to be first on stylesheets */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ * Links StyleSheet - [Company] * Created by Jeremy S. Cargilo for ETR Consulting. * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ * Purpose: * This stylesheet contains the links css styles for the entire project. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* Default Link Styles -----------------------------------------------------------------------------------------------------------------------------------*/ a:link, a:visited { color: #BCBDC0; text-decoration: none; } a:hover, .selected_link { color: #6953A3; } a span { display: none; } /* Button Styles -----------------------------------------------------------------------------------------------------------------------------------*/ * .btn-purchasecredits, .btn-update, .btn-login, .btn-next, .btn-previous, .btn-submit, .btn-buynow, .btn-reserve, .btn-createaccount, .btn-backtoreserve, .membernav a, .btn-backtoschedule { background-repeat: no-repeat !important; cursor: hand; } .btn-backtoschedule { float: left; width: 117px; height: 22px; background: url(Images/btn-backtoschedule.png) top left; } .btn-backtoschedule:hover, .btn-backtoschedule-selected { float: left; width: 117px; height: 22px; background: url(Images/btn-backtoschedule.png) bottom left; } .btn-purchasecredits { float: left; width: 117px; height: 22px; background: url(Images/btn-purchasecredits.png) top left; } .btn-purchasecredits:hover, .btn-purchasecredits-selected { float: left; width: 117px; height: 22px; background: url(Images/btn-purchasecredits.png) bottom left; } .btn-update { float: right; width: 72px; height: 22px; margin-top: 5px; background: url(Images/btn-update.png) top left; } .btn-update:hover, .btn-update-selected { float: right; width: 72px; height: 22px; margin-top: 5px; background: url(Images/btn-update.png) bottom left; } .btn-login { float: right; width: 72px; height: 22px; background: url(Images/btn-login.png) top left; } .btn-login:hover, .btn-login-selected { float: right; width: 72px; height: 22px; background: url(Images/btn-login.png) bottom left; } .btn-next { float: right; width: 72px; height: 22px; margin-top: 13px; background: url(Images/btn-next.png) top left; } .btn-next:hover, .btn-next-selected { float: right; width: 72px; height: 22px; margin-top: 13px; background: url(Images/btn-next.png) bottom left; } .btn-previous { float: right; width: 72px; height: 22px; margin-top: 13px; background: url(Images/btn-previous.png) top left; } .btn-previous:hover, .btn-previous-selected { float: right; width: 72px; height: 22px; margin-top: 13px; background: url(Images/btn-previous.png) bottom left; } .btn-submit { float: right; width: 72px; height: 22px; margin-top: 13px; background: url(Images/btn-submit.png) top left; } .btn-submit:hover, .btn-submit-selected { float: right; width: 72px; height: 22px; margin-top: 13px; background: url(Images/btn-submit.png) bottom left; } .btn-buynow { float: right; width: 72px; height: 22px; margin-top: 13px; background: url(Images/btn-buynow.png) top left; } .btn-buynow:hover, .btn-buynow-selected { float: right; width: 72px; height: 22px; margin-top: 13px; background: url(Images/btn-buynow.png) bottom left; } .btn-reserve { float: left; width: 72px; height: 22px; margin-top: 5px; background: url(Images/btn-reserve.png) top left; } .btn-reserve:hover, .btn-reserve-selected { float: left; width: 72px; height: 22px; margin-top: 5px; background: url(Images/btn-reserve.png) bottom left; } .btn-reserve-disabled { float: left; width: 72px; height: 22px; margin-top: 5px; background: url(Images/btn-reserve-disabled.png) top left; } .btn-createaccount { float: right; width: 101px; height: 22px; background: url(Images/btn-createaccount.png) top left; } .btn-createaccount:hover, .btn-createaccount-selected { float: right; width: 101px; height: 22px; background: url(Images/btn-createaccount.png) bottom left; } .btn-backtoreserve { float: left; width: 140px; height: 22px; margin-top: 5px; background: url(Images/btn-backtoreserve.png) top left; } .btn-backtoreserve:hover, .btn-backtoreserve-selected { float: left; width: 140px; height: 22px; margin-top: 5px; background: url(Images/btn-backtoreserve.png) bottom left; } /* Custom Link Styles -----------------------------------------------------------------------------------------------------------------------------------*/ .main-logo { float: left; background: url(Images/main-logo.png) no-repeat; width: 241px; height: 93px; } .read-more { float: right; background: url(Images/read-more.png) no-repeat; width: 73px; height: 13px; margin: 4px 0; } * .btn-buynow { background-repeat: no-repeat !important; cursor: hand; } /* Main Navigation Styles -----------------------------------------------------------------------------------------------------------------------------------*/ #mainnav a { overflow: hidden; } .mainnav-aboutus { float: left; width: 68px; height: 34px; margin-left: 14px; background: url(Images/mainnav-aboutus.png) top left; } .mainnav-aboutus:hover, .mainnav-aboutus-selected { float: left; width: 68px; height: 34px; margin-left: 14px; background: url(Images/mainnav-aboutus.png) bottom left; } .mainnav-studio { float: left; width: 52px; height: 34px; margin-left: 20px; background: url(Images/mainnav-studio.png) top left; } .mainnav-studio:hover, .mainnav-studio-selected { float: left; width: 52px; height: 34px; margin-left: 20px; background: url(Images/mainnav-studio.png) bottom left; } .mainnav-pricing { float: left; width: 57px; height: 34px; margin-left: 20px; background: url(Images/mainnav-pricing.png) top left; } .mainnav-pricing:hover, .mainnav-pricing-selected { float: left; width: 57px; height: 34px; margin-left: 20px; background: url(Images/mainnav-pricing.png) bottom left; } .mainnav-classes { float: left; width: 61px; height: 34px; margin-left: 20px; background: url(Images/mainnav-classes.png) top left; } .mainnav-classes:hover, .mainnav-classes-selected { float: left; width: 61px; height: 34px; margin-left: 20px; background: url(Images/mainnav-classes.png) bottom left; } .mainnav-newriders { float: left; width: 83px; height: 34px; margin-left: 20px; background: url(Images/mainnav-newriders.png) top left; } .mainnav-newriders:hover, .mainnav-newriders-selected { float: left; width: 83px; height: 34px; margin-left: 20px; background: url(Images/mainnav-newriders.png) bottom left; } .mainnav-schedule { float: left; width: 67px; height: 34px; margin-left: 20px; background: url(Images/mainnav-schedule.png) top left; } .mainnav-schedule:hover, .mainnav-schedule-selected { float: left; width: 67px; height: 34px; margin-left: 20px; background: url(Images/mainnav-schedule.png) bottom left; } .mainnav-faqs { float: left; width: 46px; height: 34px; margin-left: 20px; background: url(Images/mainnav-faqs.png) top left; } .mainnav-faqs:hover, .mainnav-faqs-selected { float: left; width: 46px; height: 34px; margin-left: 20px; background: url(Images/mainnav-faqs.png) bottom left; } .mainnav-news { float: left; width: 48px; height: 34px; margin-left: 20px; background: url(Images/mainnav-news.png) top left; } .mainnav-news:hover, .mainnav-news-selected { float: left; width: 48px; height: 34px; margin-left: 20px; background: url(Images/mainnav-news.png) bottom left; } .mainnav-shop { float: left; width: 44px; height: 34px; margin-left: 20px; background: url(Images/mainnav-shop.png) top left; } .mainnav-shop:hover, .mainnav-shop-selected { float: left; width: 44px; height: 34px; margin-left: 20px; background: url(Images/mainnav-shop.png) bottom left; } .mainnav-fundraisers { float: left; width: 83px; height: 34px; margin-left: 20px; background: url(Images/mainnav-fundraisers.png) top left; } .mainnav-fundraisers:hover, .mainnav-fundraisers-selected { float: left; width: 83px; height: 34px; margin-left: 20px; background: url(Images/mainnav-fundraisers.png) bottom left; } .mainnav-contact { float: left; width: 61px; height: 34px; margin-left: 20px; background: url(Images/mainnav-contact.png) top left; } .mainnav-contact:hover, .mainnav-contact-selected { float: left; width: 61px; height: 34px; margin-left: 20px; background: url(Images/mainnav-contact.png) bottom left; } /* Member Navigation Styles -----------------------------------------------------------------------------------------------------------------------------------*/ #membernav a { overflow: hidden; } .membernav-photogallery { float: left; width: 174px; height: 18px; background: url(Images/membernav-photogallery.png) top left; } .membernav-photogallery:hover, .membernav-photogallery-selected { float: left; width: 174px; height: 18px; background: url(Images/membernav-photogallery.png) top right; } .membernav-credithistory { float: left; width: 174px; height: 18px; background: url(Images/membernav-credithistory.png) top left; } .membernav-credithistory:hover, .membernav-credithistory-selected { float: left; width: 174px; height: 18px; background: url(Images/membernav-credithistory.png) top right; } .membernav-orderhistory { float: left; width: 174px; height: 18px; background: url(Images/membernav-orderhistory.png) top left; } .membernav-orderhistory:hover, .membernav-orderhistory-selected { float: left; width: 174px; height: 18px; background: url(Images/membernav-orderhistory.png) top right; } .membernav-buycredits { float: left; width: 174px; height: 18px; background: url(Images/membernav-buycredits.png) top left; } .membernav-buycredits:hover, .membernav-buycredits-selected { float: left; width: 174px; height: 18px; background: url(Images/membernav-buycredits.png) top right; } .membernav-editprofile { float: left; width: 174px; height: 18px; background: url(Images/membernav-editprofile.png) top left; } .membernav-editprofile:hover, .membernav-editprofile-selected { float: left; width: 174px; height: 18px; background: url(Images/membernav-editprofile.png) top right; } .membernav-reservations { float: left; width: 174px; height: 18px; background: url(Images/membernav-reservations.png) top left; } .membernav-reservations:hover, .membernav-reservations-selected { float: left; width: 174px; height: 18px; background: url(Images/membernav-reservations.png) top right; } .membernav-changepassword { float: left; width: 174px; height: 18px; background: url(Images/membernav-changepassword.png) top left; } .membernav-changepassword:hover, .membernav-changepassword-selected { float: left; width: 174px; height: 18px; background: url(Images/membernav-changepassword.png) top right; } .membernav-welcome { float: left; width: 174px; height: 18px; background: url(Images/membernav-welcome.png) top left; } .membernav-welcome:hover, .membernav-welcome-selected { float: left; width: 174px; height: 18px; background: url(Images/membernav-welcome.png) top right; }