html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, P, pre,
a, abbr, acronym, address, big, blockquote, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, th, {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	vertical-align: baseline;
}
body {
	font-family: Comfortaa, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	font-size: 14px;
	line-height: 24px
	
}
.actionbutton {
	display: block;
padding: 10px 10px;
background-color: #0061C7;
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	 
}
html, body, {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
a.closeouts {
	animation: closeouts 1.5s linear infinite;
	color:#EC0003;
	font-weight:600;
}
a:hover.closeouts {
	color: #EC0003;
}
.labeltop {
	width: 100%;
	line-height: 16px;
	display:block;
	font-size: 11px;
	padding: 4px 0px;
	background-color: #005EDD;
	color: #FFF;
	text-align: center;
}
.labeltop a {
	color: #FFFFFF;
}
.labeltop a:hover {
	color: #FFFFFF;
}
 @keyframes closeouts {  
      0% { opacity: 0; }
      }
.blinker {
	animation: closeouts 1.75s linear infinite;
	color:#EC0003;
	font-weight:600;
}
 @keyframes blinker {  
      0% { opacity: 0; }
      }
a {
	text-decoration: none;
	color: #0067E3;
}
a:hover {
	text-decoration: underline;
}

#overheader {
	margin: 0px auto;
	width: 100%;
	min-width: 1050px;
	height: 55px;
	background-color: #f3f3f3;
	border-bottom: 4px solid #CCC;
	z-index: 9999;
}
.header {
	margin: 0 auto;
	width: 100%;
	background-color: #f3f3f3;
	border-bottom: 4px solid #CCC;
	max-width: 1200px;
	min-width: 1050px;
	height: 55px;
	position: relative;
}
.homepage {
	background: url(../images/logo.png) no-repeat 5px 10px;
	float: left;
	width: 200px;
	display: block;
	height: 50px;
	text-indent: -9999px;
}

.navigation {
	float: left;
	margin-top: 5px;
	width: 75%;

}
.navigation .icon, .icon2 {
display: none;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #FFF;
  color:#0078b9;
  text-decoration:none;

}

.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
	text-decoration:none;
}

.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown .dropbtn {
    visibility: hidden;
	display: none;
}

.dropdown-content {
    visibility: hidden;
	display: none;
}
.searchbutton3 {
	position: absolute;
	right: 25px;
	top: 10px;
	background: url(../images/searchbutton.png) no-repeat center;
	border: none;
	width: 35px;
	height: 35px;
	display: block;
	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */	
}
	#myDIV {
	margin:0px auto;
	right: 50px;
	position:absolute;
    width: 400px;
    display:none;
	z-index: 9999;
	}


h3 {
	font-size: 18px;
	color: #7a7a7a;
	font-weight: 100;
	line-height: 30px;

}
a h3 {
	font-size: 18px;
	color: #7a7a7a;
	font-weight: 100;
	line-height: 30px;

}
.col_3 h3 {
	color: #7a7a7a;
}
.clear {
	clear: both;
	line-height: 0px;
}
.clearleft {
	clear: left;
	line-height: 0px;
}
.clearright {
	clear: right;
	line-height: 0px;
}

.center {
	text-align: center;
}

ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	vertical-align: baseline;
}
.display {
	display: block;

}
.left {
	float: left;
}
.specs {
	border: 1px dotted #CCCCCC;
}
.right{float:right;}
.smallfont {
	font-size: 8px;
	line-height: 10px;
	font-style: italic;
}
#caption {
	text-indent: -9999px;
	line-height: 0px;
	height: 0px;
	font-size: 0px;
	margin: 0px;
}
.navigationoptical .iconoptical, .icon2optical{
  display: none;
}

.dropdownoptical .dropbtnoptical {
    visibility: hidden;
	display: none;
	line-height: 0px;
}

.dropdown-contentoptical {
    visibility: hidden;
	display: none;
	line-height: 0px;
}
.menusingle {
	float:left;
	display:block;
	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */	
	font-size:14px; 
	color: #0078b9;
	font-weight: 500;
	text-decoration:none;
	text-align:left;
	padding: 15px 20px 15px 20px;
	border:none;
}
.menusingleright {
	float:right;
	display:block;
	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */	
	font-size:14px; 
	color: #0078b9;
	font-weight: 500;
	text-decoration:none;
	text-align:left;
	padding: 15px 10px 15px 10px;
	border:none;
}

#menu {
	margin: 0px ;
	list-style:none;
	color:#3d3d41;
	height:30px;
	padding:0px 0px 15px 0px;
}

#menu li {
	float:left;
	display:block;
	z-index: 9999;
	text-align:left;
	position:relative;
	padding: 15px 10px 0px 10px;
	border:none;
	
}

#menu li:hover {
	padding: 15px 10px 1px 10px;
	/* Background color and gradients */
	background: #1f2021;
	/* Rounded corners */
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#menu li a {
	font-size:14px;
padding: 0px 10px 15px 10px;
	color: #0078b9;
	display:block;
	font-weight: 500;
	outline:0;
	text-decoration:none;
	border: none;
}

#menu li a img {
	border: none;
	text-align: center;
}
#menu li .drop {
	padding-right:21px;
	background:url("../images/plus.png") no-repeat right 6px;
}
#menu li:hover .drop {
	background:url("../images/plus-hover.png") no-repeat right 6px;
	color: #FFF;
		opacity: 99%;
	transition: all .4s;
	visibility:visible;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns,
.dropdown_6columns,
.dropdown_7columns{
	margin:0px auto;
	float:left;
	position:absolute;
	visibility:hidden; /* Hides the drop down */
	text-align:left;
	display:block;
	padding:15px 5px 15px 15px;
	background:#1f2021;
	z-index: 9999;
	opacity: 0%;
}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns,
#menu li:hover .dropdown_6columns,
#menu li:hover .dropdown_7columns {
	left:0px;
	top:auto;
	opacity: 99%;
	transition: all .4s;
	visibility:visible;
}
.dropdown_1column {width: 200px;
}
.dropdown_2columns {width: 880px;
	margin-left: -265px;
}
.dropdown_3columns {width: 885px;
	margin-left: -300px;
}
.dropdown_4columns {width: 1105px;
margin-left: -200px;}
.dropdown_5columns {width: 925px;
	margin-left: -400px;
}
.dropdown_6columns {width: 295px;
	margin-left: -75px;
}
.dropdown_7columns {width: 835px;
	margin-left: -375px;
}


.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display: block;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 14px;
	line-height: 22px;
}

