p {
    clear: both;
    float: none;
}

.swatch-box{
    position: relative;
    display: block;
    width: auto;
    height: auto;
    background: none;
    vertical-align: baseline;
    float: left;
    clear: both;
    margin-bottom: 10px;
}

.swatch-box h5{
    text-align: left;
    margin-bottom: 0px;
    margin-left: 5px;
}
.color-swatch {
    width: 75px;
    height: 75px;
    float: left;
    border-radius: 5px;
    margin: 5px;
    box-shadow: 1px 1px 2px 1px #5C5C5C;
    text-align: center;
    position: relative;
    z-index: 0;
}

.color-swatch[title]:hover:after {
 
}

.color-bar {
    width: 100%;
    height: 25%;
    background-color: #0054a4;
    position: absolute;
    top: 65%;
    z-index: 1;
    font-family: Myriad Pro;
    text-align: center;
    color: #FFFFFF;
    font-size: x-small;
    text-transform: uppercase;
    line-height: 90%;
    vertical-align: middle;
    padding-top: 2px;
}

/*USE ONLY FOR SINGLE-WORD COLOR NAMES*/
.color-bar span{
    display: inline-block;
    vertical-align: top;
    line-height: 18px;
}

.frankford-black-white {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Black-White.jpg?fv=A2B56BB5CC4133CE9DCCC23E42D8F867);
    background-size: contain;
}

.frankford-black {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Black.jpg?fv=3BCDF905587CFB90F9F46BF4814DFB7A);
    background-size: contain;
}

.frankford-blue-white {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Blue-White.jpg?fv=05BEB0C3450F46029FBC0F74C5DECFAA);
    background-size: contain;
}

.frankford-brown {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Brown.jpg?fv=55CE64C532BFF8DEBA10009801B334DE);
    background-size: contain;
}

.frankford-burgundy {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Burgundy.jpg?fv=91EEDB22300C05B92E3FE3754EBD0F3E);
    background-size: contain;
}

.frankford-cadet-gray {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Cadet-Gray.jpg?fv=9938A8C6BB487819FE75367DE23D076A);
    background-size: contain;
}

.frankford-capri {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Capri.jpg?fv=72CC7262D37CB9294B580C0E031259C8);
    background-size: contain;
}

.frankford-charcoal-gray {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Charcoal-Gray.jpg?fv=BFDC773EEAAED83D984C6CBF8632A076);
    background-size: contain;
}

.frankford-coral {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Coral.jpg?fv=59FE13F4BC6BE02C7EF3ADB6C889B18C);
    background-size: contain;
}

.frankford-forest-green {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Forest-Green.jpg?fv=A5F481BDF4175183024482D110875C54);
    background-size: contain;
}

.frankford-linen {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Linen.jpg?fv=3A9749EAF298BB5A174A377148F94959);
    background-size: contain;
}

.frankford-logo-red {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Logo-Red.jpg?fv=0CA0969772E92A9378774C7EBB0B606B);
    background-size: contain;
}

.frankford-navy-blue {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Navy-Blue.jpg?fv=1303A574831320EADBAA8885917FE165);
    background-size: contain;
}

.frankford-orange-white {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Orange-White.jpg?fv=5C0EDA9ACABCCB5AE1379C323911C951);
    background-size: contain;
}

.frankford-orange {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Orange.jpg?fv=6EC14D8D90051FB5BE302D0D23A604D7);
    background-size: contain;
}

.frankford-pacific-blue {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Pacific-Blue.jpg?fv=E8A44A5DA22532D5F87345036FADAA87);
    background-size: contain;
}

.frankford-pistachio {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Pistachio.jpg?fv=025E5085F7763438B8A09E8BBFF10D54);
    background-size: contain;
}

.frankford-red-white {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Red-White.jpg?fv=8FBFCB2901477CB630C51E98E86690BA);
    background-size: contain;
}

.frankford-terracotta {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Terracotta.jpg?fv=25C9FB65A9A9E7EECCF4B31C1633B0E6);
    background-size: contain;
}

.frankford-toast {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-toast.jpg?fv=6A96E16B8EE54E2B196079FEEEC06030);
    background-size: contain;
}

.frankford-turquoise-white {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Turquoise-White.jpg?fv=72698CCA2E3E9C0DCD95F5322A71F380);
    background-size: contain;
}

.frankford-turquoise {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Turquoise.jpg?fv=1C08803A45CDCE11D19C72F71ABF2B60);
    background-size: contain;
}

.frankford-white {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-White.jpg?fv=E95B864CF794F327AC3822DDF7E7023B);
    background-size: contain;
}

