@charset "UTF-8"; /* CSS Document */ /*BASIC PAGE STRUCTURE--------------------------------------------------------------------*/ html{ margin:0; padding:0; } body { background-color: #085199; background-image: url(../art/backBlend.jpg); background-repeat: repeat-x; background-position: top; margin: 0px; padding: 0px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#333333; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ } #newsPopBody {background-image:none; background-color: #E3F7B6; text-align:left;} #leftColumn { width:240px; float:left; position:relative; padding-bottom:20px;} #rightColumn { width:560px; float:right; position:relative; padding-bottom:20px;} #container { text-align: left; /* this overrides the text-align: center on the body element. */ width:802px; margin: 0 auto; position:relative; padding:0; margin-top:21px; } #topSection { width:802px; height:195px; position:relative; padding:0; margin: 0; background-image: url(../art/bannerMast.jpg); background-repeat: no-repeat; } #middleSection { position:relative; width:802px; margin: 0; padding:0; background-image: url(../art/yellowBorder-l+r.gif); background-repeat: repeat-y; } /*FOOTER-------------------------*/ #footer { width: 802px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ background-image: url(../art/yellowBorder-footer.gif); background-repeat: repeat-y; text-align:center; } #footerBase { width: 802px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ padding:0; margin: 0 ; /* the auto margins (in conjunction with a width) center the page */ background-image: url(../art/footerBase.gif); background-position:bottom; background-repeat: no-repeat; } #footerText h1 { font-size: 11px; text-align:left; font-weight: normal; width:750px; margin: 0; padding: 5px 0 0 30px; } .address {/*in FOOTER*/ text-align: left; padding:10px 30px 10px 30px; font-family:Arial, Helvetica, sans-serif; color:#085199; font-size:11px; } /*FOOTER END-------------------------*/ /*END BASIC PAGE STRUCTURE--------------------------------------------------------------------*/ hr { border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: dotted; border-top-color: #F45912; height:1px; width: 100%; clear:both; } a img { border: none; } a:link, a:visited { color: #085199; text-decoration: none; } a:hover { color:#F45912; } .blue {color: #085199;} .blue a { text-decoration: underline} .orange {color: #F45912;} .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float. Ex: if there are divs inside a containing div, and the containing div is not expanding to the heights of the inner div(s) put
right BEFORE the CLOSE tag of the containing div */ clear:both; height:0; font-size: 1px; line-height: 0px; } .teenyText{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 140%; } #rightColumn div.bodyText { width:540px; line-height: 140%; position:relative;} #rightColumn div.bodyText li { list-style-position: outside; list-style-image: url(../art/bullet.gif); font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0px 0px 7px 0px; line-height: 120%; } h1 {margin-top:0; line-height: normal; font-size:17px; font-weight:bold; color:#085199;} h2 {margin-top:0; line-height: normal; font-size:14px; font-weight:bold; color:#F45912;} h3 {margin-top:0; line-height: normal; font-size:13px; font-weight:normal; color:#085199;} .mediumSizeText {font-size:11px; line-height: normal;} #rightColumn div.bodyText span.rule {width:100%; background: url(../art/dot-rule-orange.gif) repeat-x bottom;display:block; clear:both;} .returnTop {width:100%; background: url(../art/dot-rule-orange.gif) repeat-x bottom;display:block; clear:both; margin:-20px 0 20px 0; text-align:right; font-size:10px;} #logo { position:absolute; top:0; left:0; width:237px; height:179px; z-index:1; margin: 0; } #titleBar { position:absolute; top:165px; left:0; width: 802px; height:30px; background-image: url(../art/titlebar.jpg); background-repeat: no-repeat; z-index:3; margin: 0; } #titleBar span{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 15px; padding: 5px 0px 0 16px; color:#ffffff; text-transform:uppercase; font-weight:bold; display: block; margin: 0; } #hoursAptLink { position:absolute; top:165px; left:581px; width: 210px; height:30px; text-align:right; z-index:5; } #hoursAptLink a:link, #hoursAptLink a:visited{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; padding: 8px 0px 0 0px; color:#333333; text-transform:uppercase; font-weight:bold; display: block; text-decoration:none; } #hoursAptLink a:hover{ color:#F45912; } #addressTop { position:absolute; top:114px; left:216px; font-size:11px; font-weight:bold; color:#FFFFFF; z-index:11} /* MENUES and sidebar items--------------------------------------------------------------------*/ .subMenu-horiz { font-size:11px; color:#CCCCCC} .subMenu-horiz a:link, .subMenu-horiz a:visited{ padding-right:5px; font-weight:bold } .subMenu-horiz ul{list-style: none; /* no bullets */ margin:0; padding: 5px 0} .subMenu-horiz li{display: inline;} /* horizontal */ /*GREEN BOX*/ .bl-corner {background: url(../art/cornerGr-BL.gif) 0 100% no-repeat} .br-corner {background: url(../art/cornerGr-BR.gif) 100% 100% no-repeat} .tl-corner {background: url(../art/cornerGr-TL.gif) 0 0 no-repeat} .tr-corner {background: url(../art/cornerGr-TR.gif) 100% 0 no-repeat} .topEdge {background: url(../art/1px-green.gif) 0 0 repeat-x; width: 209px} .baseEdge {background: url(../art/1px-green.gif) 0 100% repeat-x} .leftEdge {background: url(../art/1px-green.gif) 0 0 repeat-y} .rightEdge {background: url(../art/1px-green.gif) 100% 0 repeat-y} /*GREEN BOX-END*/ /*ORANGE BOX*/ .bl-corner-OR {background: url(../art/cornerOr-BL.gif) 0 100% no-repeat} .br-corner-OR {background: url(../art/cornerOr-BR.gif) 100% 100% no-repeat} .tl-corner-OR {background: url(../art/cornerOr-TL.gif) 0 0 no-repeat} .tr-corner-OR {background: url(../art/cornerOr-TR.gif) 100% 0 no-repeat} .topEdge-OR {background: url(../art/1px-orange.gif) 0 0 repeat-x; width: 165px} .baseEdge-OR {background: url(../art/1px-orange.gif) 0 100% repeat-x} .leftEdge-OR {background: url(../art/1px-orange.gif) 0 0 repeat-y} .rightEdge-OR {background: url(../art/1px-orange.gif) 100% 0 repeat-y} /*ORANGE BOX-END*/ .menuContainer {margin: 0 auto; width:209px} .newsBoxTab { background: url(../art/newsBoxTab.gif) 0 0 no-repeat;} .newsBoxTab span.title{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#FFFFFF; display:block; padding:5px; } .newsBoxTabSub { background: url(../art/newsBoxTabSub.gif) 0 0 no-repeat;} .newsBoxTabSub span.title{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#FFFFFF; display:block; padding:5px; text-align: left; } .newsBoxContent { width:180px; text-align:left; margin:0 auto; font-size:10px;} .newsBoxContent span.headline {font-weight:bold; font-size:11px; color:#085199;} .newsBoxContent div {padding:20px; margin:0;} .newsBoxContent img { float:left; margin: 0 3px 3px 0} .newsBoxContent span.rule {width:100%; background: url(../art/dot-rule-menu.gif) repeat-x bottom;display:block; clear:both;} .newsBoxContent span.continued {display:block; text-align:right;} #emailCollection { position:relative; color:#085199; width: 209px;} #emailCollection p { text-align:center;} #puppyFace { position:absolute; top:0; left:130px; z-index:10 ; width:70px; height:65px; background: url(../art/puppyFace.gif) 0 0 no-repeat} .menu-baseEdge {background: url(../art/1px-yellow.gif) 0 100% repeat-x #FFFFD4/*background color of the box*/; width: 209px/*width of box*/} .menu-leftEdge {background: url(../art/1px-yellow.gif) 0 0 repeat-y } .menu-rightEdge {background: url(../art/1px-yellow.gif) 100% 0 repeat-y } .menu-bl-corner {background: url(../art/cornerYw-BL.gif) 0 100% no-repeat} .menu-br-corner {background: url(../art/cornerYw-BR.gif) 100% 100% no-repeat; } .menuContent { width:180px; text-align:left; margin:0 auto;} .menuContent ul { list-style:none; margin: 0; padding: 0;} .menuContent li a:link, .menuContent li a:visited { font-weight:bold; color:#333333; text-decoration:none; width:100%; display: block; height:23px; background: url(../art/dot-rule-menu.gif) repeat-x bottom;} .menuContent li a:hover {color:#F45912;} /*SUB MENU*/ .menuContent ul ul li { color:#333333; text-decoration:none; width:100%; background: url(../art/dot-rule-menu.gif) repeat-x bottom; } .menuContent ul ul li a:link, .menuContent ul ul li a:visited {font-size:11px; font-weight: normal; margin-left:10px; width:auto; background:none;} /*Menu IDs (Highlites page and section in menu)-----------------*/ #menu_main_home .menu_main_home, #menu_main_about .menu_main_about, #menu_main_services .menu_main_services, #menu_main_vets .menu_main_vets, #menu_main_resources .menu_main_resources, #menu_main_connections .menu_main_connections, #menu_main_forms .menu_main_forms, #menu_main_employment .menu_main_employment, #menu_main_contact .menu_main_contact, #menu_sub_appointments .menu_sub_appointments, #menu_sub_calendar .menu_sub_calendar, #menu_sub_locations .menu_sub_locations, #menu_sub_service_location .menu_sub_service_location, #menu_sub_history .menu_sub_history, #menu_sub_news .menu_sub_news, #menu_sub_new-pet .menu_sub_new-pet, #menu_sub_wellness-exam .menu_sub_wellness-exam, #menu_sub_senior-pet .menu_sub_senior-pet, #menu_sub_diagnostic .menu_sub_diagnostic, #menu_sub_surgery .menu_sub_surgery, #menu_sub_dental .menu_sub_dental, #menu_sub_emergency .menu_sub_emergency, #menu_sub_cancer .menu_sub_cancer, #menu_sub_acupuncture .menu_sub_acupuncture, #menu_sub_in-patient .menu_sub_in-patient, #menu_sub_travel .menu_sub_travel, #menu_sub_payment .menu_sub_payment, #menu_sub_privacy .menu_sub_privacy, #menu_sub_staff_WV .menu_sub_staff_WV, #menu_sub_staff_TS .menu_sub_staff_TS, #menu_sub_staff_BP .menu_sub_staff_BP, #menu_sub_common-diseases .menu_sub_common-diseases, #menu_sub_Preventive-Dogs .menu_sub_Preventive-Dogs, #menu_sub_Preventive-Cats .menu_sub_Preventive-Cats, #menu_sub_seasonal-care .menu_sub_seasonal-care, #menu_sub_behavior-problems .menu_sub_behavior-problems, #menu_sub_links .menu_sub_links, #subMenu-horiz-westvillage .subMenu-horiz-westvillage, #subMenu-horiz-tribeca .subMenu-horiz-tribeca, #subMenu-horiz-battery .subMenu-horiz-battery {color:#F45912;} /*Menu IDs END-----------------*/ /* END MENUS--------------------------------------------------------------------*/ /*Homepage Button Bar--------------------------------------------------------------------*/ #buttonbar { text-align:center; width:300px; position:relative; color:#085199; font-weight:bold; font-size: 10px; } #buttonbar .leftButton { position:absolute; top:0; left:0; width:100px} #buttonbar .centerButton { position:absolute; top:0; left:100px; width:100px} #buttonbar .rightButton { position:absolute; top:0; left:200px; width:100px} /*Homepage Button Bar END--------------------------------------------------------------------*/ /*BANNER SILOS--------------------------------------------------------------------*/ #bannerSilo { position:absolute; z-index:2; background-repeat:no-repeat;} #bannerSilo.home {top:0; left:308px; width:213px; height:287px; background-image:url(../art/silo-home.jpg);} #bannerSilo-services {top:0; left:308px; width:213px; height:165px; background-image:url(../art/silo-ladyCat.jpg); position:absolute; z-index:2; background-repeat:no-repeat;} #bannerSilo-forms {top:0; left:308px; width:213px; height:165px; background-image:url(../art/silo-family.jpg); position:absolute; z-index:2; background-repeat:no-repeat;} #bannerSilo-hours {top:0; left:308px; width:213px; height:165px; background-image:url(../art/silo-aaMan.jpg); position:absolute; z-index:2; background-repeat:no-repeat;} #bannerSilo-about {top:0; left:308px; width:213px; height:165px; background-image:url(../art/silo-blondePom.jpg); position:absolute; z-index:2; background-repeat:no-repeat;} #bannerSilo-vets {top:0; left:308px; width:213px; height:165px; background-image:url(../art/silo-wienerDog.jpg); position:absolute; z-index:2; background-repeat:no-repeat;} #bannerSilo-resources {top:0; left:308px; width:213px; height:165px; background-image:url(../art/silo-manBWcat.jpg); position:absolute; z-index:2; background-repeat:no-repeat;} #bannerSilo-gallery {top:0; left:308px; width:213px; height:165px; background-image:url(../art/silo-srMan.jpg); position:absolute; z-index:2; background-repeat:no-repeat;} #bannerSilo-employment {top:0; left:308px; width:213px; height:165px; background-image:url(../art/silo-yorkie.jpg); position:absolute; z-index:2; background-repeat:no-repeat;} #bannerSilo-contact {top:0; left:308px; width:213px; height:165px; background-image:url(../art/silo-srLady.jpg); position:absolute; z-index:2; background-repeat:no-repeat;} #bannerSilo-westVillage {top:0; left:308px; width:213px; height:165px; background-image:url(../art/silo-aaMan.jpg); position:absolute; z-index:2; background-repeat:no-repeat;} #bannerSilo-batteryPark {top:0; left:308px; width:213px; height:165px; background-image:url(../art/silo-srLady.jpg); position:absolute; z-index:2; background-repeat:no-repeat;} #bannerSilo-tribecaSoho {top:0; left:308px; width:213px; height:165px; background-image:url(../art/silo-blondePom.jpg); position:absolute; z-index:2; background-repeat:no-repeat;} /*BANNER SILOS END--------------------------------------------------------------------*/ /*Photo Divs-------------------------------------------------------------------------------------*/ .photo {width:219px; float:right; margin:0 0 0 10px; } .photo img {border: 1px solid #F45912} .photo-left {width:219px; float:left; margin:0 10px 10px 0px;} .photo-left img {border: 1px solid #F45912} .photo-no-caption {float:right; margin: 0 0 10px 10px; border: 1px solid #F45912} .photo-no-caption-left {float:left; margin: 0 10px 10px 0; border: 1px solid #F45912} .photoCaption { font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height:120%; padding: 10px 0px 10px 0; display: block; width:100%; background: url(../art/dot-rule-orange.gif) repeat-x bottom; margin-bottom:20px; } .photoGallery {width:165px; height: 195px; padding:5px; float:left; border: 1px dotted #666666; margin:0 5px 5px 0; font-size: 9px; line-height:120%; } .photoGallery img {border: 1px solid #F45912; margin-bottom: 5px;} /*Photo Divs END-------------------------------------------------------------------------------------*/ .callout {background: url(../art/callout-paw.jpg) no-repeat top left #FFFFE3; width:400px; margin:10px auto;border: 1px solid #ffc03d; color:#F45912; clear:both;} .callout p { padding:5px 10px 5px 83px;} .callout a:link, .callout a:visited { text-decoration:underline;} .callout a:hover { color: #0000FF} .boxedText {width: 85%;padding:5px; border: 1px solid #666666; margin:15px auto; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius : 6px; line-height:normal; font-size:11px; } .boxedText p { margin: 3px 0; } .boxedText h2 { margin: 3px 0; } .boxedText img {border: 1px solid #F45912; float:right; margin-bottom: 0 0 2px 10px;} .boxedText ul { padding-left:20px} .boxedText ol { padding-left:20px} .go { display:block; clear:both;} .go a img { float:none; border: none;} .closeWindow { clear:both; font-size:9px;} .closeWindow a img { display:block; width:8px; border: none; border: none; margin:5px 4px 0 0; padding:0px} .boxedText.OR { background-color:#FCD1BE; border-color:#f45912} .boxedText.GR { background-color: #E3F7B6; border-color:#a6c400} .boxedText.YW { background-color:#FFFFD4; border-color:#ffc03d} .boxedText.DIM { background-color:#feeae1; border-color:#fab394} .popBox {width: 85%;padding:10px; border: 1px solid #666666; margin:15px auto; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius : 6px; line-height:150%; font-size:12px; clear:both; background: #FFFFFF;} .popBox img {border: 1px solid #F45912; float:left; margin:0 10px 10px 0px;} .popBox.news {border-color:#a6c400;} .popBox.event {border-color:#f45912;} .popBox ul { padding-left: 20px} .popBox ol { padding-left: 20px} .links {margin:5px 0 10px 0; padding-bottom:10px; background:url(../art/dot-rule-orange.gif) bottom repeat-x; line-height:normal} .links h2 { margin: 3px 0;} .links p { margin: 3px 0; font-size:11px} .links h3 { margin: 10px 0 3px 0; color: #085199;} /*SERVICES CHART -------------------------------------------------------------------------------------*/ .chart { border-color: #cccccc; border-width: 0 0 1px 1px; border-style: solid; background-color: #FFFFE8; border-collapse: collapse; width:506px; text-align:left; font-size:11px; line-height:normal } .chart a { text-decoration:underline; } .chart p { margin: 3px 0; } .chart td{ border-color: #cccccc; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 1px 3px; vertical-align: middle; height:12px; } .whiteBackground { background-color:#FFFFFF} .chartHeadder { background-color:#388AC1; text-transform:uppercase; color:#FFFFFF; font-weight:bold;} .chartHeadder a:link, .chartHeadder a:visited { text-transform:uppercase; color:#FFFFFF; text-decoration:underline; font-weight:bold;} .chartHeadder a:hover {color:#Fec03d;} .chartHeadder td { border-top:none;} /*SERVICES END -------------------------------------------------------------------------------------*/ /*VET BIO SECTION START -------------------------------------------------------------------------------------*/ .bioLayer { position:relative; position:absolute; top:70px; left:0px; width:370px; font-size:11px; line-height: 130%; visibility: hidden; height: auto; } .bioLayer img { border: 1px solid #F45912; float:left; margin: 0 10px 5px 0 } .bioNameList {padding:10px 2px 10px 5px; font-size:11px; font-weight:bold;} /*VET BIO SECTION END -------------------------------------------------------------------------------------*/ .toxic img { margin:2px;border: 1px solid #F45912; } /* CONTACT FORM START */ .fieldsetPT { display: block; width: 490px; border: 1px solid #999999; background-image: url(../art/blu-blend.jpg); background-position: top left; background-repeat: repeat-x; vertical-align: middle; margin-bottom: 10px; padding-bottom:10px; } .PTinput { display: block; width: 200px; float: left; margin-bottom: 10px; } .PTlabel { text-align: right; padding-right: 5px; display: block; width: 150px; float: left; margin: 5px 0 10px 0; color: #085199; font-weight:bold; } .PTClearbr { clear: left; } .timesItal { font-family: "Times New Roman", Times, serif; font-size: 16px; font-weight: lighter; font-variant: normal; color: #669999; font-style: italic; } .grid { white-space: nowrap; vertical-align:middle;padding:2px; text-align:center;border-bottom: 1px solid #CCCCCC; } .PTerror { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; background-color: #FFFFCC; padding: 3px 10px 3px 0px; margin:10px auto; border: 1px solid #990000; width: 350px; } .teeny { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; } .bodyText { font-size: 11px; font-style: normal; font-weight: normal; color: #666666; } .legend {font-size:14px; font-weight:bold; color:#F45912;} /* CONTACT FORM END */ #TB_ajaxContent { background-color:#d8ecf7; } .diseaseList { padding-left:10px; float:left; width:22%; font-size:11px; line-height:normal;} .diseaseList p {display:block; margin: 2px 0 2px 0; padding: 0 0 2px 0; border-bottom: 1px dotted #F45912; line-height:110%; } /* HOME PAGE CARE BUTTONS */ .careButton a { display:block; padding-left:30px; font-size:11px; line-height:27px;} .careButton { margin-bottom:2px;}