.col_6 {
	display: block;
	float: right;
	height: 300px;
	line-height: 18px;
	margin-right: 10px;
}
.col_1 {
	width:240px;
	padding: 5px;
	padding-top: 100px;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 300px;
	margin-bottom: 15px;
}
.monitors {
	background: url(../images/monitorscategory.png) no-repeat top center #27282a;
}
.cameras {
	background:url(../images/camerascategory.png)no-repeat top center #27282a;
}
.optical {
	background: url(../images/opticalcategory.png) no-repeat top center #27282a;
}
.mxlbrand {
	background:url(../images/MXLcategory.png) no-repeat top center #27282a;
}
.mogamibrand {
	background: url(../images/mogamicategory.png) no-repeat top center #27282a;
}
.tajimibrand {
	background: url("../images/tajimicategory.png") no-repeat top center #27282a;
}
.accessories {
	background: url(../images/accessoriescategory.png) no-repeat top center #27282a;
}
.accessoriesnoimage {
	background-color: #27282a;
	padding-top: 10px;
	min-height: 250px;
}

.accessoriessquqre {
	margin-left: -5px;
	margin-right: 5px;
	width: 260px;
	min-height: 250px;
	padding-top: 10px;
	background-color: #27282a;
}
.accessoriesitem {
	width: 250px;
	margin-left: 10px;
}
.regular {
	margin-left: -20px;
	padding: 0px 0px;
}
.col_2 {
    	width: 250px;
		background-color: #27282a;
		padding: 5px;
		padding-left: 17px;
}

.col_3 {
	width:270px;
	background-color: #27282a;
	color: #9d9e9f;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	min-height: 700px;
	margin-bottom: 15px;
}
.col_4 {
	width:200px;
	padding: 0px;
	margin: 0px;
	margin-right: 15px;
	
}
a.markets {
	opacity:.7;

}
a:hover.markets {
	opacity:1;
}
.col_5 {width:725px;
		padding-top: 15px;}
		
.col_6 {width:225px;
		padding: 10px;
		background-color:#FFFFFF;
}

#menu .menu_right {
	float:right;
	margin-right:0px;
}
#menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

#menu li:hover .align_right {
	left:auto;
	right:0px;
	top:auto;
}

#menu p, #menu h3, #menu ul li {
	line-height:21px;
	font-size:12px;
	text-align:left;
}

#menu h2 {
	font-size:14px;
	padding-top: 10px;
	text-align: left;
	font-weight: 100;
	text-transform: uppercase;
	line-height: 21px;
	margin: 0px 0px;
}
#menu h3 {
	font-size:14px;
	font-weight: 100;
	text-transform: uppercase;
	text-align: left;
	line-height: 22px;
	margin:7px 0px 5px 0px;
	padding-bottom:5px;
	color:#9fafc8;
}

#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
	
}
#menu li ul li {
	font-size:14px;
	line-height:34px;
	position:relative;
	padding:0;
	background: url(../images/nav-arrow.png) no-repeat 3px center;
	border-bottom: 1px solid #1f1f21;
	margin:0;
	float: none;
	text-align: center;
}
#menu li ul li:hover {
	border:none;
	background-color: #0078b9;
	color: #FFF;
	border-bottom: 1px solid #2c2d2d;
	padding:0;
	margin:0;
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

#menu li .greybox li {
	background:#585a62;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:186px;
	/* Rounded Corners */
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}
#menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:186px;
}

.mxl {
	background: url(../images/MXL-logo.png) center no-repeat;
	float: left;
	display: block;
	height: 30px;
	width: 60px;
	text-indent: -9999px;
	padding-right: 20px;
	border-right: 1px solid #747272;
}
.mogami {
	background: url(../images/Mogami.png) center no-repeat;
	float: left;
	display: block;
	height: 30px;
	width: 60px;
	text-indent: -9999px;
	padding-right: 20px;
	border-right: 1px solid #747272;
}

#write {
	float: right;
	width: 365px;
	padding-top: 35px;
	height: 30px;
	display: block;
	text-align: left;
}
a.additional {
	float: left;
	height: 30px;
	padding: 0px 10px;
	text-align: center;
	font-size: 11px;
	line-height: 30px;
	color: #9c9c9c;
	text-transform:uppercase;
	border-right: 1px solid #747272;
	text-decoration: none;
}
a:hover.additional {
	color:#FFFFFF;
	text-decoration: underline;
}
.contact_form {
	font-size: 11px;
	line-height: 22px;
}
.form_element {
	width: 95%;
	font-size: 10px;
	line-height: 10px;
	padding: 2% 2%;
}
.button {
	background: url(../images/newsletter-button.png) no-repeat;
	width: 69px;
	height: 27px;
	line-height: 29px;
	color: #FFFFFF;
	font-size: 11px;

	text-align: center;
	border: 0px;
	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */	
}
.salesbutton {
	background-color: #0B63FF;
	width: 20%;
	height: 50px;
	line-height: 50px;
	color: #FFFFFF;
	font-size: 17px;
	text-align: center;
	border: 0px;
	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */	
}
#wrap {
	background-color: #FFFFFF;
}

.navtext {
	width: 95%;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

#menu li:hover div a {
	
	font-size:13px;
	text-align: left;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #acadb0;
	font-weight: normal;
}
#menu li:hover div a:hover {
	color:#FFFFFF;
}

.form {
	line-height: 25px;
	font-size: 14px;
	height: 25px;
	padding: 0px 5px;
	width: 90%;
}
.label {
	padding-left: 10px;
	line-height: 30px;
	font-size: 11px;
}
.contact_form {
	border-top: 1px solid #272828;
	padding-top: 15px;
}
a.facebook {
	float: left;
	background: url(../images/facebook.jpg) left top no-repeat;
	display: block;
	width: 20px;
	height: 15px;
	padding: 0px 0px 0px 0px;
	text-indent: -9999px;
	line-height: 0px;
	margin-bottom: 10px;
	margin-right: 3px;
}
a:hover.facebook  {
	background: url(../images/facebook.jpg) left bottom no-repeat;
}

