/* =======================================
    Collections Page
========================================*/

#PageContent {
    padding-top: 30px;
}

#CollectionIntro {
    margin-bottom: 15px;
}
#CollectionIntro h1 {
    display: block; 
}

#CollectionIntro h2 {margin-bottom: 15px;}

.NoCollectionImage {
    color:#FFFFFF;
    font-size:16px;
    font-weight:bold;
    line-height:40px;
    padding-left:15px;
    text-transform:uppercase;
}
#CollectionIntro .Thumbnail {
    float: left;
    margin-right: 10px;
}
#CollectionIntro,
#CollectionIntro p {
    color: #444545;    
}
#CollectionIntro .Description {
   float: left;
   width:500px;
   color: #444545;
   font-size: 11px;
}
#CollectionIntro .NoThumb .Description {
   width:auto;
}
.SponsorText {
    position: relative;
    top: -16px;
}
/* =======================================
    Collection (Search) Results
========================================*/
.SortBy {
    padding: 5px;
    height: 1%;
}
.SortBy,
.SortBy a {
    color: #ffffff;
}
.SortBy strong,
.SortBy ul {
    float: left;
}
.SortBy li {
    float: left;
    margin-left: 15px;
}
.SortBy a.Selected {
    font-weight: bold;
    text-decoration: underline;
    color: #000000;
}

.CollectionRecipes .Navigation {
    margin-bottom: 15px;
    height: 32px;
    background-color: #e7e7e7;
}

.CollectionRecipes .Navigation li {
    float: left;
    display: inline-block;
    position: relative;
    height: 32px;
}
.CollectionRecipes .Navigation li a {
    color: #555555;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 29%;
    padding: 9px 11px 9px 12px;
    text-decoration: none;
    /*width: 69%;*/
    text-transform: capitalize;
}
.CollectionRecipes .Navigation li span {padding-left: 10px; font-weight: bold; float: left; margin: 9px 5px 0 0;}

.CollectionRecipes .Navigation li.Selected a {
    color: #ffffff;
}
.CollectionRecipes .Navigation li .Arrow {
    display: none;
}
.CollectionRecipes .Navigation li.Selected .Arrow {
    display: block;
    background-color: Transparent;
    background-position: bottom center;
    background-repeat: no-repeat;
    position: absolute;
    width: 6px;
    height: 3px;
    bottom: -3px;    
    left: 43%;
}
/* =======================================
    POPULAR RECIPE COLLECTIONS
========================================*/
.PopularRecipesCollections {
    margin-top: 20px;
    /*margin-bottom: 20px;*/
}
.PopularRecipesCollections h2 {
    margin-bottom: 10px;
}
.PopularRecipesCollectionsArea {
    padding: 10px 0;
}

.PopularRecipesCollectionsArea .LinkList li {width: 180px; margin-right: 18px;}
/*.PopularRecipesCollectionsArea li {
    float: left;
    margin-right: 7px;
    width: 189px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px dotted #D8D8D8;
}
.PopularRecipesCollectionsArea li .Title {
    display: inline;
}*/
.PopularRecipesCollections .More {
    float: right;
}
/* =======================================
    COLLECTION GROUPS
========================================*/
.GroupRecipesArea h2 {
    font-family:Verdana;
    font-size:15px;
    font-weight:normal;
    text-transform:uppercase;
}
.GroupRecipesArea .ItemArea-5Column {
    margin-top:10px;
}
.GroupRecipesArea {
    margin-bottom: 20px;
}
.GroupRecipesArea .ArrowRight {
    float: right;
}

/*===================*/
/*	ARTICLE LEFT COL   */
/*===================*/

.CollectionLeftcol {float: left; width: 410px; margin: 0 15px 0 0; display: inline;}

.CollectionLeftcol p {margin: 0 0 1em 0;}

.CollectionLeftcol .Intro {width: 408px; margin: 0;}

.CollectionLeftcol .Intro .Image {text-align: center;}

.CollectionLeftcol .FeatureImage {
    border: 1px solid #CCCCCC;
    margin: 0;
    padding: 3px;
}

.CollectionLeftcol .Copy {margin: 0 0 15px 0 !important; background-color: #e7e7e7; border: 1px solid #e7e7e7;}

.ArticleDetails li {line-height: 1.4; padding-bottom: 5px;}

.ArticleDetails li span {color: #177A77; font-weight: bold;}

.ArticleRatings {
    background-color: #E7E7E7;
    height: 25px;
    margin: 10px 0 10px;
    padding: 0 0 0 0;
}

.ArticleRatings .numbers {
    color: #177A77;
    float: left;
    font-weight: bold;
    margin: 6px 10px 0 15px;
    font-size: 12px;
}

.RateThisArticle {
    background: transparent url("../images/your-plant-rating.gif") 0 0 no-repeat;      
    float: right;
    width: 178px;
    height: 25px;
    border: none;
 }
 
 .ArticleRatings .bg-numbers {
    float: right;
    background-color: #177a77;
    width: 66px;
    height: 20px;
    padding: 5px 0 0 0;
    color: #FFF; 
    font-weight: bold;
    text-align: center;
    font-size: 12px;
 }

/*===================*/
/*	ARTICLE RIGHT COL */
/*===================*/

.CollectionRightcol {float: left; width: 205px; margin: 0; display: inline; font-size: 11px;}

.CollectionRightcol h1 {font-size: 20px; color: #444444; font-weight: bold;}

.CollectionRightcol h2 {font-size: 16px; color: #177a77; font-weight: bold;}

.CollectionRightcol .Copy {margin: 5px 0 0 0; border-top: 1px dotted #D8D8D8; padding-top: 5px; font-size: 12px;}
.CollectionRightcol .Copy p, .CollectionRightcol .Copy p a {font-size: 12px;}

.CollectionRightcol .Copy .read-more, .CollectionRightcol .Copy .re-collapse {color: #d05537; display: block; font-weight: bold;}

/* SocialLinks */

.SocialLinks {
    margin: 10px 0 0 0;
}
.FacebookLike {
    float: left;
    width: 210px;
}
.SocialRight {
    float: right;  
    margin-right:-15px; 
}
.SocialLink {
    display: inline-block;  
    text-align: right;
}
.FacebookShare {
    position: relative;
    top: -3px;
    padding-right: 5px;
}
.TweetButton {
    position: relative;
    top: 3px;
}