/* Wild Birds Unlimited - Core Style Sheet - 2007 Website */

/* ----IMPORT STYLE SHEETS ---- */

/*------------------------------------------------*/
/* MAIN LAYOUT SECTION START*/
/*------------------------------------------------*/
body, html
{
font-family: arial, verdana, sans-serif;
color: #666;
font-size: 12px;
line-height: 16px;
background: url(../images/bkg_tile_test.jpg);
padding: 0px;
margin: 0px;
text-align: center;
}

#MainContainer
{
position: relative;
width: 950px;
margin: 0 auto;
padding-top: 10px;
text-align: left;
clear: both;
}

p,h1,h2,h3,span,ul,form
{
padding: 0px;
margin-top: 0px;
}

h1,h2,h3
{
line-height: normal;
}

a:link, a:visited, a:active
{
color: #55703a;
}

a:hover
{
color: #9e9b4c;
}

.Error
{
color: #900;
}

.Small
{
font-size: 10px;
color: 666; 
}

.SmallRed
{
font-size: 10px;
color: c00; 
}

.SmallBold
{
font-size: 10px;
color: 333;
font-weight:bold;
line-height:normal;
}

.rssTitle
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#55703a;
}

.rssHeadline
{
font-family:Arial, Helvetica, sans-serif;
color:#666;
}

.rssStory
{
font-family:Arial, Helvetica, sans-serif;
color:#666;
}

.rssDate
{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#999999;
line-height: 24px;
}

.replayHeadline
{
font-family:Arial, Helvetica, sans-serif;
color:#666;
margin-bottom: 10px;
border-bottom:dotted #999999 1px;
}

/*------------------------------------------------*/
/* Header SECTION START*/
/*------------------------------------------------*/
#HeaderContainer
{
position: relative;
height: 95px;
width: 100%;
background: url(../images/header_back.gif) 0px 0px repeat-x;
}

#Header
{
position: relative;
width: 950px;
margin: 0 auto;
text-align: left;
}

#Logo
{
float: left;
width: 341px;
height: 96px;
margin-left: 10px !important;
margin-left: 10px;
}

#Birdfood
{
float: right;
width: 163px;
height: 59px;
margin-right: 20px !important;
margin-right: 10px;
}


/*------------------------------------------------*/
/* Content SECTION START*/
/*------------------------------------------------*/
#ContentTop
{
position: relative;
height: 40px;
padding: 0px 0px 0px 0px;
background: url(../images/content_top_back.gif) 0px 0px no-repeat;
}

#ContentTopText
{
position: absolute;
top: 24px;
left: 19px;
font-family: arial, verdana, sans-serif;
font-size: 14px;
font-weight: bold;
color: #bb820f;
z-index: 5;
}

#ContentContainer
{
position: relative;
widows:950px;
background: url(../images/content_back.gif) 0px 0px repeat-y #FFFFFF;
width:950px;
float:left;
}

#SideContent
{
float: left;
width: 210px;
margin-left: 5px !important;
margin-left: 2px;
background: url(../images/side_back.gif) 0px 0px no-repeat;
}

#RightColumn
{
float:right;
width: 170px;
padding: 10px;
margin: 0px 5px 0px 0px;
height:auto;


}

#MainContentContainer
{
float: left;
width: 730px;
}

#MainContent
{

margin: 0px 210px 0px 210px;
padding: 10px 0px 20px 20px;
}

#MainContent h1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-weight: normal;
font-size: 18px;
margin: 5px 0px 0px 0px;

}

#RightColumn h1
{
font-family: georgia, times, serif;
font-weight:normal;
font-size: 16px;
text-align:left;
color: 99cc66;
margin:0px 0px 0px 0px;
padding: 5px 0px 0px 10px;
line-height:normal;
}


#MainContent h2, #RightColumn h2
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #333;
margin:5px 0px 0px 0px;
}

#MainContent h3
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin:5px 0px 0px 0px;
font-weight:normal;
color: #333;
}



