@import url("/css/drsm/fixed-banners.css");
/* ~~~~~~~~~~~~~  Digital Retail Site Management CSS - V3 ~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~ reset and overrides for rei.css ~~~~~~~~~~~~~~~ */
.drsm div {
    position: relative;
}
.drsm h1, .drsm h2, .drsm h3, .drsm h4, .drsm h5, .drsm h6, .drsm p, .drsm img, .drsm strong, .drsm sub, .drsm sup, .drsm ol, .drsm ul, .drsm li, .drsm a, .drsm a:link, .drsm a:visited {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-decoration: none;
    color: #333;
}
.drsm nav ul {
    list-style: none;
}
.drsm hr {
    height: 1px;
    border: none;
    margin: 0;
}
/* ~~~~~~~~~~~~~~~  END - css reset and overrides for rei.css ~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~ basic settings for common page elements ~~~~~~~~~~~~~~~ */
/* paragraph and in-text links */
.drsm p {
    font: normal 14px/18px Helvetica, Arial, sans-serif;
    color: #333;
}
.drsm .text-link, .drsm .text-link:link, .drsm .text-link:visited {
    text-decoration: underline;
}
/* hotspot */
.drsm .hotspot {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/pix/common/pixel.gif);
    z-index: 2;
    text-decoration: none;
}
/* hidden text */
.drsm .hidden-text {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -10px;
}
/* basic caret settings - right */
.drsm .caret-r:after {
    content: '';
    height: 0;
    width: 0;
    display: inline-block;
    zoom: 1;
    *display: inline;
    border-style: solid;
    border-color: transparent transparent transparent #333;
    margin: 0 0 1px 6px;
    border-width: 4px 0 4px 4px;
}
/* basic caret settings - left */
.drsm .caret-l:after {
    content: '';
    height: 0;
    width: 0;
    display: inline-block;
    zoom: 1;
    *display: inline;
    border-style: solid;
    border-color: transparent #333 transparent transparent ;
    margin: 0 0 1px 6px;
    border-width: 4px 4px 4px 0;
}
/* basic caret settings - down */
.drsm .caret-d:after {
    content: '';
    height: 0;
    width: 0;
    display: inline-block;
    zoom: 1;
    *display: inline;
    border-style: solid;
    border-color:  #333 transparent transparent transparent;
    margin: 0 0 2px 6px;
    border-width: 4px 4px 0  4px;
}
/* basic caret settings - up */
.drsm .caret-u:after {
    content: '';
    height: 0;
    width: 0;
    display: inline-block;
    zoom: 1;
    *display: inline;
    border-style: solid;
    border-color: transparent transparent #333 transparent;
    margin: 0 0 2px 6px;
    border-width: 0 4px 4px 4px;
}


/* basic cta settings */
.drsm .cta, .drsm .cta:link, .drsm .cta:visited {
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    z-index: 3;
    display: inline-block;
    zoom: 1;
    *display: inline;
    font: bold 14px Helvetica, Arial, sans-serif;
    text-align: center;
    padding: 10px 23px;
    color: #333;
}
.drsm .cta:hover, .drsm .cta:focus {
    text-decoration: none;
}
/* ~~~~~~~~~~~~~~~ END - basic settings for common page elements ~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~~ cta buttons ~~~~~~~~~~~~~~~~ */
/* green cta button - dark green text */
.drsm .cta-green, .drsm .cta-green:link, .drsm .cta-green:visited {
    background: #C0C726;
    color: #46522C;
}
.drsm .cta-green:after {
    border-left-color: #46522C;
}
.drsm .cta-green:hover, .drsm .cta-green:focus {
    background: #D9DD7D;
}

/* red cta button - white text */
.drsm .cta-red, .drsm .cta-red:link, .drsm .cta-red:visited {
    background: #C00;
    color: #FFF;
}
.drsm .cta-red:after {
    border-left-color: #FFF;
}
.drsm .cta-red:hover, .drsm .cta-red:focus {
    background: #D94040;
}

/* orange cta button - white text */
.drsm .cta-orange, .drsm .cta-orange:link, .drsm .cta-orange:visited {
    background: #DE7C00;
    color: #FFF;
}
.drsm .cta-orange:after {
    border-left-color: #FFF;
}
.drsm .cta-orange:hover, .drsm .cta-orange:focus {
    background: #E59633;
}

