﻿#ShowcaseCircle { width: 354px; height: 354px; margin-left: auto; margin-right: auto; }
#Showcase .rslides_tabs { position: relative; width: 100%; max-width: 960px; margin: -25px auto 0; text-align: right; }
#Showcase .rslides_tabs li { text-align: left; }

.FeaturedProductsArea { padding: 62px 0 100px; background: url('/Images/Default/featured-products-wood-panel.jpg') center; }
.FeaturedProductsText { padding-bottom: 10px; }
.FeaturedProductsText h3 { color: #d7d4c0; font-size: 1.1em; }
.FeaturedProduct { min-width: 280px; background: white; margin-bottom: 1.25em; }
.FeaturedProduct:hover { cursor: pointer; }
.FeaturedProductImg { padding: 17px 8px 0; margin: 0 auto; min-height: 315px; background: #fff; text-align:center; }
.FeaturedProductImg .VerticalHelper { display: inline-block; vertical-align: middle; }
.FeaturedProductImg img { padding: 20px; width: 100%; max-height: 280px; }
.FeaturedProductDetails { width: 100%; background: #E9E9E3; padding: 20px 28px; display: inline-block; text-wrap: none; }
.FeaturedProductDetails h4 { font: .8em Georgia; text-transform: none; letter-spacing: normal; }
.FeaturedProductDetails h5 { font-size: .8em; font-style: italic; color: #505050; }
.FeaturedProductDetails p { font: bold 1.5em Times; margin: 20px 0 0; text-align: right; color: #1e1e1e; }
.FeaturedProductDetails p em { text-decoration: underline; font-style: normal; }
.FeaturedProductDetails p sup { font-size: .6em; padding: 0 2px; }
.rs-carousel li:hover .FeaturedProductDetails { background: #d7d4c0; }

.rs-carousel-item { position: relative; }
.Banner { position: absolute; top: 0; right: 0; width: 89px; height: 89px; z-index: 99; }

#Events { padding-top: 100px; }
#Events a, #Events a:hover { color: #1e1e1e; text-decoration: none; }
#Events .CenteredMore a:hover { color: #ac3e0e; }
#Events a:hover .ReadMore, #Events a:hover h2 { color: #AC3E0E; }
#EventHighlightDate { width: 80px; height: 80px; border-radius: 40px; background: #1e1e1e; float: left; color: #E9E8E0; text-align: center; margin: 0 15px 120px 0; }
#EventHighlightDate h3 { margin-top: 11px; padding: 0 4px 4px; font-size: 1em; border-bottom: 2px solid #E9E8E0; color: #E9E8E0; display: inline-block; }
#EventHighlightDate p { margin-top: -9px; font: 2.5em/1 TradeGothicLTCom-BdCn20, sans-serif; color: #E9E8E0; }
#EventHighlightText p, #EventHighlightText span { font-size: .8em; }
#EventHighlightText h2 { font-size: 1.4em; letter-spacing: 0.05em; }
#EventHighlightText .comments { display: inline-block; margin-right: 20px; }
#EventHighlightText .ReadMore { font-weight: bold; text-decoration: underline; }
#Events #EventHighlightPic .corners { height: 103.2%; }

#SocialPanel { background: #D7D4C0 url('/Images/Default/social-panel-watermark.png') no-repeat center; padding: 100px 0; }
#SocialPanelInstagram h2 { display: inline; font-size: 1.4em; letter-spacing: 0.05em; margin-bottom: 0; }
#SocialPanelInstagram a { margin-left: 15px; font-style: italic; font-size: .8em; }
.SocialPanelPic { margin: 0 0 35px; }
#SocialPanel p, #SocialPanel .BoldLink { font-size: .8em; }
#DearFrancine { margin: 15px 0 30px; text-align: center; }
#DearFrancine img { margin: 12px auto; }
#SPITitle h2 { display: inline-block; }
#SPITitle a { display: inline-block; }
#SPIText { margin: 0 0 15px; display: block; }
#SPICaption { font-style: italic; font-size: .9em; line-height: 1.6; }
#instafeed a { text-decoration: none; }

#Countdown { background: #1e1e1e; background-size: auto 100%; background-size: cover; padding: 35px 0 40px; color: #e9e8e0; overflow: hidden; }
#Countdown p { margin-bottom: 0; font: 1.1em/3.2 TradeGothicLT-CondEighteen, sans-serif; }
#Countdown span { line-height: 3.2; float: left; }
#Countdown em { margin: 0 10px 0 8px; font: 2.1em/1.5 TradeGothicLTCom-BdCn20, sans-serif; float: left; }
#Countdown img { max-width: 200px; margin: -11px 6px 0; }
#Countdown .BlockLink { margin-left: 40px; padding: 6px 12px; background-color: #ac3e0e; border-color: #ac3e0e; color: white; font-size: 1.1em; }
#Countdown .BlockLink:hover { background-color: #e9e8e0; border-color: #e9e8e0; color: #ac3e0e; }

#Countdown2 { background: #2b2b2b; background-size: auto 100%; background-size: cover; padding: 40px 0; color: #e9e8e0; overflow: hidden; }
#Countdown2 p { margin-bottom: 0; font: 1.1em/1.4 TradeGothicLT-CondEighteen, sans-serif; }
#Countdown2 span { margin: 0 10px 0 8px; font: 2.4em/1.3 TradeGothicLTCom-BdCn20, sans-serif; }
#Countdown2 img { max-width: 200px; margin: -11px 6px 0; }
#Countdown2 .BlockLink { margin-left: 25px; padding: 6px 12px; background-color: #ac3e0e; border-color: #ac3e0e; color: white; font-size: 1.1em; }
#Countdown2 .BlockLink:hover { background-color: #e9e8e0; border-color: #e9e8e0; color: #ac3e0e; }

@media only screen and (max-width: 980px) {
	
	#Countdown { padding-top: 25px; padding-bottom: 40px; text-align: center; }
	#Countdown span, #Countdown em, #Countdown .BlockLink { float: none; }
	#Countdown p { line-height: 0; }
	#Countdown img { display: block; margin: 6px auto 35px; }
	#Countdown .BlockLink { margin-left: 0; }
	
	#Countdown2 { padding-top: 20px; padding-bottom: 40px; text-align: center; }
	#Countdown2 span, #Countdown2 em, #Countdown2 .BlockLink { float: none; }
	#Countdown2 img { display: block; margin: 15px auto 40px; }
	#Countdown2 .BlockLink { margin-left: 0; }

}

@media only screen and (max-width: 768px) {
	
	#EventHighlightText { margin-bottom: 40px; }
	#EventHighlightDate { margin-bottom: 160px; }
	#Events .LightList { margin-bottom: 0; }
	
}

@media only screen and (max-width: 640px) {
	
	#FeaturedProducts, #Events { padding: 31px 0; }
	#SocialPanel { padding: 31px 0 90px; }
	#Events .small-4 { width: 100%; }
	#Events .LightList { max-width: none; }
	#Events .LightList, #SocialPanelInstagram { padding-top: 62px; }
	#Events .small-7, #Events .small-5, #SocialPanel .small-6 { width: 100%; }

}

@media only screen and (max-width: 550px) {
	
	#Countdown img { margin-top: 30px; }

}