/* Basic Typography
------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,600,800);

.df-card__regular-price{
    color:#0a6c90;
    font-weight: 800;
    font-size:30px;
}
body #doofinder, body #doofinder li, body #doofinder p,
body #doofinder p.price, #doofinder p.sale_price {
    font: normal 300 13px/18px 'Open Sans', sans-serif;
    text-align: left;
    color: white;
}

body #doofinder h1 {
    font: normal 600 18px/26px 'Open Sans', sans-serif;
    letter-spacing: 1px;
    text-align: left;
    color: white;
}

body #doofinder p em {
    font-weight: 600;
    font-style: normal;
}

/* Links */

body #doofinder li a,
body #doofinder a
{
    color:#FFFFFF;
}

/* Background Colors, Borders
------------------------------------- */

body #doofinder
{/*
    color: #FFFFFF;
    background:#333333;
    border:3px solid #FFFFFF;

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;

    /* We add a nice shadow 
    -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
    -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
    box-shadow: 3px 3px 5px rgba(0,0,0,0.4);*/
}

/* Vertical Bar */

body #doofinder .jspTrack {
    background-color: transparent;
}

body #doofinder .jspVerticalBar
 {
    background-color:#000000;

    /* Bottom-right border */
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

body #doofinder .jspDrag {
    background-color:#FFFFFF;
}


/* Results row */

body #doofinder ul li
{
    border-bottom-color: #FFFFFF;
}

/* What happens when mouse is over...?
------------------------------------- */

body #doofinder li:hover
{
    background-color: #222222;
}

/* Links */

body #doofinder li a:hover,
body #doofinder a:hover
{
    color:#FFFFFF;
}

/* Headers */

body #doofinder li:hover h1,
body #doofinder h1:hover
{
    text-decoration:underline;
}

/* Images
------------------------------------- */

body #doofinder img.image
{
    float:right;
    margin-right:0;
    margin-left: 10px;

    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}


/* Prices
------------------------------------- */

body #doofinder p.price
{
    font-weight: 600;
    font-size:18px;
    line-height: 26px;
    margin-top:26px;
    color: lightyellow;
}

body #doofinder p.sale_price
{
    color: lightyellow;
    font-weight: 800;
    font-size:26px;
    line-height: 26px;
    margin-top:26px;
    margin-left: 90px;
}

