﻿body
{
	font-family: "Arial";
	font-size:15px;
}
	    
a
{
	text-decoration:none;
}
	
sup
{
	font-size:45%;
}
	    
@font-face
{
	font-family:"Gotham Book";
	src: url("/fonts/Gotham-Book-Regular.otf");
}
	
.ClearAll
{
	clear:both;
}
	    
#container
{
	width:1280px;
	margin-left:auto;
	margin-right:auto;
}
	    
#TopBar
{
	margin-bottom:5px;
	min-height:70px;
}
	    
#logo
{
	float:left;
	margin-left:120px;
}

#small-logo
{
    float:left;
    display:none;
}

#small-logo img
{
    width:210px; 
    height:44px;
}
	
#LoginOptions
{
	font-family:Arial;
	font-size: 14px;
	float:right;
	margin-right:120px;
}
	
#LoginOptions a
{
	color: #79b843;
	text-decoration:none;
}
	
#LoginOptions a:hover
{
	text-decoration:underline;
}
	    
#main-search
{
	float:right;
	margin-right:120px;
	margin-top:10px;
}
	    
#search-field
{
	border-radius:25px;
	padding: 2px 0px 2px 5px;
}
	    
#MenuBarContainer
{
	margin-top:-20px;
}
	    
#navigation > ul
{
	margin-left:40px;
}
	    
#mobile-navigation
{
	display:none;
}

#SEHeader
{
    display:none;
}
	    
#MainHomeImageContainer
{
	padding-top:448px;
	background-image:url("/images/senior_couple_header_1280.jpg");
	background-size:contain;
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
}

