body { /*background:url(images/fall2010_homepage_bg.gif) top center no-repeat;*/ }
#clouds { /* position:absolute; z-index:-1; top:0; left:0; height:310px; width:100%; background:url(images/home_clouds.gif) top center no-repeat;*/ display:none; }
.wwrap { background:#FFF url(images/winter2010_homepage_bg.gif) top center no-repeat;}
.main { margin:2px 0 0 0; clear:both; } /*remove clear later.. something up top is making weirdness*/

.hright { float:right; width:245px; padding-right:7px; margin-top:22px; }
.alllink { padding:5px 10px 10px 0; text-align:right; }
.alllink a { font-weight:bold; }

#breadcrumb { display:none; }

#left { display:none; }

.noflashstory { display:block; width:717px; margin:14px auto 0 auto; }
.hnoflashlinks { width:717px; margin:14px auto 0 auto; text-align:center; font-weight:bold; font-size:13px; }
.hnoflashlinks a, .hnoflashlinks a:link, .hnoflashlinks a:visited { color:#cd3333; }
.hnoflashlinks a:hover { color:#9b9b9b; }

/* photo contest */
.hrighttop { display:block; margin:0; padding:0; }
.pc { width:245px; background:url(images/pc_bg.gif) repeat-y; }
.pcheader { margin-left:15px; }
.pc h4 { margin:0 0 8px 0; font-size:16px; color:#DB4698; }
.pcphoto { margin:0 0 15px 0; width:200px; height:160px; background:url(images/pcphoto_bg.gif) no-repeat; }
.pcphoto img { margin:13px 0 0 13px; width:172px; height:128px; }

.thisweek { padding:15px 30px 20px 20px; background:url(images/this_weeks_bg.jpg) bottom left no-repeat; }
.thisweek p { margin:0 0 10px 14px; font-size:14px; }
.thisweek h4 { margin:15px 0 10px 16px; line-height:18px; }
.thisweek a img { display:block; margin-left:14px; }
.thisweek .contestpic { display:block; margin:0 0 10px 0; }
.lastweek { padding:15px 30px 20px 20px; background:url(images/last_weeks_bg.jpg) bottom left no-repeat; }
.lastweek p { margin:0 0 5px 0; font-size:14px; }
.lastweek h4 { margin:15px 0 8px 0; font-size:16px; color:#DB4698; }
.lastweek .rating { margin:0 0 15px 0; }
div.pc div.nobg { background-image:none; }

.thisweek p.contestduration { font-size:11px; padding-top:12px; }

/* he said/she said */
.heshe { float:left; width:323px; background:url(images/ft_bg.gif) bottom left no-repeat;  margin-top:-28px;  }
.heshe a, .heshe a:link, .heshe a:visited { color:#00a552; font-weight:bold; }
.heshe a:hover { color:#9b9b9b; }
.heshe .chdr { width:205px; }
.heshe .chdr h4 { font-size:12px; }
.heshe .chdr h4 a { font-size:11px; }
.heshe .ccopy { width:190px; }

.rchat { margin:10px 25px 0 20px; background:url(images/BIO_bandit_icon.jpg) bottom right no-repeat; }
.rchat .chdr { padding:10px; background:url(images/chat_right_bg.gif) top left no-repeat; }
.rchat .ccopy { padding:0 25px 10px 10px; background:url(images/chat_right_bg.gif) bottom left no-repeat; }
.lchat { margin:10px 25px 0 20px; padding:0 0 0 70px; background:url(images/BIO_bothcats_icon.jpg) bottom left no-repeat; }
.lchat .chdr { padding:10px 10px 10px 20px; background:url(images/chat_left_bg.gif) top left no-repeat; }
.lchat .ccopy { padding:0 25px 10px 20px; background:url(images/chat_left_bg.gif) bottom left no-repeat; }

.hbigbox { background:url(images/hbigbox_strip_bg.gif) top left repeat-y; margin-top:22px; margin-left:7px; }
.hbigboxinner { background:url(images/hbigbox_bottom_bg.gif) bottom left no-repeat; padding:8px 0 18px 12px; }
.hbigboxtop { display:block; margin:0; padding:0; }

.heshe a.nocolor { color:#444;  }

.heshe h3 { padding:0 0 24px 0; }
.placestoutbtn { text-align:right; padding:22px 18px 19px 0; }

/* todays most popular */
.todays { background:url(images/todaysmost_bg.gif) bottom left no-repeat; padding:0 0 9px 0; margin-bottom:45px; width:675px; }
.todays .tabs { padding-bottom:5px; height:36px; padding-left:480px; text-align:right; margin-bottom:8px; }
.todays .tabs img { display:block; float:left; margin:0; padding:0; width:auto; }

.todays .homenext { display:block; width:17px; float:right; padding:57px 4px 0 0; }
.todays .homeprev { display:block; width:17px; float:left; padding:57px 0 0 4px;  }

#mpv a, #mpv a:link, #mpv a:visited { color:#f47c23; font-weight:bold;  }
#mpv a:hover { color:#9b9b9b; }
#mpv .tabs { background:url(images/todays_most_popular_v_hdr.gif) bottom left no-repeat; margin-bottom:22px; }
#mpv ul { list-style-type:none; overflow:hidden; width:622px; margin-left:30px; height:176px; }
#mpv li { width:198px; float:left; margin:0 4px; text-align:center; height:176px; }
#mpv li img { width:173px; height:128px; padding:1px; background:#f47c23; display:block; margin:0 auto 11px auto; }


#mpp a, #mpp a:link, #mpp a:visited { color:#db4698; font-weight:bold; }
#mpp a:hover { color:#9b9b9b; }
#mpp .tabs { background:url(images/todays_most_popular_p_hdr.gif) bottom left no-repeat; }
#mpp ul { list-style-type:none; overflow:hidden; width:622px; margin-left:30px; height:195px; }
#mpp li { width:198px; float:left; margin:0 4px; text-align:center; height:195px; }

.todays li .pcphoto { text-align:left; margin-bottom:0; }

/* fun & tools */
.ft { margin:0 0 0 350px; width:323px; background:url(images/ft_bg.gif) bottom left no-repeat; }
.ft div a { display:block; width:67px; float:left; text-align:center; }
.ft a, .ft a:link, .ft a:visited { color:#009dde; }
.ft a:hover { color:#9b9b9b; }
.ft div h4 { font-size:12px; }
.ft div h4 a { display:inline; float:none; text-align:left; width:auto; font-size:11px; }
.ft div { min-height:64px; padding-top:5px; width:280px;  margin-left:20px; }
.ft .ftsep { display:block; margin:0 0 10px 22px; }

.follow { color:#3a3434; background:url(images/follower_bg.gif) top left no-repeat; font-size:14px; padding:15px 0 0 26px; margin:8px 0 0 0; height:20px; }
.follow a img { padding-top:6px; }
.follow a, .follow a:link, .follow a:visited { color:#009dde; font-weight:bold; padding:8px 20px 0 30px;  }
.follow a:hover { color:#9b9b9b; }
.follow a.fb { background:url(images/facebook_icon.gif) 0 0 no-repeat; }
.follow a.flic { background:url(images/flickr_icon.gif) 0 0 no-repeat; }
.follow a.twit { background:url(images/twitter_icon.gif) 0 0 no-repeat; }
.follow a.yt { background:url(images/youtube_icon.gif) 0 0 no-repeat; }

#swfTicker { margin-top:14px; }

#hpTreasureHuntTakeover { position:relative; width:980px; }
#hpTreasureHuntTakeover .closeModal { position:absolute; top:5px; right:8px; color:#FFF; }
#hpTreasureHuntTakeoverFlash { width:980px; height:500px; }




/* REFRESH */
h1.pagehdr { margin:0 0 0 10px; height:38px; overflow:hidden; }

.home-box { margin:0 0 15px 0; background-repeat:repeat-y; }
.home-box .inner-top { padding:25px 0 0 0; background-repeat:no-repeat; }
.home-box .inner { padding:0 25px 50px 25px; background-repeat:no-repeat; }
.home-box .title { height:35px; text-indent:-9999px; background-image:url(images/refresh/titles.gif); background-repeat:no-repeat; }
.home-box p { margin:0 0 15px 0; }
.home-box .btn { text-align:center; }

/* top */
.home-top { height:300px; }
.home-promo { float:right; width:244px; }

#gallery { position:relative; z-index:1; margin:0 0 0 2px; width:715px; height:280px; background:url(images/refresh/gallery_background.gif) no-repeat; }
#gallery .photo-index { position:absolute; bottom:15px; right:20px; color:#FFF; font-weight:bold; font-size:18px; background:#333; }
#gallery .caption { float:right; margin:30px 35px 0 0; width:185px; font-size:14px; line-height:16px; color:#CCC; }
#gallery .caption h3 { color:#FFF; margin:0 0 5px 0; font-size:24px; line-height:24px; font-weight:normal; font-family:Helvetica, Arial }
#gallery .caption a { color:#ea7c11; text-decoration:none; font-weight:bold; }
#gallery-controls { position:absolute; bottom:10px; right:115px; }
#gallery .gallery-corner { position:absolute; bottom:0; left:0; z-index:20; }

.bcvideonoflash { padding:20px; color:#CCC; }
.bcvideonoflash a { color:#EA7C1D; }

.ss-controls a { position:absolute; display:block; float:left; margin:0 0 0 23px; width:30px; height:30px; text-indent:-99999px; background:url(images/refresh/gallery_controls.gif) no-repeat; }
.ss-controls .play { background-position:0 -60px; }
.ss-controls .play:hover { background-position:-30px -60px; }
.ss-controls .pause { background-position:0 -90px; }
.ss-controls .pause:hover { background-position:-30px -90px; }
.nav-controls a { display:block; float:left; margin:0 30px 0 0;  width:30px; height:30px; text-indent:-99999px; background:url(images/refresh/gallery_controls.gif) no-repeat; }
.nav-controls .prev { background-position:0 0px; }
.nav-controls .prev:hover { background-position:-30px 0px; }
.nav-controls .next { background-position:0 -30px; }
.nav-controls .next:hover { background-position:-30px -30px; }

.carousel { list-style-type:none; }
.carousel li {}
.slideshow { display:block; width:465px; height:270px; position:absolute; top:10px; left:0; }
.slideshow img { width:465px; height:270px; }


/* right column */
.home-right { float:right; width:245px; }
.home-right .home-box { width:245px; overflow:hidden; }
.home-right .home-box .inner-top { background-position:-245px 0; }
.home-right .home-box .inner { background-position:-490px 100%; }

.photo-contest, .photo-contest .inner-top, .photo-contest .inner { background-image:url(images/refresh/photo_contest_bg.gif); }
.photo-contest .title { height:24px; background-position:25px -50px; }
.photo-contest h3 { padding:0 22px 10px 25px; font-size:14px; color:#E65FA8; background:url(images/refresh/separator.gif) bottom left repeat-x; }
.photo-contest h4 { font-size:16px; }
.photo-contest .recent-uploaded { margin:5px 0 10px 0; padding:12px 0 0 12px; width:188px; height:138px; background:url(images/refresh/photo_contest_img.gif) no-repeat; }
.photo-contest .recent-uploaded img,
.photo-contest .recent-uploaded input { display:block; width:160px; height:120px; }
.photo-contest .contestduration { font-size:10px; padding-top:12px; text-align:center; }

.pet-places, .pet-places .inner-top, .pet-places .inner { background-image:url(images/refresh/pet_friendly_places_bg.gif); }
.pet-places .title { background-position:25px -100px;  }


/* what's hot */
.whats-hot, .whats-hot .inner-top, .whats-hot .inner { background-image:url(images/refresh/whats_hot_bg.gif); }
.whats-hot { margin-left:2px; width:715px; }
.whats-hot .inner-top { background-position:-715px 0; }
.whats-hot .inner { background-position:-1430px 100%; }
.whats-hot .title { background-position:25px 0; }
.whats-hot .separator { margin:20px -23px; height:1px; overflow:hidden; background:url(images/refresh/separator.gif) bottom left repeat-x; }

.hot-navigation { position:relative; margin:-30px -25px 29px -25px; padding:0 25px 0 350px; height:38px; background:url(images/refresh/separator.gif) bottom left repeat-x; }
.hot-navigation li { list-style-type:none; display:block; float:left; height:38px; }
.hot-navigation a { display:block; height:38px; text-indent:-9999px; background:url(images/refresh/tabs.gif) no-repeat; }
.hot-navigation .popular { width:88px; background-position:0 0; }
.hot-navigation .latest { width:78px; background-position:-99px 0; }
.hot-navigation .editors { width:121px; background-position:-187px 0; }
.hot-navigation .embark { width:66px; background-position:-319px 0; }
.hot-navigation .ui-state-active .popular { width:99px; background-position:0 -38px; }
.hot-navigation .ui-state-active .latest { width:88px; background-position:-99px -38px; }
.hot-navigation .ui-state-active .editors { width:131px; background-position:-187px -38px; }
.hot-navigation .ui-state-active .embark { width:72px; background-position:-321px -38px; }

.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.hot-item { min-height:120px; }
.hot-img {float:left; padding:5px; width:145px; height:110px; background:url(images/refresh/hot_img_bg.gif) no-repeat; }
.hot-img img { width:144px; height:108px; }
.hot-desc { margin:0 0 0 170px; padding:10px 0 0 0; }
.hot-desc h3 { margin:0 0 5px 0; font-size:20px; line-height:24px; }
.hot-desc a { font-weight:bold; color:#e97401; text-decoration:none; }
.hot-links { font-size:14px; }
.hot-links .see-more { float:right; }
.hot-links .comments { padding:0 20px 0 0; }
.hot-links .expand { padding:0 0 0 16px; background:url(images/refresh/expand_collapse_bg.gif) 0 -12px no-repeat; }
.hot-links .collapse { padding:0 0 0 16px; background:url(images/refresh/expand_collapse_bg.gif) 0 7px no-repeat; }

#embark .hot-item { min-height:100px; }
#embark .hot-desc { margin:0; }
.blog-button { text-align:right; }


.expanded-content { clear:left; margin:0 0 0 170px; padding:20px 0 0 0; display:none; }
.comment { margin:0 0 20px 0; font-size:13px; }
.comment .user-image { float:left; margin:0 15px 0 0; padding:1px; width:60px; height:45px; background-color:#e5e5e5; }
.comment h4 { margin:0 0 5px 0; font-size:16px; }
.comment a { font-weight:bold; color:#e97401; text-decoration:none; }
/*.leave-comment img { vertical-align:top; }
.leave-comment input { padding:5px 10px; width:340px; font-size:13px; color:#a3a3a3; border:1px solid #e5e5e5; }*/
.leave-comment { padding:20px 0 0 0; }
.leave-comment a { font-weight:bold; color:#e97401; text-decoration:none; }
.all-comments { float:right; padding:0 25px 0 0; width:200px; text-align:right; }


/* bottom boxes */
.home-bottom { clear:both; overflow:hidden; background:#FFF; }
.home-bottom .home-box { float:left; margin:0 22px 0 0; width:312px; overflow:hidden; }
.home-bottom .home-box .inner-top { background-position:-312px 0; }
.home-bottom .home-box .inner { background-position:-625px 100%; }
.home-bottom h3 { margin:0 -25px 5px -25px; padding:20px 0 0 25px; font-size:18px; color:#00adde; background:url(images/refresh/separator.gif) top left repeat-x; }
.home-bottom p { font-size:13px; color:#666; } 
.home-bottom .home-box, .home-bottom .home-box .inner-top, .home-bottom .home-box .inner { background-image:url(images/refresh/info_box_bg.gif); }

.home-bottom .adopt-pet { margin:0 20px 0 2px; }
.adopt-pet .title { background-position:25px -150px; }
.adopt-pet .apimg { float:left; width:132px; }
.adopt-pet p { margin:0 0 20px 148px; }
.find-your-pet { margin:0 -25px; padding:25px 25px 15px 25px; background:url(images/refresh/separator.gif) top left repeat-x; }
.find-your-pet .title { margin:0; height:30px; background-position:0 -350px; }
.find-your-pet label { font-weight:bold; text-transform:uppercase; }
.find-your-pet .zip { float:right; padding:0 0 0 15px; width:105px; background:url(images/refresh/find_your_pet_bg.gif) top left no-repeat; }
.find-your-pet .zip input { width:70px; color:#989797; }

.coming-soon .title { background-position:25px -400px; }
.event-calendar .title { background-position:25px -450px; }
.event-calendar .findinput { width:260px; margin:7px 0; background:url(images/refresh/find_input.gif) bottom left no-repeat; }
.event-calendar .findinput label { display:block; padding:0 0 3px 0; }
.event-calendar .findinput input { border-style: none;
    border-color: inherit;
    border-width: medium;
    width:240px; padding:0 10px; height:24px; line-height:24px; color:#a7a7a7; background:; }
.event-calendar .findbtn { text-align:center; }

.home-bottom .breed-closeup { margin:0; }
.breed-closeup .title { background-position:25px -300px; }