html, body {
        background-color: rgb(22, 22, 22);
        margin:0px;
        padding:0px;
        width:100%;
}
html {
        background-color: rgb(22, 22, 22);
	    background-image:url('images/back-grey.webp');
	    background-position: center center;
	    background-attachment:fixed;
	    background-size:cover;
	    /*	 	   -moz-box-shadow:inset 0px 0px 10px black;   -webkit-box-shadow:inset 0px 0px 10px black;   box-shadow:inset 0px 0px 10px black;*/
}
body {
        overflow-y:scroll;
        font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
        font-size:14px;
}
#content form  select {
        margin-left:0px!important;
        margin-top:0px;
        margin-bottom:0px;
        width:100%;
        height:40px;
        border-radius:5px;
        padding:0px;
        color:black;
        background-color:white;
        opacity:0.6;
}
#content .rightimg {
        width:100%!important;
}
#content .rightimg form {
        margin-left:0px!important;
}
.rightimg h1 {
        font-size:22px;
        font-weight:400;
}
::selection {
        background:rgb(58,175,220);
        color:white;
}
::-moz-selection {
        background:rgb(58,175,220);
        color:white;
}
#ringtable {
        font-size:5pt;
}
#content .prod {
        width:100%!important;
        height:auto!important;
        /*min-height:350px!important;*/	
}
.fade {
        width:100%!important;
        height:auto!important;
}
.fade div {
        width:100%!important;
        float: left!important;
        height:auto!important;
}
.imgmain {
        height:auto!important;
        width:100%!important;
        position:absolute;
        left:0;
        top:0;
        transition:opacity 1s;
        opacity:0;
        display: none;
        padding:3%;
        margin-top:0px;
}
.imgpreview.current {
        border:1px solid grey;
        border-radius:5px;
        opacity:1;
        padding:1%;
        margin-top:15px;
        background-color: rgb(255, 255, 255);
}
.imgpreview {
        width:18%!important;
        background-color: rgb(255, 255, 255);
        margin:5px;
        opacity:0.6;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        -o-border-radius:5px;
        border-radius:5px;
        border: 1px solid rgb(255, 255, 255);
        padding:3%;
}
.imgmain.currentPic {
        display: block;
        opacity: 1;
        position:relative;
}
/* default link styles, appropriate for content area */
a {
        color:#575757;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}
a:link {
        color:black;
        text-decoration:none;
        border-style:none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}
a:visited {
        color:rgba(100, 20, 20, 1);
        text-decoration:none;
        border-style:none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}
a:hover {
        color:#575757;
        text-decoration:none;
        border-style:none;
        text-shadow: 0 0 10px rgb(255, 255, 255);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}
a:focus, a:active {
        outline: none;
}
h1 {
        text-transform:uppercase;
        font-size:28px;
        font-weight:500;
        color:rgba(100, 20, 20, 1);   
}
h2 {
        font-size:16px;
        font-weight:normal;
        text-transform:uppercase;
        color:white;
}
.fade2 {
        font-size:16px;
        font-weight:normal;
        color:grey;
}
.fade2 .prod {
        min-height: 350px!important;
}
h3 {
        text-transform:uppercase;
        font-size:16px;
        font-weight:normal;
}
h6 {
        font-size:12px;
        font-weight:normal;
        margin-left:15%;
        margin-right:15%;
}
#basicback {
        cursor:wait;
        background-color: rgb(22, 22, 22);
        z-index:990;
        position:fixed;
        width:100%;
        height:100%;
}
#previewbox {
        z-index:200;
        position:fixed;
        width:0;
        height:100%;
}
#preview {
        background-color: rgb(22,22,22);
        z-index:201;
        position:absolute;
        left:50%;
        margin-left:-475px;
        width:0px;
        height:0px;
        display:none;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;
        behavior: url(ie-css3.htc);
        -moz-box-shadow: 0px 0px 20px rgba(0,0,0,1);
        -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,1);
        box-shadow: 0px 0px 20px rgba(0,0,0,1);
        overflow:hidden;
}
#previewimg {
        position:absolute;
        background-position: center bottom;
        background-size:cover;
        background-size:contain;
        background-repeat:no-repeat;
        width:100%;
        height:100%;
        left:0px;
        bottom:0px;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;
        behavior: url(ie-css3.htc);
}
.categorytext {
        text-shadow: 0 0 4px rgb(255, 255, 255);
        /*position:relative;*/
        width:100%;
        text-align:center;
        /*padding:0px 25px 25px;*/
        left:0px;
        margin-top:5%!important;	
        margin-left:auto!important;
        margin-right:auto!important;
        margin-bottom:0%!important;
        /*position:relative!important;*/
        color:black!important;
        left:0px!important;
        top:30%!important;
        display:block;
        clear:both;
}
#main {
        position:absolute;
        width:100%;
        text-align:center;
        border-width:0px;
        border-style:solid;
        border-color:white;
        padding-bottom:920px;
        margin-top:10px;
}
#wrap {
        overflow-y:hidden;
        width:100%;
        padding-top:5px;
        border-width:0px;
        height:100%;
}
.rightimg {
        float:left;
}
.leftimg {
        float:none;
}
.leftimg_admin {
	float:none;
        width:48%;
        height:auto;
        margin-top:10px;
}
.newline {
        clear:both;
}
.rightimg h2, td h2, .leftimg h2, button {
        background:rgb(100, 20, 20);
}
.rightimg h2:hover, td h2:hover, .leftimg h2:hover, button:hover {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background:#152a79;
        box-shadow:inset 0 0 10px rgba(255, 255, 255, 1), 0 0 5px rgba(150, 150, 150, 1);
        -webkit-box-shadow:inset 0 0 10px rgba(255, 255, 255, 1), 0 0 5px rgba(150, 150, 150, 1);
        -moz-box-shadow:inset 0 0 10px rgba(255, 255, 255, 1), 0 0 10px rgba(150, 150, 150, 1);
}
.newline2 {
        position:relative;
        top:50%;
        left:0;
        clear:both;
        padding:0;
}
.bubble {
        position:relative;
        background: white;
        width:100%;
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px 0px 0px 0px;
        behavior: url(ie-css3.htc);
}
.footer_bubble {
        position:relative;
        background: white;
        width:100%;
        -webkit-border-radius:0px 0px 10px 10px;
        -moz-border-radius:0px 0px 10px 10px;
        border-radius:0px 0px 10px 10px;
        behavior: url(ie-css3.htc);
        -moz-box-shadow: 0px 0px 20px rgba();
        -webkit-box-shadow: 0px 0px 20px rgba();
        box-shadow: 0px 0px 20px rgba();
}
#banner {
        margin-top:35px;
        padding:0px;
        background: white;
        background-size:cover;	
        background-position: center top;	
        background-repeat:no-repeat;
        height:90px;
        z-index:200;
        color:white;
        border-top-left-radius:0px;
        border-top-right-radius:0px;
}
.banner2 {
        position:absolute;
        left:0;
        width:100%;
        height:100%;
}
.banner-msg {
        position:absolute;
        left:0;
        width:100%;
        height:20px;
        margin-top:-145px;
        font-size:13px;
        font-weight:400;
        text-align:center; 
        z-index:10000;  
}
.banner-text {
        margin-top:43px;
        background-color:rgba(110, 0, 0, 1);
        border-top-left-radius:5px;
        border-top-right-radius:5px;
}




