/* KAYTEE */ /* BASIC ELEMENTS ------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; } table, th, td { margin:0; } html { min-height:100%; } body { text-align:center; font-size:12px; font-family:arial, helvetica, sans-serif; color:#FFF; background:#3b2814 url(../images/bg_page3.jpg) repeat 50% 505px; } table, th, td, input, textarea, select { font-size:12px; font-family:arial, helvetica, sans-serif; color:#b2ad94; } a img, :link img, :visited img, img { border:none; } a:link { color:#26c4ff; text-decoration:none; } a:visited { color:#4a9bb6; text-decoration:none; } a:hover, a:active { color:#038bb5; text-decoration:none; } abbr { border-bottom:1px dotted #ccc; cursor:help; } div.select { position:relative; width:162px; height:25px; background: url(../images/bg_select.gif) no-repeat; } div.select label { position:absolute; top:0; left:0; padding:5px 0 0 12px; width:162px; height:25px; font-size:12px; cursor:pointer; z-index:1; } div.select select { position:relative; width:162px; height:25px; font-size:12px; filter:alpha(opacity=0); opacity:0; cursor:pointer; z-index:2; } div.select option { padding:3px 6px; font-size:12px; } #skip { display:none; } #backdrop { background:url(../images/bg_page2.jpg) repeat-x 50% 0; height:1% } #container { margin:0 auto; width:990px; text-align:left; position:relative } #header { position:relative; height:88px; z-index:1; } #header form { background:url(../images/bg_search.gif) no-repeat; position:absolute; right:12px; top:15px } #header input { background:none; border:none; vertical-align:top; width:127px; padding:3px; color:#FFF; font-weight:bold } /*#topnav { position:absolute; top:20px; right:178px; } #topnav li { float:left; margin-right:10px; list-style:none; width:80px; font-size:11px; height:15px; position:relative } #topnav li a, #topnav li span { display:block; }*/ #logo { position:absolute; left:16px; top:29px; } div.socialbox1 { width: 54px!important; margin: 20px 5px 0 5px;text-align: center; } div.socialbox2 { width: 54px!important; margin: 20px 10px 0 0px;text-align: center;} div.socialbox1 .twitter {display:block; width:54px; height:54px; background: url(../images/twitter_hover.png) no-repeat scroll 0 0;} div.socialbox1 .twitter:hover {background: url(../images/twitter_hover.png) no-repeat scroll -54px 0;} div.socialbox2 .facebook {display:block; width:54px; height:54px; background: url(../images/facebook_hover.png) no-repeat scroll 0 0;} div.socialbox2 .facebook:hover {background: url(../images/facebook_hover.png) no-repeat scroll -54px 0;} div.checksocial {margin: 20px 0 0 40px;} div span.social { font-size: 11px; } /* NAVIGATION ------------------------------------------------------------------------------------- */ #nav { position:absolute; bottom:0; right:0; width:839px; height:49px; } #nav li { float:left; position:relative; height:49px; list-style:none; } #nav li a { cursor:pointer; } #nav li a, #nav li div { position:relative; display:block; height:49px; text-decoration:none; color:#fff; font-size:14px; } #nav li strong { position:absolute; top:0px; left:0px; display:block; height:49px; } #nav li, #nav li a, #nav li strong, #nav li div { background-image:url(../images/nav.gif); } #nav li.wild-birds, #nav li.wild-birds a, #nav li.wild-birds a strong { background-position:0px 0px; width:93px; } #nav li.pet-birds, #nav li.pet-birds a, #nav li.pet-birds a strong { background-position:-93px 0px; width:82px; } #nav li.small-animals, #nav li.small-animals a, #nav li.small-animals a strong { background-position:-175px 0px; width:119px; } #nav li.learn-share, #nav li.learn-share a, #nav li.learn-share a strong { background-position:-294px 0px; width:111px; } #nav li.kid-zone, #nav li.kid-zone a, #nav li.kid-zone a strong { background-position:-405px 0px; width:123px; } #nav li.products, #nav li.products a, #nav li.products a strong { background-position:-528px 0px; width:78px; } #nav li.avian-foundation, #nav li.avian-foundation a, #nav li.avian-foundation a strong { background-position:-606px 0px; width:128px; } #nav li.about, #nav li.about a, #nav li.about a strong { background-position:-734px 0px; width:105px; } /* HOVER STATE */ #nav li.wild-birds:hover a, #nav li.wild-birds:hover a strong, #nav li.wild-birds a:hover, #nav li.wild-birds a:hover strong, #nav li.wild-birdshover a, #nav li.wild-birdshover a strong { background-position:0px -49px; width:93px; } #nav li.pet-birds:hover a, #nav li.pet-birds:hover a strong, #nav li.pet-birds a:hover, #nav li.pet-birds a:hover strong, #nav li.pet-birdshover a, #nav li.pet-birdshover a strong { background-position:-93px -49px; width:82px; } #nav li.small-animals:hover a, #nav li.small-animals:hover a strong, #nav li.small-animals a:hover, #nav li.small-animals a:hover strong, #nav li.small-animalshover a, #nav li.small-animalshover a strong { background-position:-175px -49px; width:119px; } #nav li.learn-share:hover a, #nav li.learn-share:hover a strong, #nav li.learn-share a:hover, #nav li.learn-share a:hover strong, #nav li.learn-sharehover a, #nav li.learn-sharehover a strong { background-position:-294px -49px; width:111px; } #nav li.kid-zone:hover a, #nav li.kid-zone:hover a strong, #nav li.kid-zone a:hover, #nav li.kid-zone a:hover strong, #nav li.kid-zonehover a, #nav li.kid-zonehover a strong { background-position:-405px -49px; width:123px; } #nav li.products:hover a, #nav li.products:hover a strong, #nav li.products a:hover, #nav li.products a:hover strong, #nav li.productshover a, #nav li.productshover a strong { background-position:-528px -49px; width:78px; } #nav li.avian-foundation:hover a, #nav li.avian-foundation:hover a strong, #nav li.avian-foundation a:hover, #nav li.avian-foundation a:hover strong, #nav li.avian-foundationhover a, #nav li.avian-foundationhover a strong { background-position:-606px -49px; width:128px; } #nav li.about:hover a, #nav li.about:hover a strong, #nav li.about a:hover, #nav li.about a:hover strong, #nav li.abouthover a, #nav li.abouthover a strong { background-position:-734px -49px; width:105px; } /* ON STATE */ #nav li.wild-birdson, #nav li.wild-birdson strong, #nav li.wild-birdson div { background-position:0px -98px; width:93px; } #nav li.pet-birdson, #nav li.pet-birdson strong, #nav li.pet-birdson div { background-position:-93px -98px; width:82px; } #nav li.small-animalson, #nav li.small-animalson strong, #nav li.small-animalson div { background-position:-175px -98px; width:119px; } #nav li.learn-shareon, #nav li.learn-shareon strong, #nav li.learn-shareon div { background-position:-294px -98px; width:111px; } #nav li.kid-zoneon, #nav li.kid-zoneon strong, #nav li.kid-zoneon div { background-position:-405px -98px; width:123px; } #nav li.productson, #nav li.productson strong, #nav li.productson div { background-position:-528px -98px; width:78px; } #nav li.avian-foundationon, #nav li.avian-foundationon strong, #nav li.avian-foundationon div { background-position:-606px -98px; width:128px; } #nav li.abouton, #nav li.abouton strong, #nav li.abouton div { background-position:-734px -98px; width:105px; } #topnav { position:absolute; top:17px; right:182px; width:246px; height:22px; } #topnav li { float:left; position:relative; height:22px; list-style:none; } #topnav li a { cursor:pointer; } #topnav li a, #topnav li div { position:relative; display:block; height:22px; text-decoration:none; color:#26C4FF; font-size:14px; } #topnav li strong { position:absolute; top:0px; left:0px; display:block; height:22px; } #topnav li, #topnav li a, #topnav li strong, #topnav li div { background-image:url(../images/topnav.gif); } #topnav li.extranet, #topnav li.extranet a, #topnav li.extranet a strong { background-position:0px 0px; width:87px; } #topnav li.store-locator, #topnav li.store-locator a, #topnav li.store-locator a strong { background-position:-87px 0px; width:86px; } #topnav li.enewsletter, #topnav li.enewsletter a, #topnav li.enewsletter a strong { background-position:-173px 0px; width:73px; } /* HOVER STATE */ #topnav li.extranet:hover a, #topnav li.extranet:hover a strong, #topnav li.extranet a:hover, #topnav li.extranet a:hover strong { background-position:0px -22px; width:87px; } #topnav li.store-locator:hover a, #topnav li.store-locator:hover a strong, #topnav li.store-locator a:hover, #topnav li.store-locator a:hover strong { background-position:-87px -22px; width:86px; } #topnav li.enewsletter:hover a, #topnav li.enewsletter:hover a strong, #topnav li.enewsletter a:hover, #topnav li.enewsletter a:hover strong { background-position:-173px -22px; width:73px; } /* ON STATE */ #topnav li.extraneton, #topnav li.extraneton strong, #topnav li.extraneton div { background-position:0px -44px; width:87px; } #topnav li.store-locatoron, #topnav li.store-locatoron strong, #topnav li.store-locatoron div { background-position:-87px -44px; width:86px; } #topnav li.enewsletteron, #topnav li.enewsletteron strong, #topnav li.enewsletteron div { background-position:-173px -44px; width:73px; } #footer { margin:20px 0 15px; width:990px; height:59px; position:relative; background:url(../images/bg_footer.png) no-repeat; color:#bbb9b9; } #footer ul { position:absolute; top:15px; left:348px; width:327px; list-style:none } #footer p { position:absolute; top:15px; right:17px; width:314px; } #footer li { width:109px; float:left; } #footer a:link { color:#299FCD; } #footer a:hover { color:#038bb5; } #footer #quicklinks { position:absolute; top:6px; left:9px; width:304px; height:45px; } #quicklinks li { float:left; position:relative; height:45px; list-style:none; } #quicklinks li a { cursor:pointer; } #quicklinks li a, #quicklinks li div { position:relative; display:block; height:45px; text-decoration:none; color:#fff; font-size:14px; } #quicklinks li strong { position:absolute; top:0px; left:0px; display:block; height:45px; } #quicklinks li, #quicklinks li a, #quicklinks li strong, #quicklinks li div { background-image:url(../images/bg_nav_footer.gif); } #quicklinks li.blog, #quicklinks li.blog a, #quicklinks li.blog a strong { background-position:0px 0px; width:57px; } #quicklinks li.forum, #quicklinks li.forum a, #quicklinks li.forum a strong { background-position:-57px 0px; width:71px; } #quicklinks li.photos, #quicklinks li.photos a, #quicklinks li.photos a strong { background-position:-128px 0px; width:93px; } #quicklinks li.videos, #quicklinks li.videos a, #quicklinks li.videos a strong { background-position:-221px 0px; width:83px; } /* HOVER STATE */ #quicklinks li.blog:hover a, #quicklinks li.blog:hover a strong, #quicklinks li.blog a:hover, #quicklinks li.blog a:hover strong { background-position:0px -45px; width:57px; } #quicklinks li.forum:hover a, #quicklinks li.forum:hover a strong, #quicklinks li.forum a:hover, #quicklinks li.forum a:hover strong { background-position:-57px -45px; width:71px; } #quicklinks li.photos:hover a, #quicklinks li.photos:hover a strong, #quicklinks li.photos a:hover, #quicklinks li.photos a:hover strong { background-position:-128px -45px; width:93px; } #quicklinks li.videos:hover a, #quicklinks li.videos:hover a strong, #quicklinks li.videos a:hover, #quicklinks li.videos a:hover strong { background-position:-221px -45px; width:83px; } /* ON STATE */ #quicklinks li.blogon, #quicklinks li.blogon strong, #quicklinks li.blogon div { background-position:0px -90px; width:57px; } #quicklinks li.forumon, #quicklinks li.forumon strong, #quicklinks li.forumon div { background-position:-57px -90px; width:71px; } #quicklinks li.photoson, #quicklinks li.photoson strong, #quicklinks li.photoson div { background-position:-128px -90px; width:93px; } #quicklinks li.videoson, #quicklinks li.videoson strong, #quicklinks li.videoson div { background-position:-221px -90px; width:83px; } /* HOME PAGE ------------------------------------------------------------------------------------- */ .home .row { padding-bottom:32px; background:none; } .home #content { background:none; } .story { clear:both; width:100%; background: url(../images/bg_dots_vertical.gif) repeat-y 134px 0 !important; padding:1px 0 0 !important; font-size:14px; } .story2 { padding:1px 0 0 !important; font-size:14px; } .story div { float:left; width:155px; height:130px; vertical-align: top; } .story2 div { float:left; width:155px; height:130px; vertical-align: top; } .story h3 { margin: 0 } .story h3 img { margin:10px 0 0 20px; } .story p { margin:9px 0; } .flyout .select { margin:15px 0 5px; width:162px; left:-15px; background:#edd600 url(../images/bg_select.gif) no-repeat; } .flyout .select select { width: 162px; } .flyout .select input { position:absolute; top:0; right:-32px; } .flyout .select label { top:5px; font-size:11px; } .select { margin:10px 0; width:176px; height:24px; position:relative; background:#edd600 url(../images/bg_select_long.gif) no-repeat; } .select label { position:absolute; top:5px; left:11px; z-index:1; color:#59361a; font-size:12px; } .select select { position:relative; background:#edd600; width: 176px; height:22px; opacity: 0; filter:alpha(opacity=0); -moz-opacity:0; z-index:2; cursor:pointer; } .select option { padding:2px; background:#eac601; color:#59361a; border-top:1px solid #edd600; } .select option:focus, .select option:active, .select option:hover { background:#eab601 } form#brand { position:relative; width:211px; } form#brand .btn { position:absolute; top:0; right:0; } .flyout#wild-birds { left:78px; } .flyout#pet-birds { left:166px; } .flyout#small-animals { left:267px; } .flyout#learn-share { left:380px; } .flyout#kid-zone { left:499px; } .flyout#products { left:600px; } .flyout#avian-foundation { left:701px; } .flyout#about { left:753px; } .flyout#about .inner { width:237px; background-position:-509px 0 } .flyout { display:none; position:absolute; top:72px; left:160px; background:url(../images/bg_menu2.png) no-repeat -251px 100%; padding-bottom:29px; z-index:2; line-height:25px; } .flyout .inner { background:url(../images/bg_menu.png) no-repeat; width:251px; } .flyout .pad { padding:40px 43px 0; } .flyout a { color:#26c4ff !important; text-decoration:none; } .flyout ul { list-style:none; } .flyout li { line-height:15px; padding:5px 0; } .flyout li li { background:url(../images/bg_menu_square.gif) no-repeat 3px 50%; padding:2px 0 3px 13px; line-height:10px; font-size:11px; } .flyout li li a { color:#c5ecfa !important } .flyout a:hover { text-decoration:underline !important; } #h_col1, #h_col2, #h_col3 { width:300px; height:226px; display:inline; position:relative; float:left; } #h_col1 { margin:20px 0 0 11px; padding-top:40px; background:url(../images/bg_h_news.gif) no-repeat 0 39px; } #h_col1 ul.yui-nav { position:absolute; top:0; left:0; width:200px; height:40px; } #h_col1 ul.yui-nav li { float:left; position:relative; height:40px; list-style:none; } #h_col1 ul.yui-nav li a { cursor:pointer; } #h_col1 ul.yui-nav li a, #h_col1 ul.yui-nav li div { position:relative; display:block; height:40px; text-decoration:none; color:#fff; font-size:14px; } #h_col1 ul.yui-nav li strong { position:absolute; top:0px; left:0px; display:block; height:40px; } #h_col1 ul.yui-nav li, #h_col1 ul.yui-nav li a, #h_col1 ul.yui-nav li strong, #h_col1 ul.yui-nav li div { background-image:url(../images/bg_h_tabs.gif); outline:none } #h_col1 ul.yui-nav li#t_blog, #h_col1 ul.yui-nav li#t_blog a, #h_col1 ul.yui-nav li#t_blog a strong { background-position:0px -40px; width:100px; } #h_col1 ul.yui-nav li#t_news, #h_col1 ul.yui-nav li#t_news a, #h_col1 ul.yui-nav li#t_news a strong { background-position:-100px -40px; width:100px; } /* ON STATE */ #h_col1 ul.yui-nav li#t_blog.selected, #h_col1 ul.yui-nav li#t_blog.selected strong, #h_col1 ul.yui-nav li#t_blog.selected div { background-position:0px 0px; width:100px; } #h_col1 ul.yui-nav li#t_news.selected, #h_col1 ul.yui-nav li#t_news.selected strong, #h_col1 ul.yui-nav li#t_news.selected div { background-position:-100px 0px; width:100px; } #h_col1 .yui-content { padding:0 10px 10px; } #h_col1 .yui-content li { position:relative; padding:10px 0; list-style:none; background:url(../images/bg_dots_horiz.gif) repeat-x 0 100%; font-size:14px; } #h_col1 .yui-content li.last { background:none; } #h_col1 .yui-content .dtstamp { display:block; font-size:12px; color:#43220F; text-decoration:none !important } #h_col1 .yui-content a { color:#FFF; } #h_col1 p { margin:5px 0; } #h_col2 { margin:20px 0 0 31px; height:265px; } #h_col2 img, #h_col2 embed { margin-top:10px; } #h_col2 a img { margin:15px 0 0 15px } #h_col3 { margin:20px 0 0 31px; height:265px; } #h_col3 ul { width:312px; height:79px; } #h_col3 ul li { float:left; position:relative; height:79px; list-style:none; } #h_col3 ul li a { cursor:pointer; } #h_col3 ul li a, #h_col3 ul li div { position:relative; display:block; height:79px; text-decoration:none; color:#fff; font-size:14px; } #h_col3 ul li strong { position:absolute; top:0px; left:0px; display:block; height:79px; } #h_col3 ul li, #h_col3 ul li a, #h_col3 ul li strong, #h_col3 ul li div { background-image:url(../images/bg_h_getinvolved.jpg); width:312px; } #h_col3 ul li.foundation, #h_col3 ul li.foundation a, #h_col3 ul li.foundation a strong { background-position:0px 0px; } #h_col3 ul li.learn, #h_col3 ul li.learn a, #h_col3 ul li.learn a strong { background-position:0 -79px; } #h_col3 ul li.forum, #h_col3 ul li.forum a, #h_col3 ul li.forum a strong { background-position:0px -158px; } /* HOVER STATE */ #h_col3 ul li.foundation:hover a, #h_col3 ul li.foundation:hover a strong, #h_col3 ul li.foundation a:hover, #h_col3 ul li.foundation a:hover strong { background-position:-312px 0; } #h_col3 ul li.learn:hover a, #h_col3 ul li.learn:hover a strong, #h_col3 ul li.learn a:hover, #h_col3 ul li.learn a:hover strong { background-position:-312px -79px; } #h_col3 ul li.forum:hover a, #h_col3 ul li.forum:hover a strong, #h_col3 ul li.forum a:hover, #h_col3 ul li.forum a:hover strong { background-position:-312px -158px; } #content { padding:0 0 10px 0; } #content .inner .inner { min-height:500px } /* SUBPAGE ------------------------------------------------------------------------------------- */ .breadcrumb { float: left; margin-left:15px; list-style:none; height:41px; line-height:41px; padding:0 6px; } .breadcrumb li { float:left; color:#b2ad94; margin-left:4px; display:inline; } .breadcrumb a { background:url(../images/bg_breadcrumb.gif) no-repeat 100% 5px; padding-right:8px; } .add-this { float: right; margin-right: 13px; padding: 12px 0; width: 500px; text-align: right; } .add-this a.twitter { font-size: 11px; color: #fff; background: url(../images/bg_twitter.gif) no-repeat; padding: 0 0 0 20px; margin: 0 10px 0 0; position: relative; top: -4px; } .add-this a.facebook { font-size: 11px; color: #fff; background: url(../images/bg_facebook.gif) no-repeat; padding: 0 0 0 22px; margin: 0 15px 0 0; position: relative; top: -4px; } .add-this a.twitter:hover, .add-this a.facebook:hover { text-decoration: underline } .subnav li { list-style:none; font-weight:bold; padding:5px 0 5px 12px; color:#f90818 } .subnav li.parent { background:url(../images/bg_subnav_arrow_over.gif) no-repeat 2px 8px; } .subnav li.expanded, .landing .subnav li.parent { background:url(../images/bg_subnav_arrow.gif) no-repeat 0 10px; } .subnav li li { font-weight:normal; font-size:11px; padding:1px 0 1px 10px; } .subnav li ul { display:none; } .subnav li.expanded ul, .landing .subnav li ul { display:block; } #col1, #col2, #col3, #col4, #col5 { float:left; display:inline; } #col1 { margin-top:12px; margin-left:25px; width:138px; } .blog #col1 { margin-right:20px !important; clear:both !important; } #col1 h2 { font-size:14px; color:#f90818; } #col2 { margin-left:10px; width:530px; color:#b2ad94; position:relative; } #col2.wide { margin-left:14px; width:813px !important; } #col2 .welcome { position:absolute; top:0px; left:180px; width:350px; line-height:16px } #col2 .welcome h1 { width:350px; line-height:normal } #col2 p { margin-bottom:10px; } #col2 input#species, #col2 input#keywords { right:auto; left:0; width:158px; line-height:15px; padding:5px 10px; border:none; color:#59361A; background:url(../images/bg_input.gif) no-repeat; } #col2 h2 { margin:10px 0 5px 0; display:block; } #col2 h3 { margin-top:10px; } #col2 ul { margin-bottom:10px; } #videoSearch { vertical-align:middle; background:url(../images/bg_videobar.png) no-repeat 2px 5px; padding:10px; } #videoSearch #keywords { position:relative; top:-7px } .learn-share .pager { margin-right:10px; } .learn-share .pager li { margin:12px 5px 0 0 !important } #col2 li { margin-left:20px; margin-bottom:5px; } #col2 .accentbird { float:right; margin:0 20px 20px 20px; text-align:center; color:#ADCA31; font-size:10px; } #col2 table.phototable { width:800px; border:0; } #col2 table.phototable td { background:url(../images/bg_dots_horiz2.gif) repeat-x 0 100%; color:#adca31; padding:10px; vertical-align:top } div.sounds { width: 500px; margin:10px 0 20px 0; display:block; } div.bird_sound { text-align:center; float:left; margin: 0 15px 0 0; min-height: 100px; width: 125px; } div.bird_sound span.listen { margin-top:5px; display:block; } .sounds.last {margin-top:20px; margin-bottom:20px; } #col2 ul.faqlist { margin-top:10px; margin-bottom:40px; font-weight:bold; list-style-type:none; margin-left:-15px; } #col2 h2.factheader { margin-bottom:0px; margin-left:20px; color:#ADCA31; } #col2 div.faq { margin:0 20px 30px 0;padding-bottom:8px; border-bottom:1px dashed #F4DF00; } #col2 div.faq img.floatright { margin:0 0 20px 10px; } #col3 { margin-left:60px; width:190px; } #col3 ul { margin-bottom:12px; list-style:none; clear:both; line-height:18px } #category_headers, #downloads { margin:0 0 0 10px; width:952px; height:18px; list-style:none; } #category_headers li, #downloads li { float:left; width:140px; } #category_headers li.last, #downloads li.last { margin:0; width:112px; } #downloads { margin:0 0 0 10px; height:45px; line-height:18px; } #categories { width:962px; height:125px; } #categories li { float:left; position:relative; height:125px; list-style:none; } #categories li a { cursor:pointer; } #categories li a, #categories li div { position:relative; display:block; height:125px; text-decoration:none; color:#fff; font-size:14px; } #categories li strong { position:absolute; top:0px; left:0px; display:block; height:125px; } #categories li, #categories li a, #categories li strong, #categories li div { background-image:url(../images/bg_prod_cats.jpg); width:140px; } #categories li.food, #categories li.food a, #categories li.food a strong { background-position:0px 0px; } #categories li.treats, #categories li.treats a, #categories li.treats a strong { background-position:-140px 0; } #categories li.supplements, #categories li.supplements a, #categories li.supplements a strong { background-position:-280px 0; } #categories li.feeders, #categories li.feeders a, #categories li.feeders a strong { background-position:-420px 0; } #categories li.cages, #categories li.cages a, #categories li.cages a strong { background-position:-560px 0; } #categories li.bedding, #categories li.bedding a, #categories li.bedding a strong { background-position:-700px 0; } #categories li.miscellaneous, #categories li.miscellaneous a, #categories li.miscellaneous a strong { background-position:-840px 0; width:122px; } /* HOVER STATE */ #categories li.food:hover a, #categories li.food:hover a strong, #categories li.food a:hover, #categories li.food a:hover strong { background-position:0 -125px; } #categories li.treats:hover a, #categories li.treats:hover a strong, #categories li.treats a:hover, #categories li.treats a:hover strong { background-position:-140px -125px; } #categories li.supplements:hover a, #categories li.supplements:hover a strong, #categories li.supplements a:hover, #categories li.supplements a:hover strong { background-position:-280px -125px; } #categories li.feeders:hover a, #categories li.feeders:hover a strong, #categories li.feeders a:hover, #categories li.feeders a:hover strong { background-position:-420px -125px; } #categories li.cages:hover a, #categories li.cages:hover a strong, #categories li.cages a:hover, #categories li.cages a:hover strong { background-position:-560px -125px; } #categories li.bedding:hover a, #categories li.bedding:hover a strong, #categories li.bedding a:hover, #categories li.bedding a:hover strong { background-position:-700px -125px; } #categories li.miscellaneous:hover a, #categories li.miscellaneous:hover a strong, #categories li.miscellaneous a:hover, #categories li.miscellaneous a:hover strong { background-position:-840px -125px; } h1 { font-size:28px; color:#f90818; } h2 { font-size:18px; font-weight:normal; } h3 { font-size:14px; color:#ff8400; } h4 { font-size:12px; color:#cfc9ae; } .products #content { background:url(../images/bg_subpage_swirl.jpg) no-repeat 50% 0 } .products #content .inner .inner { min-height:300px; } .products img.prodlandingimg { margin: 0 0 0 -50px; position: relative; } ul.product { margin:20px 0 20px; } ul.product li { margin:0 30px 0 0 !important; min-height:169px; width:106px; float:left; display:inline; } ul.product li.four { margin:0 !important } ul.product li.none { width:200px; } ul.product a.rounded { margin-bottom:5px; } ul.list { margin:0 0 20px 0; } ul.list span.dtstamp { display:block; color:#B2AD94 !important; font-size:11px } ul.careers li { position:relative; margin-left:0 !important; list-style:none; padding-left:13px; background:url(../images/bg_menu_square.gif) no-repeat 3px 6px; } ul.news li { position:relative; margin-left:0 !important; list-style:none; margin-top:20px; padding-left:0px; } #content { background:url(../images/bg_subpage.jpg) no-repeat 50% 0 } .products .row { background:url(../images/bg_dots_horiz2.gif) repeat-x 0 0; clear:left; padding-top:30px; } .row { background:url(../images/bg_dots_horiz2.gif) repeat-x 0 100%; } /* PRODUCT DETAIL ------------------------------------------------------------------------------------- */ .detail #col3 { margin-left:25px; width:230px; } .detail #col3 a.rounded { margin-bottom:5px; } .detail h4 { margin-top:10px; } .analysis { font-family:"Courier", system, terminal; color:#adca31; line-height:20px; } .analysis td { font-family:"Courier", system, terminal; color:#adca31; white-space:nowrap } .analysis .dots { width:100%; background:url(../images/bg_dots_green.gif) repeat-x 0 80%; } .analysis .amount { text-align:right; } .variants { width:530px; background:url(../images/bg_variants.png) no-repeat 0 -26px; padding-top:10px; } .variants div { background:url(../images/bg_variants.png) no-repeat -530px 100%; padding-bottom:10px; } .variants div div { background:url(../images/bg_variants.png) repeat-y -1060px 0; padding-bottom:0 } .variants table { margin:0 10px; width:510px; } .variants td { background:url(../images/bg_dots_horiz2.gif) repeat-x 0 100%; color:#adca31; padding:10px; vertical-align:top } .variants tr.last td { background:none; padding:10px 10px 0 } .variants tr.last td.thumb { padding:10px 0 0 } .variants td.thumb { padding:10px 0; } .heading { width:100%; } .heading th { padding:0 0 0 10px; color:#cfc9ae; line-height:25px; } .heading col.thumb { width:78px } .heading col.title { width:171px } .heading col.size { width:35px; } .heading col.upc { width:81px; } .heading col.number { width:49px; } span.filesize { color:#b2ad94 !important } /* WILD BIRDS, PET BIRDS, & SMALL ANIMALS ------------------------------------------------------------------------------------- */ .wild-birds #content, .pet-birds #content, .small-animals #content { padding:0; background:url(../images/bg_subpage_swirl2_mid.gif) repeat-y; color:#b2ad94; height:1% } .wild-birds #content .inner { background:url(../images/bg_subpage_wild_birds.jpg) no-repeat 0 0; } .wild-birds #content .inner .inner, .pet-birds #content .inner .inner, .small-animals #content .inner .inner { background:url(../images/bg_subpage_swirl2_bot.gif) no-repeat 0 100%; } .pet-birds #content .inner { background:url(../images/bg_subpage_pet_birds.jpg) no-repeat 0 0; } .small-animals #content .inner { background:url(../images/bg_subpage_small_animals.jpg) no-repeat 0 0; } .wild-birds #col2, .pet-birds #col2, .small-animals #col2 { padding-bottom:20px; width:513px; } .wild-birds #col2 h1, .pet-birds #col2 h1, .small-animals #col2 h1 { margin:35px 0 15px 18px; } .wild-birds #col2.landing, .pet-birds #col2.landing, .small-animals #col2.landing { margin-left:14px; width:813px; height:258px; } .wild-birds #col2.wide h1, .pet-birds #col2.wide h1, .small-animals #col2.wide h1 { margin:34px 0 30px 45px; } .wild-birds #col2.wide p, .wild-birds #col2.wide form, .pet-birds #col2.wide p, .pet-birds #col2.wide form, .small-animals #col2.wide p, .small-animals #col2.wide form { margin-left:118px; width:213px; } .wild-birds #col2.wide form, .pet-birds #col2.wide form, .small-animals #col2.wide form { position:relative; } .wild-birds #col2.wide input, .pet-birds #col2.wide input, .small-animals #col2.wide input { position:absolute; top:0; right:0; } .wild-birds #col2.wide div.select, .pet-birds #col2.wide div.select, .small-animals #col2.wide div.select { margin-top:0 } .wild-birds #col2.wide img.floatright, .pet-birds #col2.wide img.floatright, .small-animals #col2.wide img.floatright { margin:25px 20px 0 0; } #col3.clear { clear:left; width:306px; margin-top:20px; margin-left:20px; } #col3.clear p { margin:10px 0; line-height:16px; } #col4, #col5 { position:relative; margin-top:20px; margin-left:20px; padding-bottom:10px; width:302px; } #col4 h2, #col5 h2 { margin-bottom:10px; font-size:22px; } #col4 a img { position:relative; margin-top:10px; } #col4 li { position:relative; padding:5px 0; list-style:none; font-size:14px; background:none } #col4 li.last { background:none; } #col4 .dtstamp { display:block; font-size:11px; color:#b2ad94; font-weight:bold; text-decoration:none !important } #col5 img.floatright { margin:0; } #col5 img.choosepet { margin-bottom:55px; } #col5 img.minimap { margin-bottom:60px; } #col5 h3 { margin-top:20px; } #col5 p { margin-bottom:5px } .wild-birds .summary, .small-animals .summary, .pet-birds .summary { margin:20px 0 0 100px } .birds td { padding:10px; background:url(../images/bg_dots_horiz2.gif) repeat-x 0 100%; } .birds tr.last td { background:none; } .birds td.thumb { padding:10px 10px 10px 0; } .birds td.downloads { width:120px; } .round { clear:left; margin:20px; padding:20px; background:#3b2c1c; position:relative; height:1% } .round h2 { font-size:18px; } .round h3 { margin-bottom:10px; font-size:14px; color:#b2ad94; } .round .tl, .round .tr, .round .bl, .round .br { overflow:hidden; position:absolute; height:9px; width:9px; display:block; background:url(../images/bg_brown_corners.gif) no-repeat; } .round .tl { top:0; left:0; } .round .tr { top:0; right:0; background-position:-9px 0; } .round .bl { bottom:0; left:0; background-position:-18px 0; } .round .br { bottom:0; right:0; background-position:-27px 0; } .round .regions { margin-bottom:20px; } .round .regions li { margin:0 30px 0 0 !important; float:left; display:inline; width:125px; } .round .regions a { display:block; padding:3px 5px; background:url(../images/bg_dots_horiz2.gif) repeat-x 0 100% } .round .regions a:hover { background:#302011 url(../images/bg_dots_horiz3.gif) repeat-x 0 100%; color:#26c4ff; } .round .regions li.third { margin-right:0 } .round .product { margin:0; } .round .product li { margin:0 16px 0 0 !important } .detail .round { margin:20px 0 } .wild-birds.detail #col3 { margin-top:20px; } .option { width:216px; margin:20px 44px 0 20px; float:left; display:inline; } .season, .housing { margin:20px 0 0; } .option h3, .option embed, .option object { cursor:pointer } .option h3 { margin-bottom:5px; } .option h3 span { margin:0; padding-right:20px; background:url(../images/link_pdf.gif) no-repeat; } #col2 div.pettype { float:right; margin-top:-80px; } #col2 div.pettype .select { background: url(../images/bg_select.gif) no-repeat; } #col2 div.pettype form { margin-left:30px; } #col2 div.pettype .select select { width: 162px; } #col2 div.pettype input { left:165px; } #col2 .accentbird { clear:right; } .generictable { width:520px; background:url(../images/bg_variants.png) no-repeat 0 -26px; padding-top:10px; } .generictable div { background:url(../images/bg_variants.png) no-repeat -530px 100%; padding-bottom:10px; } .generictable div div { background:url(../images/bg_variants.png) repeat-y -1060px 0; padding-bottom:0 } .generictable table { margin:0 10px; width:500px; } .generictable td { background:url(../images/bg_dots_horiz2.gif) repeat-x 0 100%; color:#adca31; padding:10px; vertical-align:top } .generictable tr.last td { background:none; padding:10px 10px 0 } .generictable tr.last td.thumb { padding:10px 0 0 } .generictable td.thumb { padding:10px 0; } .widecopy table td { padding: 10px 0 10px 0; width="50%" } .widecopy table td img.floatleft { margin:0 4px 10px 0; } /* form formatting */ .generic_form { width:530px; background:url(../images/bg_variants.png) no-repeat 0 -26px; padding-top:10px; } .generic_form div { background:url(../images/bg_variants.png) no-repeat -530px 100%; padding-bottom:10px; } .generic_form div div { background:url(../images/bg_variants.png) repeat-y -1060px 0; padding-bottom:0 } .generic_form table { margin:10px 0 0 30px; } .generic_form td { padding-right:5px; padding-bottom:10px; } .generic_form td select { color:#554f35; width: 200px; margin-bottom:7px; margin-left:5px; } .generic_form td input { color:#554f35; width: 196px; margin-bottom:7px; margin-left:5px; } .generic_form td textarea { color:#554f35;width: 196px; margin-bottom:7px; margin-left:5px; } .generic_form .checkbox, .generic_form .radiobutton { width: 15px; margin: 7px 2px 0 5px; *margin-top: 0; _margin-top: 0; } .generic_form label { margin-left:5px; margin-bottom:7px; margin-top: 7px; *margin-top: 0; _margin-top: 0; } .generic_form .formbttn { width: 60px; margin-top: 10px; margin-bottom:10px; } .required { color: red; } #contactform td textarea { width: 200px !important; margin-bottom:7px; margin-left:5px; } #contactform .leftcell { padding-right:20px; } #contactform div.form td .checkbox {width: 20px; float: left;} #contactform div.form td label {width:170px; } #contactform .rightcell { padding-right:20px; } #contactform .rightcell .checkbox, #contactform .rightcell .radiobutton { width:15px; margin: 0 10px 7px 5px; float:left; cursor:pointer; } #contactform .rightcell label { margin:-1px 0 10px; width:336px; float:left; } /* International Locations ------------------------------------------------------------------------------------- */ .worldwide_locations { padding:0; margin-top:-20px; width:813px; } .region { width:200px; padding:0; float:left; } .region h2 { width:180px; color:#F4DF00; border-bottom:2px solid; padding-bottom:5px; margin-bottom:5px; } .region ul { float:left; width:180px; } .region ul li a { margin-left:5px; } .contact_info { width:813px !important; margin:0 8px 5px; float:left; display:inline; } .contact_info em { font-style:normal; } .contact_info h3 { color:#F4DF00; margin:8px 0 -2px 0; width:200px; } .contact_info h4 { margin:10px 0 -2px 0; width:200px; } #col2 .contact_info ul { margin-bottom:10px; } #col2 .contact_info li { list-style-type:none; display:inline; width:250px; margin:0 20px 100px 0; height:70px; float:left; } div.closing { position:relative; top:-20px; } /* STORE LOCATOR ------------------------------------------------------------------------------------- */ .store_result { float:left; width: 450px; font-size: 11px; } .store_result p { width: 100%; height: 18px; border-bottom: 1px dashed; } .store_result p span.left { float: left; } .store_result p span { float: right; } .store_result p span span { float: none; padding: 0 3px; } .store_result p span img { display: inline; } .store_result p.noborder { border: 0; } .store_result table { width: 100%; padding: 3px 0; } .store_result table td { border-bottom: 1px dashed; font-size: 11px; text-align: left; padding-bottom: 10px; } .store_result table td.one { width: 260px; } .store_result table td.one strong { font-size: 12px; } .store_result table td.two { padding-top: 17px; vertical-align:top; } .store_result table td.two strong { } .store_result table td.three { padding-top: 34px; vertical-align:top; } .store_result_logos { width:160px; float:left; margin-left:10px; padding-left:10px; } .store_result_logos h2 { padding:0; height:30px; } .store_result_logos p.stores { margin-top:10px; padding-top:0; width:130px; } .store_result_logos p.stores img.reseller { margin-bottom:12px; padding-bottom:5px; } .locator option {color: #666; } .locator select {color: #000;} .locator input {color: #000;} /* sIFR ------------------------------------------------------------------------------------- */ /* THESE ARE STANDARD sIFR STYLES... DO NOT MODIFY */ .sIFR-flash { margin:0; visibility:visible !important; } .sIFR-replaced { visibility:visible !important; } span.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; } /* HIDE ADBLOCK OBJECT TAB:THE TEXT SHOULD SHOW UP JUST FINE, NOT POORLY WITH A TAB LAID OVER IT. */ .sIFR-flash + div[adblocktab=true] { display:none !important; } .sIFR-hasFlash #category_headers { visibility:hidden } .sIFR-hasFlash #col1 h2 { min-width:60px } .sIFR-hasFlash .option h3 { letter-spacing:-.5px; } .sIFR-hasFlash .wild-birds #col3 h1 { position:relative } .sifr-red { color:#f90818; } .sifr-blue { color:#26c4ff; } .sifr-green { color:#adca31; } .sifr-orange { color:#ff8400; } .sifr-yellow { color:#f4df00; } /* LINK ICONS ------------------------------------------------------------------------------------- */ .download { padding:0 0 0 20px; background:url(../images/icon_download.gif) no-repeat 0 1px; } .viewlarger { padding:0 0 0 20px; background:url(../images/icon_search.gif) no-repeat 0 0px; } .pdf { padding:0 0 0 20px; background:url(../images/link_pdf.gif) no-repeat 0 1px; } .video { padding:0 0 0 20px; background:url(../images/link_video.gif) no-repeat 0 4px; } .audio { padding:0 15px 0 0; background:url(../images/link_audio.gif) no-repeat 100% 4px; } .doc { padding:0 15px 0 0; background:url(../images/link_worddoc.gif) no-repeat 100% 4px; } .excel { padding:0 15px 0 0; background:url(../images/link_excel.gif) no-repeat 100% 4px; } .external { padding:0 16px 0 0; background:url(../images/link_external.gif) no-repeat 100% 4px; } .flash { padding:0 15px 0 0; background:url(../images/link_flash.gif) no-repeat 100% 4px; } .ical { padding:0 15px 0 0; background:url(../images/link_ical.gif) no-repeat 100% 4px; } .itunes { padding:0 15px 0 0; background:url(../images/link_itunes.gif) no-repeat 100% 4px; } .outlook { padding:0 15px 0 0; background:url(../images/link_outlook.gif) no-repeat 100% 4px; } .podcast { padding:0 15px 0 0; background:url(../images/link_podcast.gif) no-repeat 100% 4px; } .popup { padding:0 16px 0 0; background:url(../images/link_popup.gif) no-repeat 100% 4px; } .ppt { padding:0 15px 0 0; background:url(../images/link_powerpoint.gif) no-repeat 100% 4px; } .qt { padding:0 15px 0 0; background:url(../images/link_quicktime.gif) no-repeat 100% 4px; } .rar { padding:0 16px 0 0; background:url(../images/link_rar.gif) no-repeat 100% 4px; } .rp { padding:0 16px 0 0; background:url(../images/link_realplayer.gif) no-repeat 100% 4px; } .rss { padding:0 15px 0 0; background:url(../images/link_rss.gif) no-repeat 100% 4px; } .txt { padding:0 13px 0 0; background:url(../images/link_text.gif) no-repeat 100% 4px; } .wmp { padding:0 16px 0 0; background:url(../images/link_wmp.gif) no-repeat 100% 4px; } .zip { padding:0 16px 0 0; background:url(../images/link_zip.gif) no-repeat 100% 4px; } /* MISC. CLASSES & IDS ------------------------------------------------------------------------------------- */ .totop { font-size:11px; font-weight:bold; } ul.assetlist li {list-style-type:none; } .rounded { position:relative; min-width:1px; min-height:1px; float:left; display:block; border:4px solid #a6b652; } span.rounded { float:none; } .rounded span { overflow:hidden; } .rounded img { float:left; border:none; } .rounded span { position:absolute; width:9px !important; height:9px !important; background-image:url(../images/sprite_corners.png) !important; background-repeat:no-repeat } .rounded .tl { top:-4px; left:-4px; } .rounded .tr { top:-4px; right:-4px; background-position:-9px 0; } .rounded .bl { bottom:-4px; left:-4px; background-position:-18px 0; } .rounded .br { bottom:-4px; right:-4px; background-position:-27px 0; } a.rounded:hover { border:4px solid #d75a0a; } a.rounded:hover .tl { background-position:0 -9px; } a.rounded:hover .tr { background-position:-9px -9px; } a.rounded:hover .bl { background-position:-18px -9px; } a.rounded:hover .br { background-position:-27px -9px; } .show { display:block; } .hide { display:none; } .clear { clear:both; } br.clear { line-height:0px; height:0; } input.btn { width:auto !important; height:auto !important; border:none !important; background:none !important; padding:0 !important; } .clearfix:after, .row:after, .pager:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */ .clearfix, .row, .pager { display:inline-block; } .clearfix, .row, .pager { /*\*/display:block;/**/ } /* FIX FOR PWP RETYPE PASSWORD STYLING */ .PWPRetypePromptText { display:block; } * html .italicsfix { /*\*/overflow:hidden; o\verflow:visible; width:100%; w\idth:auto; he\ight:1%;/**/ } .floatleft { float:left; } .floatright { float:right; } img.floatleft { margin:0 10px 5px 0; position:relative; } img.floatright { margin:0 20px 5px 10px; position:relative; } .alignright { text-align:right; } .alignleft { text-align:left; } /* LIGHTBOX PANEL ------------------------------------------------------------------------------------- */ .yui-overlay, .yui-panel-container{visibility:hidden;position:absolute;z-index:52;} .yui-panel-container form{margin:0;} .mask{z-index:51;display:none;position:absolute;top:0;left:0;right:0;bottom:0;} .mask.block-scrollbars{overflow:auto;} .masked select, .drag select, .hide-select select{_visibility:hidden;} .yui-panel-container select{_visibility:inherit;} .hide-scrollbars, .hide-scrollbars *{overflow:hidden;} .hide-scrollbars select{display:none;} .show-scrollbars{overflow:auto;} .yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars{overflow:visible;} .yui-panel-container.show-scrollbars .underlay, .yui-tt.show-scrollbars .yui-tt-shadow{overflow:auto;} .yui-panel-container.shadow .underlay.yui-force-redraw{padding-bottom:1px;} .yui-effect-fade .underlay{display:none;} .yui-tt-shadow{position:absolute;} .mask{background-color:#000;opacity:.25;*filter:alpha(opacity=25);} .yui-panel-container{padding:0 1px;*padding:2px 3px;} .yui-panel{position:relative;*zoom:1;left:0;top:0;border:4px solid #A6B652;background:#FFF;z-index:52;} .yui-panel .hd, .yui-panel .bd, .yui-panel .ft{text-align:left;*zoom:1;*position:relative;margin:0 -1px;} .yui-panel .hd{} .yui-panel .bd, .yui-panel .ft{} .yui-panel .hd{padding:0 10px;font-size:93%;line-height:2;*line-height:1.9;font-weight:bold;color:#333;/*background:url(../images/yui-sam-sprite.png) repeat-x 0 -200px;*/} .yui-panel .bd{padding:10px;} .yui-panel .ft{border-top:solid 1px #808080;padding:5px 10px;font-size:77%;} .yui-panel-container.focused .yui-panel .hd{} .container-close{position:absolute;top:3px;right:3px;width:25px;height:15px;background:url(../images/yui-sam-sprite.png) no-repeat 0 -300px;cursor:pointer;} .yui-panel-container .underlay{right:-1px;left:-1px;} .yui-panel-container.matte{padding:9px 10px;background-color:#fff;} .yui-panel-container.shadow{_padding:2px 5px 0 3px;} .yui-panel-container.shadow .underlay{position:absolute;top:2px;right:-3px;bottom:-3px;left:-3px;*top:3px;*left:-1px;*right:-1px;*bottom:-1px;_top:0;_right:0;_bottom:0;_left:0;_margin-top:3px;_margin-left:-1px;background-color:#000;opacity:.12;*filter:alpha(opacity=12);} .yui-dialog .ft{border-top:none;padding:0 10px 10px 10px;font-size:100%;} .yui-dialog .ft .button-group{display:block;text-align:right;} .yui-dialog .ft button.default{font-weight:bold;} .yui-dialog .ft span.default{border-color:#304369;background-position:0 -1400px;} .yui-dialog .ft span.default .first-child{border-color:#304369;} .yui-dialog .ft span.default button{color:#fff;} .yui-simple-dialog .bd .yui-icon{background:url(../images/yui-sam-sprite.png) no-repeat 0 0;width:16px;height:16px;margin-right:10px;float:left;} .yui-simple-dialog .bd span.blckicon{background-position:0 -1100px;} .yui-simple-dialog .bd span.alrticon{background-position:0 -1050px;} .yui-simple-dialog .bd span.hlpicon{background-position:0 -1150px;} .yui-simple-dialog .bd span.infoicon{background-position:0 -1200px;} .yui-simple-dialog .bd span.warnicon{background-position:0 -1900px;} .yui-simple-dialog .bd span.tipicon{background-position:0 -1250px;} .yui-tt .bd{position:relative;top:0;left:0;z-index:52;color:#000;padding:2px 5px;border-color:#D4C237 #A6982B #A6982B #A6982B;border-width:1px;border-style:solid;background-color:#FFEE69;} .yui-tt.show-scrollbars .bd{overflow:auto;} .yui-tt-shadow{top:2px;right:-3px;left:-3px;bottom:-3px;background-color:#000;} .yui-tt-shadow-visible{opacity:.12;*filter:alpha(opacity=12);} /* There are TWO pagers. One is a DIV (product/news list), the other is a UL (birds by region) */ div.pager { margin:10px 0; width:96%; clear:both; } .pager p { margin:0 !important; font-size:11px; } .pager ul, ul.pager { float:right; margin:0 !important; font-size:11px; } .pager li { margin:5px 0 0 5px !important; display:inline; float:left; } .pager li a, .pager li span { display:block; padding: 2px 6px; border: 1px solid rgb(39, 24, 8); color:#26C4FF; } .pager li a:hover { border: 1px solid #26C4FF; color:#26C4FF; background: rgb(39, 24, 8); } .pager li a.active, .pager li span { color:#F90818; } .pager li.viewall { border-right:none; } /* YOUTUBE SKIN ------------------------------------------------------------------------------------- */ #ytvideoplayer img { margin:0 } /* FORM VALIDATION ------------------------------------------------------------------------------------- */ .retypePrompt { display:inline; } /* BLOG ------------------------------------------------------------------------------------- */ .blog .subnav li { padding:0 } .blog .subnav li ul { display:block; } .blog .subnav li li { padding:5px 0 5px 12px; font-size:12px; font-weight:bold; } .blog #comment, .blog #col2 input { padding:2px; background:#463019; border:1px dashed #B2AD94; width:500px; height:100px; } .blog #comment:focus, .blog input:focus { border-color:#ADCA31; } .blog #col2 input { width:150px; height:auto } .blog #col2 .formbttn { width:auto; height:auto; border:none; padding:0 } .blog .commentlist { list-style:none; margin:0; padding:0 } .blog .commentlist li { margin-left:0 !important; background:url(../images/bg_dots_horiz.gif) repeat-x 0 100%; padding:10px 0; } .blog .commentlist .user { float:left; width:130px; } .blog .commentlist .user img { float:left; margin:0 5px 5px 0; } .blog .commentlist .comment { margin-left:20px; float:left; display:inline; width:350px; } .blog .commentmetadata a { color:#ccc; } .blog h3#comments { padding-top:10px; background:url(../images/bg_dots_horiz.gif) repeat-x; } .blog #generic_form div div { padding:10px; } .blog #col2 .search input { margin-top:10px; width:230px; } .blog .entry .postmetadata { display:none; } .category_spans {margin: 0 0 0 20px;} .short {margin-left: -35px;} /* SUPER PET PROMO */ .promo { background:#125d6c url(../images/bg_promo_stretch.jpg) repeat-x 50% 0; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:20px; line-height:26px; color:#0e5060 } .promo #backdrop { background:url(../images/bg_promo.jpg) no-repeat 50% 0; } .promo #container { padding:250px 0 25px; width:970px; min-height:1100px; } .promo #header { height:auto; } .promo .content { margin:0 34px; padding:25px 0 0; background:none; } .promo .content p { margin:0 0 28px; } .promo .line { height:1px; background:url(../images/bg_promo_line.gif) repeat-x 0 0; } .promo .line h2 { display:none; } .promo td { padding:0 5px; vertical-align:top; color:#fff; font-family:"Tahoma", Arial, Helvetica, sans-serif; } .promo h2 { padding-left:15px; color:#335962; font-size:20px; } .promo h3 { padding:0 10px 40px; color:#fff; font:normal 14px/20px tahoma,arial,sans-serif; } .promo .tablealt { margin:20px 0 0; } .promo .tablealt td { padding:10px 0; vertical-align:inherit; } .promo .details { margin:12px 20px; } .promo .learn-more a { display:block; height:32px; width:268px; background:url(../images/btn_learnmore.gif) no-repeat 0 -32px; text-indent:-2000px } .promo .learn-more a:hover { background-position:0 0; } /* SUPER PET NORMAL */ .normal { background:#132685 url(../images/bg_normal_stretch.jpg) repeat-x 50% 0; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:20px; line-height:26px; color:#a5d3ff } .normal #backdrop { background:url(../images/bg_normal.jpg) no-repeat 50% 0; } .normal #container { padding:250px 0 25px; width:970px; min-height:1100px; } .normal #header { height:auto; } .normal .content { margin:0 34px; padding:25px 0 0; background:none; } .normal .content p { margin:0 0 28px; } .normal td { vertical-align:top; color:#88b0e7; font-family:"Tahoma", Arial, Helvetica, sans-serif; } .normal h2 { padding-left:15px; color:#fdb61e; font-size:20px; } .normal h3 { padding:0 10px 40px; color:#88b0e7; font:normal 14px/20px tahoma,arial,sans-serif; } .normal .details { margin:12px 20px; } .normal .learn-more a { display:block; height:32px; width:268px; background:url(../images/btn_normal_learnmore.gif) no-repeat 0 0; text-indent:-2000px } .normal .learn-more a:hover { background-position:0 -36px; } /* SUPER PET WINTER PROMO */ .winter_promo { background:#132685 url(../images/bg_promo_x.gif) repeat-x; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:20px; color:#a5d3ff } .winter_promo #backdrop { background:url(../images/bg_promo_page.gif) no-repeat 50% 0; } .winter_promo #container { width:970px; } .winter_promo #header { height:auto; } .winter_promo #content { background:none; min-height:450px; margin:50px 34px; } .winter_promo #content p { margin:0 0 37px; } .winter_promo td { vertical-align:top; color:#a5d3ff; font-family:"Tahoma", Arial, Helvetica, sans-serif; } .winter_promo h2 { color:#fdb61e; font-size:20px; } .winter_promo h3 { color:#88b0e7; font-size:14px; font-weight:normal } .winter_promo .details { margin:12px 20px; } .winter_promo .learn-more a { display:block; height:36px; width:268px; background:url(../images/bg_promo_learnmore.gif) no-repeat; text-indent:-2000px } .winter_promo .learn-more a:hover { background-position:0 -36px; } /* ROUNDED LANDING PAGE (STANDALONE) */ body.landing-rounded { background:#e5ecf0 url(../images/bg_landing_body.gif) repeat-x 0 0; } body.landing-rounded #backdrop { margin-top:45px; background:url(../images/bg_landing_stretch.gif) repeat-y 50% 0; } body.landing-rounded #backdrop_top { background:url(../images/bg_landing.jpg) no-repeat 50% 0; } body.landing-rounded #container { background:url(../images/bg_landing_bot.gif) no-repeat 50% 100%; width:auto; } body.landing-rounded #content { width:772px; min-height:740px; padding:40px 20px; margin:0 auto; background:none; color:#000; font-size:18px; font-family:"Myriad Pro", Arial, sans-serif } * html body.landing-rounded #content { height:740px; } body.landing-rounded #footer { position:relative; width:800px; background:none; margin:0 auto; text-align:center; height:80px; } body.landing-rounded p { margin:0 0 20px; } body.landing-rounded .col { width:50%; float:left; } body.landing-rounded a:link { color:#2a3890; } body.landing-rounded a:hover { color:#4c7cb5 body.landing-rounded #logo_kaytee { position:absolute; top:5px; left:140px; } body.landing-rounded #logo_superpet { position:absolute; top:5px; right:140px; }