a.twitter {
	float: left;
	background: url(../images/twitter.jpg) left top no-repeat;
	display: block;
	padding: 0px 0px 0px 0px;
	width: 20px;
	height: 15px;
	text-indent: -9999px;
	line-height: 0px;
	margin-bottom: 10px;
	margin-right: 3px;
}
a:hover.twitter  {
	background: url(../images/twitter.jpg) left bottom no-repeat;
}
a.google {
	float: left;
	background: url(../images/googleplus.jpg) left top no-repeat;
	display: block;
	padding: 0px 0px 0px 0px;
	width: 20px;
	height: 15px;
	text-indent: -9999px;
	line-height: 0px;
	margin-bottom: 10px;
	margin-right: 3px;;
}
a:hover.google  {
	background: url(../images/googleplus.jpg) left bottom no-repeat;
}
a.youtube {
	float: left;
	background: url(../images/youtube.jpg) left top no-repeat;
	display: block;
	padding: 0px 0px 0px 0px;
	width: 20px;
	height: 15px;
	text-indent: -9999px;
	line-height: 0px;
	margin-bottom: 10px;
	margin-right: 3px;
}
a:hover.youtube {
	background: url(../images/youtube.jpg) left bottom no-repeat;
}
a.instagram {
	float: left;
	background: url(../images/instagram.jpg) left top no-repeat;
	display: block;
	padding: 0px 0px 0px 0px;
	width: 20px;
	height: 15px;
	text-indent: -9999px;
	line-height: 0px;
	margin-bottom: 10px;
	margin-right: 3px;
}
a:hover.instagram {
	background: url(../images/instagram.jpg) left bottom no-repeat;
}
a.linkedin {
	float: left;
	background: url(../images/linkedin.jpg) left top no-repeat;
	display: block;
	padding: 0px 0px 0px 0px;
	width: 20px;
	height: 15px;
	text-indent: -9999px;
	line-height: 0px;
	margin-right: 3px;
}
a:hover.linkedin {
	background: url(../images/linkedin.jpg) left bottom no-repeat;
}

.title {
	/*color: #000;
	position: absolute;
	display: block;
	left: 0px;
	top: 53px;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	width: 250px;*/
	display: none;
	visibility: hidden;
}

#homecontainer {
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
	width: 100%;
	color: #272828;
	text-align: center;	
}
#secondarynav {
	margin: 0px auto;
	background-color:#363636;
	padding: 0% 3%;
}
#secondarynav ul{

	
}
#secondarynav ul li {
	list-style: none;

}
#secondarynav ul li a {
	text-decoration: none;
	float: left;
	border-right: 1px solid #3f3f3f;
	border-left: 1px solid #474949;
    background-color:#363636;
	color:#FFFFFF;
	width: 12%;
	padding: 1% 0%;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
}

#secondarynav ul li a:hover {
	color: #FFFFFF;
	background-color: #0078b9;
}
#remotenav {
	margin: 0px auto;
	width: 100%;
	height: 56px;
	background-color:#363636;
	padding: 0px;
}
#remotenav ul{
	margin: 0px auto;
	width: 1200px;
}
#remotenav ul li {
	list-style: none;
	float: left;
	padding: 0px;
	width:33%;

}
#remotenav ul li a {
	text-decoration: none;
	float: left;
	display: block;
	border-right: 1px solid #3f3f3f;
	border-left: 1px solid #474949;
	color:#FFFFFF;
	font-size: 16px;
	line-height: 16px;

	padding: 5% 15% 5% 15%;
	text-align: center;
}

#remotenav ul li a:hover {
	color: #FFFFFF;
	background-color: #00D43F;
}
.lastone {
		float: right;
	}
.printicon {
	width: 85px;
	float: right;
	background: url(../images/printicon.jpg) center left no-repeat #f10000;
	color: #FFFFFF;
	font-size: 10px;
	padding-top: 4px;
	padding-left: 25px;
	padding-bottom: 4px;
	margin-bottom: 30px;
}
a.producttitle {
	font-size: 20px;
	color: #0272fd;
	line-height: 25px;
	text-decoration: none;
}
a:hover.producttitle {
	text-decoration: underline;
}
ul.mainbullets {
	line-height: 19px;
	list-style: none;
	color: #007caa;
	font-size: 16px;
}
ul.mainbullets li {
	background: url(../images/product-bullets.jpg) no-repeat 35px 3px;
	padding-left: 60px;
	padding-bottom: 13px;
}

.content {
	margin: 0px auto;
	width: 1200px;
	display: block;
	padding-bottom: 10px;
}
#content {
	margin: 0px auto;
	width: 1200px;
	display: block;
	padding-top: 100px;
	margin-bottom: 40px;

}

#main {
	margin: 0px auto;
	width: 100%;
	color: #3c3d3e;
}

#gallery-07{
	padding-top: 40px;
	position: relative;
	font-size: 10px;
	line-height: 16px;
	overflow: hidden;
}
.crsl-items h3 {
	font-size: 13px;
	line-height: 16px;
}
#gallery-07 .crsl-nav{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 250px;
}
#gallery-07 .crsl-items:after{
	display: block;
	clear: both;
	content: '';
	
}
#gallery-07 .previous, #gallery-07 .next{
	position: absolute;
	top: 80%; 
	width: 40px;
	height: 40px;
	/*margin-top: -20px;*/
	text-indent: -10000px;
	color: #FFF;
	background: rgba(0, 0, 0, .80) url(../images/previous-next.png) no-repeat 0 0;
	z-index:99;
	/* border radius */
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	/* transition */
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out;
}
#gallery-07 .previous:hover, #gallery-07 .next:hover{
	background-color: rgba(0,0,0, .95);
}
#gallery-07 .previous{
	left: 0;
	background-position: 0 0;
}
#gallery-07 .next{
	right: 0;
	background-position: 100% 0;
}

.crsl-item a{ color: #333; font-weight:400; width: 250px; float:left; display:block
}
.crsl-item a:hover { text-decoration:none; color:#999
}

figure{
    text-align: center;
    margin: 20px auto;  
}
iframe {
	z-index:1;
	}
.video{
	margin: 0px auto;
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	border:1px solid #CCC;
	}
.videoinsert {
	border:0px;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
	padding: 0;
	}
#videoholder {
	position: relative;
	height: auto;
	width: 100%;
	padding: 0;
	display: block;
	background-color:#000000;
	overflow: hidden;
	}

#myVideo {
    width:100%;
	height: auto;
	z-index: 0;
}

/* Add some content at the bottom of the video/page */
.videocontent {
	z-index: 400;
	position: absolute;
	display: block;
	text-align: center;
	bottom: 0;
	background: rgba(0,0,0,0.0);
	text-shadow: 0 1px 3px #000000, 0 1px 5px #000000;;
    color: #f1f1f1;
    width: 100%;
	padding: 25px 0px 25px 0px ;
}
	.videocontent p {
		padding: 0px 50px;
		line-height: 20px;
	}
