#HomeButtonBox { padding: 20px 20px 0px 20px; text-align: left; white-space: nowrap; }
#HomeButtonOrder { display: inline-block; padding: 10px 20px 10px 20px; font-size: 20px; background-color: #fff200; border-radius: 4px; color: #07355a; cursor: pointer; text-decoration: none; }
#HomeButtonOrder:hover { background-color: #43a4e3; color: #FFFFFF; }
#HomeButtonMore { display: inline-block; padding: 10px 20px 10px 20px; font-size: 20px; border: 1px solid #fff200; border-radius: 4px; color: #fff200; cursor: pointer; text-decoration: none; }
#HomeButtonMore:hover { border-color: #43a4e3; color: #FFFFFF; }
#HomeButtonMoreAlt { display: inline-block; padding: 5px 10px 5px 10px; font-size: 18px; border: 1px solid #08355a; border-radius: 4px; color: #08355a; cursor: pointer; text-decoration: none; }
#HomeButtonMoreAlt:hover { border-color: #43a4e3; color: #43a4e3; }

#HomeCellLeftJC { display: table-cell; vertical-align: middle; padding: 0px 60px 20px 20px; text-align: left; font-size: 18px; }
#HomeCellRightJC { display: table-cell; vertical-align: middle; }
#HomeJCImage { display: inline-block; vertical-align: middle; padding: 40px 0px 0px 0px; position: relative; cursor: pointer; }
.HomeRowJC { display: table-row; }
#HomeTableJC { display: table; width: 100%; max-width: 1000px; }