.frankford-yellow-white {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Yellow-White.jpg?fv=9E6F1AACC9AAD89A35DF065F1F96F7AA);
    background-size: contain;
}

.frankford-yellow {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Yellow.jpg?fv=E339C78E1CBDAE9B0921E95B1F2BD644);
    background-size: contain;
}

.frankford-sunflower {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Sunflower.jpg?fv=E339C78E1CBDAE9B0921E95B1F2BD644);
    background-size: contain;
}

.frankford-frame-matte-silver {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Frame-Matte-Silver.jpg?fv=F308CEAFB710C05000400F298D5F6F72);
    background-size: contain;
}

.frankford-frame-polished-silver {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Frame-Polished-Silver.jpg?fv=AE815FA05549B1DD3885908968558568);
    background-size: contain;
}

.frankford-frame-golden-oak {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Frame-Golden-Oak.jpg?fv=127144ED7E20A242396712B6DC597B6E);
    background-size: contain;
}

.frankford-frame-heather-willow {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Frame-Heather-Willow.jpg?fv=591225DA144015FA1BE2298DD74B3370);
    background-size: contain;
}

.frankford-frame-matte-black {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Frame-Matte-Black.jpg?fv=4965D950D08C58403DB42E681B2CAD4F);
    background-size: contain;
}

.frankford-frame-matte-white {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Frame-Matte-White.jpg?fv=04D931DDEDEFF4FA180A876250503CBE);
    background-size: contain;
}

.frankford-frame-matte-bronze {
    background-image: url(/img/esource3/prodinfo/html/swatches/Swatch-Frankford-Frame-Matte-Bronze.jpg?fv=5037BCBE84BD4E26B5E8221D523B7B5A);
    background-size: contain;
}

.frankford-strap-white {
    background-color: #ffffff;
}

.frankford-strap-vanilla {
    background-color: #fefce4;
}

.frankford-strap-yellow {
    background-color: #fdf281;
}

.frankford-strap-citron-yellow {
    background-color: #fdf6ad;
}

.frankford-strap-driftwood {
    background-color: #ccc291;
}

.frankford-strap-camel {
    background-color: #c8b08b;
}

.frankford-strap-saddle {
    background-color: #8b4a30;
}

.frankford-strap-dark-brown {
    background-color: #572a2a;
}

.frankford-strap-terracotta {
    background-color: #8d3b36;
}

.frankford-strap-kelly-green {
    background-color: #297339;
}

.frankford-strap-dark-green {
    background-color: #1f4b24;
}

.frankford-strap-baby-blue {
    background-color: #d4edea;
}

.frankford-strap-turquoise {
    background-color: #55a495;
}

.frankford-strap-french-blue {
    background-color: #65a6cc;
}

.frankford-strap-royal-blue {
    background-color: #0071b9;
}

.frankford-strap-navy-blue {
    background-color: #061838;
}

.frankford-strap-orange {
    background-color: #f26627;
}

.frankford-strap-gray {
    background-color: #a1a5a3;
}

.frankford-strap-black {
    background-color: #000000;
}

.frankford-strap-buttercup {
    background-color: #f9bd2a;
}

.frankford-strap-off-white {
    background-color: #faf6ee;
}

.frankford-strap-red {
    background-color: #c92039;
}

.frankford-strap-jade-green {
    background-color: #2a7867;
}

.frankford-strap-twilight-rose {
    background-color: #f1afa9;
}

.frankford-strap-cappuccino {
    background-color: #bd947d;
}

.frankford-strap-clover {
    background-color: #9acfc2;
}

.frankford-strap-leisure-brown {
    background-color: #3f1312;
}

.frankford-strap-adobe {
    background-color: #947b64;
}

.frankford-strap-nantucket-blue {
    background-color: #9db4bc;
}

.frankford-strap-dusty-blue {
    background-color: #717b8c;
}

.frankford-strap-burgundy {
    background-color: #8a181a;
}

.frankford-strap-putty {
    background-color: #b1ac92;
}

.frankford-strap-coffee {
    background-color: #954c4c;
}

.frankford-strap-mistletoe {
    background-color: #87987a;
}

.frankford-strap-papaya {
    background-color: #fcccb5;
}

.frankford-strap-holly-green {
    background-color: #4f6257;
}

.frankford-strap-slate-blue {
    background-color: #576570;
}

.frankford-strap-sherwood-green {
    background-color: #1d6253;
}

.frankford-strap-deepwater-blue {
    background-color: #216260;
}

.frankford-strap-charcoal {
    background-color: #666766;
}

.frankford-strap-forest-green {
    background-color: #324c3e;
}

.frankford-strap-dove {
    background-color: #e3d8d0;
}

.frankford-strap-light-blue {
    background-color: #b7ccea;
}