* { margin: 0;
padding: 0;
}


body {
    width:100%;
    min-width:900px;
    background-image:url("bg.gif");
    background-repeat: repeat-y;
    background-position: 50% 30px;
    background-color:#fff;
    color:#333;
    font-size:62.5%;
}


#pageMantle {
    margin-left:auto;
    margin-right:auto;
    overflow:visible;
    width:616px;
    height:210px;
    position:relative;
    left:-200px;
 } 

#main-contents {
    width:686px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    top:40px;
    left:90px;
}

#thin-column {
    width:600px;
    margin-left:auto;
    margin-right:auto;
}

.img-contact {
    float:left;
    width:180px;
    text-align:center;
}

#shop-contents {
    text-align: center;
    position:relative;
}


#logo-splat {
    background-image: url("logo-splat.png");
    background-repeat: no-repeat;
    background-position: center;
    width:616px;
    height:311px;
    position:relative;
    left:-30px;
}

#logo {
    position:relative;
    width:288px;
    height:113px;
    top:35px;
    left:195px;
}    

#logo a{
    width:288px;
    height:113px;
    display:block;
}

#footprints {
    position:absolute;
    width:361px;
    height:80px;
    background-image:url("footprints-fade.jpg");
    background-repeat:no-repeat;
    left:550px;
    top:15px;
   overflow:hidden;
}


.displace {
    position:absolute;
    left:-5000px;
}

#myfooter {
width:900px;
height:250px;
margin-left:auto;
margin-right:auto;
background-image: url("footer.gif");
background-repeat: no-repeat;
background-position: top right;
}

#footer-contents {
position:relative;
text-align:center;
width:400px;
left:146px;
top:175px;
}

/*-------------------------------------------
| INDEX
---------------------------------------------*/

#intro {
    height:275px;
    position:relative;
    text-align:center;
    overflow:visible;
}

#chihuahua {
    width:187px;
    height:222px;
    position:absolute;
    left:-160px;
    top:50px;
}

#new-arrivals {
    position:absolute;
    right:0px;
    top:300px;
}

#see-more {
    right:0px;
    position:absolute;
}

#new-prod {
    text-align:center;
}

.img-box {
    border:1px solid #ccc; padding:2px; background:#eee;
}

.new-flag {
    position:absolute;
}


#featured-prod {
    text-align:center;
}

#featured-prod img {
    padding:7px;
}

#holly {
    position: absolute;
    top: -95px;
    left: 240px;   
}


/*-------------------------------------------
| side menu bar
---------------------------------------------*/

#menubar-wrapper {
    position:relative;
    overflow:visible;
    margin-left:auto;
    margin-right:auto;
    left:-357px;
    top:150px;
    width:185px;
    background-color:#000;
}

#menubar-wrapper-home {
    position:relative;
    overflow:visible;
    margin-left:auto;
    margin-right:auto;
    left:-357px;
    top:350px;
    width:185px;
    background-color:#000;
}

#menubar-contents {
    position:absolute;
    height:760px;
    min-height:840px;
}




#menu-dogs {
   position:absolute;
   height:49px;
   left:57px;
   top:0;
}

#menu-cats {
   position:absolute;
   height:49px;
   top:60px;
   left:64px;
}

#menu-small {
   position:absolute;
   height:41px;
   top:120px;
  left:0px;
}

#menu-rep {
   position:absolute;
   height:71px;
   top:175px;
  left:0px;
}

#menu-creepy {
   position:absolute;
   height:69px;
   top:255px;
  left:34px;
}

#menu-birds {
   position:absolute;
   height:50px;
   top:330px;
  left:55px;
}

#menu-aqua {
   position:absolute;
   height:71px;
   top:380px;
  left:25px;
}

#menu-large {
   position:absolute;
   height:45px;
   top:457px;
  left:0px;
}

#follow-us {
   position:absolute;
   top:524px;
   left:9px;
   text-align:center;
}

#follow-us img {
   margin:1.5px; 
}

#coupons {
  position:absolute;
  top:600px;
  left:5px;
}

#social-net {
   position:absolute;
   top:865px;
   left:9px;
   text-align:center;
}



#payment-types img {
   margin:7px; 
}

/*-------------------------------------------
| top menu bar
---------------------------------------------*/

#menubar-top{
    position:absolute;
    height:75px;
    width:318px;
   right:-285px;
   top:100px;
  overflow:visible;
}

/*-------------------------------------------
| SHOP
---------------------------------------------*/

#shop {
position:absolute;height:44px;width:77px;top:-1px;
background:url("menu-shop.png") 0 0;
}
#shop a{height:44px;display:block;}
#shop a:hover{background: url('menu-shop.png') -77px 0;
}

#shop-hi {
position:absolute;height:44px;width:77px;top:-1px;
background:url("menu-shop-w.png") 0 0;
}
#shop-hi a{height:44px;display:block;
}

/*-------------------------------------------
| BLOG
---------------------------------------------*/

#blog {
position:absolute;height:40px;width:76px;left:95px;top:2px;
background:url("menu-blog.png") 0 0;
}
#blog a{height:40px;display:block;}
#blog a:hover{background: url('menu-blog.png') -76px 0;
}