.MainHomeImageHeader, .MainHomeImageHeader h1
{
    color:White;
    font-family:"Arial Black";
    font-size:280%;
    padding-top:15px;
    padding-left:100px;
    width:1200px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.MainHomeImageHeader h1
{
    font-size:inherit;
    line-height:inherit;
    padding: inherit;
    margin:inherit;
}
        
.MainHomeImagePara
{
    color:White;
    font-size:165%;
    font-family:"Arial";
    line-height:150%;
    padding-top:0px;
    padding-left:60px;
    width:1200px;
    position:absolute;
    top:270px;
    bottom:0;
    left:0;
    right:0;
}
        
#MainHeader
{
    font-family:"Arial Black";
    font-size:28px;
    text-align:center;
    margin-top:50px;
}
        
#MainPara
{
    font-family:"Arial";
    font-size:22px;
    text-align:center;
    margin-top:0px;
}
	    
#MainContent
{
	margin-left:35px;
}
	    
.MainContentBlock
{
	width:240px;
	margin-top:40px;
	text-align:center;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	border-right: 2px solid #cccccc;
}

.MainContentBlock img
{
    border:0;
    max-width:85px;
    max-height:85px;
}
	    
.MainContentBlock:hover
{
	cursor:pointer;
}
	    
.MainContentBlock:hover img
{
	opacity:0.8;
}
	    
.MainContentBlock:hover .MainContentBlockText
{
	color:#79b843;
}
	    
.MainContentBlockText
{
	font-family: "Arial";
	font-size:20px;
	color: black;
	width:180px;
	margin: 10px auto 0px auto;
}
	    
.NoBorder
{
	border-right:0px;
}
	    
#ContentBottomLinks
{
	margin-top:40px;
}
	    
#ContentBottomLinks a
{
	color:#79b843;
	font-size:22px;
	text-decoration:none;
}
	    
#ContentBottomLinks a:hover
{
	text-decoration:underline;
}
	    	
#WhyShopContainer
{
	float:left;
	margin-left:70px;
}
	    
#WhyShopReverseContainer
{
	float:left;
	margin-left:40px;
}
	    
#WhyShopRetirementContainer
{
	float:left;
	margin-left:40px;
}
	    
#AboutContainer
{
	background-color:#3e5b79;
	margin-top:60px;
	height:230px;
}
	    
#AboutPic
{
	float:left;
	margin-left:120px;
	margin-top:50px;
}
	    
#AboutText
{
	font-family: "Arial";
	float:left;
	margin-left:60px;
	font-size:20px;
	color:White;
}
	    
#AboutHeader
{
	font-family:"Arial Black";
	font-size:24px;
}
	    
#AboutText div
{
	margin-bottom:15px;
	width:900px;
	margin-top:25px;
}
	    
#AboutText a
{
	color:#79b843;
	text-decoration:none;
}
	    
#AboutText a:hover
{
	text-decoration:underline;
}
	    
#AboutMore
{
	font-family: "Arial";
	font-size:16px;
}
	    
.ListContainer
{
	margin-top:70px;
	padding-left:50px;
}
	    
.List
{
	width:300px;
	float:left;
	margin-left:70px;
}
	    
.ListHeader
{
	font-family:"Arial Black";
	font-size:22px;
	padding-bottom:5px;
	border-bottom:2px solid #cccccc;
	margin-bottom:30px;
	min-height:2.25em;
	padding-top:0.75em;
}
	    
.MultiLine
{
	min-height:3em;
	padding-top:0px;
}
	    
.ListItemDate
{
	font-family:"Arial";
	font-size:13px;
	margin-bottom:5px;
}
	    
.ListItem
{
	font-family:"Arial";
	font-size:20px;
	margin-bottom:30px;
}
	    
#SubscribeBoxButton
{
	font-family:"Arial";
	font-size:20px;
	width:310px;
	height:45px;
	background-color:#78b751;
	color:White;
	border-radius:20px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
	    
#SubscribeBoxButton .Text
{
	padding-top:12px;
	border:0px;
}
	    
#SubscribeBoxButton:hover
{
	opacity:0.7;
}
	    
#SocialBar
{
	background-color:#2d2e2e;
	height:100px;
	margin-top:40px;
}
	    
#SocialList
{
	float:left;
	color:White;
	margin-top:30px;
	margin-left:125px;
}
	    
#SocialList table
{
	font-family:"Arial";
	font-size:16px;
	color:White;
}
	    
#SocialList table td
{
	padding:0px 5px 0px 5px;
}

#MobileSocialTable
{
    display:none;
}

#MobileSocialTable td
{
    text-align:center;
}
	    
#Copyright
{
	float:right;
	margin-top:40px;
	margin-right:125px;
	color:White;
}

#MobileCopyright
{
    margin-top:10px;
	font-family:"Arial";
	font-size:14px;
	display:none;
}
	   
#menu-button, #small-menu-button
{
    display:none;
    float:left;
}

@media screen and (max-width:800px)
{
    #container
    {
        width:100%;
    }
    
    #page
    {
        width:100%;
    }
    
    #menu-button
    {
        display:inline;
    }
    
    #logo
    {
    	margin-left:45px;
    }
    
    #MainHomeImageContainer
    {
        width:100%;
        padding-top:35%;
    }
    
    #MainHomeImageHeader
    {
        font-size:20px;
        padding-top:3%;
        padding-left:5%;
        width:60%;
    }
    
    #MainHomeImagePara
    {
        font-size:16px;
        width:65%;
        padding-left:5%;
        top:70px;
    }
    
    #navigation, #LoginOptions, #main-search
    {
        display:none;
    }

    #MainHeader
    {
        font-size:20px;
        margin-top:0px;
    }

    #ContentBottomLinks
    {
	    margin-top:2%;
    }
	    
    #ContentBottomLinks a
    {
	    font-size:14px;
    }
	    
    #WhyShopContainer
    {
        float:none;
        text-align:center;
	    margin-left:10px;
    }
	    
    #WhyShopReverseContainer
    {
        float:none;
        text-align:center;
	    margin-left:10%;
	    margin-top:2%;
    }
    
    #AboutContainer
    {
        display:none;
    }
    
    .ListContainer
    {
        padding-left:25%;
    }
    
    .List
    {
        float:none;
        margin-left:0;
        width:250px;
    }
    
    .ListHeader
    {
	    font-size:16px;
    }
	    
    .ListItemDate
    {
	    font-size:11px;
    }
	    
    .ListItem
    {
	    font-size:14px;
    }
    
    #SocialList
    {
        margin-top:20px;
        margin-left:8%;
    }
    
    #Copyright
    {
        display:none;
    }
    
    #MobileCopyright
    {
        display:inline;
    }
}

@media screen and (max-width:540px)
{
    #MainHomeImagePara
    {
        display:none;
    }
    
    #MainHeader
    {
        font-size:110%;
    }
    
    #MainPara
    {
        font-size:110%;
    }

    .ListContainer
    {
        padding-left:15%;
    }
}

@media screen and (max-width:390px)
{
    #menu-button
    {
        display:none;
    }
    
    #small-menu-button
    {
        display:inline;
    }
    
    #logo
    {
        display:none;
    }
    
    #small-logo
    {
        display:inline;
    }

    #MainHomeImageHeader
    {
        font-size:14px;
    }
    
    #MainContent
    {
        margin-left:0px;
    }
    
    #MainContentBlock
    {
        float:none;
        margin-left:0px;
        margin-top:5px;
    }

    .ListContainer
    {
        padding-left:5%;
    }

    #SubscribeBoxButton
    {
	    font-size:16px;
	    width:250px;
	    height:40px;
	    border-radius:20px;
	    margin-left:auto;
	    margin-right:auto;
    }
    
    #SocialList
    {
        margin-top:3px;
    }
    
    #StandardSocialTable
    {
        display:none;
    }
    
    #MobileSocialTable
    {
        display:inline;
    }
    
}