/*
main style sheet 

/* -----------------------------------------------------------------
                        LISTING ORDER
--------------------------------------------------------------------

Universal

Page Structure

        - top div and ad blocks appearing in top div
        - main content area
        - advertising appearing in the center content area
        - wrapping divs to contain advertisements appearing in the left and right columns
        - footer

Navigation
        - navigation list on left
        - buttons appearing in the right column

Headers

Forms
        - search form
        - pet food alert form
        - email login form

Text Treatments

--------------------------------------------------------------------

--------------------------------------------------------------------
                        UNIVERSAL
--------------------------------------------------------------------
*/

* {
        margin: 0;
        padding: 0;
}

body {
        background-color: #00C5CD;
        color: #000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0 auto;
        text-align: center;
}

br.clearfloat {
        clear: both;
        height: 0;
        overflow: hidden;
}

a {
        color: #0000FF;
        outline: none;
}


a:hover {
        color: #000;
        text-decoration: underline;

}

a:visited {
        color: #00BFFF;

}

/*_____________________________________________

PAGE STRUCTURE
______________________________________________*/

#content-wrapper {
        border-bottom: 1px solid #343433;
        border-left: 1px solid #343433;
        border-right: 1px solid #343433;
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 968px;
}

/*-----------top div and ad blocks appearing in top div----------*/

#top {
        border-bottom: 1px solid #343433;
        float: left;
        height: 238px;
}

.top-ad-small {
        background-color: #aedde7;
        float: left;
        height: 90px;
        width: 120px;
}

#top-ad-lrg {
        background: url(/images/backgrounds/body.gif) ;
        float: left;
        height: 90px;
        width: 728px;
}

/*--main content area--*/

#content {
        background: url(/images/backgrounds/content.gif) transparent repeat-y top left;
        float: left;
        text-align: left;
        width: 968px;
}

#left {
        float: left;
        width: 160px; 
}

#center {
        float: left;
        padding: 12px 20px;
        width: 608px; 
}

/*--advertising appearing in the center content area--*/

.center-right {
        float: left;
        width: 320px;
        padding: 0 0 10px 0;    }

.center-right .ad-block {
        float: left;
        height: 260px;
        margin: 0 0 10px 0;
        width: 300px;
}

#right {
        float: left;
        width: 160px; 
}

/*--wrapping divs to contain advertisements appearing in the left and right column--*/

.advertisement {
    background-color: #FFFCE1;
    clear: left;
    text-align: center;
}

.advertisementebay {
    background-color: #FFFCE1;
    text-align: center;
    font-size: 11px;
}

/*--footer--*/

#footer {
        background-color: #B8DDE5;
        border-top: 1px solid #ADADA6;
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        height: 43px;
        padding: 17px 0 0 0;
        width: 968px;
}

/*_____________________________________________

NAVIGATION
______________________________________________*/

/*--navigation list appearing in the left column--*/

#nav {
        background-color: #FFFCE1;
        float: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding: 15px 0;
        text-align: left;
        width: 160px;
}

#nav ul {
}

#nav li {
        list-style-type: none;
        padding: 0 0 8px 4px;
}

#nav li a {
        background: url(/images/nav/nav-item.gif) transparent no-repeat 0 1px;
        color: #0000FF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        padding: 2px 0 0 20px;
}

#nav li a:hover {
        color: #000;
}

#nav li a:visited {
        color: #00BFFF;
}

/*--buttons appearing in right column--*/

a.column-button {
        float: left;
        font-size: 11px;
        font-weight: bold;
        margin: 10px 0 0 4px;
        padding: 3px 0;
        text-align: center;
        text-decoration: underline;
        width: 130px;
}

a.column-button:hover {
        color: #000;
}

/*_____________________________________________

HEADERS
______________________________________________*/

#header-wrap {
        background: url(/images/headers/h1.jpg) transparent no-repeat top left;
        border-bottom: 1px solid #343433;
        color: #FFF;
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        height: 40px;
        padding: 107px 403px 0 160px;
        width: 405px;
}

#header-wrap p {
        font-size: 13px;
        font-weight: bold;
        letter-spacing: -1px;
        text-align: left;
}

h1 {
        float: left;
        font-size: 13px;
        letter-spacing: -1px;
        text-align: justify;
}

h2 {
        color: #1464F4;
        font-size: 1.1em;
        padding: 0 0 17px 0;
}

.pet-food-alert h4 {
        background: url(/images/headers/h4-pet-food-alert.gif) transparent no-repeat top left;
        float: left;
        height: 46px;
        text-indent: -9999px;
        width: 225px;
}

/*_____________________________________________

TEXT TREATMENTS
______________________________________________*/

#center p {
        font-size: 11px;
        padding: 0 0 17px 0;
}

/*unordered lists*/

#center ul {
        font-size: 11px;
        line-height: 1.4em;
        padding: 0 0 20px 25px;
}

#center ul li {
        list-style-type: square;
        padding: 0 0 5px 0;
}

/*tables*/

#center table {
        float: left;
}


