/* This minisite is wider than others, so hillspet_minisite.css is not used its contents have been modified and used below */ /* Type 1 2-column Template Styles */ #mainwrapper {width:985px;border-top:#f00 solid 3px;border-bottom:#f00 solid 3px;} #topnav {width:844px;}/* to position Facebook icon */ #content_2column, #content_2column.fullLeftNav, #content_2column, #content_2column.fullLeftNav {margin:1px 2px; width:985px; background-position:bottom left; background-repeat:no-repeat; } #content_2column {background:url('/images/bkg_content_2col_b-wide.png') bottom left;} #content_2column #column2 {float:left; width:811px; margin:0 0 0 3px; padding-bottom:50px;} #content_2column #column2 .columnbox { width:auto; } #content_2column.fullLeftNav, #content_2column.fullLeftNav { background:none; } #content_2column #column1 {width:165px; float:left;} #content_2column #column2 {float:left; margin:0 0 0 4px; padding-bottom:50px;} /* -- Landing/Intro page main content area -- */ #catBreedCatalog_introContentWrap {width:800px; padding:0; margin: 0;} #catBreedCatalog_introContentWrap img {padding:0; margin-top:40px;} #catBreedCatalog_introContentLeft {width:533px; float:left; display:inline;} #catBreedCatalog_introContentLeft p {font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#333333;margin: 60px 40px 20px 80px;} #catBreedCatalog_introContentRight {width:267px; float:left; display:inline;} #catBreedCatalog_introContentRight p {font-size:14px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;color:#cc0000;margin: 60px 70px 20px 40px;} #catBreedCatalog_introContentRight a {margin-top:100px; width:189px; height:40px; display:block; background:url('/images/btn_catBreedCatalog_exploreCatBreeds.gif') top;} #catBreedCatalog_introContentRight a:hover {margin-top:100px;width:189px; height:40px; display:block; background:url('/images/btn_catBreedCatalog_exploreCatBreeds.gif') bottom;} #dogBreedCatalog_introContentRight {width:267px; float:left; display:inline;} #dogBreedCatalog_introContentRight p {font-size:14px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;color:#cc0000;margin: 60px 70px 20px 40px;} #dogBreedCatalog_introContentRight a {margin-top:100px; width:189px; height:40px; display:block; background:url('/images/btn_dogBreedCatalog_exploreDogBreeds.gif') top;} #dogBreedCatalog_introContentRight a:hover {margin-top:100px;width:189px; height:40px; display:block; background:url('/images/btn_dogBreedCatalog_exploreDogBreeds.gif') bottom;} #clear {clear:both;} /* -- Breed pages -- */ #catBreedCatalog_breedTopWrap {width:800px; padding:0; margin: 0;} #catBreedCatalog_breedTopLeft {width:417px; float:left; display:inline;} #catBreedCatalog_breedTopLeft select{width:222px; margin:10px 0 0 20px; color:#cc0000; font-size:14px; font-weight:bold;} #catBreedCatalog_breedTopRight {width:383px; float:left; display:inline;} #catBreedCatalog_breedContentWrap {width:800px; padding:0; margin: 0;} #catBreedCatalog_breedContentLeft {width:530px; float:left; display:inline;} #catBreedCatalog_breedContentLeft p {font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#333333; padding:0px 30px 0px 20px;} #catBreedCatalog_breedContentRight {width:265px; float:left; display:inline;} #catBreedCatalog_breedMainContent {margin:0 25px 0 20px;} #catBreedCatalog_breedMainContent p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;} #catBreedCatalog_breedMainContent h3{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#cc0000; text-transform:uppercase; margin-top:15px; margin-left:0px; padding-left:0px;} /* -- Info Pod on Breed Pages -- */ #catBreedCatalog_infoPod {width:480px;padding:20px 0px 20px 20px; } #catBreedCatalog_infoPod h1 {width:480px; height:25px; color:#cc0000; line-height:25px; font-size:14px; text-transform:uppercase; background:url(/images/bkg_catBreedCatalog_breedPodTop.gif) repeat-x top; border-color:#bababa; border-style:solid; border-width:1px; } #catBreedCatalog_infoPodContentWrap {width:480px; height:auto !important; padding:20px 0px 20px 0px; background-color:#f5f2f0;border-color:#bababa; border-style:solid; border-width:1px;} #catBreedCatalog_infoPodContentWrap p {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; padding-left:20px;} #catBreedCatalog_infoPodContentWrap h2 {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#cc0000; text-transform:uppercase; font-weight:bold; padding:0 0 0 20px; margin-top:10px;} #catBreedCatalog_infoPodContentLeft {width:223px; display:inline; float:left; padding:0;} #catBreedCatalog_infoPodContentRight {width:235px; display:inline; float:left; padding:0;} /* -- Did you know pod on Breed Pages -- */ #catBreedCatalog_didYouKnowPod {text-align:center; width:248px; height:333px; background:url(/images/bkg_CatBreedCatalog_didYouKnow.jpg) no-repeat top;} /*#catBreedCatalog_didYouKnowPod img{margin:25px 0 20px 28px; border:solid; border-width:1px; border-color:#FFF; }*/ #catBreedCatalog_didYouKnowPodImage {height:237px;} #catBreedCatalog_didYouKnowPod img{margin-top:25px; margin-bottom:20px; border:solid; border-width:1px; border-color:#FFF; } #catBreedCatalog_didYouKnowPod p{margin:0px 15px 20px 20px; font-size:14px; text-align:center; color:#FFF;} /* -- Menu -- */ #catBreedCatalog_MenuWrap {height: 30px; max-height:30px; overflow:hidden;} /* -- Individual menu items -- */ #catBreedCatalog_MenuWrap a.a {display:block; float:left; height:30px; width:48px; background:url(/images/img_catBreedCatalog_menu_A.gif) bottom; } #catBreedCatalog_MenuWrap a.a:hover {background:url(/images/img_catBreedCatalog_menu_A.gif) top;} #catBreedCatalog_MenuWrap a.b {display:block; float:left;height:30px; width:29px; background:url(/images/img_catBreedCatalog_menu_B.gif) bottom;} #catBreedCatalog_MenuWrap a.b:hover {background:url(/images/img_catBreedCatalog_menu_B.gif) top;} #catBreedCatalog_MenuWrap a.c {display:block; float:left;height:30px; width:31px; background:url(/images/img_catBreedCatalog_menu_C.gif) bottom;} #catBreedCatalog_MenuWrap a.c:hover {background:url(/images/img_catBreedCatalog_menu_C.gif) top;} #catBreedCatalog_MenuWrap a.d {display:block; float:left; height:30px; width:29px; background:url(/images/img_catBreedCatalog_menu_D.gif) bottom;} #catBreedCatalog_MenuWrap a.d:hover {background:url(/images/img_catBreedCatalog_menu_D.gif) top;} #catBreedCatalog_MenuWrap a.e {display:block; float:left;height:30px; width:29px; background:url(/images/img_catBreedCatalog_menu_E.gif) bottom;} #catBreedCatalog_MenuWrap a.e:hover {background:url(/images/img_catBreedCatalog_menu_E.gif) top;} #catBreedCatalog_MenuWrap a.f {display:block; float:left;height:30px; width:26px; background:url(/images/img_catBreedCatalog_menu_F.gif) bottom;} #catBreedCatalog_MenuWrap a.f:hover {background:url(/images/img_catBreedCatalog_menu_F.gif) top;} #catBreedCatalog_MenuWrap a.g {display:block; float:left;height:30px; width:32px; background:url(/images/img_catBreedCatalog_menu_G.gif) bottom;} #catBreedCatalog_MenuWrap a.g:hover {background:url(/images/img_catBreedCatalog_menu_G.gif) top;} #catBreedCatalog_MenuWrap a.h {display:block; float:left;height:30px; width:31px; background:url(/images/img_catBreedCatalog_menu_H.gif) bottom;} #catBreedCatalog_MenuWrap a.h:hover {background:url(/images/img_catBreedCatalog_menu_H.gif) top;} #catBreedCatalog_MenuWrap a.i {display:block; float:left;height:30px; width:22px; background:url(/images/img_catBreedCatalog_menu_I.gif) bottom;} #catBreedCatalog_MenuWrap a.i:hover {background:url(/images/img_catBreedCatalog_menu_I.gif) top;} #catBreedCatalog_MenuWrap a.j {display:block; float:left;height:30px; width:25px; background:url(/images/img_catBreedCatalog_menu_J.gif) bottom;} #catBreedCatalog_MenuWrap a.j:hover {background:url(/images/img_catBreedCatalog_menu_J.gif) top;} #catBreedCatalog_MenuWrap a.k {display:block; float:left;height:30px; width:27px; background:url(/images/img_catBreedCatalog_menu_K.gif) bottom;} #catBreedCatalog_MenuWrap a.k:hover {background:url(/images/img_catBreedCatalog_menu_K.gif) top;} #catBreedCatalog_MenuWrap a.l {display:block; float:left;height:30px; width:25px; background:url(/images/img_catBreedCatalog_menu_L.gif) bottom;} #catBreedCatalog_MenuWrap a.l:hover {background:url(/images/img_catBreedCatalog_menu_L.gif) top;} #catBreedCatalog_MenuWrap a.m {display:block; float:left;height:30px; width:34px; background:url(/images/img_catBreedCatalog_menu_M.gif) bottom;} #catBreedCatalog_MenuWrap a.m:hover {background:url(/images/img_catBreedCatalog_menu_M.gif) top;} #catBreedCatalog_MenuWrap a.n {display:block; float:left;height:30px; width:33px; background:url(/images/img_catBreedCatalog_menu_N.gif) bottom;} #catBreedCatalog_MenuWrap a.n:hover {background:url(/images/img_catBreedCatalog_menu_N.gif) top;} #catBreedCatalog_MenuWrap a.o {display:block; float:left;height:30px; width:32px; background:url(/images/img_catBreedCatalog_menu_O.gif) bottom;} #catBreedCatalog_MenuWrap a.o:hover {background:url(/images/img_catBreedCatalog_menu_O.gif) top;} #catBreedCatalog_MenuWrap a.p {display:block; float:left;height:30px; width:28px; background:url(/images/img_catBreedCatalog_menu_P.gif) bottom;} #catBreedCatalog_MenuWrap a.p:hover {background:url(/images/img_catBreedCatalog_menu_P.gif) top;} #catBreedCatalog_MenuWrap a.q {display:block; float:left;height:30px; width:34px; background:url(/images/img_catBreedCatalog_menu_Q.gif) bottom;} #catBreedCatalog_MenuWrap a.q:hover {background:url(/images/img_catBreedCatalog_menu_Q.gif) top;} #catBreedCatalog_MenuWrap a.r {display:block; float:left;height:30px; width:28px; background:url(/images/img_catBreedCatalog_menu_R.gif) bottom;} #catBreedCatalog_MenuWrap a.r:hover {background:url(/images/img_catBreedCatalog_menu_R.gif) top;} #catBreedCatalog_MenuWrap a.s {display:block; float:left;height:30px; width:28px; background:url(/images/img_catBreedCatalog_menu_S.gif) bottom;} #catBreedCatalog_MenuWrap a.s:hover {background:url(/images/img_catBreedCatalog_menu_S.gif) top;} #catBreedCatalog_MenuWrap a.t {display:block; float:left;height:30px; width:24px; background:url(/images/img_catBreedCatalog_menu_T.gif) bottom;} #catBreedCatalog_MenuWrap a.t:hover {background:url(/images/img_catBreedCatalog_menu_T.gif) top;} #catBreedCatalog_MenuWrap a.u {display:block; float:left;height:30px; width:31px; background:url(/images/img_catBreedCatalog_menu_U.gif) bottom;} #catBreedCatalog_MenuWrap a.u:hover {background:url(/images/img_catBreedCatalog_menu_U.gif) top;} #catBreedCatalog_MenuWrap a.v {display:block; float:left;height:30px; width:27px; background:url(/images/img_catBreedCatalog_menu_V.gif) bottom;} #catBreedCatalog_MenuWrap a.v:hover {background:url(/images/img_catBreedCatalog_menu_V.gif) top;} #catBreedCatalog_MenuWrap a.w {display:block; float:left;height:30px; width:37px; background:url(/images/img_catBreedCatalog_menu_W.gif) bottom;} #catBreedCatalog_MenuWrap a.w:hover {background:url(/images/img_catBreedCatalog_menu_W.gif) top;} #catBreedCatalog_MenuWrap a.x {display:block; float:left;height:30px; width:26px; background:url(/images/img_catBreedCatalog_menu_X.gif) bottom;} #catBreedCatalog_MenuWrap a.x:hover {background:url(/images/img_catBreedCatalog_menu_X.gif) top;} #catBreedCatalog_MenuWrap a.y {display:block; float:left;height:30px; width:28px; background:url(/images/img_catBreedCatalog_menu_Y.gif) bottom;} #catBreedCatalog_MenuWrap a.y:hover {background:url(/images/img_catBreedCatalog_menu_Y.gif) top;} #catBreedCatalog_MenuWrap a.z {display:block; float:left;height:30px; width:47px; background:url(/images/img_catBreedCatalog_menu_Z.gif) bottom;} #catBreedCatalog_MenuWrap a.z:hover {background:url(/images/img_catBreedCatalog_menu_Z.gif) top;} /* Html Menu */ #catBreedCatalog_menuList {padding-left:20px; padding-right:20px; text-align:justify; line-height:18px; font-size:12px;} .allBreedsMenu {padding-left:20px; color:#00F; cursor:pointer; text-decoration:underline;} /* Tell a friend */ #tafWrapper { position:absolute; top:88px; left:420px; width:370px; height:450px; background:#7d0300; border:3px solid white; z-index:100; /*opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90);*/ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; } #tafWrapper #tafCloseBtn { position:absolute; top:4px; right:4px; } #tafWrapper #tafCloseBtn img { display:block; width:41px; height:20px; } #tafWrapper #taf_headline { float:left; color:#FFFFFF;} #tafWrapper #taf_headline p { padding:12px; color:#FF9900; } #tafWrapper .buffer { margin:12px 18px;} #tafWrapper #formWrapper { position:absolute; top:74px; left:20px; width:325px; height: 370px; color:#FFFFFF; } #formWrapper .textInput {width:300px; border: 1px solid #999999; margin:0 0 7px 0;} #formWrapper .text {width:300px; border: 1px solid #999999; margin:0 0 7px 0;} #formWrapper .formText {font-weight:bold; color:#fff;} #formWrapper span { color:#92D2DF; font-size:12px; font-weight:bold; vertical-align:middle; } #formWrapper p { font-size:9px; color:#FFFFFF;} #formWrapper form { font-size:10px; color:#FFFFFF;} #formWrapper fieldset { float:left; width:auto; margin:0; padding:5px; border:none; } #formWrapper label { display:block; font-size:12px; margin-left:7px; color:#FFFFFF;} #formWrapper .container { padding-bottom:10px; } #formWrapper #senderEmail, #formWrapper #senderName, #formWrapper #friendEmail{ width: 298px; } #formWrapper #message { width:298px; height:90px; } #formWrapper #tafSubmitBtn { position:absolute; bottom:0; right:10px; } #treatsFormWrapper label { display: block; margin:0; width:100px; float:left; text-align:right; padding-top: 0; padding-right: 40px; padding-bottom: 0; padding-left: 60px; } #treatsFormWrapper input { display: block; margin:2px; padding:0; width:160px; text-align:left; clear:right;} #treatsFormWrapper select { display: block; margin:2px; padding:0; text-align:left; clear:right;} #treatsFormWrapper input.radios { display: inline; text-align:right; float:left; width:auto; padding-top: 0; padding-right: 0; padding-bottom: 0px; padding-left: 0px; margin-top: 0; margin-right: 0; margin-bottom: 5px; margin-left: 200px; vertical-align:baseline; } #treatsFormWrapper input.continue {width:auto; margin-left:200px;} #treatsFormWrapper label.radios { display: inline; padding:0; width:auto; text-align:left; vertical-align:baseline; float:left; clear: right; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 0; } /* TellAFriend AJAX Controls */ #tafWrapper #errMess { position:absolute; top:58px; left:35px; color:#ff0000; font-size:11px; font-weight:bold; } #tafWrapper #errMess p {color:#FF0000;} #tafWrapper #submitSuccessCopy { margin:25px; padding:20px; color:#FF9900; } #tafWrapper #submitSuccessCopy img{ float:left; } #tafWrapper #submitSuccessCopy p { float:left; margin:6px 0 0 10px; width:85%; font-size:12px; } #tafWrapper #submitProcessingCopy { margin-top:25px; padding:20px; text-align:center; } #tafWrapper #submitErrorCopy { margin-top:25px; padding:20px; text-align:center; } #tafWrapper #submitErrorCopy p { color:#FF0000; font-size:12px; font-weight:bold; }