/* ------------ GENERAL ------------ */ #container {width:774px; margin:0 auto;} #header {height:74px; position:relative;} #header img {margin-left:15px;} #globals {position:absolute; top:35px; right:12px;} #globals ul {margin:0; list-style-type:none;} #globals ul li {float:left; padding:2px 10px; border-right:solid 1px #ccc; height:16px;} #globals ul li.end {float:left; padding:2px 10px; border-right:none; } #globals ul li a {} #globals ul li a:hover {text-decoration:underline;} #main {border:solid 5px #c2bfaf; background:#fff;} #flashcontent {border-bottom:solid 5px #c2bfaf; height:388px; position:relative;} #flashcontent img {} #flashcontent a#learnmore {height:15px; width:70px; position:absolute; top:216px; left:485px; text-indent:-999em; outline:none; } sup {font-size:.7em;} ul.bullets {list-style-type:disc;} ul.bullets li {margin:0 0 .5em 18px;} ul.nobullets {list-style-type:none!important; margin:0 0 1em 0!important; padding:0;} ul.nobullets li {margin-bottom:.5em;} h2.underline {width:100%; padding:7px 0; border-bottom:1px solid #c2bfaf;} .clear {clear:both;} .credit_cards {margin: 5px 0 15px 136px;} .small {font-size:.8em;} .green {color:#4c7243;} .box {width:227px; border:solid 1px #c2bfaf; margin:1em 0; padding:10px 12px;} .box h2 {margin-bottom:1em;} .box p {margin-bottom:1.25em;} .arrow_rt_gray {padding-right:25px; font-weight:bold; background:url(../images/arrow_rt_gray.gif) right 1px no-repeat;} .noborder {border:none!important;} .nomargin {margin-bottom:0;} .nowrap {white-space:nowrap;} .texthide {text-indent:-999em; line-height:0;} .widephoto {border:1px solid #c2bfaf; margin:0 0 1em;} .photoleft {float:left; border:1px solid #c2bfaf; margin:0 10px 1em 0;} .photoleft img {border:1px solid #c2bfaf; margin-bottom:1em;} .photoright {float:right; border:1px solid #c2bfaf; margin:0 0 1em 40px;} .photoright img {border:1px solid #c2bfaf; margin-bottom:.25em;} .photoright p {font-size:.8em; margin-bottom:2em; text-align:right;} .red {color:red!important;} .homecolumn a.button {background:url(../images/arrow_rt.gif) right no-repeat; background-color:#4c7243; border:2px solid #918f83; padding:5px 22px 5px 8px;; color:#fff; margin:10px 0; float:left; text-decoration:none !important;} .homecolumn a.button:hover {background-color:#918F83;} table.aligntop td {vertical-align:top;} /* ------------ NAVIGATION ------------ */ #topnav {border:solid 1px #4c7243; background:#4C7243 url(../images/topnavshade.gif) top repeat-x; width:762px; border-bottom:none;} #topnav.secondary {border-bottom:none;} #topnav ul {margin-bottom:0;} #topnav li {display:inline; float:left;} #topnav li a {padding:10px 8px 13px; color:#fff; font-weight:bold; display:block; font-size:.9em; border-right:solid 1px #44633d;} #topnav li a.end {border-right:none;} #topnav li a.end:hover {border-right:solid 1px #4c7243;} #topnav li a.begin {margin-left:7px;} #topnav li a:hover, a.highlight {background:#918f83 url(../images/subnavshade.png) top repeat-x;} #topnavbase {border-bottom:solid 5px #c2bfaf; width:764px;} #subnav {background:#918f83; border-bottom:solid 5px #c2bfaf; width:764px;} #subnav ul {margin-bottom:0; padding-left:10px;} #subnav li {display:inline; float:left; border:none;} #subnav a {padding:.8em 1em; color:#fff; display:block;} #subnav a:hover {text-decoration:underline;} a.subhighlight {text-decoration:underline;} /* ------------ HOMEPAGE ------------ */ #homepromo {height:400px;} .homecolumn {float:left;} .homecolumn a {text-decoration:underline!important;} .homecolumn.left {width:210px; padding:14px 12px 27px 24px; padding-right:20px;} .homecolumn.middle {width:210px; margin:14px 12px 27px 0; padding-left:20px; border-left:solid 1px #c2bfaf;} .homecolumn.right {width:210px; margin:14px 12px 27px 12px; padding-left:20px; border-left:solid 1px #c2bfaf;} .homecolumn.right .button {display:block; background:url(../images/arrow_rt.gif) right no-repeat; background-color:#4c7243; border:2px solid #918f83; padding:5px 22px 5px 8px;; color:#fff; margin:10px 0; text-decoration:none;} .homecolumn.right .button:hover {background-color:#918F83;} /* ------------ SECONDARY ------------ */ .secondary_left {width:425px; float:left; padding:27px;} .secondary_left ul {margin-left:3em; list-style-type:disc; line-height:1.4em;} .secondary_left a {text-decoration:underline;} .secondary_left a.button {display:inline-block; background:url(../images/arrow_rt.gif) right no-repeat; background-color:#4c7243; border:2px solid #918f83; padding:5px 22px 5px 8px;; color:#fff; margin:10px 0; text-decoration:none;} .secondary_left a.button:hover {background-color:#918F83;} .secondary_left table {border:none;} .secondary_left td {padding:0 15px 10px 0;} .secondary_left td a {} .secondary_left .box {width:95%;} .secondary_right {width:250px; float:right; margin:27px; margin-left:0;} .secondary_right a {text-decoration:underline;} .secondary_right a.button {background:url(../images/arrow_rt.gif) right no-repeat; background-color:#4c7243; border:2px solid #918f83; padding:5px 22px 5px 8px;; color:#fff; margin:10px 0; text-decoration:none;} .secondary_right a.button:hover {background-color:#918F83;} .secondary_right a.button2 {display:inline-block; background:url(../images/arrow_rt.gif) right no-repeat; background-color:#c2bfaf; padding:7px 24px 7px 10px;; font-weight:bold; color:#333; margin:10px 0; text-decoration:none;} .secondary_right a.button2:hover{background:#fff url(../images/arrow_rt_gray.gif) right no-repeat;} .secondary_right h2 {margin:10px 0 10px 0;} .secondary_right img {border:solid 1px #c2bfaf; display:block;} .secondary_right ol {list-style-type:decimal; padding-left:25px;} .secondary_right ul {margin-left: 1.5em; list-style-type:disc;} .secondary_right li {margin-bottom:.5em;} .secondary_right table {border:none;} .secondary_right td {padding:0 15px 10px 0;} .secondary_right td a {} .photocaption {border-left:solid 1px #c2bfaf; padding:12px 0 16px 12px;} .photocaption .box {width:216px; padding:10px;} .callout {width:232px; border-left:solid 1px #c2bfaf; padding:5px 8px 5px 12px; background:#918f83; color:#fff;} .callout h2, .callout h3 , .callout p, .callout ul {color:#fff;} #success_stories {width:705px;} #success_stories img {border:1px solid #C2BFAF; float:right; margin:0 0 12px 24px;} #success_stories .hrzrule {clear:both;} #bizpartners ul {list-style-type:none; width:350px; margin:0; padding:10px 0 0;} #bizpartners ul li {float:left; height:40px; padding:0 20px 20px 0;} #bizpartners ul li.height2 {height:55px;} /* ------------ RIGHT SUBNAV ------------ */ .rightsubnav {border-left:solid 1px #c2bfaf; padding:8px 0 16px 8px;} .rightsubnav ul {list-style-type:none;} .rightsubnav li {border-bottom:1px #fff; margin-bottom:1px;} .rightsubnav li a {color:#fff; display:block; width:175px; background:#918f83; padding:5px 15px; text-decoration:none;} .rightsubnav li a:hover {background:#4c7243;} .rightsubnav li a.current {background:#4c7243;} /* ------------ FOOTER ------------ */ #footer {padding-top:6px;} /* ------------ RESETS ------------ */ p,a,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,form,body,html,fieldset,input,label,legend {margin:0; padding:0;} a img,:link img,:visited img {border:none} :link,:visited {text-decoration:none;} ul,ol {list-style:none;} /* ------------ GENERAL ------------ */ body,input,textarea,select {font-family:Tahoma, Arial, Helvetica, sans-serif;} body {font-size:75%; background:#f3efdb url(../images/bgshade.png) top repeat-x;} p,td,th,h1,h2,h3,h4,a,ul,ol,form,blockquote,textarea {color:#777;} p {line-height:1.4em;} p,ul,ol {margin-bottom:1.4em;} p,ul,ol,a,label {font-size:1em;} h1,h3 {font-weight:bold; margin-bottom:.8em;} h1 {font-size:1.6em; color:#4C7243;} h2 {font-size:1.4em; margin-bottom: .5em;} h3 {font-size:1.2em; margin-bottom:.5em;} hr {display:none;} table.pricing {text-align:left; margin-bottom:.5em; padding-bottom:.5em;} table.pricing th {width:140px; padding:5px 5px; background:#f3efdb;} table.pricing th.wide {width:auto;} table.pricing td {padding:5px;} .hrzrule {height:1px; background:#C2BFAF; margin:20px 0 20px 0} .clear {clear:both;} .type {font-family:Tahoma, Arial, Helvetica, sans-serif; color:#918F83; font-size:.75em;} .error {color:#f00;} /* ------------ NEWS AND EVENTS ------------ */ #newsandevents p {padding-left:1.5em;} #newsandevents ul {padding-left:2em;} #newsandevents>div {margin-bottom:3em;} #newsandevents h2 {width:100%; padding:7px 0; border-bottom:1px solid #c2bfaf;} #newsandevents img.indent {padding-left:1.5em;} /* --------- SIPS FOR SNIPS LANDING -------- */ #s4s {position:relative; width:751px; padding:7px;} #s4s h3, #s4s p {position:relative; z-index:5;} #s4s h2.yourpetis {width:363px; height:46px; margin-bottom:1.25em; background:url(../images/h2_yourpetis.gif) no-repeat; overflow:hidden; text-indent:-999em;} #s4s h3 {color:#fff; margin-bottom:.5em;} #s4s h3.arrow_rt_white {background:url(../images/arrow_rt_white.gif) left no-repeat; padding-left:15px;} #s4s p.info {font-size:.9em;} #s4s ul.logos {list-style-type:none;} #s4s ul.logos li {float:left; margin:7px;} #s4s .content {position:relative; width:550px; margin-bottom:3px; padding:7px 7px 7px 6px; font-size:.9em; background:url(../images/bg_s4sbox.gif) left top repeat-y;} #s4s .content p {color:#fff;} #s4s .content p.indent {padding-left:15px;} #s4s .photoright {border:none;} #s4s .top {position:relative; width:512px; padding:20px 18px 14px; background:#000 url(../images/s4s_container_top.gif) top left no-repeat;} #s4s .top p {width:250px;} #s4s #cta {position:absolute; top:86px; left:300px; width:198px; height:241px; padding:12px 16px; background:url(../images/bg_s4s_cta.gif) no-repeat; z-index:6;} #s4s #cta p {width:auto;} #s4s #cta .hline {width:202px; height:3px; margin-bottom:1.5em; background:url(../images/hline_s4s.gif);} #s4s #cta h3 {font-size:1.25em; color:#000;} #s4s #cta a {position:relative; left:-3px;} #s4s .bottom {width:518px; padding:20px 12px 18px 18px; background:#496d3f url(../images/s4s_container_bottom.gif) bottom left no-repeat;} #s4s #auctionslider {position:relative; padding:0px; margin-left:-20px; width:538px;} #s4s #noflash {position:relative; background-color:#000000; left:-4px; width:528px; text-align:center; padding:10px; margin:0 0 0 -15px;} /* -------- PET POINT UTILITY (see ghum_style_petpoint.css for content styles) -------- */ #pet_select {margin:30px 30px 0;} #pet_select fieldset {float:left; margin:0 10px 1.5em 0;} #results {margin:2em auto; width:705px; height:600px; margin-left:30px; border:2px solid #c2b2af;} #pet_select input.findmypet {border:none; margin:0; padding:0;}