@charset "utf-8";
/* CSS Document */

body{
margin:0;
padding: 0;
background:#fff;
}

h1 {
margin: 10px 25px 10px 25px;
font-family:"Franklin Gothic Book", san-serif;
font-size:22px;
border-bottom: 2px solid #764000;
padding: 5px 0 5px 0;
}

h2 {
margin: 10px 25px 0 25px;
font-size:14px;
text-decoration:underline;
padding: 5px 0 0 0;
}

#header{
background: none;
padding: 0;
margin: 0 auto;
width: 856px;
}

#topBorder{
background:url(../images/top-border.gif) top left no-repeat;
height: 32px;

}
#middle{
width:905px;
background:url(../images/middle-border.gif) left repeat-y;
height: 600px;
}



#container {
width: 875px;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
background:#fff;
border: solid 2px #764000;
}

#menu{
background: #764000 url(../images/menu.jpg) repeat;
width: 875px;
height: 48px;
margin: 0 0 1px 0;
}

#menu ul{
margin: 0;
padding: 10px 0 0 0;
}

#menu li{
font-size: 20px;
font-family:Arial, Helvetica, sans-serif;
display:inline;
list-style:none;
text-decoration:none;
padding:4px 15px 4px 15px;
border-right: 2px solid #B69B74;
margin: 0px 0 0 0;

}

.emailUpdates {
color: #e57b7b;
width: 150px;
border: none;
list-style:none;
text-decoration:none;
margin: 18px 100px 0 0;
float:right;
}

#menu li.last {
border-right: none;
}

#menu li a {
color: #fff;
text-decoration: none;
margin: 0 10px 0 10px;

}

#menu li a:visited{
text-decoration: none;
color: #fff;
margin: 0 10px 0 10px;
}
#menu li a:hover{
color: #D5AB73;
text-decoration: none;
margin: 0 10px 0 10px;
}
#menu li a:active{
text-decoration: none;
color: #fff;
margin: 0 10px 0 10px;
}




#flash{
float: left;
margin: 3px 0 0 15px;
padding: 0;
background:none;
height: 360px;
width:542px;
}


#welcome{
float:right;
width: 262px;
height:365px;
background: #fff;
margin: 0 15px 0 0;
padding: 0;
}



#healthy{
clear:both;
float:left;
margin: 10px 25px 15px 15px;
}

#playful{
float: left;
margin: 10px 25px 15px 15px;

}

#stylish{
float:left;
margin: 10px 0 15px 15px;
}




#footer{
clear:both;
width: 875px;
text-align:center;
background: #fff;
height: 20px;
margin: 0;
padding: 0;
color:#fff;

}


#footer ul{
margin: 5px 0 0 0;
padding:0;
}

#footer li{
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
display:inline;
list-style:none;
text-decoration:none;
border-right: 1px solid #764000;
}

#footer li.last{
border-right:none;
}

#footer li a{
color: #764000;
text-decoration: none;
margin: 0 10px 0 10px;
}

#footer li a:visited{
text-decoration: none;
color: #764000;
margin: 0 10px 0 10px;
}
#footer li a:hover{
color: #508292;
text-decoration: none;
margin: 0 10px 0 10px;
}
#footer li a:active{
text-decoration: none;
color: #764000;
margin: 0 10px 0 10px;
}


/*Content Page Styles*/

#sideBar{
width: 255px;
height: 600px;
float:right;
margin: 0;
background:#E0F2CC;
}

#sideBar ul{
margin:20px 0 0 0;
padding:0;

}

#sideBar li{
display:block;
list-style: none;
padding: 5px 0 5px 5px;
}

#sideBar.about{
background: url(../images/sidebar/about.jpg) no-repeat;
}
#sideBar.products{
background:url(../images/sidebar/products.jpg) no-repeat;
}
#sideBar.barkery{
background:url(../images/sidebar/barkery.jpg) no-repeat;
}
#sideBar.contact{
background:url(../images/sidebar/contact.jpg) no-repeat;
}
#sideBar.healthy{
background:url(../images/sidebar/healthy.jpg) no-repeat;
}
#sideBar.playful{
background:url(../images/sidebar/playful.jpg) no-repeat;
} 
#sideBar.stylish{
background:url(../images/sidebar/stylish.jpg) no-repeat;
}
#leftMenu.brands{
background:url(../images/sidebar/brands.jpg) no-repeat;
}
#leftMenu.advice{
background:url(../images/sidebar/advice.jpg) no-repeat;
}
#leftMenu.links{
background:url(../images/sidebar/links.jpg) no-repeat;
}




#content{
float:left;
width: 875px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:20px;
color: #663300;
}

#content p{
margin: 5px 35px 10px 35px;
text-align:justify;
}

#content p.last{
border-bottom: 1px solid #663300;
padding-bottom: 20px;
}

img.floatRight { 
float: right; 
padding: 0 4px 0 10px; 
}



td {
border-bottom: 2px solid #ffccoo;
margin: 0 0 5px 0;
}

.contacts{
width: 850px;
background:#fff;
border: none;

}

.contacts tr td{
background:#fff;
padding: 5px;