/* CSS - New Project */ /* reset */ body, form, ul, li, img, pre, fieldset {padding: 0; border: 0; margin: 0;} /* general */ strong {font-weight: bold;} em {font-style: italic;} .left {float: left;margin-right: 1em;} .right {float: right;margin-left: 1em;} .hide {display: none;} .show {display: block;} body {font-size: 12px;background: url(images/yellow/bg.jpg) repeat-x #C7AE47;font-family: Verdana, Arial, Helvetica, sans-serif;color: #434644;} .add2cart {width: 78px; height: 17px; margin: 0; border: 0; background:url(images/add2cart.jpg) no-repeat;font-size: 0;} .inputButton {width: 78px; height: 17px; margin: 0; border: 0; background:url(images/inputButton.jpg) no-repeat;font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;color: #fff;padding-bottom: 5px;} .sminputButton {width: 22px; height: 17px; margin: 0; border: 0; background:url(images/sminputbutton.jpg) no-repeat;font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;color: #fff;padding-bottom: 5px;} .inputBox {background:url(images/inputbox.jpg) no-repeat; width: 151px; height: 25px; border: 0; margin: 0; padding: 5px 10px 0 5px;} .signIn {background:url(images/signin.jpg) no-repeat; width: 48px; height: 17px;margin: 0; border: 0;} .homeSignIn {float: right;margin-right: 28px;} /* basic */ #mainContainer {clear: both;} /* header */ #headerContainer {clear: both;background:url(images/yellow/header.jpg) no-repeat 0 -1px;width: 974px; height: 116px; margin: 0 auto;} #headerLogo {width: 302px;} #headerLogo h1 {text-indent: -9999px;margin: 0;display: inline;width: 302px;} #headerLogo a {display: block;width: 302px; height: 57px;padding-top: 25px;} #donate a {float: right;display: block; width: 162px; height: 40px;margin-top: -42px;} #donate h2 {margin: 0;display: inline;text-indent: -9999px;} /* navigation */ #headerNav li {float: left;list-style: none;text-indent: -9999px;display: inline; height: 34px;} #headerNav a {float: left;height: 34px;} #headerNav #home {background:url(images/yellow/home.jpg);width: 103px;} #headerNav #home a {width: 103px;} #headerNav #home a:hover {background:url(images/yellow/home_hover.jpg);} #headerNav #about {background:url(images/yellow/aboutzoofriends.jpg); width: 240px;} #headerNav #about a {width: 240px;} #headerNav #about a:hover {background:url(images/yellow/about_hover.jpg);} #headerNav #news {background:url(images/yellow/newsandevents.jpg); width: 200px;} #headerNav #news a {width: 200px;} #headerNav #news a:hover {background:url(images/yellow/news_hover.jpg);} #headerNav #membership {background:url(images/yellow/membership.jpg); width: 174px;} #headerNav #membership a {width: 174px;} #headerNav #membership a:hover {background:url(images/yellow/membership_hover.jpg);} #headerNav #store {background:url(images/yellow/store.jpg); width: 100px;} #headerNav #store a {width: 100px;} #headerNav #store a:hover {background:url(images/yellow/store_hover.jpg);} #headerNav #contact {background:url(images/yellow/contactus.jpg); width: 157px;} #headerNav #contact a {width: 157px;} #headerNav #contact a:hover {background:url(images/yellow/contactus_hover.jpg);} /* body */ #bodyContainer {clear: both;background:url(images/yellow/yellow_12.jpg) no-repeat; margin: -1px auto; width: 974px;} #homeFlash {height: 381px;} #leftCol {float: left; width: 218px;} #homeSponsors {background: url(images/yellow/sponsors.jpg) no-repeat left top ; width: 218px;height: 348px;text-align: right;} #rightCol {float: right;width: 756px; height: 351px;} #rightCol .bottomBox {height: 351px;float: right;} #member-login {background:url(images/yellow/ml_bottom.jpg) no-repeat; width: 207px; padding-left: 50px; padding-right: 10px;} #member-login h2 {padding-top: 5px; clear: both;color: #F08128;font-size: 18px;font-weight: bold;margin: 0;font-style: italic;} #member-login .fin {margin-top: -10px;} #member-login #joinUp p {margin: 2px;} #member-login #joinUp {text-align: center;} #member-login .fin label {float: left;} #member-login .boxContent {padding-left: 55px;} #the-store {background: url(images/yellow/ts_bottom.jpg) no-repeat; width: 242px;} #the-store img {width: 150px;} #the-store homeImage {text-align: center;} #news-events {background: url(images/yellow/ne_bottom.jpg) no-repeat; width: 247px;} #news-events ul {padding-top: 10px;} #news-events li {list-style: none;padding-bottom: 10px;} .boxContent {padding: 20px 25px 0 30px;color: #434644;font-size: 11px;} .boxContent a {color: #206a3a;} .boxContent a:hover {text-decoration: none;} /* footer */ #footerContainer {clear: both;width: 974px; margin: 0 auto;} #footerContent {text-align: center;color: #fff;padding: 30px 0;} #footerContent ul {padding: 10px 0;} #footerContent p {margin: 0;} #footerContent li {display: inline; list-style: none;padding-right: 10px;} #footerContent a {color: #fff;} #footerContent a:hover {text-decoration: none;} /* #### inside pages #### */ /* general styles */ #inside hr {border: 1px solid #d8d3b0; background-color:#ffffff;height: 2px;clear: both;margin: 10px 0;} #inside h1 {color: #f18325; font-size: 18px;font-weight: bold;} #inside h2 {color: #f18325; font-size: 16px;font-weight: bold;} #inside h3 {color: #aca67e; font-size: 14px;} #inside h4 {color: #000000; font-size: 12px;font-weight: bold;} #inside #body-Content a {color: #206a3a; font-weight: bold;} #inside #body-Content a:hover {text-decoration: none;} #inside #body-Content ul {padding-left: 40px;} #inside .bigTextList {font-size: 12px; font-style: italic;font-weight: bold;} #inside #bodyContainer .gallery {text-align: center;padding-left: 0;margin: 0 auto;width: 96%;} #inside .gallery li {display: inline; list-style: none; width: 110px;float: left;margin: 10px 0;padding-right: 10px;} #inside .gallery li img {border: 1px solid #d8d3b0;} #inside #headerContainer {background:url(images/yellow/inside_header.jpg) no-repeat;} /* inside navigation */ #inside #headerNav #home {background:url(images/yellow/inside_home.jpg);width: 103px;} #inside #headerNav #home a:hover {background:url(images/yellow/inside_home_hover.jpg);} #inside #headerNav #about {background:url(images/yellow/inside_aboutzoofriends.jpg); width: 240px;} #inside #headerNav #about a:hover {background:url(images/yellow/inside_aboutzoofriends_hover.jpg);} #inside #headerNav #news {background:url(images/yellow/inside_newsandevents.jpg); width: 200px;} #inside #headerNav #news a:hover {background:url(images/yellow/inside_newsandevents_hover.jpg);} #inside #headerNav #membership {background:url(images/yellow/inside_membership.jpg); width: 174px;} #inside #headerNav #membership a:hover {background:url(images/yellow/inside_membership_hover.jpg);} #inside #headerNav #store {background:url(images/yellow/inside_store.jpg); width: 100px;} #inside #headerNav #store a:hover {background:url(images/yellow/inside_store_hover.jpg);} #inside #headerNav #contact {background:url(images/yellow/inside_contactus.jpg); width: 157px;} #inside #headerNav #contact a:hover {background:url(images/yellow/inside_contactus_hover.jpg);} #inside #leftCol {width: 212px;} #inside #insideHero {background:url(images/inside_hero.jpg) no-repeat; height: 246px; width: 762px;position: relative; left: -6px;} #inside #sidebarNav {background: url(images/yellow/inside_sidebar.jpg) no-repeat; width: 212px;display: block;min-height: 300px;padding-top: 20px;} #inside #sidebarNav ul {font-size: 10px;} #inside #sidebarNav li {padding: 5px 0 0px 0px;list-style: none;border-bottom: 1px solid #d8d3b0;width: 150px;margin-left: 20px;} #inside #sidebarNav li a {color: #f18325; font-weight: bold; text-decoration: none;border-bottom: 1px solid #ffffff;padding-bottom: 6px;width: 150px;display: block;} #inside #sidebarNav li a:hover {text-decoration: underline;} #inside #insideSponsors {text-align: center; background:url(images/inside_sponsors.jpg) left top no-repeat;} #inside #insideSponsors img {padding-left: 20px;} /* inside body */ #inside #bodyContainer {background:url(images/inside_bodybg.jpg) repeat-y; width: 974px; margin: -1px auto;height: auto;} #inside #rightCol {height: auto;} #inside #body-Content {padding: 0 20px;top: -30px;position: relative;font-size: 10px;} #inside #bodyLeft {float: left; width: 520px;} #inside #bodyRight {float: right; width: 170px;} /* inside footer */ #inside #footerContainer {margin: 1px auto; background:url(images/yellow/inside_footer.jpg) no-repeat; height: 67px; width: 974px;} #inside #footerContent {padding: 0 0 30px 0;} .products li {width: 180px; float: left; display: inline;list-style: none;margin-right: 30px;padding: 15px 0;height:200px;} .memberInfo {padding-bottom: 20px;} #storeImg {float: left;} #storeInfo {float: right;width: 400px;} #storeInfo h3 {margin-top: 0;padding-top: 0;} .subtotal {border-bottom: 1px solid #cccccc; background: #D3D0AF;} .subtotal td {padding: 5px 10px;} #donatePage h2 {padding-top: 20px;margin-bottom: -5px;} #donatePage .inputboxd {width: 141px; height: 25px; border: 0; margin: 0; padding: 5px 10px 0 5px;background:url(images/inputboxd.jpg) no-repeat;padding-left: 17px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;} .news .date {font-style: italic;} .news dt a {font-size: 18px;text-decoration: none;} .news dt a:hover {text-decoration: underline!important;} .news dd {margin-left: 0;} .news .readmore {float: right;} .news {padding-bottom: 50px;width: 550px;} .error {font-size: 14px; color: #c00;font-weight: bold;margin-bottom: 0;} .notSoFastError {margin-top: 2px;} .membershipLevel {background: #dddab9 url(images/blue/upgrade.jpg) no-repeat top;padding: 0 5px;padding-top: 10px;border-bottom: 1px solid #CFCCB9;margin-bottom: 5px;padding-bottom: 15px;} .memberships dt {font-size: 12px; font-weight: bold;margin-bottom: -15px;} .currentMembership {display: block;clear: both;/* background: #ECEBD7; */padding: 5px;margin-bottom: 5px;margin-left: -5px;font-size: 14px;color: #266A3B;margin-top: -20px;font-style: italic;font-weight: normal;} .currentBlock {padding-left: 5px;} .currentBody {border: 1px solid #fff;} .addAmount, .price {font-style: italic; font-weight: normal;font-size: 10px;} #javelin_region-hero p {margin: 0 0 0 -6px;}