/* Classes ----------------------------------*/ .hide {position: absolute; top: -99999px; left: -99999px;} .clear {height: 0px; clear: both; width: 100%; overflow: hidden;} .textRed {color:#FF0000;} .uppercase {text-transform: uppercase;} .floatLeft {float: left;} .floatRight {float: right;} .list-item {margin-left: -15px; width: 15px; display: inline-block;} /* Elements ----------------------------------*/ body {font-family: Verdana, Geneva, sans-serif; background: #00aec5 url('../_images/bg.jpg') top center no-repeat;} p {} p.list {padding-left: 15px; width: 285px !important;} p.sublist {padding-left: 30px; width: 270px !important; padding-top: 0px !important;} /* General ----------------------------------*/ #wrap {width: 854px; margin: 0px auto; position: relative; z-index: 1;} #top {width: 854px; height: 390px; display: block; overflow: hidden;} .page #top a {width: 854px; height: 300px; display: block; text-indent: -99999px;} #bottom {width: 830px; height: 40px; display: block; margin: 10px auto;} .home #bottom {margin: 10px auto 0 auto !important;} #bottom p {text-align: center; font-size: 11px; line-height: 30px; color: #605F5F;} /* Headers ----------------------------------*/ /* PAGES */ #top.home {background: url('../_images/header_home.jpg') top left no-repeat; height: 457px !important; overflow: none;} #top.about {background: url('../_images/header_about.jpg') top left no-repeat;} #top.resource-center {background: url('../_images/header_resource-center.jpg') top left no-repeat;} #top.solution-finder {background: url('../_images/header_solution-finder.jpg'); height: 287px !important; width: 826px !important; margin: 0 auto; background-position: -12px 0; margin-top: 4px;} #top.media-room {background: url('../_images/header_media-room.jpg'); height: 287px !important; width: 826px !important; margin: 0 auto; background-position: -12px 0; margin-top: 4px;} #top.coupon-savings {background: url('../_images/header_coupon-savings.jpg'); height: 287px !important; width: 826px !important; margin: 0 auto; background-position: -12px 0; margin-top: 4px;} #top.where-to-buy {background: url('../_images/header_where-to-buy.jpg'); height: 287px !important; width: 826px !important; margin: 0 auto; background-position: -12px 0; margin-top: 4px;} #top.blog {background: url('../_images/header_blog.jpg') top left no-repeat;} #top.contact {background: url('../_images/header_contact.jpg'); height: 287px !important; width: 826px !important; margin: 0 auto; background-position: -12px 0; margin-top: 4px;} #top.products {background: url('../_images/header_products.jpg') top left no-repeat;} #top.privacy-policy {background: url('../_images/header_privacy-policy.jpg') top left no-repeat;} /* PRODUCT PAGES */ #top.products_cats {background: url('../_images/header_products-cats.jpg') top left no-repeat;} #top.products_cleaners {background: url('../_images/header_products-cleaners.jpg') top left no-repeat;} #top.products_diapers {background: url('../_images/header_products-diapers.jpg') top left no-repeat;} #top.products_grooming {background: url('../_images/header_products-grooming.jpg') top left no-repeat;} #top.products_outdoor {background: url('../_images/header_products-outdoor.jpg') top left no-repeat;} #top.products_stain-odor {background: url('../_images/header_products-stain-odor.jpg') top left no-repeat;} #top.products_training {background: url('../_images/header_products-training.jpg') top left no-repeat;} /* Navigation Bar ----------------------------------*/ #navbar {font-family: Arial, Helvetica, sans-serif; display: block; overflow: hidden; height: 23px; width: 826px; background: #d0281e; margin: 0 auto;} #navbar ul {padding-left: 4px; width: 1500px;} #navbar li {float: left;} #navbar li a {color: #fff; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; font-size: 13px; text-decoration: none; padding: 0 6px; display: block; line-height: 23px;} #navbar li a.active {background: #000; color: #fff; text-decoration: none;} #navbar li a:hover {background: #000; color: #fff; text-decoration: none;} #middle {font-size: 12px;} #middle h2 {color: #605F5F; font-size: 26px; font-weight: normal; text-align: center; padding-top: 30px;} /* Sub-links ----------------------------------*/ #subLinks { height: 23px; width: 816px; background: #000; padding-left: 10px; display: block; overflow: hidden; margin: 0 auto;} #subLinks ul {width: 1500px; height: 23px; display: block;} #subLinks ul li {float: left;} #subLinks ul li a { background: #000; color: #fff; font-size: 11px; display: block; line-height: 17px; margin: 3px 7px 0 0; padding: 0 6px 3px 6px; text-decoration: none;} #subLinks ul li a.active {background: #fff; color: #000;} #subLinks ul li a:hover {background: #fff; color: #000;} /* Home Page ----------------------------------*/ /* SUBSCRIBE FORM */ #home_subscribe {position: absolute; top: 0; left: 50%; margin: 22px 0 0 125px; z-index: 10;} #subscribe_email {border: 1px solid #fff; padding: 0; margin: 0 20px 0 0; width: 178px; text-align: right; float: left;} #subscribe_submit {position: absolute; height: 20px; width: 92px; top: 0; left: 0; margin: -2px 0 0 185px;} /* NAV LINKS */ #homeNav {border: 0px solid #000; position: absolute; margin: 45px 0 0 548px; z-index: 100;} #homeNav li {float: left; position: relative; z-index: 100;} #homeNav li a {display: block; height: 20px; text-indent: -99999px; position: relative; z-index: 100;} #homeNav li#linkAbout a {width: 85px; margin-right: 10px; position: relative; z-index: 100;} #homeNav li#linkAbout a:hover {background: url('../_images/home_nav-hover.jpg') top left no-repeat; position: relative; z-index: 100;} #homeNav li#linkWhereBuy a {width: 93px; margin-right: 10px; position: relative; z-index: 100;} #homeNav li#linkWhereBuy a:hover {background: url('../_images/home_nav-hover.jpg') -95px 0; position: relative; z-index: 100;} #homeNav li#linkContact a {width: 92px; position: relative; z-index: 100;} #homeNav li#linkContact a:hover {background: url('../_images/home_nav-hover.jpg') -198px 0; position: relative; z-index: 100;} /* HEADER SLIDESHOW */ .slideshow {z-index: 1; position: absolute !important;} .slideshow img {z-index: -100; position: absolute !important;} /* NETWORK LINKS */ #linkSimple {position: absolute; margin: 377px 0 0 27px;} #linkSimple a {display: block; height: 30px; width: 76px; overflow: hidden; text-indent: -99999px;} #linkVets {position: absolute; margin: 367px 0 0 115px;} #linkVets a {display: block; height: 54px; width: 54px; overflow: hidden; text-indent: -99999px;} #linkPawsafe {position: absolute; margin: 382px 0 0 37px; z-index: 9000;} #linkPawsafe a {border: 0px solid #fff; display: block; height: 45px; width: 89px; overflow: hidden; text-indent: -99999px; position: absolute; z-index: 8000;} /* HIGHLIGHTED BAR */ #highlighted {height: 184px; background: url('../_images/bg_highlighted.jpg') top left no-repeat; overflow: hidden;} #highlighted #products {float: left; width: 620px; height: 178px; overflow: hidden; padding-left: 30px;} #highlighted #categories {float: right; width: 183px; height: 178px; overflow: hidden;} #highlighted #categories ul {margin: 54px 0 0 2px;} #highlighted #categories ul li {display: inline; width: 200px; height: 12px;} #highlighted #categories ul li a {text-indent: -99999px; width: 200px; height: 12px; display: block; margin-bottom: 6px;} #highlighted #categories ul li a:hover {border-left: 3px white solid;} #allProducts {position: absolute; margin: 20px 0 0 -130px;} #allProducts a {font-size: 11px; color: #fff; line-height: 15px;} #allProducts a:hover {text-decoration: none;} /* BOTTOM COLUMNS */ .home #middle .column {width: 196px; float: left; margin-left: 14px; padding-bottom: 20px;} .home #middle .column h2 {height: 12px; width: 200px; display: block; overflow: hidden; text-indent: -99999px; padding: 0 0 10px 0 !important; margin: 20px 0 0 0;} .home #middle .column p {font-size: 11px; line-height: 15px;} .home #middle .column a {color: #f70c0c;} .home #middle .column a:hover {text-decoration: none;} #heading_homeBlog {background: url('../_images/heading_home_blog.jpg') top left no-repeat;} #heading_homeSolution {background: url('../_images/heading_home_solution-finder.jpg') top left no-repeat;} #heading_homeResource {background: url('../_images/heading_home_resource-center.jpg') top left no-repeat;} #heading_homeCoupon {background: url('../_images/heading_home_coupon-savings.jpg') top left no-repeat;} #social {width: 196px; float: right;} #social ul {width: 185px; float: left;} #social ul li {float: left;} #middle.home { background: none; overflow: hidden; } #middleRight {width: 200px; float: left; margin-left:10px; padding-top:20px; padding-bottom: 20px;} /* Page: Contact Us ----------------------------------*/ .page_contact p {font-size: 11px; line-height: 15px;} .page_contact .column {width: 243px; padding: 10px 0 20px 20px; float: left; display: block;} .page_contact .contact_top {background: #2a2a2a; color: #fff;} .page_contact .contact_top a {color: #fff;} .page_contact #formUS {background: #000;} .page_contact #formUK {background: #000;} .page_contact form {background: #000; color: #fff; display: block;} .page_contact form input.text {width: 239px; padding: 0 !important;} .page_contact form textarea {width: 239px; height: 100px; display: block;} .page_contact form select {width: 243px;} .page_contact form label {font-size: 11px; line-height: 20px;} .page_contact #heading_contact-info {width: 170px; height: 30px; display: block; background: url('../_images/heading_contact-info.jpg') bottom left no-repeat; text-indent: -99999px; clear: both; padding: 20px 0 0 0 !important; margin-left: 20px;} #contact_tabs li {margin-right: 5px;} #contact_tabs li a {width: 148px; height: 28px; display: block; text-indent: -99999px;} #contactUSA {background: url('../_images/tab_usa-off.jpg') top left no-repeat;} .ui-tabs-selected #contactUSA {background: url('../_images/tab_usa-on.jpg') top left no-repeat;} #contactUK {background: url('../_images/tab_uk-off.jpg') top left no-repeat;} .ui-tabs-selected #contactUK {background: url('../_images/tab_uk-on.jpg') top left no-repeat;} /* Page: Where To Buy ----------------------------------*/ .page_where-to-buy #form {float: left; padding: 80px 0 0 20px;} .page_where-to-buy #form label {font-size: 11px;} .page_where-to-buy #dogs {float: right;} .page_where-to-buy #choose {color: #7c7c7c; font-size: 14px; font-weight: bold; padding-bottom: 50px;} .page_where-to-buy #arrow {vertical-align: bottom;} /* Page: About ----------------------------------*/ .page_about {background: url('../_images/page_about.jpg') top left no-repeat; min-height: 600px;} .page_about p {font-size: 11px; width: 500px; padding-bottom: 20px; line-height: 20px;} #aboutText {padding: 150px 0 0 50px;} /* Page: Products ----------------------------------*/ .page_products p {font-size: 11px; padding-bottom: 20px; line-height: 15px; width: 500px;} .page_products #product-links {margin: 0 auto; height: 250px; width: 520px; display: block; background: url(../_images/pg_products.jpg) top left no-repeat; overflow: hidden;} .page_products #product-links ul {width: 810px;} .page_products #product-links li {float: left;} .page_products #product-links li a {height: 250px; width: 270px; display: block; text-indent: -99999px;} /* Page: Resource Center ----------------------------------*/ .page_resource-center {widht: 830px; height: 437px; display: block; background: url(../_images/pg_resource-center.jpg) top left no-repeat; margin: 2px 10px 10px 10px;} #resource-center_links li {position: absolute;} #resource-center_links li a {width: 150px; height: 150px; display: block; text-indent: -99999px;} #resource-center_links #healthSafety {margin: 100px 0 0 45px;} #resource-center_links #funGames {margin: 35px 0 0 230px;} #resource-center_links #behavioralTraining {margin: 65px 0 0 432px;} #resource-center_links #houseTraining {margin: 60px 0 0 620px;} #resource-center_links #cleaning {margin: 245px 0 0 280px;} #resource-center_links #firstTime {margin: 220px 0 0 480px;} .page_resources h2 {text-align: left !important; margin-left: 20px; padding: 20px 0 10px 0 !important;} .page_resources ul {margin-left: 20px; margin-bottom: 50px;} .page_resources ul li {line-height:20px; list-style-type:disc; margin:0 0 0 24px; font-size: 11px;} .page_resources ul li a {text-decoration: underline; color: #ff0000;} .page_resources ul li a:hover {text-decoration: none;} /* Page: Privacy Policy ----------------------------------*/ .page_privacy {padding: 20px;} .page_privacy p {line-height: 15px; padding-bottom: 15px !important; font-size: 11px;} .page_privacy h1 {font-size: 24px; font-weight: bold; color: #000; text-align: left !important; padding: 0 0 10px 0 !important;} .page_privacy h2 {text-align: left !important; padding: 20px 0 10px 0 !important;} .page_privacy ol {margin-left: 20px; margin-bottom: 15px;} .page_privacy ul {margin-left: 20px; margin-bottom: 15px;} .page_privacy ol li {line-height:20px; list-style-type:decimal; margin:0 0 0 24px; font-size: 11px;} .page_privacy ul li {line-height:20px; list-style-type:disc; margin:0 0 0 24px; font-size: 11px;} .page_privacy ul li a {text-decoration: underline; color: #ff0000;} .page_privacy ul li a:hover {text-decoration: none;} /* Page: Solution Finder ----------------------------------*/ .page_solution-finder {widht: 830px; height: 370px; display: block; background: url(../_images/pg_solution-finder.jpg) top left no-repeat; margin: 0px 10px 10px 10px;} /* Page: Coupon Savings ----------------------------------*/ .page_coupon-savings {width: 600px; margin: 20px auto;} .page_coupon-savings p {line-height: 20px; padding-bottom: 20px;} .page_coupon-savings form p {padding-bottom: 0 !important;} .page_coupon-savings form #col01 {width: 290px; float: left;} .page_coupon-savings form #col02 {width: 290px; float: right;} .page_coupon-savings form input.text {width: 286px; padding: 0 !important; margin-bottom: 10px;} .page_coupon-savings form select {width: 290px; margin-bottom: 10px;} .page_coupon-savings form label {line-height: 20px;} /* Product Page Slider ----------------------------------*/ #slider {height: 700px;} .text {padding: 330px 10px 10px 10px !important;} #texts p {width: 300px; font-size: 10px; line-height: 15px; padding-top: 20px;} #texts h3 {top: 70px; color: #f70c0c; line-height: 20px; position: absolute; text-align: center; width: 300px; display: block;} /* Tabs ----------------------------------*/ .ui-tabs { zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative;} .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected { border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Secondary Pages ----------------------------------*/ #middle.page_contact {width: 826px; margin: 28px auto;} #middle.page_where-to-buy {width: 826px; margin: 28px auto;} #middle.page_resource-center {width: 826px; margin: 2px auto;}