html, body {
	margin:0px;
	padding:0px;
}

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;
	behavior: url(ie-css3.htc);
	behavior: url(csshover3.htc);
}

::selection {
	background:rgb(58,175,220);
	color:white;
}

::-moz-selection {
	background:rgb(58,175,220);
	color:white;
}

/* 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;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a:link {
	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;
	-o-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:30px;
	font-weight:500;
    color:rgba(100, 20, 20, 1);   
}
/* Style font color user agent high contrast */
h2 {
	text-transform:uppercase;
	font-size:14px;
    margin: 2px;
	font-weight:normal;
	color:white;
}

h2 {
	text-transform:uppercase;
	font-size:14px;
    margin: 2px;
	font-weight:normal;
}

.fade2 {
	font-size:22px;
	font-weight:400;
        color:grey;
}

.imgmain {
	height:450px !important;
	width:450px !important;
	position:absolute;
	left:0;
	top:0;
	transition:opacity 1s;
	opacity:0;
	display: none;
}

.popupImage {
	cursor: zoom-in;
}

.imgpreview {
	width:145px !important;
	height:145px !important;
	margin:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	border: 1px solid white;
	opacity:0.6;
	cursor:pointer;
    background-color:white;
}

.imgpreview.current {
	border:1px solid grey;
	opacity:1;
    padding:1%;
    background-color: white;
    margin-left:10px;
}

.imgmain.currentPic {
	display: block;
	opacity: 1;
}

#popup {
	position: fixed;
	display: none;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1000;
	background:rgba(0,0,0,0.3);
	cursor: zoom-out;
}

#popup  .image {
	height:100%;
	width:100%;
	max-width:900px;
	max-height:900px;
	margin:auto;
	display:block;
	background:transparent;
	border-radius:10px;
	box-shadow:none;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
h3 {
	text-transform:uppercase;
    font-size:22px;
	font-weight:normal;
}
h4 {
	text-transform:uppercase;
    font-size:11px;
	font-weight:normal;
}
h5 {
	
    text-transform:uppercase;
	font-size:16px;
	font-weight:normal;
}
h6 {
	
    text-transform:uppercase;
	font-weight:normal;
    margin-left:35%;
    margin-right:35%;
}
#basicback {
	cursor:wait;
	background-color: rgb(22, 22, 22);
	background-image:url('images/back-grey.webp');
	background-position: center center;
	background-attachment:fixed;
	background-size:cover;
	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 {
	position:absolute;
    width:100%;
	padding:3px 25px 25px;
	left:0px;
    margin-top:-4%;
	margin-left:100px;
	font-size:1em;
	margin-bottom:30px;
}
#main {
	position:absolute;
	width:950px;
	left:50%;
	margin-left:-475px;
	text-align:center;
	border-width:0px;
	border-style:solid;
	border-color:white;
    min-height:630px;
	padding-bottom:250px;
	margin-top:0px;
}
#wrap {
	overflow-y:hidden;
	width:100%;
	padding-top:5px;
	border-width:0px;
	height:100%;
}
#content form select {
	margin-left:0px!important;
        margin-top:0px;
        margin-bottom:0px;
        width:100%;
        height:40px;
        padding:0px;
        color:black;
        background-color:white;
        opacity:0.6; 
        border-radius:5px;      
}
.rightimg {
	float:right;
        padding-left:2%;
        padding-right:2%;
}
.leftimg {
	float:left;
}
.leftimg_admin {
	width:40%;
        height:auto;
        margin-top:25px;
}
.newline {
	clear:both;
}
.rightimg h2, td h2, .leftimg h2, button {
        background:rgb(100, 20, 20);
}
.rightimg h1 {
        font-size:28px;
        font-weight:400;
}
.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:rgb(150,20,20);
	box-shadow:inset 0 0 10px rgba(150, 80, 80, 1), 0 0 5px rgba(150, 80, 80, 1);
	-webkit-box-shadow:inset 0 0 10px rgba(150, 80, 80, 1), 0 0 5px rgba(150, 80, 80, 1);
	-moz-box-shadow:inset 0 0 10px rgba(150, 80, 80, 1), 0 0 5px rgba(150, 80, 80, 1);
}
.newline2 {
	position:absolute;
	bottom:0px;
	clear:both;
}
.bubble {
	position:relative;
	background: white;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	behavior: url(ie-css3.htc);
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	padding-bottom:0px;
}
.footer_bubble {
	position:relative;
	background: white;
	-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);
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	padding-bottom:0px;
	-moz-box-shadow: 0px 0px 20px rgba();
	-webkit-box-shadow: 0px 0px 20px rgba();
	box-shadow: 0px 0px 20px rgba();
}
#banner {
	padding:0px;
	background: white;
	background-position: center center;
	background-repeat:no-repeat;
	height:152px;
	z-index:200;
	color:white;
}
#banner2 {
	position:absolute;
	left:0;
	width:950px;
	height:100%;
}
.banner-msg {
	position:absolute;
	left:0;
	width:950px;
        height:20px;
        text-align: center;
        font-size:16px;
        font-weight:400;
        z-index:0;  
}
.banner-text{
        margin-top:-20px;
        background-color:rgba(100, 20, 20, 1);
        border-top-left-radius:5px;
        border-top-right-radius:5px;
}






 .search_container {
        margin-top:65px;
        float:right;
        margin-right:20%;
        list-style:none;
}
.search_container img {
        height:25px;
        width:auto;
        margin:0px;
        display:block;
        position:absolute;
        margin-left:6%;
}
.socialbar {
        position:absolute;
        margin-top:65px;
        margin-left:5%;
}
.social img {
        height:25px;
        width:auto;
        margin:0px;
        padding-right:5px;
}

 .cart_container {
        margin-top:65px;
        float:right;
        margin-right:12%;
        margin-bottom:-75px;
}
.cart_container img {
        height:25px;
        width:auto;
        margin-top:-167px;
        margin-left:60px;
        display:block;
        position:absolute;
}
.cart_count {
        background-color: rgba(255, 255, 255, 0.0);
        font-weight: bolder;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        color: rgba(100, 20, 20, 1);
        font-size: 10px;
        margin-top: -110px;
        margin-right: 50px;
        float:right;
        display:block;
}



























