﻿/* Carried over from 18.css */
#RightContainer #RightSideLinks .IDcardsLink
{
    background-color: #d7effb;
}

#RightContainer #RightSideLinks .FashionLink,
#RightContainer #RightSideLinks .ArchitectureLink,
#RightContainer #RightSideLinks .DesignLink,
#RightContainer #RightSideLinks .FoodLink,
#RightContainer #RightSideLinks .HotelsLink
{
    background-color: #f7d3df;
}

#RightContainer #RightSideLinks .IDcardsSectionActive
{
        background-color: #fefbd8;
}

.IDMainLinks a
{
    color: #000000;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    margin-right: 20px;
    text-decoration: none;
}

.IDMainLinks a:hover
{
    text-decoration: underline;
}

.IDcardListSection
{
    display: inline;
    float: left;
    clear: left;
    margin-left: 7px;
    margin-right: 13px;
}

.IDcardListItem
{
    display: inline;
    float: left;
    clear: none;
    width: 200px;
    margin-right: 32px;
}

.IDcardListItem img
{
    float: left;
    clear: both;
    margin-bottom: 15px;
}

.IDcardListItem .Title a
{
    float: left;
    clear: both;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    line-height: 17px;
    color: #000000;
    text-decoration: none;
}

.IDcardListItem .Title a:hover
{
    text-decoration: none;
    color: #FF0000;
}

.IDcardListItem .Description
{
    float: left;
    clear: both;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    line-height: 17px;
    color: #666666;
}

.IDcardListItem .MoreLink a
{
    float: left;
    clear: both;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    line-height: 17px;
    color: #FF0000;
    text-decoration: none;
}

.IDcardListItem .MoreLink a:hover
{
    text-decoration: underline;
}

.IDcardMoreLink
{
    float: left;
    clear: both;
    width: 721px;
}

.IDcardMoreLink a
{
    float: right;
    clear: both;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 28px;
    color: #666666;
    text-decoration: none;
}

.IDcardMoreLink a:hover
{
    text-decoration: none;
    color: #FF0000;
}

#IDcardFeatureStory
{
    float: left;
    clear: both;
}

#IDcardFeatureStory .FeatureStoryText
{
    float: left;
    clear: both;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 32px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 10px;
}

#IDcardFeatureStory .SectionFeatureStoryImage
{
    float: left;
    clear: both;
    margin-bottom: 10px;
}

#IDcardFeatureStory .SectionFeatureStoryTitle
{
    float: left;
    clear: both;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    color: #000000;
    text-decoration: none;
}

#IDcardFeatureStory .SectionFeatureStoryTitle:hover
{
    text-decoration: none;
    color: #FF0000;
}

#IDcardFeatureStory .SectionFeatureStoryDescription
{
    float: left;
    clear: both;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    color: #666666;
}

#IDcardFeatureStory .SectionFeatureStoryLink
{
    float: left;
    clear: both;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    color: #FF0000;
    text-decoration: none;
}

#IDcardFeatureStory .SectionFeatureStoryLink:hover
{
    text-decoration: underline;
}

.IDcardsPanel
{
    display: inline;
    float: left;
    clear: both;
}

.IDcardsPanel h2
{
    font-family: Helventica, Arial, Sans-Serif;
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 5px;
}

.IDcardsPanelHidden
{
    display: none;
}

.IDcardRepeat
{
    float: left;
    clear: both;
    width: 197px;
    margin-bottom: 10px;
    display: inline;
}

.IDcardRepeat .Title a
{
    float: left;
    clear: both;
    width: 100%;
    border-bottom: 1px dotted #999999;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 16px;
    color: #222222;
    margin-bottom: 5px;
    text-decoration: none;
    display: inline;
}

.IDcardRepeat .Title a:hover
{
    color: #FF0000;
    text-decoration: none;
}

.IDcardRepeat .Description p
{
    float: left;
    clear: both;
    width: 100%;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    line-height: 17px;
    color: #666666;
    display: inline;
}

#NewsletterSignup
{
    display: inline;
}

#NewsletterSignupContent p
{
    float: left;
    clear: both;
    margin-bottom: 12px;
    display: inline;
}

#MainContentContainer table
{
    clear: left;
}
