/* The Paw Shop http://www.thepawshop.ca */
/* Website by New Altitude - chris@drakedesign.co.uk */

html, body {
font-family:arial, sans-serif;
font-size:12px;
line-height:1.7;
margin:0px;
padding:0px;
background-color:#E0EAF4;
background-image:url('template/siteBackground.jpg');
background-repeat:repeat-x;
}

table {
margin:0px;
padding:0px;
border-collapse:collapse;
border-spacing:0;
}

/* Styles */

.heading {
display:block;
width:100%;
height:50px;
margin:0px;
padding:0px;
background-repeat:no-repeat;
overflow:hidden;
}
.headingFull {
display:block;
width:100%;
height:50px;
margin:0px;
padding:0px;
background-repeat:no-repeat;
overflow:hidden;
background-position:20px 0px;
background-color:#FDF5ED;
}
.heading h1,.headingFull h1 {
font-size:16px;
padding-top:56px;
}
.heading h2 {
font-size:14px;
padding-top:56px;
}
h1 {
font-size:12px;
}
h2 {
font-size:12px;
font-weight:bold;
margin:20px 0px 10px 0px;
}
h3 {
font-size:12px;
font-weight:bold;
margin:20px 0px 10px 0px;
}
h4 {
font-size:11px;
font-weight:bold;
margin-bottom:0px;
}
h5 {
font-size:9px;
font-weight:normal;
margin:0px;
}
h6 {
font-size:9px;
font-weight:normal;
font-style:italic;
margin:0px;
}
p {
margin:10px 0px 10px 0px;
padding:0;
}
.postedBy {
font-size:11px;
font-weight:normal;
font-style:italic;
color:#646464;
margin:0px 0px 4px 0px;
padding:0px 0px 4px 0px;
border-bottom:1px solid #D2D2D2;
}
.shortNews {
font-size:12px;
margin:0px;
}
.newsLink {
font-size:12px;
font-weight:bold;
margin-top:0px;
}
a {
color:#000000;
}
a:hover {
color:#505050;
}
img {
border:0px;
}
.contentImg {
float:left;
margin:0px 10px 10px 0px;
border:10px solid #EADBCC;
}
.eventImg {
float:right;
margin:0px 0px 5px 10px;
border:10px solid #EADBCC;
}
.imgBorderLight {
border:10px solid #FAF0E6;
}
.imgBorderDark {
border:10px solid #EADBCC;
}
.productBox {
float:left;
width:430px;
margin:20px 0px 0px 0px;
}
.productBox h3 {
margin:0px;
}
.productBox img {
float:left;
width:140px;
margin:0px 20px 0px 0px;
border:10px solid #EADBCC;
}
.productTxt {
float:left;
width:250px;
}
.formLine {
float:left;
width:390px;
}
.formLineLeft{
float:left;
width:80px;
padding:5px 0px 0px 10px;
text-align:right;
}
.formLineRight {
float:left;
padding:5px 0px 5px 10px;
}

/* Structure */

#siteWrapper {
width:960px;
margin-left:auto;
margin-right:auto;
padding:0px;
}
#headerWrapper {
float:left;
overflow:hidden;
width:500px;
height:40px;
padding:150px 230px 5px 230px;
background-image:url('template/headerBackground.jpg');
background-repeat:no-repeat;
}
.contentSpacer {
float:left;
width:940px;
height:10px;
background-color:#FDF5ED;
}
#contentWrapper {
display:inline;
float:left;
width:940px;
margin:0px 5px 0px 5px;
padding:0px 5px 0px 5px;
background-image:url('template/contentBackground.jpg');
}
#colSingle {
float:left;
width:900px;
margin:0px 20px 0px 20px;
padding:0px 0px 10px 0px;
background-color:#FDF5ED;
}
#colLeft {
float:left;
display:inline;
width:430px;
margin:0px 0px 10px 20px;
padding:0px 20px 0px 0px;
}
#colRight {
float:left;
display:inline;
width:430px;
margin:0px 20px 10px 20px;
}
.textBox {
float:left;
margin-top:-8px;
padding:0px 10px 0px 10px;
}
#contentBottom {
display:inline;
float:left;
width:960px;
height:17px;
margin:0px 0px 5px 0px;
background-image:url('template/contentBottom.jpg');
background-repeat:no-repeat;
}
#footer {
float:left;
width:960px;
margin:0px 0px 10px 0px;
text-align:center;
font-size:11px;
color:#404040;
}

/* Welcome */

.welcome {
width:410px;
padding:10px 10px 0px 10px;
background-image:url('template/welcomeTop.jpg');
background-repeat:no-repeat;
background-color:#EADBCC;
}
.welcomeBottom {
width:410px;
height:12px;
padding:0px 10px 0px 10px;
margin-bottom:10px;
background-image:url('template/welcomeBottom.jpg');
}

/* Menu */

.buttonHome {
display:block;
float:left;
width:125px;
height:40px;
background-image:url('template/buttonHome.jpg');
background-repeat:no-repeat;
background-position:0px -40px;
}
.buttonHome:hover {
background-image:url('template/buttonHome.jpg');
background-repeat:no-repeat;
background-position:0px 0px;
}
.buttonEvents {
display:block;
float:left;
width:125px;
height:40px;
background-image:url('template/buttonEvents.jpg');
background-repeat:no-repeat;
background-position:0px -40px;
}
.buttonEvents:hover {
background-image:url('template/buttonEvents.jpg');
background-repeat:no-repeat;
background-position:0px 0px;
}
.buttonProducts {
display:block;
float:left;
width:125px;
height:40px;
background-image:url('template/buttonProducts.jpg');
background-repeat:no-repeat;
background-position:0px -40px;
}
.buttonProducts:hover {
background-image:url('template/buttonProducts.jpg');
background-repeat:no-repeat;
background-position:0px 0px;
}
.buttonContact {
display:block;
float:left;
width:125px;
height:40px;
background-image:url('template/buttonContact.jpg');
background-repeat:no-repeat;
background-position:0px -40px;
}
.buttonContact:hover {
background-image:url('template/buttonContact.jpg');
background-repeat:no-repeat;
background-position:0px 0px;
}

/* Pet of the Month */

#potm {
float:left;
display:inline;
width:430px;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #82786E;
}
#potmFloatOver {
float:left;
width:430px;
margin-top:-50px;
}
#potmStats {
float:left;
width:190px;
height:165px;
font-size:12px;
line-height:1;
margin-top:50px;
padding:0px 10px 0px 10px;
white-space:nowrap; 
overflow:hidden;
}


#potmStatList {
margin:4px 0px 0px 0px;
}
#potmStatList tr {
}
#potmStatList td {
padding:3px 5px 3px 0px;
border:2px solid #FDF5ED;
}
.potmStatTitle {
font-weight:bold;
}


#potmPhoto {
float:left;
display:block;
position:relative;
width:180px;
height:210px;
padding:5px 18px 0px 22px;
overflow:hidden;
}
#potmFrame {
float:left;
display:inline;
position:relative;
width:220px;
height:215px;
margin-left:-22px;
margin-top:-215px;
}

#potmDescription {
float:left;
width:410px;
margin:8px;
}
#potmDescription td {
border:2px solid #FDF5ED;
}