body, td, th { font-family: helvetica, arial, sans-serif; }
/** Footer Stick To boottom */

html, body {
    height: 100%;
}

#top-section {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -134px;
}
#footer-0, #pusher {
    height: 134px;
}

body { padding:0px; margin:0px; }
body, td, th { font-size: 10px; color:#333; }
h1 { color: #543c8e; }
h2 { color: #543c8e; font-size:16px; margin-top:0px; margin-bottom:0px; }
h3 { color: #99ba2e; font-size:16px; margin-top:0px; margin-bottom:0px; }

#footer-0 { margin-top:10px; height:134px; background: url('/layouts/main/images/grass.jpg') repeat-x bottom left; clear:both; }
#footer-1 { height:134px; background: url('/layouts/main/images/left-bottom.png') no-repeat bottom left; }
#footer-2 { height:134px; background: url('/layouts/main/images/right-bottom.png') no-repeat bottom right; }
#footer   { height:134px; background: url('/layouts/main/images/center-bottom.png') no-repeat bottom center; margin-left:302px; margin-right:auto; width:478px; overflow:hidden; }
#footer div.left  { width:234px; float:left; }
#footer div.right { width:234px; float:right; margin-left:10px; }
#footer { color:white; font-size: 9px; line-height:1.1em; }

#header { margin-left:10px; margin-top:5px; margin-right:10px; }
#header h1 a { width:249px; height:133px; display:block; text-decoration:none; }
#header h1 a span { visibility:hidden; }
#header h1   { padding:0px; margin:0px; width:249px; height:133px; background:url('/layouts/main/images/logo.jpg'); float:left; }

#main-icons { float:right; }

#main-icons a { display:block; margin-top:30px; width:77px; height:106px; float:left; margin-right:3px; text-decoration:none; }
#main-icons a span { visibility:hidden; }

#birds-icon { background-image: url('/layouts/main/images/icons/normal/birds.jpg'); }
#cats-icon { background-image: url('/layouts/main/images/icons/normal/cats.jpg'); }
#dogs-icon { background-image: url('/layouts/main/images/icons/normal/dogs.jpg'); }
#fish-icon { background-image: url('/layouts/main/images/icons/normal/fish.jpg'); }
#natural-icon { background-image: url('/layouts/main/images/icons/normal/natural.jpg'); }
#pet-food-icon { background-image: url('/layouts/main/images/icons/normal/pet-food.jpg'); }
#other-icon { background-image: url('/layouts/main/images/icons/normal/other.jpg'); }
#small-animals-icon { background-image: url('/layouts/main/images/icons/normal/small-animals.jpg'); }

#birds-icon:hover        , #birds-icon.current         { background-image: url('/layouts/main/images/icons/active/birds.jpg'); }
#cats-icon:hover         , #cats-icon.current          { background-image: url('/layouts/main/images/icons/active/cats.jpg'); }
#dogs-icon:hover         , #dogs-icon.current          { background-image: url('/layouts/main/images/icons/active/dogs.jpg'); }
#fish-icon:hover         , #fish-icon.current          { background-image: url('/layouts/main/images/icons/active/fish.jpg'); }
#natural-icon:hover      , #natural-icon.current       { background-image: url('/layouts/main/images/icons/active/natural.jpg'); }
#pet-food-icon:hover     , #pet-food-icon.current      { background-image: url('/layouts/main/images/icons/active/pet-food.jpg'); }
#other-icon:hover        , #other-icon.current         { background-image: url('/layouts/main/images/icons/active/other.jpg'); }
#small-animals-icon:hover, #small-animals-icon.current { background-image: url('/layouts/main/images/icons/active/small-animals.jpg'); }


#menu-bar { clear:both; text-align:right; background:url('/layouts/main/images/purple-bar.jpg') bottom left no-repeat; padding-bottom:13px; width: 723px; padding-right:10px; padding-left:10px; padding-top:3px; color:white; position:relative; float:left; }

#left-menu-items { float:left; padding-top:3px; }
#menu-bar a { text-decoration:none; text-transform:uppercase; font-size: 11px; color:white; margin-left:3px; margin-right:3px; font-weight:bold; letter-spacing:1px;  }
#menu-bar a:hover { color: #99ba2e; }
#basket-menu-item { padding-right:30px; padding-top:3px;}
#menu-bar img { border:none; position:absolute; top: 4px;}

#right-menu-items { float:right; padding-top:3px; }

#search-form { float:right; margin-right:12px; padding-top:5px; font-size:8px; color:#666; font-weight:bold; }
#search-form input { vertical-align:bottom; }

#middle { clear:both; padding:10px; }
#middle p { line-height: 1.8em; }
#middle a { color: #222; font-weight: bold; text-decoration:none; }
#middle a:hover { color:#555; }
#middle a img { border:none; }
table.columnar-layout { width:100%; border-collapse:collapse; }
table.columnar-layout td.column-1,
table.columnar-layout td.column-2,
table.columnar-layout td.column-3,
table.columnar-layout td.column-4 { border-left:2px solid #CCC;  border-right:2px solid #CCC; width:25%; padding:10px;  padding-top:0px; padding-bottom:0px; vertical-align:top; }
table.columnar-layout td.first-column { border-left:none; }
table.columnar-layout td.last-column { border-right:none; }
table.columnar-layout td.column-3 { width:35%; }
table.columnar-layout td.column-4 { width:15%; }

p.home-arrived img { float:right; margin-left:5px; }

a.more-link { text-transform:uppercase;  }

div.primary-feature { background:#e0e8c1; }
div.primary-feature p { margin:5px; }
div.primary-feature h2 { text-transform:uppercase; background: #99ba25; margin:0px; font-weight:bold; color:white; text-align:center; padding:5px; }
div.primary-feature img { float:left; margin-right:5px; }

div.secondary-feature { clear:both; background:#dbd9da; padding:10px; margin-top:10px; margin-bottom:10px; }
div.secondary-feature img { float:right; margin-left:5px; }

div.super-saver-image-border { background:#dbd9da; padding:10px; text-align:center; float:left; margin-right:10px; width:95px;  }

.css-pager-label { display:none; }

.css-pager-next span,
.css-pager-previous-group span,
.css-pager-previous span,
.css-pager-next-group span { visibility:hidden; }
.css-pager-next, .css-pager-next-group, .css-pager-previous, .css-pager-previous-group { display:inline-block; width:15px; height:13px; overflow:hidden; vertical-align:top;  }

.css-pager-next { background:url('/layouts/main/images/pager/next-page.jpg') top left no-repeat; }
.css-pager-previous { background:url('/layouts/main/images/pager/previous-page.jpg') top left no-repeat; }
.css-pager-previous-group { background:url('/layouts/main/images/pager/previous-group.jpg') top left no-repeat; }
.css-pager-next-group { background:url('/layouts/main/images/pager/next-group.jpg') top left no-repeat; }


br.clear { line-height:1px; height:1px; clear:both; }

table.form th { text-align:right; vertical-align:top; }