.HomeFeatureCell { display: table-cell; vertical-align: middle; padding: 20px 20px 40px 20px; }
.HomeFeatureCellPortrait { display: table-cell; vertical-align: middle; padding: 20px 20px 40px 20px; white-space: nowrap; }
.HomeFeatureRow { display: table-row; }
.HomeFeatureTable { display: table; width: 100%; border-bottom: 1px dotted #000000; margin-top: 10px; }

#MainBanner1 { position: relative; padding: 30px 20px 30px 20px; background-color: #d7d7d7; background-image: url(/img-2017/banner1-bg.jpg); background-position: left bottom; background-repeat: no-repeat; text-align: center; overflow: hidden; background-size: cover; }
#MainBanner1BoxContainer { padding: 20px 0px 5px 0px; width: 70%; }
#MainBanner1Order { font-size: 20px; }
#MainBanner1Order:hover { color: #FFFFFF; border-color: #FFFFFF; }
#MainBanner1OrderBox { width: 70%; text-align: center; padding: 20px 0px 40px 0px; }
#MainBanner1Quote { color: #07355A; font-size: 18px; padding-bottom: 20px; width: 70%; }
#MainBanner1QuoteLine1 { font-weight: bold; }
#MainBanner1QuoteLine2 { font-weight: bold; }
#MainBanner1QuoteLine3 {  }

.FeatureItem { padding-bottom: 10px; }
.FeatureProductInfo { padding-top: 20px; font-size: 15px; vertical-align: middle; }
.FeatureProductThumb { float: left; margin:20px; width: 77px; height: 200px; border-width: 0px; }
.FeatureProductTitle { font-size: 30px; line-height: 30px; font-weight: bold; }
.FeatureProductSubtitle { font-size: 24px; padding-bottom: 5px; }
.MainBanner1Box { display: inline-block; line-height: 0px; height: 100px; line-height: normal; padding: 0px 0px 0px 0px; margin-right: 20px; color: #FFFFFF; font-weight: bold; font-size: 20px; width: 200px; text-align: left; border: 1px solid transparent; cursor: pointer; /*text-shadow: 1px 1px #000000;*/ background-image: url(/img-2017/bg-black-25.png); }
.MainBanner1Box:hover { border: 1px solid #FEDD00; }
.MainBanner1Feature { text-decoration: none; background-color: #569b17; color: #FFFFFF; padding: 4px 8px 4px 8px; border: 1px solid #569b17; }
.MainBanner1Feature:hover { color: #FFFFFF; background-color: #82da30; }
.MainBanner1Thumb { margin-bottom: -5px; width: 100px; height: 100px; border-width: 0px; vertical-align: middle; }
.MainBanner1ThumbCaption { display: inline-block; text-align: left; font-size: 20px; vertical-align: middle; }

@media screen and (max-width: 1400px) { 
}
@media screen and (max-width: 1350px) { 
}
@media screen and (max-width: 1300px) { 
}
@media screen and (max-width: 1250px) { 
}
@media screen and (max-width: 1200px) { 
}
@media screen and (max-width: 1150px) { 
}
@media screen and (max-width: 1100px) { 
}
@media screen and (max-width: 1050px) { 
	#MainBanner1BoxContainer { padding: 0px 0px 0px 0px; }
	.MainBanner1Box { width: 90px; padding: 10px; margin: 10px; line-height: normal; height: auto; text-align: center; }
	.MainBanner1Thumb { width: 90px; height: 90px; border-width: 0px; vertical-align: baseline; }
	.MainBanner1ThumbCaption { font-size: 20px; vertical-align: baseline; text-align: center; }
}
@media screen and (max-width: 1000px) { 
	#MainBanner1BoxContainer { text-align: center; width: 80%; }
	#MainBanner1OrderBox { width:80%; }
	#MainBanner1Quote { width:80%; font-size: 16px; }
}
@media screen and (max-width: 950px) { 
	#HomeCellLeftJC { font-size: 16px; }
}
@media screen and (max-width: 900px) { 
}
@media screen and (max-width: 850px) { 
	#MainBanner1 { padding: 20px 20px 20px 20px; }
	#MainBanner1BoxContainer { width: 100%; }
	#MainBanner1Order {  }
	#MainBanner1OrderBox { width:100%; }
	#MainBanner1Quote { width:100%; }
}
@media screen and (max-width: 800px) { 
}
@media screen and (max-width: 750px) { 
	#HomeButtonOrder { font-size: 16px; }
	#HomeButtonMore { font-size: 16px; }
	#HomeCellLeftJC { font-size: 14px; }
}
@media screen and (max-width: 700px) { 
	.HomeFeatureCell { display: block; padding: 10px 10px 20px 10px; }
	.HomeFeatureCellPortrait { display: block; padding: 10px; white-space: normal; }
	.HomeFeatureRow { display: block; }
	.HomeFeatureTable { display: block; }
}
@media screen and (max-width: 650px) { 
	#HomeButtonOrder { padding: 5px 10px 5px 10px; }
	#HomeButtonMore { padding: 5px 10px 5px 10px; }
}
@media screen and (max-width: 600px) { 
	#MainBanner1QuoteLine1 { display: inline; }
	#MainBanner1QuoteLine2 { display: inline; }
	#HomeCellLeftJC { padding-right: 20px; }
}
@media screen and (max-width: 550px) { 
	#HomeButtonBox { padding: 20px 0px 0px 0px; text-align: center; }
	#HomeButtonOrder { font-size: 14px; }
	#HomeButtonMore { font-size: 14px; }
	#HomeCellLeftJC { display: block; }
	#HomeCellRightJC { display: block; }
	.HomeRowJC { display: block; }
	#HomeTableJC { display: table; width: 100%; max-width: 1000px; }
	#MainBanner1Quote { font-size: 16px; }
	
	/*.MainBanner1Box { padding: 10px; width: 90px; }*/
	/*.MainBanner1Thumb { width: 100px; height: 100px; border-width: 0px; }*/
	.MainBanner1ThumbCaption { font-size: 18px; }
}
@media screen and (max-width: 500px) { 
	/*.MainBanner1Thumb { width: 80px; height: 80px; }*/
}
@media screen and (max-width: 450px) { 
	.MainBanner1Box { width: 60px; }
	.MainBanner1Thumb { width: 60px; height: 60px; }
	.MainBanner1ThumbCaption { font-size: 16px; }
}
@media screen and (max-width: 400px) { 
	.FeatureProductInfo { font-size: 14px; }
	.MainBanner1Box { width: 180px; text-align: left; line-height: 0px; height: 80px; padding: 0px; }
	.MainBanner1Thumb { width: 80px; height: 80px; vertical-align: middle; }
	.MainBanner1ThumbCaption { font-size: 20px; vertical-align: middle; text-align: left; line-height: normal; }
}
@media screen and (max-width: 350px) { 
	.FeatureProductInfo { font-size: 12px; }
}
@media screen and (max-width: 300px) { 
}