@font-face {
    font-family: 'DINWeb';
    src: url('../fonts/DINWeb.eot');
    src: url('../fonts/DINWeb.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DINWeb.woff') format('woff');
}

@font-face {
    font-family: 'DINWeb-Medium';
    src: url('../fonts/DINWeb-Medium.eot');
    src: url('../fonts/DINWeb-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DINWeb-Medium.woff') format('woff');
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    line-height: 1;
    text-align: center;
    color: #555;
    background: #111 url(../img/background-ID.png) repeat;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;;
    font-size: 100%;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a:link, a:active, a:hover, a:visited {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: #000;
}

a:hover, a.green {
    color: #66cc00;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}

*:first-child + html .clearfix {
    zoom: 1;
}

/********** end reset ***********/

/********* typography ****************/

h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
    letter-spacing: -.02em;
    font-family: 'DINWeb';
}

p {
    line-height: 1.4;
}

.main-col p.standard {
    font-size: 14px;
}

strong {
    font-weight: bold;
}

.green {
    color: #66cc00;
}

.hide-text {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.pad-l-r {
    padding-left: 1em;
    padding-right: 1em;
}

.pad-bot-med {
    padding-bottom: .5em;
}

.uppercase {
    text-transform: uppercase;
}

.din {
    letter-spacing: -.02em;
    font-family: 'DINWeb';
}

.din-med {
    font-family: 'DINWeb-Medium';
    letter-spacing: -.02em;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

hr {
    border-right: 0;
    border-left: 0;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

.pad-top-med {
    padding-top: 20px;
}

.btn-primary {
    background-color: #eee;
    border: 1px solid #d5d5d5;
    color: #555;
    font-weight: bold;
    line-height: 1;
    padding: .66em .75em;
    -webkit-transition: background-color .2s linear, border-color .2s linear;
    -moz-transition: background-color .2s linear, border-color .2s linear;
    -ms-transition: background-color .2s linear, border-color .2s linear;
    transition: background-color .2s linear, border-color .2s linear;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #39b54a;
    border: 1px solid #278f35;
    color: #fff;
}

.btn-primary-new {
    background-color: #39b54a;
    border: 1px solid #d5d5d5;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    padding: .66em .75em;
    -webkit-transition: background-color .2s linear, border-color .2s linear;
    -moz-transition: background-color .2s linear, border-color .2s linear;
    -ms-transition: background-color .2s linear, border-color .2s linear;
    transition: background-color .2s linear, border-color .2s linear;
}

.btn-primary-new:hover,
.btn-primary-new:focus,
.btn-primary-new:active {
    background-color: #eee;
    border: 1px solid #278f35;
    color: #555;
}

p em {
    font-style: italic;
}

.full {
    width: 100%;
    display: block;
}

.hide {
    display: none;
}

.pad-bot-med {
    padding-bottom: 20px;
}

.pad-bot-small {
    padding-bottom: 10px;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.inline-block {
    display: inline-block;
}


/********* end typography ****************/

/******** layout *********/

.outercontainer {
    width: 100%;
    display: block;
}

.wrapper {
    max-width: 1060px;
    padding: 1em 1em 0 1em;
    background: #fff;
    display: block;
    margin: 1em auto;
    text-align: left;
    -webkit-box-shadow: 0 0 6px 6px #000000;
    -moz-box-shadow: 0 0 6px 6px #000000;
    -ms-box-shadow: 0 0 6px 6px #000000;
    box-shadow: 0 0 6px 6px #000000;
}

header.tophead {
    background: #fff;
    width: 100%;
    display: block;
    clear: both;
}

.head-left {
    float: left;
    display: inline-block;
}

.head-right {
    float: right;
    display: inline-block;
}

.toplogo {
    display: inline-block;
    margin-bottom: .5em;
}

.dot {
    display: inline-block;
}

.dot:after {
    font-family: 'FontAwesome';
    content: "\f111";
    font-size: 8px;
    position: relative;
    top: -3px;
}

ul.social {
    display: block;
}

ul.social li {
    display: inline-block;
}

ul.social li:last-child {
    margin-right: 0;
}

ul.social li a {
    display: inline-block;
    color: #fff;
    font-size: 1.5em;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -ms-transition: transform .2s linear;
    transition: transform .2s linear;
}

ul.social li a:after {
    font-family: 'FontAwesome';
}

ul.social li.facebook a:after {
    content: "\f09a";
    color: #3b5997;
}

ul.social li.twitter a:after {
    content: "\f099";
    color: #41b7d8;
}

ul.social li.flickr a:after {
    content: "\f16e";
    color: #555;
}

ul.social li.vimeo a:after {
    content: "\f194";
    color: #17b3e8;
}

ul.social li.google a:after {
    content: "\f0d5";
    color: #d64937;
}

ul.social li a:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.basket {
    display: block;
    clear: both;
    padding: .5em 0;
    text-align: right;
}

.basket a {
    color: #555;
    display: inline-block;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    -ms-transition: color .2s linear;
    transition: color .2s linear;
}

.basket a:after {
    font-family: 'FontAwesome';
    content: "\f07a";
    margin-left: .5em;
}

.basket a:hover {
    color: #66cc00;
}

.blackbar {
    background: #070707;
    min-height: 26px;
}

.body-content {
    clear: both;
    display: block;
    width: 100%;
    padding-bottom: 3em;
    padding-top: 1em;
}

.blackbar-top {
    display: block;
    width: 100%;
    padding: .3em 1em;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-top: -1em;
    background: -webkit-linear-gradient(#ffffff, #dddddd);
    background: -moz-linear-gradient(#ffffff, #dddddd);
    background: -o-linear-gradient(#ffffff, #dddddd);
    background: -ms-linear-gradient(#ffffff, #dddddd);
    background: linear-gradient(#ffffff, #dddddd);
    background-repeat: repeat;
}

.logo {
    padding: 1em 0;
    display: inline-block;
    float: left;
}

.logo p {
    padding-top: .5em;
    font-size: 1.2em;
    font-family: 'DINWeb';
    padding-bottom: 0;
    letter-spacing: -.02em;
}

.blackbar-top li {
    font-size: .8em;
    display: inline-block;
    margin-left: .5em;
}

.blackbar-top .user-area li:first-child {
    margin-left: 0;
}

.blackbar-top a {
    color: #555;
    display: inline-block;
    font-family: 'DINWeb';
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.blackbar-top a .fa {
    font-size: 1.2em;
}

.blackbar-top a:hover {
    color: #66cc00;
}

.user-area {
    display: inline-block;
    padding-bottom: 3px;
    float: right;
    text-align: right;
}

.emergency {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
}

.emergency-link {
    display: inline-block;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    color: #fff;
    position: relative;
    border-left: 1px solid #fff;
    text-shadow: 0px 1px 1px rgba(00, 00, 00, .5);
    background: -webkit-linear-gradient(#fe0000, #a00101);
    background: -moz-linear-gradient(#fe0000, #a00101);
    background: -o-linear-gradient(#fe0000, #a00101);
    background: -ms-linear-gradient(#fe0000, #a00101);
    background: linear-gradient(#fe0000, #a00101);
    background-repeat: repeat;
    -webkit-background-size: 100% 200%;
    -moz-background-size: 100% 200%;
    background-size: 100% 200%;
    -webkit-transition: background .25s linear;
    -moz-transition: background .25s linear;
    -ms-transition: background .25s linear;
    transition: background .25s linear;
}

.emergency-link:active, .emergency-link:focus {
    color: #fff;
}

.emergency-link span.emergency-text {
    line-height: 1.33;
    display: inline-block;
    font-family: 'DINWeb';
}

.emergency-link .fa.fa-3x {
    font-size: 34px;
    position: absolute;
    top: .1em;
    left: .2em;
}

.emergency-link .expand {
    display: inline-block;
    position: relative;
    padding: 0 0.7em 0 3.2em;
    height: 40px;
    line-height: 40px;
    -webkit-transition: transform .25s linear, border-radius .25s linear;
    -moz-transition: transform .25s linear, border-radius .25s linear;
    -ms-transition: transform .25s linear, border-radius .25s linear;
    transition: transform .25s linear, border-radius .25s linear;
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
}

.emergency-link:hover .expand, .emergency-link.emergency-link-active .expand {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
}

.emergency-link:hover {
    background-position: 0 100%;
    color: #fff;
}

.emergency-link.emergency-link-active {
    background-position: 0 100%;
    color: #fff;
    -webkit-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
}

.emergency-overlay {
    background: #fff;
    width: 1028px;
    padding: 15px;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 99;
    clear: both;
    -webkit-transition: opacity .25s linear;
    -moz-transition: opacity .25s linear;
    -ms-transition: opacity .25s linear;
    transition: opacity .25s linear;
    -webkit-box-shadow: 0 4px 3px 0 rgba(00, 00, 00, .33);
    box-shadow: 0 4px 3px 0 rgba(00, 00, 00, .33);
    visibility: hidden;
    opacity: 0;
}

.emergency-overlay.emergency-active {
    visibility: visible;
    opacity: 1;
}

.main-col .advisory-imgs ul li ul.circle-bullet {
    padding-left: 0;
    float: none;
    display: block;
    list-style-type: disc;
}

.main-col .advisory-imgs ul li ul.circle-bullet li {
    float: none;
    display: block;
    padding: 0;
    list-style-type: square;
}

.main-col .engraving_type_section .advisory-imgs ul li ul.circle-bullet {
    padding-left: 0;
    float: none;
    display: block;
    list-style-type: disc;
}

.main-col .engraving_type_section .advisory-imgs ul li ul.circle-bullet li {
    float: none;
    display: block;
    padding: 0;
    list-style-type: circle;

}

.emergency-overlay.on-page-emergency-overlay {
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    position: relative;
    top: auto;
    right: auto;
    padding-bottom: 1em;
}


.navigation-trigger {
    display: none;
}

.nav {
    width: 100%;
    position: relative;
    display: block;
}

.main-nav {
    background: #231f20;
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: .5em;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.main-nav ul {

}

.main-nav ul li {
    float: left;
    display: block;
    position: relative;
    margin-right: 1px;
    margin-bottom: 0;
}

.main-nav ul li a {
    color: #fff;
    float: left;
    display: block;
    padding: 0 .8em;
    font-family: 'DINWeb-Medium';
    height: 40px;
    position: relative;
    line-height: 40px;
    -webkit-transition: background .25s linear;
    -moz-transition: background .25s linear;
    -ms-transition: background .25s linear;
    transition: background .25s linear;
}

.main-nav ul li.home a {
    width: 50px;
}

.main-nav ul li.home a .fa-home {
    color: #66cc00;
    font-size: 24px;
    position: absolute;
    top: 7px;
    left: .6em;
}

.main-nav ul li:first-child, .main-nav ul li:first-child a {
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.main-nav ul li a:hover, .main-nav ul li:hover {
    background: #575757;
}

.main-nav ul li ul {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 100%;
    background: rgba(00, 00, 00, .66);
    padding: 10px 10px 10px 0;
    width: 320px;
    z-index: 100;
    -webkit-box-shadow: 0 4px 0 0 rgba(00, 00, 00, .2);
    box-shadow: 0 4px 0 0 rgba(00, 00, 00, .2);
    -webkit-transition: opacity .25s linear;
    -moz-transition: opacity .25s linear;
    -ms-transition: opacity .25s linear;
    transition: opacity .25s linear;
}

.main-nav ul li:hover ul {
    visibility: visible;
    opacity: 1;
}

.main-nav ul li ul li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1px;
}

.main-nav ul li ul li a {
    float: none;
    width: 100%;
    position: relative;
    color: #555;
    text-shadow: 0px 1px 1px #fff;
    background: #ddd;
    background: -webkit-linear-gradient(#ffffff, #dddddd);
    background: -moz-linear-gradient(#ffffff, #dddddd);
    background: -o-linear-gradient(#ffffff, #dddddd);
    background: -ms-linear-gradient(#ffffff, #dddddd);
    background: linear-gradient(#ffffff, #dddddd);
    background-repeat: repeat;
    -webkit-background-size: 100% 200%;
    -moz-background-size: 100% 200%;
    background-size: 100% 200%;
    -webkit-transition: background .25s linear;
    -moz-transition: background .25s linear;
    -ms-transition: background .25s linear;
    transition: background .25s linear;
}

.main-nav ul li ul li a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    float: right;
}

.main-nav ul li ul li:first-child,
.main-nav ul li ul li:first-child a {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.main-nav ul li ul li a:hover {
    background: -webkit-linear-gradient(#ffffff, #dddddd);
    background: -moz-linear-gradient(#ffffff, #dddddd);
    background: -o-linear-gradient(#ffffff, #dddddd);
    background: -ms-linear-gradient(#ffffff, #dddddd);
    background: linear-gradient(#ffffff, #dddddd);
    background-repeat: repeat;
    -webkit-background-size: 100% 200%;
    -moz-background-size: 100% 200%;
    background-size: 100% 200%;
    background-position: 0 100%;
}

.highlights {
    width: 100%;
    display: block;
    padding: 1em 0 0 0;
    border-bottom: 4px solid #eee;
    -webkit-transform: translate3d(0, 0, 0);
}

.videothumbs {
    padding: 0
}

.products .highlights {
    border-bottom: 0;

}

.body-content .highlights {
    margin-bottom: 16px;
}

.highlights ul {

}

.highlights ul li, .videothumbs ul li {
    float: left;
    display: block;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 1em;
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.videothumbs ul li:hover {
    box-shadow: 0 0 5px rgba(51, 51, 51, 0.53)
}

.videoblocks {
    background: #ccc;
    padding: 1em
}

.videothumbs.videoblocks ul li {
    width: 100%;
    margin: 1em 0 0 0;
    float: none
}

.videothumbs.videoblocks ul li:nth-child(1) {
    margin-top: 0
}

.videothumbs ul li a {
    position: relative;
    background: #121212;
    display: block
}

.videothumbs ul li a *, .videothumbs ul li a {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.videothumbs ul li h2 {
    min-height: 80px;
    color: #fff;
    font-size: 1.250em;
    text-align: center;
    padding: 15px 10px;
    background: rgb(51, 51, 51)
}

.videothumbs.videoblocks ul li h2 {
    min-height: 0;
    background: rgb(95, 95, 95)
}

.videothumbs.videoblocks ul li:hover {
    box-shadow: none
}

.videothumbs ul li h2 span, .duration {
    color: #6bce08;
    font-size: 0.750em;
    padding-left: 25px;
    position: relative
}

.videothumbs ul li.morevideos a figure {
    background: #9C9C9C
}

.videothumbs ul li.morevideos a:hover figure {
    background: #D8D8D8 !important
}

.videothumbs ul li.morevideos h2 span {
    color: #fff;
    padding: 0
}

.videothumbs ul li.morevideos h2 span:before,
.videothumbs ul li.morevideos h2 span:after {
    display: none
}

.videothumbs ul li.morevideos h2 em {
    font-size: 14px;
    display: inline-block;
    background: #231F20;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    vertical-align: middle;
    color: #333333
}

.videothumbs ul li.morevideos a:hover h2 em {
    background: #6bce08;
    color: #fff
}

.videothumbs ul li a:hover *,
.videothumbs ul li.morevideos a:hover h2 span {
    color: #6bce08
}

.videothumbs.videoblocks ul li a:hover h2 {
    background: rgb(51, 51, 51) !important
}

.videothumbs ul li h2 span:before,
.videothumbs ul li h2 span:after,
.top-header .duration:after {
    content: "";
    position: absolute;
    width: 18px;
    left: 0;
    top: 1px;
    height: 18px;
    opacity: 1;
    background: url('../img/timer.png') no-repeat left top;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.top-header .duration {
    margin: 6px 0 0 15px
}

.videothumbs ul li h2 span:after {
    background: url('../img/timerhover.png') no-repeat left top;
    opacity: 0
}

.videothumbs ul li a:hover h2 span:before {
    opacity: 0
}

.videothumbs ul li a:hover h2 span:after {
    opacity: 1
}

.videothumbs ul li figure {
    width: 100%;
    height: 170px;
    position: relative;
    background: #231F20
}

.videothumbs ul li figure img {
    position: absolute;
    display: block;
    height: 100%;
    width: auto;
    max-width: none;
    left: 50%;
    top: 0;
    opacity: 0.3;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.videothumbs ul li figure:before {
    content: "";
    width: 67px;
    display: block;
    position: absolute;
    height: 67px;
    background: #fff;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-transform: translate(-50%, -50%) scale(.8);
    -ms-transform: translate(-50%, -50%) scale(.8);
    -o-transform: translate(-50%, -50%) scale(.8);
    transform: translate(-50%, -50%) scale(.8);
    z-index: 100
}

.videothumbs ul li figure:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 0 11px 19.1px;
    border-color: transparent transparent transparent #6bce08;
    position: absolute;
    display: block;
    left: 50.5%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 101;
    -webkit-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none
}


.videothumbs ul li a:hover figure img {
    opacity: 1
}

.videocontent {
    padding-top: 1em
}

.products.grid-view .highlights ul li {
    border-bottom: 4px solid #eee;
    min-height: 750px;
    width: 29%;
    margin-right: 6.5%;
}

.products.grid-view .highlights ul li:nth-child(3n+3), .highlights ul li:nth-child(3n+3), .videothumbs ul li:nth-child(3n+3) {
    margin-right: 0;
}

.highlights ul li a img {
    display: block;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    transition: all .25s linear;
}

.highlights ul li a {
    display: block;
    width: 100%;
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 16px;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    transition: all .25s linear;
}

.link-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    background: rgba(00, 00, 00, .66);
    color: #fff;
    padding: .75em;
    font-family: 'DINWeb';
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.66);
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.highlights ul li a img {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.highlights ul li a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.main-col {
    float: left;
    display: inline-block;
    width: 66%;
}

.main-col.full-width {
    width: 100%;
    display: block;
    float: none;
    padding-bottom: 10px;
}

.secondary-col {
    float: right;
    display: inline-block;
    width: 32%;
}

.third-col {
    float: right;
    display: inline-block;
    width: 80%;
    padding-right: 20%;

}

.top-header {
    width: 100%;
    display: block;
    padding-bottom: 1em;
}

.top-header img {
    vertical-align: middle;
    position: relative;
    top: -3px;
    margin: 0 15px 0 15px
}

.top-header h1 {
    font-size: 1.6em;
    color: #000;
}

.main-col p, .standard-para {
    padding-bottom: 1em;
    font-size: .9em;
}

.main-col ul {
    padding-left: 2em;
    padding-bottom: 1em;
}

.main-col .videocontent ul {
    background: #f0f0f0;
    border-left: 5px #66CC00 solid;
    padding: 1em 1em 0.5em 1em;
    margin-bottom: 1em;
}

.main-col .videocontent ul li {
    font-weight: bold;
    list-style-type: none
}

.main-col .highlights ul {
    padding-left: 0;
}

.main-col ul li {
    padding-bottom: .66em;
    list-style: circle;
    line-height: 1.4;
    font-size: .9em;
}

.main-col ul li ul {
    padding-bottom: 0;
}

.main-col ul li ul li {
    list-style-type: square;
}

.main-col ol {
    padding-left: 2em;
    padding-bottom: 1em;
}

.main-col ol li {
    padding-bottom: .66em;
    line-height: 1.4;
    font-size: .9em;
    list-style-type: decimal;
}

.main-col h2 {
    font-size: 1.4em;
    padding-bottom: .5em;
    clear: both;
}

.main-col h3 {
    font-size: 1.2em;
    padding-bottom: .3em;
}

.main-col .my-profiles .two-col-grid h3 {
    font-size: 1.1em;
}

.quote {
    display: block;
    width: 100%;
    margin-bottom: 1.5em;
}

.quote figure {
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 1em;
}

.quote figure img {
    display: block;
    margin: 0 auto;
}

.quote-content p {
    position: relative;
}

.quote-content > p:before {
    font-family: "FontAwesome";
    content: "\f10d";
    margin-right: .5em;
    color: #ccc;
}

.quote-content > p:after {
    font-family: "FontAwesome";
    content: "\f10e";
    margin-left: .5em;
    color: #ccc;
}

.quote-content {
    padding: 1em;
    display: block;
    background: #eee;
    border-left: 3px solid #ccc;
}

.footer {
    background: #d6d6d6;
    min-height: 120px;
    margin-left: -1em;
    margin-right: -1em;
    padding: 2em 1em 1em 1em;
}

.footer .highlights {
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0;
}

.footer .highlights ul {

}

.footer .highlights ul li {
    min-height: 20px;
}

.footer .highlights ul li h3 {
    border-bottom: 1px solid #fff;
    margin-bottom: .5em;
}

.footer .highlights ul li h3 a {
    color: #555;
    font-size: .9em;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    -ms-transition: color .2s linear;
    transition: color .2s linear;
}

.footer .highlights ul li h3 a:hover {
    color: #66cc00;
}

.footer .highlights ul li ul.social, .footer .highlights ul li ul {
    position: relative;
    right: auto;
    top: auto;
    float: none;
}

.footer .highlights ul li ul li {
    float: none;
    width: auto;
    margin: 0 0 0 0;
    overflow: visible;
    min-height: 10px;
    line-height: 1.4;
}

.footer .highlights ul li ul li a {
    font-size: .9em;
}

.footer .highlights ul li ul.social li {
    display: inline-block;
    line-height: 1;

}

.footer .highlights ul li ul.social li {
    margin-right: 0;
}

.footer ul.social li a {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    float: none;
    width: auto;
    font-size: 20px;
    width: 36px;
    height: 36px;
    text-align: center;
    background: #4b4b4b;
    color: #fff;
    padding-top: 8px;
}

.footer .highlights p {
    font-size: .8em;
    padding-bottom: .5em;
}

.form-container {
    width: 100%;
    clear: both;
    display: block;
    background: #ccc;
    padding: .5em;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.form-container input[type="text"] {
    width: 66%;
    float: left;
}

.form-container input[type="submit"] {
    width: 32%;
    float: right;
}

.formelement {
    width: 100%;
    display: block;
    clear: both;
    padding-bottom: .5em;
}

.formelement label {
    display: block;
    padding-bottom: 4px;
}

.sign-in-form {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}

.sign-in-content {
    width: 64%;
    display: block;
    padding: 1em;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    z-index: 1000;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    -webkit-transition: opacity .25s linear;
    -moz-transition: opacity .25s linear;
    -ms-transition: opacity .25s linear;
    transition: opacity .25s linear;

}

.sign-in-open .sign-in-content {
    opacity: 1;
    visibility: visible;
}

.sign-in-content h4 {
    font-size: 1.2em;
    border-bottom: 1px solid #ddd;
    margin-bottom: .5em;
}

.form-info {
    text-align: right;
    width: 100%;
    display: block;
    font-size: .8em;
    padding-top: 4px;
}

.activate-product {
    padding: .5em;
    background: #ddd;
}

.activate-product p {
    font-size: .8em;
    padding-bottom: .5em;
}

.logged-in-user {
    display: inline-block;
    float: left;
    padding-top: 2px;
}

.logged-in-user a {
    font-size: .8em;
    color: #555;
    margin-right: .5em;
}

.logged-in-user a.p-profile {

}

.logged-in-user a.user-email {
    margin-right: 0;
}

.logged-in-user a.p-profile:hover {

}

.logged-in-user a.user-email:hover {

}

.restrict-text {
    max-width: 260px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    direction: ltr;
    margin-bottom: -2px;
}

.news {
    display: block;
    width: 100%;
}

.news-item {
    display: block;
    width: 100%;
    padding-bottom: 1em;
    border-bottom: 4px solid #ddd;
    margin-bottom: 1em;
}

.news-item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.news-item figure {
    float: left;
    width: 32%;
    display: inline-block;
    padding-bottom: .5em;
}

.news-item header {
    width: 100%;
    padding-bottom: .5em;
}

.news-item header h2 {
    font-size: 1.2em;
}

.news-content {
    float: right;
    width: 66%;
    display: inline-block;
}

.news-content p {
    font-size: .9em;
}

.news-item footer {
    width: 100%;
    display: block;
    clear: both;
}

.author {
    font-size: .8em;
    float: left;
    display: inline-block;
}

.news-item footer a {
    font-size: .8em;
    display: inline-block;
}

.pagination {
    display: block;
    width: 100%;
    text-align: center;
}

.pagination a {
    font-size: .9em;
}

.pagination span.disabled {
    font-size: .9em;
    color: #ddd;
}

.plus {
    display: none;
}

.twitter-feed {
    clear: both;
    display: block;
    width: 100%;
    margin-bottom: 1em;
    text-align: center;
}

.facebook-feed {
    max-width: 280px;
    margin: 0 auto;
}

.delivery {
    display: block;
    width: 100%;
    padding-bottom: 1em;
}

.delivery a {
    display: inline-block;
    padding: .8em 0;
    width: 100%;
    text-align: center;
    border: 2px solid #006600;
    color: #006600;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    transition: all .25s linear;
}

.delivery a:hover {
    background: #006600;
    color: #fff;
}

.van {
    text-align: center;
    display: inline-block;
}

.van:after {
    font-family: 'FontAwesome';
    content: "\f0d1";
    font-size: 20px;
}

.sign-in-close {
    width: 24px;
    height: 24px;
    display: block;
    background: #e73511 url('../img/white-cross.png') no-repeat 5px 5px;
    position: absolute;
    top: .5em;
    right: 1em;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.sign-in-close:hover {
    background-color: #9b0000;
}

.news-teasers {
    width: 100%;
    padding-bottom: .5em;
}

.grey-head {
    background: #e5e5e5;
    display: block;
    width: 100%;
    padding: .5em .5em .4em .5em;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.grey-head h2 {
    font-size: 1.2em;
}

.news-tease {
    padding: .5em;
    display: block;
    width: 100%;
}

.news-tease li {
    display: block;
    width: 100%;
    padding-bottom: 1em;
}

.news-tease li h3 a {
    color: #555;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    -ms-transition: color .2s linear;
    transition: color .2s linear;
}

.news-tease li h3 a:hover {
    color: #66cc00;
}

.news-tease li p {
    font-size: .8em;
}

.teaser-foot {
    display: block;
    width: 100%;
    padding-top: .5em;
}

.teaser-foot a {
    font-size: .8em;
    color: #555;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    -ms-transition: color .2s linear;
    transition: color .2s linear;
}

.teaser-foot a:hover {
    color: #66cc00;
}


/****** fading carousel *****/
.carousel.fade {
    opacity: 1;
    min-height: 10px;
    width: 100%;
    display: block;
}

.carousel.fade .item {
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    left: 0 !important;
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block !important;
    z-index: 1;
}

.carousel.fade .item:first-child {
    top: auto;
    position: relative;
}

.carousel.fade .item.active {
    opacity: 1;
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    z-index: 2;
}

.carousel-control {
    z-index: 10;
}

.carousel-control.left.left-arrow, .carousel-control.right.right-arrow {
    background: none;
    background-image: none;
    background-repeat: no-repeat;
    bottom: auto;
    font-size: 3em;
    top: 50%;
    margin-top: -.75em;
    width: auto;
    height: auto;
}

.carousel-control.left.left-arrow {
    left: 2%;
}

.carousel-control.right.right-arrow {
    right: 2%;
}

.carousel-text {
    position: absolute;
    top: 20%;
    right: 0;
    width: 36%;
    padding: 1.2em;
    bottom: 8%;
    -webkit-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
}

.carousel-text.orange-back {
    background: rgba(255, 153, 0, .66);
}

.carousel-text.blue-back {
    background: rgba(25, 72, 255, .66);
}

.carousel-text.green-back {
    background: rgba(83, 165, 0, .66);
}

.carousel-text.grey-back {
    background: rgba(130, 130, 130, .66);
}

.img-responsive, .carousel-inner > .item > img {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.carousel-text h2 {
    color: #fff;
    font-size: 2.3em;
    line-height: 1;
    padding-bottom: .5em;
    text-shadow: 0px 1px 1px rgba(00, 00, 00, .5);
}

.carousel-text p {
    color: #fff;
    text-shadow: 0px 1px 1px rgba(00, 00, 00, .5);
    font-size: 1.3em;
    line-height: 1;
}

.c-text-footer {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 1em;
    text-align: right;
    width: 100%;
}

.c-text-footer a {
    color: #fff;
    text-shadow: 0px 1px 1px rgba(00, 00, 00, .5);
    display: inline-block;
    webkit-border-radius: 6px;
    border-radius: 6px;
    padding: .3em .8em;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    transition: background .2s linear;
}

.c-text-footer a:after {
    content: "\f105";
    font-family: 'FontAwesome';
    margin-left: .4em;
    display: inline-block;
}

.c-text-footer a.shop-orange {
    background: #ff9900;
}

.c-text-footer a.shop-blue {
    background: #1948ff;
}

.c-text-footer a.shop-green {
    background: #53a500;
}

.c-text-footer a.shop-grey {
    background: #929292;
}

#shopping_basket_suggestions_content .item > a {
    display: block;
    width: 33.3%;
    float: left;
    text-align: center;
}

.hash-link {
    position: absolute;
    top: 5%;
    right: 1.5em;
    text-align: right;
}

.hash-link p {
    color: #fff;
    font-family: 'DINWeb-Medium';
    font-size: 1.5em;
    text-shadow: 0 0 3px rgba(255, 255, 255, .5);
}

.hash-link p.hash-orange {
    color: #ff9900;
}

.hash-link p.hash-blue {
    color: #1948ff;
}

.hash-link p.hash-purple {
    color: #53a500;
}

.copyright {
    clear: both;
    display: block;
    width: 100%;
    text-align: center;
    padding-top: .5em;
}

.copyright p {
    color: #888;
    font-size: .8em;
}

.social-container {
    text-align: center;
    width: 100%;
    display: block;
    clear: both;
}

.f-logo {
    display: block;
    margin: 0 auto .5em auto;
}

.modal-search .input-group-btn .btn.btn-default {
    background: #006600;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(00, 00, 00, .3);
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    transition: background .2s linear;
}

.modal-search .input-group-btn .btn.btn-default:hover,
.modal-search .input-group-btn .btn.btn-default:active {
    background: #009900;
}

.panel-default > .panel-heading {
    padding: 0;
}

.panel-title {
    padding: 0;
}

.panel-title a {
    outline: none;
    display: block;
    padding: 8px 45px 8px 8px;
    position: relative;
    background: -webkit-linear-gradient(#ffffff, #dddddd);
    background: -moz-linear-gradient(#ffffff, #dddddd);
    background: -o-linear-gradient(#ffffff, #dddddd);
    background: -ms-linear-gradient(#ffffff, #dddddd);
    background: linear-gradient(#ffffff, #dddddd);
    background-repeat: repeat;
    -webkit-background-size: 100% 200%;
    -moz-background-size: 100% 200%;
    background-size: 100% 200%;
    -webkit-transition: background .25s linear;
    -moz-transition: background .25s linear;
    -ms-transition: background .25s linear;
    transition: background .25s linear;
}

.panel-title a:hover {
    background: -webkit-linear-gradient(#ffffff, #dddddd);
    background: -moz-linear-gradient(#ffffff, #dddddd);
    background: -o-linear-gradient(#ffffff, #dddddd);
    background: -ms-linear-gradient(#ffffff, #dddddd);
    background: linear-gradient(#ffffff, #dddddd);
    background-repeat: repeat;
    -webkit-background-size: 100% 200%;
    -moz-background-size: 100% 200%;
    background-size: 100% 200%;
    background-position: 0 100%;
}

.panel-title a:after {
    content: "\f067";
    font-family: "FontAwesome";
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    z-index: 10;
    height: 100%;
    width: 38px;
    background: rgba(00, 00, 00, .2);
    text-align: center;
    padding-top: 10px;
}

.panel-title a.acc-active {
    background: -webkit-linear-gradient(#ffffff, #dddddd);
    background: -moz-linear-gradient(#ffffff, #dddddd);
    background: -o-linear-gradient(#ffffff, #dddddd);
    background: -ms-linear-gradient(#ffffff, #dddddd);
    background: linear-gradient(#ffffff, #dddddd);
    background-repeat: repeat;
    -webkit-background-size: 100% 200%;
    -moz-background-size: 100% 200%;
    background-size: 100% 200%;
    background-position: 0 100%;
}

.panel-title a.acc-active:after {
    content: "\f068";
}

.panel-title a.acc-active.collapsed:after {
    content: "\f067";
}

.video-outer {
    margin-bottom: 20px;
    border: 20px solid #ddd;
    display: block;
    width: 100%;
}

.video-wrap {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.video-wrap.marbot-twenty {
    margin-bottom: 20px;
}

.video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.news-container {
    width: 100%;
    clear: both;
    display: block;
    padding-top: 16px;
}

.three-col-grid {
    width: 100%;
    clear: both;
    display: block;
}

.three-col-grid .grid-item {
    list-style-type: none;
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 1em;
    height: 450px;
    padding-bottom: 10px;
}

.three-col-grid .grid-item:nth-child(3n+3) {
    margin-right: 0;
}

.three-col-grid.contact-grid {
    padding-top: 30px;
}

.three-col-grid.contact-grid .grid-item {
    height: auto;
    margin-bottom: 2.5em;
}

.main-col .grid-item h3 {
    display: block;
    width: 100%;
    clear: both;
    font-family: "DINWeb-Medium";
}

.img-container {
    width: 100%;
    display: block;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 12px;
    position: relative;
}

.img-container img {
    display: block;
    margin: 0 auto;
}

.img-container img {
    -webkit-transition: transform .25s linear;
    -moz-transition: transform .25s linear;
    -ms-transition: transform .25s linear;
    transition: transform .25s linear;
}

.img-container:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.faux-footer {
    display: block;
    width: 100%;
    clear: both;
}

.faux-footer a {
    font-size: .9em;
}


.product-display {
    background: #f2f2f2;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 5px;
}

.product-toggle {
    display: block;
    float: right;
}

.product-toggle a {
    font-size: 28px;
    color: #aaa;
    text-shadow: 0px 1px 1px #fff;
    -webkit-transition: color .25s linear;
    -moz-transition: color .25s linear;
    -ms-transition: color .25s linear;
    transition: color .25s linear;
}

.product-toggle a:hover {
    color: #777;
}

.product-toggle a.toggle-active, .product-toggle a.toggle-active:hover {
    color: #66cc00;
}

.shop-grid {
    margin-right: .5em;
}

.shop-list:before {
    font-family: "FontAwesome";
    content: "\f00b";
}

.shop-grid:before {
    font-family: "FontAwesome";
    content: "\f00a";
}

.products {
    padding-top: 16px;
}

.back-top {
    clear: both;
    width: 100%;
    display: block;
    padding: 5px 0 0 0;
    text-align: right;
}

a.scrolltop {
    display: inline-block;
    font-size: .7em;
    padding: 4px 6px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #ccc;
    color: #444;
}

a.scrolltop:hover {
    background: #aaa;
    color: #fff;
}

.product-details-display p, .club-member-tags p {
    padding-bottom: 1em;
}

.product-back-link {
    display: block;
    padding-bottom: 10px;
}

.product-back-link:before {
    content: "\f100";
    font-family: "FontAwesome";
}

.product-back-link input[type="submit"] {
    border: 0;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: .9em;
}

.product-list-title {
    color: #000;
    font-size: 1.4em;
}


/*********** emergency details drop down ***********/
.emergency-overlay .two-col-grid ul li {
    margin-bottom: 0;
}

.emergency-details {
    display: block;
    width: 100%;
    border: 2px solid #cc0000;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: left;
}

.emergency-details h3 {
    color: #fff;
    background: #cc0000;
    font-size: 1.3em;
    padding: 0 10px;
}

.emergency-details h3:before {
    font-family: "FontAwesome";
    content: "\f0f9";
    margin-right: .3em;
}

.emergency-details-inner {
    display: block;
    padding: 10px;
}

.emergency-details-inner h4 {
    color: #cc0000;
    font-size: 1.8em;
    padding-bottom: 6px;
}

.emergency-details-inner label {
    color: #cc0000;
    font-size: 1.2em;
}

.emergency-details-foot {
    border-top: 2px solid #cc0000;
    padding: 10px 0 0 0;
    text-align: left;
    margin-top: 10px;
    width: 100%;
    clear: both;
}

.emergency-details-foot a,
.emergency-details-foot input {
    display: inline-block;
    padding: 8px 12px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    background: #cc0000;
}

.emergency-details-inner input[type="text"] {
    border: 1px solid #555;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    height: 32px;
    display: inline-block;
    padding: 0 5px;
}

.help-trigger {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #66cc00;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding-top: 6px;
    font-size: 1.1em;
    margin-left: .3em;
}

.help-trigger:after {
    font-family: "FontAwesome";
    content: "\f128";
    color: #fff;
}

.help-trigger:hover, .help-trigger:active, .help-trigger:focus {
    color: #fff;
}

.help-panel {
    width: 100%;
    display: none;
}

.help-panel-content {
    border: 2px solid #66cc00;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px;
    margin-top: 10px;
    background: #eee;
}

.help-panel-content p {
    font-size: .8em;
    padding-bottom: 0;
}

.info-label {
    font-size: .9em;
}


.pin-location {
    display: block;
    width: 100%;
    border: 2px solid #66cc00;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: left;
}

.pin-location h3 {
    color: #fff;
    background: #66cc00;
    font-size: 1em;
    padding: 2px 10px;
}

.pin-location h3:before {
    font-family: "FontAwesome";
    content: "\f007";
    margin-right: .3em;
    font-size: 20px;
}

.swatches {
    display: block;
    width: 100%;
    clear: both;
    padding-bottom: 10px;
}

.swatches h4 {
    display: block;
    font-size: 1.1em;
    padding-bottom: 3px;
    font-family: 'DINWeb-Medium';
    letter-spacing: -.02em;
}

.swatches .swatch-colors {
    float: left;
    display: block;
}

#build_product_stage .swatches .swatch-colors {
    width: 100%;
    float: none;
    display: block;
    clear: both;
}

.swatches .price-button {
    width: 49%;
    float: right;
    display: inline-block;
    text-align: right;
}

.swatch-colors ul {
    padding: 0;
}

.swatch-colors-small ul li {
    float: none;
    display: inline-block;
    margin: 0;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #ccc;
    position: relative;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 0 2px #eee;
    box-shadow: 0 0 0 2px #eee;
}

/* colours */
.swatch-colors ul li {
    float: none;
    display: inline-block !important;
    margin: 0;
    width: 30px !important;
    height: 30px;
    margin-right: 6px !important;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #ccc;
    position: relative;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 0 2px #ddd;
    box-shadow: 0 0 0 2px #ddd;
}

.swatch-colors ul li:last-child {
    margin-right: 0;
}

.swatch-colors ul li .toggletip {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    margin-bottom: 5px;
    padding: 5px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    transition: opacity .2s linear;
    -webkit-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
}

.swatch-colors ul li .toggletip:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ccc;
    transform: translateX(-50%);
}

.swatch-colors ul li.color-selected {
    border-color: #000;
}

.swatch-colors ul li:hover .toggletip {
    visibility: visible;
    opacity: 1;
}

.products .highlights a:hover img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}

.products .highlights .swatches {
    display: block;
    padding-top: 20px;
}

.products .highlights .swatches h4 {
    font-weight: normal;
    font-size: .8em;
}

.products .highlights .swatches ul li {
    height: 24px;
    width: 24px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    min-height: 1px;
}

.main-col ul li .sizeselect span.size-selected {
    border-color: #000;
}

.products .highlights h3 {
    text-align: center;
    font-family: 'DINWeb-Medium';
}

.main-col p.stocklist-price {
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 1.2em;
}

.main-col .products .highlights ul li a.stocklist-button, #next_stage, #previous_stage {
    display: inline-block !important;
    background-color: #eee;
    border: 1px solid #d5d5d5;
    color: #555;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.42857;
    padding: 6px 12px;
    text-align: center;
    width: auto;
    vertical-align: middle;
    -webkit-transition: background-color .2s linear, border-color .2s linear;
    -moz-transition: background-color .2s linear, border-color .2s linear;
    -ms-transition: background-color .2s linear, border-color .2s linear;
    transition: background-color .2s linear, border-color .2s linear;
}

.main-col .products .highlights ul li a.stocklist-button:hover, #next_stage:hover {
    background-color: #39b54a;
    border: 1px solid #278f35;
    color: #fff;
}

.main-col .products .highlights ul li a.stocklist-button {
    display: inline-block !important;
    background-color: #39b54a;
    border: 1px solid #d5d5d5;
    color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.42857;
    padding: 6px 12px;
    text-align: center;
    width: auto;
    vertical-align: middle;
    -webkit-transition: background-color .2s linear, border-color .2s linear;
    -moz-transition: background-color .2s linear, border-color .2s linear;
    -ms-transition: background-color .2s linear, border-color .2s linear;
    transition: background-color .2s linear, border-color .2s linear;
}

.main-col .products .highlights ul li a.stocklist-button:hover {
    background-color: #eee;
    border: 1px solid #278f35;
    color: #555;
}


/********* product builder **********/

.engraving-container.two-col-grid label {
    display: block;
    padding-bottom: 4px;
}

.engraving-container.two-col-grid ul li img {
    max-width: 100%;
}

dt#engraving_type-label {
    display: none;
    padding: 20px 0 10px 0;
}

dt#engraving_type-label .optional {
    font-family: 'DINWeb';
    font-size: 1.4em;
}

#size-element, #size-label, #color-element, #color-label, #color-choice-label, #color_choice-element {
    display: none;
}

.engraving-container.two-col-grid ul {
    padding-bottom: 0;
}

.productcolorselect {
    display: block;
    width: 100%;
    clear: both;
}

.productcolorselect h4 {
    display: block;
    width: 100%;
    font-size: 1.2em;
}

.colorselectinner {
    display: block;
    border: 2px solid #ddd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 10px;
}

.sizeselect {
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 10px;
}

.sizeselect span {
    display: inline-block;
    padding: 3px 5px;
    background: #efefef;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-right: 5px;
    cursor: pointer;
    font-size: 100%;
}

.sizeselect span.size-selected {
    border: 1px solid #000;
    -webkit-box-shadow: 0 0 0 1px #000000;
    box-shadow: 0 0 0 1px #000000;
}

.help-link {
    background: #66cc00;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    height: 20px;
    width: 20px;
    margin-right: .3em;
    font-size: 14px;
    display: inline-block;
    border-radius: 4px;
}

.help-link:before {
    font-family: 'FontAwesome';
    content: "\f128";
    color: #fff;
}

.help-link:hover, .help-link:active {
    color: #fff;
}

#next_stage-element {
    text-align: right;
}

.advisory-imgs {

}

.main-col .advisory-imgs ul {
    padding-left: 0;
    list-style: none;
}

.main-col .advisory-imgs li {
    float: left;
    width: 49%;
    margin-right: 2%;
    list-style: none;
}

.main-col .advisory-imgs li:last-child {
    margin-right: 0;
}


.straight-line {
    border-bottom: 1px solid #bbb;
}

.activation-step {
    display: block;
    width: 100%;
    clear: both;
    padding: 20px 0;
}

.main-col ul.activation-list {
    padding: 0;
    margin: 0;
}


.activation-list li {
    display: block;
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px solid #bbb;
}

.activation-list li > div {
    display: table-cell;
    vertical-align: middle;
    padding-right: 5px;
    padding-left: 5px;
    width: 32%;
    float: left;
    margin-right: 2%;
}

.activation-list li > div:nth-child(3n+3) {
    margin-right: 0;
}

.activation-img {

}

.activation-img img {
    display: block;
    max-width: 180px;
}

.registration-img {

}

.registration-img img {
    display: block;
    max-width: 280px;
}

.activation-details {
    font-size: 1.1em;
}

.activation-details .activation-details-list {

}

.activation-details .activation-details-list li.activation-url-wrap {
    padding-top: .5em;
}

.activation-details .activation-details-list li {
    border: 0;
    padding: 0;
}

.activation-url {

}

.activation-choice {

}

.activation-info {

}


h4.modal-title {
    font-size: 1.5em;
}

#engraved_image_preview_text {
    padding-top: 65px;
    text-align: center;
}

#engraved_image_preview_text > div {
    line-height: 1.33;
    padding-bottom: 2px;
    font-weight: bold;
    font-size: .85em;
}

#engraved_image_preview_text > div.engraved_image_preview_text_line_url {
    font-weight: normal;
}

.suggested-text-inputs > div {
    width: 100%;
    display: block;
    clear: both;
    padding-bottom: 5px;
}

.suggested-text-inputs > div label {
    display: inline-block;
    width: 15%;
}

.engraving_line {
    /* text-transform: uppercase; */
    width: 80%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 3px;
    border: 1px solid #555;
/ / font-size: 0.73 em;
}

.engraving_line_upper {
    text-transform: uppercase;
}

.engraving_line:focus {
    -webkit-box-shadow: 0 0 3px 3px #66cc00;
    box-shadow: 0 0 3px 3px #66cc00;
}

.line_indicator {
    font-weight: bold;
    width: 10%;
}

.re-use-name {
    display: block;
    clear: both;
    font-size: .9em;
}

.suggested-text {
    line-height: 1.33;
    background: #eee;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    border: 2px solid #66cc00;
}

.suggested-text.green-outline,
.suggested-text.green-highlight {
    -webkit-box-shadow: 0 0 3px 3px #66cc00;
    box-shadow: 0 0 3px 3px #66cc00;
}

.suggested-text-activate {
    background: #eee;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: .5em;
    margin-bottom: 1em;
}

.two-col-grid.suggested-text-activate ul {
    padding-bottom: 0;
}

.two-col-grid.suggested-text-activate ul li {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}

#custom_id_url .error, #custom_id_url .warning {
    color: #cc0000;
}

#custom_id_url .status {
    color: #66cc00;
}

.profile-name-preview {
/ / background: url(/img/products/profile-preview-back.png) no-repeat 0 0;
    width: 50%;
    height: 97px;
    display: inline-block;
    text-align: center;
    position: relative;
    float: right;
}

.profile-name-preview #custom_id_url_preview {
    /*padding-top: 50px;*/
    display: block;
}

.id-check-group {
    display: inline-block;
    padding-top: 10px;
}

#check_custom_id {
    width: auto !important;
}

.personalisation-choice {
    display: inline-block;
    float: left;
    width: 60%;
}

#quantity-label {
    display: block;
    text-align: right;
    padding: 5px;
    margin-bottom: 10px;
    background: #eee;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#quantity-label label {
    display: inline-block;
}

#quantity-label input[type="number"] {
    border: 1px solid #555;
    background: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 3px;
    width: 60px;
    width: 60px;
    text-align: center;
}

.bottom-button-bar {
    padding: 8px;
    border: 2px solid #eee;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#custom_id {
    width: 120px;
    text-align: center;
    border: 1px solid #555;
    padding: 3px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
}

.url-prediction {
    display: inline-block;
    font-size: .85em;
}

form#select_user_form {
    max-width: 50%;
    padding-bottom: 1em;
}

.activate-user .activate-product {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.img-logo {
    display: block;
    padding-top: 5px;
}

#paypal-badge {
    display: block;
    padding-top: 5px;
}


/****** product tabs to accordion *******/

.product-select-tabs {
    clear: both;
    width: 100%;
    padding: 20px 0 30px 0;
    display: block;
}

ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    position: relative;
    top: 1px;
}

ul.tabs li {
    float: left;
    margin: 0 2px 0 0;
    cursor: pointer;
    padding: 0px 15px;
    line-height: 31px;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    color: #555;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background: -webkit-linear-gradient(#c6e9a3, #ffffff);
    background: -moz-linear-gradient(#c6e9a3, #ffffff);
    background: -o-linear-gradient(#c6e9a3, #ffffff);
    background: -ms-linear-gradient(#c6e9a3, #ffffff);
    background: linear-gradient(#c6e9a3, #ffffff);
    background-repeat: repeat;
    -webkit-background-size: 100% 200%;
    -moz-background-size: 100% 200%;
    background-size: 100% 200%;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    -ms-transition: background .3s linear;
    transition: background .3s linear;
}

ul.tabs li:hover {
    background-position: 0 100%;
}

ul.tabs li.active {
    background: #fff;
    color: #66cc00;
    border-bottom: 1px solid #fff;
    display: block;
}

ul.tabs li:after {
    content: "";
    height: 2px;
    background: transparent;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    -ms-transition: background .3s linear;
    transition: background .3s linear;
}

ul.tabs li.active:after {
    background: #66cc00;
}

.tab_container {
    border: 1px solid #bbb;
    clear: both;
    width: 100%;
    background: #fff;
    overflow: auto;
    -webkit-border-radius: 0 4px 4px 4px;
    border-radius: 0 4px 4px 4px;
}

.tab_content {
    padding-left: 15px;
    padding-top: 5px;
    display: none;
}

.tab_drawer_heading {
    display: none;
}


/****** end product tabs to accordion *******/

/* gm-ram additions */
#login-form #login_response {
    padding-bottom: 10px;
    font-weight: bold;
}

#login-form #login_response .submitted {
    color: orange;
}

#login-form #login_response .success {
    color: green;
}

#login-form #login_response .failure {
    color: red;
}

#ice-form #ice_response {
    padding-bottom: 10px;
    font-weight: bold;
}

#ice-form #ice_response .submitted {
    color: orange;
}

#ice-form #ice_response .success {
    color: green;
}

#ice-form #ice_response .failure {
    color: red;
}

.msg-failure {
    color: red;
}

.two-col-grid {
    width: 100%;
    display: block;
}

.main-col .two-col-grid ul {
    padding-left: 0;
}

.two-col-grid ul li {
    float: left;
    display: block;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 1em;
    padding-left: 10px;
    padding-top: 10px;
}

/* ********************* */
.two-col-grid ul li ul.format-list, .products .highlights ul.format-list {
    padding: 0 0 1em 40px;
    margin: 0;
}

.two-col-grid ul li ul.format-list li, .products .highlights ul.format-list li {
    display: list-item;
    list-style-type: disc;
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
    line-height: 1.4;
}

.products .highlights ul.format-list li {
    min-height: 0;
    border: 0
}

.products .highlights ul.format-list li {
    overflow: visible
}

.two-col-grid ul li ul.format-list ul {
    padding-left: 30px;
}

.two-col-grid ul li ol.format-list {
    padding: 0 0 1em 40px;
    margin: 0;
}

.two-col-grid ul li ol.format-list li {
    display: list-item;
    list-style-type: decimal;
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
    line-height: 1.4;
}

.two-col-grid ul li ol.format-list li ol {
    padding-left: 30px;
}

/* ***********
.modal-grid {
} ********** */
.modal-body ul.format-list {

    padding: 0 0 1em 40px;
    margin: 0;
}

.modal-body ul.format-list li {
    display: list-item;
    list-style-type: disc;
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
    line-height: 1.4;
}

.modal-body ul.format-list ul {
    padding-left: 30px;
}

.modal-body ol.format-list {
    padding: 0 0 1em 40px;
    margin: 0;
}

.modal-body ol.format-list li {
    display: list-item;
    list-style-type: decimal;
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
    line-height: 1.4;
}

.modal-body ol.format-list li ol {
    padding-left: 30px;
}


/*   stock-list-description            */
.stock-list-description p ul.format-list {

    padding: 0 0 1em 40px;
    margin: 0;
}

.stock-list-description p ul.format-list li {
    display: list-item;
    list-style-type: disc;
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
    line-height: 1.4;
}

.stock-list-description p ul.format-list ul {
    padding-left: 30px;
}


.build_product_stage .two-col-grid ul li:first-of-type {
    width: 60%;
}

.two-col-grid ul li:nth-child(2n+2) {
    margin-right: 0;
}

.four-col-grid {
    width: 100%;
    display: block;
}

.main-col .four-col-grid ul {
    padding-left: 0;
}

.four-col-grid ul li {
    float: left;
    display: block;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 1em;
    min-height: 320px;
}

.four-col-grid ul li:nth-child(4n+4) {
    margin-right: 0;
}

.list-view .highlights ul li {
    float: none;
    width: 100%;
    margin-right: 0;
    border-bottom: 4px solid #ddd;
}

.list-view .highlights ul li h3 {
    text-align: left;
}

.products .highlights ul li > a {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
}

.products .highlights ul {
    padding-left: 0;
}

.list-view .highlights ul li > a {
    width: 25%;
    display: inline-block;
    float: left;
    margin-right: 1.5em
}

.list-view .highlights ul li .swatches {
    width: 70%;
    display: inline-block;
    clear: none;
}

.list-view .highlights ul li > a.stocklist-button {
    width: auto;
}

.carousel-control.right {
    background-image: none;
}

.carousel-control.left {
    background-image: none;
}

.glyphicon-chevron-left::before {
    color: #66cc00;
    text-shadow: none;
}

.glyphicon-chevron-right::before {
    color: #66cc00;
    text-shadow: none;
}

.error {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid #e3d7d7;
    background: #f2dedf;
    padding: 10px;
}

.updated {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid #e3d7d7;
    background: palegreen;
    padding: 10px;
}

select#card_type {
    display: inline-block;
    float: left;
    margin-right: 5px;
    height: 30px;
}

.user-help {
    display: block;
    width: 100%;
    margin-bottom: 12px;
}

.user-help:last-child {
    margin-bottom: 0;
}

.user-help p {
    font-size: .8em;
    padding-bottom: 1em;
}

.two-col-grid ul li .user-help ul {
}

.two-col-grid ul li .user-help ul li {
    display: block;
    float: none;
    margin: 0;
    width: 100%;
    font-size: .8em;
    padding: 0 0 .6em 12px;
    position: relative;
}

.two-col-grid ul li .user-help ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #000;
    position: absolute;
    left: 0;
    top: 3px;
}

.action-button {
    display: inline-block;
    color: #66cc00;
    font-size: 12px;
}

.action-button:before {
    content: "\f105";
    font-family: 'FontAwesome';
    margin-right: .33em;

}

.modal-content {
    text-align: left;
}

.activation-list li > div {
    display: block;
}

.activation-list > li {
    padding: 1em 0 !important;
}

.main-col ul li ul.activation-details-list {
    padding-left: 1.5em;
}

.main-col ul li ul.activation-details-list li {
    display: list-item;
    list-style: disc;
}

/******* media queries *********/

@media screen and (max-width: 1200px) {
    .wrapper {
        max-width: 950px;
    }

    .sign-in-content {
        width: 42%;
    }

    .carousel-text h2 {
        font-size: 2em;
    }

    .emergency-overlay {
        max-width: 918px;
    }

    .profile-name-preview {
        width: 210px;
        margin: 0 auto;
        float: none;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .personalisation-choice {
        width: 100%;
        display: block;
        float: none;
    }
}

@media screen and (max-width: 1023px) {
    .wrapper {
        max-width: 750px;
    }

    .videothumbs ul li h2 {
        min-height: 114px
    }

    .column {
        float: none;
        display: block;
        width: 100%;
    }

    .main-content {
        float: none;
        display: block;
        width: 100%;
    }

    .highlights ul li .link-caption {
        font-size: .9em;
        padding: .6em;
    }

    .carousel-text {
        padding: 1em;
    }

    .carousel-text, .active .carousel-text {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        transition: none;
    }

    .carousel-text h2 {
        font-size: 1.6em;
        padding-bottom: .1em;
    }

    .carousel-text p {
        font-size: .9em;
    }

    .emergency-link .fa.fa-3x {
        font-size: 34px;
    }

    .main-col {
        display: block;
        width: 100%;
        float: none;
    }

    .secondary-col {
        display: block;
        width: 100%;
        float: none;
    }

    .secondary-col .standard-para {
        padding-top: 1em
    }

    .carousel-text h2 {

    }

    .three-col-grid .grid-item {
        height: 520px;
    }

    .emergency-overlay {
        max-width: 718px;
    }

    .swatch-colors ul li .toggletip {
        display: none;
    }

    .line_indicator {
        display: none !important;
    }

    .engraving_line {
        width: 100%;
    }

    .products.grid-view .highlights ul li .swatches .swatch-colors {
        width: 100%;
        display: block;
        float: none;
    }

    .products.grid-view .highlights ul li {
        width: 49%;
        margin-right: 2%;
    }

    .products .highlights ul.format-list li {
        margin: 0 !important;
        width: 100% !important;
        display: list-item !important
    }

    .products.grid-view .highlights ul li:nth-child(3n+3) {
        margin-right: 2%;
    }

    .products.grid-view .highlights ul li:nth-child(2n+2) {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .wrapper {
        max-width: 460px;
        margin: 0 auto;
    }

    .sm-hidden {
        display: none;
    }

    .logo {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }

    .emergency-link {
        margin: 0 auto;
        font-size: .9em;
    }

    .emergency-link .expand {
        height: 32px;
        line-height: 32px;
    }

    .emergency-link .fa.fa-3x {
        font-size: 25px;
    }

    .nav {
        text-align: center;
    }

    ul.social {
        position: relative;
        right: auto;
        top: auto;
        float: none;
        padding-bottom: .5em;
    }

    ul.social li a {
        color: #aaa;
    }

    .navigation-trigger {
        display: block;
        width: 100%;
        background: #231f20;
        padding: .5em;
        text-align: left;
        margin-bottom: .5em;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .trigger {
        display: inline-block;
        color: #fff;
        margin-left: .5em;
        font-family: 'DINWeb';
    }

    .trigger:hover {
        color: #fff;
    }

    .main-nav {
        max-height: 0px;
        overflow: hidden;

    }

    .main-nav.nav-open {
        max-height: 900px;
    }

    .main-nav ul li {
        float: none;
        display: block;
        margin: 0;
        clear: both;
    }

    .main-nav ul li.home {
        display: none;
    }

    .main-nav ul li a {
        float: none;
        text-align: left;
        width: 100%;
        color: #555;
        background: -webkit-linear-gradient(#cccccc, #b8b8b8);
        background: -moz-linear-gradient(#cccccc, #b8b8b8);
        background: -o-linear-gradient(#cccccc, #b8b8b8);
        background: -ms-linear-gradient(#cccccc, #b8b8b8);
        background: linear-gradient(#cccccc, #b8b8b8);
        background-repeat: repeat;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        transition: none;
    }

    .main-nav ul li a:hover {
        background: -webkit-linear-gradient(#cccccc, #b8b8b8);
        background: -moz-linear-gradient(#cccccc, #b8b8b8);
        background: -o-linear-gradient(#cccccc, #b8b8b8);
        background: -ms-linear-gradient(#cccccc, #b8b8b8);
        background: linear-gradient(#cccccc, #b8b8b8);
        background-repeat: repeat;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .main-nav ul li ul {
        opacity: 1;
        display: none;
        position: relative;
        visibility: visible;
        width: 100%;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        transition: none;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .main-nav ul li ul.menu-open {
        display: block;
    }

    .main-nav ul li ul li {
        margin: 0;
    }

    .main-nav ul li ul li a {
        font-size: .9em;
        padding-left: 2em;
    }

    .carousel.fade {
        margin-bottom: .5em;
    }

    .c-text-footer {
        top: -40px;
        padding: 0 .5em 0 0;
        bottom: auto;
    }

    .c-text-footer a {
        font-size: 1.1em;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        display: inline-block;
        padding: .3em .6em;
    }

    .c-text-footer a:after {
        font-size: 17px;
    }

    .carousel-text {
        position: relative;
        opacity: 1;
        right: auto;
        top: auto;
        bottom: auto;
        padding: 0;
        width: 100%;
        display: block;
        -webkit-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
    }

    .carousel-text.orange-back {
        background: rgba(255, 153, 0, 1);
    }

    .carousel-text.grey-back {
        background: rgba(130, 130, 130, 1);
    }

    .carousel-text.blue-back {
        background: rgba(25, 72, 255, 1);
    }

    .carousel-text.green-back {
        background: rgba(83, 165, 0, 1);
    }

    .carousel-text p {
        display: none;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-text h2 {
        font-size: 1em;
        padding: 8px;
    }

    .img-responsive, .carousel-inner > .item > img {
        -webkit-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }

    .carousel-control.left.left-arrow, .carousel-control.right.right-arrow {
        font-size: 2em;
    }

    .highlights ul li .link-caption {
        background: #000;
        left: auto;
        top: auto;
        position: relative;
        font-size: .8em;
    }

    .top-header h1 {
        font-size: 1.2em;
    }

    .main-col p, .main-col ul li, .quote-content p {
        font-size: .9em;
    }

    .highlights {
        padding-top: 0;
    }

    .highlights ul li, .videothumbs ul li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: .5em;
    }

    .top-header img {
        width: 30px
    }

    .videothumbs ul li h2 {
        font-size: 0.875em
    }

    .videothumbs ul li figure {
        height: 120px
    }

    .highlights ul li:nth-child(3n+3), .videothumbs ul li:nth-child(3n+3) {
        margin-right: 2%;
    }

    .highlights ul li:nth-child(2n+2), .videothumbs ul li:nth-child(2n+2) {
        margin-right: 0;
    }

    .engraving_section .highlights ul li {
        width: 100%;
        float: none;
        display: block;
        margin-right: 0;
    }

    .label-input-holder {
        width: 100%;
        display: block;
        clear: both;
        padding-bottom: 4px;
        padding-left: 4px;
    }

    .label-input-holder input[type="radio"] {
        display: inline-block;
    }

    .label-input-holder label {
        display: inline-block;
    }

    .formelement.help-included {
        padding-top: 5px;
    }

    .footer .highlights ul {
        clear: both;
        display: block;
    }

    .footer .highlights ul li {
        width: 100%;
        float: none;
        margin: 0;
        min-height: 10px;
        padding-bottom: .5em;
    }

    .footer .highlights ul.legals li {
        float: left;
        margin-right: 2%;
        width: 32%;
    }

    .footer .highlights ul.legals li:last-child {
        margin-right: 0;
    }

    .footer .highlights ul.legals li h3 {
        border-bottom: 0;
        text-align: center;
    }

    .footer .highlights ul.legals li a {
        font-size: .8em;
    }

    .sign-in-content {
        width: 100%;
    }

    .blackbar-top {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .user-area {
        display: block;
        float: none;
        padding-right: .5em;
        padding-bottom: .3em;
    }

    .logged-in-user {
        border-left: 3px solid #00a500;
        border-right: 3px solid #00a500;
        border-bottom: 3px solid #00a500;
        border-top: 1px solid #00a500;
        margin-top: .25em;
        float: none;
        display: block;
        width: 100%;
        padding: .5em;
        clear: both;
        background: #fff;
        line-height: 1.33;
        -webkit-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
    }

    .logged-in-user a {
        display: block;

    }

    .email-field {
        padding-top: 5px;
        height: 21px;
        max-width: 290px;
    }

    .email-field, .preview-profile {
        color: #fff !important;
    }

    .plus {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: rgba(00, 00, 00, .1);
        z-index: 101;
        height: 40px;
        width: 38px;
        cursor: pointer;
        text-align: center;
        color: #fff;
        line-height: 40px;
    }

    .plus:after {
        font-family: 'FontAwesome';
        content: "\f067";
    }

    .plus.trigger-active:after {
        content: "\f068";
    }

    .highlights ul li a img,
    .highlights ul li a:hover img {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        transition: none;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .news-item figure {
        display: block;
        float: none;
        width: 100%;
    }

    .news-content {
        float: none;
        display: block;
        width: 100%;
    }

    .emergency-link:hover .fa-ambulance {
        animation: none;
        animation-fill-mode: none;
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        -ms-animation: none;
    }

    .mobile-home {
        display: inline-block;
        margin-right: .5em;
        color: #669900;
    }

    .mobile-home:hover {
        color: #fff;
    }

    .hash-link {
        right: .5em;
    }

    .hash-link a {
        font-size: 1.3em;
    }

    .copyright {
        padding-top: 1em;
    }

    .link-caption {
        -webkit-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
    }

    .three-col-grid .grid-item {
        width: 49%;
        margin-right: 2%;
        height: 550px;
    }

    .three-col-grid .grid-item:nth-child(3n+3) {
        margin-right: 2%;
    }

    .three-col-grid .grid-item:nth-child(2n+2) {
        margin-right: 0;
    }

    .emergency-overlay {
        max-width: 428px;
    }

    .video-outer {
        border: 0;
        margin-bottom: 15px;
    }

    .back-top {
        text-align: center;
        padding-top: 10px;
    }

    .emergency-overlay .two-col-grid ul li {
        margin-bottom: 1em;
    }

    .emergency-overlay {
        z-index: 200;
    }

    .tabs {
        display: none;
    }

    .tab_container {
        -webkit-border-radius: 0;
        border-radius: 0;
        border-top: 0;
    }

    .main-col h3.tab_drawer_heading {
        background: -webkit-linear-gradient(#ffffff, #dddddd);
        background: -moz-linear-gradient(#ffffff, #dddddd);
        background: -o-linear-gradient(#ffffff, #dddddd);
        background: -ms-linear-gradient(#ffffff, #dddddd);
        background: linear-gradient(#ffffff, #dddddd);
        background-repeat: repeat;
        -webkit-background-size: 100% 200%;
        -moz-background-size: 100% 200%;
        background-size: 100% 200%;
        -webkit-transition: background .25s linear;
        -moz-transition: background .25s linear;
        -ms-transition: background .25s linear;
        transition: background .25s linear;
        color: #555;
        border-top: 1px solid #ccc;
        margin: 0;
        padding: 5px 5px 5px 15px;
        display: block;
        font-size: 1em;
        cursor: pointer;
        position: relative;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .main-col h3.tab_drawer_heading:after {
        content: "\f067";
        text-align: center;
        font-family: 'FontAwesome';
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        color: #fff;
        width: 32px;
        padding-top: 5px;
        background: rgba(00, 00, 00, .1);
    }

    .main-col h3.tab_drawer_heading:last-of-type {
        border-bottom: 0;
    }

    .main-col h3.tab_drawer_heading.d_active {
        background: -webkit-linear-gradient(#ffffff, #dddddd);
        background: -moz-linear-gradient(#ffffff, #dddddd);
        background: -o-linear-gradient(#ffffff, #dddddd);
        background: -ms-linear-gradient(#ffffff, #dddddd);
        background: linear-gradient(#ffffff, #dddddd);
        background-repeat: repeat;
        -webkit-background-size: 100% 200%;
        -moz-background-size: 100% 200%;
        background-size: 100% 200%;
        background-position: 0 100%;
    }

    .main-col h3.tab_drawer_heading.d_active:after {
        content: "\f068";
    }

    .four-col-grid ul li {
        width: 49%;
    }

    .four-col-grid ul li:nth-child(2n+2) {
        margin-right: 0;
    }

    .two-col-grid ul li {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    .two-col-grid ul li:nth-child(2n+2) {
        margin-right: 0;
    }

    .products.grid-view .highlights ul li .swatches {
        width: 100%;
        float: none;
        display: block;
    }

    .products.grid-view .highlights ul li {
        width: 100%;
        margin-right: 0;
        float: none;
        display: block;
    }

    .profile-name-choice ul li img {
        display: block;
        margin: 0 auto;
    }

    .activation-list li > div.activation-img {
        width: 47%;

    }

    .activation-url-wrap strong {
        -ms-word-break: break-all;
        word-break: break-all;

    / / Non standard for webkit word-break: break-word;

        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    .activation-list li > div.activation-details-list {
        width: 47%;
        margin-right: 0;
    }

    .activation-list li > div.activation-choice {
        width: 47%;
        margin-right: 0;
        padding-top: 20px;
    }

    .main-col ul.activation-details-list {
        padding-left: 0;
    }

    form#select_user_form {
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 479px) {
    .wrapper {
        max-width: 400px;
    }

    .logo p {
        font-size: 1em;
    }

    .logo img {
        max-width: 78%;
    }

    .footer .highlights ul.legals li a {
        font-size: .7em;
    }

    .three-col-grid .grid-item {
        width: 100%;
        margin-right: 0;
        height: auto;
    }

    .emergency-overlay {
        max-width: 368px;
    }

    .info-label {
        font-size: .8em;
        display: block;
        padding-bottom: 3px;
    }

    .activation-list li > div.activation-img {
        width: 100%;
        float: none;
        display: block;
        margin-right: 0;
        padding-bottom: .5em;
    }

    .activation-list li > div.activation-details {
        width: 100%;
        margin-right: 0;
        float: none;
        display: block;
    }

    .activation-list li > div.activation-choice {
        width: 100%;
        margin-right: 0;
        float: none;
        display: block;
    }

    .activation-step {
        padding-top: 5px;
    }
}

@media screen and (max-width: 380px) {
    .wrapper {
        max-width: 380px;
        min-width: 320px;
        padding: .3em;
    }

    .blackbar-top {
        margin-top: -.3em;
    }

    .footer {
        margin-left: 0;
        margin-right: 0;
    }

    .highlights ul li .link-caption {
        font-size: .75em;
    }

    .main-col, .secondary-col {
        padding-left: .5em;
        padding-right: .5em;
    }

    .pagination a {
        font-size: .8em;
    }

    .emergency-overlay {
        max-width: 320px;
    }
}

/*********** end media queries ********/


.modal-body p,
.modal-body ul li {
    padding-top: 5px;
    padding-bottom: 3px;
}

.modal-body table tr td {
    padding: 3px;
}

.msg-error span {
    color: #cc0000;
    text-align: center;
    background-color: #049cdb;
}

/****/
.form_container {
    background: white;
    margin: 40px auto;
    padding: 20px;
    text-align: left;

}

.form_container p {
    font-size: 0.95em;
}

.profile_msg {
    padding-left: 7em;
}