body{font-size:1.0em;line-height:1.4em;margin-top:0;font-family:Arial,Helvetica,sans-serif;color:#564b47;max-width:1660px;text-align:center;margin:auto;background:none;}
html{overflow:auto;}
#container{border:1px solid #959596;background-color:white;margin:0 auto;}
#wrapper{z-index:2;float:left;width:100%;margin-top:15px;}
#wrapper2{z-index:2;position:relative;width:100%;top:-45px;text-align:left;}
ul{padding:0px;}
h1{font:1.4em bold Arial,Helvetica,sans-serif;background-color:white;border:0px;color:#232323;padding-left:0px;font-weight:bold;}
h2{font-family:Arial,Helvetica,sans-serif;font-size:1.3em;color:#232323;padding:1px 0px;margin:0px;}
td{margin-left:0px;margin-top:0px;color:#564b47;}
pre{width:800px;white-space:pre-wrap;white-space:-moz-pre-wrap !important;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
pre span{color:green;}
#description{width:95%;}
#description img{max-width:100%;height:auto;width:auto;}
#basketholder{z-index:1000;position:relative;margin-right:30px;margin-top:25px;}
#baskethide{position:absolute;background-color:#fff;width:270px;z-index:100;right:5px;top:250px;color:#3e095c;visibility:hidden;border:1px solid black;}
#headernew{position:relative;top:0px;left:0px;width:100%;background:transparent;z-index:0;}
#headergraphicnew{background:url(https://www.kanda.com/graphics/kanda_top_graphic3.jpg);background-size:100% 88px;height:88px;width:100%;position:relative;z-index:4;}
.headbuttonsnew{height:64px;margin-right:12px;float:right;top:0;display:block;vertical-align:bottom;}
#logo, #logomobile{background-size:220px 88px;height:88px;width:220px;float:left;display:block}
#logomobile{display:none;width:314px;}
#logo a, #logomobile a{display:block;}
.textsearch{font-size:0.9em;background-color:#FFFFFF;color:#333333;border-color:#A5ACB2;border-style:solid;border-width:1px;width:120px;margin-top:-12px;height:20px;vertical-align:middle;}
.searchgo{padding-top:1px;padding-top:2px;padding-top:3px;margin-left:2px;height:20px;}
.searchform{width:150px;height:30px;}
.searchimg{margin-left:-50px;}
.headholder, .headholder2, #translate1{float:left;padding-left:10px;}
.headholder2{line-height:99%;width:200px;}
#azwelcomeaw2w{z-index:10;padding-right:5px;min-width:260px; margin-left:280px;}
@media screen and (max-width:680px){
#azwelcomeaw2w{    
    clear: both;
		float:left;
		margin-top:10px;
		margin-left:20px;
}
#basketholder{top:-170px;
}
}
.productlistingsaw1w{position:relative;left:15px;top:-10px;width:99%;text-align:left;}
#topnav, #topnav2{font:0.8em bold arial,helvetica,san-serif;margin-top:10px;margin-left:0px;position:relative;z-index:12;line-height:2.0;}
#topnav a:hover, #topnav2 a:hover{text-decoration:underline;color:red;}
#topnav2{margin-bottom:10px;margin-left:50px;}
.bottomorder{border:none;width:95%;}
.bottomorder td{font:1.0em bold arial,helvetica,san-serif;color:blue;}
.backtop{width:98%;position:relative;}
.order{width:95%;position:relative;}
.colL{float:left;}
.colr{float:right;}
.related{clear:both;}
.backtop2{width:165px;border:0 solid red;}
.backtop2 a, .backtop2 a:hover{background-color:#fff;color:#000;}
.backtop1{font:1.5em bold arial,helvetica,san-serif;color:#3a0c57;width:77%;}
.backtopt{width:100%;}
.ship{border:solid 2px #bbbbbb;border-radius:12px;font:13px bold arial,helvetica,san-serif;padding-left:5px;}
.guides{width:100%;border:none;}
.section-navigation3w{position:relative;left:24px;top:-25px;border:none;font-size:13px;z-index:13;line-height:1.3em;height:20px;}
.section-navigation3w a{color:blue;font-weight:bold;line-height:1.3em;}
.section-navigation3w a:hover{color:purple;}
.section-navigationw{position:relative;left:14px;top:-10px;width:230px;background-color:#F8F8F8;border:none;z-index:13;}
.section-navigationw ul{margin:0;padding:0;}
.navleftw{height:auto;float:left;top:-25px;margin-top:-25px;margin-right:10px;}
.navleftw img{width:250px;}
#footer{z-index:2;background:#FFFFFF;color:#333333;clear:left;width:100%;}
#footer p{margin:0;padding:5px 10px;}
#footertext{z-index:2;position:relative;width:95%;margin-left:10px;margin-right:10px;top:5px;font-size:0.8em;color:black;padding:5px;}
#google{margin-top:0px;margin-left:245px;position:absolute;z-index:10;}
#contentprod, #contentw, #contentcat{z-index:10;position:relative;left:15px;width:95%;padding-left:4px;text-align:left;}
#contentw{left:0px;top:0px;}
#contentprod h1, #contentcat h2{z-index:2;top:0px;width:100%;height:30px;font-size:15px;background:transparent;color:#FFFFFF;border:none;padding:6px 0 0 0;margin:0px;text-align:center;}
.h1back1{background:transparent url(../graphics/h1_1920_30.png) no-repeat;border:0px solid red;background-size:95% 30px;height:30px;margin-bottom:10px;}
#contentprod h2{background-color:#fff;background:transparent url(../graphics/h2_1920_30.png) no-repeat;text-align:center;color:#3a0c57;width:100%;font:bold 15px arial,helvetica,san-serif;margin:2px 0;padding-top:5px;background-size:95% 30px;height:30px;}
#contentprod h3{font:bold 1.0em arial,helvetica,san serif;}
.container1,.containerguides, .containerman, .containerdist, .containerleft{position:relative;clear:both;width:100%;margin-top:25px;margin-left:0px;}
.containerman{clear:none;height:140px;}
.containerdist{clear:right;}
.containerleft{clear:left;margin-top:50px;}
.containerman a, .container1 a{text-decoration:none;}
.col1{float:left;width:275px;height:275px;padding:5px;}
.col1 img{max-width:100%;min-width:250px;height:auto;}
.col2, .col2_175, .col2_275{float:left;min-width:185px;max-width:500px;margin-bottom:10px;}
.col2_175{height:175px;}
.col2_275{height:275px;}
.col3{float:right;width:175px;height:275px;margin-top:10px;}
.top5, .top6, .top7, .top8{display:block;background:transparent url(../graphics/Order_165_40.png) no-repeat;border:none;background-size:165px 40px;height:40px;text-align:center;padding:5px 1px;line-height:110%;color:#6e159d;font-size:13px;}
.top6{color:black;}
.top7{background:none;}
.top8{padding-top:10px;font-size:15px;}
.buttoncart, .buttonreplace, .buttoninfo, .buttondata, .buttonsupport{display:block;width:165px;height:40px;text-indent:-9999px;margin-top:20px;}
.buttoncart a, .buttonreplace a, .buttoninfo a, .buttondata a, .buttonsupport a{display:block;width:100%;height:100%;background:transparent url(../graphics/cart.png) no-repeat top left;outline:none;}
.buttonreplace a{background:transparent url(../graphics/replacement.png) no-repeat top left;}
.buttoninfo a{background:transparent url(../graphics/information.png) no-repeat top left;}
.buttondata a{background:transparent url(../graphics/data.png) no-repeat top left;}
.buttonsupport a{background:transparent url(../graphics/support.png) no-repeat top left;}
.buttoncart a:hover, .buttonreplace a:hover, .buttoninfo a:hover, .buttondata a:hover, .buttonsupport a:hover{background-position:0 -40px;}
.ship2{border:solid 2px #bbbbbb;border-radius:12px;font:13px bold arial,helvetica,san-serif;padding-left:5px;margin-top:5px;margin-bottom:10px;margin-left:10px;width:165px;height:auto;}
#bullets2{line-height:120%;height:75%;}
#bullets2 li{}
#bullets2 a{color:blue;font:1.0em bold Arial,Helvetica,sans-serif;text-decoration:underline;}
#bullets2 p{font-weight:bold;}
.divcolouroneb, .divcolourtwob{padding:0px 5px;border:1px solid grey;margin-top:10px;}
.divcolourtwob{background-color:#EDEDED;border:1px solid #DDDDDD;}
.divcolouroneb ul{padding-left:20px;margin-left:20px;}
.prodheader{width:92%;border:none;}
.dummy2{clear:both;}
.menu4w, .menulogin, .menu1, .menu2, .menu3{padding:0;list-style-type:none;margin-bottom:0px;}
.menu4w a, .menulogin a, .menu1 a, .menu2 a, .menu3 a{display:block;font-weight:bold;color:#000;text-decoration:none;background:none;border:none;line-height:2.8;padding-left:10px;padding-right:10px;background-color:#cdb8d1;}
.menu4w a{border:2px outset #fff;}
.menu4w a:hover{color:white;background-color:#8B34AF;border:2px outset #BE6BE0;}
.menulogin a{border:2px outset #fff;background-color:#edc452;}
.menulogin a:hover{color:white;background-color:#eddd52;border:2px outset #b69843;}
.menu1 a:hover{background-color:#c8c8c8;border:1px outset #F5F5F5;}
.menu1 a{background-color:#E0E0E0;border: 1px solid #FFF}
.menu2 a{background-color:#e8e8e8;border:2px outset #fff;}
.menu2 a:hover,.menu3 a:hover, .menu4 a:hover{background-color:#a8a8a8;border:2px outset #fff;color:#fff;}
.menu3 a{background-color:#d0d0d0;border:2px outset #FFF;}
.menu3 a:hover{background-color:#c8c8c8;border:2px outset #F5F5F5;color:#fff;}
.col4, .col5{float:left;padding:10px;height:520px;}
.col4 img{max-width:100%;min-width:150px;height:auto;}
.col4{width:200px;}
.col5{height:340px;}
.col5 ul{padding-left:0px;margin-left:0px;}
.guides{width:100%;border:none;}
.maindivboth{margin:0px 220px 20px 250px;padding:0 10px;}
.maindivleft{padding:0 20px;margin:0px 0px 20px 250px;}
.maindiv{margin:0px 250px 10px 0px;padding:0 5px;min-width:250px;}
.widediv{width:98%;float:left;clear:both;margin-right:10px;margin-left:10px;position:relative;margin-top:20px;}
.rightdivw, .rightmenu, .rightmenuman{float:right;clear:none;width:200px;max-width:300px;min-width:160px;margin-top:10px;border:1px solid #ccc;padding-left:5px;padding-right:5px;margin-right:5px;list-style-type:none;}
.rightmenu, .rightmenuman{border:none;}
.rightmenu a, .rightmenuman a{text-decoration:none;border:none;}
.rightdivw ul, .rightmenu ul{list-style-type:none;}
.rightdivw h2{font:16px bold arial,helvetica,san-serif;color:purple;text-align:center}
.rightdivw a{text-decoration:underline;}
.rightdivw p{font:0.9em bold arial,helvetica,san-serif;color:black;text-align:left}
.menucontainer{margin:0px;}
.label1{font-weight:bold;}
.leftmenu, .leftmenuonly, .leftdivw{width:230px;float:left;margin-top:0px;margin-left:0px;}
.leftmenuonly{margin-left:14px;}
.leftdivw{border:1px solid #ccc;padding-left:5px;padding-right:5px;margin-top:20px;margin-left:14px;}
.leftmargin{float:left;margin-left:25px;}
.leftmargin ul{margin-left:50px;}
.col25, .col33, .col50, .col20{width:33%;float:left;border:none;min-width:240px;padding-left:10px;}
.col33 ul{padding-left:20px;margin-left:20px;}
.col50{width:50%;}
.col25{width:25%;margin-bottom:20px;}
.col20{width:20%;margin-bottom:20px;min-width:160px;height:300px;}
.col20 img{max-width:100%;min-width:150px;height:auto;}
.colcat, .colfixed{min-width:220px;margin-top:10px;float:left;padding-left:10px;margin-bottom:20px;}
.colcat img{max-width:100%;min-width:140px;height:auto;}
.colfixed{max-width:250px;}
.colfixed img{width:200px;height:200px;}
.heading{font:1.2em bold arial, helvetica,san-serif;color:#2a2a81;text-align:left;}
#contentcat h2{padding-top:3px;}
#contentcat .h1back1{background-size:100% 30px;}
#breadcrumbs{font-weight:bold;color:#564b47;}
.tablecol1, .tablecol2, .tablecol3, .tablecol4{height:50px;border:1px solid black;font-weight:bold;padding-left:15px;padding-top:5px;margin-left:15px;margin-top:0px;float:left;}
.tablecol1{background-color:#eee;width:250px;}
.tablecol2{background-color:#ccc;width:180px;}
.tablecol3{margin-bottom:15px;padding-right:5px;width:150px;}
.tablecol4{background-color:#aaa;margin-bottom:15px;padding-right:5px;width:150px;}
.even{color:#564b47;background-color:#DDC6E6;text-align:center;line-height:1.9;}
.odd{color:#564b47;background-color:#F6EFF9;text-align:center;line-height:1.9;}
th{text-align:center;line-height:1.9;color:#564b47;}
.even3{color:#564b47;background-color:#DDC6E6;text-align:right;line-height:1.9;}
.odd1{background-color:#2D30E0;font:1.0em bold arial, heletica, san-serif;color:white;padding:5px;}
.odd1 a{color:white;}
.even1{background-color:#8284E0;font:1.0em bold arial, heletica, san-serif;color:white;padding:5px;}
.textlogin{font-size:1.0em;height:25px;width:350px;}
.myform input[type=text], .myform input[type=password], .myform input[type=option], .myform select{font-size:1.0em;height:25px;border:1px inset black;width:280px;margin-bottom:3px;}
.myform{max-width:650px;}
.mytextarea{overflow-y:scroll;}
.colcheck, .colcheck1, .colcheck2, .colcheck3{height:40px;float:left;min-width:300px;}
.colcheck2{height:120px;}
.colcheck3{height:160px;}
.colcheck1{text-align:right;margin-right:10px;}
th{color:white;background-color:#6E159D;}
.itemstd{background-color:#eeeeee;text-align:center;color:black;}
.sum{background-color:#cdb8d1;text-align:right;}
.leftdivw ul{padding-left:20px;}
.rightimg{float:right;}
.checkoutbuttonleft{float:left;margin-bottom:10px;}
.checkoutbuttonright{float:right;}
.mobileshow{display:none;}
@media screen and (min-width:1024px){#azwelcomeaw2w{margin-right:100px;}
}
@media screen and (max-width:1050px)and (min-width:899px){#translate1{margin-bottom:5px;}
}
@media screen and (max-width:900px)and (min-width:679px){.leftmenu, .leftmenuonly, .leftdivw, .tablehide{display:none;}
.maindivleft{margin-left:10px;}
.maindivboth{margin:10px 250px 20px 10px;}
.rightdivw{clear:both;}
.headbuttonsnew{float:none;}
}
@media screen and (max-width:768px){.rightmenuman{display:none;}
.containerman{clear:both;}
.navleftw{margin-top:0px;}
#topnav2{margin-left:5px;}
.colcheck1{text-align:left;margin-right:10px;}
.mobilehide{display:none;}
.mobileshow{display:block;margin-left:5px;}
}
@media screen and (max-width:680px){.col2_275{height:450px;}
.containerdist{height:275px;}
.divcolouroneb, .divcolourtwob{width:90%;}
.video{display:none;}
.headbuttonsnew{float:left;clear:both;margin-top:25px;padding-left:10px;}
.productlistingsaw1w{left:0px;}
#baskethide{top:180px;}
h1{font-size:1.2em;}
#contentprod h2{height:45px;background-size:95% 44px;}
.maindivboth, .maindivleft{float:left;margin-left:2px;margin-right:2px;padding:0 0;}
.leftmenu, .leftmenuonly, .rightmenu, .leftdivw{display:none;}
.rightdivw{float:left;display:none;}
pre{width:400px;}
}
@media screen and (max-width:377px){#azwelcomeaw2w{float:left;}
.navleftw{margin-top:-35px;}
.maindiv, .maindivboth, .maindivleft{margin-left:-5px;padding:0px;}
#contentprod{max-width:320px;} 
#logo{display:none;}
#logomobile{display:block;}
.leftmargin{margin-left:5px;width:100%;}
.leftmargin ul{padding-left:5px;}
.leftmargin p{min-width:250px;}
.rightdivw, .rightdivmenu{float:left;margin-left:25px;}
.container1, #contentprod, #contentw, #contentcat, .widediv, .maindiv{margin-left:0px;padding-right:5px;}
.productlistingsaw1w{margin-left:-15px;}
.tablecol3{float:left;}
.tablecol1, .tablecol2, .tablecol3{margin-left:0px;}
.h1back1{margin-left:-10px;}
#basketholder{margin-right:20px;padding-right:20px;top:-150px;}
#baskethide{top:380px;}
.headholder2{line-height:80%;width:150px;margin-left:0px;}
pre, pre span{width:275px;}
.capcha{width:250px;margin:0px;}
.checkoutform th, .checkoutform td{font-size:10px;max-width:250px;}
#topnav a, #topnav2 a{padding:10px;line-height:4.0;}
.textsearch{width:150px;margin-top:-13px;margin-left:-30px;height:23px;}
.searchgo{padding-top:1px;margin-left:5px;height:23px;}
.searchform{width:220px;height:30px;} 
}
@media screen and (max-width:321px){#logo{display:none;}
#logomobile{display:block;width:98%;}
.checkoutbuttonleft,.checkoutbuttonright{float:left;margin-bottom:10px;margin-left:5px;}
#contentprod,#contentw,#contentcat{margin-left:-5px;}
#footertext{margin-left:-2px;}
body{margin:0 1px;}
.menu4w, .menulogin{margin-bottom:5px;}
#topnav{display:none;}
}
@media screen and (max-width:301px){.navleftw{margin-top:0px;}
#basketholder{margin-right:5px;padding-right:5px;}
}

/*   nav */
/****************************************/
#topmenu
{	margin: 0;
	padding: 0;
	z-index: 30;
	margin-right:10px;
	/*margin-top:1px; /* to move from top bar*/
	}

#topmenu li, #footermenu li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 13px arial
}
#footerbar{
   background-color : #ccc;
	 width:98%;
	 height: 35px;	 
}

#footermenu{
  margin-left: 30px;
	padding-top:5px;
}


#topmenu li a, #footermenu li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 6px;
	width: 75px;
	background: #5b4e60; /*#5e1a7d;  /*#5970B2;*/
	color: #FFF;
	text-align: center;
	text-decoration: none;
	border: 1px solid white;
	border-top-color:#5b4e60;
	}

#topmenu li a:hover, #footermenu li a:hover
{	background: #807289; /*#7449ff; /*#49A3FF*/
}
#topmenu ul li .active {
    background:#000;
    }

#topmenu div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	/*border: 1px solid #6e59b2; /*#5970B2*/
/*	border: 1px solid white;*/
	}

	#topmenu div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #7449ff; /*#2875DE;*/
		font: 11px arial;
/*		border: 1px solid white;*/
		}

	#topmenu div a:hover
	{	background: #807289; /*#7449ff; /*#49A3FF*/
		color: #FFF;
		border-top-color:#807289;
		}
/********** new header ******/
 #headernew{position:relative;
  z-index: 15;
}
/* header*/
.headholder3{
 float:left;
 margin-right: 10px;
}
.headholder3 span, .headholder4 span{
 background-color:  rgba(255, 255, 255, 0.5);
 padding: 2px 6px;
  border-radius: 10px;
	font:1.4em bold Arial,Helvetica,sans-serif;
	color: black;	
}
my-email::after {
    content: attr(data-domain);
  }
  my-email::before {
    content: attr(data-user) "\0040";
  }
	
.headholder4{
 padding: 0 4px 6px 12px;
  width: 170px;
	height:45px;
	margin: 7px 100px 0px 25px;
	float:left;
}	
.headholder4 span{
  margin-left:-60px;
}
#links{position: relative;
       top:-10px;      
}
#links img{margin-left:20px;
     border-radius: 10px;
}
/* picture hover****/
span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  position: absolute;
   top:0px;
	left:22px;
	height: 169px;
	width:248px;
	opacity: 0;
	 -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
transition: opacity 500ms;
 border-radius: 10px;
}

span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

span.text-content:hover {
  opacity: 1;
}

/* new stuff ***/
@media screen and (max-width:1150px){
#links{top:0px; 
			position:relative;     
}
#azwelcomeaw2w{position: relative; 
}
.section-navigation3w{top:-10px;
}
}

@media screen and (max-width:768px){
.navleftw{margin-top:25px;
}
#headernew{margin-bottom:25px;
}
span.text-content, span.text-content span{display:none;
}
.section-navigation3w{top:0px;
}
#links{ top:20px;}
}

@media screen and (max-width:377px){
 #basketholder{top:-130px;
}
}
@media screen and (max-width:680px){
#footerbar{
  height:70px;
}
#footermenu{
  margin-left:10px;
}
}