/* Parscale Media Style Sheet ----------------------------------------------------------------------------- Prototype Version: 2.3 Developer: Parscale Media Email Address: info@parscale.com Developer Website: http://www.parscale.com/ Client Website: http://www.texas-wildlife.org Last Modifier: Brad Parscale - Parscale Media Last Modified: 04.11.2012 */ /* Table of Contents ----------------------------------------------------------------------------- 1. Clean Base 2. Base Typography 3. Images 4. Links 5. Forms 6. Tables 7. Framework */ /* 1. Create a Clean Base ------------------------------------------------------------------------------*/ html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label, input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} blockquote, q {quotes: none;} br {height: 0;} ul, ol, dl {list-style: none;} /* Class for clearing floats */ .clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} /* 2. Define Base Typography ------------------------------------------------------------------------------*/ /* Create the Default Headers */ h1, h2, h3, h4, h5, h6 {color: #7e502a; font-family: "georgia","verdana","helvetica","arial",serif; font-weight: normal;} /* Create the Default Paragraphs */ p {color:#595246; line-height:20px;} /* Specific Header Settings */ h1 {font-size: 22px;} h2 {font-size: 20px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 14px;} h6 {font-size: 12px;} /* Other Typo */ strong{font-weight: bold;} hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;} ol {list-style: decimal;} ul {list-style: square;} /* 3. Images ------------------------------------------------------------------------------*/ /* Remove border around linked images */ img {border: 0; border-style: none;} /* 4. Links ------------------------------------------------------------------------------*/ /* Default Link Types */ a {color:#096c51; text-decoration: none;} a:hover {color:#595246; text-decoration: underline;} a:active {outline: none;} a:focus {outline: none;} /* 5. Forms ------------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset {border: 1px solid transparent;} /* 6. Tables ------------------------------------------------------------------------------*/ /* Table Fixes */ table {border-spacing: 0; border-collapse: collapse;} td {text-align: left; font-weight: normal;} /* Removes fieldset borders. even on Opera 7 */ fieldset {border: 1px solid transparent;} /* 7. Framework ------------------------------------------------------------------------------*/ /* Page Layout */ html, body {height: 100%; font: 14px "georgia",serif, monospace; background: url(/images/site/bkg_rptr.jpg);} /* Wrapper */ .wrapper {min-height: 100%; height: auto !important; margin:0 auto -215px;} #home1 {background: url(/images/site/home_banner1.jpg) top center no-repeat;} #home2 {background: url(/images/site/home_banner2.jpg) top center no-repeat;} #home3 {background: url(/images/site/home_banner3.jpg) top center no-repeat;} #home4 {background: url(/images/site/home_banner4.jpg) top center no-repeat;} #about {background: url(/images/site/banner_about.jpg) top center no-repeat;} /* Header */ #header_wrapper {min-width: 960px; margin-bottom: 30px; height: 120px; position: relative; background: 0 bottom url(/images/site/nav_rptr.png) repeat-x;} #header {width: 960px; height: 120px; position: relative; margin: 0 auto;} #logo {position: absolute; top: 0; left: 10px; z-index: 1001;} #logo img {max-width: 200px; background: #fff; border-radius: 100%;} #search {position: absolute; top: 30px; right: 0;} #search input {width: 172px; padding: 5px 10px; background: url(/images/site/header_search_bar.png) no-repeat; font-size: 12px; color: #fcfcfa; float: left;} #search input.submit {width: 25px; height: 25px; background: url(/images/site/header_search_btn.png) no-repeat; cursor: pointer; padding: 0;} #search input::-webkit-input-placeholder {color: #fcfcfa;} #search input:-moz-placeholder {color: #fcfcfa;} #header_cart {position: absolute; width: 170px; text-align: center; height: 25px; font-size: 12px; right: 0; background: url(/images/site/header_view_cart.png);} #header_cart p {color: #fff; margin-top: 3px;} #header_cart a {color: #ece8c5;} /* Navigation */ #navigation {position: absolute; bottom: 15px; right: 0; z-index: 1002;} #navigation ul {list-style: none;} #navigation ul li {display: inline; margin-left: 10px;} #navigation ul li a {text-transform: uppercase; color: #f3efde; font-size: 14px; font-weight: bold; margin-left: 15px;} #navigation ul li a:hover {color: #ba680f; text-decoration: none;} #navigation ul li a.active {color: #ba680f;} /* Drop Down Navigations */ #drop_down_navigations {margin-bottom: 20px; width: 100%; position: absolute; z-index: 1000; top: 120px; left: 0;} .drop_down_navigation_wrapper {background: #241309; width: 100%; display: none;} .drop_down_navigation {width: 960px; margin: 0 auto; position: relative; padding: 90px 0 60px;} .nav_image img {border: 3px solid #cbc2b4;} .drop_down_navigation h3 {color: #b08e7a; margin-bottom: 10px; font-size: 20px; font-family: "georgia",serif; border-bottom: 4px double #3c2c21; padding-bottom: 5px;} .drop_down_navigation h4 {font-size: 14px; font-family: "georgia",serif;} .drop_down_navigation a {color: #f3efde; font-family: "georgia",serif;} .drop_down_navigation ul {list-style: none; margin-bottom: 20px;} .drop_down_navigation ul li {font-size: 14px; margin-bottom: 5px;} .drop_down_navigation p {color: #e3d0c5; font-family: "georgia",serif;} .drop_down_navigation ul li ul li ul li a {font-style: italic;} .close_nav {position: absolute; bottom: -15px; left: 423px;} /* Drop Down Rows */ .navigation_row {width: 150px; float: left; margin-right: 50px;} /* Drop About */ .about_nav_image {margin-bottom: 10px;} .about_nav_image img {border: 5px solid #c6bdad;} /* Drop Programs */ #drop_featured_pro_image {width: 200px; float: left; margin-right: 10px;} #drop_featured_pro_image img {border: 5px solid #c6bdad;} #drop_featured_pro_text {width: 190px; float: right;} /* Drop Resources */ #drop_featured_pub_image {width: 120px; float: left; margin-right: 10px;} #drop_featured_pub_image img {border: 5px solid #c6bdad;} #drop_featured_pub_text {width: 220px; float: right;} /* Drop Login */ #drop_login td {font-size: 13px; color: #e3d0c5; padding: 5px;} #drop_login input {width: 330px; padding: 10px; background: #cdc5ba; color: #595246;} #drop_login input:focus {background: #837c72; color: #efebdb;} #drop_login input.login {width: 75px; height: 35px; padding: 0; border: none; background: url(/images/site/btn_login.jpg) no-repeat; cursor: pointer;} /* Content */ #content {width: 940px; margin: auto; padding: 10px;} /* Banner */ #banner {width: 960px; position: relative; height: 240px;} #banner_message {position: absolute; text-align: center; top: 0; right: 0; background: url(/images/site/banner_rptr.png); width: 390px; height: 180px; padding: 20px 30px; overflow: hidden;} #banner_message h2 {font-size: 28px; background: url(/images/site/home_banner_dots_rptr.png) bottom repeat-x; padding-bottom: 10px; margin-bottom: 10px;} #banner_message p {color: #595246; font-size:16px; font-family: "georgia",serif; line-height: 26px;} #ajax_messages div {width: 390px;} /* Home */ #home_callouts {margin-bottom: 40px;} .home_callout {width: 180px; height: 160px; padding: 110px 20px 0; text-align: center; position: relative; float: left; margin-right: 20px;} .home_callout p {font-size: 13px; line-height: 18px;} #callout1 {background: url(/images/site/home_box1.png) no-repeat;} #callout2 {background: url(/images/site/home_box2.png) no-repeat;} #callout3 {background: url(/images/site/home_box3.png) no-repeat;} #callout4 {background: url(/images/site/home_box4.png) no-repeat; margin-right: 0;} .home_callout_join {position: absolute; bottom: 5px; left: 55px;} #home_buttons {margin-bottom: 40px; text-align: center;} /* Stay Informed */ #stay_informed {margin-bottom: 40px; border-bottom: 1px solid #dcd7ca;} #stay_informed_title {width: 190px; float: left; margin-right: 40px; padding-left: 20px;} #stay_informed_form {width: 690px; float: right; margin-bottom: 15px;} #stay_informed_form input {background: #c9beae; padding: 10px; color: #595246; width: 270px;} #stay_informed_form input:focus {background: #837c72; color: #efebdb;} #stay_informed_form input::-webkit-input-placeholder {color: #fcfcfa;} #stay_informed_form input:-moz-placeholder {color: #fcfcfa;} #stay_informed_form input.submit {width: 100px; height: 38px; background: url(/images/site/btn_signup.jpg) no-repeat; cursor: pointer; float: right;} /* Stay Informed */ #stay_informed {margin-bottom: 40px; border-bottom: 1px solid #dcd7ca;} #stay_informed_title {width: 190px; float: left; margin-right: 40px; padding-left: 20px;} #stay_informed_form2 {margin-bottom: 15px;} #stay_informed_form2 input {background: #c9beae; padding: 10px; color: #595246; width: 100%;} #stay_informed_form2 input:focus {background: #837c72; color: #efebdb;} #stay_informed_form2 input::-webkit-input-placeholder {color: #fcfcfa;} #stay_informed_form2 input:-moz-placeholder {color: #fcfcfa;} #stay_informed_form2 input.submit {width: 100px; height: 38px; background: url(/images/site/btn_signup.jpg) no-repeat; cursor: pointer;} #stay_informed_form2 #email, #stay_informed_form2 #name {float: left; width: 40%;} #stay_informed_form2 #submit {float: left; width: 20%; margin-top: 30px;} #stay_informed_form2 .id_1ebce21f-9fc9-495c-97d3-240c514e3ece .sli-content-pane {background: transparent !important;} #stay_informed_form2 .sli-large-3 {width: 50% !important;} #stay_informed_form2 .id_1ebce21f-9fc9-495c-97d3-240c514e3ece .sli-element {margin: 0;} /* News and Events */ #news_events {border: 1px solid #dfdac8; margin-bottom: 10px; padding: 20px; background: #EAE7D8;} #news {width: 400px; float: left; padding-right: 35px; margin-right: 35px; background: url(/images/site/home_banner_dots_rptr.png) right repeat-y;} #news_title {margin-bottom: 10px;} .news_events_title {width: 385px; margin-bottom: 20px;} .news_events_date {width: 60px; text-align: center; float: left; margin-right: 15px; padding-bottom: 30px; background: url(/images/site/date_decor.png) bottom center no-repeat;} .news_events_date p {color: #312100; font-size: 15px; text-transform: uppercase;} .news_events_text {width: 310px; float: right;} #events {width: 400px; float: left;} #events_title {margin-bottom: 10px;} #view_all_events {float: left; text-align: center; width: 450px; margin-bottom: 40px;} #view_all_events a {color: #b8680f;} #view_all_events p {color: #b8680f; font-size: 18px; font-style: italic;} #view_all_news {float: right; text-align: center; width: 480px; margin-bottom: 40px;} #view_all_news a {color: #b8680f;} #view_all_news p {color: #b8680f; font-size: 18px; font-style: italic;} /* Supporting Partners */ #supporting_partners {margin-bottom: 40px; } #supporting_partners_logos_space {width: 940px; height: 240px; position: relative;} #supporting_partners_left {position: absolute; top: 30px; left: 30px;} #supporting_partners_right {position: absolute; top: 30px; right: 30px;} #supporting_partners_logos {width: 840px; margin: 0 auto; padding: 0 40px 0 60px;} #supporting_partners_logos ul {list-style: none;} #supporting_partners_logos ul li {display: inline;} #supporting_partners_logos ul li a {height: 100px; display: block; float: left; margin: 0; padding: 0; padding-right: 0px;filter: grayscale(100%);-webkit-filter: grayscale(100%);} #supporting_partners_logos ul li a:hover {filter: grayscale(0%);-webkit-filter: grayscale(0%);} #supporting_partners_logos ul li a#partner1 {width: 160px; background: url(/images/site/partner_logo1.jpg) no-repeat;} #supporting_partners_logos ul li a#partner1:hover {background-position: 0 -100px !important;} #supporting_partners_logos ul li a#partner2 {width: 195px; background: url(/images/site/partner_logo_willie.jpg) no-repeat;} #supporting_partners_logos ul li a#partner3 {width: 160px; background: url(/images/site/logo_hoffpauir.jpg) no-repeat;} #supporting_partners_logos ul li a#partner3:hover {background-position: 0 -100px !important;} #supporting_partners_logos ul li a#partner4 {width: 185px; background: url(/images/site/partner_logo_exmark.jpg) no-repeat;} #supporting_partners_logos ul li a#partner5 {width: 160px; background: url(https://www.texas-wildlife.org/images/site/Ripcord_Rescue_Travel_Insurance_Logo.png) center center no-repeat; background-size: contain;} #supporting_partners_logos ul li a#partner6 {width: 160px; background: url(/images/site/Blaser_Logo_4c_anthrazit.png) no-repeat; background-position: center !important;} #supporting_partners_logos ul li a#partner7 {width: 160px; background: url(/images/site/logo_rios.jpg) no-repeat;} #supporting_partners_logos ul li a#partner8 {width: 160px; background: url(/images/site/partner_logo_tecomate.jpg) no-repeat;} #supporting_partners_logos ul li a#partner9 {width: 185px; background: url(/images/site/YetiLogo.png) no-repeat; margin-left: 10px;} #supporting_partners_logos ul li a#partner9:hover {background-position: 0 -81px !important;} #supporting_partners_logos ul li a#partner10 {width: 100px; background: url(/images/site/partner_logo_nikon.png) no-repeat;margin-left: 100px} #supporting_partners_logos ul li a#partner11 {width: 235px; background: url(/images/site/CLINT_ORMS_Green.png) no-repeat;} #supporting_partners_logos ul li a#partner12 {width: 100px; background: url(/images/site/SHINER_BOCK.png) no-repeat;} #supporting_partners_logos ul li a#partner13{width: 170px; background-image:url(/images/site/black-red-color.png);background-repeat: no-repeat;background-position: center !important;background-size: contain;margin: 0 15px} /* Secondary Content */ #secondary_content {width: 220px; float: left; margin-right: 35px; margin-top: 130px; margin-bottom: 40px;} /* Secondary Navigation */ #sc_nav {width: 220px;} #sc_top {width: 220px; height: 45px; background: url(/images/site/sidenav_bkg_top.png) no-repeat; position: relative;} #sc_top_image {position: absolute; bottom: 0; text-align: center; left: 0; right: 0;} #sc_top_image img {max-width: 100%;} #sc_mid {width: 180px; background: url(/images/site/sidenav_bkg_mid.png) repeat-y; padding: 20px;} #sc_mid ul {list-style: none;} #sc_mid ul li {margin-bottom: 5px;} #sc_mid ul li a {font-size: 16px;} #sc_mid ul li ul {margin-left: 20px; margin-top: 5px;} #sc_mid ul li ul li a {font-size: 14px; color: #5c8e81; background: url(/images/site/blt.png) 0 5px no-repeat; padding-left: 10px;} #sc_mid h2 {font-size: 16px; margin-bottom: 10px;} #sc_mid h5 {font-size: 14px; margin-bottom: 5px; color: #595246;} #sc_mid .sc_nav {display: none;} #sc_mid .sc_nav {margin-left: 20px;} #sc_mid .sc_nav ul {margin-bottom: 20px;} #sc_mid .sc_nav ul li a {font-size: 14px;} #sc_mid .sc_nav ul li ul li ul li a {font-size: 14px; font-style: italic;} #sc_mid .show {display: block;} #sc_mid a.active {color: #595246;} #sc_bot {width: 220px; height: 35px; background: url(/images/site/sidenav_bkg_btm.png) no-repeat;} #sc_bot_checkout {width: 220px; height: 35px;} /* Main Content */ #main_content {width: 685px; float: right; margin-top: 130px; margin-bottom: 40px;} #main_content h1 {margin-bottom: 10px;} #main_content p {margin-bottom: 10px;} #main_content ul {margin-left: 20px; color: #595246; margin-bottom: 10px; list-style: disc;} #main_content ul li {margin-bottom: 5px;} #main_content hr {padding: 10px; border-color: #BCB6AF;} /* Single Content */ #single_content {width: 940px; margin-top: 130px; margin-bottom: 40px;} #single_content h1 {margin-bottom: 20px;} /* General Odd-Even */ .odd {background: #e7e4d7;} .even {background: transparent;} /* Programs */ .program {padding: 25px;} .program_image {width: 190px; margin-right: 20px; float: left;} .program_image img {border: 5px solid #c6bdad;} .program_text {width: 425px; float: right;} .program_text h2 {margin-bottom: 5px;} .program_text h5 {margin-bottom: 10px; font-style: italic;} /* News */ .news {padding: 25px;} .news_date {width: 60px; text-align: center; float: left; margin-right: 20px; padding-bottom: 30px; background: url(/images/site/date_decor.png) bottom center no-repeat;} #main_content .news_date p {color: #312100; font-size: 15px; text-transform: uppercase; margin-bottom: 0;} .news_text {width: 555px; float: right;} .news_text h2 {margin-bottom: 5px;} .news_text h5 {margin-bottom: 10px; font-style: italic;} /* Publications */ .publication {padding: 25px;} .publication_image {width: 110px; text-align: center; float: left; margin-right: 20px;} .publication_image img {border: 5px solid #c6bdad;} .publication_text {width: 505px; float: right;} .publication_text h2 {margin-bottom: 5px;} .publication_text h5 {margin-bottom: 10px; font-style: italic;} #publication_image {width: 230px; float: left; margin-right: 20px;} #publication_image img {border: 5px solid #c6bdad;} /* Events */ .events {padding: 25px;} .events_date {width: 60px; text-align: center; float: left; margin-right: 20px; padding-bottom: 30px; background: url(/images/site/date_decor.png) bottom center no-repeat;} #main_content .events_date p {color: #312100; font-size: 15px; text-transform: uppercase; margin-bottom: 0;} .events_text {width: 555px; float: right;} .events_text h2 {margin-bottom: 5px;} .events_text h5 {margin-bottom: 10px; font-style: italic;} /* Events Registeration */ #register_event {border-top: 1px solid #bcb6af;} #register_event h2 {margin-bottom: 10px;} #register_event label {} #register_event div.name_first input {width: 180px;} #register_event div.dfinput_phones div.phone_area {width: 80px;} #register_event div.phone_area input {width: 40px;} #register_event input {width: 300px; padding: 5px; background: #CDC5BA; border: 1px solid transparent;} #register_event ul {padding: 0; margin: 0;} #register_event ul.checkboxes {list-style: none;} #register_event ul.checkboxes input {width: auto; padding: 0; border: none; background: none;} #register_event ul.radios {list-style: none;} #register_event ul.radios input {width: auto; padding: 0; border: none; background: none;} #register_event input.cart_qty_small {width: 40px;} #register_event div.cc_number input {width: 140px;} #register_event div.cc_ccv input {width: 35px;} #register_event span.forms_cart_total {font-size: 22px; font-weight: bold;} #register_event {margin-bottom: 20px;} #register_event input.submit {width: 72px; height: 35px; border: none; padding: none; margin: 0; background: url(/images/site/btn_submit.jpg) no-repeat; cursor: pointer; font-size: 0; line-height: 99px; overflow: hidden;} #register_event div.dform_multiselect .select {width:100%} .dform_container textarea {background-color: #CDC5BA; padding: 5px !important;} #general {margin-bottom: 20px;} #general label {width: 130px; float: left; margin-right: 10px;} #general label.error {width: 400px; float: none; display: block; padding-left: 140px; color: #C51800;} #additional {margin-bottom: 20px;} #additional label.error {} #additional label.error { display: none; color: #C51800;} #final_submit {margin-bottom: 20px;} #final_submit input.submit {width: 72px; height: 35px; border: none; padding: none; margin: 0; background: url(/images/site/btn_submit.jpg) no-repeat; cursor: pointer;} /* Member Registeration */ #member_register {display: none;} #member_register h2 {margin-bottom: 10px;} #member_register label {width: 130px; float: left; margin-right: 10px;} #member_register input {width: 400px; padding: 10px; background: #CDC5BA; border: 1px solid transparent;} #member_register input.error {border: 1px solid #C51800;} #member_register input.radio {width: auto; background: none; padding: 0;} #member_register input.checkbox {width: auto; background: none; padding: 0;} #member_register ul {list-style: none; margin-left: 0; margin-bottom: 20px;} #member_register ul li {width: 200px; float: left; margin-bottom: 5px;} #member_register_submit {margin-bottom: 20px;} #member_register_submit input.submit {width: 72px; height: 35px; border: none; padding: none; margin: 0; background: url(/images/site/btn_submit.jpg) no-repeat; cursor: pointer;} /* Member Registeration */ #member_register_new {display: none;} #member_register_renewal {display: none;} #membership_forms h2 {margin-bottom: 10px;} #membership_forms label {} #membership_forms div.name_first input {width: 180px;} #membership_forms div.dfinput_phones div.phone_area {width: 80px;} #membership_forms div.phone_area input {width: 40px;} #membership_forms input {width: 300px; padding: 5px; background: #CDC5BA; border: 1px solid transparent;} #membership_forms ul {padding: 0; margin: 0;} #membership_forms ul.checkboxes {list-style: none;} #membership_forms ul.checkboxes input {width: auto; padding: 0; border: none; background: none;} #membership_forms ul.radios {list-style: none;} #membership_forms ul.radios input {width: auto; padding: 0; border: none; background: none;} #membership_forms input.cart_qty_small {width: 40px;} #membership_forms div.cc_number input {width: 140px;} #membership_forms div.cc_ccv input {width: 35px;} #membership_forms span.forms_cart_total {font-size: 22px; font-weight: bold;} #membership_forms {margin-bottom: 20px;} #membership_forms input.submit {width: 72px; height: 35px; border: none; padding: none; margin: 0; background: url(/images/site/btn_submit.jpg) no-repeat; cursor: pointer; font-size: 0; line-height: 99px; overflow: hidden;} #membership_forms div.dform_multiselect .select {width:100%} /* Member Registeration */ #member_renewal {display: none;} #member_renewal h2 {margin-bottom: 10px;} #member_renewal label {width: 130px; float: left; margin-right: 10px;} #member_renewal input {width: 400px; padding: 10px; background: #CDC5BA; border: 1px solid transparent;} #member_renewal input.error {border: 1px solid #C51800;} #member_renewal input.radio {width: auto; background: none; padding: 0;} #member_renewal input.checkbox {width: auto; background: none; padding: 0;} #member_renewal ul {list-style: none; margin-left: 0; margin-bottom: 20px;} #member_renewal ul li {width: 200px; float: left; margin-bottom: 5px;} #member_renewal_submit {margin-bottom: 20px;} #member_renewal_submit input.submit {width: 72px; height: 35px; border: none; padding: none; margin: 0; background: url(/images/site/btn_submit.jpg) no-repeat; cursor: pointer;} /* Packages */ #packages {display: none;} #packages h2 {margin-bottom: 10px;} #packages table {width: 100%; margin-bottom: 10px;} #packages table thead th {background: #002A28; padding: 5px; color: #fff; font-weight: normal; text-align: left;} #packages table tbody tr {} #packages table tbody td {padding: 5px; color: #5A564B;border-bottom: 1px solid #E0DDCE;} #packages input.add_to_cart {width: 120px; height: 35px; float: right; background: url(/images/site/btn_add.jpg) no-repeat; cursor: pointer; padding: 0; margin: 0;} #cart_added {background: #BA680F; padding: 10px; margin-bottom: 10px; display: none;} #cart_added p {margin-bottom: 0; color: #fff; font-weight: bold; letter-spacing: .1em;} /* Video */ .video {width: 160px; margin-right: 80px; float: left; margin-bottom: 20px;} .full_video {margin-bottom: 20px;} /* Store */ .store {width: 180px; text-align: center; float: left; margin-right: 20px; margin-bottom: 40px;} .store img {border: 3px solid #CAC1B2; margin-bottom: 10px;} .store p {font-size: 18px;} #store_left {width: 380px; float: left; margin-right: 20px;} #store_left img {border: 3px solid #CAC1B2;} #store_right {width: 285px; float: right;} #store_form input.buy {width: 95px; height: 35px; padding: 0; border: none; background: url(/images/site/btn_buy.jpg) no-repeat; cursor: pointer;} /* Membership */ .membership {padding: 25px;} .membership_image {width: 190px; margin-right: 20px; float: left;} .membership_image img {border: 5px solid #c6bdad;} .membership_text {width: 425px; float: right;} .membership_text h2 {margin-bottom: 5px;} .membership_text h5 {margin-bottom: 10px; font-style: italic; color: #595246; font-weight: bold;} .join_now {width: 245px; height: 35px; background: url(/images/site/btn_join_renew.png) no-repeat; cursor: pointer; padding: 0;} /* Donate */ .donate {text-align: center; width: 115px; height: 60px; font-size: 22px; float: left; margin: 0 10px 10px 0; display: block; background: url(/images/site/donate_btn.jpg) no-repeat; color: #fff; font-weight: bold; cursor: pointer;} /* Contact Form */ #contact_form input {width: 480px; padding: 10px; background: #cdc5ba; color: #595246;} #contact_form input:focus {background: #837c72; color: #efebdb;} #contact_form textarea {width: 480px; height: 150px; padding: 10px; background: #cdc5ba; color: #595246;} #contact_form textarea:focus {background: #837c72; color: #efebdb;} #contact_form input.submit {width: 72px; height: 35px; padding: 0; border: none; background: url(/images/site/btn_submit.jpg) no-repeat; cursor: pointer;} /* Cart */ #cart {width: 100%;} #cart thead th {text-align: left; background: #002a28; color: #bfbaa9; padding: 10px; text-transform: uppercase; font-size: 12px;} #cart tbody td {padding: 10px;} #cart tbody input.quantity {width: 20px; background: #fff; padding: 3px; border: 1px solid #818989; text-align: center;} #cart tbody tr:nth-child(odd) {background: #F9F2E8} #cart tbody tr:nth-child(even) {background: #FFF} #cart_controls {text-align: right; margin-bottom: 10px;} #cart_controls input {margin-left: 10px;} #cart_controls input.update_cart {width: 135px; height: 35px; background: url(/images/site/btn_update.jpg) no-repeat; cursor: pointer;} #cart_controls input.empty_cart {width: 100px; height: 35px; background: url(/images/site/btn_empty.jpg) no-repeat; cursor: pointer;} #cart_coupons {} #cart_coupons input {background: #CDC5BA; width: 200px; padding: 10px; border: none; float: left; margin-right: 5px; color: #595246;} #cart_coupons input:focus {background: #837c72; color: #efebdb;} #cart_coupons input.add_coupon {width: 105px; background: url(/images/site/btn_coupon.jpg); height: 35px; border: none; padding: 0; margin: 0; cursor: pointer;} #cart_details {text-align: right;} #cart_details input.checkout {width: 120px; height: 35px; background: url(/images/site/btn_checkout.jpg) no-repeat; cursor: pointer;} /* Mini Cart */ #mini_cart {border-top: 3px solid #f5f4f0; padding-top: 10px; margin-top: 10px;} #mini_cart h3 {color: #ba680f; margin-bottom: 5px;} #mini_cart p {color: #7e502a; font-size: 14px; margin-bottom: 5px;} #mini_cart a {color: #5c8e81;} /* Checkout */ #checkout td {padding: 10px;} #checkout input {background: #fff; width: 300px; padding: 10px; border: 1px solid #818989;} #checkout_form {} #checkout_form p {font-size: 14px; font-weight: bold; line-height: 26px; margin-bottom: 10px; color: #595246;} #checkout_form h2 {margin-bottom: 10px;} #checkout_left {width: 450px; float: left; margin-right: 40px;} #checkout_right {width: 450px; float: left;} #shipping_details {display: none;} #checkout_form input {background: #CDC5BA; width: 400px; padding: 10px; border: none; color: #595246;} #checkout_form input.checkbox {background: none; width: auto; padding: 0;} #checkout_form input:focus {background: #837c72; color: #efebdb;} #checkout_form textarea {background: #fff; width: 300px; height: 50px; padding: 10px; border: 1px solid #818989;} #checkout_cart {width: 100%; margin-bottom: 40px;} #checkout_cart thead th {text-align: left; background: #002a28; color: #bfbaa9; padding: 5px; text-transform: uppercase; font-size: 12px;} #checkout_cart tbody td {padding: 5px; color: #595246;} #checkout_cart tbody tr:nth-child(odd) {background: #F9F2E8} #checkout_cart tbody tr:nth-child(even) {background: #FFF} #checkout_form input.complete_order {background: url(/images/site/btn_complete_order.jpg); width: 160px; height: 35px; padding: 0; border: none; cursor: pointer;} #credit_card_payment {margin-bottom: 20px; position: relative;} #credit_card_payment label {display: block; color: #595246;} #credit_card_payment table {width: 220px; margin-bottom: 10px;} #credit_card_payment table td {padding: 3px; font-size: 13px; font-weight: 700; color: #595246;} #credit_card_payment input {background: #CDC5BA; width: 250px; padding: 5px; border: 1px solid #818989;} #place_order {float: right;} #place_order input {background: #fff; width: 300px; padding: 10px; border: 1px solid #818989; cursor: pointer;} /*Evaluations*/ #eval_content {width: 685px; float: left; margin-top: 30px; margin-bottom: 40px;} #eval_content h1 {margin-bottom: 10px;} #eval_content p {margin-bottom: 10px;} #eval_content ul {margin-left: 20px; color: #595246; margin-bottom: 10px; list-style: disc;} #eval_content ul li {margin-bottom: 5px;} #eval_content hr {padding: 10px; border-color: #BCB6AF;} #evaluation_forms h2 {margin-bottom: 10px;} #evaluation_forms label {} #evaluation_forms div.name_first input {width: 180px;} #evaluation_forms div.dfinput_phones div.phone_area {width: 80px;} #evaluation_forms div.phone_area input {width: 40px;} #evaluation_forms input {width: 215px; padding: 5px; background: #CDC5BA; border: 1px solid transparent;} #evaluation_forms ul {padding: 0; margin: 0;} #evaluation_forms ul.checkboxes {list-style: none;} #evaluation_forms ul.checkboxes input {width: auto; padding: 0; border: none; background: none;} #evaluation_forms ul.radios {list-style: none;} #evaluation_forms ul.radios input {width: auto; padding: 0; border: none; background: none;} #evaluation_forms input.cart_qty_small {width: 40px;} #evaluation_forms div.cc_number input {width: 140px;} #evaluation_forms div.cc_ccv input {width: 35px;} #evaluation_forms span.forms_cart_total {font-size: 22px; font-weight: bold;} #evaluation_forms {margin-bottom: 20px;} #evaluation_forms input.submit {width: 72px; height: 35px; border: none; padding: none; margin: 0; background: url(/images/site/btn_submit.jpg) no-repeat; cursor: pointer; font-size: 0; line-height: 99px; overflow: hidden;} #evaluation_forms div.dform_multiselect .select {width:100%} /* Overlays */ .ui-widget-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #FFF} .ui-datepicker {width: 14em; padding: .2em 1.1em 0; display: none; background: #FFF} .ui-datepicker .ui-datepicker-header {position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top: 1px; } .ui-datepicker .ui-datepicker-prev {left:2px; } .ui-datepicker .ui-datepicker-next {right:2px; } .ui-datepicker .ui-datepicker-prev-hover {left:1px; } .ui-datepicker .ui-datepicker-next-hover {right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title {margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select {font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th {padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td {border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a {display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane {background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button {float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi {width:auto; } .ui-datepicker-multi .ui-datepicker-group {float:left; } .ui-datepicker-multi .ui-datepicker-group table {width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group {width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group {width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group {width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane {clear:left; } .ui-datepicker-row-break {clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl {direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev {right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next {left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover {right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover {left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane {clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button {float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {float:right; } .ui-datepicker-rtl .ui-datepicker-group {float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover {position: absolute; /*must have*/z-index: -1; /*must have*/filter: mask(); /*must have*/top: -4px; /*must have*/left: -4px; /*must have*/width: 200px; /*must have*/height: 200px; /*must have*/} /* Order History */ .order {width: 100%; margin-bottom: 20px;} .order thead th {text-align: left; font-weight: 700; background: #002a28; color: #bfbaa9; padding: 10px; text-transform: uppercase; font-size: 12px;} .order tbody td {padding: 5px 0; vertical-align: top; color: #595246;} /* Order Details */ #order_details {width: 100%;} #order_details th {text-align: left; padding: 10px;} #order_details td {padding: 5px; vertical-align: top; text-align: left;} /* Search */ .search_result {margin-bottom: 20px;} /* Social Buttons */ #social_buttons {margin-bottom: 10px;} .social_button {width: 60px; float: left; margin-right: 5px; text-align: center;} /* Footer Push */ #push {height: 215px;} /* Footer */ #footer_topper_wrapper {height: 125px; background: url(/images/site/footer.png) top center no-repeat;} #footer_topper {width: 960px; height: 125px; margin: 0 auto; position: relative;} #social {position: absolute; top: 70px; left: 600px;} #social a {width: 40px; height: 40px; display: block; float: left; margin-right: 10px;} #social a:hover {background-position: 0 -40px !important;} #fb {background: url(/images/site/sm_fb.png) no-repeat;} #tw {background: url(/images/site/sm_t.png) no-repeat;} #rss {background: url(/images/site/sm_rss.png) no-repeat;} #yt {background: url(/images/site/sm_youtube.png) no-repeat;} #footer_wrapper {min-width: 960px; height: 90px; background: #1c0a02;} #footer {height: 90px; width: 960px; margin: 0 auto; position: relative;} #footer p {color: #afa497; font-size: 12px;} #footer a {color: #afa497; font-size: 12px;} #copyright {text-align: center; position: absolute; bottom: 10px; width: 960px;} /* Popup */ #pop_up {position: fixed; top: 0; left: 0; z-index: 99999; overflow: scroll; width: 100%; height: 100%; background: rgb(50,50,50); background: rgba(50,50,50,.8);} #pop_up .dform_element {margin: 0;} #pop_up .dftop_label .dform_label {margin: 0;display: -moz-inline-stack;display: inline-block;line-height: 1.3em;clear: both;font-size: 14px;color:#595246;letter-spacing:2px;} #pop_up .dfcolumns .column {min-height: 0; float:left;} #pop_up h2{margin: 24px 0 0 30px;} #pop_up #register_div{width: 800px; margin: 0 auto; position: relative; top: 100px; padding-top: 20px; display: block; background:url(/images/site/bkg_rptr.jpg);} #pop_up .dform_container {padding-bottom: 10px;} #pop_up .form_container img{max-width: 100%;} #pop_up .dform{border-radius: 0px; padding: 10px; font-size: 14px; font-weight: bold; opacity: 1; background:url(/images/site/bkg_rptr.jpg); margin: 0 auto;} #pop_up input{width:90%; margin: 0; border:1px solid #E5E3E1; border-radius:3px; padding: 10px; opacity:1; background: #cdc5ba; color: #595246;} #pop_up input:focus{background: #837c72; color: #efebdb;} #pop_up input.submit{font-family:'Oswald',sans-serif; font-weight:300; letter-spacing:2px; background-color:#57565B; margin: 15px 0 0 285px; color:#fff; width:140px; height:35px; border:none; border-radius:0px; text-transform:uppercase;} #pop_up input.submit:hover{cursor:pointer;} #pop_up input[type=checkbox]{width:15px; height:15px; margin: 0 0 0 -20px;} #main_content #pop_up ul{list-style:none;} #about #new_submission {clear: both;} #about #main_content table td p {margin-bottom: 5px;} #about table s, #about table s strong {opacity: .7;} /*lessons page style*/ .lessons-categories {width: auto;height: auto;margin: 40px 0px 80px 0px !important;padding: 0px;display: block;} .lessons-categories li{width: 300px;height: auto;margin: 0px 30px 40px 0px !important;padding: 0px;display: inline-block;vertical-align: top;list-style: none;text-align: center;} .lessons-categories li a:hover {text-decoration: none;} .lessons-categories li ul {margin-top: 20px;} .lessons-categories li ul li {margin-bottom: 25px !important;} .login-form form {margin-top: 30px; } .login-form form input {background: #c9beae;padding: 10px; color: #595246; max-width: 480px; width: 100%; font: 14px "georgia",serif, monospace;} #auto_login, #accept_terms {width: auto;} .login-form form input:focus {background: #837c72; color: #efebdb;} .login-form form input:-webkit-input-placeholder {color: #fcfcfa;} .login-form form input:-moz-placeholder {color: #fcfcfa;} .login-form form input.submit {width: 97px; height: 36px; background: url(/images/site/login.png) no-repeat; cursor: pointer; margin-top: 10px;} .login-form form input:-webkit-autofill, .login-form form textarea:-webkit-autofill,.login-form form select:-webkit-autofill {background: #c9beae;} .login-form form input.submit{width: 120px;cursor: pointer;text-indent: -9999px;} .login-form form p{text-align: left; } .lessons-categories h1 {font-size: 23px;} .lessons-subnav h1{font-size: 14px;color: #096C52;background: url(/images/site/blt.png) 0 5px no-repeat;padding-left: 10px;} .login-form #submit {width: 72px;height: 35px;border: none;padding: none;margin: 10px 0 0 0;background: url(/images/site/btn_submit.jpg) no-repeat;cursor: pointer;font-size: 0;line-height: 99px;overflow: hidden;} .category-entries {width: auto;height: auto;margin: 40px 0px 20px 0px;padding: 0px 0 0 0px;display: block;} .category-entries li {color: #7e502a;font-size: 20px;font-family: "georgia","verdana","helvetica","arial",serif;font-weight: normal;margin-left: 20px;margin-bottom: 35px !important;} .category-entries p {font: 14px "georgia",serif, monospace;font-weight: normal;color: #595246;line-height: 20px;} .category-entries li a:hover {text-decoration: none;} .category-entries h2 {padding-bottom: 10px; } .category-entries .readmore {font-size: 13px; display: inline-block; } .other-lessons {text-align: center;} .bxslider.lessons-categories {text-align: center;} .bx-wrapper {position: relative;} .bx-prev {width: 12px; height: 23px; margin: 0px; padding: 0px; display: block; position: absolute; left: -30px; top: 82px; background: url(/images/site/prev.png) no-repeat; text-indent: -99999px;} .bx-next {width: 12px; height: 23px; margin: 0px; padding: 0px; display: block; position: absolute; right: -4px; top: 82px; background: url(/images/site/next.png) no-repeat; text-indent: -99999px;} .bx-prev:hover, .bx-next:hover {opacity: 0.7;} .bx-wrapper {width: 100% !important;max-width: 100% !important;} .bx-viewport {height: auto !important;} .other-lessons{margin-bottom: 0px !important; margin-top: 80px;} .bxslider h3 {margin-top: 10px;} .bxslider {margin-top: 20px !important;} /*lessons page table style*/ #lessons table {color: #333; font-family: Helvetica, Arial, sans-serif; width: 100% !important; border-collapse: collapse; border-spacing: 0; margin-bottom: 10px; margin-top: 15px;} #lessons td, #lessons th {border: 5px solid #c6bdad; height: 30px; transition: all 0.3s; background: #e7e4d7; padding: 10px 15px 5px;} #lessons th {font-weight: bold;} #lessons tr td:hover {color: #FFF; } /* Hover cell effect! */ #register #about select {max-width: 500px; padding: 5px 10px; font-size: 14px; line-height: 1; border: 0; border-radius: 0; min-height: 34px; -webkit-appearance: none; width: 100%; color: #595246; font: 14px "georgia",serif, monospace;background: url(/images/site/dd_btn.png) no-repeat #c9beae; background-position: 99% center;} #register #about select:focus {outline: #595246 auto 5px;-moz-appearance: none;} /*#donation .store_product_form .sel {position: absolute; left: 0; top: 85px;}*/ #donation .store_product_form .sel.hide {display: none;} #donation .store_product_form select {font-family: "georgia","verdana","helvetica","arial",serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; width: 72%; padding: 1.5% 3%; font-size: 14px; background-repeat: no-repeat; background-image: url(/images/site/arw_r.png); background-position: 99%; border: 1px solid #002a28; background-color: #c9beae; color: #002a28;} #donation .store_product_form select:focus {outline: none;} #new_submission.donate {color: #7e502a; width: 100%; height: auto; text-align: left; background: none;} #new_submission.donate .dform_container label {font-size: 13px} #new_submission.donate label.dform_label {color: #7e502a; font-family: "georgia","verdana","helvetica","arial",serif; font-weight: normal; font-size: 15px;} #new_submission.donate .radios li {font-size: 15px; list-style: none;} #new_submission.donate .radios label {font-size: 15px} #new_submission.donate input[type="text"] {font-size: 15px; background: #fff; padding: 10px; color: #595246; max-width: 310px; width: 100%; border: 1px solid #595246; margin-bottom: 5px;} #new_submission.donate input[type="tel"] {font-size: 15px; background: #fff; padding: 10px; color: #595246; max-width: 310px; width: 75%; border: 1px solid #595246; margin-bottom: 5px; overflow: visible; margin-right: 1%;} #new_submission.donate input[type="email"] {font-size: 15px; background: #fff; padding: 10px; color: #595246; max-width: 310px; width: 100%; border: 1px solid #595246; margin-bottom: 5px; overflow: visible;} #new_submission.donate .cc_logos {left: 30%; top: 3px;} #new_submission.donate .cc_cardinfo .ccv_img {top: 8px; left: 89%;} #new_submission.donate input[type="submit"] {color: #fff; background: #7e502a; font-weight: 200; letter-spacing: 1px; padding: 7px 30px; border: 4px double #fff; font-size: 16px; border-radius: 3px;} #new_submission.donate .dform_container select {font-family: inherit; padding: 10px 15px; font-size: 15px; letter-spacing: normal; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; border: 1px solid #595246; border-radius: 0px; color: #595246; margin-bottom: 3px; background-image: url(/images/site/arw_r.png); background-size: 19px; background-repeat: no-repeat; background-position: 93% 10px;} #new_submission.donate .cc_cardinfo .info_block {width: 45%;} #new_submission.donate .cc_cardinfo .exp_month {width: 50%; margin-right: 1%;} #new_submission.donate .cc_cardinfo .exp_year {width: 49%;} .dfinput_names .name_first {width: 100% !important;} .dfinput_names .name_last {width: 100% !important;} /*.dfinput_phones .phone_number {width: 100% !important;}*/