/* Defaults */
body { background: #f8cb67; font-size: 76%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #111; }
a { text-decoration: none; color: #333399; }
a:hover { color: #ff6600; }
p { padding-bottom: 1em; }

h2 { font-size: 2em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

h2,
h3,
h4,
h5,
h6 { margin: 0.2em 0 0.4em; }

/* Generic Classes */
ul.menu { display: block; margin: 0 auto; text-align: center; }
ul.menu li { display: inline; }

/* Container */
#container { width: 1000px; margin: 0 auto; background: url(../img/bg_body.gif); }

#navbar, #content, #footer, #copyright { width: 900px; margin: 0 auto; background: transparent none 0 0 no-repeat; }

/* Header */
#header { position: relative; height: 180px; background: url(../img/bg_header.gif) 0 0 no-repeat; }
#header h1 { width: 220px; height: 110px; padding: 35px 0 0 64px; text-indent: -3000em; }
#header h1 a { display: block; height: 100px; width: 220px; }

/* Header Search */
#search { position: absolute; top: 70px; right: 80px; }
#search input { vertical-align: middle; }
#search #search-kws { width: 12em; border: inset 1px #ccc; }

/* Navigation */
#navigation a { display: block; float: left; text-indent: -3000em; background: transparent none 0 0 no-repeat; }

/* Navigation Links */
#links { position: absolute; top: 116px; right: 60px; }
#links a { height: 30px; }
#links a:hover { background-position: 0 -30px; }
#links a.home { width: 68px; background-image: url(../img/home.gif); }
#links a.shop { width: 47px; background-image: url(../img/shop.gif); }
#links a.account { width: 61px; background-image: url(../img/account.gif); }
#links a.cart { width: 73px; background-image: url(../img/cart.gif); }

/* Navigation Categories */
#navbar { height: 35px; background: #343d8e url(../img/bg_navbar.gif) 0 0 repeat-x; }
#navbar ul.menu { margin-left: 170px; }
#navbar a { height: 31px; }
#navbar a:hover { background-position: 0 -31px; }
#navbar a.dog { width: 42px; background-image: url(../img/button/dog.gif); }
#navbar a.cat { width: 39px; background-image: url(../img/button/cat.gif); }
#navbar a.bird { width: 46px; background-image: url(../img/button/bird.gif); }
#navbar a.fish { width: 46px; background-image: url(../img/button/fish.gif); }
#navbar a.small_animal { width: 113px; background-image: url(../img/button/small_animal.gif); }
#navbar a.reptile { width: 67px; background-image: url(../img/button/reptile.gif); }
#navbar a.wild_bird { width: 84px; background-image: url(../img/button/wild_bird.gif); }
#navbar a.horse { width: 59px; background-image: url(../img/button/horse.gif); }
#navbar a.other { width: 64px; background-image: url(../img/button/other.gif); }

/* Content */
#content { border: solid 1px #ff6600; border-width: 1px 0; }

/* Footer */
#footer { width: 1000px; padding-bottom: 3.5em; background: url(../img/bg_footer.gif) center bottom no-repeat; font-size: 0.8em; }
#footer .buttons { width: 900px; margin: 0 auto; padding: 0.6em 0; text-indent: -3000em; }
#footer .buttons a { float: left; display: block; width: 300px; height: 50px; background: none center 0 no-repeat; }
#footer .buttons a:hover { background-position: center -50px; }
#footer .buttons a.free { background-image: url(../img/foot_win_free.gif); }
#footer .buttons a.top_ten { background-image: url(../img/foot_top_ten.gif); }
#footer .buttons a.throw { background-image: url(../img/foot_throw.gif); }
#footer .menu { clear: both; padding-top: 1em; }
#footer .menu li { padding: 0 0.8em; }

/* Footer Copyright */
#copyright { padding-top: 1em; text-align: center; text-transform: uppercase; font-size: 0.9em; color: #333; }