.glitter {
	float:left;
	display:block;
	position:relative;
	width:950px;
	height:100%;
	overflow:hidden;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.glittercover {
	position:absolute;
	left:0;
	width:950px;
	height:100%;
	background-image:url('images/headerover2.webp');
	background-position: center top;
}
#contentwrap {
	margin-top:-2px;
	padding:20px;
        background:white;
}
.items {
	width:100%;
	padding:5px 10px;
	font-size:18px;
	margin-left:auto;
	margin-right:auto;
}
#content {
	color:rgb(0,0,0);
    padding-left:55px;
    padding-right:55px;
}
#content h1 {
        color:rgba(100, 20, 20, 1);   
}
#footer {
	background: white;
	text-transform:uppercase;
	font-size:14px;
    text-align:left;
	font-weight:normal;
	margin-top: 5px;
    color:black;
    background-size: cover;
	background-position: center center;
	background-repeat:no-repeat;
	z-index:900;
	position:absolute;
    bottom:8px;
    height:385px;
	width:950px;
	padding:0px;
    margin-bottom:5px;      
}
#footer h2 {
    text-transform:uppercase;
	font-size:12px;
    margin: 10px;
	font-weight:normal;
    color:rgba(100, 20, 20, 1);   
} 
#footer img {
	margin-top:0px!important;
	margin-bottom:1px!important;
        margin-left:22px;
        margin-right:22px;
        padding-left:5px;
        padding-right:5px;
        width:60px;
        height:auto;
        opacity:1;
}
#footer-(off) a:hover:not(.pp), .alert a:hover {
	box-shadow:inset 0 0 10px rgba(150, 80, 80, 1), 0 0 5px rgba(150, 80, 80, 1);
	-webkit-box-shadow:inset 0 0 10px rgba(150, 80, 80, 1), 0 0 5px rgba(150, 80, 80, 1);
	-moz-box-shadow:inset 0 0 10px rgba(150, 80, 80, 1), 0 0 10px rgba(150, 80, 80, 1);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	padding:0px;
}
.footbar {
	    float:left;
	    width:30%;
        padding-left:12%;
}
.footbar a {
	color:rgba(100, 20, 20, 1);
}
.footbar a:hover {
        color:#575757;
}
.footbar2 {
	float:left;
        margin-top:35px;
        margin-left:255px;
        margin-right:255px;
}
.footbar2 a {
	    color:rgba(100, 20, 20, 1);   
}
.footbar2 a:hover {
	    color:#575757;   
}
.footbar2 .copyright {
        margin-top:20px;
        margin-left:155px;
        margin-right:155px;
        margin-bottom:-2px;
        font-size:12px;
        color:rgba(100, 20, 20, 1);   
}
img {
	border-style:none;
	padding:1px;
}
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;
	-o-transition: all 0.3s 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:absolute;
	top:5px;
	width:250px;
        height:auto;
	z-index:900;
	list-style:none;
        margin-top:40px;
        margin-left:33%;
}

