/* Preview Main Containers (Preview item is 640px)
---------------------------------------------------------------- */
#resultsPreviewContainer {width: 100%; margin: 0 auto;}
#resultsPreviewItemContainer {float: none; width: 100%; max-width: 650px; margin: 0 auto; padding: 0;}
#resultsPreviewSpecsContainer {float: none; width: 100%; max-width: 650px; margin: 0 auto; padding: 15px;}

@media only screen and (min-width: 1110px) {
	#resultsPreviewContainer {width: 1080px;}
	#resultsPreviewItemContainer {float: left; width: 650px; margin: 0; padding: 0;}
	#resultsPreviewSpecsContainer {float: left; width: 430px; margin: 0; padding: 0 0 15px 20px;}
}

/* Preview Item Container
---------------------------------------------------------------- */
#resultsPreviewItem {margin-top: 5px;}

#ResultsPreviewNavDesktop {display: none;}
#ResultsPreviewDescriptionDesktop {display: none;}
#ResultsPreviewColorLinkDesktop {display: none;}
@media only screen and (min-width: 1110px) {
	#resultsPreviewItem {margin-top: 0;}
	#ResultsPreviewNavDesktop {display: block;}
	#ResultsPreviewDescriptionDesktop {display: block;}
	#ResultsPreviewColorLinkDesktop {display: block;}
}

.ResultsPreviewOverlayContainer {display: inline-block; padding: 0 10px 0 10px;}
.ResultsPreviewOverlayIcon {padding: 12px 0 10px 0; color: #8e8e8e;}
.ResultsPreviewOverlayIcon:hover {color: #ffcc33;}
.ResultsPreviewOverlay {font-size: 11px; line-height: 14px; color: #8e8e8e; font-weight: bold;}

/* Preview Specs Content
---------------------------------------------------------------- */
.resultsPreviewAddToCart {float: left; width: 100%; font-size: 14px; font-weight: 600;}
.resultsPreviewKeyword {float: left; width: 100%;}

@media only screen and (min-width: 481px) {
	.resultsPreviewKeyword {float: left; width: 50%;}
	.resultsPreviewAddToCart {float: right; width: auto;}
}

#ResultsPreviewNavMobile {display: block;}
#ResultsPreviewDescriptionMobile {display: block;}
#ResultsPreviewColorLinkMobile {display: block;}
@media only screen and (min-width: 1110px) {
	#ResultsPreviewNavMobile {display: none;}
	#ResultsPreviewDescriptionMobile {display: none;}
	#ResultsPreviewColorLinkMobile {display: none;}
}

#ResultsPreviewNavMobileSmall {display: block;}
#ResultsPreviewNavMobileRegular {display: none;}
@media only screen and (min-width: 381px) {
	#ResultsPreviewNavMobileSmall {display: none;}
	#ResultsPreviewNavMobileRegular {display: block;}
}

.btnFontAwesome {font-family: FontAwesome, open-sans, arial; margin-bottom: 10px; width: 100%;}