/* Style the button used to pause/play the video */
#myBtn {
    width: 200px;
    font-size: 18px;
    padding: 10px;
    border: none;
    background: rgba(72,143,243,0.6);
    color: #fff;
    cursor: pointer;
}
.Btn {
    width: 200px;
    font-size: 18px;
    padding: 10px 30px;
    border: none;
    background: rgba(72,143,243,0.6);
    color: #fff;
    cursor: pointer;
}
#myBtn:hover {
    background: rgba(219,223,228,0.6);
    color: black;
}
a.arrowdrop {
	visibility: visible;
	margin: 0px auto;
	width: 103px;
	height: 58px;
	text-indent: -9999px;
	line-height: 0px;
	display: block;
	background: url(../images/downarrows.png) no-repeat;
	}
a:hover.arrowdrop {
		background: url(../images/downarrowsover.png) no-repeat;
	}
.new {
	width: 73px;
	padding: 0 0 0 0;
}
.top50 {
		margin-top: 50px;
	}
.top100 {
		margin-top: 100px;
	}
	.top200 {
		margin-top: 200px;
		display: block;
	}
.top350 {
		padding-top: 350px;
	}
#contentform {
	margin: 0px auto;
	magin-top: 150px;
	width: 65%;
	display: block;
	padding-bottom: 10px;
}
.form_element2 {
	width:41%;
	float: left;
	font-size: 16px;
	display: block;
	line-height: 20px;
	margin: 2% 2%;
	padding: 2% 2%;
}
.choose {
	width:95%;
	float: left;
	font-size: 16px;
	display: block;
	height: 50px;
	margin: 2% 2%;
	padding: 0% 2%;
}
fieldset {
	border: none;
}
.whole{
	width: 92%
	}
	label {
		font-size: 14px;
		font-weight: 600;
		padding-right: 15px;
		line-height: 14px;
	}
@media (max-width:975px) {
.content {
	margin: 0px auto;
	width: 90%;
	display: block;
	padding-top: 0px;
	padding-left: 5%;
	padding-right: 5%;
	margin-bottom: 0px;
}
#content {
	margin: 0px auto;
	width: 90%;
	display: block;
	padding-top: 0%;
	margin:5%;
}
#content img{
 	width: 100%
	}
	.wrapper {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	}
	.results-search-box {
		width:100%
	}
	
}
.sales {
	float: left;
	display: block;
	width: 90%;
	padding: 10px 0px;
	padding-bottom: 20px;
	font-size: 14px;
	padding-left: 20px;
	border-bottom: 1px solid #CCCCCC;
	line-height: 24px;
}
.salestitle {
	line-height: 30px;
	font-size: 20px;
	font-weight: 100;
	color: #009db4;
}

ol.numbers {
	padding-left: 50px;
	font-size: 16px;
	line-height: 23px;
}
ol.number {
	line-height: 18px;
	font-size: 13px;
	padding-bottom: 8px;
}
.sectionsubtitle {
	font-size: 20px;
	color: #545454;
	display: block;
	text-align: left;
	line-height: 1.5;
}
.sectiontitle {
	font-size: 20px;
	display: block;
	color: #424242;
	font-weight: 100;
	line-height: 1.5;
	text-decoration: none;
	}
@media (min-width:975px) {

.hometitle {
	font-size: 36px;
	background-color: #f5f3f3;
	font-weight: 100;
	color: #10274c;
	text-transform: uppercase;
	border-top: 1px solid #BCBCBC;
	border-bottom: 1px solid #BCBCBC;
	padding: 30px 0px;
	margin-bottom: 20px;
	margin-top: 50px;
	}
.maintitle {
		line-height: 28px;
		font-size: 21px;
	    font-weight: 100;
		display: block;
	}
.homesection {
	width: 100%;
	padding: 150px 0px 80px 0px;
	}
.mainsub {
	width: 385px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	height: 307px;
	background-color: #0062ad;
	overflow: hidden;
}
.mainsub a {
	display: block;
	overflow: hidden;
	-moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
ul.listedbullets {
	line-height: 18px;
	list-style:inherit;
	color: #545454;
	font-size: 15px;
	padding-bottom: 10px;
}
ul.listedbullets li {
	text-align: left;
	list-style:inherit;
	padding-left: 15px;
	margin-left: 15px;
	padding-bottom: 5px;
}	
.mainsub a img {
	max-width: 100%;
	}

.mainsub a:hover {

opacity: .5;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
	}

.mainsubright {
	width: 385px;
	float: right;
	height: 307px;
	background-color: #0062ad;
	overflow: hidden;
}
.mainsubright a {
  display: block;
  overflow: hidden;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}


.mainsubright a:hover {
  opacity: .5;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
	}
	
.mainsubright img {
		max-width: 100%;
	}
.mainleft {
	width: 675px;
	float: left;
	position: relative;
	margin-bottom: 20px;
	height: 300px;
	overflow: hidden;
}	
.mainleft:hover .overlay {
  height: 35%;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #02356f;
  opacity: .8;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
	
.text {
  white-space: nowrap; 
  color: white;
  font-size: 17px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.mainright { 
	width: 495px;
	float: right;
	position: relative;
	height: 300px;
	margin-bottom: 20px;
	overflow: hidden;
}

.mainright:hover .overlay {
  height: 35%;
}

	
.rectangle {
	width: 100%;
	position: relative;
	padding: 0px 0px;
	font-size: 16px;
	margin-bottom: 25px;
}
.rectangle:hover .overlay {
  height: 35%;
}
.secondaryright {
	width: 745px;
	float: right;
	position: relative;
	background-color: #E1DEDE;
	height: 300px;
	overflow: hidden;
	margin-bottom: 20px;
}
.secondaryright:hover .overlay {
  height: 35%;
}
.secondaryleft {
	width: 430px;
	float: left;
	position: relative;
	background-color: #E1DEDE;
	height: 300px;
	overflow: hidden;
}
.secondaryleft:hover .overlay {
  height: 35%;
}

#container2 {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	background-color: #FFFFFF;
	text-align: center;
}
.listedproduct {
	float: left;
	width: 43%;
	padding: 20px 3% 20px 3%;
	margin-right: 5px;
	border: 1px solid #cccccc;
	min-height : 400px;
	margin-bottom: 30px;
}
.listedproductcontent {
	width: 100%;
	display: block;
	text-align: left;
	font-size: 14px;
	}
.listedproductimage {
	margin: 0px auto;
	width: 100%;
	padding-bottom: 10px;
	display: block;
	text-align: center;
}

.section {
	margin: 0px auto;
	width: 1200px;
	padding-bottom: 25px;
	height: auto !important; /*min-height hack*/
	height: 100%;    /*min-height hack*/
	margin-bottom: 25px;
}

.thumbtitle {
	font-size: 23px;
	display: block;
	color: #0272fd;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
}
.thumbsubtitle {
	font-size: 18px;
	color: #545454;
	display: block;
	text-align: center;
	line-height: 20px;
	padding-bottom: 10px;
}
.H500 {
	height: 500px;	
	}
.H600 {
	height: 600px;	
	}
.H700 {
	height: 700px;	
	}
.H800 {
	height: 800px;	
	}
.H900 {
	height: 900px;	
	}
	
	}
@media (max-width:975px) {

}
.parallaxheader {
    /* The image used */
    /* Full height */
    height: 400px; 
    /* Create the parallax scrolling effect */
    background-attachment:fixed;
    background-position:center ;
    background-repeat: no-repeat;
    background-size:cover;
	background-color: #FFFFFF;
	position: relative;
	overflow: hidden;
	margin-bottom: 25px;
}
.parallaxheadercaption {
	margin: 0px auto;
	font-size: 16px;
	line-height: 36px;
	opacity: .8;
	color: #FFF;
	text-align: left;
	text-transform: uppercase;
	padding: 110px 40px;
	width: 80%;
	height: 200px;
	background-color: #0078b9 ;
	
}
.parallax {
    /* The image used */
    /* Full height */
    height: 600px; 
    /* Create the parallax scrolling effect */
    background-attachment:fixed;
    background-position:center ;
    background-repeat: no-repeat;
    background-size:cover;
	background-color: #FFFFFF;
	position: relative;
	margin-top: 200px;
}

@media only screen and (max-device-width: 975px) {
    .parallax {
        visibility: hidden;
    }
	
}
.parallax1200 {
    /* The image used */
    /* Full height */
    height: 150px; 
    /* Create the parallax scrolling effect */
    background-attachment:fixed;
    background-position: top;
    background-repeat: repeat-y;
    background-size: 1200px;
	background-color: #FFFFFF;
	position: relative;
}
.parallaxtitle1200 {
	font-size: 36px;
	line-height: 50px;
	opacity: .8;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	padding: 50px 0px;
	width: 100%;
	background-color: #000;
	position: absolute;
	top: 0px;
}
.parallaxcaption {
	font-size: 16px;
	line-height: 36px;
	opacity: .8;
	color: #FFF;
	text-align: left;
	text-transform: uppercase;
	padding: 100px 40px;
	width: 60%;
	background-color: #0078b9 ;
	position: absolute;
	bottom: 0px;
	right: 75px;
}
.parallaxtitle {
	font-size: 36px;
	line-height: 50px;
	color: #FFF;
	text-transform: uppercase;
}
.bgPOV {
		background-image: url(../images/POVsectionBG.jpg);
	}

/*--------------------------------------------------
// Footer
//--------------------------------------------------*/
#footer {
	margin: 0px auto;
	background-color: #c9cacb;
	text-align: center;
	color: #3a3a3a;
	padding: 30px 0px 40px 0px;
	font-size: 10px;
	border-top: 1px solid #CCC;
}

#footer a {
	color: #3a3a3a;
	text-decoration: none;
}