#logowrap {
	height:125px;
	margin-left:40px;
	list-style:none;
}









































































#menu {
	position:relative;
	width: 100%;
	z-index:450;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 235px;
	float: left;
	z-index:860;
}
#menu ul li ul {
	top:102%;
	width:100%;
	background: white;
	background-position: center -500px;
	background-repeat:no-repeat;
	z-index:850;
	-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);
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#menu h2 {
	display: block;
	border-width: 0px;
	border-style: solid;
	margin: 2px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#menu h5 {
	display: block;
	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: 0;
	position:relative;
	font-size:16px;
	text-align:center;
	text-decoration: none;
	border:none;
	color:rgba(100, 20, 20, 1);;
    height:auto;
    font-style:normal;
    text-transform:uppercase;
}
#menu a:hover {
color:#575757;
}
#cartmenu a {
	font-size:12px;
	font-weight:normal;
        color:white;
	margin:0px;
        padding:0px;
}
#menu h2:hover {
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
}
#banner #menu h2:hover {
}
#cartmenu h2 a {
	font-size:13px;
        text-transform:capitalize;
	font-weight:normal;
	color:white;
	margin:0px;
	padding-bottom:1px;
}
#menu h2:hover a {
	text-decoration:none;
}
#menu li {
	position: relative;
}
#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;
}
#menu ul ul {
	border:0px;
	position: absolute;
	left: 0%;
	z-index: 500;
	background: rgba(0, 0, 0, 0.2);
}
#menu ul ul a {
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	text-align:center;
    margin-bottom:4px;
    font-size:1.1em;
    text-transform:uppercase;
}
#menu ul li ul li {
    -o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#menu ul li ul li:hover {
	z-index:650;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#menu ul li:hover ul {
	display: block;
}
#menu ul ul,#menu ul li:hover ul ul,#menu ul ul li:hover ul ul {
	display: block;
    margin-top:10px;
    margin-left:0;
    z-index:2200;
}
#menu ul li:hover ul,#menu ul ul li:hover ul,#menu ul ul ul li:hover ul {
	display: block;
}
#menu ul li #silvermenu {
	width:950px;
	left:0;
    padding-left:0px;
    margin-top:20px;
    margin-left:0px;
}
ul#silvermenu li {
	width:25%;
	float:left;
}
.djDropdownMenu {
       margin: 0px;
       overflow: hidden;
       display: block; 
}
ul#silvermenu .djDropdownMenu {
        padding:0px;
        list-style:none;
        width:950px;
}
.nav_dropdown {
         list-style: none;
         z-index: 1500;
}
.mobilemenudown {
        position: relative;
        width: 20px;
        height: 20px;
        margin-top: -47px;
        margin-bottom: 25px;
        margin-left: 80%;
        opacity: 0.8;
display:none;
}
.linkholder_mobile {
       margin-top: 90px;
       display:none;
}






























































