#MainContent p
{
margin: 15px 0px;
}

#MainContent img
{
float:right;
padding: 0px 0px 5px 5px;
}

#ListedImage
{
float: none;
display: inline;
margin: 0px 5px 5px 5px;
}

#MainContent ul
{
margin: 5px 0px 0px 0px;
padding: 0px 10px 0px 10px;
}

#MainContent ul li
{
list-style:disc;
margin: 10px 0px 0px 0px;
text-indent:-10px;
color: #333333;
font-size:11px;
}

#RightColumn p
{
margin: 5px 0px;
color: #333333;
}


#RightColumn img
{
float:left;
padding: 0px 5px 0px 0px;
}

#RightColumn a
{
color: #ff9900;
font-weight:bold;
}

#ContentFoot
{
	position: relative;
	clear: both;
	height: 10px;
	font-size: 1px;
	background: url(../images/content_foot.gif) 0px 0px no-repeat;
}

#videoLink
{
margin: 5px 0px 20px 0px;
width: 170px;
}

#feature
{

margin: 0px 0px 10px 0px;
width:170px;

}

#featureBody h1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px 0px 0px 5px;
color:#666;
text-align:center;
}

#featureBody img
{
margin: 0px;
float:none;
}

#featureHeader
{
height:22px;

}

#featureBody
{
background:url(../images/feature_body.gif) repeat-y;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:normal;
padding-bottom:10px;
}

#featureBody p
{
color:#999;
padding: 0px 10px 0px 10px;
text-align:center;
}


#featureBody a:link, #Nav li a:visited, #Nav li a:active
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#c00;
font-weight:bold;
text-align:center;
}

#featureBody hr
{
color:#669933;
}

#featureFooter
{
height:15px;
background:url(../images/feature_footer.gif) no-repeat;
}

#balanceHeader
{
height:22px;

}

#balanceBody
{
background:url(../images/featureFrame_body_balance.gif) repeat-y;

font-size:11px;
font-family:Arial, Helvetica, sans-serif;
line-height:normal;
padding-bottom:10px;
}

#balanceBody p
{
color:#000000;
padding: 0px 10px 0px 10px;
text-align:left;
}

#balanceBody img
{
float:none;
margin: 0px 0px 5px 5px;
}


#balanceBody a:link, #Nav li a:visited, #Nav li a:active
{
color:#CC0000;
font-weight:bold;
padding-right: 5px;
}


#balanceFooter
{
height:15px;
background:url(../images/featureFrame_bottom_balance.gif) no-repeat;
}

#onlsBody img
{
float:left;
padding-right:2px;
}

#onlsBody
{
width:160px;
height:90px;
background:url(../images/featureFrame_body.gif) repeat-y;
text-align:left;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#fef7e3;
padding: 5px 5px 0px 5px;

}

#onlsBody a
{
color:#FF9900;
font-weight:bold;
}

#puzBody img
{
float:left;
padding-right:2px;
}

#puzBody
{
width:160px;
height:85px;
background:url(../images/featureFrame_body.gif) repeat-y;
text-align:left;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#fef7e3;
padding: 5px 5px 0px 5px;
border-bottom:dashed 1px #669933;

}

#puzBody a
{
color:#FF9900;
font-weight:bold;
}

#eduBody img
{
float:left;
padding-right:2px;
}

#eduBody
{
width:160px;
height:45px;
background:url(../images/featureFrame_body.gif) repeat-y;
text-align:left;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#fef7e3;
padding: 5px 5px 0px 5px;
border-bottom:dashed 1px #669933;

}

#mediaBody img
{
float:none;
padding:0px;
border:none;
}

#mediaBody
{
width:160px;

background:url(../images/featureFrame_body_media.gif) repeat-y;
text-align:center;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
padding: 5px 5px 5px 5px;


}

#mediaBody a
{
color:#55703a;
font-weight:bold;
}