.search_container {
        margin-left:67%;
        list-style:none;
        margin-top:30px;
       
}
.search_container img {
        display:block;
        position: absolute;
        height: 65px;
        width: auto;
        margin-top: 15px;
        margin-left: 25px;
        padding: 20px;
        z-index:3000;
}
.socialbar {
        position:absolute;
        margin-top:30px;
        margin-left:3%;
        display:none;
}
.social img {
        height:25px;
        width:auto;
        margin:-2px;
        padding-right:5px;
        display:none;
}



















.glitter {
        display:none;
}
.glittercover {
        position:absolute;
        left:0;
        width:150%;
        height:100%;
        background-image:url('images/headerback3.webp');
        background-size:cover;
        background-position: center top;
}
#contentwrap {
        margin-top:-2px;
        margin-bottom:24px;	
}
.items {
        width:100%;
        padding:5px 10px;
        font-size:18px;
        margin-left:auto;
        margin-right:auto;
}
#content {
        overflow: hidden;
        color:black;
        padding-left:30px;
        padding-right:30px;
}
#content h1 {
        color:rgba(100, 20, 20, 1);   
}
#footer h2 {
        text-transform:uppercase;
	    font-size:18px;
        margin: 25px;
	    font-weight:normal;
        color:rgba(100, 20, 20, 1);
}
#footer {
        background: white;
        font-weight:normal;
        color:black;
        margin-top:-27%;
        padding-bottom:2%;
        text-align:center;
        background-image:url('');background-size:cover; background-position: center bottom;background-repeat:no-repeat;	
        z-index:auto;	
        position:absolute;	
        width:100%;
        bottom:-20px;	
        padding-top:10px;
        font-size: 13px;
}
#footer .linkholder {
        margin-top:2px!important;
        margin-bottom:2px!important;
}
#footer img {
        margin-top:40px!important;
        margin-bottom:1px!important;
        margin-left:10px;
        margin-right:10px;
        padding-left:5px;
        padding-right:5px;
        width:55px;
        height:auto;
        opacity:1;
}
#footer_(off) a:hover:not(.pp), .alert a:hover {
        box-shadow:inset 0 0 10px rgba(255, 255, 255, 1), 0 0 5px rgba(150, 150, 150, 1);
        -webkit-box-shadow:inset 0 0 10px rgba(255, 255, 255, 1), 0 0 5px rgba(150, 150, 150, 1);
        -moz-box-shadow:inset 0 0 10px rgba(255, 255, 255, 1), 0 0 10px rgba(150, 150, 150, 1);
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;
        padding:2px;
}
.footbar {
        text-transform:uppercase;
        float:none;
        width:100%;
}
.footbar a {
        color:rgba(100, 20, 20, 1);   
}
.footbar a:hover {
        color:#575757;
}
.footbar2 {
        text-transform:uppercase;
        float:none;
        width:100%;
        margin-top:10px;
           
}
.footbar2 a {
        color:rgba(100, 20, 20, 1);
}
.footbar2 a:hover {
        color:#575757;
}
.footbar2 .copyright {
        font-size:12px;
        margin-top:30px;
        margin-bottom:20px;
        color:rgba(100, 20, 20, 1);   
}
img {
        width:100%;	
        border-style:none;
        padding:0px;	
}      
a.p1 img {
        border-top: 2px solid darkgrey;
        border-left: 2px solid darkgrey;
        border-bottom: 3px solid white;
        border-right: 3px solid white;
}
a.p1 b img {
        border: 0px white;
}
a.p1 b {
        display:block;
        background:white;
        left:-5000px;
        opacity:0;
        border:none;
        -o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
        box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4)
        -o-border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        behavior: url(ie-css3.htc);
        -webkit-transition: opacity 0.6s ease-in-out;
        -moz-transition: opacity 0.6s ease-in-out;
        transition: opacity 0.6s ease-in-out;
}
a.p1:hover b {
        left:50%;
        margin-left:-180px;
        padding:1px;
        border:1px solid #aaa;
        background:white;	
        opacity:1.0;
        behavior: url(ie-css3.htc);
        -webkit-transition: opacity 0.6s ease-in-out;
        -moz-transition: opacity 0.6s ease-in-out;
        transition: opacity 0.6s ease-in-out;
}
#togglebanner {
        position:absolute;
        top:5px;
        right:30px;
        z-index:990;
}
#up {
        position:absolute;
}
#down{
        position:absolute;
        opacity:0;
}
#logo{
        position:relative;
        max-width:40%;
        height:auto;
        margin-top:30px;
        list-style:none;
        z-index:3000;
}
#bannertxt {
        font-size: 16px;
        display:none;
}
#logowrap{
        height:95%;
        margin-left:auto;
        margin-right:auto;
        list-style:none;
        overflow:hidden;
}



























































































#menu {
        position:relative;
        width: 100%;
        z-index:450;
         display:none;
}
#blank {
        display:none;
}
#menu ul {
	list-style: none;
	margin-top:9px;
        padding: 0%;
        width:25%;
        float: left;
        z-index:860;
         display:none;
}
#menu ul li ul {
        top:100%;
        margin-top:10%;
        width:100%;
        background: rgba(20, 40, 100, 1);
	background-image:url('images/headerback3.webp');
        background-size:cover;
	background-position: center;
        z-index:850;
	-moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
        -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
        box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
	-o-border-radius: 10px;	
        -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	 display:none;
}
#menu h2 {
        display: none;
        border-width: 0px;
	border-style: solid;
	margin: 2px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