#prev {
	position:absolute;
	left:10px;
	z-index:255;
}
#next {
	position:absolute;
	right:10px;
	z-index:255;
}
.prodwrap {
	float:left;
	margin:25px 18px 45px 10px;
	width:230px;
	height:230px;
}
.prod {
	display:block;
	background:white;
	color:black;
	margin:auto;
        margin-top:0px;
	position:relative;
	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:270px;
	height:270px;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-align:center;
}
.prod img {
	width:215px;
	height:215px;
        padding:3%;
        margin-top:0px;
	-webkit-transition: all 0.0s ease-in-out;
	-moz-transition: all 0.0s ease-in-out;
	-o-transition: all 0.0s ease-in-out;
	transition: all 0.0s ease-in-out;
}
.grow:hover img {
	width:230px;
	height:230px;
        z-index:500;
	-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;
}
.ptextback {
	position:absolute;
	background: rgba(88, 88, 88, 0.0);
	top:100%;
	margin-top:-37px;
	width:100%;
	height:45px;
	padding:0px;
}
.prodtxt {
    text-transform:uppercase;
	font-size:11px;
    color:#595959;
    font-weight:400;
    -o-transition: all 0.3s ease-in-out;
	-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:-10px;
	padding:0px;
	margin-top:0px;
    margin-left:10%;
	width:80%;
	line-height:15px;
	height:50px;
}
.prodprice {
	text-transform:uppercase;
	font-size:12px;
    color:rgba(100, 20, 20, 1);
    font-weight:500;
    -o-transition: all 0.3s ease-in-out;
	-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:8px;
	padding:15px;
	margin:auto;
	left:11%;
	width:205px;
	height:50px;
}
.prodpricecat {
	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:0px;
	height:50px;
        margin-top:30px;
}
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-color: 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);
	-o-transition: all 0.3s ease-in-out;
	-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;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.shopping_button {
        width: 100%;
        height: 40px;
        border-radius: 25px;
        background: rgb(100,20,20);
        color: white;
        font-size: 16px;
        padding: 8px;
}
#banner textarea, #banner input {
	background-color: rgba(255, 255, 255, 1);
}
#load {
	color:white;
	text-shadow: 0 0 3px rgb(0, 0, 0);
	position:fixed;
	padding:0px;
	margin-left:0px;
	margin-right:-10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	top:10px;
	left:48%;
	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;
	overflow:auto;
	padding:10px;
}
.alert H1 {
	display:inline;
}
.alerttxt {
	line-height:35px;
}
#cookietxt {
	padding:0px;
        text-align:center;
}
.alert .prod {
        bottom:20px;
	width:70px;
	height:70px;
        margin-top:20px;
	background:rgba(0,0,0,0);
}
.alert a {
	color:white;
	padding:2px;	
	margin-top:10px;
        bottom:15px;
}
#cookietxt a {
    border-bottom:1px solid white;
    width:8%;
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    float:unset;
    display:block;
    font-size:18px;
}






















.count {
	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:-157px;
	margin-left:20px;
	position:absolute;
	width:18px;
	height:auto;
	
}


























