html, body {
	margin:0px;
	padding:0px;
}
html {
	background-color: rgb(22, 22, 22);
	background-image:url('images/back-grey.jpg');
	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(22, 22, 22);
}
::-moz-selection {
	background:rgb(22, 22, 22);
}
a {
	color:grey;
	-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:grey;
	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:grey;
	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:grey;
	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:22px;
	font-weight:400;
        color:grey;
}
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:75px !important;
	height:75px !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:800px;
	max-height:800px;
	margin:auto;
	display:block;
	background:white;
	border-radius:10px;
	box-shadow: 0 0 20px black;
	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.jpg');
	background-position: center center;
	background-attachment:fixed;
	background-size:cover;
	z-index:990;
	position:fixed;
	width:100%;
	height:100%;
}
#previewbox {
        background-image:url('images/back-grey.jpg');	
	background-position: center center;
	background-attachment:fixed;
	z-index:200;
	position:fixed;
	width:0;
	height:100%;
}
#preview {
        background-color:rgb(20,20,60);
	z-index:201;
	position:absolute;
	left:50%;
	margin-left:-475px;
	width:950px;
	height:100%;
	-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:40%;
	padding:10px 25px 25px;
	left:0px;
	margin-left:100px;
	font-size:1.5em;
}
#main {
	position:absolute;
	width:950px;
	left:50%;
	margin-left:-475px;
	text-align:center;
	border-width:0px;
	border-style:solid;
	border-color:black;
        min-height:650px;
	padding-bottom:100px;
}
#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;
}
.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;
	padding:0px;
}
.bubble {
	position:relative;
	background: white;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(ie-css3.htc);
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	padding-bottom:0px;
	-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);
}
#banner {
	padding:0px;
	background: rgba(100, 20, 20, 1);
	background-image:url('images/headerback2.jpg');
	background-position: center center;
	background-repeat:no-repeat;
	height:200px;
	z-index:200;
	color:white;
}
.glitter {
	float:left;
	display:block;
	position:relative;
	width:950px;
	height:100%;
	overflow:hidden;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.banner2 {
	position:absolute;
	left:0;
	width:950px;
	height:100%;
}
.banner3 {
	position:absolute;
	left:0;
	width:950px;
        height:20px;
        text-align: center;
        font-size:16px;
        font-weight:400;
        z-index:10000;  
}
.banner-text{
        margin-top:-20px;
        background-color:white;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
}
.glittercover {
	position:absolute;
	left:0;
	width:950px;
	height:100%;
	background-image:url('images/headerover2.png');
	background-position: center top;
}
#contentwrap {
	margin-top:20px;
	padding:20px;
	padding-bottom:10px;
}
.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:grey;
}
#footer {
	background: transparent;
	text-transform:uppercase;
	font-size:14px;
        text-align:left;
	font-weight:normal;
	margin-top: 5px;
        padding:5px 10px;
        color:white;
	background-image:url('images/headerback2.jpg');
	background-position: center center;
	background-repeat:no-repeat;
	z-index:900;
	position:absolute;
        bottom:0px;
	width:950px;
	padding:0px;
        margin-bottom:5px;
       
}
#footer h2 {
        text-transform:uppercase;
	font-size:12px;
        margin: 2px;
	font-weight:normal;
}        
#footer img {
        height:35px;
        width:auto;
        margin:-2px;
        padding-right:5px;
}
#footer 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:23%;
        padding-left:45px;
        margin-bottom:0px;
        margin-top:10px;
}
.footbar a {
	color:white;
}
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;
	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;
	top:5px;
	height:120px;
	z-index:900;
	list-style:none;
        margin-top:20px;
        margin-left:66%;
}
#bannertxt {
	z-index:800;
}
#logowrap {
	height:125px;
	margin-left:40px;
	list-style:none;
}
#menu {
	position:relative;
	width: 100%;
	z-index:450;
}
#menu ul {
	list-style: none;
	padding: 0;
	width: 235px;
	float: left;
	z-index:860;
        margin-bottom:0px;
}
#menu 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;
}
#menu 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;
}
#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: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;
}
#menu 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 #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(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 h2:hover a {
	text-shadow: 0 0 10px rgba(150, 150, 150, 1);
	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;
}
#menu 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;
}
#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;
	transition: all 0.3s ease-in-out;
}
div#menu ul li:hover ul {
	display: block;
}
div#menu ul ul,div#menu ul li:hover ul ul,div#menu ul ul li:hover ul ul {
	display: block;
        margin-top:10px;
        margin-left:0;
        z-index:2200;
}
div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul {
	display: block;
}
#prev {
	position:absolute;
	left:10px;
	z-index:255;
}
#next {
	position:absolute;
	right:10px;
	z-index:255;
}
.prodwrap {
	float:left;
	margin:25px 18px 25px 18px;
	width:230px;
	height:230px;
}
.prod {
	display:block;
	background:#f9f8f8;
	color:black;
	margin:auto;
	position:relative;
	display:block;
	overflow:hidden;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	border: 1px solid rgb(22, 22, 22, 0.0);
	width:220px;
	height:225px;
	-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:190px;
	height:190px;
        padding:3%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.grow:hover img {
	width:210px;
	height:210px;
        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:-37px;
	width:100%;
	height:45px;
	padding:0px;
}
.prodtxt {
	text-transform:uppercase;
	font-size:11px;
        color:grey;
        font-weight:400;
	-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:5px;
	margin:auto;
	width:218px;
	line-height:18px;
	height:50px;
}
.prodprice {
	text-transform:uppercase;
	font-size:12px;
        color:black;
        font-weight:500;
	-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:5px;
	margin:auto;
	left:3%;
	width:205px;
	height:50px;
}
.prodpricecat {
	text-transform:uppercase;
	font-size:14px;
        color:black;
        font-weight:500;
        top:0;
	padding:0px;
	margin:auto;
	left:3%;
	line-height:0px;
	height:50px;
        margin-top:-5px;
}
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);
	-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: 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;
}
.alert {
	position:fixed;
	left:0px;
	top:-200px;
	width:100%;
	/* Fallback for web browsers that doesn't support RGBa */background: rgb(0, 0, 0) transparent;
	-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-right:0px;
}
.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 {
        width:25%;
	margin-top:0px;
	margin-left:37.5%;
}
.count {
	background:rgba(255,255,255,1);
	font-weight:bolder;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	color:rgba(100, 20, 20, 1);
	font-size:10px;
	margin-bottom:2px;
}
#rotator_wrapper {
        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-color:rgb(22,22,22);
}
.rotator li {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
#rotator img {
        z-index:-1;
}
#rotator .text {
  color: #f2f2f2;
  font-size: 22px;
  padding: 8px 12px;
  position: absolute;
  bottom: 35px;
  width: 40%;
  text-align: center;
  margin-left:30%;
  background:rgba(22, 22, 22, 0.5);
  border-radius:25px;
  border:1px solid black;
}
.slider1 {
	width:824px;
	overflow:hidden;
}
.pager {
	width:824px;
	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;
	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;
	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;
	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:47%;
	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 rgb(255, 255, 255);
}
.bx-pager {
	position:absolute;
        color: black;
        bottom:-15px;
	left:371px;
	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:-40px;
}
.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;
}
#menu ul li ul#silvermenu {
	width:950px;
	left:0;
        padding-left:42px;
        margin-top:10px;
        margin-left:-235px;
}
ul#silvermenu li {
	width:20%;
	float:left;
}
#highlighter, #highlighter2 {
	background: rgb(0, 0, 0) transparent;
	-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,100,100,0.2);
	position:absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	z-index:999;
	display:none;
	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;
	-o-border-radius:10px;
	border-radius:10px;
}
#categorypic {
	width:952px;
	height:300px;
	margin-left:-61px;
	margin-top:-22px;
}
#categorypic img {
	width:952px;
	border-radius:10px 10px 0px 0px;
        margin-left:-15px;
}
.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 {
text-align:center;
}
.admin table {
display:inline;
text-align:center;
border-collapse:collapse;
}