#menu h5 {
	display: none;
	border-width: 0px;
	border-style: solid;
	margin: 2px;
        position: relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#menu a, .buttons a {
	padding: 5px 10px;
	display:block;
	border-width: 0px;
	border-style: solid;
	margin: 0px;
	position:relative;
        text-transform:uppercase;
        font-size:10px;
	text-align:center;
	text-decoration: none;
	border:none;
	color:white;
        height:auto;
}
#cartmenu a {
	font-size:10px;
        font-weight:normal;
	color:white;
	margin:0px;	
        padding:0px;
}
#menu h2:hover {
	box-shadow:inset 0 0 10px rgba(255, 255, 255, 1), 0 0 5px rgba(150, 150, 150, 1);
	-webkit-box-shadow:inset 0 0 10px rgba(255, 255, 255, 1), 0 0 5px rgba(150, 150, 150, 1);
	-moz-box-shadow:inset 0 0 10px rgba(255, 255, 255, 1), 0 0 10px rgba(150, 150, 150, 1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	 display:none;
}
#banner #menu h2:hover {
	background: rgba(0, 0, 0, 0.0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF)";
	/* IE8 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF);
        /* IE6 & 7 */
        zoom: 1;
        background:rgba(255,255,255,0.2);
}
#cartmenu h2 a {
	font-size:10px;
	font-weight:normal;
	color:white;
	margin:0px;
	padding:1px;
}
#cartmenu li {
        display:none;
}
#menu h2:hover a{
	text-shadow: 0 0 10px rgba(150, 150, 150, 1);
	text-decoration:none;
	 display:none;
}
#menu li {
	position: relative;
	 display:none;
}
#menu ul ul ul {
	z-index:850;
	position: absolute;
	top: 0%;
	left: 100%;
	-moz-box-shadow:inset 0 0 10px #000000;
	-webkit-box-shadow:inset 0 0 10px #000000;
	box-shadow:inset 0 0 10px #000000;
	 display:none;
}
#menu ul ul {
	border:0px;
	position: absolute;
	left: 0%;
	z-index: 500;
        background: rgba(0, 0, 0, 0.2);
         display:none;
}
#menu ul ul a{
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	text-align:left;
}
#menu ul li ul li {
        -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	 display:none;
}
#menu ul li ul li:hover {
	z-index:650;
	-webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
         display:none;
}
#menu ul li:hover ul {
         display:none;
}
#menu ul ul,#menu ul li:hover ul ul,#menu ul ul li:hover ul ul {
         display:none;
}
#menu ul li:hover ul,#menu ul ul li:hover ul,#menu ul ul ul li:hover ul {
         display:none;
}































































