.general-detail {
}

.general-detail .small-viewer {
	float: left;
	clear: left;
	padding: 0 20px 20px 0;
	background: white;
}

.general-detail .large-viewer {
	float: left;
	clear: left;
	margin: 0 20px 20px 0;
	background: white;
}


/* 
    OW-302, XL Top Image & Callouts 

    Need to make callouts a little bigger so they're the same width as SFImageReplaceLarge
    
*/

.general-detail.xl-top-image .callouts-column {
    width: 280px;
}

@media (max-width: 500px) {
    .general-detail.xl-top-image .callouts-column {
        width: auto;
    }
}