#rotator_wrapper {
    color:white;
	margin-top:0px;
	-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:470px;
        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;
        height:auto!important;
        display:block;
        background-size:cover;
        margin-top:0px;
        margin-left:0;
}
#rotator img {
        margin-left:-18%;
        margin-top:1%!important;
        margin-bottom:auto!important;
        width:100%;
        height:auto!important;
        max-height:100%!important;
        z-index:-1;
}
#rotator .text {
        color: white;
        font-size: 35px;
        padding: 8px 12px;
        position: absolute;
        width: 50%!important;
        min-width:50%!important;
        text-align: center;
        margin-top:-30%;
        display:none;
}
.slider1 {
	width:-800px;
	overflow:hidden;
}
.pager {
	width:800px;
	overflow:hidden;
}
.bx-next img, .bx-prev img {
        width:43px;	
        height:40px;
        border-radius:50%;
	opacity:0.4;
	-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;
}
.bx-next img:hover, .bx-prev img:hover {
	opacity: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;
}
.bx-next, .bx-prev {
	position:absolute;
	border-style: none;
	padding:2px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background: rgba(255, 255, 255, 0.0);
	-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:25px;
	-moz-border-radius:25px;
	-o-border-radius:25px;
	border-radius:25px;
	color:white;
	top:44%;
	z-index:190;
}
.bx-window{
        height:100%;
}
.bx-wrapper {
	padding-top:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	border: 1px solid transparent;
}
.bx-pager {
	position:relative;
        color: black;
        bottom:0px;
        margin-top:35px;
	margin-left:auto;
	margin-right:auto;
	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:-50px;
}
.slider1 a {
	color:white;
}
.bx-prev {
	left:-40px;
}
.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/David-Jonns-Sterling-Silver-Talon-Rings.png);
	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;
}
#categorypic {
	width:952px;
	height:220px;
	margin-left:-61px;
        margin-top:-22px;
}
#categorypic img {
	width:952px;
	border-radius:10px 10px 0px 0px;
        margin-left:-15px;
        display:none;
}
.cookie {
        top:auto;
	font-size: 0.9em;
	bottom:15px;
	right:0px;
	left:auto;
	width:100%;
	border-radius:5px;
        z-index: 10000;
}
.cookie a {
	float:none;
	display:block;
}
.admin table {
        font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
        border-collapse: collapse;
        width: 100%;
}
.admin table td, .admin table th {
        border: 0px;
        padding: 15px;
        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: 12px;
        padding-bottom: 12px;
        text-align: center;
        background-color: #222222;
        color: white;
        width:100%;
}
* {
  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] {
        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: rgb(100, 20, 20);
}
/* Style the container/contact section */
.container {
        border-radius: 5px;
        padding: 10px;
}
/* Create two columns that float next to eachother */
.column {
        float: left;
        width: 50%;
        margin-top: 6px;
        padding: 20px;
}
/* Clear floats after the columns */
.row:after {
        content: "";
        display: table;
        clear: both;
}
/* 
Generic Styling, for Desktops/Laptops 
*/
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 th {
        height:37px; 
        background-color: rgb(22, 22, 22); 
        text-transform:uppercase; 
        font-size:14px;
        font-weight: normal;
        color: white;
        padding-top:5px;
        padding-bottom:5px; 
}
table.prod2 td, th {  
        text-align: center;
        width:17%; 
}
table.prod3 { 
        width: 100%;
        color:black;
        background:white; 
        border:none;
        overflow:hidden; 
}
table.prod4 { 
        width: 285px;
        color:black;
        background:white; 
        border-collapse:collapse;
        overflow:hidden; 
}
table.prod4 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;
}
table.prod5 {
        height:240px; 
        width: 425px;
        color:black;
        background:white;
        border-collapse:collapse;
        overflow:hidden;
        margin-top:30px;
        margin-bottom:-30px;
        margin-left:25px; 
}
menubutton2 {
        margin-left:-235px;
}
.blog-row {
        display: flex;
        flex-wrap: wrap;
        padding: 0 4px;
}
/* Create three equal columns that sits next to each other */
.blog-column {
        flex: 33%;
        max-width: 33%;
        padding: 0 4px;
}
.blog-column img {
        margin-top: 8px;
        padding:15px;
        vertical-align: middle;
        width: 100%;
}
/* 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 three 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: 10%; /* Location of the box */
       left: 0;
       top: 0;
       width: 100%; /* Full width */
       height: 100%; /* Full height */
       overflow-y: auto; /* Enable scroll if needed */
       background-color: rgba(0,0,0,0.5); /* Black */
       margin:auto;
}
/* Modal Content (Image) */
.modal-content {
       margin: auto;
       display: block;
       width: 100%;
       max-width: 750px;
       background-color:white;
       padding:90px;

}
/* 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;
        height: 10px;
        color:dimgrey;
        margin-top:-70px;
}
/* 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:white;
}
.close:hover,
.close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
.modal-content {
        width: 100%;
  }
}
.contact_logo img {
        width:55%;
        height:auto;
        margin-top:35px;
        margin-left:-50px
}
.custom img {
        width:100%;
        height:auto;
        margin-top:25px;
}
.shopping_button {
        width:100%;
        height:40px;
        background:rgb(100,20,20);
        border-radius:25px;
        color:white;
        font-size:16px;
        padding:8px;
}
/* Create two columns that float next to eachother */