#prev {
	position:absolute;
	left:10px;
	z-index:255;
}
#next {
	position:absolute;
	right:10px;
	z-index:255;
}
.prodwrap {
	float:left;
	width:80%;
        height:80%;
        margin-bottom:15%;	
}
.prodwrap.fade2 {
        margin-left:10%;
        margin-bottom:10%;
        width:80%;
        height:80%;
}
.prod {
	display:block;
	background:white;
	color:black;
        margin-top:0px;	
	position:relative;
	display:block;
	overflow:hidden;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
        border-radius:0px;
	border: 1px solid rgba(22, 22, 22, 0.0);
	width:150px;
	height:150px;
	-webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
	text-align:center;
}
.prod img {
	width:100%;
	height:auto;
        padding:3%;
	-webkit-transition: all 0.0s ease-in-out;
	-moz-transition: all 0.0s ease-in-out;
	transition: all 0.0s ease-in-out;
}
.grow:hover {
	width:175px;
	height:175px;
	z-index:500;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.ptextback {
	position:absolute;
	background: rgba(88, 88, 88, 0.0);
	top:100%;
	margin-top:-40px;
	width:100%;
	height:50px;
	padding:0px;
}
.prodtxt {
	font-size:12px;
        font-weight:400;
	color:#595959;
        text-transform:uppercase;	
        -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position:absolute;
	top:0px;
	padding:1px;	
        margin-top:-20px;
        margin-left:5%;
        width:90%;
	line-height:14px;
	height:50px;
}
.prodprice {
	text-transform:uppercase;
	font-size:14px;
        color:rgba(100, 20, 20, 1);
        font-weight:500;
        top:0;
	padding:0px;
	margin:auto;
	left:3%;
	line-height:9px;
	height:50px;
}	
.prodpricecat {
	text-transform:uppercase;
	font-size:14px;
        color:rgba(100, 20, 20, 1);
        font-weight:500;
        top:0;
	padding:0px;
	margin-top:20px;
	left:3%;
	line-height:9px;
	height:50px;
}
textarea, input, select {
        border: 1px solid grey;
	background-color: rgba(255, 255, 255, 0.2);
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
textarea:hover, input:hover, select:hover, textarea:focus, input:focus, select:focus {
	border: 1px solid black;
	background: white;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	box-shadow: 5px 5px 5px rgba(150, 150, 150, 1);
	-webkit-box-shadow: 5px 5px 5px rgba(150, 150, 150, 1);
	-moz-box-shadow: 5px 5px 5px rgba(150, 150, 150, 1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
button {	
        border: 0;
	display:block;
	width:100%;
	height:40px;
	color:white;
	cursor:pointer;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-o-border-radius:25px;
	border-radius:25px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#banner textarea, #banner input {
	background-color: rgba(255, 255, 255, 1);
}
#load {
	color:white;
        text-shadow: 0 0 3px rgb(0, 0, 0);
	position:absolute;
	padding:5px;
	margin-left:-20px;
	margin-right:0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	top:10px;
	left:50%;
	z-index:999;
	background: rgba(0, 0, 0, 0.0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d000000,endColorstr=#4d000000)";
        /* IE8 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d000000,endColorstr=#4d000000);
        /* IE6 & 7 */
        zoom: 1;
	background:rgba(0,0,0,0.3);
	box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .05);
	-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
	behavior: url(ie-css3.htc);
}
#loading {
	line-height:20px;
	font-size:16px;
	vertical-align:middle;
	font-style:normal;
	text-align:center;
	font-weight:lighter;
}
#loading img {
	height:31px;
	width:31px;
	line-height:20px;
        vertical-align:middle;
        display:none;
}
.alert {
	position:fixed;
	left:0px;
	top:-200px;
	width:100%;
/* Fallback for web browsers that doesn't support RGBa */
        background: rgba(0, 0, 0, 0.0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000)";
/* IE8 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
/* IE6 & 7 */
        zoom: 1;
	background:rgba(0,0,0,0.8);
	box-shadow:0 0 10px rgba(0, 0, 0, 1);
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 1);
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 1);
	color:white;
	z-index:900;
        padding:10px;
}
.alert H1 {
        float:none;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:-10px;
}
.alerttxt {
        float:none;
        margin-left:auto;
        margin-right:auto;
        padding-left:5px;
}
#cookietxt {
        padding-left:10px;
        padding-right:10px;
        text-align:center;
}
.alert .prod{
        float:none;
        margin-left:auto;
        margin-right:auto;	
        width:50px;	
        height:50px;	
        background:rgba(255,255,255,0.5);
}
.alert a {
        color:white;
        padding:2px;
        float:none;	
        margin-left:auto;
        margin-right:auto;
        height:100%;
        line-height:200%;
}
#cookietxt a {
        border-bottom:1px solid white;
        width:18%;
        margin-top:20px;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        float:unset;
        display:block;
        font-size:18px;
}
.cookie {
        display:block;
        position:fixed;
        left:0px;
        top:auto;
        bottom:0px;
        padding:5px;
        z-index:10000;
}
.count {
        position:absolute;
        background-color:rgba(100, 20, 20, 1);
        font-weight:bolder;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;
        color:white;
        font-size:10px;
        margin-top:43px;
        margin-left:-9px;
}
#rotator_wrapper {
        color:white;
	margin-top:0px;
        margin-bottom:-3px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-top-left-radius:0px;
	-moz-border-top-right-radius:0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	behavior: url(ie-css3.htc);
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0);
	box-shadow: 0px 0px 20px rgba(0,0,0,0);
	overflow: hidden;
	position: relative;
        width: 100%;
        height:300px;
        background-color:rgb(255,255,255);
}
.rotator li {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
#rotator_wrapper ul li div {
	width:100%!important;
	min-width:100%!important;
	display: block;
	height:100%!important;
        display: block;
        background-size:cover;
        margin-top:0px;
        margin-left:0;
}
#rotator img {
        margin-left:0%;
	margin-top:1%!important;
	margin-bottom:auto!important;
        width:100%;
	height:auto!important;
	max-height:100%!important;
        z-index:-1;
}
#rotator .text {
       color: #f2f2f2;
       font-size: 15px;
       position: absolute;
       top: 200px;
       max-width: 65%;
       text-align: center;
       background:rgba(22,22,22,0.5);
       border-radius:25px;
       max-height:35px;
       margin-left:18%;
       padding-top:9px;
       border:1px solid black;   
       display:none;
}
.slider1 {
	width:824px;
	overflow:hidden;
}
.pager {
	width:324px;
	overflow:hidden;
}
.bx-next img, .bx-prev img {
        width:33px;	
        height:30px;
        border-radius:50%;
        opacity:0.4;
	-webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.bx-next img:hover, .bx-prev img:hover {	
        opacity:10;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.bx-next, .bx-prev {
	position:absolute;
	border-style: none;
	padding:2px;
        margin-top:-29px;
        margin-left:1px;
	margin-right:1px;
	text-align:center;
	background-color:rgba(255, 155, 255, 0.0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-o-border-radius:25px;
	border-radius:25px;
	color:white;
	top:100.75%;
	z-index:190;
}
.bx-wrapper {
        -webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
        border: 1px solid transparent;
        width:80%!important;
        margin:10%;
}
.bx-pager {
        position:absolute;
        left:50%;
        margin-left:-45px;
        width:90px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        -o-border-radius:5px;
        border-radius:5px;
        border: 1px solid rgb(214, 214, 214);
        background: white;
        padding:5px;
}
.bx-pager:before {
        content:'Page ';
}
.bx-next {
        right:20px;
}
.slider1 a {
        color:white;
}
.bx-prev {
        left:20px;
}
.bx-next:hover, .bx-prev:hover {
        box-shadow:inset 0 0 10px rgba(255, 255, 255, 1), 0 0 5px rgba(150, 150, 150, 1);
        -webkit-box-shadow:inset 0 0 10px rgba(255, 255, 255, 1), 0 0 5px rgba(150, 150, 150, 1);
        -moz-box-shadow:inset 0 0 10px rgba(255, 255, 255, 1), 0 0 10px rgba(150, 150, 150, 1);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}
#updatetext {
        color:red;
}
#noscript div#basicback {
        opacity:0;
        display:none;
        background:none;
        z-index:-1;
}
#noscript #load {
        display:none;
}
#noscript #previewbox {
        display:none;
}
#noscript .alert {
        top:0px;
}
#noscript #rotatorh {
        background-image: url(/images/header/1.png);
        background-size:100%;		
        background-repeat:no-repeat;
}
#noscript #rotatorh li {
        display:none;
}
#noscript div#menu ul li ul {
        display: none; 
}
#noscript div#menu ul li:hover ul {
        display: block; 
}
#noscript img#up, #noscript img#down {
        display:none;
}




























































































#menu_mobile ul li ul#silvermenu_mobile {
        width:400%;
        height:258px;
        left: 0;
        padding-top:25px;
        padding-left:5px;
        padding-right:200%;
        margin-left:-100%;
}
#menu_mobile ul li ul#silvermenu_mobiledown {
        width:400%;
        height:258px;
        left: 0;
        padding-top:25px;
        padding-left:5px;
        padding-right:200%;
        margin-left:-100%;
}

ul#silvermenu_mobile li {
        width:100%;
        float:left;
        list-style:none
}
ul#silvermenu_mobiledown li {
        width:100%;
        float:left;
        list-style:none
}
.djDropdownMenu {
       background: rgb(255, 255, 255);
       border-radius: 0px 0px 10px 10px;
       margin: 0px;
       overflow: hidden;
       display: block;
       padding-left:10px;
       padding-right:10px; 
}

ul#silvermenu_mobile .djDropdownMenu {
        padding:0px;
        list-style:none;
}
ul#silvermenu_mobiledown .djDropdownMenu {
        padding:0px;
        list-style:none;
}
.djDropdown {
         list-style: none;
         z-index: 1500;
         margin-top:-20px;
}
.mobilemenudown {
        position: relative;
        width: 20px;
        height: 20px;
        margin-top: -47px;
        margin-bottom: 25px;
        margin-left: 80%;
        opacity: 0.8;
}
.topnav_linkholder {
       margin-top: 90px;
       -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
       -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
       box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
}
#highlighter, #highlighter2 {
        background: rgba(0, 0, 0, 0.0);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF)";
/* IE8 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF);
/* IE6 & 7 */
        zoom: 1;
        background:rgba(255,255,255,0.2);
        position:absolute;
        height:100%;
        width:100%;
        top:0px;
        left:0px;
        z-index:999;
        display:none;
	box-shadow:inset 0 0 10px rgba(255, 255, 255, 1), 0 0 5px rgba(150, 150, 150, 1);
	-webkit-box-shadow:inset 0 0 10px rgba(255, 255, 255, 1), 0 0 5px rgba(150, 150, 150, 1);
	-moz-box-shadow:inset 0 0 10px rgba(255, 255, 255, 1), 0 0 10px rgba(150, 150, 150, 1);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
        -o-border-radius:10px;
        border-radius:10px;
}



















































































































































