body { font-family: "Droid Sans", "Lato", "sans-serif"; }
#Header li,
h1,h2,h3,h4,h5,h6 { font-family: "Droid Serif", "serif"; }
#Header li a { color: #555; font-size: 1em; padding: 0 .5em; }
#Header li a:hover { color: #111; }

#color1.color-Black { background-position: -3px 2px; }
        #color1.color-Blue {background-position: -278px 2px; }
#color1.color-Yellow,
        #color1.color-Gold {background-position: -551px 2px; }
        #color1.color-Pink {background-position: -824px 2px; }
        #color1.color-White {background-position: -1099px 4px; }
        #color1.color-Red {background-position: -1373px 1px; }
        #color1.color-Purple {background-position: -1652px 2px; }
#color1.color-Orange { background-position: -2200px 1px; }
#color1.color-Teal,
#color1.color-Light-Blue { background-position: -1920px 1px; }

        #color2.color-Black {background-position: -3px -274px; }
        #color2.color-Blue {background-position: -278px -273px; }
#color2.color-Yellow,
        #color2.color-Gold {background-position: -550px -274px; }
        #color2.color-Pink {background-position: -825px -274px; }
        #color2.color-White {background-position: -1101px -274px; }
        #color2.color-Red {background-position: -1373px -273px; }
        #color2.color-Purple {background-position: -1652px -274px; }
#color2.color-Orange { background-position: -2199px -274px; }
#color2.color-Teal,
#color2.color-Light-Blue { background-position: -1919px -273px; }

        #color3.color-Black {background-position: -3px -548px; }
        #color3.color-Blue {background-position: -279px -548px; }
#color3.color-Yellow,
        #color3.color-Gold {background-position: -550px -548px; }
        #color3.color-Pink {background-position: -824px -549px; }
        #color3.color-White {background-position: -1100px -548px; }
        #color3.color-Red {background-position: -1373px -549px; }
        #color3.color-Purple {background-position: -1652px -548px; }
#color3.color-Orange { background-position: -2199px -548px; }
#color3.color-Teal,
#color3.color-Light-Blue { background-position: -1919px -549px; }

.layer-color.color- { background-position: -99999px -99999px; }

.layer-color {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 275px;
height: 275px;
margin-left: -136.5px;
background-repeat: no-repeat;
background-image: url(../../../product_images/uploaded_images/naturalgrip-sprite_t-1422975641.png);
}

.ring-link {
color: #A1A537;
font-weight: 300;
}
.attr-ring {
font-size: .85em;
text-decoration: underline;
padding-left: 1em;
}

#quick-menu li { border-left: 1px solid #aaa; line-height: 1; }
#quick-menu li a { color: #A1A537; padding: 0 .5em; }
#quick-menu li a:hover { color: #52065a; }
#quick-menu li:first-child { border-left: 0; }


@media screen and (max-width: 995px) {
.header-logo,
#Header .PageMenu { width: 100%; text-align: center; }
}
input:focus { border: 1px solid #66176D; }


@media screen and (max-width: 490px) {
#Header > .inner { padding-top: 0; }
#quick-menu { width: 67%; }
#quick-menu li {
float: none;
text-align: left;
border-bottom: 1px solid #555;
list-style: none outside none;
border-left: none;
}
#quick-menu li a {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
color: #fff !important;
font-size: 1.1em;
font-weight: normal;
padding: 20px 15px;
}
.header-logo img { max-width: 150px; }



}

.overlay { display: none; }
.overlay.active {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
background: rbga(0,0,0,0.8);
z-index: 99999;
margin: 0;
padding: 0;
}
.overlay .inner-modal {
margin: 0;
padding: 0;
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 1000px;
height: 600px;
margin-left: -500px;
margin-top: -300px;
}
.overlay #close {
display: block;
background: url(../../../product_images/uploaded_images/close.png);
width: 24px;
height: 24px;
position: absolute;
top: 50%;
left: 50%;
z-index: 9999;
margin-top: -280px;
margin-left: 460px;
cursor: pointer;
}
#show-spec {
font-size: .85em;
color: #A1A537;
padding-left: 1em;
}