body { 
    margin: 0; 
    background: black;
    font: 11px verdana, arial, helvetica, sans-serif; 
    }

td, th { font: 11px verdana, arial, helvetica, sans-serif; }

a { color: #800000; }
a:visited { color: #8b4513; }
a:hover { color: #ff0000; }

.clear { clear: both; }

/* ===================== Header and top navigation ================== */

#page { width:720px; margin: auto; background: white; }

.navBar { background: #B27F7F url(/images/NavBarBack.gif); }

#topnav { text-align: left; padding: 0 0 2px 0; margin:0; color: white; }
#topnav a {
    font-size: 10px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    padding: 2px;
    }
#topnav a:hover { color: #ffff99; }

/* =========================== Left sidebar and navigation ====================== */

#sidebar { background: #664A33 url(../images/eoswintershade.gif); }
#leftnav { }
#leftnav a {
    display: block;
    color: white;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none; 
    padding: 5px;
    border-top: 1px solid white;
    }
#leftnav a.last { border-bottom: 1px solid white; }
#leftnav a:hover { background: #F0DDAE; color:#8b4513; }

#leftnav .subcat { background: #8D6442;  }

#search { 
    padding: 5px; 
    text-align: center; 
    color: white; 
    font-weight: bold;
    font-size: 11px; 
    }
input { margin-bottom: 4px; }

/* ========================= Main content =========================== */

.hide { display:none; }

#contentcell { background: white; text-align: left; }
#content { padding: 10px 20px; }

h1 { margin: 4px 0px; font: bold 18px arial, helvetica, sans-serif; color: #8b4513; }
h2 { margin-bottom: 4px; font: bold 14px arial, helvetica, sans-serif; color: #003366; }
h2.categoryTitle { margin-top: 30px; margin-bottom: 5px; font-size: 12px; color: #fff; background: #003366; padding: 2px 5px; }
p { line-height: 16px; }

.first { margin-top: 4px; }
.subTitle { font-weight: bold; color:#003366; }
.small, .smallText { font-size: 10px; }
.regText { font-weight: normal; color: #000000; font-size: 11px; }
.textlink { font-size: 10px; text-transform: uppercase; margin-top:4px; }

hr { color: #663300; height:1px; }
strong { font-weight: bold; color: #333333; }

.requestLink a { font-size: 10px; text-transform: uppercase; }
.hilite { color: #cc0000; font-weight: bold; }
.alert { color: red; font-weight: bold; }

.closeUp { margin-top: 4px; }
.closeDown { margin-bottom: 4px; }

/* ========================= Features =============================== */

#leftCol { width: 400px; }

table#features { margin-top:0px; padding-bottom: 5px; }
#features img { border: 1px solid #000000; }
#features p { text-align: center; margin-top:4px; margin-bottom: 4px; font-size: 11px; }
#features h2 { 
    text-align:center;
    letter-spacing: 1px;
    text-transform: uppercase; 
    background: #664A33 url(../images/eoswintershade.gif);
    color: white; 
    padding: 2px 4px;
    font-size: 11px; 
    margin-bottom:6px; 
    }
   
    
/* ======================= Catalog Pages ===================== */

#category_sidebar { width: 150px; float: left; text-align:center; padding-bottom: 15px; }
#category_sidebar img { border: 1px solid #800000; margin-bottom:4px; }
#category_list { width: 375px; margin-left: 170px; }

.breedlist { margin-top: 4px; font-size:11px; line-height: 175%; }

#promobox { 
    width: 140px; 
    padding: 5px;
    border: 1px solid #800000; 
    background: #F0DDAE;
    text-align: center;
    font-size: 11px;
    }

#promobox p { margin: 8px 0px; }


/* =================== CUSTOM REQUEST FORM =================== */

fieldset { margin-top: 5px; padding: 10px; border: 1px solid #8b4513; }
fieldset p, fieldset input, fieldset td, fieldset th { font-size: 11px; }

fieldset table { margin-top: 4px; }
fieldset input { margin: 0; padding:0; }
fieldset p { margin: 4px 0px; }
.required { color: #cc0000; font-size: 10px; font-weight: bold; }

legend { font: bold 12px arial, helvetica, sans-serif; color:#8b4513; }
th { font-weight: bold; text-align: right; }

.alertBox { 
    width: 300px;
    margin: auto;
    text-align: center; 
    padding: 5px 10px; 
    border: 1px dotted #800000; 
    background: #F0DDAE;
    }
    
.alertBox a { font-weight: bold; }
.error { font-size: 12px; font-weight:bold; color: #cc0000; }



/* ========================== Footer =========================== */

#footer { 
    width:720px; 
    margin: 0 auto; 
    padding: 6px 0px;
    text-align: center;
    }
    
#footer p { font-size: 11px; line-height: 175%; color: #C7CCD2; }
#footer a { color: #EAD978; }
#footer a:hover { color: #ffcc33; }