.admin table td {
padding:5px;
}

.admin table a {
color:grey;
padding:3px;
margin:3px;
border-radius:3px;
}

.admin table tr:hover {
background:lightgrey;
}

.admin table tr:hover a {
background:rgb(100,20,20);
color:white;
}

* {
  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=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;
}
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 four equal columns that sits next to each other */
.blog-column {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.blog-column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .blog-column {
    flex: 50%;
    max-width: 50%;
    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: 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:80%;
  height:auto;
  margin-top:25px;
}

/* Create two columns that float next to eachother */

.column1  {
    float: left;
    width: 50%;
    margin-top: 6px;
    padding: 20px;
}
.column2  {
    float: left;
    width: 50%;
    margin-top: 6px;
    padding: 20px;
}
.btn img {
  height:55px;
  width:auto;
  margin:-2px;
  padding-right:5px;
}
.socialbar {
        position:absolute;
        margin-bottom:0px;
        margin-top:30px;
        margin-left:20px;
}
.social img {
        height:25px;
        width:auto;
        margin:-2px;
        padding-right:5px;
}
.cart_container {
        width:80px;
        margin-top:-150px;
        margin-left:870px;
        position:absolute;
}
.cart_container img {
        height:25px;
        width:auto;
        margin-top:0px;
        margin-right:-55px;
        float:right;
        display:block;
}
.cart_count {
        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-top: -110px;
        margin-right: 50px;
        float:right;
        display:block;
}
#cart {
	position:relative;
	width: 100%;
	z-index:450;
}
#cart ul {
	list-style: none;
	padding: 0;
        width:80px;
	float: left;
	z-index:860;
}
#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;
}
#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 {
	position:relative;
	width: 100%;
	z-index:450;
}
#menu_mobile ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 235px;
	float: left;
	z-index:860;
}
#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);
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-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;
	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;
}
#cartmenu a {
	font-size:12px;
	font-weight:normal;
        color:white;
	margin:0px;
        padding:0px;
}
#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;
	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;
	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;
	transition: all 0.3s ease-in-out;
}
div#menu_mobile ul li:hover ul {
	display: block;
}
div#menu_mobile ul ul,div#menu_mobile ul li:hover ul ul,div#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: block;
}










































.bubble_admin {
	position:relative;
	background: white;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(ie-css3.htc);
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	padding-bottom:0px;
	-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);
}
#banner_admin {
        position:absolute;
        top:50%;
        margin-top:-125px;
        width:100%;
        height:auto;
        padding:0px;'
}
.leftimg_admin {
position:absolute;
        width:40%;
        height:auto;
        margin-top:40px;
        margin-left:40px;
        float:left;
}
.rightimg_admin {
        padding:15px;
        margin-left:10%;
}
div#banner.bubble_admin {
position:absolute;
top:50%;
margin-top:-125px;
width:950px;
height:200px;
padding:0px;'
}