@charset "utf-8";

/* ====== base structure ====== */
h1 { background-image: none; height: auto; padding: 44px 0 0 21px; text-indent: 0; width: auto; }
h1 a { background-repeat: no-repeat; display: block; height: 72px; text-indent: -9999px; width: 226px; }
h2 { background-position: 3px 0; background-repeat: no-repeat; height: 13px; overflow: hidden; padding: 0 0 0 3px; text-indent: -9999px; width: 130px; }
#wrapper { background-image: url(/imgs/top_header_bg.gif); }


/* ====== footer ====== */
#footer div { background-image: url(/imgs/top_footer_bg_middle.gif); }


/* ====== flash ====== */
#menu { background: url(/imgs/top_menu_bg.gif) no-repeat 45px 220px; height: 250px; margin: auto; padding: 0 45px; width: 870px; }
#menu div { margin: 0 30px; }
#menu div p { padding-top: 80px; }
#menu div p.noscript { padding-top: 10px; }


/* ====== FRONTLINE(R) & CARDOMEC(R) ====== */
#contents .flp, #contents .crd { background: url(/imgs/top_flp_bg.gif) no-repeat; height: 280px; float: left; position: relative; width: 395px; }
#contents .crd { background-image: url(/imgs/top_crd_bg.gif); float: right; }
#contents .flp h1 a { background-image: url(/imgs/top_flp_title.gif); }
#contents .crd h1 a { background-image: url(/imgs/top_crd_title.gif); }
#contents .flp .message, #contents .crd .message { left: 272px; position: absolute; top: 47px; }
#contents .flp .btn, #contents .crd .btn { display: block; height: 40px; left: 234px; overflow: hidden; position: absolute; top: 201px; width: 145px; }
#contents .flp .btn a, #contents .crd .btn a { background: url(/imgs/top_flp_btn.gif); display: block; height: 100%; text-indent: -9999px; width: 100%; }
#contents .crd .btn a { background-image: url(/imgs/top_crd_btn.gif); }
#contents .flp .info, #contents .crd .info { padding: 17px 0 0 33px; position: relative; width: 200px; }
#contents .flp .info h2 { background-image: url(/imgs/top_flp_info_title.gif); }
#contents .crd .info h2 { background-image: url(/imgs/top_crd_info_title.gif); }
#contents .flp .info p, #contents .crd .info p { background: url(/imgs/top_flp_info_text.gif) no-repeat; height: 38px; margin-top: 20px; text-indent: -9999px; width: 157px; }
#contents .crd .info p { background-image: url(/imgs/top_crd_info_text.gif); width: 198px; }
#contents .flp .info a, #contents .crd .info a { background: url(/imgs/top_flp_info_btn.gif); display: block; height: 12px; line-height: 12px; margin-top: 8px; overflow: hidden; text-indent: -9999px; width: 84px; }
#contents .flp .info a:hover, #contents .flp .info a:focus, #contents .crd .info a:hover, #contents .flp .info a:focus { background-position: 0 12px; }


/* ====== vet locator ====== */
#contents .locator { background: url(/imgs/top_locator_bg.gif) no-repeat; clear: both; height: 95px; position: relative; width: 810px; }
#contents .locator h3 { font-size: 0; height: 16px; line-height: 0; overflow: hidden; left: 115px; position: relative; top: 15px; width: 88px; }
body#toppage #contents .locator h3 {width: 107px; }
#contents .locator p.message { line-height: 0; margin-left: 115px; padding-top: 22px; width: 153px; }
#contents .locator .loc01, #contents .locator .loc02, #contents .locator .loc03, #contents .locator .btn { left: 350px; position: absolute; top: 9px; }
#contents .locator .loc01 { font-size:10px; }
#contents .locator form{ font-size:10px !important; letter-spacing:0px !important;}
#contents .locator .loc02 { left: 350px; top:35px; font-size:10px; }
#contents .locator .loc03 { top: 34px; font-size:10px; }
#contents .locator .btn { left: 655px; top: 13px; }
#contents .locator .loc01 label img, #contents .locator .loc02 label img, #contents .locator .loc03 label img { vertical-align: middle; }
#contents .locator .loc01 label img { margin-right: 3px; }
#contents .locator .loc01 select {width:210px !important; height:18px !important; font-size:11px !important;}
#contents .locator .loc02 select {width:210px !important; height:18px !important; font-size:11px !important;}
#contents .locator .loc01 select, #contents .locator .loc02 select, #contents .locator .loc03 input { vertical-align: -3px; }
#contents .locator .loc03 input { width: 200px; height:16px !important; font-size:11px !important; }
#contents .locator .btn a { background: url(/imgs/locator_btn1.gif); display: block; height: 38px; overflow: hidden; text-indent: -9999px; width: 141px; }
#contents .locator .btn a:hover, #contents .locator .btn a:focus { background-position: 0 22px; }

#contents .locator .btn #send { background: url(/imgs/locator_btn1.gif); display: block; height: 38px; margin-left: 0px; overflow: hidden; text-indent: -9999px; width: 141px; border:0px solid; cursor:pointer;}



/* ====== banners ====== */
#contents .banners { clear: both; text-align: center; }
#contents .banners ul { text-align: center; }
#contents .banners li { display: inline; margin: 5px; }
#contents .banners li.telephone { margin-right: 25px; }