/* CSS Document */ /* GENERAL RESETTING ******************************************* */ 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, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } :focus { outline:0; } body { line-height:1; color:black; background:white; } ol, ul { list-style:none; } table { border-collapse:separate; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } body { margin:0px auto; font-family:Arial, Helvetica, sans-serif; color:#050523; font-size:12px; line-height:16px; width:975px; background-color:#db7100; overflow: -moz-scrollbars-vertical !important; } a { text-decoration:none; color:#000033; } a:hover { text-decoration:underline; color:#000033; } a.disabled { color:#bdbcbc; } .disabled { color:#bdbcbc; } #pageContainer { margin:0px; padding:0px; width:975px; } /* HEADER AREA ********************************************** */ #headerArea { margin:0px; padding:0px 0px 0px 0px; width:975px; height:190px; background:url(../images/bg_header.gif) 0px 0px no-repeat;} h2.mascotLogo { float:left; display:inline; margin:0px 0px 0px 31px; width:169px; height:190px; background:url(../images/logo_kamp.gif) 0px 0px no-repeat; } h2.mascotLogo a { display:block; width:169px; height:190px; } .headerBlock { float:left; display:inline; margin:0px 0px 0px 46px; width:729px; height:190px; background:url(../images/img_black_dog.gif) right 0px no-repeat; } h2.headerLogo { float:left; display:inline; margin:56px 0px 0px 0px; width:357px; height:71px; background:url(../images/logo_kamp_kanine.gif) 0px 0px no-repeat; } h2.headerLogo a { display:block; width:357px; height:71px; } h3.tagLineHdr { float:left; display:inline; margin:56px 0px 0px 0px; width:263px; height:71px; background:url(../images/tagline_cats.gif) 0px 0px no-repeat; } h3.tagLineHdr a { display:block; width:263px; height:71px; } ul#topNavMain { margin:6px 0px 0px 0px; width:452px; height:37px; } ul#topNavMain li { float:left; display:inline; margin:0px 0px 0px 0px; } ul#topNavMain li.aboutTopnav { width:90px; height:37px; } ul#topNavMain li.aboutTopnav a { display:block; width:90px; height:37px; background:url(../images/topnav_1about.gif) 0px 0px no-repeat; } ul#topNavMain li.aboutTopnav a:hover { display:block; width:90px; height:37px; background:url(../images/topnav_1about.gif) 0px -37px no-repeat; } ul#topNavMain li.aboutTopnav a.onState { display:block; width:90px; height:37px; background:url(../images/topnav_1about.gif) 0px -37px no-repeat; } ul#topNavMain li.aboutTopnav a.onState:hover { display:block; width:90px; height:37px; background:url(../images/topnav_1about.gif) 0px -37px no-repeat; } ul#topNavMain li.servicesTopnav { width:117px; height:37px; } ul#topNavMain li.servicesTopnav a { display:block; width:117px; height:37px; background:url(../images/topnav_2services.gif) 0px 0px no-repeat; } ul#topNavMain li.servicesTopnav a:hover { display:block; width:117px; height:37px; background:url(../images/topnav_2services.gif) 0px -37px no-repeat; } ul#topNavMain li.servicesTopnav a.onState { display:block; width:117px; height:37px; background:url(../images/topnav_2services.gif) 0px -37px no-repeat; } ul#topNavMain li.servicesTopnav a.onState:hover { display:block; width:117px; height:37px; background:url(../images/topnav_2services.gif) 0px -37px no-repeat; } ul#topNavMain li.reservationsTopnav { width:150px; height:37px; } ul#topNavMain li.reservationsTopnav a { display:block; width:150px; height:37px; background:url(../images/topnav_3reservations.gif) 0px 0px no-repeat; } ul#topNavMain li.reservationsTopnav a:hover { display:block; width:150px; height:37px; background:url(../images/topnav_3reservations.gif) 0px -37px no-repeat; } ul#topNavMain li.reservationsTopnav a.onState { display:block; width:150px; height:37px; background:url(../images/topnav_3reservations.gif) 0px -37px no-repeat; } ul#topNavMain li.reservationsTopnav a.onState:hover { display:block; width:150px; height:37px; background:url(../images/topnav_3reservations.gif) 0px -37px no-repeat; } ul#topNavMain li.contactTopnav { width:95px; height:37px; } ul#topNavMain li.contactTopnav a { display:block; width:95px; height:37px; background:url(../images/topnav_4contact.gif) 0px 0px no-repeat; } ul#topNavMain li.contactTopnav a:hover { display:block; width:95px; height:37px; background:url(../images/topnav_4contact.gif) 0px -37px no-repeat; } ul#topNavMain li.contactTopnav a.onState { display:block; width:95px; height:37px; background:url(../images/topnav_4contact.gif) 0px -37px no-repeat; } ul#topNavMain li.contactTopnav a.onState:hover { display:block; width:95px; height:37px; background:url(../images/topnav_4contact.gif) 0px -37px no-repeat; } /* sIFR ****************************************************** */ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position:absolute; left:0; top:0; width:0; height:40px; display:block; overflow:hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0px; padding: 0px; overflow: auto; letter-spacing: 0px; float: none; } /* HEADER styling ---*/ .sIFR-active h1.pageHdr { visibility:hidden; padding:0;} #sIFR_replacement_0_alternate { } .sIFR-active object { display: block; } .sIFR-class { display:block; } /* BODY AREA ********************************************** */ #bodyArea { margin:0px 34px 0px 31px; width:910px; height:auto; background:url(../images/box_white_bg.gif) left bottom no-repeat #FFFFFF; } .bodyTop { margin:0px; width:910px; height:11px; font-size:11px; line-height:11px; background:url(../images/box_white_top.gif) 0px 0px no-repeat; } .bodyInterior { margin:0px 25px 0px 25px; padding:0px 0px 60px 0px; width:860px; height:auto; } .bodyTextColumn { float:left; display:inline; margin:0px 40px 0px 0px; width:260px; height:auto; } .bodyPictureColumn { float:left; display:inline; margin:0px 0px 0px 0px; width:260px; height:auto; } .bodyNavColumn { float:left; display:inline; margin:0px 0px 0px 0px; width:220px; height:auto; } .bodyNavColumn2 { float:left; display:inline; margin:0px 40px 0px 0px; width:180px; height:auto; } .bodyTextExColumn { float:left; display:inline; margin:0px 40px 0px 0px; width:340px; height:auto; } h1.pageHdr { margin:25px 0px 5px 0px; padding:0px 0px 0px 0px; font-size:30px; line-height:40px; height:40px; color:#000033; font-weight:bold; } h2.paraHdr { margin:20px 0px 15px 0px; font-size:18px; line-height:18px; color:#000033; font-weight:bold; } h2.paraIntHdr { margin:0px 0px 15px 0px; font-size:18px; line-height:18px; color:#000033; font-weight:bold; } h3.paraHdr { margin:15px 0px 15px 0px; font-size:15px; line-height:17px; color:#000033; font-weight:bold; } h4.paraHdr { margin:5px 0px 15px 0px; font-size:12px; line-height:15px; color:#000033; font-weight:bold; } p.paraNormal { margin:0px 0px 10px 0px; font-size:12px; line-height:14px; color:#000033; } p.paraNormal a { text-decoration:underline; color:#000033; } p.paraNormal a:hover { text-decoration:none; color:#000033; } h1.servicesHdr { margin:25px 0px 10px 0px; width:95px; height:22px; } h1.servicesHdr a { display:block; width:95px; height:22px; text-decoration:none; background:url(../images/hdr_services.gif) 0px 0px no-repeat; } h1.servicesHdr a:hover { display:block; width:95px; height:22px; text-decoration:none; background:url(../images/hdr_services.gif) 0px 0px no-repeat; } ul.internalList { list-style:disc; margin:10px 40px 20px 25px; } ul.internalList li { margin:0px 0px 5px 0px; } /* RESERVATIONS PAGE ************** */ span.paraHdrExtra { font-size:12px; line-height:13px; color:#000033; font-weight:normal; } label.formPara { float:left; display:inline; margin:3px 0px 0px 0px; width:80px; font-size:12px; line-height:17px; color:#000033; font-weight:normal; } label.formPara2 { float:left; display:inline; margin:0px 0px 0px 0px; width:35px; font-size:12px; line-height:17px; color:#000033; font-weight:normal; } label.formPara3 { float:left; display:inline; margin:0px 10px 0px 0px; width:230px; font-size:12px; line-height:13px; color:#000033; font-weight:normal; } label.formPara4 { float:left; display:inline; margin:0px 5px 0px 0px; width:130px; font-size:12px; line-height:13px; color:#000033; font-weight:normal; } label.formPara5 { float:left; display:inline; margin:0px 5px 0px 0px; width:200px; font-size:12px; line-height:13px; color:#000033; font-weight:normal; } input.textInputOne { float:left; display:inline; margin:0px 0px 0px 0px; width:120px; height:16px; font-size:12px; line-height:13px; color:#000033; font-weight:normal; border:1px solid #999999; background-color:#FFFFFF; } input.textInputOne:hover { border:1px solid #666666; background-color:#EDEDED; } input.textInputOne:active { border:1px solid #333333; background-color:#FFFFFF; } input.checkInputOne { float:left; display:inline; margin:0px 6px 0px 0px; } textarea.textAreaOne { float:left; display:inline; margin:0px 0px 0px 0px; width:240px; height:45px; font-size:12px; line-height:13px; color:#000033; font-weight:normal; border:1px solid #999999; background-color:#FFFFFF; } textarea.textAreaOne:hover { border:1px solid #666666; background-color:#EDEDED; } textarea.textAreaOne:active { border:1px solid #333333; background-color:#FFFFFF; } select.selectOne { float:left; display:inline; margin:0px 0px 0px 0px; width:120px; height:18px; font-size:12px; line-height:13px; color:#000033; font-weight:normal; border:1px solid #999999; background-color:#FFFFFF; } input.textInputOne:hover { border:1px solid #666666; background-color:#EDEDED; } input.textInputOne:active { border:1px solid #333333; background-color:#FFFFFF; } input.newResBtn { float:right; display:inline; margin:5px 0px 0px 0px; width:108px; height:32px; background:url(../images/btn_submit.gif) 0px 0px no-repeat; border:none; font-size:0; line-height:0; } input.newResBtn:hover, input.newResBtn.shover { background-position:0 -32px; cursor:pointer; } .rateTable { margin:5px 0px 10px 0px; padding:0px 0px 0px 0px; width:320px; height:auto; border:1px solid #7088f1; background-color:#EDEDED; } .rateTable th { text-align:left; padding:3px 3px 3px 6px; font-weight:bold; color:#000033; background-color:#b3c0f9; border-bottom:1px solid #7088f1; } .rateTable td { padding:3px 3px 3px 6px; } .rateTable td.firstCol { padding:5px 0px 5px 6px; width:250px; border-bottom:1px solid #7088f1; border-right:1px solid #7088f1; } .rateTable td.lastCol { padding:5px 0px 5px 15px; border-bottom:1px solid #7088f1; } .expandable { cursor:pointer; } .expandable h4 { display:none; cursor:pointer; margin:10px 0px 20px 0px; font-size:12px; line-height:13px; color:#000033; font-weight:bold; } .newNameArea { margin:10px 0px 20px 0px; } blockquote { margin:10px 20px 10px 20px; font-size:11px; line-height:13px; color:#000033; font-weight:bold; } /* SERVICES PAGE ************** */ ul.leftNav { margin:0px 0px 0px 0px; padding:0px; width:192px; height:auto; border-top:1px solid #531f00;} ul.leftNav li { float:left; display:inline; margin:0px 0px 0px 0px; padding:0px; } ul.leftNav li.boardingLeftNav { width:192px; height:31px; margin:0px 0px 0px 0px; padding:0px; } ul.leftNav li.boardingLeftNav a { display:block; width:192px; height:31px; background:url(../images/leftnav_1boarding.gif) 0px 0px no-repeat; } ul.leftNav li.boardingLeftNav a:hover { display:block; width:192px; height:31px; background:url(../images/leftnav_1boarding.gif) 0px -31px no-repeat; } ul.leftNav li.boardingLeftNav a.onState { display:block; width:192px; height:31px; background:url(../images/leftnav_1boarding.gif) 0px -31px no-repeat; } ul.leftNav li.boardingLeftNav a.onState:hover { width:192px; height:31px; background:url(../images/leftnav_1boarding.gif) 0px -31px no-repeat; } ul.leftNav li.daycareLeftNav { width:192px; height:31px; margin:0px 0px 0px 0px; padding:0px; } ul.leftNav li.daycareLeftNav a { display:block; width:192px; height:31px; background:url(../images/leftnav_2daycare.gif) 0px 0px no-repeat; } ul.leftNav li.daycareLeftNav a:hover { display:block; width:192px; height:31px; background:url(../images/leftnav_2daycare.gif) 0px -31px no-repeat; } ul.leftNav li.daycareLeftNav a.onState { display:block; width:192px; height:31px; background:url(../images/leftnav_2daycare.gif) 0px -31px no-repeat; } ul.leftNav li.daycareLeftNav a.onState:hover { width:192px; height:31px; background:url(../images/leftnav_2daycare.gif) 0px -31px no-repeat; } ul.leftNav li.trainingLeftNav { width:192px; height:31px; margin:0px 0px 0px 0px; padding:0px; } ul.leftNav li.trainingLeftNav a { display:block; width:192px; height:31px; background:url(../images/leftnav_3training.gif) 0px 0px no-repeat; } ul.leftNav li.trainingLeftNav a:hover { display:block; width:192px; height:31px; background:url(../images/leftnav_3training.gif) 0px -31px no-repeat; } ul.leftNav li.trainingLeftNav a.onState { display:block; width:192px; height:31px; background:url(../images/leftnav_3training.gif) 0px -31px no-repeat; } ul.leftNav li.trainingLeftNav a.onState:hover { width:192px; height:31px; background:url(../images/leftnav_3training.gif) 0px -31px no-repeat; } ul.leftNav li.transportLeftNav { width:192px; height:31px; margin:0px 0px 0px 0px; padding:0px; } ul.leftNav li.transportLeftNav a { display:block; width:192px; height:31px; background:url(../images/leftnav_4transport.gif) 0px 0px no-repeat; } ul.leftNav li.transportLeftNav a:hover { display:block; width:192px; height:31px; background:url(../images/leftnav_4transport.gif) 0px -31px no-repeat; } ul.leftNav li.transportLeftNav a.onState { display:block; width:192px; height:31px; background:url(../images/leftnav_4transport.gif) 0px -31px no-repeat; } ul.leftNav li.transportLeftNav a.onState:hover { width:192px; height:31px; background:url(../images/leftnav_4transport.gif) 0px -31px no-repeat; } ul.leftNav li.bathingLeftNav { width:192px; height:31px; margin:0px 0px 0px 0px; padding:0px; } ul.leftNav li.bathingLeftNav a { display:block; width:192px; height:31px; background:url(../images/leftnav_5bathing.gif) 0px 0px no-repeat; } ul.leftNav li.bathingLeftNav a:hover { display:block; width:192px; height:31px; background:url(../images/leftnav_5bathing.gif) 0px -31px no-repeat; } ul.leftNav li.bathingLeftNav a.onState { display:block; width:192px; height:31px; background:url(../images/leftnav_5bathing.gif) 0px -31px no-repeat; } ul.leftNav li.bathingLeftNav a.onState:hover { width:192px; height:31px; background:url(../images/leftnav_5bathing.gif) 0px -31px no-repeat; } ul.leftNav li.eventsLeftNav { width:192px; height:31px; margin:0px 0px 0px 0px; padding:0px; } ul.leftNav li.eventsLeftNav a { display:block; width:192px; height:31px; background:url(../images/leftnav_6events.gif) 0px 0px no-repeat; } ul.leftNav li.eventsLeftNav a:hover { display:block; width:192px; height:31px; background:url(../images/leftnav_6events.gif) 0px -31px no-repeat; } ul.leftNav li.eventsLeftNav a.onState { display:block; width:192px; height:31px; background:url(../images/leftnav_6events.gif) 0px -31px no-repeat; } ul.leftNav li.eventsLeftNav a.onState:hover { width:192px; height:31px; background:url(../images/leftnav_6events.gif) 0px -31px no-repeat; } /* PICTURES AREA ************** */ .picGermanSheps { margin:0px 0px 0px 0px; width:251px; height:280px; background:url(../images/pic_german_shepherds.jpg) 0px 0px no-repeat; border:1px solid #5e2e11; } .picDoberman { margin:0px 0px 0px 0px; width:258px; height:227px; background:url(../images/pic_doberman.jpg) 0px 0px no-repeat; border:1px solid #5e2e11; } .picPlayArea { margin:0px 0px 0px 0px; width:251px; height:239px; background:url(../images/pic_play_area.jpg) 0px 0px no-repeat; border:1px solid #5e2e11; } .picDogWash { margin:0px 0px 0px 0px; width:258px; height:334px; background:url(../images/pic_dog_wash.jpg) 0px 0px no-repeat; border:1px solid #5e2e11; } .picDogsPlaying { margin:0px 0px 0px 0px; width:258px; height:209px; background:url(../images/pic_dogs_playing.jpg) left bottom no-repeat; border:1px solid #5e2e11; } .picYellowDog { margin:0px 0px 0px 0px; width:258px; height:390px; background:url(../images/pic_yellow_dog.jpg) 0px 0px no-repeat; border:1px solid #5e2e11; } /* MAPS AREA ************** */ .picLocalMap { margin:0px 0px 0px 0px; width:216px; height:149px; background:url(../images/pic_map_local.gif) 0px 0px no-repeat; border:1px solid #5e2e11; } .picAreaMap { margin:0px 0px 0px 0px; width:216px; height:149px; background:url(../images/pic_map_mid.gif) 0px 0px no-repeat; border:1px solid #5e2e11; } .picNJMap { margin:0px 0px 0px 0px; width:216px; height:149px; background:url(../images/pic_map_state.gif) 0px 0px no-repeat; border:1px solid #5e2e11; } /* CENTER COL PICTURES AREA ******* */ .picKennelArea { margin:0px 0px 0px 0px; width:340px; height:287px; background:url(../images/pic_kennel_area.jpg) 0px 0px no-repeat; border:1px solid #5e2e11; } h5.pictureCaption { margin:10px 0px 3px 0px; font-size:10px; line-height:12px; color:#000033; } h5.pictureBotCaption { margin:3px 0px 15px 0px; font-size:11px; line-height:14px; color:#000033; font-weight:bold; } .buildingExterior { margin:0px 0px 0px 0px; width:225px; height:104px; background:url(../images/pic_building_exterior.jpg) 0px 0px no-repeat; border:1px solid #5e2e11; } .kampWaitingRoom { margin:0px 0px 0px 0px; width:225px; height:104px; background:url(../images/pic_waiting_room.jpg) 0px 0px no-repeat; border:1px solid #5e2e11; } .creditsText { margin:0px 0px 0px 10px; font-size:9px; line-height:11px; } /* OVERLAY ************************************************** */ .popoverLayerWrap { width:397px; padding:0px; color:#FFFFFF; z-index:99999; background:url(../images/bg_pop_over.gif) 0px 0px repeat-y #5f5f5f; } .popoverHelper { width:397px; color:#FFFFFF; z-index:99999; background:url(../images/bg_pop_over.gif) 0px 0px repeat-y #5f5f5f; } /* FOOTER AREA ****************************************************** */ #footer { margin:0px 25px 0px 55px; padding:0px 0px 20px 0px; width:910px; height:auto; } #footer .footerPuppyArea { float:left; display:inline; margin:10px 30px 0px 0px; width:270px; height:100px; background:url(../images/pic_puppy3.jpg) right 10px no-repeat; } #footer .footerFloatArea { float:left; display:inline; margin:10px 40px 0px 0px; width:260px; height:auto; } #footer .footerLastArea { float:left; display:inline; margin:10px 0px 0px 0px; width:260px; height:100px; background:url(../images/logo_kamp_print.gif) 0px 5px no-repeat; } #footer h4.footerHdr { margin:15px 0px 0px 0px; font-size:12px; line-height:14px; color:#000033; font-weight:bold; } #footer p.footerAddress { margin:3px 0px 0px 0px; font-size:12px; line-height:14px; color:#000033; } #footer p.footerAddress a { text-decoration:none; color:#000033; } #footer p.footerAddress a:hover { text-decoration:underline; color:#000033; } #footer ul.footerAddress { list-style:none; margin:3px 0px 0px 0px; } #footer ul.footerAddress li { font-size:12px; line-height:14px; color:#000033; } #footer ul.footerAddress li a { text-decoration:none; color:#000033; padding:0px 0px 2px 15px; background:url(../images/paw_print_list.gif) 0px 3px no-repeat; } #footer ul.footerAddress li a:hover { text-decoration:underline; color:#000033; } #footer h4.footerCopyHdr { margin:15px 0px 0px 70px; font-size:12px; line-height:14px; color:#000033; font-weight:bold; } #footer p.footerCopy { margin:0px 0px 0px 85px; font-size:12px; line-height:14px; color:#000033; } /* UTILITIES ****************************************************** */ em { font-style:italic; } strong { font-weight:bold; } .clrfix { zoom:1; } .clrfix:after { content:".";display:block;height:0;clear:both;visibility:hidden; } span.headerMessage { position:absolute; top:-6000px; left:-2000px; } .headerMessage { position:absolute; top:-6000px; left:-2000px; } .spacer { clear:both; width:100%; overflow:visible; } .clearBoth { clear:both; line-height:0px; height:0px; font-size:0px; margin:0px; } .regularLine { height:1px; border-bottom:1px solid #D9D9D9; } .dottedLine { height:20px; background:url(../images/dotted_line.gif) 0px 0px no-repeat; } .height1 { height:1px; line-height:1px; font-size:1px; } .height2 { height:2px; line-height:2px; font-size:2px;} .height3 { height:3px; line-height:3px; font-size:3px;} .height5 { height:5px; line-height:5px; font-size:5px;} .height7 { height:7px; line-height:7px; font-size:7px;} .height10 { height:10px; line-height:10px; font-size:10px; } .height12 { height:12px; line-height:12px; font-size:12px; } .height15 { height:15px; line-height:15px; font-size:15px; } .height18 { height:18px; line-height:18px; font-size:18px; } .height20 { height:20px; } .height25 { height:25px; } .height27 { height:27px; } .height30 { height:30px; } .height32 { height:32px; } .height33 { height:33px; } .height40 { height:40px; } .height50 { height:50px; } .height60 { height:60px; } .height80 { height:80px; } .height100 { height:100px; } .height200 { height:200px; }