/*-------------------------------------------
| CONTACT
---------------------------------------------*/

#contact {
position:absolute;height:39px;width:88px;left:193px;top:1px;
background:url("menu-contact.png") 0 0;
}
#contact a{height:39px;display:block;}
#contact a:hover{background: url('menu-contact.png') -88px 0;
}

#contact-hi {
position:absolute;height:39px;width:88px;left:193px;top:1px;
background:url("menu-contact-w.png") 0 0;
}
#contact-hi a{height:39px;display:block;}


/*-------------------------------------------
| FREEBIES
---------------------------------------------*/

#free {
position:absolute;height:38px;width:89px;left:137px;top:46px;
background:url("menu-free.png") 0 0;
}
#free a{height:38px;display:block;}
#free a:hover{background: url('menu-free.png') -89px 0;
}

#free-hi {
position:absolute;height:38px;width:89px;left:137px;top:46px;
background:url("menu-free-w.png") 0 0;
}
#free-hi a{height:38px;display:block;}


/*-------------------------------------------
| FAQ
---------------------------------------------*/

#faq {
position:absolute;height:40px;width:63px;left:45px;top:44px;
background:url("menu-faq.png") 0 0;
}
#faq a{height:40px;display:block;}
#faq a:hover{background: url('menu-faq.png') -63px 0;
}

#faq-hi {
position:absolute;height:40px;width:63px;left:45px;top:44px;
background:url("menu-faq-w.png") 0 0;
}
#faq-hi a{height:40px;display:block;}


/*-------------------------------------------
| LINKS
---------------------------------------------*/

#links {
position:absolute;height:39px;width:78px;left:248px;top:44px;
background:url("menu-links.png") 0 0;
}
#links a{height:39px;display:block;}
#links a:hover{background: url('menu-links.png') -78px 0;
}

#links-hi {
position:absolute;height:39px;width:78px;left:248px;top:44px;
background:url("menu-links-w.png") 0 0;
}
#links-hi a{height:39px;display:block;}



/*-------------------------------------------
| HIs
---------------------------------------------*/

#hi-shop {
    width:116px;
    height:50px;
    background:url('menu-hi.png');
    position:absolute;
    left:-4px;top:-1px;
}

#hi-contact {
    width:114px;
    height:52px;
    background:url('menu-hi2.png');
    position:absolute;
    left:187px;top:-2px;
}

#hi-faq {
    width:116px;
    height:50px;
    background:url('menu-hi.png');
    position:absolute;
    left:33px;top:42px;
}

#hi-free {
    width:114px;
    height:52px;
    background:url('menu-hi2.png');
    position:absolute;
    left:134px;top:43px;
}

#hi-links {
    width:116px;
    height:50px;
    background:url('menu-hi.png');
    position:absolute;
    left:247px;top:42px;
}


/*-------------------------------------------
| font/link colors
---------------------------------------------*/

    body, td, p {
        color:#333;
        font-family:Arial, Helvetica, sans-serif;
        font-size:0.95em;
    }
    a,
    a:hover, 
    td a,
    td a:hover {
        color:#915C91;
        text-decoration:none;
        font-weight:bold;
    }
    
a:hover {color:#A87AA9;}  
a:active {color:#6D476D;}  
    
img {
    border: none;
}

p.medium {
    font-size:0.8em;
    line-height:1.4em;
    color:#333;
}

p.center {
    text-align:center;
}

p.small {
    font-size:0.7em;
    line-height:1.4em;
    color:#333;
}

p.smaller {
    font-size:0.6em;
    line-height:1.4em;
    color:#333;
}

p.bigbold {
    font-size:1em;
    font-weight:bold;
    line-height:1.75;
}

p.bigbold-center {
    font-size:1em;
    font-weight:bold;
    line-height:1.75;
    text-align:center;
}

p.biggerbold {
    font-size:1.2em;
    font-weight:bold;
    line-height:1.75;
}

p.strong {
    font-weight:bold;
}

p.left {
    text-align:left;
}

p.right {
    text-align:right;
}

p.small-right {
    font-size:0.7em;
    line-height:1.4em;
    color:#333;
    text-align:right;
}

p.code {
    font-family:"Courier New", Courier, monospace;
}

@font-face {  
    font-family: CooperBlackStd ;  
    src: url( CooperBlackStd.otf ) format("opentype");  
}  

h1, h2, h3, h4, h5 {
    font-family: CooperBlackStd , Arial, Helvetica, sans-serif;
}

h3.hold-left {
    text-align: left;
}

h2 {
    font-size:1.2em;
    margin-bottom: 2px;
}

h3 {
    font-size:1em;
    margin-bottom: 2px;
}

.centered-title {
    text-align:center;
}

/*-------------------------------------------
| zbar
---------------------------------------------*/

#zbar {
    width:100%;
    height:35px;
    background-color:#000;
    background-image: url("http://www.cartoonizemypet.com/zbar-bg.png");
}

#zbar-contents {
    width:900px;
    margin-left:auto;
    margin-right:auto;
}

#zbar-logo {
    position:relative;
    z-index:27;
    top:3px;
    left:0px;
}

