body {padding-top: 50px;} /* space for navbar-fixed-top*/

.wrapper {
	background-color: rgb(255, 253, 250);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
	margin-bottom: -10px;
}	
.page-title {
	text-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #EEEEEE;
}
.panel-body  h3{text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);}
.btn-redfox {
	margin-top: 4px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
}
.promo-top {
  background-color: #BF2020;
  color: #FFFDFA;
  margin: 15px 5px 0px 15px;
  border: 1px solid rgba(255,150,0,0.2);
  border-radius: 5px;
}


/* navbar */
.navbar-redfox {
	background-image: -webkit-linear-gradient(to bottom, rgb(110, 150, 150), rgb(70, 110, 110) 100%);
	background-image: -o-linear-gradient(to bottom, rgb(110, 150, 150), rgb(70, 110, 110) 100%);
	background-image: linear-gradient(to bottom, rgb(110, 150, 150), rgb(70, 110, 110) 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff58938C', endColorstr='#ff37635E', GradientType=0);
	color:#F6FCFA;
	border-radius:0;
	border-bottom: 1px solid rgb(140, 180, 180);
}
.navbar-brand > img {margin-top: -12px;}
.navbar-redfox .navbar-nav > li > a {
    color:#F6FCFA;
	text-shadow: black 0.1em 0.1em 0.2em;
	padding: 5px 10px;	
	margin-top: 8px;
	margin-left: 5px;
	border-radius: 5px;
	border: 1px solid transparent;	
}
.navbar-redfox .navbar-nav > .active > a, 
.navbar-nav > .active > a:hover, 
.navbar-nav > .active > a:focus {
	border: 1px solid #96BAB6;	
}
/* navbar hovering  */
.navbar-redfox .navbar-nav > li > a:hover, .nav > li > a:focus { 
	text-decoration: none; 
	background-color: #609B94; 
	border: 1px solid #96BAB6;	
}

/* opens dropdowns after made them clickable by removing class="dropdown-toggle" data-toggle="dropdown" */
ul.nav li.dropdown:hover ul.dropdown-menu {
	display: block; 
	margin-top: 0;
}
 
/* dropdown menu background */
.navbar-redfox .navbar-nav > li > .dropdown-menu { 
	background-color: rgb(255, 255, 245);
	border-radius: 5px;
	border: 1px solid #ddd;
}

/* product and flag images in dropdown menu.  */
.dropdown-menu > li > a > img {
	width: 25px; 
	height: auto;
	margin-right: 5px;
	}

/* dropdown menu hover and active */
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover  {
	background-image:none !important;
	background-color:#F9F1D6;
	color: black;
}

/* icon-bar color */
#nav-toggle-button { border: 2px solid #ADD1CC;}
.navbar-redfox .navbar-toggle .icon-bar {background-color: #ADD1CC;}

/* flag of current language in nav bar */
.img-flag {
 margin-top: -2px;
 width: 20px;
 height: 15px;
}



/*****************************/
/* footer                    */
/*****************************/

#footer {
  height: 60px;
  background-color: #323232;
  color: #BBBBBB;
  margin-top: 10px;
  padding-top: 10px;
  height: auto;
}

#footer a {
  color: #BBBBBB;
}


/*****************************/
/* sidebar                   */
/*****************************/
.sidebar {
	padding-top: 10px;
	padding-right: 20px;
}

/* hide sidebar an smaller devices 
@media (max-width: 768px) {
    .sidebar {display:none !important;}
}
*/
.sidebar .title{
    margin-top: 15px;
    margin-bottom: 5px;
    padding-bottom: 10px;
	background-color: rgba(255, 150, 0,0.1);
	border: 1px solid rgba(255,150,0,0.2);
	padding: 10px;
	border-radius: 5px;
}
.sidebar p {padding: 0px 10px;}
.sidebar .separator {margin-top: -5px;margin-bottom: 3px;}


/* box-shadow */
.box-shadow-2dp {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)}
.box-shadow-3dp {box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)}
.box-shadow-4dp {box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)}
.box-shadow-6dp {box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)}
.box-shadow-8dp {box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)}
.box-shadow-16dp {box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)}

.panel-body > img, .panel-body > a > img {
	width:100%; 
	height: auto;
	max-width: 200px;
	padding-bottom: 20px;
	}
	
.footnote {
	padding: 10px 0;	
	font-size: 9px;
	color: #bbb;
}

/* Download tables */
table.download {min-width: 400px;}
table.download td {padding:8px; font-weight: bold; 	white-space: nowrap;}
table.download td img {height: 30px; padding-right: 10px; }
table.download th {font-size: 150%; border-bottom: 1px solid #bbb; padding-bottom: 10px;}

.divider {
  height: 1px;
  width:100%;
  display:block; /* for use on default inline elements like span */
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}



div .speedmenu  {
  margin:10px 20px 10px 0px ;
  padding: 0px;
  float:left;
  text-align:center;
}
div.speedmenu img  {
  display:inline;
  width:200px;
  height:auto;
  box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.3), 0 0px 5px 0 rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  margin-bottom: 5px;
}
div.speedmenu a:hover img  {opacity: 0.8;}

div.sm-download  {text-align:center;}


.purchaseBox thead {background: #FFF3E1; 	border: 1px solid rgba(255,150,0,0.2);}	
.purchaseBox th,td {white-space: nowrap; padding: 6px;}	
.purchaseBox th.tdright, td.tdright {text-align: right;}	
.purchaseBox th.tdbold, td.tdbold {font-weight: bold; }	
.purchaseBox td.tdgreen {color: green;}	
.purchaseBox td.tdbordertop {border-top: 1px solid #aaa;}
.purchaseBox td.tdborderbottom {border-bottom: 1px solid #aaa;}
.purchaseBox td.tdbordersum {border-bottom: 3px solid #aaa;}
.purchaseBox td.tdspinner {max-width: 90px; min-width: 90px;}
/*.purchaseBox td {border: 1px solid black;} */
.spinner_quantity {max-width: 60px; min-width: 60px; text-align: right;}


.semitransparent{opacity: 0.4;}	

.faq h4 {
	background-color:#eee;
	padding: 5px;
	border-radius: 3px; 
	border: 1px solid #ddd;
	margin-top: 30px;
}


.bootstrap-touchspin input {
max-width: initial;
}

input { max-width: 280px; }