#footer a:hover {
	color: #027bc1;
	text-decoration: underline;
}
.footersub {
	margin: 0px;
	line-height: 25px;
	font-size: 16px;
	text-align: center;
	display: block;
	padding-top: 10px;
	font-weight: 100;
	color: #535353;
	border-top: 1px solid #CCCCCC;
}
.blue {
	color: #0078b9;
}
.bottom {
	text-align: center;
	line-height: 21px;
	word-spacing: 4px;
	padding-top: 20px;
	border-top: 1px solid #9e9e9e;
}
.footsections {
	margin: 0px auto;
	text-align: center;
	width: 1200px;
	display: block;
}
.homegrey {
    width: 100%;
	background-color:#E7E7E7;
	text-align: center;
	display: block;
	padding: 3% 0;
}
.company {
    width: 100%;
	background-color:#dadbdd;
	display: block;
	color: #3a3a3a;
	list-style: none;
	text-align: center;
	padding: 25px 0px;
	line-height: 40px;
}
.company a {
	line-height: 20px;
	font-size: 11px;
	color: #3a3a3a;
	padding-right: 7px;
	padding-left: 7px;
}
.first {
	border-right: 1px solid #9e9e9e;
	border-left: 1px solid #9e9e9e;
}
.footersection {
	width: 223px;
	height: 235px;
	display: block;
	float: left;	
	list-style: none;
	border-right: 1px solid #9e9e9e;
	padding-left: 10px;
	padding-right: 5px;
	margin-bottom: 25px;
}

.footersection li {
	padding: 0px 0px;
	text-align: center;
	line-height: 20px;
	font-size: 9px;
}


.newsletterbutton {
	width: 74px;
	height: 27px;
	line-height: 27px;
	font-size: 10px;
	text-align: center;
	vertical-align: top;
	background: url(../images/newsletter-button.png) center center no-repeat;
	color: #FFFFFF;
	border: 0px;
	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */		
}
.cell {
	background-color: #dcdcdc;
	width: 300px;
	height: 27px;
	line-height: 27px;
	border: 1px solid #c6c6c6;
	font-size: 12px;
	color: #575757;
	padding: 0px 10px;
}
.safe {
	margin: 0px auto;
	background: url(../images/safesubscribe-a.jpg) left bottom no-repeat;
	display: block;
	width: 166px;
	height: 20px;
	text-indent: -9999px;
	line-height: 0px; 	
}
a.logomxl {
	float: left;
	background: url(../images/logos-mxl.png) left top no-repeat;
	display: block;
	padding: 0px 0px 0px 0px;
	width: 204px;
	height: 50px;;
	text-indent: -9999px;
	line-height: 0px;
	margin-bottom: 10px;
	margin-right: 65px;
}
a:hover.logomxl {
	background: url(../images/logos-mxl.png) left bottom no-repeat;
}
a.logomogami {
	float: left;
	background: url(../images/logos-mogami.png) left top no-repeat;
	display: block;
	padding: 0px 0px 0px 0px;
	width: 204px;
	height: 50px;
	text-indent: -9999px;
	line-height: 0px;
	margin-bottom: 10px;
	margin-right: 65px;
}
a:hover.logomogami {
	background: url(../images/logos-mogami.png) left bottom no-repeat;
}
a.logomarshall {
	float: left;
	background: url(../images/logos-marshall.png) left top no-repeat;
	display: block;
	padding: 0px 0px 0px 0px;
	width: 204px;
	height: 50px;
	text-indent: -9999px;
	line-height: 0px;
	margin-bottom: 10px;
	margin-right: 65px;
	margin-left: 65px;
}
a:hover.logomarshall {
	background: url(../images/logos-marshall.png) left bottom no-repeat;
}
a.logotajimi {
	float: left;
	background: url("../images/logos-tajimi.png") left top no-repeat;
	display: block;
	padding: 0px 0px 0px 0px;
	width: 204px;
	height: 50px;
	text-indent: -9999px;
	line-height: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
}
a:hover.logotajimi {
	background: url(../images/logos-tajimi.png) left bottom no-repeat;
}
.footernews {
	margin: 0px auto;
}
#back-top{
	position:fixed;bottom:100px;right:25px;
	}