/* 300x250px */

  span.nx-title-300 { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px;  font-weight: bold;  text-decoration: underline; color: #0000FF; padding: 0px 1px 0px 0px; }
  .nx-300 { font-size: 11px; overflow: hidden; } 
  span.nx-desc-300 { display:block; font-family: verdana, arial, helvetica, sans-serif; width: 300px; height: 28px; font-size: 11px; color: #000000; overflow: hidden;}
  a.nx-300 { font-size: 9px;  text-decoration:none;  color: #999999; }
  table.nx-300 { table-layout:fixed;  background-color: #ffffff; width: 300px; height: 250px; overflow: hidden;  }
  td.nx-desc-300 { vertical-align:top; }
  caption.nx { caption-side: top; width: auto; text-align: right; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; }

/*_____________________________________

FORMS
______________________________________*/

/*--search form--*/

.search-form {
        background-color: #FFF;
        border: 2px solid #B5D1DC;
        float: left;
        text-align: left;
        width: 298px;
}

.search-form h3 {
        background-color: #B5D1DC;
        font-size: 12px;
        font-weight: normal;
		text-align: center;
        padding: 2px;
}

.search-form form {
        background: url(/images/backgrounds/search-form.gif) transparent no-repeat 0 4px;
        padding: 5px 5px 5px 70px;
}

.search-form input {
        position: relative;
        top: 1px;
}

.search-form input.text-field {
        height: 17px;
        font-size: 12px;
        top: 0;
        width: 160px;
}

#center .search-form p {
        padding: 0;
}

#center p.links {
        font-size: 10px;
        padding: 2px 0;
}

p.links a { color: #0000FF;}

p.links a:hover { color: #000;}

p.links a.hilight {
        background-color: #FFFF00;
        color: #000;
}

/*--pet food alert form--*/

.pet-food-alert {
        background-color: #FFF;
        border: 1px solid #B9E2E8;
        color: #3C3C3C;
        float: left;
        margin: 0 17px 17px 0;
        text-align: justify;
        width: 225px;
}

.pet-food-alert form {
        float: left;
        padding: 10px 10px 0 10px;
}

.pet-food-alert label {
        font-size: 10px;
}

#center .pet-food-alert p {
        padding: 0 0 10px 0;
}

.pet-food-alert .input-wrap {
        text-align: right;
}

/*--email login form--*/

#email-login {
        background-color: #FFFCE1;
        border: 1px solid #CCC;
        float: left;
        font-size: 11px;
        margin: 10px 0 10px 0;
        padding: 5px 5px 10px 5px;
        position: relative;
        left: 4px;
        width: 140px;
}

#email-login h4 {
        background-color: #00C5CD;
        border: 1px solid #8FB9BF;
        font-size: 11px;
        margin: 0 0 10px 0;
        text-align: center;
}

#email-login p {
        padding: 0 0 5px 3px;
}

#email-login input {
        width: 130px;
}

#email-login input.button {
        margin: 5px 0 3px 0;
        width: 135px;
}

#email-login input.remember {
        width: auto;
}

.YeddaAolComboWidget_ComboBorder
{
    border: 1px solid #76b6d2;
}
.YeddaAolComboWidget_Font
{
    font-size: 12px; 
	font-family: Arial, Verdana, Sans-Serif;  
	color: #000000;
} 
.YeddaAolComboWidget_ComboTitleContainer
{
    background-color: #76b6d2;
    padding: 8px;
    margin: 0px;
}
.YeddaAolComboWidget_ComboTitle
{
    color: #ffffff;
    font-size: 1.6em;
    font-family: Georgia, Serif;
}
.YeddaAolComboWidget_ComboBottom
{
    background-color: #c7e3ef;
}

.YeddaAolComboWidget_ContentLink   {
    color:#2b65b0;
    text-decoration:none;
}

.YeddaAolComboWidget_ContentLink:hover   {
    color:#2b65b0;
    text-decoration:underline;
}

.YeddaAolComboWidget_ContentLink:visited   {
    color:#2b65b0;
    text-decoration:none;
}

.YeddaAolComboWidget_ContentSecondaryLink   {
    color:#666666;
    text-decoration:none;
}

.YeddaAolComboWidget_ContentSecondaryLink:hover   {
    color:#666666;
    text-decoration:underline;
}

.YeddaAolComboWidget_ContentSecondaryLink:visited   {
    color:#666666;
    text-decoration:none;
}
 
.YeddaAolComboWidget_SubTitle
{
    font-size:1.5em;
    font-family:georgia;       
	color:#666666;
}  
.YeddaAolComboWidget_SubTitleContainer
{
    padding: 5px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
	background-image: url(http://yedda.com/Partners/AOL/Cookbook/Images/dottedBorder.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}  
.YeddaAolComboWidget_ButtonFrame
{
    border:1px solid #f9cd4a;
    width: 160px;
    margin: 5px 0px 0px 0px;

}  
.YeddaAolComboWidget_Button
{
	margin:0px;
	font-size:1em;
	padding:5px 12px 5px 12px;
	border:1px solid #fef0d3;
	color:#000000;
	cursor:pointer;
	background-color:#fcc65c;
	background-image: url(http://yedda.com/Partners/AOL/Cookbook/Images/buttonGradientBG.jpg);
	background-repeat: repeat-x;
	text-align: center;
	width: 160px;
}