#eduBody a
{
color:#FF9900;
font-weight:bold;
}

#mediaFooter
{
height:15px;
background:url(../images/featureFrame_bottom_media.gif) no-repeat;
}

#pick
{
margin: 0px;
width:140px;
color:#333333;
float:right;
}

#pickHeader
{
height:22px;
}

#pickHeader img
{
padding:0px;
}

#pickBody
{
background:url(../images/pickFrame_body.gif) repeat-y;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
line-height:normal;
padding:5px 0px 5px 0px;
text-align:center;
}

#pickBody img
{
padding:0px;
}

#pickFooter
{
height:15px;
background:url(../images/pickFrame_bottom.gif) no-repeat;
}

#media
{
height:140px;
margin-bottom:10px;
}


#SectionPromo
{
float:left;
width: 540px;
height: 210px;
margin: -50px 0px 10px 0px;
z-index: 2;
}

#breadcrumb
{
font-size:10px;
margin: 0px 0px 10px 0px;
}

#breadcrumb a
{
color:#666;
}

/*------------------------------------------------*/
/* Home Promo SECTION START*/
/*------------------------------------------------*/
#HomePromo
{
float:left;
width: 735px;
height: 160px;
margin: 0px 0px 10px 0px;
z-index: 2;
}

#SpecialSection
{
float:left;
width: 730px;
height: 550px;
margin: 0px 0px 0px 0px;
z-index: 2;
}

#SpecialContent
{

margin: 0px 0px 0px 210px;
padding: 10px 0px 20px 20px;
}



#HomeText
{
position: absolute;
color: #55703a;
top: 143px;
right: 27px;
width: 223px;
height: 47px;
padding: 10px 13px;
}


/*------------------------------------------------*/
/* Navigation SECTION START*/
/*------------------------------------------------*/
#Nav
{
position: relative;
width: 196px;
margin: 10px 0px 0px 7px;
padding: 0px;
}

#Nav ul
{
padding: 0px;
margin: 0px;
}

#Nav li
{
list-style: none;
margin: 3px 0px;
padding: 0px 0px 0px 0px;
}

#Nav li.Dash
{
height: 1px;
background: url(../images/nav_dash.gif) 0px 0px repeat-x;
margin: 0px;
}

#Nav li a:link, #Nav li a:visited, #Nav li a:active
{
font-family:Verdana, Arial, Helvetica, sans-serif;
display: block;
font-size: 12px;
color: #333;
font-weight: normal;
text-decoration: none;
padding-left: 10px;
text-align:left;
}

#Nav li a:hover
{
color: #f7931e;
}

/* Sub Items */
#Sub
{
margin: 0px 0px 0px 25px;
padding: 0px;
}

#Sub ul
{
list-style: none;
padding: 0px;
margin: 0px;
font-size: 9px;
color: #666;
}

#Sub ul li
{
list-style: none;
margin: 5px 0px 0px 0px; 
padding: 0px;
}

#Sub ul li a:link, #Sub ul li a:visited, #Sub ul li a:active
{
font-size: 10px;
color: #666;
text-decoration: none;
padding: 0px;
margin: 0px;
}

#Sub ul li a:hover
{
color: #f7931e;
}

/* Sec Items */
#Sec
{
margin: 0px 0px 0px 25px;
padding: 0px;
}

#Sec ul
{
list-style: none;
padding: 0px;
margin: 0px;
font-size: 9px;
color: #907e5c;
}

#Sec ul li
{
list-style: none;
margin: 5px 0px 0px 0px; 
padding: 0px;
}

#Sec ul li a:link, #Sec ul li a:visited, #Sec ul li a:active
{
font-size: 11px;
color: #FF9900;
text-decoration: none;
padding: 0px;
margin: 0px;
}

#Sec ul li a:hover
{
color: #4c4b25;
}

#Sec ul li.barkbutter a:link, #Sec ul li.barkbutter a:visited, #Sec ul li.barkbutter a:active
{
font-size: 11px;
color: #CC0000;
font-weight: bold;
text-decoration: none;
padding: 0px;
margin: 0px;
}

