@charset "UTF-8"; /* CSS Document */ /* Table of Contents: Global Styles – (body, paragraphs, lists, etc) Header Page Structure Headings Text Styles */ /* Reset --------------------------------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } body { line-height: 1.5; background: #fff; margin:1.5em 0; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } /* Global Styles --------------------------------------------------------------------------------------- */ html, body { border:0; margin:0; padding:0; font-family:'Arial', Helvetica, Lucida Grande sans-serif; color:#5b5b5b; text-align:left; background:url(../images/bDrop_body.jpg) repeat-x; background-color:#edf4f9; height:100%; font-size:12px; } /* Page Structure --------------------------------------------------------------------------------------- */ #home, #dogs, #cats, #rats, #rabbit, #birds, #franchise, #fran-avail, #people, #stores, #products, #why, #aqua, #fish, #other, #petcare {width:900px; margin:0 auto; min-height:100%; position:relative; } * html #home, { height:100%; } #header {height:130px; } .hdrwrpr { float:right; width:645px; height:70px; position:relative; z-index:100; padding-top:60px;} ul#topnav {height:70px; margin:0; padding:0; left:60px; position:absolute;} ul#topnav li {float:left; list-style-type:none; } ul#topnav li a {display:block; text-decoration:none;} ul#topnav li a:link {text-decoration:none;} ul#topnav li a:visited {text-decoration:none;} ul#topnav li a:hover {text-decoration:none;} ul#topnav li a:active {text-decoration:none;} ul#topnav .menu {top:65px; position:absolute; background:url(/images/eop/bg-subnav.png) repeat-x bottom left; padding:4px 0 12px 10px;} ul#topnav .menu ul.sub_nav {float:left;} ul#topnav .menu ul.sub_nav {margin:0 10px 0 0; padding:0; width:130px;} ul#topnav .menu ul.sub_nav li {float:none; background: #ffffff url(../images/bDrop_nav.gif) repeat-x bottom; border-bottom:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #ffffff;} ul#topnav .menu ul.sub_nav li a, ul#topnav .menu ul.sub_nav li a:link, ul#topnav .menu ul.sub_nav li a:visited {font-size:12px; font-weight:normal; line-height:1.3em; color:#a1a1a1; text-decoration:none; padding:4px 6px; height:100%; background-color:transparent;} ul#topnav .menu ul.sub_nav li a:hover {color:#00aeef; text-decoration: none; background-color:transparent;} ul#topnav .menu ul.sub_nav li a:active {color:#00aeef; text-decoration: none; background-color:transparent;} ul#topnav li .menu {display:none;} ul#topnav li:hover .menu {display:block;} ul#topnav li.over .menu {display:block; width:200px;; height:1%;} ul#topnav a.nav_item span {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;} li.nav_why {background:url(../images/bt_why.gif) no-repeat top;} li.nav_why:hover, li.nav_why_over {background:url(../images/bt_why.gif) no-repeat bottom;} li.nav_why a.nav_item, li.nav_why_over a.nav_item {width:132px; height:70px; padding:0; margin:0;} li.nav_petcare {background: url(../images/bt_petcare.gif) top no-repeat;} li.nav_petcare:hover, li.nav_petcare_over {background: url(../images/bt_petcare.gif) bottom no-repeat;} li.nav_petcare a.nav_item, li.nav_petcare_over a.nav_item {width:78px; height:70px; padding:0; margin:0;} li.nav_petcare div.menu {left:120px; min-width:55px;} li.nav_products { background: url(../images/bt_products.gif) top no-repeat; } li.nav_products:hover, li.nav_products_over {background: url(../images/bt_products.gif) bottom no-repeat;} li.nav_products a.nav_item, li.nav_products_over a.nav_item {width: 80px; height: 70px; padding:0; margin:0;} li.nav_aqua {background: url(../images/bt_aqua.gif) top no-repeat;} li.nav_aqua:hover, li.nav_aqua_over {background: url(../images/bt_aqua.gif) bottom no-repeat;} li.nav_aqua a.nav_item, li.nav_aqua_over a.nav_item {width: 91px; height:70px; padding:0; margin:0;} li.nav_fran {background: url(../images/bt_fran.gif) top no-repeat;} li.nav_fran:hover, li.nav_fran_over {background: url(../images/bt_fran.gif) bottom no-repeat;} li.nav_fran a.nav_item, li.nav_fran_over a.nav_item {width:104px; height:70px; padding:0; margin:0;} li.nav_fran div.menu {left:370px; min-width:55px} li.nav_stores { background: url(../images/bt_stores.gif) top no-repeat;} li.nav_stores:hover, li.nav_stores_over {background: url(../images/bt_stores.gif) bottom no-repeat;} li.nav_stores a.nav_item, li.nav_stores_over a.nav_item {width:93px; height:70px; padding:0; margin:0;} #banner {height:295px; background:url(../images/bDrop_banner.jpg) no-repeat; } #slideshow { position:relative; height:290px; } #slideshow DIV { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 290px; background-color: #FFF;} #slideshow DIV.active { z-index:10; opacity:1.0;} #slideshow DIV.last-active { z-index:9;} #slideshow DIV IMG { height: 290px; display: block; border: 0; } #home #content, #dogs #content, #cats #content, #rats #content, #rabbit #content, #birds #content, #stores #content, #people #content, #franchise #content, #fran-avail #content, #products #content, #why #content, #aqua #content, #fish #content, #other #content, #petcare #content {padding-bottom:120px; } #dogs #content, #cats #content, #rats #content, #rabbit #content, #birds #content, #stores #content, #people #content, #franchise #content, #fran-avail #content, #products #content, #why #content, #aqua #content, #fish #content, #other #content, #petcare #content {padding-top:40px; } #home .col01 { float:left; width:320px; padding-right:45px; padding-left:5px; } #home .col02 { margin-left:370px; } #dogs .col01, #stores .col01, #people .col01, #franchise .col01, #fran-avail .col01, #cats .col01, #rats .col01, #rabbit .col01, #birds .col01, #products .col01, #why .col01, #aqua .col01, #fish .col01, #other .col01, #petcare .col01 { float:left; width:330px; padding:0; } #dogs .col02, #stores .col02, #people .col02, #franchise .col02, #fran-avail .col02, #cats .col02, #rats .col02, #rabbit .col02, #birds .col02, #products .col02, #why .col02, #aqua .col02, #fish .col02, #other .col02, #petcare .col02 { margin-left:330px; } #fran-avail .col03 {float: left; width: 460px; padding:0; } #fran-avail .col04 {margin-left: 460px; } #home .image, #dogs .image, #franchise .image, #people .image, #stores .image, #franchise .image, #why .image, #aqua .image {margin-bottom:10px; width:290px;} #home .image {width:90px; float:left; margin-bottom:0px;} #fran-avail .map {width:425px; height:350px; float:left; padding:10px; margin-bottom:10px; margin-top:10px; background:#FFFFFF; } #signup { background:url(../images/bDrop_signup.gif) no-repeat; height:60px; padding-top:45px; padding-left:95px; } #signup p.input input.text{ font:13px 'Arial', Helvetica, Lucida Grande sans-serif; color:#5b5b5b; width: 260px; float: left; margin-top: -1px; padding: 3px;} .clear { clear:both; padding:0; margin:0;} #footer {position:relative; margin: -100px auto 0 auto; background:url(../images/bDrop_footer.gif) repeat-x; height:100px; width:100%; } #footer #frame { margin:0 auto; width:900px; padding-top:40px; } #footer #frame .col01, #footer #frame .col02 {float:left; width:210px; color:#40c8f4; padding:0 15px 20px 15px; line-height:21px; } #footer #frame .col02 {margin-left:330px; float:none; width:535px; text-align:right; padding:0 } /* Headings --------------------------------------------------------------------------------------- */ h1, h2, h3 {} #home .col02 h1 {background:url(../images/hd_home.gif) no-repeat; height:50px; width:300px; text-indent:-9999px; margin:0; padding:0;} #dogs h1, #franchise h1, #fran-avail h1, #people h1, #stores h1, #cats h1, #rats h1, #rabbit h1, #birds h1, #products h1, #why h1, #aqua h1, #fish h1, #other h1, #petcare h1 { height:50px; width:550px; text-indent:-9999px; margin:0; padding:0;} #dogs h1 {background:url(../images/hd_dogs.gif) no-repeat; } #cats h1 {background:url(../images/hd_cats.gif) no-repeat; } #rats h1 {background:url(../images/hd_rats.gif) no-repeat; } #rabbit h1 {background:url(../images/hd_rabbit.gif) no-repeat; } #birds h1 {background:url(../images/hd_birds.gif) no-repeat; } #products h1 {background:url(../images/hd_products.gif) no-repeat; } #fran-avail h1 {background:url(../images/hd_fran-avail.gif) no-repeat;} #franchise h1 {background:url(../images/hd_franchise.gif) no-repeat;} #people h1 {background:url(../images/hd_people.gif) no-repeat;} #stores h1 {background:url(../images/hd_stores.gif) no-repeat;} #why h1 {background:url(../images/hd_why.gif) no-repeat;} #aqua h1 {background:url(../images/hd_aqua.gif) no-repeat;} #fish h1 {background:url(../images/hd_fish.gif) no-repeat;} #other h1 {background:url(../images/hd_other.gif) no-repeat;} #petcare h1 {background:url(../images/hd_petcare.gif) no-repeat;} #home .col01 h2 {background:url(../images/hd_sm_pet.gif) no-repeat; height:40px; width:220px; text-indent:-9999px; margin:0; padding:0;} #home .col01 h3 {background:url(../images/hd_sm_feature.gif) no-repeat; height:40px; width:220px; text-indent:-9999px; margin:0; padding:0;} #dogs h2, #franchise h2, #people h2, #cats h2, #rats h2, #rabbit h2, #birds h2, #fish h2, #products h2 { height:45px; width:520px; text-indent:-9999px; margin:0; padding:0;} #fran-avail h2 { height:75px; width:400px; text-indent:-9999px; margin:0; padding:0;} #dogs h2.kennels { background:url(../images/hd_kennels.gif); } #dogs h2.bedding { background:url(../images/hd_bedding.gif); } #dogs h2.doors { background:url(../images/hd_doors.gif) no-repeat; } #dogs h2.coats { background:url(../images/hd_coats.gif) no-repeat;} #dogs h2.training { background:url(../images/hd_training.gif) no-repeat; } #dogs h2.family { background:url(../images/hd_family.gif) no-repeat; } #dogs h2.toilet { background:url(../images/hd_toilet.gif) no-repeat; } #dogs h2.jumping { background:url(../images/hd_jumping.gif) no-repeat; } #dogs h2.barking { background:url(../images/hd_barking.gif) no-repeat; } #dogs h2.lead { background:url(../images/hd_lead.gif) no-repeat; } #dogs h2.nutrition { background:url(../images/hd_nutrition.gif) no-repeat; } #dogs h2.medication { background:url(../images/hd_medication.gif) no-repeat; } #dogs h2.toys { background:url(../images/hd_toys2.gif) no-repeat; } #cats h2.scratching { background:url(../images/hd_scratching.gif); } #cats h2.bedding { background:url(../images/hd_bedding.gif); } #cats h2.trays { background:url(../images/hd_trays.gif) no-repeat; } #cats h2.litter { background:url(../images/hd_litter.gif) no-repeat;} #cats h2.doors { background:url(../images/hd_cdoors.gif) no-repeat;} #cats h2.bathing { background:url(../images/hd_bathing.gif) no-repeat; } #cats h2.collars { background:url(../images/hd_collar.gif) no-repeat; } #cats h2.nutrition { background:url(../images/hd_nutrition.gif) no-repeat; } #cats h2.medication { background:url(../images/hd_medication.gif) no-repeat; } #cats h2.toys { background:url(../images/hd_toys2.gif) no-repeat; } #rats h2.living { background:url(../images/hd_living.gif); } #rats h2.food { background:url(../images/hd_food.gif); } #rats h2.health { background:url(../images/hd_health.gif) no-repeat; } #rabbit h2.living { background:url(../images/hd_living.gif); } #rabbit h2.food { background:url(../images/hd_food.gif); } #rabbit h2.toilet { background:url(../images/hd_toilet.gif); } #rabbit h2.exercise { background:url(../images/hd_exercise.gif); } #rabbit h2.grooming { background:url(../images/hd_grooming.gif); } #rabbit h2.health { background:url(../images/hd_health.gif) no-repeat; } #birds h2.toys { background:url(../images/hd_toys.gif); } #birds h2.cage { background:url(../images/hd_cage.gif); } #birds h2.food { background:url(../images/hd_food.gif); } #birds h2.health { background:url(../images/hd_health.gif); } #fish h2.setup { background:url(../images/hd_setup.gif); } #fish h2.ongoing { background:url(../images/hd_ongoing.gif); } #fish h2.problems { background:url(../images/hd_problems.gif); } #franchise h2.about { background:url(../images/hd_about.gif); } #franchise h2.requirements { background:url(../images/hd_requirements.gif); width:570px;} #franchise h2.joining { background:url(../images/hd_joining.gif); } #franchise h2.industry { background:url(../images/hd_industry.gif); } #franchise h2.business { background:url(../images/hd_business.gif); } #franchise h2.model { background:url(../images/hd_model.gif); width:560px; } #people h2.franchisor { background:url(../images/hd_franchisor.gif); } #people h2.management { background:url(../images/hd_management.gif); } #people h2.experience { background:url(../images/hd_experience.gif); } #fran-avail h2 { background:url(../images/hd_sm_fran-avail.gif); } #products h2.feature { background:url(../images/hd_featureproduct.gif); } h3, h4 {font-size:12px; font-weight:bold; line-height:20px; margin:20px 0 5px 0; } h4 {font-size:14px; line-height:20px; color:#0088d3; } #home h4 {margin-top:7px;} #franchise h4 {margin-top:20px; margin-bottom:5px;} /* Text Styles --------------------------------------------------------------------------------------- */ p {font-size:13px; line-height:20px; margin-bottom:21px; } #people p {font-size:13px; line-height:20px; margin-bottom:10px; } ul.list {list-style: disc outside; margin-left:18px;} .list li {font-size:13px; line-height:20px; margin-bottom:7px; } /* Links --------------------------------------------------------------------------------------- */ a, a:link, a:visited, a:hover {text-decoration:none; margin:0; padding:0; } #footer #frame .col02 a, a:link, a:visited, a:hover {margin-right:12px; font-family:'Arial', Helvetica, Lucida Grande sans-serif; color:#a1a1a1; text-decoration:none; } #footer #frame .col02 a:hover { color:#00aeef; } #signup a.sign{ margin-left: 285px; margin-bottom:5px; display: block; width: 91px; height: 26px; text-indent: -5000px;background: url(../images/bt_sign.gif) no-repeat top;} #signup a.sign:hover{ background-position: bottom; } #content a, a:link, a:visited, a:hover {margin:0; text-decoration:none; font-family:'Arial', Helvetica, Lucida Grande sans-serif; color:#00aeef; } #content a:hover { color:#F00; text-decoration:underline; font-size: 100%; } h4 a, a:link, a:visited, a:hover {margin-right:12px;}.h4_franchnow { color: #F00; font-size: 75%; } #stores #content .col02 table tr td h4 .h4_franchnow a { color: #F00; font-size: 100%; } #stores #content .col02 table tr td h4 a { color: #F00; font-size: 75%; }