@charset "UTF-8";
/* CSS Document */


.top_menu {
	font-weight: bold;
	margin: 2px;
	padding:3px 4px 3px 4px;
	display: inline;
	border-radius:5px;
	border:#000 solid thin;
}

.top_menu:hover {
	border:#CCC solid thin;
}

.left_menu {
	margin: 4px;
	padding:10px;
	background-color:#FFF;
	border-radius:10px;
	height: 100%;
}

.main_content {
	margin: 4px;
	padding:10px;
	background-color:#FFF;
	border-radius:10px;
	width:750;
	height: 100%;
}

.design_content {
	margin: 4px;
	padding:3px;
	background-color:#b4b4b4;
	border-radius:10px;
	width:950;
	height: 10000px;
}

.show_div {
	display:none; 
	position:absolute; 
	top:200px; 
	right:100px; 
	max-width:800px;
	border:#FFF thick solid; 
	border-radius:5px; 
	background-color:#CCC; 
	height:auto; 
	z-index:100 
	float:right;	
} 

.show_clipart {
	width:50px;
	height:50px;
	margin:3px;	
}

.show_clipart:hover {
	margin:2px;	
	border:#fff solid  thin;
}



.sub_menu {
	color:#333;
}

.product {
	color:#000;
}

topmenudiv {
	position:absolute;
	top:138px;
	left: 50%;
	margin: 0 0 0 0;
	height:80px;
	width: 950px;
}

a.top_menu:link {
	color:#FFF;
}


.menu_link {
text-decoration:none; 
color:#FFF;	
}



.footer {
	float: left;
	font-size: small;
	color:#999;
	vertical-align:middle;
}



a.toplink:link {
	color:#999;
}

a.toplink:visited {
	text-decoration:none;
	color:#999;
}

a.toplink:hover {
	color:#FFF;	
}

.imgborder {
	margin: 5px;
	padding:0px;
	border-radius:15px;	
	box-shadow: 5px 5px 5px #E6E6E6;

}

body {
	background-color: #000;
}

body, html {
  height: 100%;
  width: : 100%;
}

#gallery { position: relative; width:750px; height:400px; margin:0; padding-left:10px; }
#gallery li { display: block; }

.promos {
		margin:1px;
		padding:1px;
		border-radius:10px;
		border:thin solid #000;
		width:145;
}

.comments1 {
	FONT-SIZE: 8pt; 
	background-color:#dfdede; 
	border-radius:5px; 
	FONT-FAMILY: Arial; 
	padding:2px;
	color:#333399;
}


.comments2 {
	vertical-align:top; 
	FONT-SIZE: 9pt;
	font-weight:bold;
} 

.uiswitch {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 27px;
  width: 40px;
  position: relative;
  border-radius: 16px;
  cursor: pointer;
  outline: 0;
  z-index: 0;
  margin: 0 10px 0 0;
  padding: 0;
  border: none;
  background-color: #e5e5e5;
  -webkit-transition-duration: 600ms;
  -moz-transition-duration: 600ms;
  transition-duration: 600ms;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
}
.uiswitch::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 23px;
  width: 45px;
  content: ' ';
  position: absolute;
  left: 2px;
  top: 2px;
  background-color: #ffffff;
  border-radius: 16px;
  z-index: 1;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.uiswitch::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 24px;
  width: 24px;
  content: ' ';
  position: absolute;
  border-radius: 27px;
  background: #ffffff;
  z-index: 2;
  top: 2px;
  left: 2px;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25), 0px 4px 11px 0px rgba(0, 0, 0, 0.08), -1px 3px 3px 0px rgba(0, 0, 0, 0.14);
  -webkit-transition: -webkit-transform 300ms, width 280ms;
  -moz-transition: -moz-transform 300ms, width 280ms;
  transition: transform 300ms, width 280ms;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0.8, 0.58, 1.2);
  -moz-transition-timing-function: cubic-bezier(0.42, 0.8, 0.58, 1.2);
  transition-timing-function: cubic-bezier(0.42, 0.8, 0.58, 1.2);
}
.uiswitch:checked {
  background-color: #b0ed07;
  background-image: -webkit-linear-gradient(-90deg, #5fb000 0%, #8cbf00 100%);
  background-image: linear-gradient(-180deg,#5fb000 0%, #8cbf00 100%);
}
.uiswitch:checked::after {
  -webkit-transform: translate3d(16px, 0, 0);
  -moz-transform: translate3d(16px, 0, 0);
  -ms-transform: translate3d(16px, 0, 0);
  -o-transform: translate3d(16px, 0, 0);
  transform: translate3d(16px, 0, 0);
  right: 18px;
  left: inherit;
}
.uiswitch:active::after {
  width: 35px;
}
.uiswitch:checked::before, .uiswitch:active::before {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.uiswitch:disabled {
  opacity: 0.5;
  cursor: default;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.uiswitch:disabled:active::before, .uiswitch:disabled:active::after, .uiswitch:disabled:checked:active::before, .uiswitch:disabled:checked::before {
  width: 27px;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.uiswitch:disabled:active::before {
  height: 27px;
  width: 41px;
  -webkit-transform: translate3d(6px, 0, 0);
  -moz-transform: translate3d(6px, 0, 0);
  -ms-transform: translate3d(6px, 0, 0);
  -o-transform: translate3d(6px, 0, 0);
  transform: translate3d(6px, 0, 0);
}
.uiswitch:disabled:checked:active::before {
  height: 27px;
  width: 27px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.uiswitch {
  background-color: #e5e5e5;
}
.uiswitch::before {
  background-color: #ffffff;
}
.uiswitch::after {
  background: #333;
}
.uiswitch:checked {
  background-color: #8cbf00;
  background-image: -webkit-linear-gradient(-90deg, #5fb000 0%, #8cbf00 100%);
  background-image: linear-gradient(-180deg,#5fb000 0%, #8cbf00 100%);
}

.custom {
  background-color: #eadcbc;
}

.custom::before {
  background-color: #f7f2e5;
}

.custom::after {
  background: #fff3a6;
}

.custom:checked {
  background-color: #ffca3f;
  background-image: -webkit-linear-gradient(-90deg, #ffca3f 0%, #feca40 100%);
  background-image: linear-gradient(-180deg, #ffca3f 0%, #feca40 100%);
}

.my-switch {
  border-radius: 4px;
}

.my-switch::before {
  border-radius: 2px;
}

.my-switch::after {
  border-radius: 1px;
}

.my-switch:checked {
  background: hotpink;
}

.my-switch:checked::after {
  background-color: #333;
}