/* white cta button - red text */
.drsm .cta-white, .drsm .cta-white:link, .drsm .cta-white:visited {
    background: #FFF;
    color: #C00;
}
.drsm .cta-white:after {
    border-left-color: #C00;
}
.drsm .cta-white:hover, .drsm .cta-white:focus {
    background: rgba(255, 255, 255, 0.9);
}

/* blue cta button - grey text */
.drsm .cta-blue, .drsm .cta-blue:link, .drsm .cta-blue:visited {
    background: #64CCC9;
    color: #333;
}
.drsm .cta-blue:after {
    border-left-color: #333;
}
.drsm .cta-blue:hover, .drsm .cta-blue:focus {
    background: rgba(100, 204, 201, 0.9);
}

/* grey cta button - white text */
.drsm .cta-grey, .drsm .cta-grey:link, .drsm .cta-grey:visited {
    background: #333;
    color: #FFF;
}
.drsm .cta-grey:after {
    border-left-color: #FFF;
}
.drsm .cta-grey:hover, .drsm .cta-grey:focus {
    background: #4A4A4A;
}

.drsm .cta-external:after {
    content:"";
    width:14px;
    height:12px;
    margin-left:11px;
    background: url(/content/img/icons/blog-green.png) right center no-repeat;
    display: inline-block;
}

.drsm .cta-video:after {
    content:"";
    width:18px;
    height:12px;
    margin-left:11px;
    background: url(/content/img/icons/video-green.png) right center no-repeat;
    display: inline-block;
}
/* ~~~~~~~~~~~~~~~~ END - cta buttons ~~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~~ text links with caret ~~~~~~~~~~~~~~~~ */
.drsm .caret-black, .drsm .caret-black:link, .drsm .caret-black:visited {
    font: bold 14px/18px Helvetica, Arial, sans-serif;
    color: #333;
}
.drsm .caret-black:hover, .drsm .caret-black:focus {
    text-decoration: underline;
}
.drsm .caret-white, .drsm .caret-white:link, .drsm .caret-white:visited {
    font: bold 14px/18px Helvetica, Arial, sans-serif;
    color: #FFF;
}
.drsm .caret-white.caret-r:after {
    border-left-color: #FFF;
}
.drsm .caret-white.caret-l:after {
    border-right-color: #FFF;
}
.drsm .caret-white.caret-u:after {
    border-bottom-color: #FFF;
}
.drsm .caret-white.caret-d:after {
    border-top-color: #FFF;
}
.drsm .caret-white:hover, .drsm .caret-white:focus {
    text-decoration: underline;
}
/* ~~~~~~~~~~~~~~~~ END - text links with caret ~~~~~~~~~~~~~~~~ */


/* stars ratings */
.drsm .lp-product-rating {
   margin: 10px 0 0 -2px;
   padding: 0 0 0 90px;
   color: #333;
   background: url(/img/stars_small.gif) 0 -200px no-repeat;
   line-height: 14px;
   height: 18px;
   display: block;
   font-size: 12px;
   font-weight: normal;
}
.drsm .lp-product-rating.stars {
   background-position: 0 0;
}
.drsm .lp-product-rating.stars0point5 {
   background-position: 0 -18px;
}
.drsm .lp-product-rating.stars1 {
   background-position: 0 -36px;
}
.drsm .lp-product-rating.stars1point5 {
   background-position: 0 -54px;
}
.drsm .lp-product-rating.stars2 {
   background-position: 0 -72px;
}
.drsm .lp-product-rating.stars2point5 {
   background-position: 0 -90px;
}
.drsm .lp-product-rating.stars3 {
   background-position: 0 -108px;
}
.drsm .lp-product-rating.stars3point5 {
   background-position: 0 -126px;
}
.drsm .lp-product-rating.stars4 {
   background-position: 0 -144px;
}
.drsm .lp-product-rating.stars4point5 {
   background-position: 0 -162px;
}
.drsm .lp-product-rating.stars5 {
   background-position: 0 -180px;
}