#back-top a{
	width:50px;display:block;-webkit-transition:1s;-moz-transition:1s;transition:1s;
	}
#back-top a:hover{
	color:#004cca;
	}
#back-top span{
	width:50px;height:50px;display:block;background-repeat:no-repeat;background-position:center center;background-image:url(../images/up-arrow.png);background-color:#666;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-transition:1s;-moz-transition:1s;transition:1s
	}
#back-top a:hover span{
	background-color:#004cca
	}

/* homepage divs */
@media (max-width:975px) {
	
body {
	background: none;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 auto;
}
.navigation a:not(:first-child), .dropdown .dropbtn{
    display: none;
  }
#menu {
	visibility: hidden;
	display:none;
	height: 0px;
	}
.navigation a.icon {
    float: left;
    display: block;
	font-size: 45px;
	padding-left:15px;
	text-decoration:none;
	width: 35px;
	height: 35px;
  }
.navigation.responsive {
	position: relative;
	background-color: #f3f3f3;
	width: 100%;
	z-index: 9999;
	}
  .navigation.responsive .icon {
    position: absolute;
    right: 5px;
    top: 3px;
	padding: 15px;
  }
  .navigation.responsive a {
    float: none;
    display: block;
    text-align: left;
	font-size:14px; 
	color: #0078b9;
	font-weight: 500;
	text-decoration:none;
	padding: 15px;
	border:none;
  }
	.navigation.responsive a:hover {background-color:#6699cc;color: #FFF;text-decoration:none;}
  .navigation.responsive .dropdown {float: none;}
  .navigation.responsive .dropdown-content {position: relative;}
  .navigation.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
	visibility: visible;
    font-size: 45px;    
    border: none;
    outline: none;
    color: #0078b9;
    padding: 15px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.dropdown-content {
    display: none;
	visibility: visible;
    position: absolute;
    background-color: #f3f3f3;
    min-width: 160px;
    z-index: 1000;
}

.dropdown-content a {
    float: none;
    font-size:14px; 
	color: #0078b9;
	font-weight: 500;
	text-decoration:none;
	padding: 15px 30px 6px 30px;
	border:none;
}
.menusingle {
	visibility: hidden;
}
.homepage {
	background: url(../images/logophone.png) no-repeat center 8px;
	width: 100%;
	display: block;
	height: 40px;
	padding-bottom: 0px;
	text-indent: -9999px;
}
#myDIV {
	display:none;
	visibility: hidden;
	width: 0px;
	z-index: 1;
	}
.gcse-search {
	display:none;
	visibility: hidden;
	
}
#videoholder {
		visibility: hidden;display:none;
	}
#myVideo {
    width: 100%;
	z-index: 0;
}

.menuoptical {visibility: hidden;display:none;}

.navigationoptical a.iconoptical {
    float: left;
    display: block;
	padding-left:15px;color:#FFF;padding-top:7px;text-decoration:none;
	width: 35px;
	height: 35px;
  }
.navigationoptical.responsive {
	position: relative;
	background-color: #363636;
	}
  .navigationoptical.responsive .iconoptical {
    position: absolute;
    right: 10px;
    top: 5px;
	padding: 5px;
  }
  .navigationoptical.responsive a {
    float: none;
    display: block;
    text-align: left;
	font-size:14px;
	color: #FFF;
	font-weight: 500;
	text-decoration:none;
	padding: 15px 15px 15px 15px;
	border:none;
  }
	.navigationoptical.responsive a:hover {background-color:#B50003;color: #FFF;text-decoration:none;}
  .navigationoptical.responsive .dropdownoptical {float: none;}
  .navigationoptical.responsive .dropdown-contentoptical {position: relative;}
  .navigationoptical.responsive .dropdownoptical .dropbtnoptical {
    display: block;
    width: 100%;
	height: 60px;
    text-align: left;
  }
.dropdownoptical {
    float: left;
    overflow: hidden;
}

.dropdownoptical .dropbtnoptical {
	visibility: visible;
    font-size: 14px;    
    border: none;
    outline: none;
    color: #FFF;
    padding: 30px 30px 30px 30px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.dropdown-contentoptical {
    display: none;
	visibility: visible;
    position: absolute;
    background-color: #f3f3f3;
    min-width: 160px;
    z-index: 1000;
}

.dropdown-contentoptical a {
    float: none;
    font-size:14px; 
	color: #FFF;
	font-weight: 500;
	text-decoration:none;
	padding: 15px 30px 6px 30px;
	border:none;
}
/* Add some content at the bottom of the video/page */
.videocontent {
	z-index: 400;
	position: absolute;
	display: block;
	text-align: center;
	bottom: 0;
	background: rgba(0,0,0,0.3);
    color: #f1f1f1;
    width: 100%;
	height: 100%;
	padding: 0px 0px 0px 0px ;
}

.videocontent p {
	visibility: hidden;
	height: 0px;
	}
.videocontent h1 {
	visibility: hidden;
	height: 0px;
	}

/* Style the button used to pause/play the video */
#myBtn {
    width: 100px;
	position: absolute;
	bottom: 5px;
	left: 5px;
    font-size: 11px;
    padding: 5px;
    border: none;
    background: rgba(72,143,243,0.6);
    color: #fff;
    cursor: pointer;
}
.Btn {
    width: 100px;
	position: absolute;
	bottom: 5px;
	right: 5px;
    font-size: 11px;
    padding: 5px 10px;
    border: none;
    background: rgba(72,143,243,0.6);
    color: #fff;
    cursor: pointer;
}
#myBtn:hover {
    background: rgba(219,223,228,0.6);
    color: black;
}

#gallery-07 {
	visibility: hidden;
	display: none;
	height: 0px;
	}
.parallaxheader {
	visibility: hidden;
	height: 0px;
	width: 0px;
	}
	.parallaxheadercaption {
	visibility: hidden;
	}
	a.arrowdrop {
	visibility: hidden;
	}

