/* BASIC ELEMENTS ------------------------------------------------------------------------------------- */ * { margin:0; padding:0; } html { min-height:100%; margin-bottom:1px; } body { text-align:center; font:11px arial, helvetica, sans-serif; color:#333; background:#fff url(../images/bg_body.gif) repeat-x 0% 0%; } table, th, td { font:11px arial, helvetica, sans-serif; color:#333; } a img, :link img, :visited img { border:none; } a:link { color:#339; text-decoration:underline; } a:visited { color:#339; text-decoration:underline; } a:hover, a:active { color:#339; text-decoration:none; } #skip { display:none; } /* STYLING ELEMENTS ------------------------------------------------------------------------------------- */ #container { margin:0 auto; width:760px; text-align:left; } #header_wrap { position:relative; height:186px; background:url(../images/bg_header.gif) no-repeat 50% 0%; z-index:50; } #header { margin:0 auto; position:relative; width:990px; height:186px; text-align:left; background:url(../images/header_home.gif) no-repeat 216px 97px; } #header .floatright { margin-right:10px; } #headernav { color:#aca095; font-size:11px; position:absolute; top:38px; left:398px; } #headernav a { text-decoration:none; } /*#headernav span { margin-left:9px; padding-right:9px; background:url(../images/icon_lock.gif) no-repeat 100% 3px; }*/ #headernav span a { font-size:11px; font-weight:bold; } #headernav a:hover { text-decoration:underline;} /* HEADER BACKGROUND IMAGES */ /*#cats #header { background-image:url(../images/header_cats.jpg); } #dogs #header { background:url(../images/header_dogs.jpg) no-repeat 100% 0; } #fish #header { background-image:url(../images/header_fish.jpg); } #reptiles #header { background-image:url(../images/header_reptiles.jpg); } #birds #header { background-image:url(../images/header_birds.jpg); } #small-animals #header { background-image:url(../images/header_small-animals.jpg); } #horses #header { background-image:url(../images/header_horses.jpg); }*/ /* MAIN LOGO IMAGES */ #mainlogo {position:absolute; top:28px; left:12px; } .flash_content {padding:7px 0 0;} #content_wrap { position:relative; background:url(../images/bg_shadow_sides.gif) repeat-y 50% 0%; } #main { margin:0 auto; padding:0 10px; position:relative; clear:both; width:970px; text-align:left; } .sidebar { padding:0 6px 0 7px; float:left; position:relative; display:inline; width:248px; min-height:234px; background:url(../images/bg_flash_content.gif) no-repeat 0% 0%; } * html .sidebar { height:234px; } .sidebar h2 { margin:0 0 15px; color:#666; font-size:24px; line-height:24px; font-weight:normal; letter-spacing:-1px; } .sidebar h3.small { font-size:10px; color:#aea297; } .sidebar blockquote { margin:0 0 5px; padding:7px 0; display:block; color:#339; border:1px dotted #aea297; border-width:1px 0; } .sidebar ol { margin-left:18px; } .sidebar ol li { margin:0 0 4px; color:#aea297; } .sidebar a { text-decoration:none; } .sidebar a:hover { text-decoration:underline; } .form_wrap { padding:70px 0 13px 0; width:248px; background:url(../images/bg_search.gif) no-repeat 50% 0%; } .form_wrap form { padding:0 12px 0 13px; width:223px; } .form_wrap form .search_box { margin:0 0 3px 0; padding:1px; width:217px; height:17px; color:#666; border:1px solid #7f9db9; } .form_wrap form .dropdown { margin:0 0 2px 0; padding:0 1px; width:194px; height:21px; color:#666; font-size:12px; border:1px solid #7f9db9; cursor:pointer; } .form_wrap form .dropdown option { padding:2px 5px; } .form_wrap form .btn_go { vertical-align:top; } .form_wrap form .btn_advanced { margin:0 0 0 44px; } .form_wrap .btn { margin:0 0 2px; } #logo_carousel { margin:20px 0 0; } .e-news { margin-top:15px; display:block; } div.hp_news { padding:30px 0 37px 0; font-size:12px; line-height:16px; background:url(../images/bg_blockquote.gif) no-repeat 50% 100%; } div.pop { padding:25px 0 0 0; } #h_rotator { padding:6px 0 0 0; height:279px; } #h_rotator h1, #h_rotator h2, #h_rotator p { position:absolute; font-family:helvetica, arial, sans-serif; } #h_rotator .rotate01 { height:278px; background:url(../images/bg_sample01.jpg) no-repeat 0% 0%; } #h_rotator .rotate01 h1, #h_rotator .rotate01 h2, #h_rotator .rotate01 p { padding:0 20px 0 269px; color:#666; } #h_rotator .rotate01 h1 { font-size:20px; font-weight:normal; letter-spacing:-1px; top:78px; left:0px; } #h_rotator .rotate01 h2 { font-size:33px; font-weight:normal; letter-spacing:-2px; line-height:30px; top:100px; left:0px; } #h_rotator .rotate01 p { font-size:15px; font-weight:bold; line-height:16px; top:198px; left:0px; } #h_rotator .rotate02 { height:278px; background:url(../images/bg_sample02.jpg) no-repeat 0% 0%; } #h_rotator .rotate02 h1, #h_rotator .rotate02 h2, #h_rotator .rotate02 p { padding:0 269px 0 20px; color:#666; } #h_rotator .rotate02 h1 { font-size:20px; font-weight:normal; letter-spacing:-1px; top:78px; left:0px; } #h_rotator .rotate02 h2 { font-size:33px; font-weight:normal; letter-spacing:-2px; line-height:30px; top:100px; left:0px; } #h_rotator .rotate02 p { font-size:15px; font-weight:bold; line-height:16px; top:198px; left:0px; } /* SUB PAGES ------------------------------------------------------------------------------------- */ .s_sidebar { position:relative; padding:0 0 20px; width:202px; float:left; display:inline; } .s_sidebar .s_search { padding:10px 20px 0; height:43px; } #cats .s_sidebar .s_search { background:#969; } #dogs .s_sidebar .s_search { background:#c36; } #fish .s_sidebar .s_search { background:#66c; } #reptiles .s_sidebar .s_search { background:#693; } #birds .s_sidebar .s_search { background:#f90; } #small-animals .s_sidebar .s_search { background:#966; } #horses .s_sidebar .s_search { background:#903; } #sign-up .s_sidebar .s_search, #id404 .s_sidebar .s_search, #search .s_sidebar .s_search, #rss-feeds .s_sidebar .s_search { background:#aca095; } * html .s_sidebar .section_title { margin-bottom:-3px; } /* RELATED LINKS */ .related { width:202px; margin:10px 0 0; background:#969 url(../images/bg_related_cats_top.gif) no-repeat; } .related div { padding:10px 10px 20px; min-height:70px; background:url(../images/bg_related_cats.jpg) no-repeat bottom left; } * html .related div { height:70px; } .related h3 { color:#d8b4d8; font-size:14px; font-family:helvetica, arial, sans-serif; font-weight:normal; } .related li { padding:2px 0 3px 4px; list-style:none; } .related a:link, .related a:visited { color:#fff; font-weight:bold; font-size:10px; text-decoration:none; } .related a:hover { text-decoration:underline; } #dogs .related { background:#c36 url(../images/bg_related_dogs_top.gif) no-repeat; } #dogs .related div { background:url(../images/bg_related_dogs.jpg) no-repeat bottom left; } #dogs .related h3 { color:#ea92af; } #fish .related { background:#66c url(../images/bg_related_fish_top.gif) no-repeat; } #fish .related div { background:url(../images/bg_related_fish.jpg) no-repeat bottom left; } #fish .related h3 { color:#adadea; } #reptiles .related { background:#693 url(../images/bg_related_reptiles_top.gif) no-repeat; } #reptiles .related div { background:url(../images/bg_related_reptiles.jpg) no-repeat bottom left; } #reptiles .related h3 { color:#e9e9b6; } #birds .related { background:#f90 url(../images/bg_related_birds_top.gif) no-repeat; } #birds .related div { background:url(../images/bg_related_birds.jpg) no-repeat bottom left; } #birds .related h3 { color:#ffd18c; } #small-animals .related { background:#966 url(../images/bg_related_small-animals_top.gif) no-repeat; } #small-animals .related div { background:url(../images/bg_related_small-animals.jpg) no-repeat bottom left; } #small-animals .related h3 { color:#ceb1b1; } #horses .related { background:#903 url(../images/bg_related_horses_top.gif) no-repeat; } #horses .related div { background:url(../images/bg_related_horses.jpg) no-repeat bottom left; } #horses .related h3 { color:#c45f80; } /* Tips */ .s_tips { position:relative; margin:20px 0 0; line-height:16px; background:url(../images/tips_bg.gif) repeat-y; color:#666; } .s_tips div { background:url(../images/tips_tp.gif) no-repeat; min-height:80px; } * html .s_tips div { height:80px; } .s_tips div div { background:url(../images/tips_bttm.gif) no-repeat bottom left; padding:12px 40px 26px 10px; } .s_tips h3 { font-size:16px; } .content { position:relative; padding:0 0 40px; width:709px; float:left; background:url(../images/bg_flash_content.gif) no-repeat 100% 0%; } .s_content { position:relative; padding:0 0 20px; width:768px; float:left; color:#666; font-size:12px; line-height:16px; } .s_content .section_title { position:relative; height:53px; } #cats .s_content .section_title { background:#969; } #dogs .s_content .section_title { background:#c36; } #fish .s_content .section_title { background:#66c; } #reptiles .s_content .section_title { background:#693; } #birds .s_content .section_title { background:#f90; } #small-animals .s_content .section_title { background:#966; } #horses .s_content .section_title { background:#903; } #legal .section_title, #contact-us .section_title, #privacy-policy .section_title, #site-map .section_title, #about-us .section_title, #e-news-login .section_title, .other .section_title { background:#aca095; } .s_search { position:absolute; top:16px; right:20px; } .s_search .s_search_box { padding:2px; font-size:11px; color:#999; width:130px; height:14px; border:1px solid #fff; } .s_search .s_btn_go { margin-left:-2px; vertical-align:top; } .s_content .tools { position:relative; margin:0 0 13px 20px; padding:8px 0 6px 0; font-size:11px; text-align:right; border-bottom:1px solid #eae9eb; } .s_content .tools .email_this { margin-right:10px; padding:0 14px 0 0; text-decoration:none; background:url(../images/icon_mail.gif) no-repeat 100% 4px; } .s_content .tools .print_this { margin-right:7px; padding:0 13px 0 0; text-decoration:none; background:url(../images/icon_print.gif) no-repeat 100% 3px; } .s_content .tools .breadcrumbs { position:absolute; top:5px; left:0; padding:0 0 10px 0; color:#999; font-size:10px; line-height:20px; } .s_content .tools .breadcrumbs a { text-decoration:none; } .s_content .tools .breadcrumbs a:hover { text-decoration:underline; } .s_content h1 { font:normal 14px/14px helvetica, arial, sans-serif; color:#666; padding-bottom:10px; } .s_content h2 { padding:0 0 10px 0; font:normal 26px/24px helvetica, arial, sans-serif; color:#666; } .s_content p { padding:0 0 10px 0; color:#666; font-size:12px; line-height:16px; } .s_content .s_col1 { padding:0 20px; } .sponsors { margin:50px 20px 30px; clear:both; color:#999; border-bottom:1px solid #e9e9e9;} .sponsors h3 { margin:0 0 2px 0; font-size:10px; } .sponsors img { float:left; padding:6px 8px 8px 0; } .s_content .s_col1 ul, .s_content .s_widecol ul { padding:0 0 10px 20px; } .s_content .intro { padding:31px 20px 0; width:728px; height:137px; } .s_content .intro h1 { font:bold 20px/22px helvetica, arial, sans-serif; color:#fff; } .s_content .intro p { margin:0 120px 0 0; font:14px/22px helvetica, arial, sans-serif; color:#fff; } #cats .s_content .intro { background:url(../images/bg_cats_intro.jpg) no-repeat; } #cats .s_content .intro0 { background:url(../images/bg_cats_intro0.jpg) no-repeat; } #cats .s_content .intro1 { background:url(../images/bg_cats_intro1.jpg) no-repeat; } #cats .s_content .intro2 { background:url(../images/bg_cats_intro2.jpg) no-repeat; } #cats .s_content .intro1 p, #cats .s_content .intro1 h1, #cats .s_content .intro2 p, #cats .s_content .intro2 h1, #reptiles .s_content .intro p, #reptiles .s_content .intro h1 { color:#333; } #dogs .s_content .intro { background:url(../images/bg_dogs_intro.jpg) no-repeat; } #dogs .s_content .intro0 { background:url(../images/bg_dogs_intro0.jpg) no-repeat; } #dogs .s_content .intro1 { background:url(../images/bg_dogs_intro1.jpg) no-repeat; } #dogs .s_content .intro2 { background:url(../images/bg_dogs_intro2.jpg) no-repeat; } #fish .s_content .intro { background:url(../images/bg_fish_intro.jpg) no-repeat; } #fish .s_content .intro0 { background:url(../images/bg_fish_intro0.jpg) no-repeat; } #fish .s_content .intro1 { background:url(../images/bg_fish_intro1.jpg) no-repeat; } #fish .s_content .intro2 { background:url(../images/bg_fish_intro2.jpg) no-repeat; } #reptiles .s_content .intro { background:url(../images/bg_reptiles_intro.jpg) no-repeat; } #reptiles .s_content .intro0 { background:url(../images/bg_reptiles_intro0.jpg) no-repeat; } #reptiles .s_content .intro1 { background:url(../images/bg_reptiles_intro1.jpg) no-repeat; } #birds .s_content .intro { background:url(../images/bg_birds_intro.jpg) no-repeat; } #small-animals .s_content .intro { background:url(../images/bg_small-animals_intro.jpg) no-repeat; } #horses .s_content .intro { background:url(../images/bg_horses_intro.jpg) no-repeat; } .s_content .s_widecol { padding:0 0 0 20px; float:left; position:relative; display:inline; width:518px; } .s_content .s_widecol .article { padding:9px 11px 7px 0; background:url(../images/bg_article.gif) repeat-x 0% 100%; margin-bottom:5px; /*\*/height:1%;/**/ } .s_content .s_widecol .article h1 { line-height:10px; } .s_content .s_widecol .article h2 { line-height:12px; letter-spacing:-1px; } .s_content .s_widecol .article p { margin:0 0 0 71px; } .s_content .s_widecol .article .floatleft, .s_content .s_widecol .tips .floatleft { margin:1px 10px 0 0; } .s_content .s_widecol .article .more { padding:0 10px 0 0; text-decoration:none; background:url(../images/arrow_blue.gif) no-repeat 100% 7px; } * html .s_content .s_widecol .article .more { background-position:100% 5px; } .s_content .s_widecol .article a:hover { text-decoration:underline; } .s_content .s_widecol .article small { font-size:10px; } .s_content .s_widecol .tips_wrap { padding:12px 0 0 0; } .s_content .s_widecol .tips { padding:0 10px; width:239px; min-height:165px; float:left; position:relative; display:inline; } * html .s_content .s_widecol .tips { height:165px; } .s_content .s_widecol .tips h3 { font:bold 14px/15px helvetica, arial, sans-serif; } .s_content .s_widecol .tips p { padding:5px 0 0 0; } .s_content .s_widecol .tips .floatright { margin:0 0 0 10px; } .s_content .s_widecol .tips .more { padding:0 10px 0 0; text-decoration:none; background:url(../images/arrow_blue.gif) no-repeat 100% 7px; } * html .s_content .s_widecol .tips .more { background-position:100% 5px; } .s_content .s_widecol .tips a:hover { text-decoration:underline; } .s_content .s_widecol .tips small { font-size:10px; } .s_content .s_sidecol { position:relative; margin:34px 0 0 35px; width:195px; float:left; display:inline; } .s_content .s_sidecol_section { margin-top:0; } .content .module { position:relative; margin-right:10px; width:344px; float:left; display:inline; } .s_content .module { position:relative; margin:18px 0 0 0;width:343px; height:285px; float:left; display:inline; } .content .module div { position:relative; width:100%; } .content .module table { margin:18px 0 0 0; width:100%; height:281px; } .content table td { vertical-align:top; } .s_content .module { height:auto; margin-right:35px; } .s_content .module h1 { font-weight:bold; } .s_content .module p { font-weight:normal; font-size:12px; } .content .module h1 { margin:11px 0 0; padding:0 0 0 21px; font:normal 24px/26px helvetica, arial, sans-serif; color:#fff; letter-spacing:-1px; } .content .module h1 span { font-size:14px; line-height:12px; } .content .module img { padding:7px 0 7px 21px; } .content .module p { padding:0 9px 0 21px; font-size:11px; line-height:13px; color:#fff; } .content .module a { color:#fff; text-decoration:underline; } .content .module a:hover { color:#f9e7cd; } .content .module a.more { position:absolute; bottom:24px; right:10px; padding:0 10px 0 0; font-size:12px; font-weight:bold; text-decoration:none; background:url(../images/arrow_white.gif) no-repeat 100% 6px; } .content .module a.more:hover { text-decoration:underline; } .content .bird_box table { background:url(../images/bg_birds.jpg) no-repeat 0 0; } .content .cat_box table { background:url(../images/bg_cats.jpg) no-repeat 0 0; } .content .dog_box table { background:url(../images/bg_dogs.jpg) no-repeat 0 0; } .content .fish_box table { background:url(../images/bg_fish.jpg) no-repeat 0 0; } .content .horse_box table { background:url(../images/bg_horses.jpg) no-repeat 0 0; } .content .reptile_box table { background:url(../images/bg_reptiles.jpg) no-repeat 0 0; } .content .small_animal_box table { background:url(../images/bg_small_animals.jpg) no-repeat 0 0; } .content .video_box table { background:url(../images/bg_video.jpg) no-repeat 0 0; } .content .news { padding-right:11px; height:230px; background:url(../images/bg_news-contest_bottom.gif) no-repeat 9px 100%; } .content .news h1 { padding-right:9px; background:url(../images/bg_news-contest_top.gif) no-repeat 9px 0%; } .content .news img { padding:5px 0 5px 20px; } .content .contest { height:261px; background:url(../images/bg_news-contest_bottom.gif) no-repeat 100% 100%; } .content .contest h1 { padding-right:9px; background:url(../images/bg_news-contest_top.gif) no-repeat 9px 0%; } .content .contest img { padding:5px 0 5px 20px; } .content .contest .caption { color:#666; width:120px; line-height:12px; position:absolute; top:102px; left:8px; } .content .contest .caption strong { font-size:12px; color:#650360; } #footer_wrap { position:relative; clear:both; background:url(../images/bg_footer.gif) no-repeat 50% 0%; } #footer { margin:0 auto; padding:10px; position:relative; width:970px; height:57px; text-align:left; } #footer p { margin:0 10px; font-size:10px; font-weight:bold; line-height:14px; color:#a4a4a4; } #footer a { text-decoration:none; } #footer a:hover { text-decoration:underline; } #footer .floatright a { color:#a4a4a4; text-decoration:underline; } #footer .floatright a:hover { color:#a4a4a4; text-decoration:none; } /* COMING SOON PAGE ------------------------------------------------------------------------------------- */ #cs_container { margin:108px auto 0; width:760px; text-align:left; font:16px/24px helvetica, arial, sans-serif; color:#777; background:url(../images/bg_logo.gif) no-repeat 269px 0%; } #cs_container #logo { float:left; position:relative; width:278px; } #cs_container #logo .mainlogo { padding:0 0 30px 50px; } #cs_container #logo h1 { padding:0 0 10px 55px; font-size:30px; font-weight:normal; letter-spacing:-2px; } #cs_container #content { padding:0 35px; float:left; position:relative; width:412px; } * html #cs_container #content { width:482px; w\idth:412px; } #cs_container #content p { padding:0 35px 0 0; } #cs_container #content p strong { color:#666; } #cs_container #form_area { display:none; } #cs_container #form_area form {} #cs_container #form_area2 form { margin:20px 0 0; } #cs_container #form_area form .check, #cs_container #form_area2 form .check { margin:0 4px 2px 0; vertical-align:middle; } #cs_container #form_area form .text_box, #cs_container #form_area2 form .text_box { padding:1px; width:226px; border:1px solid #6b6b6b; } * html #cs_container #form_area form .text_box, * html #cs_container #form_area2 form .text_box { width:228px; w\idth:226px; } #cs_container #form_area form p, #cs_container #form_area2 form p { padding:0; } #cs_container #form_area form p small, #cs_container #form_area2 form p small { font-size:12px; } #cs_container #form_area form ul, #cs_container #form_area2 form ul { margin:0 0 0 20px; } #cs_container #form_area form li, #cs_container #form_area2 form li { list-style:none; } #cs_container #form_area form li.first, #cs_container #form_area2 form li.first { padding:0 0 14px; } #cs_container #form_area form .user_info, #cs_container #form_area2 form .user_info { padding:0 0 4px; } #cs_container #form_area form .user_info p, #cs_container #form_area2 form .user_info p { padding:3px 35px 3px 0; text-align:right; } #cs_container #content #form_area form .user_info .indent, #cs_container #content #form_area2 form .user_info .indent { margin:0 0 0 150px; padding:5px 0 0; text-align:left; } /* MAIN NAVIGATION ------------------------------------------------------------------------------------- */ #nav { position:absolute; top:138px; left:10px; width:970px; height:48px; z-index:50; } #nav li { float:left; position:relative; height:48px; font-size:12px; list-style:none; } #nav li a, #nav li div { position:relative; height:48px; display:block; text-decoration:none; } #nav li a { cursor:pointer; } #nav li strong { position:absolute; top:0px; left:0px; display:block; height:48px; } #nav li, #nav li a, #nav li strong, #nav li div { background-image:url(../images/nav.gif); } #nav li.home, #nav li.home a, #nav li.home a strong { background-position:0px 0px; width:116px; } #nav li.cats, #nav li.cats a, #nav li.cats a strong { background-position:-116px 0px; width:107px; } #nav li.dogs, #nav li.dogs a, #nav li.dogs a strong { background-position:-223px 0px; width:110px; } #nav li.fish, #nav li.fish a, #nav li.fish a strong { background-position:-333px 0px; width:105px; } #nav li.reptiles, #nav li.reptiles a, #nav li.reptiles a strong { background-position:-438px 0px; width:129px; } #nav li.birds, #nav li.birds a, #nav li.birds a strong { background-position:-567px 0px; width:111px; } #nav li.small-animals, #nav li.small-animals a, #nav li.small-animals a strong { background-position:-678px 0px; width:170px; } #nav li.horses, #nav li.horses a, #nav li.horses a strong { background-position:-848px 0px; width:122px; } /* HOVER STATE */ #nav li.home:hover a, #nav li.home a:hover, #nav li.home:hover a strong, #nav li.home a:hover strong { background-position:0px -49px; width:116px; } #nav li.cats:hover a, #nav li.cats a:hover, #nav li.cats:hover a strong, #nav li.cats a:hover strong { background-position:-116px -49px; width:107px; } #nav li.dogs:hover a, #nav li.dogs a:hover, #nav li.dogs:hover a strong, #nav li.dogs a:hover strong { background-position:-223px -49px; width:110px; } #nav li.fish:hover a, #nav li.fish a:hover, #nav li.fish:hover a strong, #nav li.fish a:hover strong { background-position:-333px -49px; width:105px; } #nav li.reptiles:hover a, #nav li.reptiles a:hover, #nav li.reptiles:hover a strong, #nav li.reptiles a:hover strong { background-position:-438px -49px; width:129px; } #nav li.birds:hover a, #nav li.birds a:hover, #nav li.birds:hover a strong, #nav li.birds a:hover strong { background-position:-567px -49px; width:111px; } #nav li.small-animals:hover a, #nav li.small-animals a:hover, #nav li.small-animals:hover a strong, #nav li.small-animals a:hover strong { background-position:-678px -49px; width:170px;} #nav li.horses:hover a, #nav li.horses a:hover, #nav li.horses:hover a strong, #nav li.horses a:hover strong { background-position:-848px -49px; width:122px; } /* ON STATE */ #nav li.homeon, #nav li.homeon strong, #nav li.homeon div { background-position:0px -49px; width:116px; } #nav li.catson, #nav li.catson strong, #nav li.catson div { background-position:-116px -49px; width:107px; } #nav li.dogson, #nav li.dogson strong, #nav li.dogson div { background-position:-223px -49px; width:110px; } #nav li.fishon, #nav li.fishon strong, #nav li.fishon div { background-position:-333px -49px; width:105px; } #nav li.reptileson, #nav li.reptileson strong, #nav li.reptileson div { background-position:-438px -49px; width:129px; } #nav li.birdson, #nav li.birdson strong, #nav li.birdson div { background-position:-567px -49px; width:111px; } #nav li.small-animalson, #nav li.small-animalson strong, #nav li.small-animalson div { background-position:-678px -49px; width:170px; } #nav li.horseson, #nav li.horseson strong, #nav li.horseson div { background-position:-848px -49px; width:122px; } /* drop down */ #nav li ul { display:none; } #nav li table, #nav li td { font:12px helvetica, arial, sans-serif; } #nav li:hover ul, #nav li a:hover ul { display:block; position:absolute; top:48px; left:0; width:150px;} * html #nav li:hover ul, * html #nav li a:hover ul { width:180px; w\idth:150px; } #nav li:hover ul li, #nav li a:hover ul li { height:auto; width:150px !important; background:none; } #nav li:hover ul li a, #nav li a:hover ul li a { display:block; padding:4px 15px 5px; background:#969; color:#fff; height:auto; width:100% !important; } #nav li:hover ul li a:hover, #nav li a:hover ul li a:hover { background:#b38cb3 !important; } #nav li:hover ul li ul, #nav li a ul li a ul { visibility:hidden; } #nav li.cats:hover ul li a, #nav li.cats a:hover ul li a, #nav li.catson:hover ul li a, #nav li.catson a:hover ul li a { background:#969 !important; } #nav li.dogs:hover ul li a, #nav li.dogs a:hover ul li a, #nav li.dogson:hover ul li a, #nav li.dogson a:hover ul li a { background:#c36 !important; } #nav li.fish:hover ul li a, #nav li.fish a:hover ul li a, #nav li.fishon:hover ul li a, #nav li.fishon a:hover ul li a { background:#66c !important; } #nav li.reptiles:hover ul li a, #nav li.reptiles a:hover ul li a, #nav li.reptileson:hover ul li a, #nav li.reptileson a:hover ul li a { background:#693 !important; } #nav li.birds:hover ul li a, #nav li.birds a:hover ul li a, #nav li.birdson:hover ul li a, #nav li.birdson a:hover ul li a { background:#f90 !important; } #nav li.small-animals:hover ul li a, #nav li.small-animals a:hover ul li a, #nav li.small-animalson:hover ul li a, #nav li.small-animalson a:hover ul li a { background:#966 !important; } #nav li.horses:hover ul li a, #nav li.horses a:hover ul li a, #nav li.horseson:hover ul li a, #nav li.horseson a:hover ul li a { background:#903 !important; } #nav li.cats:hover ul li a:hover, #nav li.cats a:hover ul li a:hover, #nav li.catson:hover ul li a:hover, #nav li.catson a:hover ul li a:hover { background:#b38cb3 !important; } #nav li.dogs:hover ul li a:hover, #nav li.dogs a:hover ul li a:hover, #nav li.dogson:hover ul li a:hover, #nav li.dogson a:hover ul li a:hover { background:#d9668c !important; } #nav li.fish:hover ul li a:hover, #nav li.fish a:hover ul li a:hover, #nav li.fishon:hover ul li a:hover, #nav li.fishon a:hover ul li a:hover { background:#8c8cd9 !important; } #nav li.reptiles:hover ul li a:hover, #nav li.reptiles a:hover ul li a:hover, #nav li.reptileson:hover ul li a:hover, #nav li.reptileson a:hover ul li a:hover { background:#90C35D !important; } #nav li.birds:hover ul li a:hover, #nav li.birds a:hover ul li a:hover, #nav li.birdson:hover ul li a:hover, #nav li.birdson a:hover ul li a:hover { background:#ffb340 !important; } #nav li.small-animals:hover ul li a:hover, #nav li.small-animals a:hover ul li a:hover, #nav li.small-animalson:hover ul li a:hover, #nav li.small-animalson a:hover ul li a:hover { background:#b38c8c !important; } #nav li.horses:hover ul li a:hover, #nav li.horses a:hover ul li a:hover, #nav li.horseson:hover ul li a:hover, #nav li.horseson a:hover ul li a:hover { background:#b34066 !important; } #nav li.cats:hover ul li.last a, #nav li.cats a:hover ul li.last a, #nav li.catson:hover ul li.last a, #nav li.catson a:hover ul li.last a { background:transparent url(../images/last_cats.gif) no-repeat 50% 0% !important;} #nav li.cats:hover ul li.last a:hover, #nav li.cats a:hover ul li.last a:hover, #nav li.catson:hover ul li.last a:hover, #nav li.catson a:hover ul li.last a:hover { background:transparent url(../images/last_cats.gif) no-repeat 50% 100% !important;} #nav li.dogs:hover ul li.last a, #nav li.dogs a:hover ul li.last a, #nav li.dogson:hover ul li.last a, #nav li.dogson a:hover ul li.last a { background:transparent url(../images/last_dogs.gif) no-repeat 50% 0% !important;} #nav li.dogs:hover ul li.last a:hover, #nav li.dogs a:hover ul li.last a:hover, #nav li.dogson:hover ul li.last a:hover, #nav li.dogson a:hover ul li.last a:hover { background:transparent url(../images/last_dogs.gif) no-repeat 50% 100% !important;} #nav li.fish:hover ul li.last a, #nav li.fish a:hover ul li.last a, #nav li.fishon:hover ul li.last a, #nav li.fishon a:hover ul li.last a { background:transparent url(../images/last_fish.gif) no-repeat 50% 0% !important;} #nav li.fish:hover ul li.last a:hover, #nav li.fish a:hover ul li.last a:hover, #nav li.fishon:hover ul li.last a:hover, #nav li.fishon a:hover ul li.last a:hover { background:transparent url(../images/last_fish.gif) no-repeat 50% 100% !important;} #nav li.reptiles:hover ul li.last a, #nav li.reptiles a:hover ul li.last a, #nav li.reptileson:hover ul li.last a, #nav li.reptileson a:hover ul li.last a { background:transparent url(../images/last_reptiles.gif) no-repeat 50% 0% !important;} #nav li.reptiles:hover ul li.last a:hover, #nav li.reptiles a:hover ul li.last a:hover, #nav li.reptileson:hover ul li.last a:hover, #nav li.reptileson a:hover ul li.last a:hover { background:transparent url(../images/last_reptiles.gif) no-repeat 50% 100% !important;} #nav li.birds:hover ul li.last a, #nav li.birds a:hover ul li.last a, #nav li.birdson:hover ul li.last a, #nav li.birdson a:hover ul li.last a { background:transparent url(../images/last_birds.gif) no-repeat 50% 0% !important;} #nav li.birds:hover ul li.last a:hover, #nav li.birds a:hover ul li.last a:hover, #nav li.birdson:hover ul li.last a:hover, #nav li.birdson a:hover ul li.last a:hover { background:transparent url(../images/last_birds.gif) no-repeat 50% 100% !important;} #nav li.small-animals:hover ul li.last a, #nav li.small-animals a:hover ul li.last a, #nav li.small-animalson:hover ul li.last a, #nav li.small-animalson a:hover ul li.last a { background:transparent url(../images/last_small-animals.gif) no-repeat 50% 0% !important;} #nav li.small-animals:hover ul li.last a:hover, #nav li.small-animals a:hover ul li.last a:hover, #nav li.small-animalson:hover ul li.last a:hover, #nav li.small-animalson a:hover ul li.last a:hover { background:transparent url(../images/last_small-animals.gif) no-repeat 50% 100% !important;} #nav li.horses:hover ul li.last a, #nav li.horses a:hover ul li.last a, #nav li.horseson:hover ul li.last a, #nav li.horseson a:hover ul li.last a { background:transparent url(../images/last_horses.gif) no-repeat 50% 0% !important;} #nav li.horses:hover ul li.last a:hover, #nav li.horses a:hover ul li.last a:hover, #nav li.horseson:hover ul li.last a:hover, #nav li.horseson a:hover ul li.last a:hover { background:transparent url(../images/last_horses.gif) no-repeat 50% 100% !important;} /* SUB NAVIGATION ------------------------------------------------------------------------------------- */ /* GENERAL STYLES */ #subnav { margin:0 0 5px; padding:0 10px 22px; width:182px; } #subnav ul { border:1px solid #fff; border-width:1px 0 1px; } #subnav ul ul { border:none; } #subnav li { list-style:none; font:12px/21px helvetica, arial, sans-serif; border-bottom:1px solid #a579a5; } #subnav li li { font:11px/20px arial, helvetica, sans-serif; border-bottom:1px solid #d8b4d8; } #subnav li li li { font:10px/19px arial, helvetica, sans-serif; font-weight:bold; border-bottom:1px solid #c39ac3; } #subnav li li li li { font:10px/19px arial, helvetica, sans-serif; font-weight:bold; } /* ANCHOR LINKS */ #subnav a { /*\*/height:1%;/**/ display:block; color:#fff; text-decoration:none; } #subnav li a { padding-left:7px; } #subnav li li a { padding-left:17px; } #subnav li li li a { padding-left:27px; } #subnav li li li li a { padding-left:37px; } /* HOVER LINKS */ #subnav a:hover { text-decoration:none; } #cats #subnav a:hover { background:#8d518d; } #dogs #subnav a:hover { background:#ad2b56; } #fish #subnav a:hover { background:#4646ae; } #reptiles #subnav a:hover { background:#360; } #birds #subnav a:hover { background:#d58000; } #small-animals #subnav a:hover { background:#7e4848; } #horses #subnav a:hover { background:#84002c; } /* ON STATE */ #subnav li div { padding-left:7px; background:url(../images/arrow_on_cats.gif) no-repeat 0px 9px; } #subnav li li div { padding-left:17px; background:url(../images/arrow_on_cats.gif) no-repeat 8px 8px; } #subnav li li li div { padding-left:27px; background:url(../images/arrow_on_cats.gif) no-repeat 18px 8px; } #subnav li li li li div { padding-left:37px; background:url(../images/arrow_on_cats.gif) no-repeat 28px 8px; } #dogs #subnav li div { padding-left:7px; background:url(../images/arrow_on_dogs.gif) no-repeat 0px 9px; } #dogs #subnav li li div { padding-left:17px; background:url(../images/arrow_on_dogs.gif) no-repeat 8px 8px; } #dogs #subnav li li li div { padding-left:27px; background:url(../images/arrow_on_dogs.gif) no-repeat 18px 8px; } #dogs #subnav li li li li div { padding-left:37px; background:url(../images/arrow_on_dogs.gif) no-repeat 28px 8px; } #fish #subnav li div { padding-left:7px; background:url(../images/arrow_on_fish.gif) no-repeat 0px 9px; } #fish #subnav li li div { padding-left:17px; background:url(../images/arrow_on_fish.gif) no-repeat 8px 8px; } #fish #subnav li li li div { padding-left:27px; background:url(../images/arrow_on_fish.gif) no-repeat 18px 8px; } #fish #subnav li li li li div { padding-left:37px; background:url(../images/arrow_on_fish.gif) no-repeat 28px 8px; } #reptiles #subnav li div { padding-left:7px; background:url(../images/arrow_on_reptiles.gif) no-repeat 0px 9px; } #reptiles #subnav li li div { padding-left:17px; background:url(../images/arrow_on_reptiles.gif) no-repeat 8px 8px; } #reptiles #subnav li li li div { padding-left:27px; background:url(../images/arrow_on_reptiles.gif) no-repeat 18px 8px; } #reptiles #subnav li li li li div { padding-left:37px; background:url(../images/arrow_on_reptiles.gif) no-repeat 28px 8px; } #birds #subnav li div { padding-left:7px; background:url(../images/arrow_on_birds.gif) no-repeat 0px 9px; } #birds #subnav li li div { padding-left:17px; background:url(../images/arrow_on_birds.gif) no-repeat 8px 8px; } #birds #subnav li li li div { padding-left:27px; background:url(../images/arrow_on_birds.gif) no-repeat 18px 8px; } #birds #subnav li li li li div { padding-left:37px; background:url(../images/arrow_on_birds.gif) no-repeat 28px 8px; } #small-animals #subnav li div { padding-left:7px; background:url(../images/arrow_on_small_animals.gif) no-repeat 0px 9px; } #small-animals #subnav li li div { padding-left:17px; background:url(../images/arrow_on_small_animals.gif) no-repeat 8px 8px; } #small-animals #subnav li li li div { padding-left:27px; background:url(../images/arrow_on_small_animals.gif) no-repeat 18px 8px; } #small-animals #subnav li li li li div { padding-left:37px; background:url(../images/arrow_on_small_animalsgif) no-repeat 28px 8px; } #horses #subnav li div { padding-left:7px; background:url(../images/arrow_on_horses.gif) no-repeat 0px 9px; } #horses #subnav li li div { padding-left:17px; background:url(../images/arrow_on_horses.gif) no-repeat 8px 8px; } #horses #subnav li li li div { padding-left:27px; background:url(../images/arrow_on_horses.gif) no-repeat 18px 8px; } #horses #subnav li li li li div { padding-left:37px; background:url(../images/arrow_on_horses.gif) no-repeat 28px 8px; } /* ON STATE TEXT COLORS */ #cats #subnav li { color:#d4b7d4; } #dogs #subnav li { color:#ea92af; } #fish #subnav li { color:#adadea; } #reptiles #subnav li { color:#e9e9b6; } #birds #subnav li { color:#ffd18c; } #small-animals #subnav li { color:#ceb1b1; } #horses #subnav li { color:#c45f80; } /* BORDER COLORS */ #subnav li.last, #dogs #subnav li.last, #fish #subnav li.last, #reptiles #subnav li.last, #birds #subnav li.last, #small-animals #subnav li.last, #horses #subnav li.last { border-bottom:none; } #subnav ul ul { border-top:1px solid #d4b7d4; } #dogs #subnav li { border-bottom:1px solid #d9668c; } #dogs #subnav li li { border-bottom:1px solid #ea92af; } #dogs #subnav ul ul { border-top:1px solid #ea92af; } #fish #subnav li { border-bottom:1px solid #8c8cd9; } #fish #subnav li li { border-bottom:1px solid #adadea; } #fish #subnav ul ul { border-top:1px solid #adadea; } #reptiles #subnav li { border-bottom:1px solid #9c6; } #reptiles #subnav li li { border-bottom:1px solid #dcefca; } #reptiles #subnav ul ul { border-top:1px solid #dcefca; } #birds #subnav li { border-bottom:1px solid #ffb340; } #birds #subnav li li { border-bottom:1px solid #ffd18c; } #birds #subnav ul ul { border-top:1px solid #ffd18c; } #small-animals #subnav li { border-bottom:1px solid #b38c8c; } #small-animals #subnav li li { border-bottom:1px solid #ceb1b1; } #small-animals #subnav ul ul { border-top:1px solid #ceb1b1; } #horses #subnav li { border-bottom:1px solid #b34066; } #horses #subnav li li { border-bottom:1px solid #c45f80; } #horses #subnav ul ul { border-top:1px solid #c45f80; } /* EXPANDED ARROW FOR MAIN SECTIONS */ #cats #subnav li.expanded { background-image:url(../images/arrow_expanded_cats.gif); border:0; } #dogs #subnav li.expanded { background-image:url(../images/arrow_expanded_dogs.gif); border:0; } #fish #subnav li.expanded { background-image:url(../images/arrow_expanded_fish.gif); border:0; } #reptiles #subnav li.expanded { background-image:url(../images/arrow_expanded_reptiles.gif); border:0; } #birds #subnav li.expanded { background-image:url(../images/arrow_expanded_birds.gif); border:0;} #small-animals #subnav li.expanded { background-image:url(../images/arrow_expanded_small-animals.gif); border:0; } #horses #subnav li.expanded { background-image:url(../images/arrow_expanded_horses.gif); border:0; } #cats #subnav li.expanded, #dogs #subnav li.expanded, #fish #subnav li.expanded, #reptiles #subnav li.expanded, #birds #subnav li.expanded, #small-animals #subnav li.expanded, #horses #subnav li.expanded { background-position:100% 10px; background-repeat:no-repeat; } /* BACKGROUND COLOR BY SECTION */ #cats #subnav li ul { background:#C39AC4; } #cats #subnav li li ul { background:#A96FA9; } #cats #subnav li li li ul { background:#969; } #dogs #subnav li ul { background:#d9668c; } #dogs #subnav li li ul { background:#d24c79; } #dogs #subnav li li li ul { background:#c36; } #fish #subnav li ul { background:#8c8cd9; } #fish #subnav li li ul { background:#7979d2; } #fish #subnav li li li ul { background:#66c; } #reptiles #subnav li ul { background:#9c6; } #reptiles #subnav li li ul { background:#83b650; } #reptiles #subnav li li li ul { background:#6b9e38; } #birds #subnav li ul { background:#ffb340; } #birds #subnav li li ul { background:#ffa51f; } #birds #subnav li li li ul { background:#f90; } #small-animals #subnav li ul { background:#b38c8c; } #small-animals #subnav li li ul { background:#a57979; } #small-animals #subnav li li li ul { background:#966; } #horses #subnav li ul { background:#b34066; } #horses #subnav li li ul { background:#a51f4c; } #horses #subnav li li li ul { background:#903; } /* SUBNAV BACKGROUND COLORS */ #cats #subnav { background:#969 url(../images/bg_subnav_cats.gif) no-repeat 0% 100%; } #dogs #subnav { background:#c36 url(../images/bg_subnav_dogs.gif) no-repeat 0% 100%; } #fish #subnav { background:#66c url(../images/bg_subnav_fish.gif) no-repeat 0% 100%; } #reptiles #subnav { background:#693 url(../images/bg_subnav_reptiles.gif) no-repeat 0% 100%; } #birds #subnav { background:#f90 url(../images/bg_subnav_birds.gif) no-repeat 0% 100%; } #small-animals #subnav { background:#966 url(../images/bg_subnav_small-animals.gif) no-repeat 0% 100%; } #horses #subnav { background:#903 url(../images/bg_subnav_horses.gif) no-repeat 0% 100%; } /* SITEMAP ------------------------------------------------------------------------------------- */ .sitemap b { font-size:14px; } .sitemap ul { padding:10px 0; font-weight:bold; list-style:none; } .sitemap ul ul { padding:5px 15px; font-weight:normal; list-style:disc; } .sitemap ul ul ul { list-style:circle; } .sitemap li { padding:0 0 3px; } /* FORMS ------------------------------------------------------------------------------------- */ .contentform td { padding:4px 3px; font-size:12px; line-height:18px; vertical-align:top; border-bottom:1px solid #eee; } .contentform td.noborder { border:none; } .contentform td.lft { font-weight:bold; color:#666; white-space:nowrap; } .contentform .required, .contentform .required2 { color:#f00; font-size:12px; font-weight:bold; } .contentform .required2 { font-size:16px; } .contentform td small { line-height:11px; } .contentform input, .contentform select { padding:2px; border:1px inset #999; } .contentform input.checkbttn, .contentform input.checkbox, .contentform input.radiobutton { padding:0; border:0; } .contentform input.checkbox, .contentform input.radiobutton { margin-right:8px; border:1px solid red !important; } .contentform input.formbttn { padding:1px; color:#fff; font-weight:bold; font-size:11px; background:#660461; border:1px outset #999; cursor:pointer; } /* EMAIL A FRIEND PAGE ------------------------------------------------------------------------------------- */ #email_container { margin:28px auto 0; width:625px; text-align:left; font:16px/24px helvetica, arial, sans-serif; color:#777;} #email_container #logo { float:left; position:relative; width:220px; } #email_container #logo .mainlogo { padding:0 0 30px 24px; } #email_container #logo h1 { padding:0 0 10px 30px; font-size:30px; font-weight:normal; letter-spacing:-2px; } #email_container #content { float:left; position:relative; width:405px; } #email_container #content p { padding:0 35px 0 0; } #email_container #content p strong { color:#666; } #email_container #form_area form th, #email_container #form_area form td { padding:2px 0; font-size:12px; font-weight:bold; color:#777; } #email_container #form_area form td.top { vertical-align:top; } #email_container #form_area form td p { padding:0 0 0 28px; line-height:normal; } #email_container #form_area form .check { margin:0 4px 2px 0; vertical-align:middle; } #email_container #form_area form .text_box { padding:1px; width:176px; border:1px solid #8b8b8b; } #email_container #form_area form textarea { padding:1px; width:176px; border:1px solid #8b8b8b; } * html #email_container #form_area form .text_box { width:178px; w\idth:176px; } #email_container #form_area .one { background:url(../images/bg_1.gif) no-repeat 5px 4px; } #email_container #form_area .two { margin:9px 0; background:url(../images/bg_2.gif) no-repeat 5px 10px; border:1px solid #efefef; border-width:1px 0; } #email_container #form_area .two td { padding:9px 0; } #email_container #form_area .two p { padding:0 25px 0 28px; } #email_container #form_area .three { background:url(../images/bg_3.gif) no-repeat 5px 4px; } #email_container #form_area .three p { padding:0 35px 0 28px; } #surveyResult .surveyresult_main { text-align:left; margin:20px 0 0 20px; } #surveyResult table { margin:0 auto; } #surveyResult td { border-bottom:1px solid #ccc; padding:4px; } #surveyResult th { font-size:14px; color:#777; padding:6px 0; border-bottom:1px solid #ddd;} #surveyResult td.last { border:0; background:#f3f3f3; font-size:10px;} #surveyResult h2 { font-size:20px; letter-spacing:-1px; font-weight:normal; color:#333; padding:0 0 10px;} #alreadyVoted {color:red;} .eventlist { border-bottom:2px solid #CBC4BD; background:#e8e3df} .eventlist th { padding:10px 5px; background:#ACA095; font-weight:bold; color:#fff; border-right:1px solid #CBC4BD; font-size:13px;} .eventlist td { padding:10px 5px; border-bottom:1px solid #fff; vertical-align:top; } .eventlist td.eventdate { white-space:nowrap} .eventlist .choosestate td { background:#CBC4BD; border-bottom:2px solid #fff;} /* TABS ------------------------------------------------------------------------------------- */ .s_content .tabs { margin:20px 0 0; } .s_content .tabs ul { margin:0; padding:0; height:30px; border-bottom:1px solid #ccc; } * html .s_content .tabs ul { border:none; } .s_content .tabs li { position:relative; height:31px; float:left; display:inline; list-style:none; background:url(../images/bg_tabs.gif) no-repeat 100% 0; } .s_content .tabs li.selected { background:url(../images/bg_tabs.gif) no-repeat 100% -31px; } .s_content .tabs li a { padding:0 10px; height:31px; display:block; font-size:12px; font-weight:bold; line-height:30px; text-align:center; text-decoration:none; outline:none; } * html .s_content .tabs li a { padding:6px 10px; height:19px; display:inline; } .s_content .tabs li a:hover { text-decoration:none; } .s_content .tabs li.selected a { color:#666; } .s_content .tabs li span { position:absolute; top:0; left:0; width:2px; height:31px; background:url(../images/bg_tabs.gif) no-repeat 0 0; } .s_content .tabs li.selected span { background:url(../images/bg_tabs.gif) no-repeat 0 -31px; } .s_content .tabs .yui-content { clear:left; } * html .s_content .tabs .yui-content { margin:-1px 0 0; height:1px; } .s_content .tabs .yui-content .box { padding:10px; border:1px solid #ccc; } /* MISC. CLASSES & IDS ------------------------------------------------------------------------------------- */ .hide { display:none; } .clear { clear:both; } .clearfix:after, .content:after, .article:after, .tabs ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */ .clearfix, .content, .article, .tabs ul { display:inline-block; } .clearfix, .content, .article, .tabs ul { /*\*/display:block;/**/ } .floatleft { float:left; position:relative; } .floatright { float:right; position:relative; } .h_floatright { float:right; padding:5px 5px 0 0; } img.floatleft { margin:2px 15px 10px 0; float:left; position:relative; } img.floatright { margin:2px 0 10px 15px; float:right; position:relative; } .s_content .s_col1 img.floatright, .s_content .s_widecol img.floatright, .s_content .s_widecol img.margins { margin:0 0 10px 20px; } .alignleft { text-align:left; } .alignright { text-align:right; } .aligncenter { text-align:center; } h5 { font-size:12px; font-weight:bold; } .form_error { color:#f00; } .checklist { list-style-image:url(../images/checkmark.gif); } .checklist li {} /* FORUMS.PETUNIVERSITY.COM SPECIFIC STYLES ------------------------------------------------------------------------------------- */ body.forum { margin:0 !important; padding:0 !important; } .forum #head_img { position:absolute; top:5px; right:10px; } .forum #wrap { margin-top:145px; padding:0 10px; width:970px; float:left; } .forum #content_wrap { padding:0 0 10px; } .forum #page-body { margin:10px 0 0; float:left; display:inline; } .forum #footer { height:35px; } .forum #header:after, .forum #content_wrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */ .forum #header, .forum #content_wrap { display:inline-block; } .forum #header, .forum #content_wrap { /*\*/display:block;/**/ }