#zbar-text {
    position:relative;
    top:8.5px;
    color:#fff;
    font-size:0.8em;
    line-height:1.4em;
    text-align:right;
    right:9px;
    z-index:26;
}

#zbar-text a:link,
#zbar-text a:visited {
    color:#fff;
    text-decoration:none;
}

#zbar-text a:hover {
    color:#fff;
    text-decoration:none;
}

#zbar-text img {
    vertical-align:middle;
    top:-1px;
}

#zbar-buttons {
    position:absolute;
    top:-4px;
    text-align:right;
    right:-7px;
    z-index:30;
}



/*------------------- EARN -------------------*/


#idea {
    background-color:#ffffc6;
    padding:22px;
    text-align:center;
    margin:15px;
    position:relative;
}

#bulb {
    top:-17px;
    left:-30px;
    position:absolute;
    z-index:4; 
}

#sq-banner1 {
    position:absolute;
    top:220px;
}

#sq-banner2 {
    position:absolute;
    top:310px;
    left:270px;
}

#long-ads {
    position:relative;
    top:-150px;
}

#long-ads2 {
    position:relative;
    left:-45px;
}

#sq-banner3 {
    position:absolute;
}

#sq-banner4 {
    position:absolute;
    top:0px;
    left:270px;
}

#big-sq-banners {
    position:relative;
    height:280px;
}

#lil-sq-banners {
    top:608px;
    right:-30px;
    position:absolute;
    height: 500px;
    width:170px;
}


#sq-banner8 {
    top:60px;
    left:110px;
    position:relative;
    width:300px;
}

#links-page-message {
    position:absolute;
    top:350px;
    left:-30px;
    text-align:center;
    width:400px;
}

img.banner {
    padding:5px;
}

.banner-bottom {
    top:118px;
    position:relative;
    padding:5px;
    left:-5px;
}

#centered {
    text-align:center;
}

.clearBoth {
    clear:both;
}

/*----------------- TABLES -------------------*/


table#nopadding {
    position:relative;
    padding:0;
}

tr,td {
    padding:5px;
}

tr#nopadding,td#nopadding {
    vertical-align:top;
    padding:0px;
}

td#top-center {
    vertical-align:top;
    padding:5px;
    text-align:center;
}

td#top {
    vertical-align:top;
    padding:5px;
}

td#push-left {
    padding-left:50px;
}

table#center {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

td#left {
    text-align:left;
}

td.pad-left {
   padding-left:20px; 
}

#google_translate_element {
    position:absolute;
    right:25px;
    top:-55px;
    z-index:100;
}

.questions li {
	background: url(question-mark.gif) no-repeat left center;
	line-height: 14px;
	list-style-type: none;
	margin-bottom: 4px;
	padding: 7px 0 5px 20px;
}

.numbered li {
	list-style-type: decimal;
        list-style-position:inside;
        padding: 5px 0 0 20px;
}

.return-top {
	float: right;
	cursor: pointer;
	padding-left: 20px;
}

ul.normal {F
    list-style-position:inside;
    padding: 5px 0 5px 20px;
}

div.hr {
  height: 18px;
  background: #fff url(footprints-hr.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}

#a1, #a2, #a3, #a4, #a5, #a6, #a7, #a8, #a9, #a10, #a11, #a12, #a13, #a14, #a15, #a16, #a17, #a18, #a19, #a20, #a21, #a22, #a23, #a24, #a25, #a26, #a27, #a28, #a29, #a30, #a31, #a32, #a33, #a34, #a35 { 
    padding:10px;
}

img.left-pad {
    padding-left:20px;
}

img.right-pad {
    padding-right:20px;
}



/*----------------- CONTACT FORM -------------------*/

body#contact-body {
    background-color:#fff;
    color:#333;
    font-family:Arial, Helvetica, sans-serif;
    background-image:url('letter-paper.jpg');
    background-repeat:no-repeat;
    background-position: top center;
    background-attachment:fixed;
}

#contact-form {
    width:500px;
    height:485px;
    top:80px;
    left:50%;
    position:absolute;
    margin-left:-250px; 
}

#contact-us {
    position:absolute;
    top:10px;
    left:50px;
}

body#sent {
    background-color:#fff;
    color:#333;
    font-family:Arial, Helvetica, sans-serif;
    background:none;
}

#dog-message {
    width:350px;
    top:10%;
    left:50%;
    margin-left:-175px; 
    position:absolute;
    text-align:center;
}

#central-box {
    width:500px;
    top:10%;
    left:50%;
    margin-left:-250px; 
    position:absolute;
    text-align:center;
}

#big-social {
    text-align:center;
    margin:auto;
}

#big-social img {
    padding:13px;
}

.paws li {
	background: url(footprints-list.gif) no-repeat left center;
	line-height: 14px;
	list-style-type: none;
	margin-bottom: 4px;
	padding: 5px 0 5px 30px;
}

.centered-box {
    text-align: center;
}

.wallpapers {
	width:680px;
	text-align:center;
}

#extra-link {
    width:400px;
    top:840px;
    left:110px;
    position:absolute;
    text-align:center;
}