.column1  {
        float: left;
        width: 50%;
        margin-top: -8px;
        padding: 20px;
}
.column2  {
        float: left;
        width: 50%;
        margin-top: 6px;
        padding: 20px;
}
.column3  {
        float: left;
        width: 40%;
        margin-top: 40px;
        margin-bottom: 45px;
        margin-left:25px;
        padding: 0px;
}
.column4  {
        float: left;
        width: 40%;
        margin-top: 40px;
        margin-bottom: 40px;
        margin-left:-145px;
        padding: 0px;
}
.column5  {
        float: left;
        width: 50%;
        margin-top: 40px;
        margin-bottom: 45px;
        margin-left:25px;
        padding: 0px;
}
.column6  {
        float: left;
        width: 50%;
        margin-top: 40px;
        margin-bottom: 0px;
        margin-left:-50px;
        padding: 0px;
}
.column7  {
        float: left;
        width: 40%;
        margin-top: 40px;
        margin-bottom: 0px;
        margin-left:-72px;
        padding: 0px;
}
.btn img {
        height:55px;
        width:auto;
        margin:-2px;
        padding-right:5px;
}
#background_wrapper1 {
        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:410px;
}
#background_wrapper2 {
        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:410px;
}
#background_wrapper3 {
        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:410px;
}
#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: 450px;
}
#main_background1 a {
        padding: 0px 950px 448px 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: 450px;
}
#main_background2 a {
        padding: 0px 950px 448px 0px;
}
#main_background3 {
        background-image: url('images/main/David-Jonns-Jewellery-Repairs.webp');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% center;
        background-attachment: unset;
        width: 100%;
        height: 450px;
}
#main_background3 a {
        padding: 0px 950px 448px 0px;
}
.transform_wrapper {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
}
.transform_container {
        width: 100%;
        margin-top: 55px;
        height: 400px;
        overflow: hidden;
        position: relative;
        display: inline-block;
        cursor: pointer;
}
.transform_container_custom {
        width: 100%;
        margin-top: 55px;
        height: 400px;
        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;  
}
@media screen and (max-width: 960px) {
.transform_container {
          width: 100%;
          margin: 20px 0;
}
.wrapper {
          padding: 20px;
}
}
#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:450px;
}
#main_background4 {
}
#main_background4 a {
        padding: 0px 950px 448px 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:450px;
}
#main_background5 {
}
#main_background5 a {
       padding: 0px 950px 448px 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:450px;
}
#main_background6 {
}
#main_background6 a {
       padding: 0px 950px 448px 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:85%;
    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-left:35%;
        margin-right:35%;
        margin-top:0px;
}
a.nav3:hover {
        border: 1px solid #595959;
        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:90px;
        padding-right:90px;
}
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;
}





































#cart {
	position:relative;
	width: 100%;
	z-index:450;
}
#cart ul {
	list-style: none;
	padding: 0;
        width:80px;
	float: left;
	z-index:860;
        margin-top:20px;
}
#cart ul li ul {
	top:102%;
	width:100%;
	background: rgba(100, 20, 20, 1);
	background-image:url('images/back-red.jpg');
	background-position: center -500px;
	background-repeat:no-repeat;
	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;
}
#cart h2 {
	display: block;
	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;
	transition: all 0.3s ease-in-out;
}
#cart h5 {
	display: block;
	border-width: 0px;
	border-style: solid;
	margin: 2px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#cart a, .buttons a {
	padding: 5px 10px;
	display:block;
	border-width: 0px;
	border-style: solid;
	margin: 0;
	position:relative;
	font-size:14px;
	text-align:center;
	text-decoration: none;
	border:none;
	color:white;
        height:auto;
}
#cartmenu a {
	font-size:12px;
	font-weight:normal;
        color:white;
	margin:0px;
        padding:0px;
}
#cart h2:hover {
	box-shadow:inset 0 0 10px rgba(130, 0, 0, 1), 0 0 5px rgba(130, 0, 0, 1);
	-webkit-box-shadow:inset 0 0 10px rgba(130, 0, 0, 1), 0 0 5px rgba(130, 0, 0, 1);
	-moz-box-shadow:inset 0 0 10px rgba(130, 0, 0, 1), 0 0 5px rgba(130, 0, 0, 1);
	-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:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}