#categorypic {
        padding:0px;
        position:relative;
        left:-18%;
        top:-2px;  
}
#categorypic img {
        border-radius: 15px 15px 0px 0px;
        width:135%;
        height:auto;
        display:none;
}
.mobilepic {
        display:block;
}
* {
  box-sizing: border-box;
}
/* Style inputs */
input[type=text], select, textarea {
        width: 100%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius:5px;
        margin-top: 6px;
        margin-bottom: 6px;
        resize: vertical;
}
input[type=file], select, textarea {
        width: 100%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius:5px;
        margin-top: 6px;
        margin-bottom: 6px;
        resize: vertical;
}
input[type=submit] {
        width:100%;
        background-color: rgb(100, 20, 20);
        text-transform:uppercase;
        font-size:16px;
        font-weight:normal;
        color: white;
        padding: 5px 25px;
        border-radius:25px;
        border: none;
        cursor: pointer;
        margin-bottom:30px;
}
input::placeholder {
        color: black;
}
label, input {
        font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
}
textarea::placeholder {
        color: black;
        font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
}
input[type=submit]:hover {
        background-color: rgba(20, 40, 100, 1);
        box-shadow:inset 0 0 10px rgba(255, 255, 255, 1), 0 0 5px rgba(150, 150, 150, 1);
        -webkit-box-shadow:inset 0 0 10px rgba(255, 255, 255, 1), 0 0 5px rgba(150, 150, 150, 1);
        -moz-box-shadow:inset 0 0 10px rgba(255, 255, 255, 1), 0 0 10px rgba(150, 150, 150, 1);
}
/* Style the container/contact section */
.container {
        border-radius: 5px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 10px;
}
/* Create two columns that float next to eachother */
.column {
        float: left;
        width: auto;
        margin-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
}
/* Clear floats after the columns */
.row:after {
        content: "";
        display: table;
        clear: both;
}
/* Responsive layout - when the screen is less than 767px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (
max-width: 767px) {
.column { 
        width:100%;
        margin-top: 0;
}
}
/* 
Generic Styling, for mobile 
*/
table.prod1 { 
        width: 100%;
        color:black;
        background:white; 
        border-collapse:collapse;
        overflow:hidden;
}
table.prod2 { 
        width: 100%;
        color:black;
        background:white; 
        border-collapse:collapse;
        overflow:hidden;
}
table.prod2 td {  
        display:block;
        text-align: center;
        width:100%; 
        padding-top:10px;
        padding-bottom:10px;
        border-bottom:0.5px solid black; 
}
table.prod2 thead th { 
        display:none;
}
table.prod3 { 
        width: 100%;
        color:black;
        background:white; 
        border:none;
        overflow:hidden; 
}
table.prod4 { 
        width: 100%;
        color:black;
        background:white; 
        border-collapse:collapse;
        overflow:hidden; 
}
table.prod5 { 
        width: 100%;
        color:black;
        background:white; 
        border-collapse:collapse;
        overflow:hidden;
        display:none; 
}
table.prod4 thead th {
        background-color: rgb(22, 22, 22);
        text-transform:uppercase; 
        font-size:14px;
        font-weight: normal;
        color: white;
        border-radius:5px;
        border-color: rgb(22, 22, 22);
        padding-top:5px;
        padding-bottom:5px; 
        text-align: center;
}
/*Label the data*/
        table.prod2 td:nth-of-type(3):before { content: "Size";padding:8px; }
        table.prod2 td:nth-of-type(4):before { content: "Qty";padding:9px; }
}
.blog-row {
        display: flex;
        flex-wrap: wrap;
        padding: 0 4px;
}
/* Create three equal columns that sits next to each other */
.blog-column {
        flex: 25%;
        max-width: 25%;
        padding: 0 4px;
}

.blog-column img {
        margin-top: 8px;
        padding:15px;
        vertical-align: middle;
        width: 100%;
        hover-opacity: 0.7;
}
/* Responsive layout - Create three equal columns that sits next to each other */
@media screen and (max-width: 800px) {
.blog-column {
        flex: 33%;
        max-width: 33%;
        padding: 0 4px;
  }
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.blog-column {
        flex: 100%;
        max-width: 100%;
        padding: 0 4px;
  }
}
/* Style the Image Used to Trigger the Modal */
.myImg {
        border-radius: 0;
        cursor: pointer;
        transition: 0.3s;
}
.myImg:hover {opacity: 0.7;}
/* The Modal (background) */
.modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 2200; /* Sit on top */
        padding-top: 50%; /* Location of the box */
        padding-left:30px;
        padding-right:30px;
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(255,255,255); /* Fallback color */
        background-color: rgb(255,255,255); /* White */
}
/* Modal Content (Image) */
.modal-content {
        margin: auto;
        display: block;
        width: 80%;
        max-width: 450px;
}
/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
        margin: auto;
        display: block;
        width: 80%;
        max-width: 700px;
        text-align: center;
        padding: 10px 0;
        height: 150px;
        color:dimgrey;
}
/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
        animation-name: zoom;
        animation-duration: 0.6s;
}
@keyframes zoom {
        from {transform:scale(0)}
        to {transform:scale(1)}
}
/* The Close Button */
.close {
        position: absolute;
        top: 15px;
        right: 35px;
        font-size: 40px;
        font-weight: bold;
        transition: 0.3s;
        color:dimgrey;
}
.close:hover,
.close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 480px){
.modal-content {
        width: 100%;
  }
}

















































































/* topnav */