#overheader {
	background-color: #FFF;
	border-bottom: 0px solid #CCC;
	margin: 0px auto;
	width: 100%;
	min-width: 100%;
	height: 85px;
	z-index: 9888;
}
.header {
	margin: 0 auto;
	width: 100%;
	min-width: 100%;
	height: 100%;
	position: relative;
	z-index: 9888;
}
#write {
	margin: 0px auto;
	width: 90%;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 15px;
	height: 30px;
	display: block;
	text-align: left;
}
#search {
	width: 80%;
	color: #262626;
	border: 1px solid #0078b9;
	float: left;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 30px;
	height: 30px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 20px;
}

.searchbutton {
	background: url(../images/button_search.png) no-repeat center;
	float: left;
	border: 0px;
	width: 15px;
	height: 30px;
	line-height: 30px;
	display: block;
	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */	
}
.title {
	visibility: hidden;
	height: 0px;
	width: 0px;
	}

.searchbutton3 {
	display:none;
	visibility: hidden;
}

.mainleft {
	margin: 0px auto;
	width: 100%;
	margin-bottom: 25px;
}
.mainleft a {
		width: 100%;
		height: 100%;
		text-decoration: none;
		color: #FFF;
		line-height: 24px;
	}
.mainleft img {
	width: 100%;
	}
.mainleft a {
	text-decoration: none;
	color: #000;
	line-height: 24px;
	font-size: 14px;
	}
.mainleft a:hover {
	text-decoration: underline;
	}

.mainright { 
	margin: 0px auto;
	width: 100%;
	margin-bottom: 25px;
}
.mainright img {
	width: 100%;
	}
.mainright a {
	text-decoration: none;
	color: #000;
	line-height: 24px;
	font-size: 14px;
	}
.mainright a:hover {
	text-decoration: underline;
	}
.section {
	margin: 0px auto;
	width: 90%;
	padding-bottom: 5%;
	margin-bottom: 5%;
}
.homesection {
	width: 95%;
	padding: 40px 0px;
	}
.homesection img {
	width: 95%;
	}
.mainsub {

	margin: 0px auto;
	width: 100%;
	margin-bottom: 25px;
}
.mainsub img {
		width: 100%;
		height: 100%;
	}
.mainsub a {
	text-decoration: none;
	color: #000;
	line-height: 24px;
	font-size: 14px;
	}
.mainsub a:hover {
	text-decoration: underline;
	}
.mainsubright {
	margin: 0px auto;
	width: 100%;
	margin-bottom: 25px;
}
.mainsubright img {
		width: 100%;
		height: 100%;
	}
.mainsubright a {
	text-decoration: none;
	color: #000;
	line-height: 24px;
	font-size: 14px;
	}
.mainsubright a:hover {
	text-decoration: underline;
	}
.hometitle {
	font-size: 22px;
	background: none;
	font-weight: 100;
	color: #10274c;
	text-transform: uppercase;
	border-top: 1px solid #BCBCBC;
	border-bottom: 1px solid #BCBCBC;
	padding: 15px 0px;
	margin-bottom: 10px;
	margin-top: 20px;
	}
.top50 {
		padding-top: 50px;
	}
.homegrey {
	background-color: #FFF;
	padding: 0% 0;
	}
.rectangle {
	margin: 0px auto;
	width: 100%;
	background-color: #FFF;
	display: block;
	margin-bottom: 25px;
}
.rectangle img {
	width: 100%;	
	}
.rectangle a {
	text-decoration: none;
	color: #000;
	line-height: 24px;
	font-size: 14px;
	}
.rectangle a:hover {
	text-decoration: underline;
	}

.secondaryright {
	margin: 0px auto;
	width: 100%;
	background-color: #FFFFFF;
	padding: 20px 0px;
	margin-bottom: 10px;
}
.secondaryright img {
	width: 100%;
	}
.secondaryright a {
	text-decoration: none;
	color: #000;
	line-height: 24px;
	font-size: 14px;
	}
.secondaryright a:hover {
	text-decoration: underline;
	}
.secondaryleft {
	margin: 0px auto;
	width: 100%;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}
.secondaryleft img {
	width: 100%;
	}
.secondaryleft a {
	text-decoration: none;
	color: #000;
	line-height: 24px;
	font-size: 14px;
	}
.secondaryleft a:hover {
	text-decoration: underline;
	}
#secondarynav {
	visibility: hidden;
	display: none;
	height: 0px;
	width: 0px;
}
#remotenav {
	visibility: hidden;
	display: none;
	height: 0px;
	width: 0px;
}
.listedproduct {
	float: left;
	width: 90%;
	padding: 5px 3% 5px 3%;
	margin-right: 0px;
	border: 0px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	min-height : 0px;
	margin-bottom: 10px;
}
.listedproduct img {
		text-align: center;
	}
.listedproductcontent {
	width: 95%;
	display: block;
	font-size: 14px;
	text-align: center;
	}
.listedproductimage a img {
	margin: 0px auto;
	width: 75%;
	text-align: center;
	padding-bottom: 10px;
}

.thumbtitle {
	font-size: 18px;
	display: block;
	color: #0272fd;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
}
.thumbsubtitle {
	font-size: 18px;
	color: #545454;
	display: block;
	text-align: center;
	line-height: 20px;
	padding-bottom: 10px;
}
ul.listedbullets {
	line-height: 18px;
	list-style: inherit;
	color: #545454;
	padding-left: 25px;
	font-size: 15px;
	padding-bottom: 10px;
}
ul.listedbullets li {
	text-align: left;	
	padding-left: 15px;
	padding-bottom: 5px;
}
.parallax {
    visibility: hidden;
	height: 0px; 
	margin-top: 0px;
    }
#footer {
	width:100%;
	}
.footsections {
		width: 100%;
	}
.footersection {
	visibility: hidden;
	height: 0px;
	}
a.logomxl {
	background: url(../images/logos-mxl.png) center top no-repeat;
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 50px;;
	text-indent: -9999px;
	line-height: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
}
a:hover.logomxl {
	background: url(../images/logos-mxl.png) center bottom no-repeat;
}
a.logomogami {
	background: url(../images/logos-mogami.png) center top no-repeat;
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 50px;
	text-indent: -9999px;
	line-height: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
}
a:hover.logomogami {
	background: url(../images/logos-mogami.png) center bottom no-repeat;
}
a.logomarshall {

	background: url(../images/logos-marshall.png) center top no-repeat;
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 50px;
	text-indent: -9999px;
	line-height: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-left: 0px;
}
a:hover.logomarshall {
	background: url(../images/logos-marshall.png) center bottom no-repeat;
}
a.logotajimi {
	background: url("../images/logos-tajimi.png") center top no-repeat;
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 50px;
	text-indent: -9999px;
	line-height: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
}
a:hover.logotajimi {
	background: url(../images/logos-tajimi.png) center bottom no-repeat;
}
.H500 {
	height: 100%;		
	}