#banner #cart 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(250,150,150,0.2);
}
#cartmenu h2 a {
	font-size:13px;
        text-transform:capitalize;
	font-weight:normal;
	color:white;
	margin:0px;
	padding-bottom:1px;
}
#cart h2:hover a {
	text-shadow: 0 0 10px rgba(150, 150, 150, 1);
	text-decoration:none;
}
#cart li {
	position: relative;
        margin-top:0px;
}
#cart 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;
}
#cart ul ul {
	border:0px;
	position: absolute;
	left: 0%;
	z-index: 500;
	background: rgba(0, 0, 0, 0.2);
}
#cart ul ul a {
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	text-align:center;
        margin-bottom:4px;
}
#cart ul li ul li {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#cart ul li ul li:hover {
	z-index:650;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
div#cart ul li:hover ul {
	display: block;
}
div#cart ul ul,div#cart ul li:hover ul ul,div#cart ul ul li:hover ul ul {
	display: block;
        margin-top:10px;
        margin-left:0;
        z-index:2200;
}
div#cart ul li:hover ul,div#cart ul ul li:hover ul,div#cart ul ul ul li:hover ul {
	display: block;
}

































































































#menu_mobile {
        display: none;
}
#menu ul li ul#silvermenumobile {
	width:950px;
	left:0;
        padding-left:42px;
        margin-top:10px;
        margin-left:-235px;
        display:none;
}
ul#silvermenumobile li {
	width:20%;
	float:left;
        display:none;
}

#menu_mobile {
	position:relative;
	width: 100%;
	z-index:450;
}
#menu_mobile ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 950px;
	float: left;
	z-index:860;
border-radius:0px;
}
#menu_mobile ul li ul {
	top:102%;
	width:100%;
	background: rgba(100, 20, 20, 1);
	background-image:url('images/back-red.jpg');
	background-position: center -500px;
	background-repeat:no-repeat;
	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);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
#menu_mobile h2 {
	display: block;
	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_mobile h5 {
	display: block;
	border-width: 0px;
	border-style: solid;
	margin: 2px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#menu_mobile a, .buttons a {
	padding: 5px 10px;
	display:block;
	border-width: 0px;
	border-style: solid;
	margin: 0;
	position:relative;
	font-size:14px;
	text-align:center;
	text-decoration: none;
	border:none;
	color:white;
        height:auto;
}
#menu_mobile h2:hover {
	box-shadow:inset 0 0 10px rgba(130, 0, 0, 1), 0 0 5px rgba(130, 0, 0, 1);
	-webkit-box-shadow:inset 0 0 10px rgba(130, 0, 0, 1), 0 0 5px rgba(130, 0, 0, 1);
	-moz-box-shadow:inset 0 0 10px rgba(130, 0, 0, 1), 0 0 5px rgba(130, 0, 0, 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;
}
#banner #menu_mobile 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(250,150,150,0.2);
}
#cartmenu h2 a {
	font-size:13px;
        text-transform:capitalize;
	font-weight:normal;
	color:white;
	margin:0px;
	padding-bottom:1px;

}
#menu_mobile h2:hover a {
	text-shadow: 0 0 10px rgba(150, 150, 150, 1);
	text-decoration:none;
}
#menu_mobile li {
	position: relative;
}
#menu_mobile 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;
}
#menu_mobile ul ul {
	border:0px;
	position: absolute;
	left: 0%;
	z-index: 500;
	background: rgba(0, 0, 0, 0.2);
}
#menu_mobile ul ul a {
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	text-align:center;
        margin-bottom:4px;
}
#menu_mobile 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;
}
#menu_mobile 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;
}
#menu_mobile ul li:hover ul {
	display: none;
}
#menu_mobile ul ul,#menu_mobile ul li:hover ul ul,#menu_mobile ul ul li:hover ul ul {
	display: block;
        margin-top:10px;
        margin-left:0;
        z-index:2200;
}
div#menu_mobile ul li:hover ul,div#menu_mobile ul ul li:hover ul,div#menu_mobile ul ul ul li:hover ul {
	display: none;
}      






































