#nav-icon3 {
        width: 60px;
        height: 40px;
        position: absolute;
        margin: 0px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        margin-left: -13px;
        margin-top: -42px;
        padding: 0px 0px 10px 20px;
}
#nav-icon3 span {
        display: block;
        position: absolute;
        height: 2px;
        width: 40%;
        background: rgba(110, 0, 0, 1);
        border-radius: 0px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        margin-left:35px;
}
#nav-icon3 span:nth-child(1) {
        top: 0px;
}
#nav-icon3 span:nth-child(2) {
        top: 10px;
}
#nav-icon3 span:nth-child(3) {
        top: 20px;
}
#nav-icon3 span:nth-child(1) {
        top: 0px;
}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
        top: 10px;
}
#nav-icon3 span:nth-child(4) {
        top: 20px;
}
#nav-icon3.open span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%;
}
#nav-icon3.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
}
#topnav  {
        position:absolute;
        width:100%;
        margin-top:-32px;
}
#topnav h2 {
        margin-top:0px;
        margin-bottom:0px;
}
#topnav #list {
        max-height: 0;
        transition: max-height 0.7s ease-out;
        overflow:hidden;
        background: rgb(255,255,255);
}
#topnav #list {
        max-height: 1000px;
        transition: max-height 0.7s ease-in;
        border-radius: 10px 10px 0px 0px;
}
#topnav a, .mobile_buttons a {
        padding: 15px 20px;
        display: block;
        border-width: 0px;
        border-style: solid;
        margin: 0px;
        position: relative;
        text-transform: uppercase;
        font-size: 18px;
        text-align: left;
        text-decoration: none;
        border: none;
        margin-right: 0%;
        width:100%;
        color:rgba(100, 20, 20, 1);
}
#topnav a:hover {
        color:#575757;
}
.mobile_count {
        position: absolute;
        background: rgba(255,255,255);
        font-weight: bolder;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        color: rgba(20, 40, 100, 1);
        font-size: 10px;
        margin-left: 29%;
        margin-top: -22px;
}
#cartmenu_mobile {
        display:none;
}
.overlay { 
        height:0%;
        width: 100%;
        position: absolute;
        z-index: 1;
        left: 0;
        background-color: rgb(255,255,255);
        background-color: rgb(255,255,255);
        overflow: hidden;
        border-radius:10px 10px 0px 0px;
        margin-top:22px;
        -moz-transition: all 0 linear;
        -webkit-transition: all 0 linear;
        transition: all 0 linear;
}
.overlay-content {
        margin-top: 0px;
}
@media screen and (max-height: 450px) {
       .overlay {overflow-y: auto;}
       .overlay a {font-size: 20px}
       .overlay .closebtn {
       font-size: 40px;
       top: 15px;
       right: 35px;
  }
}
#menu {
       display:none;
}
div.cart_mobile {
       margin-left:85%;
}
#cart {
        list-style:none;
}
#cart ul {
        list-style:none;
}
.cart_container {
        margin-left:70%;
        list-style:none;
        margin-top:-35px;
}
.cart_container img {
        position:absolute;
        height:65px;
        width:auto;
        margin-top:13px;
        padding:20px;
        z-index:1000;
}





















































































.contact_logo img {
       width:75%;
       height:auto;
       margin-top:10px;
       display:none;
}
.custom img {
       width:100%;
       height:auto;
       margin-top:10px;
}
.shopping_button {
        width: 100%;
        height: 40px;
        border-radius: 25px;
        background: rgb(100,20,20);
        color: white;
        font-size: 16px;
        padding: 9px;
} 
.btn img {
        height:60px;
        width:auto;
        margin:-2px;
        padding-right:5px;
}
#background_wrapper1 {
        margin-top:5px;
        margin-bottom:-3px;
        -webkit-border-top-left-radius:10px;
        -webkit-border-top-right-radius:10px;
        -moz-border-top-left-radius:10px;
        -moz-border-top-right-radius:10px;
        border-top-left-radius:10px;
        border-top-right-radius:10px;
        behavior: url(ie-css3.htc);
        -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0);
        -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0);
        box-shadow: 0px 0px 20px rgba(0,0,0,0);
        overflow: hidden;
        position: relative;
        width: 100%;
        height:250px;	
}
#background_wrapper2 {
        margin-top:5px;
        margin-bottom:-3px;
        -webkit-border-top-left-radius:10px;
        -webkit-border-top-right-radius:10px;
        -moz-border-top-left-radius:10px;
        -moz-border-top-right-radius:10px;
        border-top-left-radius:10px;
        border-top-right-radius:10px;
        behavior: url(ie-css3.htc);
        -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0);
        -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0);
        box-shadow: 0px 0px 20px rgba(0,0,0,0);
        overflow: hidden;
        position: relative;
        width: 100%;
        height:250px;	
}
#background_wrapper3 {
        margin-top:5px;
        margin-bottom:-3px;
        -webkit-border-top-left-radius:10px;
        -webkit-border-top-right-radius:10px;
        -moz-border-top-left-radius:10px;
        -moz-border-top-right-radius:10px;
        border-top-left-radius:10px;
        border-top-right-radius:10px;
        behavior: url(ie-css3.htc);
        -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0);
        -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0);
        box-shadow: 0px 0px 20px rgba(0,0,0,0);
        overflow: hidden;
        position: relative;
        width: 100%;
        height:250px;	
}
#main_background1 {
        background-image: url('images/main/David-Jonns-Workshop-1.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position:50% center;
        background-attachment:unset;
        width:100%;
        height:250px;
}
#main_background1 a {
        padding:0px 360px 230px 0px;
}
#main_background2 {
        background-image: url('images/main/David-Jonns-Red-Gold-Love-Heart-Bangle-12.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position:50% center;
        background-attachment:unset;
        width:100%;
        height:250px;
}
#main_background2 a {
        padding:0px 360px 230px 0px;
}
#main_background3 {
        background-image: url('images/main/David-Jonns-Jewellery-Repairs.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position:50% center;
        background-attachment:unset;
        width:100%;
        height:250px;
}
#main_background3 a {
        padding:0px 360px 230px 0px;
}
/* classed link styles, appropriate for navigation area */
a.main-card {
        color: rgba(100, 20, 20, 1);   
        text-align: center;
        text-decoration: none;
        font-size: 22px;
        font-weight:bold;
        transition-duration: 0.4s;
        cursor: pointer;
        padding:7px;
        padding-left:0px;
        padding-right:0px;
}
a.main-card:hover {
        background-color: rgb(255, 255, 255);   
        color: #575757;
}
.main-card img {
    width:80%;
    height:auto;
    margin-top:65px;
    margin-bottom:55px;
}
a.main-card-2 {
        color: rgba(100, 20, 20, 1);   
        text-align: center;
        text-decoration: none;
        font-size: 22px;
        font-weight:bold;
        transition-duration: 0.4s;
        cursor: pointer;
        padding-left:0px;
        padding-right:0px;
}
a.main-card-2:hover {
        background-color: rgb(255, 255, 255);   
        color: #575757;
}
.main-card-2 img {
    width:100%;
    height:auto;
    margin-top:48px;
    margin-bottom:40px;
}
a.nav3 {
        color: white;
        text-align: center;
        text-decoration: none;
        font-size: 24px;
        font-weight:500;
        transition-duration: 0.4s;
        cursor: pointer;
        padding:7px;
        padding-left:60px;
        padding-right:60px;
        margin-top:0px;
}
a.nav3:hover {
        background-color: white;
        color: #595959;
}
a.nav4 {
        color: rgba(100, 20, 20, 1);   
        text-align: center;
        text-decoration: none;
        font-size: 22px;
        font-weight:bold;
        transition-duration: 0.4s;
        cursor: pointer;
        padding:7px;
        padding-left:0px;
        padding-right:0px;
}
a.nav4:hover {
        background-color: rgb(255, 255, 255);   
        color: #575757;
}
a.nav5 {
        color: #595959;
        text-align: center;
        text-decoration: none;
        font-size: 18px;
        font-weight:500;
        transition-duration: 0.4s;
        cursor: pointer;
        padding:7px;
        padding-left:50px;
        padding-right:50px;
}
a.nav5:hover {
        background-color: #595959;
        color: white;
}
hr {
        display: block;
        position: relative;
        padding: 0;
        margin: 8px auto;
        height: 0;
        width: 85%;
        max-height: 0;
        font-size: 1px;
        line-height: 0;
        clear: both;
        border: none;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #ffffff;
}