#Sec ul li.barkbutter a:hover
{
color: #4c4b25;
}

/*------------------------------------------------*/
/* Franchisee Info SECTION START*/
/*------------------------------------------------*/
#ZeeContainer
{
position: relative;
width: 186px;
margin: 20px 0px 10px 12px;
}

#ZeeTop
{
position: relative;
font-size: 1px;
width: 186px;
height: 6px;
background: url(../images/zee_top.gif) 0px 0px no-repeat;
}

#ZeeInfo
{
position: relative;
font-size: 11px;
line-height: 14px;
width: 170px;
padding: 2px 7px 0px 7px;
border: 1px solid #c3ba8f;
border-top: 0px;
background: #e6e1c8;
}

#ZeeInfo h1
{
font-size: 12px;
color: #546f3a;
margin: 0px 2px 5px 2px;
}

#ZeeInfo h2
{
font-size: 12px;
margin: 8px 2px 0px 2px;
}

#ZeeInfo p
{
margin: 0px 2px 10px 2px;
}

#ZeePhoto
{
position: relative;
font-size: 10px;
border: 1px solid #c3ba8f;
background: #fff;
}

#ZeePhoto p
{
padding: 7px;
line-height: 12px;
margin: 0px;
}

#MapIt
{
position: relative;
width: 186px;
height: 48px;
margin-top: 3px;
}


/*------------------------------------------------*/
/* Products SECTION START*/
/*------------------------------------------------*/

/*
#category
{
margin-top:10px;
height: 120px;
padding:0px 0px 0px 0px;
}
*/
#category img
{
float:left;
margin-right:5px;
margin-left:0px;
}

#category h1
{
font-family:Verdana, Geneva, sans-serif;
font-size:14px;

}

#category h2
{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;

}

#category table
{
margin: 15px 0px 0px 0px;
padding: 0px 0px 15px 0px;
width: 500px;
border-bottom: 1px solid #cccccc;

}

#product
{
margin-top:10px;
height: 225px;
padding:0px 0px 0px 0px;
}

#product img
{
float:left;
margin-right:5px;
margin-left:0px;
}

#product h1
{
font-family:Verdana, Geneva, sans-serif;
font-size:14px;

}

#product h2
{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;

}


/*------------------------------------------------*/
/* Google Map SECTION START*/
/*------------------------------------------------*/
#google_map
{
float: right;
width: 400px;
height: 300px;
border: 1px solid #999;
background: #e6e1c8;
}

input#google_address
{
width: 160px;
}

#google_directions
{
clear: both;
}

/*------------------------------------------------*/
/* Plug-Ins SECTION START*/
/*------------------------------------------------*/
#plugin
{
width: 186px;
margin: 20px 0px 10px 12px;
}


/*------------------------------------------------*/
/* Footer SECTION START*/
/*------------------------------------------------*/
#Footer
{
position: relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
clear: both;
font-size: 10px;
width: 950px;
margin-top: 5px;
padding-bottom: 20px;
overflow: hidden;
}

#Footer a:link, #Footer a:visited, #Footer a:active
{
font-size:10px;
font-weight:normal;
text-decoration: none;
color: #fff;
}

#Footer a:hover
{
text-decoration: underline;
color: #ccc;

}

#FooterNav
{
float: left;
color: #fff;
margin-left: 20px !important;
margin-left: 10px;
}

#FooterNav p
{
margin-top: 12px;
color: #ccc;
}

#FooterLogo
{
float: left;
width: 195px;
}

#FooterLinks
{
margin-top: 5px;
width: 900px;

}

#Footer a.TFB:link, #Footer a.TFB:active, #Footer a.TFB:visited
{
padding: 2px;
color: #999;
}

#Footer a.TFB:hover
{
color: #333;
background: #fc3;
text-decoration: none;
}