.H600 {
	height: 100%;	
	}
.H700 {
	height: 100%;		
	}
.H800 {
	height: 100%;		
	}
.H900 {
	height: 100%;		
	}
	#contentform {
	margin: 0px auto;
	magin-top: 150px;
	width: 95%;
	display: block;
	padding-bottom: 10px;
}
.form_element2 {
	width:95%;
	float: left;
	font-size: 16px;
	display: block;
	line-height: 20px;
	margin: 2% 2%;
	padding: 2% 2%;
}
.choose {
	width:95%;
	float: left;
	border: none;
	font-size: auto;
	display: block;
	height: auto;
	margin: 2% 2%;
	padding: 0% 2%;
}
.whole{
	width: 95%
	}
	label {
		width: 95%;
		display: block;
		font-size: 10px;
		font-weight: 600;
		padding-right: 10px;
		line-height: 10px;
	}
}

.input-group {
		 float: right;
	 }
	 .form-control {
		 padding: 5px 10px;
	 }
	/* searchbutton */

    .sj-search-input-holder-outer {
      padding: 0.9em 0px;
      position: relative;
      height: 70px;
      box-sizing: border-box;
    }

    .sj-search-input-holder-inner {
      position: absolute;
    }

    .sj-search-bar-input-common {
      width: 650px;
      font-size: 20px;
      padding: 0.6em;
      outline: none;
      letter-spacing: 0.6px;
      margin-top: auto;
      margin-bottom: auto;
      margin-left: auto;
      line-height: 24px;
      text-rendering: optimizeLegibility;
      border-radius: 0;
      box-sizing: initial;
    }

    .sj-search-bar-completion {
      border: 1px solid #d9d9d9;
      color: #bebebe;

    }

    .sj-search-bar-input {
      border: 1px solid transparent;
      position: absolute;
      background: transparent;
      color: #666;
      top: 0px;
      left: 0px;
    }

    .sj-search-icon {
      display: none;
		
    }

    /**
     * Autocomplete override
     */

    .sj-result-summary-autocomplete-override {
      display: block;
      padding-top: 16px;
      font-size: 1.2em;
	
    }

    .sj-result-summary-autocomplete-override>a {
      color: #1a0dab;
    }

    /**
     * Results
     */

    .sj-result-summary {
      padding-bottom: 1.5em;
      font-size: 16px;
      color: #aaa;
    }

    .sj-result {
      clear: both;
    }

    .sj-result-list > * {
     margin-top: 1.5em;
    }

    .sj-result-list > :first-child {
      margin-top: 0;
    }

    .sj-result-title {
      margin-bottom: 0;
      margin-top: 0;
      font-size: 16px;
      line-height: 24px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .sj-result-title a {
      text-decoration: none;
      font-weight: 400;
      font-size: 20px;
      color: #0072da;
      line-height: 21.6px;
    }

    .sj-result-title a:hover {
      text-decoration: underline;
    }

    .sj-result-description {
      color: #545454;
      font-size: 15px;
      line-height: 22px;
      overflow-wrap: break-word;
      margin-top: 2px;
      margin-bottom: 4px;
    }

    .sj-result-url {
      font-size: 13px;
      line-height: 18.2px;
      margin: 0;
      color: #a2a2a2;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .sj-result-url a {
      text-decoration: none;
      color: #a2a2a2;
    }

    .sj-result-image-container {
      float: left;
      width: 100px;
    }

    .sj-result-image-container img {
      max-height: 90px;
      max-width: 90px;
    }

    /**
     * Paginator
     */

    .sj-paginator {
      margin: 1em 0;
      text-align: center;
    }

    .sj-paginator > div {
      display: inline;
      padding: 10px;
      color: #777;
      font-weight: bold;
      cursor: pointer;
      user-select: none;
    }

    .sj-paginator > div.current {
      color: #333;
    }

    .sj-paginator > div.disabled {
      color: #aaa;
    }

    /**
     * Tabs
     */

    .sj-tabs-container {
      border-bottom: 1px solid #ebebeb;
      color: #555555;
      width: 100%;
      margin-bottom: 1em;
    }

    .sj-tabs {
      overflow: auto;
      white-space: nowrap;
    }

    .sj-tab {
      display: inline-block;
      font-size: 16px;
      cursor: pointer;
      margin: 0;
      padding: 1em;
      user-select: none;
    }

    .sj-tab-active {
      color: #333;
      border-bottom: 3px solid #333;
    }

    
    /**
     * Overlay
     */
    @keyframes sj-overlay-rolldown {
      0% {
        opacity: 0;
        height: 20%;
      }
      100% {
        opacity: .8;
        height: 100%;
      }
    }

    .sj-overlay {
      background-color: #FFF;
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      overflow-x: hidden;
      overflow-y: auto;
      width: 100%;
      height: 100%;
      z-index: 1000000;
      animation-name: sj-overlay-rolldown;
      animation-duration: 0.4s;
    }

    .sj-overlay-search {
      padding: 0px 30px;
	  margin-left: 15%;
	  margin-top: 175px;
    }

    .sj-overlay-close {
      z-index: 9999;
      color: #0072da;
      text-align: center;
      cursor: pointer;
    }

    .sj-overlay-close:hover {
      color: #000;
    }

    .sj-overlay-close .sj-close {
      font-size: 40px;
      line-height: 30px;
      padding-top: 10px;
    }

    .sj-overlay-close .sj-esc {
      font-size: 12px;
    }

    @media (max-width: 975px) {
      .sj-overlay-close {
        right: 3%;
      }

      .sj-overlay .sj-search-bar-input-common {
        width: calc(95vw - 88px);
      }
	.top50 {
		padding-top: 17px;
	}
	.top100 {
		margin-top: 17px;
	}
.top350 {
		padding-top: 17px;
	}
.newsletterbutton {
	width: 74px;
	height: 27px;
	line-height: 27px;
	font-size: 10px;
	text-align: center;
	vertical-align: top;
	background: url(../images/newsletter-button.png) center center no-repeat;
	color: #FFFFFF;
	border: 0px;
	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */		
}
.cell {
	background-color: #dcdcdc;
	width: 50%;
	height: 27px;
	line-height: 27px;
	border: 1px solid #c6c6c6;
	font-size: 12px;
	color: #575757;
	padding: 0px 10px;
}
    }