.transform_wrapper {
        max-width: 1200px;
        height:;
        margin-left: auto;
        margin-right: auto;
}
.transform_container {
        width: 100%;
        margin-top: 45px;
        height: 170px;
        overflow: hidden;
        position: relative;
        display: inline-block;
        cursor: pointer;
}
.transform_container_custom {
        width: 100%;
        margin-top: 45px;
        height: 280px;
        overflow: hidden;
        position: relative;
        display: inline-block;
        cursor: pointer;
}
.child {
        height: 100%;
        width: 100%;
        background-image: url(images/main/David-Jonns-Jewellery-Repairs.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position:50% center;
        background-attachment: unset;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
}
.child_about {
        height: 100%;
        width: 100%;
        background-image: url(images/main/David-Jonns-Workshop-1.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position:50% center;
        background-attachment: unset;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
} 
.child_custom {
        height: 100%;
        width: 100%;
        background-image: url(images/main/David-Jonns-Custom-9.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position:50% center;
        background-attachment: unset;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
}    
.transform_container:hover .child,
.transform_container:focus .child {
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
}
.transform_container:hover .child:before,
.transform_container:focus .child:before {
        display: block;
}
.transform_container:hover .child_about,
.transform_container:focus .child_about {
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
}
.transform_container_custom:hover .child_custom,
.transform_container_custom:focus .child_custom {
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
}
.transform_container:hover .child:before,
.transform_container:focus .child:before {
        display: block;
}
.transform_container:hover .child_about:before,
.transform_container:focus .child_about:before {
        display: block;
}
.transform_container_custom:hover .child_custom:before,
.transform_container_custom:focus .child_custom:before {
        display: block;
}
.child:before {
        content: "";
        display: none;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
}
.child_about:before {
        content: "";
        display: none;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
}
.child_custom:before {
        content: "";
        display: none;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
}
#background_wrapper4 {
        color:black;
	margin-top:0px;
	-webkit-border-top-left-radius:10px;
        -webkit-border-top-right-radius:10px;
	-moz-border-top-left-radius:10px;
        -moz-border-top-right-radius:10px;
	border-top-left-radius:10px;
        border-top-right-radius:10px;
	behavior: url(ie-css3.htc);
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0);
	box-shadow: 0px 0px 20px rgba(0,0,0,0);
	overflow: hidden;
	position: relative;
	width: 100%;
	height:310px;
}
#main_background4 {
}
#main_background4 a {
       padding: 15px 350px 209px 0px;
}
#background_wrapper5 {
        color:black;
	margin-top:0px;
	-webkit-border-top-left-radius:10px;
        -webkit-border-top-right-radius:10px;
	-moz-border-top-left-radius:10px;
        -moz-border-top-right-radius:10px;
	border-top-left-radius:10px;
        border-top-right-radius:10px;
	behavior: url(ie-css3.htc);
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0);
	box-shadow: 0px 0px 20px rgba(0,0,0,0);
	overflow: hidden;
	position: relative;
	width: 100%;
	height:310px;
}
#main_background5 {  
}
#main_background5 a {
        padding: 15px 350px 209px 0px;
}
#background_wrapper6 {
        color:black;
	margin-top:0px;
	-webkit-border-top-left-radius:10px;
        -webkit-border-top-right-radius:10px;
	-moz-border-top-left-radius:10px;
        -moz-border-top-right-radius:10px;
	border-top-left-radius:10px;
        border-top-right-radius:10px;
	behavior: url(ie-css3.htc);
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0);
	box-shadow: 0px 0px 20px rgba(0,0,0,0);
	overflow: hidden;
	position: relative;
	width: 100%;
	height:310px;
}
#main_background6 {  
}
#main_background6 a {
        padding: 15px 350px 209px 0px;
}

#size_table {
        font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
        font-size:4pt;
        border-collapse: collapse;
        width: 100%;
}
#size_table td, #size_table th {
        border: 0px;
        padding: 8px;
        text-align: center;
}
#size_table tr:nth-child(odd){
        background-color: #f2f2f2;
        text-align: center;
}
#size_table tr:hover {
        background-color: #ddd;
}
#size_table th {
        padding-top: 6px;
        padding-bottom: 6px;
        text-align: center;
        background-color: #222222;
        color: white;
}
#repairs_table {
        font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
        font-size:4pt;
        border-collapse: collapse;
        width: 100%;
}
#repairs_table td, #repairs_table th {
        border: 0px;
        padding: 8px;
        text-align: center;
}
#repairs_table tr:nth-child(odd) {
        background-color: #f2f2f2;
        text-align: center;
}
#repairs_table tr:hover {
        background-color: #ddd;
}
#repairs_table th {
        padding-top: 6px;
        padding-bottom: 6px;
        text-align: center;
        background-color: #222222;
        color: white;
        width:100%;
}

.to-top{
	padding-top:1.8em;
	display:inline-block;
	position:relative;
	transition:all .3s ease-out;
}
.to-top:before{
	content:'▲';
	position:absolute;
	transition:transform .3s ease-in;
        transform: rotate(-90deg);
}

.to-top:hover{
	color:grey;
	border-color:grey;
}

.to-top:hover:before{
	transform: rotate(-180deg);
}

.select {
  
  
  line-height:45px;
  padding: 0 3em 0 1em;
  
  outline: none;
  cursor: pointer;
   -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
}
.selector {
  position:relative;
  display:inline-block;
  }
.selector::before {
  content:"▲";
  display:block;
  top:50%;
  transition:transform .3s ease-in;
  transform:rotate(-90deg);
  margin-top:-2.5px;
  position:absolute;
  right:1em;
  color:grey;
  z-index:2;
}

.selector.focused::before{
  transform:rotate(180deg);
  
}