#size_table {
        font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
        border-collapse: collapse;
        width: 100%;
}
#size_table td, #size_table th {
        border: 0px;
        padding: 15px;
        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: 12px;
        padding-bottom: 12px;
        text-align: center;
        background-color: #222222;
        color: white;
}
#repairs_table {
        font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
        border-collapse: collapse;
        width: 100%;
}
#repairs_table td, #repairs_table th {
        border: 0px;
        padding: 15px;
        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: 12px;
        padding-bottom: 12px;
        text-align: center;
        background-color: #222222;
        color: white;
        width:100%;
}
.main_heading {
        text-transform:uppercase;
        font-size:33px;
    	font-weight:700;
        color:rgba(100, 20, 20, 1);
        background:white;
}
.container_main1 {
        padding-left:210px;
        padding-right:210px;
        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: 40%;
    height: 20%;
    overflow: auto;
    margin: auto;
    top: ;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    display:block;
}
.tile-wrapper .text-overlay h2 {
    color: white;
    font-size: 0px;
    font-weight:bold;
    line-height: 50px;
    margin: 0 0 10px;
    background: ;
    border-radius:25px;
    display:block;
}
.tile-wrapper .text-overlay p {
    color: white;
    font-size: 28px;
}
#cartmenu li {
    display:none;
}
 .geeks1 {
    width: 190px;
    height:190px;
    overflow: hidden;
    float:left;
    margin:3.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: 190px;
    height:190px;
    overflow: hidden;
    float:right;
    margin:3.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: 190px;
    height: 190px;
    overflow: hidden;
    float:left;
    margin:3.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: 190px;
    height: 190px;
    overflow: hidden;
    float:right;
    margin:3.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: 100px;
    height:100px;
    overflow: hidden;
    float:left;
    margin:3.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: 100px;
    height:100px;
    overflow: hidden;
    float:right;
    margin:3.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);
}
.orders table {
        font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
        border-collapse: collapse;
        width: 100%;
}
.orders table td, .orders table th {
        border: 0px;
        padding: 15px;
        text-align: center;
}
.orders table tr:nth-child(odd) {
        background-color: #f2f2f2;
        text-align: center;
}
.orders table tr:hover {
        background-color: #ddd;
}
.orders table th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: center;
        background-color: #222222;
        color: white;
        width:100%;
}

















































.column8  {
        float: left;
        width: 33%;
        margin-top: 40px;
        margin-bottom: 45px;
        margin-left:45px;
        padding: 0px;
}
.column9  {
        float: left;
        width: 33%;
        margin-top: 40px;
        margin-bottom: 0px;
        margin-left:-55px;
        padding: 0px;
}
.column10  {
        float: left;
        width: 33%;
        margin-top: -188px;
        margin-bottom: 0px;
        margin-left:587px;
        padding: 0px;
}

 .geeks7 {
    width: 120px;
    height:120px;
    overflow: hidden;
    float:left;
    margin:3.7%;
}
 
.geeks7 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;
}
 
.geeks7:hover img {
    transform: scale(1.2);
}

.geeks8 {
    width: 120px;
    height:120px;
    overflow: hidden;
    float:right;
    margin:3.7%;
}
 
.geeks8 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;
}
 
.geeks8:hover img {
    transform: scale(1.2);
}
.geeks9 {
    width: 120px;
    height:120px;
    overflow: hidden;
    float:right;
    margin:3.7%;
}
 
.geeks9 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;
}
 
.geeks9:hover img {
    transform: scale(1.2);
}

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

.products_grid_item {
  margin: 10px;
  width: 245px;
}

.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;
  padding:10px;
}

.products_grid_item .product_desc {
        text-transform: uppercase;
        font-size: 11px;
        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: 11px;
        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: 10px;
  width: 245px;
  padding:5px;
}

.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: relative;
  width: 100%;
  z-index: 1000;
}

.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: 16px;
        text-align: left;
        text-decoration: none;
        border: none;
        margin-right: 0%;
        width: 100%;
        color: rgba(100, 20, 20, 1);
}

.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;
  margin-left:35px;
}

/* 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 .3s 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:340px;
  max-height: 340px;
  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: 10px 70px;
  }
  .nav .menu {
    clear: none;
    max-height: none;
  }
  .nav .menu-icon {
    display: none;
  }
}



.social_mobile img {
        height:30px;
        width:auto;
        margin:-2px;
        padding-right:5px;
        display:none;
}