body {
	
	background-color: #ffffff;
		background-image: none;

	
	
		

		font-size: 14px;

		color: #404245;;
	
}



a {
	color: #404245;;
}

a:hover,
a:focus,
a:active {
	color: #7f8184;
}







.navbar {
	background-color: #404245;
	background-repeat: repeat-x;
	background-image: none;
	border: none;
	border-bottom: 1px solid #595b5e;
	padding-top: 15px;
	padding-bottom: 15px;
}

.navbar .navbar-text,
.navbar .navbar-brand,
.navbar .navbar-link,
.navbar .nav > li > a {
	color: #404245;;
	text-shadow: none;
}

/* navbar links */
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus,
.navbar .navbar-brand:active,
.navbar .nav .active > a,
.navbar .nav .active > a:hover,
.navbar .nav .active > a:focus,
.navbar .nav .active > a:active,
.navbar .navbar-link:hover,
.navbar .navbar-link:focus,
.navbar .navbar-link:active,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:active,
.navbar .nav > .open > a,
.navbar .nav > .open > a:hover,
.navbar .nav > .open > a:focus,
.navbar .nav > .open > a:active {
	color: #66686b;
	background-color: transparent;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.navbar-fixed-top,
.navbar-static-top {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;

}

.navbar-toggle {
	margin-top: 18px;
	margin-bottom: 18px;
}

.navbar-collapse {
	border-radius: 0px;
}

/* navbar brand */
.navbar-brand {
	padding-right: 30px;
	max-width: 80%;
	min-height: 20px;
	height: auto;
}

@media (max-width: 767px) {
	.navbar .toggle-sidebar {
		padding: 10px 15px;
	}
}

@media (min-width: 768px) {
	.navbar-brand {
		max-width: 300px;
	}
}

/* navbar dropdowns */
.navbar .dropdown.logged-in .avatar {
	margin: 0px;
}

.nav .dropdown.logged-in .full-name {
	line-height: 22px;
}

.nav .dropdown-menu > li > a {
	padding: 14px;
}

.nav .dropdown-menu {
	min-width: 200px;
	padding: 0px;
	font-size: 85%;

	// only rounded bottoms
	border-radius: 0px 0px 4px 4px;
}

.nav .dropdown-menu .divider {
	margin: 0px;
}

.web-footer {
	background-color: #404245;;
	border-top: 1px solid #595b5e;
}

.web-footer,
.web-footer a {
	color: #E4E8ED;
}

.web-footer a:hover,
.web-footer a:focus,
.web-footer a:active {
	color: #d8dce1;
}

.web-footer input {
	border: 1px solid #595b5e;
}


/*.page-content {
	border-right: 1px solid #e6e6e6;
}

.page-sidebar {
	border-left: 1px solid #e6e6e6;
}
*/
.page-footer {
	border-top: 1px solid #e6e6e6;
}

.border-color {
	border-color: #e6e6e6;
}

div.logo_jwh      { display: inline;
                    line-height: 0.3;
                    padding-left:3px;
                    padding-top:3px;
                    float:left;}
div.logo_jwh b    { background-color: #ffffff; 
                    color:#293133; 
                    border-style: solid; 
                    border-width: 3px; 
                    border-color: #FFA500 ; 
                    border-radius: 5px;
                    padding:4px; 
                    font-size: 18px;}
div.logo_jwh span  { font-size: 18px;}

div.navbar-header { width:100%; 
                    height:75px;}
a.navbar-brand    { width:100%;
                    max-width:100%; 
                    line-height: normal;}
span.logo          { display: inline;  
                    padding-left:2px;
                    float:left;}
span.logo b        { background-color: #ffffff; 
                    color:#293133; 
                    border-style: solid; 
                    border-width: 3px; 
                    border-color: #FFA500 ; 
                    border-radius: 5px;
                    padding:4px; 
                    font-size: 30px;}
span.logo span     { font-size: 16px;}
span.logo_jwh      { display: inline;
                    line-height: 0.3;
                    padding-left:3px;
                    float:left;}
span.logo_jwh b    { background-color: #ffffff; 
                    color:#293133; 
                    border-style: solid; 
                    border-width: 3px; 
                    border-color: #FFA500 ; 
                    border-radius: 5px;
                    padding:4px; 
                    font-size: 18px;}
span.logo_jwh span  { font-size: 18px;}

li.dropdown       { background-color: #FFA500; 
                    border-width: 3px;
                    color: #404245;
                    text-shadow: 1px 1px #ffffff;
                    /* border: 1px solid #d1d8dd; */
                    border-radius: 10px;}
button.btn         { background-color: #FFA500;}
.btn-primary       { color: #fff; background-color:  #FFA500; border-color:  #664200; color: #404245;
                    text-shadow: 1px 1px #ffffff;} 
.btn-primary:hover { color: #000; background-color: #664200; border-color: #FFA500; color: #404245;
                    text-shadow: 1px 1px #ffffff;} 

.navbar .navbar-text .navbar .navbar-brand .navbar .navbar-link, .navbar .nav > li > a 
                  { color: #000000;         /* #404245; */
                    text-shadow: 1px 1px #cccccc; }

.badge-wrapper    { background-color: Green;
                    color: White;
                    margin-left: 0px;
                    }

.shopping-cart .cart-icon .dropdown-toggle {color: #ffffff;  }

.product-image-square { width:100%; padding: 50% 0px; }
/* div.order-image       { width:20% ; height:20% } */

h1, h2, h3, h4 { font-weight: bold;}
h2{          padding-top: 25px; 
             border-top: 2px solid #404245; }
h3{          padding-top: 25px; 
             border-top: 2px solid #404245; }
#form-control select{max-width: 200px;}
#jwh table,tr,td
            {border-style: solid; 
             border-width: 1px;
             padding-left:5px;
             padding-right:5px;
             text-align: left;}
#jwh td.left
            {text-align: left;}
#jwh tr.head th
            {border-style: solid; 
             border-width: 1px;
             padding-left:5px;
             padding-right:5px;
             text-align: center;
             background-color:LightCyan;}
#jwh .rotate 
          { display:inline-block;
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
            -webkit-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: rotate(270deg);   }
#jwh dl, dt, dd 
          { margin:0 }
#jwh dt   { display:inline-block;
	    vertical-align:top;
	    width:100px;
	    padding:5px 20px 5px 5px;
	    position:relative;}
#jwh dd   { display:inline-block;
	    vertical-align:top;
	    width:300px;
	    padding:5px;
	    position:relative;
            background:#F5FAFF;}

#jwh dt:nth-child(4n+1):after, dd:nth-child(4n+2):after {
	content:" ";
	position:absolute;
	display:block;/* safari bug */
	left:-999em;
	top:0;
	bottom:0;
	right:-999em;
	background:#ffffff;
	z-index:-1;
}

th.productFieldGroup {

background: #D7E1E1; 
color: #000000;} 
.parameter-table {

    width: 100%;
    margin: 0 auto;

}

.parameter-table tr, .parameter-table table {
    width: 100%;
}
.parameter-table tr, .parameter-table td, .parameter-table table {
    border: none;
}
.parameter-table th {
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    font-size: 18px;
    color: #404245;
    font-weight: bold;
    word-break: break-all;
    text-align: left;
    padding: 16px 60px;

}
.parameter-table tr, .parameter-table table {

    width: 100%;

}
.parameter-table table {

   border:1px solid #d3d3d3;

  

}

.parameter-table tr, .parameter-table td {

    border: none;
  
}
.parameter-table .td1 {

    color: #404245;
    padding-left: 5px;
    width: 210px;
    border-right: 1px solid #d3d3d3;

}
.parameter-table td {

    font-size: 12px;
    word-break: break-all;
    color: #404245;
    padding: 5px 14px;
    padding-left: 14px;
    line-height: 16px;
    border-bottom: 1px solid #d3d3d3;
    vertical-align: middle;

}
.parameter-table .td2 {

    width: 1px;
    padding: 8px 0;

}
.parameter-table td {

    font-size: 12px;
    word-break: break-all;
    color: #404245;
    padding: 5px 14px;
    line-height: 16px;
    border-bottom: 1px solid #d3d3d3;
    vertical-align: middle;
}
div.qvis 
{
background: #004869;
font-weight: bold;
}
div.qvis h1,
div.qvis span
{ padding-left: 50px;
  color: #FFFFFF;
  font-weight: bold;
}
div.qvis img
{ background-color: #FFFFFF;
}
div.oynx 
{ background: #000000;
  font-weight: bold;
}
div.oynx h1, 
div.oynx span 
{ color: #FFFFFF;
  font-weight: bold;
  padding-left: 50px;
}
div.oynx img
{ background-color: #FFFFFF;
}
div.jwh_links li    {display: inline;  }
div.link            {display:inline; width:200px; padding: 5px }
a.ellipsis          {width:100%}
div.navbar-header   {width:100%}
.navbar-brand       {width:100%; max-width: 100%; }
a.ellipsis          {width:100%}

#search-list        {display: -webkit-flex; /* Safari */
                     display: flex;
                     flex-direction: row;
                     flex-wrap: wrap;
                     justify-content:space-around;} 
div.col-sm-4        {width:333px}