.column4  {
        width: 100%;
        padding: 0px;
}
.column5  {
        float: left;
        width: 100%;
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 0px;
}
.column6  {
        float: left;
        width: 100%;
        margin-top: -40px;
        margin-bottom: 40px;
        padding: 0px;
}
.column7  {
        float: left;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 40px;
        padding: 0px;
}
.main_heading {
        text-transform:uppercase;
        font-size:27px;
        font-weight:700;
        color:rgba(100, 20, 20, 1);   
}
.container_main1 {
        padding-left:40px;
        padding-right:40px;
        padding-bottom:30px;
        margin-top:-10px;
}

 .tile-wrapper {
    margin:0;
    padding:0;
    overflow: hidden;
    position: relative;
}
.new-arrivals-link {
    line-height: 0;
}
.new-arrivals-link img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
.new-arrivals-link:hover img { /* this line has been changed */
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.new-arrivals-link img:hover {
    opacity: 1;
}
.tile-wrapper .text-overlay {
    position: absolute;
    width: 80%;
    height: 25%;
    overflow: auto;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    margin-top:45%;
    display:block;
}
.tile-wrapper .text-overlay h2 {
    color: white;
    font-size: 0px;
    font-weight:bold;
    line-height: 48px;
    margin: 0 0 10px;
    background: ;
    border-radius:25px;
    display:block;
}
.tile-wrapper .text-overlay p {
    color: white;
    font-size: 28px;
}
.geeks1 {
    width: 40%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    float:left;
    margin-left:6.7%;
    margin-bottom:6.7%;  
}
 
.geeks1 img {
    width: 100%;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}
 
.geeks1:hover img {
    transform: scale(1.2);
}
.geeks2 {
    width: 40%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    float:right;
    margin-right:6.7%;
}
 
.geeks2 img {
    width: 100%;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}
 
.geeks2:hover img {
    transform: scale(1.2);
}
.zoom-image-card-3 {
    width: 40%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    float:left;
    margin-left:6.7%;
    margin-bottom:6.7%;  
}
 
.zoom-image-card-3 img {
    width: 100%;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}
 
.zoom-image-card-3:hover img {
    transform: scale(1.2);
}
.zoom-image-card-4 {
    width: 40%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    float:right;
    margin-right:6.7%;
}
 
.zoom-image-card-4 img {
    width: 100%;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}
 .zoom-image-card-4:hover img {
    transform: scale(1.2);
}
.zoom-image-card-5 {
    width: 40%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    float:left;
    margin-left:6.7%;
    margin-bottom:6.7%;  
}
 
.zoom-image-card-5 img {
    width: 100%;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}
 
.zoom-image-card-5:hover img {
    transform: scale(1.2);
}
.zoom-image-card-6 {
    width: 40%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    float:right;
    margin-right:6.7%;
}
 
.zoom-image-card-6 img {
    width: 100%;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}
 
.zoom-image-card-6:hover img {
    transform: scale(1.2);
}
.social_mobile img {
        height:auto;
        width:40px;
        margin:-2px;
        padding-right:5px;
        display:block;
        float:left;
}
.admin table {
        font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
        font-size:4pt;
        border-collapse: collapse;
        width: 100%;
}
.admin table td, #repairs_table th {
        border: 0px;
        padding: 8px;
        text-align: center;
}
.admin table tr:nth-child(odd) {
        background-color: #f2f2f2;
        text-align: center;
}
.admin table tr:hover {
        background-color: #ddd;
}
.admin table th {
        padding-top: 6px;
        padding-bottom: 6px;
        text-align: center;
        background-color: #222222;
        color: white;
        width:100%;
}



.products_grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.products_grid_item {
  margin: 5px;
  margin-left:5%;
  width: 315px;
}

.products_grid_item:hover {
border: 0px solid white;
opacity: 0.7;
transition: 0.3s ease-in-out;
}

.products_grid_item img {
  width: 100%;
  height: auto;
}

.products_grid_item .product_desc {
        text-transform: uppercase;
        font-size: 14px;
        color: rgb(89, 89, 89);
        font-weight: 400;
        height: 50px;
        transition: 0.3s ease-in-out;
        padding: 10px;
        text-align: center;
}

.products_price {
        text-transform: uppercase;
        font-size: 14px;
        color: rgb(100, 20, 20);
        font-weight: 700;
        margin-bottom:-15px;
        margin-left: 10%;
        width: 80%;
        line-height: 15px;
        height: 50px;
        transition: 0.3s ease-in-out;
        text-align: center;
}

.gallery_grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.gallery_grid_item {
  margin: 5px;
  margin-left:0%;
  width: 315px;
}

.gallery_grid_item:hover {
border: 0px solid white;
opacity: 0.7;
transition: 0.3s ease-in-out;
}

.gallery_grid_item img {
  width: 100%;
  height: auto;
  margin:10px;
}































/* nav */

.nav {
  border-radius: 0px 0px 10px 10px;
  position: absolute;
  width: 100%;
  z-index: 1000;
  margin-left:0px;
  margin-top:20px;
}

.nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #fff;
}

.nav li a {
  padding: 20px 20px;
  border-right: 1px solid #fff;
  
        display: block;
        border-width: 0px;
        border-style: solid;
        margin: 0px;
        position: relative;
        text-transform: uppercase;
        font-size: 18px;
        text-align: left;
        text-decoration: none;
        border: none;
        margin-right: 0%;
        width: 100%;
        color: rgba(100, 20, 20, 1);
        margin-left:10px;
}

.nav li a:hover,
.nav .menu-btn:hover {
  background-color: #fff;
  color:#575757;
}



/* menu */

.nav .menu {
  clear: both;
  max-height: 0;
  transition: max-height .5s ease-out;
}

/* menu icon */

.nav .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: left;
  padding: 28px 20px;
  position: relative;
  user-select: none;
}

.nav .menu-icon .navicon {
  background: rgba(110, 0, 0, 1);
  display: block;
  height: 2px;
  position: relative;
  transition: background .3s ease-out;
  width: 30px;
}

.nav .menu-icon .navicon:before,
.nav .menu-icon .navicon:after {
  background: rgba(110, 0, 0, 1);
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.nav .menu-icon .navicon:before {
  top: 5px;
}

.nav .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.nav .menu-btn {
  display: none;
}

.nav .menu-btn:checked ~ .menu {
  height:270px;
  max-height: 270px;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
  border-radius: 0px 0px 10px 10px;
}

.nav .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.nav .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.nav .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* 48em = 768px */

@media (min-width: 48em) {
  .nav li {
    float: left;
  }
  .nav li a {
    padding: 20px 30px;
  }
  .nav .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .nav .menu-icon {
    display: none;
  }
}